fix: when the upload setting pastable is set to true in the same Form, the copying of FormItemInput becomes invalid (#624)

* fix: uploader

* fix: uploader

* feat: test

---------

Co-authored-by: WB01676250 <[email protected]>

Author: jin19980928

src/AjaxUploader.tsx

@@ -67,8 +67,6 @@ class AjaxUploader extends Component<UploadProps> {
   };
 
   onFileDropOrPaste = async (e: React.DragEvent<HTMLDivElement> | ClipboardEvent) => {
-    e.preventDefault();
-
     if (e.type === 'dragover') {
       return;
     }
@@ -87,6 +85,10 @@ class AjaxUploader extends Component<UploadProps> {
       files = [...(clipboardData.files || [])];
     }
 
+    if (files.length > 0 || items.some(item => item.kind === 'file')) {
+      e.preventDefault();
+    }
+
     if (directory) {
       files = await traverseFileTree(Array.prototype.slice.call(items), (_file: RcFile) =>
         attrAccept(_file, this.props.accept),

tests/uploader.spec.tsx

@@ -488,6 +488,42 @@ describe('uploader', () => {
 
       fireEvent.change(input, { target: { files } });
     });
+
+    it('should call preventDefault when paste contains files', () => {
+      const { container } = render(<Upload {...props} pastable />);
+      const input = container.querySelector('input')!;
+
+      const files = [new File([''], 'test.png', { type: 'image/png' })];
+
+      const preventDefaultSpy = jest.spyOn(Event.prototype, 'preventDefault');
+
+      fireEvent.paste(input, {
+        clipboardData: {
+          items: [{ kind: 'file' }],
+          files,
+        },
+      });
+
+      expect(preventDefaultSpy).toHaveBeenCalledTimes(1);
+      preventDefaultSpy.mockRestore();
+    });
+
+    it('should not call preventDefault when paste contains no files', () => {
+      const { container } = render(<Upload {...props} pastable />);
+      const input = container.querySelector('input')!;
+
+      const preventDefaultSpy = jest.spyOn(Event.prototype, 'preventDefault');
+
+      fireEvent.paste(input, {
+        clipboardData: {
+          items: [{ kind: 'string' }],
+          files: [],
+        },
+      });
+
+      expect(preventDefaultSpy).toHaveBeenCalledTimes(0);
+      preventDefaultSpy.mockRestore();
+    });
   });
 
   describe('directory uploader', () => {