diff --git a/web/src/components/file-upload-modal/index.tsx b/web/src/components/file-upload-modal/index.tsx index 6074fc0a2..7577dcea2 100644 --- a/web/src/components/file-upload-modal/index.tsx +++ b/web/src/components/file-upload-modal/index.tsx @@ -41,6 +41,7 @@ const FileUpload = ({ }, beforeUpload: (file: UploadFile) => { setFileList((pre) => { + console.log(file); return [...pre, file]; }); @@ -68,11 +69,12 @@ const FileUpload = ({ ); }; -interface IFileUploadModalProps extends IModalProps { +interface IFileUploadModalProps extends Omit, 'onOk'> { uploadFileList: UploadFile[]; setUploadFileList: Dispatch>; uploadProgress: number; setUploadProgress: Dispatch>; + onOk?: (fileList: UploadFile[]) => Promise | boolean | void; } const FileUploadModal = ({ @@ -80,19 +82,21 @@ const FileUploadModal = ({ hideModal, loading, onOk: onFileUploadOk, - uploadFileList: fileList, - setUploadFileList: setFileList, uploadProgress, setUploadProgress, }: IFileUploadModalProps) => { const { t } = useTranslate('fileManager'); const [value, setValue] = useState('local'); const [parseOnCreation, setParseOnCreation] = useState(false); + const [fileList, setFileList] = useState([]); const clearFileList = () => { setFileList([]); - setUploadProgress(0); + if (typeof setUploadProgress === 'function') { + setUploadProgress(0); + } }; + console.log(fileList); const onOk = async () => { if (uploadProgress === 100) { @@ -100,7 +104,7 @@ const FileUploadModal = ({ return; } - const ret = await onFileUploadOk?.(parseOnCreation); + const ret = await onFileUploadOk?.(fileList); return ret; };