chore: accept should skip when select files rather than dir (#329)

Author: kerm1it

src/AjaxUploader.tsx

@@ -32,8 +32,11 @@ class AjaxUploader extends Component<UploadProps> {
   private _isMounted: boolean;
 
   onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { accept, directory } = this.props;
     const { files } = e.target;
-    const acceptedFiles = [...files].filter((file: RcFile) => attrAccept(file, this.props.accept));
+    const acceptedFiles = [...files].filter(
+      (file: RcFile) => !directory || attrAccept(file, accept),
+    );
     this.uploadFiles(acceptedFiles);
     this.reset();
   };

tests/uploader.spec.js

@@ -460,12 +460,12 @@ describe('uploader', () => {
       },
     };
 
-    function test(desc, value, files, expectCallTimes, errorMessage) {
+    function test(desc, value, files, expectCallTimes, errorMessage, extraProps) {
       it(desc, done => {
         resetWarned();
         const errSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
 
-        uploader = mount(<Uploader {...props} accept={value} />);
+        uploader = mount(<Uploader {...props} {...extraProps} accept={value} />);
         const input = uploader.find('input').first();
         input.simulate('change', { target: { files } });
         const mockStart = jest.fn();
@@ -633,6 +633,26 @@ describe('uploader', () => {
       2,
       "Warning: Upload takes an invalidate 'accept' type 'jpg'.Skip for check.",
     );
+
+    test(
+      'should skip when select file',
+      '.png',
+      [
+        {
+          name: 'accepted.png',
+          type: 'image/png',
+        },
+        {
+          name: 'unaccepted.text',
+          type: 'text/plain',
+        },
+      ],
+      2,
+      '',
+      {
+        directory: false,
+      },
+    );
   });
 
   describe('transform file before request', () => {