Merge branch 'react-component:master' into master

Author: Frank17008

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-upload",
-  "version": "4.7.0",
+  "version": "4.8.1",
   "description": "upload ui component for react",
   "keywords": [
     "react",
@@ -27,7 +27,7 @@
     "compile": "father build",
     "coverage": "rc-test --coverage",
     "docs:build": "dumi build",
-    "docs:deploy": "npm run docs:build && gh-pages -d .doc",
+    "docs:deploy": "npm run docs:build && gh-pages -d dist",
     "lint": "eslint src/ --ext .ts,.tsx,.jsx,.js,.md",
     "now-build": "npm run docs:build",
     "prepublishOnly": "npm run compile && np --yolo --no-publish",

src/AjaxUploader.tsx

@@ -274,6 +274,7 @@ class AjaxUploader extends Component<UploadProps> {
       classNames = {},
       disabled,
       id,
+      name,
       style,
       styles = {},
       multiple,
@@ -312,6 +313,11 @@ class AjaxUploader extends Component<UploadProps> {
         <input
           {...pickAttrs(otherProps, { aria: true, data: true })}
           id={id}
+          /**
+           * https://github.com/ant-design/ant-design/issues/50643,
+           * https://github.com/react-component/upload/pull/575#issuecomment-2320646552
+           */
+          name={name}
           disabled={disabled}
           type="file"
           ref={this.saveFileInput}

tests/uploader.spec.tsx

@@ -152,6 +152,12 @@ describe('uploader', () => {
       expect(container.querySelector('input')!.id).toBe('bamboo');
     });
 
+    // https://github.com/ant-design/ant-design/issues/50643
+    it('with name', () => {
+      const { container } = render(<Upload name="bamboo" />);
+      expect(container.querySelector('input')!.name).toBe('bamboo');
+    });
+
     it('should pass through data & aria attributes', () => {
       const { container } = render(
         <Upload
@@ -369,6 +375,31 @@ describe('uploader', () => {
       await new Promise(resolve => setTimeout(resolve, 100));
       await new Promise(resolve => setTimeout(resolve, 2000));
     });
+
+    it('should pass file to request', done => {
+      const fakeRequest = jest.fn((file) => {
+        expect(file).toEqual(expect.objectContaining({
+          filename: 'file', // <= https://github.com/react-component/upload/pull/574
+          file: expect.any(File),
+          method: 'post',
+          onError: expect.any(Function),
+          onProgress: expect.any(Function),
+          onSuccess: expect.any(Function),
+          data: expect.anything(),
+        }));
+
+        done();
+      });
+
+      const { container } = render(<Upload customRequest={fakeRequest} />);
+      const input = container.querySelector('input')!;
+      const files = [new File([''], 'success.png', { type: 'image/png' })];
+      Object.defineProperty(files, 'item', {
+        value: i => files[i],
+      });
+
+      fireEvent.change(input, { target: { files } });
+    });
   });
 
   describe('directory uploader', () => {