feat: support folder and deprecated directory (#643)

* feat: support folder and deprecated directory

* test: add test case

Author: linxianxi

src/AjaxUploader.tsx

@@ -321,6 +321,7 @@ class AjaxUploader extends Component<UploadProps> {
       capture,
       children,
       directory,
+      folder,
       openFileDialogOnClick,
       onMouseEnter,
       onMouseLeave,
@@ -333,9 +334,8 @@ class AjaxUploader extends Component<UploadProps> {
       [className]: className,
     });
     // because input don't have directory/webkitdirectory type declaration
-    const dirProps: any = directory
-      ? { directory: 'directory', webkitdirectory: 'webkitdirectory' }
-      : {};
+    const dirProps: any =
+      directory || folder ? { directory: 'directory', webkitdirectory: 'webkitdirectory' } : {};
     const events = disabled
       ? {}
       : {

src/interface.tsx

@@ -13,7 +13,9 @@ export interface UploadProps
   component?: React.ComponentType<any> | string;
   action?: Action;
   method?: UploadRequestMethod;
+  /** @deprecated Please use `folder` instead */
   directory?: boolean;
+  folder?: boolean;
   data?: Record<string, unknown> | ((file: RcFile | string | Blob) => Record<string, unknown>);
   headers?: UploadRequestHeader;
   accept?: string;

tests/uploader.spec.tsx

@@ -1038,6 +1038,18 @@ describe('uploader', () => {
         directory: false,
       },
     );
+
+    it('should trigger beforeUpload when uploading non-accepted files in folder mode', () => {
+      const beforeUpload = jest.fn();
+      const { container } = render(<Upload accept=".png" folder beforeUpload={beforeUpload} />);
+
+      fireEvent.change(container.querySelector('input')!, {
+        target: {
+          files: [new File([], 'bamboo.png'), new File([], 'light.jpg')],
+        },
+      });
+      expect(beforeUpload).toHaveBeenCalledTimes(2);
+    });
   });
 
   describe('transform file before request', () => {