feat: 取消订单

src/components/Upload/UploadImages/index.tsx

@@ -35,7 +35,15 @@ const UploadImages: React.FC<{
   const [uploading, setUploading] = useState(false);
   useEffect(() => {
     if (value) {
-      setFileList([{ uid: '-1', url: value, status: 'done', name: value }]);
+      console.log(value.split(','));
+      const list = value.split(',').map((item, index) => ({
+        uid: index.toString(),
+        url: item,
+        thumbUrl: item,
+        status: 'done',
+        name: item,
+      }));
+      setFileList(list as UploadFile[]);
     } else {
       setFileList([]);
     }
@@ -63,7 +71,7 @@ const UploadImages: React.FC<{
   const handleRemove = (file: UploadFile): boolean => {
     const newFileList = fileList.filter((item) => item.uid !== file.uid);
     const newUrl = newFileList.map((item) => item.url) as string[];
-    onChange?.(newUrl[0]);
+    onChange?.(newUrl.join(','));
     return true;
   };
 
@@ -101,8 +109,15 @@ const UploadImages: React.FC<{
       const url = await uploadFile(file as File);
       onProgress?.({ percent: 100 });
       if (url) {
-        onChange?.(url);
-        onSuccess?.({ url });
+        if (maxCount === 1) {
+          onChange?.(url);
+          onSuccess?.({ url });
+        } else {
+          const res = value?.split(',') || [];
+          console.log([...res, url].join(','));
+          onChange?.([...res, url].join(','));
+        }
+
         message.success('上传成功');
       } else {
         throw new Error('上传失败');