fix(web): use Array.from() for FileList to fix tsc type errors (langgenius#31398)

majiayu000 · web-flow · commit e2d7fe9c72fb · 2026-01-22T19:51:24.000+08:00
diff --git a/.github/workflows/style.yml b/.github/workflows/style.yml
@@ -125,7 +125,7 @@ jobs:
       - name: Web type check
         if: steps.changed-files.outputs.any_changed == 'true'
         working-directory: ./web
-        run: pnpm run type-check:tsgo
+        run: pnpm run type-check
 
       - name: Web dead code check
         if: steps.changed-files.outputs.any_changed == 'true'
diff --git a/web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.tsx b/web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.tsx
@@ -48,7 +48,7 @@ const CSVUploader: FC<Props> = ({
     setDragging(false)
     if (!e.dataTransfer)
       return
-    const files = [...e.dataTransfer.files]
+    const files = Array.from(e.dataTransfer.files)
     if (files.length > 1) {
       notify({ type: 'error', message: t('stepOne.uploader.validation.count', { ns: 'datasetCreation' }) })
       return
diff --git a/web/app/components/app/create-from-dsl-modal/uploader.tsx b/web/app/components/app/create-from-dsl-modal/uploader.tsx
@@ -58,7 +58,7 @@ const Uploader: FC<Props> = ({
     setDragging(false)
     if (!e.dataTransfer)
       return
-    const files = [...e.dataTransfer.files]
+    const files = Array.from(e.dataTransfer.files)
     if (files.length > 1) {
       notify({ type: 'error', message: t('stepOne.uploader.validation.count', { ns: 'datasetCreation' }) })
       return
diff --git a/web/app/components/apps/hooks/use-dsl-drag-drop.ts b/web/app/components/apps/hooks/use-dsl-drag-drop.ts
@@ -36,7 +36,7 @@ export const useDSLDragDrop = ({ onDSLFileDropped, containerRef, enabled = true
     if (!e.dataTransfer)
       return
 
-    const files = [...e.dataTransfer.files]
+    const files = Array.from(e.dataTransfer.files)
     if (files.length === 0)
       return
 
diff --git a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/uploader.tsx b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/uploader.tsx
@@ -54,7 +54,7 @@ const Uploader: FC<Props> = ({
     setDragging(false)
     if (!e.dataTransfer)
       return
-    const files = [...e.dataTransfer.files]
+    const files = Array.from(e.dataTransfer.files)
     if (files.length > 1) {
       notify({ type: 'error', message: t('stepOne.uploader.validation.count', { ns: 'datasetCreation' }) })
       return
diff --git a/web/app/components/datasets/create/file-uploader/index.tsx b/web/app/components/datasets/create/file-uploader/index.tsx
@@ -278,7 +278,7 @@ const FileUploader = ({
     onFileListUpdate?.([...fileListRef.current])
   }
   const fileChangeHandle = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-    let files = [...(e.target.files ?? [])] as File[]
+    let files = Array.from(e.target.files ?? []) as File[]
     files = files.slice(0, fileUploadConfig.batch_count_limit)
     initialUpload(files.filter(isValid))
   }, [isValid, initialUpload, fileUploadConfig])
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/index.tsx
@@ -230,7 +230,7 @@ const LocalFile = ({
     if (!e.dataTransfer)
       return
 
-    let files = [...e.dataTransfer.files] as File[]
+    let files = Array.from(e.dataTransfer.files) as File[]
     if (!supportBatchUpload)
       files = files.slice(0, 1)
 
@@ -251,7 +251,7 @@ const LocalFile = ({
     updateFileList([...fileListRef.current])
   }
   const fileChangeHandle = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-    let files = [...(e.target.files ?? [])] as File[]
+    let files = Array.from(e.target.files ?? []) as File[]
     files = files.slice(0, fileUploadConfig.batch_count_limit)
     initialUpload(files.filter(isValid))
   }, [isValid, initialUpload, fileUploadConfig.batch_count_limit])
diff --git a/web/app/components/datasets/documents/detail/batch-modal/csv-uploader.tsx b/web/app/components/datasets/documents/detail/batch-modal/csv-uploader.tsx
@@ -126,7 +126,7 @@ const CSVUploader: FC<Props> = ({
     setDragging(false)
     if (!e.dataTransfer)
       return
-    const files = [...e.dataTransfer.files]
+    const files = Array.from(e.dataTransfer.files)
     if (files.length > 1) {
       notify({ type: 'error', message: t('stepOne.uploader.validation.count', { ns: 'datasetCreation' }) })
       return
diff --git a/web/app/components/plugins/plugin-page/use-uploader.ts b/web/app/components/plugins/plugin-page/use-uploader.ts
@@ -36,7 +36,7 @@ export const useUploader = ({ onFileChange, containerRef, enabled = true }: Uplo
     setDragging(false)
     if (!e.dataTransfer)
       return
-    const files = [...e.dataTransfer.files]
+    const files = Array.from(e.dataTransfer.files)
     if (files.length > 0)
       onFileChange(files[0])
   }

Original file line number	Diff line number	Diff line change
`@@ -278,7 +278,7 @@ const FileUploader = ({`
`278`	`278`	`onFileListUpdate?.([...fileListRef.current])`
`279`	`279`	`}`
`280`	`280`	`const fileChangeHandle = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {`
`281`		`- let files = [...(e.target.files ?? [])] as File[]`
	`281`	`+ let files = Array.from(e.target.files ?? []) as File[]`
`282`	`282`	`files = files.slice(0, fileUploadConfig.batch_count_limit)`
`283`	`283`	`initialUpload(files.filter(isValid))`
`284`	`284`	`}, [isValid, initialUpload, fileUploadConfig])`
Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,7 @@ export const useUploader = ({ onFileChange, containerRef, enabled = true }: Uplo`
`36`	`36`	`setDragging(false)`
`37`	`37`	`if (!e.dataTransfer)`
`38`	`38`	`return`
`39`		`- const files = [...e.dataTransfer.files]`
	`39`	`+ const files = Array.from(e.dataTransfer.files)`
`40`	`40`	`if (files.length > 0)`
`41`	`41`	`onFileChange(files[0])`
`42`	`42`	`}`