fix(html2canvas): the operation is insecure

Author: byodian

package.json

@@ -64,7 +64,7 @@
     "file-saver": "^2.0.5",
     "html-react-parser": "^5.1.12",
     "html-to-image": "^1.11.11",
-    "html2canvas": "^1.4.1",
+    "html2canvas-pro": "^1.5.8",
     "jszip": "^3.10.1",
     "lucide": "^0.428.0",
     "lucide-react": "^0.428.0",

pnpm-lock.yaml

@@ -74,7 +74,7 @@ export function Header(props: HeaderProps) {
   const [imageDialogOpen, setImageDialogOpen] = useState(false)
   const [dialogType, setDialogType] = useState<DialogType>('save_file')
   const [isExporting, setIsExporting] = useState(true)
-  const [scale, setScale] = useState('1')
+  const [scale, setScale] = useState('3')
   const platform = usePlatform()
   const { contents, setContents, previewRef, templateName, theme, setTemplateName, setTheme, setTableValue } = props
   const { toast } = useToast()
@@ -260,7 +260,7 @@ export function Header(props: HeaderProps) {
   async function handleImageExportDialogOpen() {
     setImageDialogOpen(true)
     setIsExporting(true)
-    setScale('1')
+    setScale('3')
     // open preview
     setTableValue && setTableValue('preview')
   }

src/components/header/header.tsx

@@ -1,4 +1,4 @@
-import html2canvas from 'html2canvas'
+import html2canvas from 'html2canvas-pro'
 import { toBlob } from 'html-to-image'
 import UPNG from '@pdf-lib/upng'
 import ExifReader from 'exifreader'