feat: support preview

web/app/components/datasets/create/file-preview/index.tsx

@@ -32,7 +32,6 @@ const FilePreview = ({
   const getFileName = (currentFile?: File) => {
     if (!currentFile)
       return ''
-
     const arr = currentFile.name.split('.')
     return arr.slice(0, -1).join()
   }

web/app/components/datasets/create/file-uploader/index.tsx

@@ -117,12 +117,14 @@ const FileUploader = ({
           fileID: fileItem.fileID,
           file: res,
         }
+        const index = fileListCopy.findIndex(item => item.fileID === fileItem.fileID)
+        fileListCopy[index] = completeFile
         onFileUpdate(completeFile, 100, fileListCopy)
         return Promise.resolve({ ...completeFile })
       })
       .catch(() => {
         notify({ type: 'error', message: t('datasetCreation.stepOne.uploader.failed') })
-        onFileUpdate(fileItem, -2, [...fileListCopy])
+        onFileUpdate(fileItem, -2, fileListCopy)
         return Promise.resolve({ ...fileItem })
       })
       .finally()
@@ -250,7 +252,7 @@ const FileUploader = ({
         {fileList.map((fileItem, index) => (
           <div
             key={`${fileItem.fileID}-${index}`}
-            // onClick={() => onPreview(currentFile)}
+            onClick={() => fileItem.file?.id && onPreview(fileItem.file)}
             className={cn(
               s.file,
               fileItem.progress < 100 && s.uploading,

web/app/components/datasets/create/index.tsx

@@ -46,7 +46,7 @@ const DatasetUpdateForm = ({ datasetId }: DatasetUpdateFormProps) => {
   const updateFile = (fileItem: any, progress: number, list: any[]) => {
     const targetIndex = list.findIndex((file: any) => file.fileID === fileItem.fileID)
     list[targetIndex] = {
-      ...fileItem,
+      ...list[targetIndex],
       progress,
     }
     setFiles([...list])