Fix/upload

src/upload/demos/baseMultiple.vue

@@ -12,6 +12,7 @@
         :on-preview="onPreview"
         :on-success="onSuccess"
         :on-remove="onRemove"
+        :on-select-change="onSelectChange"
       >
       </t-upload>
     </t-cell-group>
@@ -44,6 +45,9 @@ export default defineComponent({
     const onRemove = ({ index, file, e }: UploadRemoveContext) => {
       console.log('====onRemove', index, file, e);
     };
+    const onSelectChange = (files: Array<UploadFile>) => {
+      console.log('====onSelectChange', files);
+    };
     const action = 'https://service-bv448zsw-1257786608.gz.apigw.tencentcs.com/api/upload-demo';
     const max = 10;
     return {
@@ -55,6 +59,7 @@ export default defineComponent({
       onSuccess,
       onRemove,
       onProgress,
+      onSelectChange,
     };
   },
 });

src/upload/demos/baseSingle.vue

@@ -11,6 +11,7 @@
         :on-preview="onPreview"
         :on-success="onSuccess"
         :on-remove="onRemove"
+        :on-select-change="onSelectChange"
       >
       </t-upload>
     </t-cell-group>
@@ -41,6 +42,9 @@ export default defineComponent({
     const onRemove = ({ index, file, e }: UploadRemoveContext) => {
       console.log('====onRemove', index, file, e);
     };
+    const onSelectChange = (files: Array<UploadFile>) => {
+      console.log('====onSelectChange', files);
+    };
     const action = 'https://service-bv448zsw-1257786608.gz.apigw.tencentcs.com/api/upload-demo';
     return {
       action,
@@ -50,6 +54,7 @@ export default defineComponent({
       onSuccess,
       onRemove,
       onProgress,
+      onSelectChange,
     };
   },
 });

src/upload/demos/mobile.vue

@@ -14,6 +14,7 @@
           :on-preview="onPreview"
           :on-success="onSuccess"
           :on-remove="onRemove"
+          :on-select-change="onSelectChange"
         >
         </t-upload>
         <div class="upload-title">多选上传图片</div>
@@ -28,6 +29,7 @@
           :on-preview="onPreview"
           :on-success="onSuccess"
           :on-remove="onRemove"
+          :on-select-change="onSelectChange"
         >
         </t-upload>
       </div>
@@ -65,6 +67,9 @@ export default defineComponent({
     const onRemove = ({ index, file, e }: UploadRemoveContext) => {
       console.log('====onRemove', index, file, e);
     };
+    const onSelectChange = (files: Array<UploadFile>) => {
+      console.log('====onSelectChange', files);
+    };
     const action = 'https://service-bv448zsw-1257786608.gz.apigw.tencentcs.com/api/upload-demo';
     // const action = 'www';
     const max = 10;
@@ -79,6 +84,7 @@ export default defineComponent({
       onRemove,
       onProgress,
       gridConfig,
+      onSelectChange,
     };
   },
 });

src/upload/upload.vue

@@ -72,7 +72,17 @@ export default defineComponent({
     RefreshIcon,
   },
   props,
-  emits: ['update:files', 'update:modelValue', 'change', 'fail', 'preview', 'progress', 'remove', 'success'],
+  emits: [
+    'update:files',
+    'update:modelValue',
+    'change',
+    'fail',
+    'preview',
+    'progress',
+    'remove',
+    'success',
+    'select-change',
+  ],
   setup(props: any, context: SetupContext) {
     const emitEvent = useEmitEvent(props, context.emit);
     const [innerFiles, setInnerFiles] = useDefault<TdUploadProps['files'], TdUploadProps>(
@@ -148,7 +158,9 @@ export default defineComponent({
       const { files } = <HTMLInputElement>event.target;
       if (props.disabled || !files) return;
       const input = <HTMLInputElement>inputRef.value;
-      uploadFiles(formatFileToUploadFile(files));
+      const formatFiles = formatFileToUploadFile(files);
+      emitEvent('select-change', [...formatFiles]);
+      uploadFiles(formatFiles);
       input.value = '';
     };
 
@@ -221,8 +233,12 @@ export default defineComponent({
         handleBeforeUpload(fileRaw).then((canUpload) => {
           if (!canUpload) return;
           const newFiles: Array<UploadFile> = toUploadFiles.value.concat();
-          newFiles.push(uploadFile);
-          toUploadFiles.value = [...new Set(newFiles)];
+
+          // 判断是否为重复文件条件，已选是否存在检验
+          if (props.allowUploadDuplicateFile || !toUploadFiles.value.find((file) => file.name === uploadFile.name)) {
+            newFiles.push(uploadFile);
+          }
+          toUploadFiles.value = newFiles;
           if (props.autoUpload) {
             upload(uploadFile);
           }