From 0f0e2f9f430e69418e415a6b0e0e0b23b7edd615 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Apr 2022 16:20:56 +0800
Subject: [PATCH 1/9] docs: simplify demo code, #30853 (#35050)

---
 components/affix/demo/basic.md                       | 2 +-
 components/affix/demo/debug.md                       | 2 +-
 components/affix/demo/target.md                      | 2 +-
 components/alert/demo/smooth-closed.md               | 2 +-
 components/avatar/demo/group.md                      | 2 +-
 components/avatar/demo/toggle-debug.md               | 2 +-
 components/badge/demo/change.md                      | 2 +-
 components/badge/demo/no-wrapper.md                  | 2 +-
 components/button/demo/loading.md                    | 2 +-
 components/calendar/demo/select.md                   | 2 +-
 components/card/demo/loading.md                      | 2 +-
 components/cascader/demo/multiple.md                 | 2 +-
 components/checkbox/demo/check-all.md                | 2 +-
 components/checkbox/demo/controller.md               | 2 +-
 components/collapse/demo/extra.md                    | 2 +-
 components/comment/demo/basic.md                     | 2 +-
 components/comment/demo/editor.md                    | 2 +-
 components/config-provider/demo/direction.md         | 2 +-
 components/config-provider/demo/locale.md            | 2 +-
 components/date-picker/demo/select-in-range.md       | 2 +-
 components/descriptions/demo/responsive.md           | 2 +-
 components/descriptions/demo/size.md                 | 2 +-
 components/descriptions/demo/style.md                | 2 +-
 components/drawer/demo/basic-right.md                | 2 +-
 components/drawer/demo/config-provider.md            | 2 +-
 components/drawer/demo/extra.md                      | 2 +-
 components/drawer/demo/multi-level-drawer.md         | 2 +-
 components/drawer/demo/no-mask.md                    | 2 +-
 components/drawer/demo/placement.md                  | 2 +-
 components/drawer/demo/render-in-current.md          | 2 +-
 components/drawer/demo/size.md                       | 2 +-
 components/drawer/demo/user-profile.md               | 2 +-
 components/dropdown/demo/loading.md                  | 2 +-
 components/empty/demo/config-provider.md             | 2 +-
 components/form/demo/basic.md                        | 2 +-
 components/form/demo/col-24-debug.md                 | 2 +-
 components/form/demo/complex-form-control.md         | 2 +-
 components/form/demo/control-hooks.md                | 2 +-
 components/form/demo/control-ref.md                  | 2 +-
 components/form/demo/customized-form-controls.md     | 2 +-
 components/form/demo/dep-debug.md                    | 2 +-
 components/form/demo/dynamic-form-items-complex.md   | 2 +-
 components/form/demo/dynamic-form-items-no-style.md  | 2 +-
 components/form/demo/dynamic-form-items.md           | 2 +-
 components/form/demo/form-context.md                 | 2 +-
 components/form/demo/global-state.md                 | 2 +-
 components/form/demo/label-debug.md                  | 2 +-
 components/form/demo/layout-can-wrap.md              | 2 +-
 components/form/demo/nest-messages.md                | 2 +-
 components/form/demo/ref-item.md                     | 2 +-
 components/form/demo/validate-other.md               | 2 +-
 components/form/demo/warning-only.md                 | 2 +-
 components/grid/demo/playground.md                   | 2 +-
 components/image/demo/preview-group-visible.md       | 2 +-
 components/image/demo/preview-group.md               | 2 +-
 components/input-number/demo/disabled.md             | 2 +-
 components/input-number/demo/keyboard.md             | 2 +-
 components/input-number/demo/out-of-range.md         | 2 +-
 components/input/demo/autosize-textarea.md           | 2 +-
 components/input/demo/focus.md                       | 2 +-
 components/input/demo/group.md                       | 2 +-
 components/input/demo/textarea-resize.md             | 2 +-
 components/mentions/demo/form.md                     | 2 +-
 components/mentions/demo/prefix.md                   | 2 +-
 components/mentions/demo/readonly.md                 | 2 +-
 components/menu/demo/horizontal.md                   | 2 +-
 components/menu/demo/inline-collapsed.md             | 2 +-
 components/menu/demo/style-debug.md                  | 2 +-
 components/menu/demo/switch-mode.md                  | 2 +-
 components/message/demo/hooks.md                     | 2 +-
 components/modal/demo/async.md                       | 2 +-
 components/modal/demo/basic.md                       | 2 +-
 components/modal/demo/button-props.md                | 2 +-
 components/modal/demo/dark.md                        | 2 +-
 components/modal/demo/footer.md                      | 2 +-
 components/modal/demo/hooks.md                       | 2 +-
 components/modal/demo/modal-render.md                | 2 +-
 components/modal/demo/position.md                    | 2 +-
 components/modal/demo/width.md                       | 2 +-
 components/notification/demo/hooks.md                | 2 +-
 components/pagination/demo/controlled.md             | 2 +-
 components/popconfirm/demo/async.md                  | 2 +-
 components/popconfirm/demo/dynamic-trigger.md        | 2 +-
 components/popconfirm/demo/promise.md                | 2 +-
 components/popover/demo/control.md                   | 2 +-
 components/popover/demo/hover-with-click.md          | 2 +-
 components/progress/demo/circle-dynamic.md           | 2 +-
 components/progress/demo/dynamic.md                  | 2 +-
 components/progress/demo/gradient-line.md            | 2 +-
 components/radio/demo/disabled.md                    | 2 +-
 components/radio/demo/radiogroup-more.md             | 2 +-
 components/radio/demo/radiogroup-options.md          | 2 +-
 components/radio/demo/radiogroup-with-name.md        | 2 +-
 components/radio/demo/radiogroup.md                  | 2 +-
 components/select/demo/coordinate.md                 | 2 +-
 components/select/demo/custom-dropdown-menu.md       | 2 +-
 components/select/demo/responsive.md                 | 2 +-
 components/select/demo/select-users.md               | 2 +-
 components/skeleton/demo/children.md                 | 2 +-
 components/skeleton/demo/element.md                  | 2 +-
 components/skeleton/demo/list.md                     | 2 +-
 components/slider/demo/basic.md                      | 2 +-
 components/slider/demo/reverse.md                    | 2 +-
 components/space/demo/gap-in-line.md                 | 2 +-
 components/space/demo/wrap.md                        | 2 +-
 components/steps/demo/clickable.md                   | 2 +-
 components/steps/demo/nav.md                         | 2 +-
 components/steps/demo/progress-debug.md              | 2 +-
 components/steps/demo/step-next.md                   | 2 +-
 components/steps/demo/steps-in-steps.md              | 2 +-
 components/switch/demo/disabled.md                   | 2 +-
 components/table/demo/ajax.md                        | 2 +-
 components/table/demo/custom-filter-panel.md         | 2 +-
 components/table/demo/dynamic-settings.md            | 2 +-
 components/table/demo/pagination.md                  | 2 +-
 components/table/demo/reset-filter.md                | 2 +-
 components/table/demo/resizable-column.md            | 2 +-
 components/table/demo/row-selection-and-operation.md | 2 +-
 components/table/demo/row-selection-custom-debug.md  | 2 +-
 components/table/demo/row-selection-custom.md        | 2 +-
 components/table/demo/row-selection.md               | 2 +-
 components/table/demo/sticky.md                      | 2 +-
 components/tabs/demo/basic.md                        | 2 +-
 components/tabs/demo/centered.md                     | 2 +-
 components/tabs/demo/custom-add-trigger.md           | 2 +-
 components/tabs/demo/editable-card.md                | 2 +-
 components/tabs/demo/extra.md                        | 2 +-
 components/tabs/demo/nest.md                         | 2 +-
 components/tabs/demo/position.md                     | 2 +-
 components/tabs/demo/size.md                         | 2 +-
 components/tag/demo/controlled.md                    | 2 +-
 components/time-picker/demo/value.md                 | 2 +-
 components/transfer/demo/advanced.md                 | 2 +-
 components/transfer/demo/basic.md                    | 2 +-
 components/transfer/demo/custom-item.md              | 2 +-
 components/transfer/demo/custom-select-all-labels.md | 2 +-
 components/transfer/demo/large-data.md               | 2 +-
 components/transfer/demo/oneWay.md                   | 2 +-
 components/transfer/demo/search.md                   | 2 +-
 components/transfer/demo/table-transfer.md           | 2 +-
 components/transfer/demo/tree-transfer.md            | 2 +-
 components/tree-select/demo/async.md                 | 2 +-
 components/tree-select/demo/basic.md                 | 2 +-
 components/tree-select/demo/checkable.md             | 2 +-
 components/tree-select/demo/multiple.md              | 2 +-
 components/tree-select/demo/placement.md             | 2 +-
 components/tree-select/demo/suffix.md                | 2 +-
 components/tree-select/demo/treeData.md              | 2 +-
 components/tree-select/demo/treeLine.md              | 2 +-
 components/tree/demo/basic-controlled.md             | 2 +-
 components/tree/demo/basic.md                        | 2 +-
 components/tree/demo/big-data.md                     | 2 +-
 components/tree/demo/directory.md                    | 2 +-
 components/tree/demo/drag-debug.md                   | 2 +-
 components/tree/demo/draggable.md                    | 2 +-
 components/tree/demo/dynamic.md                      | 2 +-
 components/tree/demo/line.md                         | 2 +-
 components/tree/demo/switcher-icon.md                | 2 +-
 components/typography/demo/ellipsis-debug.md         | 2 +-
 components/typography/demo/ellipsis.md               | 2 +-
 components/typography/demo/interactive.md            | 2 +-
 components/typography/demo/suffix.md                 | 2 +-
 components/upload/demo/crop-image.md                 | 2 +-
 components/upload/demo/upload-manually.md            | 2 +-
 164 files changed, 164 insertions(+), 164 deletions(-)

diff --git a/components/affix/demo/basic.md b/components/affix/demo/basic.md
index 93dcd5ae63..a33d0d5f8a 100644
--- a/components/affix/demo/basic.md
+++ b/components/affix/demo/basic.md
@@ -38,5 +38,5 @@ const Demo: React.FC = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/affix/demo/debug.md b/components/affix/demo/debug.md
index f8a97b4435..886d8b525a 100644
--- a/components/affix/demo/debug.md
+++ b/components/affix/demo/debug.md
@@ -35,5 +35,5 @@ const Demo: React.FC = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/affix/demo/target.md b/components/affix/demo/target.md
index 0fad871175..ba33e30e22 100644
--- a/components/affix/demo/target.md
+++ b/components/affix/demo/target.md
@@ -30,7 +30,7 @@ const Demo: React.FC = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>
diff --git a/components/alert/demo/smooth-closed.md b/components/alert/demo/smooth-closed.md
index 19c2bc04fe..7b3d14e92b 100644
--- a/components/alert/demo/smooth-closed.md
+++ b/components/alert/demo/smooth-closed.md
@@ -32,5 +32,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/avatar/demo/group.md b/components/avatar/demo/group.md
index 046bdd2b16..4f2c6a82ae 100644
--- a/components/avatar/demo/group.md
+++ b/components/avatar/demo/group.md
@@ -66,5 +66,5 @@ const Demo = () => (
   </>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/avatar/demo/toggle-debug.md b/components/avatar/demo/toggle-debug.md
index 695a8b9c20..2193219c5d 100644
--- a/components/avatar/demo/toggle-debug.md
+++ b/components/avatar/demo/toggle-debug.md
@@ -71,5 +71,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/badge/demo/change.md b/components/badge/demo/change.md
index f4b0874d4b..1b8195f3f6 100644
--- a/components/badge/demo/change.md
+++ b/components/badge/demo/change.md
@@ -74,5 +74,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/badge/demo/no-wrapper.md b/components/badge/demo/no-wrapper.md
index 8bdf0798c8..6ae6fadeac 100644
--- a/components/badge/demo/no-wrapper.md
+++ b/components/badge/demo/no-wrapper.md
@@ -36,5 +36,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/button/demo/loading.md b/components/button/demo/loading.md
index cfa6c42b6c..244ca7ebab 100644
--- a/components/button/demo/loading.md
+++ b/components/button/demo/loading.md
@@ -81,5 +81,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/calendar/demo/select.md b/components/calendar/demo/select.md
index ba04d2134d..22a55cf1ee 100644
--- a/components/calendar/demo/select.md
+++ b/components/calendar/demo/select.md
@@ -47,5 +47,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/card/demo/loading.md b/components/card/demo/loading.md
index ed15059d75..a5f3d10baf 100644
--- a/components/card/demo/loading.md
+++ b/components/card/demo/loading.md
@@ -64,5 +64,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/cascader/demo/multiple.md b/components/cascader/demo/multiple.md
index c8fda11503..36c11a372a 100644
--- a/components/cascader/demo/multiple.md
+++ b/components/cascader/demo/multiple.md
@@ -66,5 +66,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/checkbox/demo/check-all.md b/components/checkbox/demo/check-all.md
index 508406ae6d..4bfcfca046 100644
--- a/components/checkbox/demo/check-all.md
+++ b/components/checkbox/demo/check-all.md
@@ -49,5 +49,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/checkbox/demo/controller.md b/components/checkbox/demo/controller.md
index d8463a28df..93a3c9ee3c 100644
--- a/components/checkbox/demo/controller.md
+++ b/components/checkbox/demo/controller.md
@@ -70,5 +70,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/collapse/demo/extra.md b/components/collapse/demo/extra.md
index 771807e063..92aa2e18b9 100644
--- a/components/collapse/demo/extra.md
+++ b/components/collapse/demo/extra.md
@@ -82,5 +82,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/comment/demo/basic.md b/components/comment/demo/basic.md
index 5244569046..14240c723f 100644
--- a/components/comment/demo/basic.md
+++ b/components/comment/demo/basic.md
@@ -73,7 +73,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/comment/demo/editor.md b/components/comment/demo/editor.md
index 6051c50f8e..c16d56bf36 100644
--- a/components/comment/demo/editor.md
+++ b/components/comment/demo/editor.md
@@ -102,5 +102,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/config-provider/demo/direction.md b/components/config-provider/demo/direction.md
index e5e23b84b3..f26fe3c18d 100644
--- a/components/config-provider/demo/direction.md
+++ b/components/config-provider/demo/direction.md
@@ -559,7 +559,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/config-provider/demo/locale.md b/components/config-provider/demo/locale.md
index 28e3728f72..f421c6a31f 100644
--- a/components/config-provider/demo/locale.md
+++ b/components/config-provider/demo/locale.md
@@ -165,7 +165,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/date-picker/demo/select-in-range.md b/components/date-picker/demo/select-in-range.md
index d7c369138f..9a7a8e03fa 100644
--- a/components/date-picker/demo/select-in-range.md
+++ b/components/date-picker/demo/select-in-range.md
@@ -52,5 +52,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/descriptions/demo/responsive.md b/components/descriptions/demo/responsive.md
index 8178e15059..ee3f14f1cb 100644
--- a/components/descriptions/demo/responsive.md
+++ b/components/descriptions/demo/responsive.md
@@ -46,5 +46,5 @@ const Demo = () => (
   </div>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/descriptions/demo/size.md b/components/descriptions/demo/size.md
index 3976c9f3ea..b6a35e5f62 100644
--- a/components/descriptions/demo/size.md
+++ b/components/descriptions/demo/size.md
@@ -83,5 +83,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/descriptions/demo/style.md b/components/descriptions/demo/style.md
index 723040a27e..6ed0ddf656 100644
--- a/components/descriptions/demo/style.md
+++ b/components/descriptions/demo/style.md
@@ -69,5 +69,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/drawer/demo/basic-right.md b/components/drawer/demo/basic-right.md
index 55f91ca212..be71663ffa 100644
--- a/components/drawer/demo/basic-right.md
+++ b/components/drawer/demo/basic-right.md
@@ -39,7 +39,7 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
 
 <style>
diff --git a/components/drawer/demo/config-provider.md b/components/drawer/demo/config-provider.md
index c48f6e2500..d08732f819 100644
--- a/components/drawer/demo/config-provider.md
+++ b/components/drawer/demo/config-provider.md
@@ -49,5 +49,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/drawer/demo/extra.md b/components/drawer/demo/extra.md
index f0034c695a..03e075d4e0 100644
--- a/components/drawer/demo/extra.md
+++ b/components/drawer/demo/extra.md
@@ -67,5 +67,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/drawer/demo/multi-level-drawer.md b/components/drawer/demo/multi-level-drawer.md
index 3410bd3691..f1be8f443c 100644
--- a/components/drawer/demo/multi-level-drawer.md
+++ b/components/drawer/demo/multi-level-drawer.md
@@ -74,7 +74,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 <style>
diff --git a/components/drawer/demo/no-mask.md b/components/drawer/demo/no-mask.md
index 1281febf95..548b1f30f3 100644
--- a/components/drawer/demo/no-mask.md
+++ b/components/drawer/demo/no-mask.md
@@ -46,5 +46,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/drawer/demo/placement.md b/components/drawer/demo/placement.md
index 3b97aa125e..36bf30339e 100644
--- a/components/drawer/demo/placement.md
+++ b/components/drawer/demo/placement.md
@@ -69,5 +69,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/drawer/demo/render-in-current.md b/components/drawer/demo/render-in-current.md
index e24c251a83..b165058c7c 100644
--- a/components/drawer/demo/render-in-current.md
+++ b/components/drawer/demo/render-in-current.md
@@ -56,7 +56,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/drawer/demo/size.md b/components/drawer/demo/size.md
index 3928d468d6..fc1932a94d 100644
--- a/components/drawer/demo/size.md
+++ b/components/drawer/demo/size.md
@@ -65,5 +65,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/drawer/demo/user-profile.md b/components/drawer/demo/user-profile.md
index dce07c178b..a87081d9f6 100644
--- a/components/drawer/demo/user-profile.md
+++ b/components/drawer/demo/user-profile.md
@@ -167,7 +167,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/dropdown/demo/loading.md b/components/dropdown/demo/loading.md
index 84f914564c..3df50c39cd 100644
--- a/components/dropdown/demo/loading.md
+++ b/components/dropdown/demo/loading.md
@@ -74,5 +74,5 @@ class App extends React.Component {
     );
   }
 }
-export default () => <App />;
+export default App;
 ```
diff --git a/components/empty/demo/config-provider.md b/components/empty/demo/config-provider.md
index 0cd1520a30..b9d0194694 100644
--- a/components/empty/demo/config-provider.md
+++ b/components/empty/demo/config-provider.md
@@ -96,7 +96,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>
diff --git a/components/form/demo/basic.md b/components/form/demo/basic.md
index 4b87c65870..5172b0c8bf 100644
--- a/components/form/demo/basic.md
+++ b/components/form/demo/basic.md
@@ -64,5 +64,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/col-24-debug.md b/components/form/demo/col-24-debug.md
index 91db0dd8d1..370224a01a 100644
--- a/components/form/demo/col-24-debug.md
+++ b/components/form/demo/col-24-debug.md
@@ -94,5 +94,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/complex-form-control.md b/components/form/demo/complex-form-control.md
index 0bb68b3e2f..b1856eb10c 100644
--- a/components/form/demo/complex-form-control.md
+++ b/components/form/demo/complex-form-control.md
@@ -125,5 +125,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/control-hooks.md b/components/form/demo/control-hooks.md
index 1de8a14c06..1ef2afb2af 100644
--- a/components/form/demo/control-hooks.md
+++ b/components/form/demo/control-hooks.md
@@ -104,7 +104,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/form/demo/control-ref.md b/components/form/demo/control-ref.md
index 19f7a5b3a7..2a9060e53b 100644
--- a/components/form/demo/control-ref.md
+++ b/components/form/demo/control-ref.md
@@ -107,7 +107,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/form/demo/customized-form-controls.md b/components/form/demo/customized-form-controls.md
index b0121577bc..e38dc5ea3e 100644
--- a/components/form/demo/customized-form-controls.md
+++ b/components/form/demo/customized-form-controls.md
@@ -119,5 +119,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/dep-debug.md b/components/form/demo/dep-debug.md
index 4ab51673f8..535642a9aa 100644
--- a/components/form/demo/dep-debug.md
+++ b/components/form/demo/dep-debug.md
@@ -46,5 +46,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/dynamic-form-items-complex.md b/components/form/demo/dynamic-form-items-complex.md
index 49df8b00c9..040d522393 100644
--- a/components/form/demo/dynamic-form-items-complex.md
+++ b/components/form/demo/dynamic-form-items-complex.md
@@ -103,5 +103,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/dynamic-form-items-no-style.md b/components/form/demo/dynamic-form-items-no-style.md
index 59e4761d4e..ad5c300259 100644
--- a/components/form/demo/dynamic-form-items-no-style.md
+++ b/components/form/demo/dynamic-form-items-no-style.md
@@ -62,5 +62,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/dynamic-form-items.md b/components/form/demo/dynamic-form-items.md
index 76f621e529..680ac711e6 100644
--- a/components/form/demo/dynamic-form-items.md
+++ b/components/form/demo/dynamic-form-items.md
@@ -63,5 +63,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/form-context.md b/components/form/demo/form-context.md
index 83dfb9e25a..1500bd98f6 100644
--- a/components/form/demo/form-context.md
+++ b/components/form/demo/form-context.md
@@ -145,7 +145,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/form/demo/global-state.md b/components/form/demo/global-state.md
index e6cecf53e5..1242bc4e20 100644
--- a/components/form/demo/global-state.md
+++ b/components/form/demo/global-state.md
@@ -69,7 +69,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>
diff --git a/components/form/demo/label-debug.md b/components/form/demo/label-debug.md
index 4286a9e7da..0cecc2aaa3 100644
--- a/components/form/demo/label-debug.md
+++ b/components/form/demo/label-debug.md
@@ -43,5 +43,5 @@ const Demo = () => (
   </Form>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/layout-can-wrap.md b/components/form/demo/layout-can-wrap.md
index de737455f1..0071cb237c 100644
--- a/components/form/demo/layout-can-wrap.md
+++ b/components/form/demo/layout-can-wrap.md
@@ -42,5 +42,5 @@ const Demo = () => (
   </Form>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/nest-messages.md b/components/form/demo/nest-messages.md
index 06853a18d7..4d9e66c93d 100644
--- a/components/form/demo/nest-messages.md
+++ b/components/form/demo/nest-messages.md
@@ -65,5 +65,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/ref-item.md b/components/form/demo/ref-item.md
index a87a2a42d2..778cd4311d 100644
--- a/components/form/demo/ref-item.md
+++ b/components/form/demo/ref-item.md
@@ -57,5 +57,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/validate-other.md b/components/form/demo/validate-other.md
index 438ef2f3cd..b621c322d7 100644
--- a/components/form/demo/validate-other.md
+++ b/components/form/demo/validate-other.md
@@ -206,5 +206,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/warning-only.md b/components/form/demo/warning-only.md
index 62ab8c3aeb..0bb5ff6c2c 100644
--- a/components/form/demo/warning-only.md
+++ b/components/form/demo/warning-only.md
@@ -64,5 +64,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/grid/demo/playground.md b/components/grid/demo/playground.md
index 99bb3fd963..9e00888147 100644
--- a/components/grid/demo/playground.md
+++ b/components/grid/demo/playground.md
@@ -113,7 +113,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/image/demo/preview-group-visible.md b/components/image/demo/preview-group-visible.md
index 8c0c140524..d2ea685aa1 100644
--- a/components/image/demo/preview-group-visible.md
+++ b/components/image/demo/preview-group-visible.md
@@ -38,5 +38,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/image/demo/preview-group.md b/components/image/demo/preview-group.md
index ae7beb0aa6..b4d6cb76da 100644
--- a/components/image/demo/preview-group.md
+++ b/components/image/demo/preview-group.md
@@ -26,5 +26,5 @@ const App = () => (
   </Image.PreviewGroup>
 );
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/input-number/demo/disabled.md b/components/input-number/demo/disabled.md
index cb9610b1b2..945ee75cc7 100644
--- a/components/input-number/demo/disabled.md
+++ b/components/input-number/demo/disabled.md
@@ -41,5 +41,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/input-number/demo/keyboard.md b/components/input-number/demo/keyboard.md
index fb29701456..605f6fd427 100644
--- a/components/input-number/demo/keyboard.md
+++ b/components/input-number/demo/keyboard.md
@@ -33,5 +33,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/input-number/demo/out-of-range.md b/components/input-number/demo/out-of-range.md
index 97f287191c..d27d2523d4 100644
--- a/components/input-number/demo/out-of-range.md
+++ b/components/input-number/demo/out-of-range.md
@@ -34,5 +34,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/input/demo/autosize-textarea.md b/components/input/demo/autosize-textarea.md
index c409a25dac..91e30b7147 100644
--- a/components/input/demo/autosize-textarea.md
+++ b/components/input/demo/autosize-textarea.md
@@ -50,5 +50,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/input/demo/focus.md b/components/input/demo/focus.md
index 25e83f89b5..712ae7b32f 100644
--- a/components/input/demo/focus.md
+++ b/components/input/demo/focus.md
@@ -80,5 +80,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/input/demo/group.md b/components/input/demo/group.md
index 734d839d54..b344e003d6 100644
--- a/components/input/demo/group.md
+++ b/components/input/demo/group.md
@@ -194,7 +194,7 @@ const App = () => (
   </div>
 );
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/input/demo/textarea-resize.md b/components/input/demo/textarea-resize.md
index 4bf9f9496c..df79dfb1c1 100644
--- a/components/input/demo/textarea-resize.md
+++ b/components/input/demo/textarea-resize.md
@@ -45,5 +45,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/mentions/demo/form.md b/components/mentions/demo/form.md
index 7cd4d7df87..50078c8603 100644
--- a/components/mentions/demo/form.md
+++ b/components/mentions/demo/form.md
@@ -83,5 +83,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/mentions/demo/prefix.md b/components/mentions/demo/prefix.md
index 7723b355ff..49ab8b3252 100644
--- a/components/mentions/demo/prefix.md
+++ b/components/mentions/demo/prefix.md
@@ -52,5 +52,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/mentions/demo/readonly.md b/components/mentions/demo/readonly.md
index a9a6397513..9934813ff9 100644
--- a/components/mentions/demo/readonly.md
+++ b/components/mentions/demo/readonly.md
@@ -41,5 +41,5 @@ function App() {
   );
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/menu/demo/horizontal.md b/components/menu/demo/horizontal.md
index 8c6bfb092f..e51f768fa9 100755
--- a/components/menu/demo/horizontal.md
+++ b/components/menu/demo/horizontal.md
@@ -85,5 +85,5 @@ const App = () => {
   return <Menu onClick={onClick} selectedKeys={[current]} mode="horizontal" items={items} />;
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/menu/demo/inline-collapsed.md b/components/menu/demo/inline-collapsed.md
index e6c730f330..be5eae5eaf 100644
--- a/components/menu/demo/inline-collapsed.md
+++ b/components/menu/demo/inline-collapsed.md
@@ -91,5 +91,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/menu/demo/style-debug.md b/components/menu/demo/style-debug.md
index 5207e6aaf9..1849de5ade 100644
--- a/components/menu/demo/style-debug.md
+++ b/components/menu/demo/style-debug.md
@@ -106,5 +106,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/menu/demo/switch-mode.md b/components/menu/demo/switch-mode.md
index b0ad674b00..f6e1537f6f 100755
--- a/components/menu/demo/switch-mode.md
+++ b/components/menu/demo/switch-mode.md
@@ -93,5 +93,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/message/demo/hooks.md b/components/message/demo/hooks.md
index 8d6d46b546..954bfca6bb 100644
--- a/components/message/demo/hooks.md
+++ b/components/message/demo/hooks.md
@@ -38,5 +38,5 @@ function Demo() {
   );
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/modal/demo/async.md b/components/modal/demo/async.md
index b2182906fe..c331b1c5c2 100644
--- a/components/modal/demo/async.md
+++ b/components/modal/demo/async.md
@@ -57,5 +57,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/basic.md b/components/modal/demo/basic.md
index 691d2f5780..fe9e8590b1 100644
--- a/components/modal/demo/basic.md
+++ b/components/modal/demo/basic.md
@@ -46,5 +46,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/button-props.md b/components/modal/demo/button-props.md
index 15a3227e35..2d39e18ec6 100644
--- a/components/modal/demo/button-props.md
+++ b/components/modal/demo/button-props.md
@@ -62,5 +62,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/dark.md b/components/modal/demo/dark.md
index e17e1b8eff..52c9e0e52e 100644
--- a/components/modal/demo/dark.md
+++ b/components/modal/demo/dark.md
@@ -592,7 +592,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 <style>
diff --git a/components/modal/demo/footer.md b/components/modal/demo/footer.md
index 94d9977d2e..367b16a843 100644
--- a/components/modal/demo/footer.md
+++ b/components/modal/demo/footer.md
@@ -84,5 +84,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/hooks.md b/components/modal/demo/hooks.md
index fa7510f2e7..1e9be6a59c 100644
--- a/components/modal/demo/hooks.md
+++ b/components/modal/demo/hooks.md
@@ -74,5 +74,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/modal-render.md b/components/modal/demo/modal-render.md
index 9340a2a633..c9e09e86b2 100644
--- a/components/modal/demo/modal-render.md
+++ b/components/modal/demo/modal-render.md
@@ -120,5 +120,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/position.md b/components/modal/demo/position.md
index db286a39bf..d18a76c25a 100644
--- a/components/modal/demo/position.md
+++ b/components/modal/demo/position.md
@@ -68,5 +68,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/width.md b/components/modal/demo/width.md
index bc71582bdc..6e8aadc331 100644
--- a/components/modal/demo/width.md
+++ b/components/modal/demo/width.md
@@ -40,5 +40,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/notification/demo/hooks.md b/components/notification/demo/hooks.md
index c32e6a88fa..b5b2941af8 100755
--- a/components/notification/demo/hooks.md
+++ b/components/notification/demo/hooks.md
@@ -63,5 +63,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/pagination/demo/controlled.md b/components/pagination/demo/controlled.md
index c571d63704..055c2b6837 100644
--- a/components/pagination/demo/controlled.md
+++ b/components/pagination/demo/controlled.md
@@ -33,5 +33,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/popconfirm/demo/async.md b/components/popconfirm/demo/async.md
index b4e9c06b56..06564ae681 100644
--- a/components/popconfirm/demo/async.md
+++ b/components/popconfirm/demo/async.md
@@ -52,5 +52,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/popconfirm/demo/dynamic-trigger.md b/components/popconfirm/demo/dynamic-trigger.md
index 571e5f2f78..f11fec29f2 100755
--- a/components/popconfirm/demo/dynamic-trigger.md
+++ b/components/popconfirm/demo/dynamic-trigger.md
@@ -73,5 +73,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/popconfirm/demo/promise.md b/components/popconfirm/demo/promise.md
index a67a254cba..33017f8fb2 100644
--- a/components/popconfirm/demo/promise.md
+++ b/components/popconfirm/demo/promise.md
@@ -34,5 +34,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/popover/demo/control.md b/components/popover/demo/control.md
index 7621ce2404..21fc257748 100755
--- a/components/popover/demo/control.md
+++ b/components/popover/demo/control.md
@@ -46,5 +46,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/popover/demo/hover-with-click.md b/components/popover/demo/hover-with-click.md
index 513e19179b..8bb54ae3f2 100644
--- a/components/popover/demo/hover-with-click.md
+++ b/components/popover/demo/hover-with-click.md
@@ -74,5 +74,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/progress/demo/circle-dynamic.md b/components/progress/demo/circle-dynamic.md
index 49722bd6e0..aaf4466cc3 100644
--- a/components/progress/demo/circle-dynamic.md
+++ b/components/progress/demo/circle-dynamic.md
@@ -51,5 +51,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/progress/demo/dynamic.md b/components/progress/demo/dynamic.md
index a48519b7fd..8cde6bede6 100644
--- a/components/progress/demo/dynamic.md
+++ b/components/progress/demo/dynamic.md
@@ -51,5 +51,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/progress/demo/gradient-line.md b/components/progress/demo/gradient-line.md
index f16c5593d0..dd92b15c07 100644
--- a/components/progress/demo/gradient-line.md
+++ b/components/progress/demo/gradient-line.md
@@ -52,5 +52,5 @@ const Demo = () => (
   </>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/radio/demo/disabled.md b/components/radio/demo/disabled.md
index b2a0f2beba..8592cd9764 100644
--- a/components/radio/demo/disabled.md
+++ b/components/radio/demo/disabled.md
@@ -45,5 +45,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/radio/demo/radiogroup-more.md b/components/radio/demo/radiogroup-more.md
index 63a57d1755..b26377588c 100644
--- a/components/radio/demo/radiogroup-more.md
+++ b/components/radio/demo/radiogroup-more.md
@@ -46,5 +46,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/radio/demo/radiogroup-options.md b/components/radio/demo/radiogroup-options.md
index 2d09dbc789..90d12f7b26 100644
--- a/components/radio/demo/radiogroup-options.md
+++ b/components/radio/demo/radiogroup-options.md
@@ -93,5 +93,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/radio/demo/radiogroup-with-name.md b/components/radio/demo/radiogroup-with-name.md
index 4d23b6e359..98b2b95f77 100644
--- a/components/radio/demo/radiogroup-with-name.md
+++ b/components/radio/demo/radiogroup-with-name.md
@@ -25,5 +25,5 @@ const App = () => (
   </Radio.Group>
 );
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/radio/demo/radiogroup.md b/components/radio/demo/radiogroup.md
index f5998b523d..bae4da0cce 100644
--- a/components/radio/demo/radiogroup.md
+++ b/components/radio/demo/radiogroup.md
@@ -34,5 +34,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/select/demo/coordinate.md b/components/select/demo/coordinate.md
index 44ff9f37af..dfdd49f388 100644
--- a/components/select/demo/coordinate.md
+++ b/components/select/demo/coordinate.md
@@ -56,5 +56,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/select/demo/custom-dropdown-menu.md b/components/select/demo/custom-dropdown-menu.md
index 6210c4235a..4b0f5791ba 100644
--- a/components/select/demo/custom-dropdown-menu.md
+++ b/components/select/demo/custom-dropdown-menu.md
@@ -60,5 +60,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/select/demo/responsive.md b/components/select/demo/responsive.md
index 2be010cb55..c6a76e41c5 100644
--- a/components/select/demo/responsive.md
+++ b/components/select/demo/responsive.md
@@ -54,5 +54,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/select/demo/select-users.md b/components/select/demo/select-users.md
index d825551749..00adf1eb57 100644
--- a/components/select/demo/select-users.md
+++ b/components/select/demo/select-users.md
@@ -102,5 +102,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/skeleton/demo/children.md b/components/skeleton/demo/children.md
index f721648a5c..249f2d0574 100644
--- a/components/skeleton/demo/children.md
+++ b/components/skeleton/demo/children.md
@@ -49,7 +49,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>
diff --git a/components/skeleton/demo/element.md b/components/skeleton/demo/element.md
index e21cf76666..085efc3ec8 100644
--- a/components/skeleton/demo/element.md
+++ b/components/skeleton/demo/element.md
@@ -93,5 +93,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/skeleton/demo/list.md b/components/skeleton/demo/list.md
index 19df092bda..b8a54f9009 100644
--- a/components/skeleton/demo/list.md
+++ b/components/skeleton/demo/list.md
@@ -93,7 +93,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 <style>
diff --git a/components/slider/demo/basic.md b/components/slider/demo/basic.md
index 1f91ae6da4..b525612127 100644
--- a/components/slider/demo/basic.md
+++ b/components/slider/demo/basic.md
@@ -37,7 +37,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>
diff --git a/components/slider/demo/reverse.md b/components/slider/demo/reverse.md
index eaee144c09..64883df04d 100644
--- a/components/slider/demo/reverse.md
+++ b/components/slider/demo/reverse.md
@@ -37,5 +37,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/space/demo/gap-in-line.md b/components/space/demo/gap-in-line.md
index 9f873daba5..a89be21860 100644
--- a/components/space/demo/gap-in-line.md
+++ b/components/space/demo/gap-in-line.md
@@ -46,5 +46,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/space/demo/wrap.md b/components/space/demo/wrap.md
index 7c111cf1c1..b9c69a5836 100644
--- a/components/space/demo/wrap.md
+++ b/components/space/demo/wrap.md
@@ -25,5 +25,5 @@ const Demo = () => (
   </Space>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/steps/demo/clickable.md b/components/steps/demo/clickable.md
index 840f0b2985..4fbfd38423 100644
--- a/components/steps/demo/clickable.md
+++ b/components/steps/demo/clickable.md
@@ -51,5 +51,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/steps/demo/nav.md b/components/steps/demo/nav.md
index 110ec3b6f6..4315867ef3 100644
--- a/components/steps/demo/nav.md
+++ b/components/steps/demo/nav.md
@@ -86,7 +86,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/steps/demo/progress-debug.md b/components/steps/demo/progress-debug.md
index 363d3a9071..61a92b3ec6 100644
--- a/components/steps/demo/progress-debug.md
+++ b/components/steps/demo/progress-debug.md
@@ -63,5 +63,5 @@ function Demo() {
   );
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/steps/demo/step-next.md b/components/steps/demo/step-next.md
index 4ede4f7f5c..b41621fc8e 100644
--- a/components/steps/demo/step-next.md
+++ b/components/steps/demo/step-next.md
@@ -73,7 +73,7 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/steps/demo/steps-in-steps.md b/components/steps/demo/steps-in-steps.md
index 8ab398f0a1..588738f94b 100644
--- a/components/steps/demo/steps-in-steps.md
+++ b/components/steps/demo/steps-in-steps.md
@@ -50,5 +50,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/switch/demo/disabled.md b/components/switch/demo/disabled.md
index af04d0729b..2094e721b0 100644
--- a/components/switch/demo/disabled.md
+++ b/components/switch/demo/disabled.md
@@ -34,5 +34,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/ajax.md b/components/table/demo/ajax.md
index 206b4b1d87..2832ae4bf9 100644
--- a/components/table/demo/ajax.md
+++ b/components/table/demo/ajax.md
@@ -116,5 +116,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/custom-filter-panel.md b/components/table/demo/custom-filter-panel.md
index c4272d91bd..71addf74d9 100644
--- a/components/table/demo/custom-filter-panel.md
+++ b/components/table/demo/custom-filter-panel.md
@@ -162,5 +162,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/dynamic-settings.md b/components/table/demo/dynamic-settings.md
index 7d2f5a7c72..2ec0bf5015 100644
--- a/components/table/demo/dynamic-settings.md
+++ b/components/table/demo/dynamic-settings.md
@@ -253,7 +253,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>
diff --git a/components/table/demo/pagination.md b/components/table/demo/pagination.md
index 4c662c0730..de132201e0 100644
--- a/components/table/demo/pagination.md
+++ b/components/table/demo/pagination.md
@@ -140,5 +140,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/table/demo/reset-filter.md b/components/table/demo/reset-filter.md
index 13ff3b31cc..1c0fbd9a07 100644
--- a/components/table/demo/reset-filter.md
+++ b/components/table/demo/reset-filter.md
@@ -140,5 +140,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/resizable-column.md b/components/table/demo/resizable-column.md
index 5eb1058452..e33315b72d 100644
--- a/components/table/demo/resizable-column.md
+++ b/components/table/demo/resizable-column.md
@@ -133,7 +133,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/table/demo/row-selection-and-operation.md b/components/table/demo/row-selection-and-operation.md
index 3d1dfc0f30..d0efcb43ec 100644
--- a/components/table/demo/row-selection-and-operation.md
+++ b/components/table/demo/row-selection-and-operation.md
@@ -86,5 +86,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/row-selection-custom-debug.md b/components/table/demo/row-selection-custom-debug.md
index 20fdf4c998..0bacb7c422 100644
--- a/components/table/demo/row-selection-custom-debug.md
+++ b/components/table/demo/row-selection-custom-debug.md
@@ -46,5 +46,5 @@ const App = () => {
   return <Table rowSelection={rowSelection} columns={columns} dataSource={data} />;
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/row-selection-custom.md b/components/table/demo/row-selection-custom.md
index 0ad1bccb4e..f6d11279b8 100644
--- a/components/table/demo/row-selection-custom.md
+++ b/components/table/demo/row-selection-custom.md
@@ -94,5 +94,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/row-selection.md b/components/table/demo/row-selection.md
index edf1ace950..1e9596fe6f 100644
--- a/components/table/demo/row-selection.md
+++ b/components/table/demo/row-selection.md
@@ -111,5 +111,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/table/demo/sticky.md b/components/table/demo/sticky.md
index 714662e243..16bb4ce505 100644
--- a/components/table/demo/sticky.md
+++ b/components/table/demo/sticky.md
@@ -126,5 +126,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/basic.md b/components/tabs/demo/basic.md
index 9b4625f279..8a4468b805 100644
--- a/components/tabs/demo/basic.md
+++ b/components/tabs/demo/basic.md
@@ -36,5 +36,5 @@ const Demo = () => (
   </Tabs>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/centered.md b/components/tabs/demo/centered.md
index 7ff654c47c..a61892493a 100644
--- a/components/tabs/demo/centered.md
+++ b/components/tabs/demo/centered.md
@@ -32,5 +32,5 @@ const Demo = () => (
   </Tabs>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/custom-add-trigger.md b/components/tabs/demo/custom-add-trigger.md
index a955f7dc3a..2421c381b2 100644
--- a/components/tabs/demo/custom-add-trigger.md
+++ b/components/tabs/demo/custom-add-trigger.md
@@ -90,5 +90,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/editable-card.md b/components/tabs/demo/editable-card.md
index 748c8fe1c7..7bceef20ff 100644
--- a/components/tabs/demo/editable-card.md
+++ b/components/tabs/demo/editable-card.md
@@ -98,5 +98,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/extra.md b/components/tabs/demo/extra.md
index 5a000c5a93..bbc01a4f22 100644
--- a/components/tabs/demo/extra.md
+++ b/components/tabs/demo/extra.md
@@ -83,7 +83,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/tabs/demo/nest.md b/components/tabs/demo/nest.md
index adf8141613..5363e56751 100644
--- a/components/tabs/demo/nest.md
+++ b/components/tabs/demo/nest.md
@@ -109,5 +109,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/position.md b/components/tabs/demo/position.md
index c6e684a2b3..aec71b79fd 100644
--- a/components/tabs/demo/position.md
+++ b/components/tabs/demo/position.md
@@ -56,5 +56,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/size.md b/components/tabs/demo/size.md
index 3bba1ff9e0..28b3aa995c 100644
--- a/components/tabs/demo/size.md
+++ b/components/tabs/demo/size.md
@@ -61,5 +61,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tag/demo/controlled.md b/components/tag/demo/controlled.md
index 7abacdc9c5..b5630a1291 100644
--- a/components/tag/demo/controlled.md
+++ b/components/tag/demo/controlled.md
@@ -40,5 +40,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/time-picker/demo/value.md b/components/time-picker/demo/value.md
index e8540278fb..00e43758b6 100644
--- a/components/time-picker/demo/value.md
+++ b/components/time-picker/demo/value.md
@@ -27,5 +27,5 @@ const Demo = () => {
   return <TimePicker value={value} onChange={onChange} />;
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/transfer/demo/advanced.md b/components/transfer/demo/advanced.md
index 322445c435..a2317385a7 100644
--- a/components/transfer/demo/advanced.md
+++ b/components/transfer/demo/advanced.md
@@ -84,5 +84,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/basic.md b/components/transfer/demo/basic.md
index 89b6215223..70a2586c77 100644
--- a/components/transfer/demo/basic.md
+++ b/components/transfer/demo/basic.md
@@ -63,5 +63,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/custom-item.md b/components/transfer/demo/custom-item.md
index cf153f624d..698c6f200f 100644
--- a/components/transfer/demo/custom-item.md
+++ b/components/transfer/demo/custom-item.md
@@ -78,5 +78,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/custom-select-all-labels.md b/components/transfer/demo/custom-select-all-labels.md
index 798fe8e1bc..dd133c6877 100644
--- a/components/transfer/demo/custom-select-all-labels.md
+++ b/components/transfer/demo/custom-select-all-labels.md
@@ -47,5 +47,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/large-data.md b/components/transfer/demo/large-data.md
index 44199c8707..1d9eb1bd9c 100644
--- a/components/transfer/demo/large-data.md
+++ b/components/transfer/demo/large-data.md
@@ -67,5 +67,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/oneWay.md b/components/transfer/demo/oneWay.md
index 95ef468cae..f1c737faae 100644
--- a/components/transfer/demo/oneWay.md
+++ b/components/transfer/demo/oneWay.md
@@ -87,5 +87,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/search.md b/components/transfer/demo/search.md
index eaa2e54538..a9f418142e 100644
--- a/components/transfer/demo/search.md
+++ b/components/transfer/demo/search.md
@@ -69,5 +69,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/table-transfer.md b/components/transfer/demo/table-transfer.md
index 7b038443c3..a7cd5c3f00 100644
--- a/components/transfer/demo/table-transfer.md
+++ b/components/transfer/demo/table-transfer.md
@@ -157,7 +157,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/transfer/demo/tree-transfer.md b/components/transfer/demo/tree-transfer.md
index e3e98c2fe6..4fe7622ca2 100644
--- a/components/transfer/demo/tree-transfer.md
+++ b/components/transfer/demo/tree-transfer.md
@@ -92,7 +92,7 @@ const App = () => {
   return <TreeTransfer dataSource={treeData} targetKeys={targetKeys} onChange={onChange} />;
 };
 
-export default () => <App />;
+export default App;
 ```
 
 <style>
diff --git a/components/tree-select/demo/async.md b/components/tree-select/demo/async.md
index c613dcf213..7480ae93c3 100644
--- a/components/tree-select/demo/async.md
+++ b/components/tree-select/demo/async.md
@@ -73,5 +73,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/basic.md b/components/tree-select/demo/basic.md
index 9087d66e7d..49277b7c13 100644
--- a/components/tree-select/demo/basic.md
+++ b/components/tree-select/demo/basic.md
@@ -48,5 +48,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/checkable.md b/components/tree-select/demo/checkable.md
index 0844802903..1140c5d983 100644
--- a/components/tree-select/demo/checkable.md
+++ b/components/tree-select/demo/checkable.md
@@ -81,5 +81,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/multiple.md b/components/tree-select/demo/multiple.md
index c267ba8cb9..482fcc12e7 100644
--- a/components/tree-select/demo/multiple.md
+++ b/components/tree-select/demo/multiple.md
@@ -55,5 +55,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/placement.md b/components/tree-select/demo/placement.md
index 6c3d148ea9..4b8f8a2106 100644
--- a/components/tree-select/demo/placement.md
+++ b/components/tree-select/demo/placement.md
@@ -60,5 +60,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/suffix.md b/components/tree-select/demo/suffix.md
index b6cc18ff0a..5714cd64cf 100644
--- a/components/tree-select/demo/suffix.md
+++ b/components/tree-select/demo/suffix.md
@@ -58,5 +58,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/treeData.md b/components/tree-select/demo/treeData.md
index 8c7eb48275..eda685c32a 100644
--- a/components/tree-select/demo/treeData.md
+++ b/components/tree-select/demo/treeData.md
@@ -62,5 +62,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/treeLine.md b/components/tree-select/demo/treeLine.md
index f20bae8d38..91dda21893 100644
--- a/components/tree-select/demo/treeLine.md
+++ b/components/tree-select/demo/treeLine.md
@@ -52,5 +52,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/basic-controlled.md b/components/tree/demo/basic-controlled.md
index 127aa2305b..e1f7c5f39c 100644
--- a/components/tree/demo/basic-controlled.md
+++ b/components/tree/demo/basic-controlled.md
@@ -100,5 +100,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/basic.md b/components/tree/demo/basic.md
index f76a06c12e..2a827e7e7f 100644
--- a/components/tree/demo/basic.md
+++ b/components/tree/demo/basic.md
@@ -68,5 +68,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/big-data.md b/components/tree/demo/big-data.md
index eb9785cb64..428a77ada3 100644
--- a/components/tree/demo/big-data.md
+++ b/components/tree/demo/big-data.md
@@ -38,5 +38,5 @@ for (let i = 0; i < 100; i += 1) {
 
 const Demo = () => <Tree defaultExpandAll height={400} treeData={treeData} />;
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/directory.md b/components/tree/demo/directory.md
index 279e6d2e7c..01422d2e31 100644
--- a/components/tree/demo/directory.md
+++ b/components/tree/demo/directory.md
@@ -57,5 +57,5 @@ const Demo: React.FC<{}> = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/drag-debug.md b/components/tree/demo/drag-debug.md
index c29b14c30b..c4c436d191 100644
--- a/components/tree/demo/drag-debug.md
+++ b/components/tree/demo/drag-debug.md
@@ -181,5 +181,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/draggable.md b/components/tree/demo/draggable.md
index 0cc9389191..8ebd885bc6 100644
--- a/components/tree/demo/draggable.md
+++ b/components/tree/demo/draggable.md
@@ -137,5 +137,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/dynamic.md b/components/tree/demo/dynamic.md
index b20c8a8d4d..e630f6c740 100644
--- a/components/tree/demo/dynamic.md
+++ b/components/tree/demo/dynamic.md
@@ -73,5 +73,5 @@ const Demo: React.FC<{}> = () => {
   return <Tree loadData={onLoadData} treeData={treeData} />;
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/line.md b/components/tree/demo/line.md
index 1f7d0e087f..c21e683a97 100644
--- a/components/tree/demo/line.md
+++ b/components/tree/demo/line.md
@@ -123,5 +123,5 @@ const Demo: React.FC<{}> = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/switcher-icon.md b/components/tree/demo/switcher-icon.md
index a9668b328b..dbffd4e9ce 100644
--- a/components/tree/demo/switcher-icon.md
+++ b/components/tree/demo/switcher-icon.md
@@ -84,5 +84,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/typography/demo/ellipsis-debug.md b/components/typography/demo/ellipsis-debug.md
index 3b0a2b5d1b..d095afda14 100644
--- a/components/typography/demo/ellipsis-debug.md
+++ b/components/typography/demo/ellipsis-debug.md
@@ -76,5 +76,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/typography/demo/ellipsis.md b/components/typography/demo/ellipsis.md
index aee3fc4746..8cf495c958 100644
--- a/components/typography/demo/ellipsis.md
+++ b/components/typography/demo/ellipsis.md
@@ -58,5 +58,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/typography/demo/interactive.md b/components/typography/demo/interactive.md
index 80bb4b4cfa..304ac5a245 100644
--- a/components/typography/demo/interactive.md
+++ b/components/typography/demo/interactive.md
@@ -150,5 +150,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/typography/demo/suffix.md b/components/typography/demo/suffix.md
index 075c1868dc..c1c5c6be1b 100644
--- a/components/typography/demo/suffix.md
+++ b/components/typography/demo/suffix.md
@@ -52,5 +52,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/upload/demo/crop-image.md b/components/upload/demo/crop-image.md
index 51b1ad5a19..50b1d0a3a3 100644
--- a/components/upload/demo/crop-image.md
+++ b/components/upload/demo/crop-image.md
@@ -62,5 +62,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/upload/demo/upload-manually.md b/components/upload/demo/upload-manually.md
index ec6b34bdf1..f136d1e08d 100644
--- a/components/upload/demo/upload-manually.md
+++ b/components/upload/demo/upload-manually.md
@@ -95,5 +95,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```

From 33c0da0042bbfd6eca152e280e24a02f63f3e4be Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Apr 2022 16:54:30 +0800
Subject: [PATCH 2/9] style: cleanup upload unused styles (#35052)

---
 components/upload/style/index.less | 41 ++++++------------------------
 components/upload/style/rtl.less   | 14 ----------
 2 files changed, 8 insertions(+), 47 deletions(-)

diff --git a/components/upload/style/index.less b/components/upload/style/index.less
index 49ba7f211b..5aa13c2cb0 100644
--- a/components/upload/style/index.less
+++ b/components/upload/style/index.less
@@ -168,9 +168,11 @@
       &-btn {
         opacity: 0;
       }
+
       &-btn.@{ant-prefix}-btn-sm {
-        height: 20px;
+        height: @line-height-base * @font-size-base;
         line-height: 1;
+        vertical-align: top;
       }
 
       &.picture {
@@ -185,6 +187,11 @@
 
       .@{iconfont-css-prefix} {
         color: @upload-actions-color;
+        transition: all 0.3s;
+      }
+
+      &:hover .@{iconfont-css-prefix} {
+        color: @text-color;
       }
     }
 
@@ -210,30 +217,10 @@
       }
     }
 
-    .@{iconfont-css-prefix}-close {
-      position: absolute;
-      top: 6px;
-      right: 4px;
-      color: @text-color-secondary;
-      font-size: 10px;
-      line-height: 0;
-      cursor: pointer;
-      opacity: 0;
-      transition: all 0.3s;
-
-      &:hover {
-        color: @text-color;
-      }
-    }
-
     &:hover &-info {
       background-color: @item-hover-bg;
     }
 
-    &:hover .@{iconfont-css-prefix}-close {
-      opacity: 1;
-    }
-
     &:hover &-card-actions-btn {
       opacity: 1;
     }
@@ -369,14 +356,6 @@
       margin-top: 0;
       padding-left: 56px;
     }
-
-    .@{iconfont-css-prefix}-close {
-      position: absolute;
-      top: 8px;
-      right: 8px;
-      line-height: 1;
-      opacity: 1;
-    }
   }
 
   // ======================== Picture Card ========================
@@ -389,10 +368,6 @@
       vertical-align: top;
     }
 
-    &.@{upload-prefix-cls}-list::after {
-      display: none;
-    }
-
     .@{upload-item} {
       height: 100%;
       margin: 0;
diff --git a/components/upload/style/rtl.less b/components/upload/style/rtl.less
index 0dd9836eff..a7054731f0 100644
--- a/components/upload/style/rtl.less
+++ b/components/upload/style/rtl.less
@@ -72,13 +72,6 @@
       }
     }
 
-    .@{iconfont-css-prefix}-close {
-      .@{upload-prefix-cls}-list-rtl & {
-        right: auto;
-        left: 4px;
-      }
-    }
-
     &-error &-card-actions {
       .@{iconfont-css-prefix} {
         .@{upload-prefix-cls}-list-rtl & {
@@ -145,13 +138,6 @@
         padding-left: 0;
       }
     }
-
-    .@{iconfont-css-prefix}-close {
-      .@{upload-prefix-cls}-list-rtl& {
-        right: auto;
-        left: 8px;
-      }
-    }
   }
 
   &-picture-card {

From 9902c2104285332e3f8c669d96eeb3e6b1141d35 Mon Sep 17 00:00:00 2001
From: chensw <swchenforgetful@hotmail.com>
Date: Fri, 15 Apr 2022 19:36:38 +0800
Subject: [PATCH 3/9] fix: Upload pass UploadList prefixCls (#34944)

* fix: pass UploadList prefixCls

* test: <Upload /> should pass <UploadList /> prefixCls

Co-authored-by: chenshanwang <chenshanwang@lianfan.com>
---
 components/upload/Upload.tsx               | 1 +
 components/upload/__tests__/upload.test.js | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/components/upload/Upload.tsx b/components/upload/Upload.tsx
index 305caad216..edce565b1a 100644
--- a/components/upload/Upload.tsx
+++ b/components/upload/Upload.tsx
@@ -337,6 +337,7 @@ const InternalUpload: React.ForwardRefRenderFunction<unknown, UploadProps> = (pr
             typeof showUploadList === 'boolean' ? ({} as ShowUploadListInterface) : showUploadList;
           return (
             <UploadList
+              prefixCls={prefixCls}
               listType={listType}
               items={mergedFileList}
               previewFile={previewFile}
diff --git a/components/upload/__tests__/upload.test.js b/components/upload/__tests__/upload.test.js
index d70616f0b7..cecfc2cc44 100644
--- a/components/upload/__tests__/upload.test.js
+++ b/components/upload/__tests__/upload.test.js
@@ -895,4 +895,12 @@ describe('Upload', () => {
     });
     expect(wrapper.find('.ant-upload-select-picture-card').getDOMNode().style.display).toBe('none');
   });
+
+  it('<Upload /> should pass <UploadList /> prefixCls', async () => {
+    const wrapper1 = mount(<Upload />);
+    expect(wrapper1.find('.ant-upload-list').exists()).toBeTruthy();
+
+    const wrapper2 = mount(<Upload prefixCls="custom-upload" />);
+    expect(wrapper2.find('.custom-upload-list').exists()).toBeTruthy();
+  });
 });

From 52a1e8b72f512ea0e406b49ad531b42c34d305da Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Apr 2022 21:20:09 +0800
Subject: [PATCH 4/9] Update overview.en-US.md

---
 docs/spec/overview.en-US.md | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/docs/spec/overview.en-US.md b/docs/spec/overview.en-US.md
index d629862eea..da96a436cc 100644
--- a/docs/spec/overview.en-US.md
+++ b/docs/spec/overview.en-US.md
@@ -4,7 +4,7 @@ order: 0
 title: Overview
 ---
 
-The use of design patterns in enterprise-level businesses can significantly increase the certainty of the R&D team, save unnecessary design and maintain system consistency, allowing the “designer” to focus on creativity where it is most needed.
+The use of design patterns in enterprise-level businesses can significantly increase the certainty of the R&D team, save unnecessary design and maintain system consistency, allowing designers to focus on creativity where it is most needed.
 
 Design patterns adhere to Ant Design design values and provide a general solution to recurring design issues in enterprise products. The designer can directly use the design pattern to complete the interface design, or the design pattern can be used as a starting point to derive a more business-specific solution to meet the individual design needs.
 
@@ -18,13 +18,15 @@ The complete design pattern will include examples of templates, components (ETC)
 
 - **Function example:** Consists of multiple templates to inspire users how to use and build a common feature.
 - **Template:** A page-level example that inspires users how to build a typical page in a system, such as a detail page.
-- **Component**    - Basic components: The most basic elements of the system, such as buttons and pagers.    - Business components/modules: Block-level examples, typically consisting of multiple components, such as the PageHeader generic header.
+- **Component**
+  - Basic components: The most basic elements of the system, such as buttons and pagers.
+  - Business components/modules: Block-level examples, typically consisting of multiple components, such as the PageHeader generic header.
 - **General concepts:** Some conventions that guarantee ETC systematization, such as typesetting, fonts, and copywriting.
 
 ## Resources
 
 We work with engineers to transform design patterns into reusable code that maximizes your productivity and communication efficiency.
 
-- [Ant Design Pro](https://pro.ant.design): Out-of-the-box solution with 20+ templates and 10+ business components
-- [Ant Design Components](/docs/react/introduce): Ant Design's React UI library is a global component library with 50+ base components
-- [Ant Design Library](http://library.ant.design/): Axure resource packs are included with the code to make your prototype look like a visual draft, including templates, components, and more.
+- [Ant Design Pro](https://pro.ant.design): Out-of-the-box solution with 20+ templates and 10+ business components.
+- [Offcial UI](/components/overview): Ant Design's React UI library is a global component library with 60+ base components.
+- [Axure Library](http://library.ant.design/): Axure resource packs are included with the code to make your prototype look like a visual draft, including templates, components, and more.

From 39af7b330c532edabfddb6baea3e57ba3ad2adc8 Mon Sep 17 00:00:00 2001
From: c0dedance <38075730+c0dedance@users.noreply.github.com>
Date: Fri, 15 Apr 2022 21:21:53 +0800
Subject: [PATCH 5/9] docs: fix overview content (#35055)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* docs: 修复中文文档没有与英文文档同步的问题

* Apply suggestions from code review

* Apply suggestions from code review

* Apply suggestions from code review

* Apply suggestions from code review

Co-authored-by: afc163 <afc163@gmail.com>
---
 docs/spec/overview.zh-CN.md | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/docs/spec/overview.zh-CN.md b/docs/spec/overview.zh-CN.md
index 3c91e39684..45a8f761f6 100644
--- a/docs/spec/overview.zh-CN.md
+++ b/docs/spec/overview.zh-CN.md
@@ -6,16 +6,29 @@ title: 概览
 
 > 这是一份动态更新的设计文档，你的阅读和反馈是我们前进的动力。
 
-秉承 [Ant Design 设计价值观](/docs/spec/values)，针对企业级产品反复出现的设计问题，设计模式给出一般性的解决方案，实现跨应用交互一致性的有效融合。依照设计模式使用 [antd 组件](/docs/react/introduce)设计界面，既减少了不必要的认知成本，又能够提升交互确定性和设计的效率。考虑到需要适应各种独特的业务场景，模式的规则具有一定的灵活性，万变不离其宗，通过了解设计模式的构建逻辑，可以衍生出更具场景特性的解决方案。设计模式包含以下内容：
+在企业级业务中使用设计模式，可以显着增加研发团队的确定性，节省不必要的设计，保持系统一致性，让设计师专注于创意最需要的地方。
 
-### 原则
+设计模式遵循 Ant Design 设计价值观，并为企业产品中反复出现的设计问题提供通用解决方案。设计者可以直接使用设计模式来完成界面设计，也可以以设计模式为出发点，衍生出更加针对业务的解决方案，以满足个性化的设计需求。
 
-基于价值观衍生出的一般设计技巧，包括如何高效组织信息、帮助建立用户与界面的互动等原则性要求。
+同时，这是一份动态更新的设计文档，您的阅读和反馈是我们前进的动力，[Github 反馈地址](https://github.com/ant-design/ant-design/issues)。
 
-### 全局规则
+## 框架信息
 
-通过规范常见的互动行为，包括导航、数据录入、数据展示、反馈、操作、帮助等，呈现组件元素的标准用法和弹性空间，并了解如何将他们组织在一起来创建良好的体验。
+![结构图](https://gw.alipayobjects.com/zos/rmsportal/NyWYOFQxJYElAwtUfSdv.png)
 
-### 模板文档
+完整的设计模式将包括模板、组件 (ETC) 和通用概念的示例：
 
-基于蚂蚁中台的设计经验，我们总结了表单、列表、数据可视化、详情页、工作台、异常、结果、编辑器几类页面的典型解决方案，介绍每类页面的设计目标、设计技巧以及典型页面内容等，帮助广大设计者可以快速开始构建界面。你还可以在 [Ant Design Pro](https://pro.ant.design/index-cn) 里在线预览这些典型页面。
+- 功能示例：由多个模板组成，以启发用户如何使用和构建一个通用功能。
+- 模板：一个页面级示例，启发用户如何在系统中构建典型页面，例如详细信息页面。
+- 组件
+   - 基本组件：系统的最基本元素，例如按钮和分页器。
+   - 业务组件/模块：块级示例，通常由多个组件组成，例如 PageHeader 通用标题。
+- 一般概念：保证 ETC 系统化的一些约定，例如排版、字体和文案。
+
+## 资源
+
+我们与工程师合作，将设计模式转化为可重用的代码，最大限度地提高您的生产力和沟通效率。
+
+- [Ant Design Pro](https://pro.ant.design/)：具有 20 多个模板和 10 多个业务组件的开箱即用解决方案
+- [React 官方实现](/components/overview/)：Ant Design 的 React UI 库拥有 60 多个基础组件。
+- [Axure 设计库](http://library.ant.design/)：代码中包含 Axure 资源包，使您的原型看起来像一个视觉草稿，包括模板、组件等。

From cd3471506ca1929bc2e85fbd6a71c40ac09bedfd Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Apr 2022 23:07:05 +0800
Subject: [PATCH 6/9] test: fix jest snapshot

---
 .../__snapshots__/components.test.js.snap      | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index 52ab1d0ddd..5e15e06729 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -37829,22 +37829,22 @@ exports[`ConfigProvider components Upload prefixCls 1`] = `
     </span>
   </div>
   <div
-    class="ant-upload-list ant-upload-list-text"
+    class="prefix-Upload-list prefix-Upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container"
+      class="prefix-Upload-list-text-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="prefix-Upload-list-item prefix-Upload-list-item-done prefix-Upload-list-item-list-type-text"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="prefix-Upload-list-item-info"
         >
           <span
-            class="ant-upload-span"
+            class="prefix-Upload-span"
           >
             <div
-              class="ant-upload-text-icon"
+              class="prefix-Upload-text-icon"
             >
               <span
                 aria-label="paper-clip"
@@ -37867,16 +37867,16 @@ exports[`ConfigProvider components Upload prefixCls 1`] = `
               </span>
             </div>
             <span
-              class="ant-upload-list-item-name"
+              class="prefix-Upload-list-item-name"
               title="xxx.png"
             >
               xxx.png
             </span>
             <span
-              class="ant-upload-list-item-card-actions"
+              class="prefix-Upload-list-item-card-actions"
             >
               <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only prefix-Upload-list-item-card-actions-btn"
                 title="Remove file"
                 type="button"
               >

From e4a87750ac9096b24a1daa978b1097716cc95425 Mon Sep 17 00:00:00 2001
From: MadCcc <1075746765@qq.com>
Date: Fri, 15 Apr 2022 23:33:10 +0800
Subject: [PATCH 7/9] test: update test cases to testing-lib (#35056)

---
 components/form/__tests__/list.test.js        | 65 +++++++++----------
 .../input-number/__tests__/prefix.test.js     |  7 +-
 components/input/__tests__/index.test.tsx     | 38 +++++------
 components/input/__tests__/textarea.test.js   | 16 +++--
 components/radio/__tests__/group.test.js      | 11 ++--
 .../radio/__tests__/radio-button.test.js      | 11 ++--
 .../upload/__tests__/uploadlist.test.js       | 11 ++--
 tests/shared/accessibilityTest.tsx            |  6 +-
 8 files changed, 81 insertions(+), 84 deletions(-)

diff --git a/components/form/__tests__/list.test.js b/components/form/__tests__/list.test.js
index 00a1fc408f..a9643c6e98 100644
--- a/components/form/__tests__/list.test.js
+++ b/components/form/__tests__/list.test.js
@@ -1,5 +1,4 @@
 import React from 'react';
-import { mount } from 'enzyme';
 import { act } from 'react-dom/test-utils';
 import { render, fireEvent } from '@testing-library/react';
 import Form from '..';
@@ -9,16 +8,15 @@ import { sleep } from '../../../tests/utils';
 
 describe('Form.List', () => {
   async function change(wrapper, index, value) {
-    wrapper.find(Input).at(index).simulate('change', { target: { value } });
+    fireEvent.change(wrapper.getElementsByClassName('ant-input')[index], { target: { value } });
     await sleep();
-    wrapper.update();
   }
 
   function testList(name, renderField) {
     it(name, async () => {
       jest.useFakeTimers();
 
-      const wrapper = mount(
+      const { container } = render(
         <Form>
           <Form.List name="list">
             {(fields, { add, remove }) => (
@@ -47,37 +45,35 @@ describe('Form.List', () => {
 
       function operate(className) {
         act(() => {
-          wrapper.find(className).last().simulate('click');
+          fireEvent.click(container.querySelector(className));
           jest.runAllTimers();
         });
-        wrapper.update();
       }
 
       operate('.add');
-      expect(wrapper.find(Input).length).toBe(1);
+      expect(container.getElementsByClassName('ant-input').length).toBe(1);
 
       operate('.add');
-      expect(wrapper.find(Input).length).toBe(2);
+      expect(container.getElementsByClassName('ant-input').length).toBe(2);
 
       operate('.add');
-      expect(wrapper.find(Input).length).toBe(3);
+      expect(container.getElementsByClassName('ant-input').length).toBe(3);
 
-      await change(wrapper, 2, '');
+      await change(container, 2, '');
       for (let i = 0; i < 10; i += 1) {
         act(() => {
           jest.runAllTimers();
         });
       }
-      wrapper.update();
-      expect(wrapper.find('.ant-form-item-explain div').length).toBe(1);
+      expect(container.getElementsByClassName('ant-form-item-explain').length).toBe(1);
 
       operate('.remove-0');
-      expect(wrapper.find(Input).length).toBe(2);
-      expect(wrapper.find('.ant-form-item-explain div').length).toBe(1);
+      expect(container.getElementsByClassName('ant-input').length).toBe(2);
+      expect(container.getElementsByClassName('ant-form-item-explain').length).toBe(1);
 
       operate('.remove-1');
-      expect(wrapper.find(Input).length).toBe(1);
-      expect(wrapper.find('.ant-form-item-explain div').length).toBe(0);
+      expect(container.getElementsByClassName('ant-input').length).toBe(1);
+      expect(container.getElementsByClassName('ant-form-item-explain').length).toBe(0);
 
       jest.useRealTimers();
     });
@@ -99,14 +95,12 @@ describe('Form.List', () => {
 
   it('correct onFinish values', async () => {
     async function click(wrapper, className) {
-      wrapper.find(className).last().simulate('click');
-      await sleep();
-      wrapper.update();
+      fireEvent.click(wrapper.querySelector(className));
     }
 
     const onFinish = jest.fn().mockImplementation(() => {});
 
-    const wrapper = mount(
+    const { container } = render(
       <Form
         onFinish={v => {
           if (typeof v.list[0] === 'object') {
@@ -139,22 +133,22 @@ describe('Form.List', () => {
       </Form>,
     );
 
-    await click(wrapper, '.add');
-    await change(wrapper, 0, 'input1');
-    wrapper.find('form').simulate('submit');
+    await click(container, '.add');
+    await change(container, 0, 'input1');
+    fireEvent.submit(container.querySelector('form'));
     await sleep();
     expect(onFinish).toHaveBeenLastCalledWith({ list: ['input1'] });
 
-    await click(wrapper, '.add');
-    await change(wrapper, 1, 'input2');
-    await click(wrapper, '.add');
-    await change(wrapper, 2, 'input3');
-    wrapper.find('form').simulate('submit');
+    await click(container, '.add');
+    await change(container, 1, 'input2');
+    await click(container, '.add');
+    await change(container, 2, 'input3');
+    fireEvent.submit(container.querySelector('form'));
     await sleep();
     expect(onFinish).toHaveBeenLastCalledWith({ list: ['input1', 'input2', 'input3'] });
 
-    await click(wrapper, '.remove'); // will remove first input
-    wrapper.find('form').simulate('submit');
+    await click(container, '.remove'); // will remove first input
+    fireEvent.submit(container.querySelector('form'));
     await sleep();
     expect(onFinish).toHaveBeenLastCalledWith({ list: ['input2', 'input3'] });
   });
@@ -163,7 +157,7 @@ describe('Form.List', () => {
     jest.useFakeTimers();
 
     let operation;
-    const wrapper = mount(
+    const { container } = render(
       <Form>
         <Form.List
           name="list"
@@ -190,22 +184,21 @@ describe('Form.List', () => {
         operation.add();
         await sleep(100);
         jest.runAllTimers();
-        wrapper.update();
       });
     }
 
     await addItem();
-    expect(wrapper.find('.ant-form-item-explain div').text()).toEqual('At least 2');
+    expect(container.querySelector('.ant-form-item-explain div').innerHTML).toEqual('At least 2');
 
     await addItem();
-    expect(wrapper.find('.ant-form-item-explain div')).toHaveLength(0);
+    expect(container.getElementsByClassName('ant-form-item-explain div')).toHaveLength(0);
 
     jest.useRealTimers();
   });
 
   it('should render empty without errors', () => {
-    const wrapper = mount(<Form.ErrorList />);
-    expect(wrapper.render()).toMatchSnapshot();
+    const { container } = render(<Form.ErrorList />);
+    expect(container.firstChild).toMatchSnapshot();
   });
 
   it('no warning when reset in validate', async () => {
diff --git a/components/input-number/__tests__/prefix.test.js b/components/input-number/__tests__/prefix.test.js
index 7bedc9a60f..a2da7c59c3 100644
--- a/components/input-number/__tests__/prefix.test.js
+++ b/components/input-number/__tests__/prefix.test.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 import InputNumber from '..';
 import focusTest from '../../../tests/shared/focusTest';
 
@@ -9,9 +10,9 @@ describe('prefix', () => {
     { refFocus: true },
   );
   it('should support className when has prefix', () => {
-    const wrapper = mount(<InputNumber prefix="suffix" className="my-class-name" />);
-    expect(wrapper.getDOMNode().className.includes('my-class-name')).toBe(true);
-    expect(wrapper.find('input').getDOMNode().className.includes('my-class-name')).toBe(false);
+    const { container } = render(<InputNumber prefix="suffix" className="my-class-name" />);
+    expect(container.firstChild.className.includes('my-class-name')).toBe(true);
+    expect(container.querySelector('input')?.className.includes('my-class-name')).toBe(false);
   });
 
   it('should trigger focus when prefix is clicked', () => {
diff --git a/components/input/__tests__/index.test.tsx b/components/input/__tests__/index.test.tsx
index 844f807f9c..33fe8f78f1 100644
--- a/components/input/__tests__/index.test.tsx
+++ b/components/input/__tests__/index.test.tsx
@@ -88,37 +88,33 @@ describe('Input', () => {
 
 describe('prefix and suffix', () => {
   it('should support className when has suffix', () => {
-    const wrapper = mount(<Input suffix="suffix" className="my-class-name" />);
-    expect(wrapper.getDOMNode().className.includes('my-class-name')).toBe(true);
-    expect(wrapper.find('input').getDOMNode().className.includes('my-class-name')).toBe(false);
+    const { container } = render(<Input suffix="suffix" className="my-class-name" />);
+    expect((container.firstChild as Element).className.includes('my-class-name')).toBe(true);
+    expect(container.querySelector('input')?.className.includes('my-class-name')).toBe(false);
   });
 
   it('should support className when has prefix', () => {
-    const wrapper = mount(<Input prefix="prefix" className="my-class-name" />);
-    expect(wrapper.getDOMNode().className.includes('my-class-name')).toBe(true);
-    expect(wrapper.find('input').getDOMNode().className.includes('my-class-name')).toBe(false);
+    const { container } = render(<Input prefix="prefix" className="my-class-name" />);
+    expect((container.firstChild as Element).className.includes('my-class-name')).toBe(true);
+    expect(container.querySelector('input')?.className.includes('my-class-name')).toBe(false);
   });
 
   it('should support hidden when has prefix or suffix', () => {
-    const wrapper = mount(
+    const { container } = render(
       <>
         <Input prefix="prefix" hidden className="prefix-with-hidden" />
         <Input suffix="suffix" hidden className="suffix-with-hidden" />
       </>,
     );
 
-    expect(wrapper.find('.prefix-with-hidden').at(0).getDOMNode<HTMLInputElement>().hidden).toBe(
-      true,
-    );
-    expect(wrapper.find('.suffix-with-hidden').at(0).getDOMNode<HTMLInputElement>().hidden).toBe(
-      true,
-    );
+    expect(container.querySelector('.prefix-with-hidden')?.getAttribute('hidden')).toBe('');
+    expect(container.querySelector('.suffix-with-hidden')?.getAttribute('hidden')).toBe('');
   });
 });
 
 describe('Input setting hidden', () => {
   it('should support hidden when has prefix or suffix or showCount or allowClear or addonBefore or addonAfter', () => {
-    const wrapper = mount(
+    const { container } = render(
       <>
         <Input
           hidden
@@ -168,10 +164,10 @@ describe('Input setting hidden', () => {
       </>,
     );
 
-    expect(wrapper.find('.input').at(0).getDOMNode<HTMLInputElement>().hidden).toBe(true);
-    expect(wrapper.find('.input-search').at(0).getDOMNode<HTMLInputElement>().hidden).toBe(true);
-    expect(wrapper.find('.input-textarea').at(0).getDOMNode<HTMLInputElement>().hidden).toBe(true);
-    expect(wrapper.find('.input-password').at(0).getDOMNode<HTMLInputElement>().hidden).toBe(true);
+    expect(container.querySelector('.input')?.getAttribute('hidden')).toBe('');
+    expect(container.querySelector('.input-search')?.getAttribute('hidden')).toBe('');
+    expect(container.querySelector('.input-textarea')?.getAttribute('hidden')).toBe('');
+    expect(container.querySelector('.input-password')?.getAttribute('hidden')).toBe('');
   });
 });
 
@@ -330,9 +326,9 @@ describe('Input allowClear', () => {
 
   // https://github.com/ant-design/ant-design/issues/27444
   it('should support className', () => {
-    const wrapper = mount(<Input allowClear className="my-class-name" />);
-    expect(wrapper.getDOMNode().className.includes('my-class-name')).toBe(true);
-    expect(wrapper.find('input').getDOMNode().className.includes('my-class-name')).toBe(false);
+    const { container } = render(<Input allowClear className="my-class-name" />);
+    expect((container.firstChild as Element).className.includes('my-class-name')).toBe(true);
+    expect(container.querySelector('input')?.className.includes('my-class-name')).toBe(false);
   });
 
   // https://github.com/ant-design/ant-design/issues/31200
diff --git a/components/input/__tests__/textarea.test.js b/components/input/__tests__/textarea.test.js
index 7d36cea02a..5650d4f48b 100644
--- a/components/input/__tests__/textarea.test.js
+++ b/components/input/__tests__/textarea.test.js
@@ -223,12 +223,16 @@ describe('TextArea', () => {
     );
   });
 
-  it('should works same as Input', async () => {
-    const input = mount(<Input value="111" />);
-    const textarea = mount(<TextArea value="111" />);
-    input.setProps({ value: undefined });
-    textarea.setProps({ value: undefined });
-    expect(textarea.find('textarea').at(0).getDOMNode().value).toBe(input.getDOMNode().value);
+  it('should works same as Input', () => {
+    const { container: inputContainer, rerender: inputRerender } = render(<Input value="111" />);
+    const { container: textareaContainer, rerender: textareaRerender } = render(
+      <TextArea value="111" />,
+    );
+    inputRerender(<Input value={undefined} />);
+    textareaRerender(<TextArea value={undefined} />);
+    expect(textareaContainer.querySelector('textarea').value).toBe(
+      inputContainer.querySelector('input').value,
+    );
   });
 
   describe('should support showCount', () => {
diff --git a/components/radio/__tests__/group.test.js b/components/radio/__tests__/group.test.js
index 6389238ea4..cf62cccc24 100644
--- a/components/radio/__tests__/group.test.js
+++ b/components/radio/__tests__/group.test.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { mount, render } from 'enzyme';
+import { render as testLibRender } from '@testing-library/react';
 import Radio from '..';
 
 describe('Radio Group', () => {
@@ -151,7 +152,7 @@ describe('Radio Group', () => {
 
   it('should forward ref', () => {
     let radioGroupRef;
-    const wrapper = mount(
+    const { container } = testLibRender(
       createRadioGroupByOption({
         ref: ref => {
           radioGroupRef = ref;
@@ -159,18 +160,18 @@ describe('Radio Group', () => {
       }),
     );
 
-    expect(radioGroupRef).toBe(wrapper.children().getDOMNode());
+    expect(radioGroupRef).toBe(container.querySelector('.ant-radio-group'));
   });
 
   it('should support data-* or aria-* props', () => {
-    const wrapper = mount(
+    const { container } = testLibRender(
       createRadioGroup({
         'data-radio-group-id': 'radio-group-id',
         'aria-label': 'radio-group',
       }),
     );
-    expect(wrapper.getDOMNode().getAttribute('data-radio-group-id')).toBe('radio-group-id');
-    expect(wrapper.getDOMNode().getAttribute('aria-label')).toBe('radio-group');
+    expect(container.firstChild.getAttribute('data-radio-group-id')).toBe('radio-group-id');
+    expect(container.firstChild.getAttribute('aria-label')).toBe('radio-group');
   });
 
   it('Radio type should not be override', () => {
diff --git a/components/radio/__tests__/radio-button.test.js b/components/radio/__tests__/radio-button.test.js
index 5a3b081773..7c90419365 100644
--- a/components/radio/__tests__/radio-button.test.js
+++ b/components/radio/__tests__/radio-button.test.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { mount, render } from 'enzyme';
+import { render as testLibRender } from '@testing-library/react';
 import Radio, { Button } from '..';
 import focusTest from '../../../tests/shared/focusTest';
 import mountTest from '../../../tests/shared/mountTest';
@@ -162,7 +163,7 @@ describe('Radio Group', () => {
 
   it('should forward ref', () => {
     let radioGroupRef;
-    const wrapper = mount(
+    const { container } = testLibRender(
       createRadioGroup({
         ref: ref => {
           radioGroupRef = ref;
@@ -170,18 +171,18 @@ describe('Radio Group', () => {
       }),
     );
 
-    expect(radioGroupRef).toBe(wrapper.children().getDOMNode());
+    expect(radioGroupRef).toBe(container.querySelector('.ant-radio-group'));
   });
 
   it('should support data-* or aria-* props', () => {
-    const wrapper = mount(
+    const { container } = testLibRender(
       createRadioGroup({
         'data-radio-group-id': 'radio-group-id',
         'aria-label': 'radio-group',
       }),
     );
-    expect(wrapper.getDOMNode().getAttribute('data-radio-group-id')).toBe('radio-group-id');
-    expect(wrapper.getDOMNode().getAttribute('aria-label')).toBe('radio-group');
+    expect(container.firstChild.getAttribute('data-radio-group-id')).toBe('radio-group-id');
+    expect(container.firstChild.getAttribute('aria-label')).toBe('radio-group');
   });
 
   it('Radio type should not be override', () => {
diff --git a/components/upload/__tests__/uploadlist.test.js b/components/upload/__tests__/uploadlist.test.js
index 703a503366..2f9d1dc79d 100644
--- a/components/upload/__tests__/uploadlist.test.js
+++ b/components/upload/__tests__/uploadlist.test.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { mount } from 'enzyme';
+import { fireEvent, render } from '@testing-library/react';
 import Upload from '..';
 import UploadList from '../UploadList';
 import Form from '../../form';
@@ -703,23 +704,23 @@ describe('Upload List', () => {
       );
     };
 
-    const wrapper = mount(<TestForm />);
+    const { container, unmount } = render(<TestForm />);
 
-    wrapper.find(Form).simulate('submit');
+    fireEvent.submit(container.querySelector('form'));
     await sleep();
     expect(formRef.getFieldError(['file'])).toEqual(['file required']);
 
-    wrapper.find('input').simulate('change', {
+    fireEvent.change(container.querySelector('input'), {
       target: {
         files: [{ name: 'foo.png' }],
       },
     });
 
-    wrapper.find(Form).simulate('submit');
+    fireEvent.submit(container.querySelector('form'));
     await sleep();
     expect(formRef.getFieldError(['file'])).toEqual([]);
 
-    wrapper.unmount();
+    unmount();
   });
 
   it('return when prop onPreview not exists', () => {
diff --git a/tests/shared/accessibilityTest.tsx b/tests/shared/accessibilityTest.tsx
index 87b49ff15c..5fc2c715ad 100644
--- a/tests/shared/accessibilityTest.tsx
+++ b/tests/shared/accessibilityTest.tsx
@@ -1,14 +1,14 @@
 import React from 'react';
-import { mount } from 'enzyme';
 import { axe } from 'jest-axe';
+import { render } from '@testing-library/react';
 
 // eslint-disable-next-line jest/no-export
 export default function accessibilityTest(Component: React.ComponentType) {
   describe(`accessibility`, () => {
     it(`component does not have any violations`, async () => {
       jest.useRealTimers();
-      const wrapper = mount(<Component />);
-      const results = await axe(wrapper.getDOMNode());
+      const { container } = render(<Component />);
+      const results = await axe(container);
       expect(results).toHaveNoViolations();
     });
   });

From 1c8e499f9c9bddb8d2e3de4be2709d0d78e225db Mon Sep 17 00:00:00 2001
From: MadCcc <1075746765@qq.com>
Date: Sun, 17 Apr 2022 22:36:36 +0800
Subject: [PATCH 8/9] test: migrate some test case to testing-library (#35062)

* test: migrate some test case to testing-library

* chore: code clean

* test: fix stylelint

* test: test case
---
 components/avatar/__tests__/Avatar.test.js    |  6 +-
 components/badge/__tests__/index.test.js      |  5 +-
 components/button/__tests__/index.test.tsx    | 10 +--
 .../config-provider/__tests__/index.test.js   |  9 +--
 components/date-picker/style/panel.less       |  2 +-
 components/input/__tests__/Search.test.js     | 65 ++++++++++-------
 components/statistic/__tests__/index.test.js  |  9 ++-
 components/tooltip/__tests__/tooltip.test.js  | 11 +--
 components/transfer/__tests__/index.test.js   | 71 ++++++++++---------
 9 files changed, 105 insertions(+), 83 deletions(-)

diff --git a/components/avatar/__tests__/Avatar.test.js b/components/avatar/__tests__/Avatar.test.js
index 225abfa331..839e890cee 100644
--- a/components/avatar/__tests__/Avatar.test.js
+++ b/components/avatar/__tests__/Avatar.test.js
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { act } from 'react-dom/test-utils';
 import { mount } from 'enzyme';
-import { render } from '@testing-library/react';
+import { fireEvent, render } from '@testing-library/react';
 import Avatar from '..';
 import mountTest from '../../../tests/shared/mountTest';
 import rtlTest from '../../../tests/shared/rtlTest';
@@ -175,8 +175,8 @@ describe('Avatar Render', () => {
 
   it('support onMouseEnter', () => {
     const onMouseEnter = jest.fn();
-    const wrapper = mount(<Avatar onMouseEnter={onMouseEnter}>TestString</Avatar>);
-    wrapper.simulate('mouseenter');
+    const { container } = render(<Avatar onMouseEnter={onMouseEnter}>TestString</Avatar>);
+    fireEvent.mouseEnter(container.firstChild);
     expect(onMouseEnter).toHaveBeenCalled();
   });
 
diff --git a/components/badge/__tests__/index.test.js b/components/badge/__tests__/index.test.js
index c7189297f9..400e3332c2 100644
--- a/components/badge/__tests__/index.test.js
+++ b/components/badge/__tests__/index.test.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { mount } from 'enzyme';
 import { act } from 'react-dom/test-utils';
+import { fireEvent, render } from '@testing-library/react';
 import Badge from '../index';
 import Tooltip from '../../tooltip';
 import mountTest from '../../../tests/shared/mountTest';
@@ -54,14 +55,14 @@ describe('Badge', () => {
   // https://github.com/ant-design/ant-design/issues/10626
   it('should be composable with Tooltip', () => {
     const ref = React.createRef();
-    const wrapper = mount(
+    const { container } = render(
       <Tooltip title="Fix the error" ref={ref}>
         <Badge status="error" />
       </Tooltip>,
     );
 
     act(() => {
-      wrapper.find('Badge').simulate('mouseenter');
+      fireEvent.mouseEnter(container.querySelector('.ant-badge'));
       jest.runAllTimers();
     });
     expect(ref.current.props.visible).toBeTruthy();
diff --git a/components/button/__tests__/index.test.tsx b/components/button/__tests__/index.test.tsx
index 19d53bcb13..8269e56d3e 100644
--- a/components/button/__tests__/index.test.tsx
+++ b/components/button/__tests__/index.test.tsx
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { mount } from 'enzyme';
-import { render } from '@testing-library/react';
+import { fireEvent, render } from '@testing-library/react';
 import { act } from 'react-dom/test-utils';
 import { SearchOutlined } from '@ant-design/icons';
 import { resetWarned } from 'rc-util/lib/warning';
@@ -194,12 +194,12 @@ describe('Button', () => {
 
   it('should not clickable when button is loading', () => {
     const onClick = jest.fn();
-    const wrapper = mount(
+    const { container } = render(
       <Button loading onClick={onClick}>
         button
       </Button>,
     );
-    wrapper.simulate('click');
+    fireEvent.click(container.firstChild!);
     expect(onClick).not.toHaveBeenCalledWith();
   });
 
@@ -313,12 +313,12 @@ describe('Button', () => {
 
   it('should not redirect when button is disabled', () => {
     const onClick = jest.fn();
-    const wrapper = mount(
+    const { container } = render(
       <Button href="https://ant.design" onClick={onClick} disabled>
         click me
       </Button>,
     );
-    wrapper.simulate('click');
+    fireEvent.click(container.firstChild!);
     expect(onClick).not.toHaveBeenCalled();
   });
 
diff --git a/components/config-provider/__tests__/index.test.js b/components/config-provider/__tests__/index.test.js
index a6dc8a78f4..aecf780620 100644
--- a/components/config-provider/__tests__/index.test.js
+++ b/components/config-provider/__tests__/index.test.js
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { mount } from 'enzyme';
 import { SmileOutlined } from '@ant-design/icons';
+import { fireEvent, render } from '@testing-library/react';
 import ConfigProvider, { ConfigContext } from '..';
 import Button from '../../button';
 import Table from '../../table';
@@ -74,11 +75,11 @@ describe('ConfigProvider', () => {
       );
     };
 
-    const wrapper = mount(<DynamicPrefixCls />);
+    const { container } = render(<DynamicPrefixCls />);
 
-    expect(wrapper.exists('button.bamboo-btn')).toBeTruthy();
-    wrapper.find('.toggle-button').first().simulate('click');
-    expect(wrapper.exists('button.light-btn')).toBeTruthy();
+    expect(container.querySelector('button.bamboo-btn')).toBeTruthy();
+    fireEvent.click(container.querySelector('.toggle-button'));
+    expect(container.querySelector('button.light-btn')).toBeTruthy();
   });
 
   it('iconPrefixCls', () => {
diff --git a/components/date-picker/style/panel.less b/components/date-picker/style/panel.less
index fec6899f38..5a5d41b3d1 100644
--- a/components/date-picker/style/panel.less
+++ b/components/date-picker/style/panel.less
@@ -665,7 +665,7 @@
 // Fix IE11 render bug by css hacks
 // https://github.com/ant-design/ant-design/issues/21559
 // https://codepen.io/afc163-1472555193/pen/mdJRaNj?editors=0110
-/* stylelint-disable-next-line selector-type-no-unknown,selector-no-vendor-prefix */
+/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
 _:-ms-fullscreen,
 :root {
   .@{picker-prefix-cls}-range-wrapper {
diff --git a/components/input/__tests__/Search.test.js b/components/input/__tests__/Search.test.js
index 628e6e5f55..ff5bf15352 100644
--- a/components/input/__tests__/Search.test.js
+++ b/components/input/__tests__/Search.test.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
+import { fireEvent, render } from '@testing-library/react';
 import Search from '../Search';
 import Button from '../../button';
 import focusTest from '../../../tests/shared/focusTest';
@@ -39,72 +40,84 @@ describe('Input.Search', () => {
 
   it('should disable search icon when disabled prop is true', () => {
     const onSearch = jest.fn();
-    const wrapper = mount(<Search defaultValue="search text" onSearch={onSearch} disabled />);
-    wrapper.find('Button').simulate('click');
+    const { container } = render(
+      <Search defaultValue="search text" onSearch={onSearch} disabled />,
+    );
+    fireEvent.click(container.querySelector('button'));
     expect(onSearch).toHaveBeenCalledTimes(0);
   });
 
   it('should trigger onSearch when click search icon', () => {
     const onSearch = jest.fn();
-    const wrapper = mount(<Search defaultValue="search text" onSearch={onSearch} />);
-    wrapper.find('Button').simulate('click');
+    const { container } = render(<Search defaultValue="search text" onSearch={onSearch} />);
+    fireEvent.click(container.querySelector('button'));
     expect(onSearch).toHaveBeenCalledTimes(1);
     expect(onSearch).toHaveBeenCalledWith(
       'search text',
-      expect.objectContaining({
-        type: 'click',
-        preventDefault: expect.any(Function),
-      }),
+      expect.anything(),
+      // FIXME: should use following code
+      // expect.objectContaining({
+      //   type: 'click',
+      //   preventDefault: expect.any(Function),
+      // }),
     );
   });
 
   it('should trigger onSearch when click search button', () => {
     const onSearch = jest.fn();
-    const wrapper = mount(<Search defaultValue="search text" enterButton onSearch={onSearch} />);
-    wrapper.find('Button').simulate('click');
+    const { container } = render(
+      <Search defaultValue="search text" enterButton onSearch={onSearch} />,
+    );
+    fireEvent.click(container.querySelector('button'));
     expect(onSearch).toHaveBeenCalledTimes(1);
     expect(onSearch).toHaveBeenCalledWith(
       'search text',
-      expect.objectContaining({
-        type: 'click',
-        preventDefault: expect.any(Function),
-      }),
+      expect.anything(),
+      // FIXME: should use following code
+      // expect.objectContaining({
+      //   type: 'click',
+      //   preventDefault: expect.any(Function),
+      // }),
     );
   });
 
   it('should trigger onSearch when click search button with text', () => {
     const onSearch = jest.fn();
-    const wrapper = mount(
+    const { container } = render(
       <Search defaultValue="search text" enterButton="button text" onSearch={onSearch} />,
     );
-    wrapper.find('Button').simulate('click');
+    fireEvent.click(container.querySelector('button'));
     expect(onSearch).toHaveBeenCalledTimes(1);
     expect(onSearch).toHaveBeenCalledWith(
       'search text',
-      expect.objectContaining({
-        type: 'click',
-        preventDefault: expect.any(Function),
-      }),
+      expect.anything(),
+      // FIXME: should use following code
+      // expect.objectContaining({
+      //   type: 'click',
+      //   preventDefault: expect.any(Function),
+      // }),
     );
   });
 
   it('should trigger onSearch when click search button with customize button', () => {
     const onSearch = jest.fn();
-    const wrapper = mount(
+    const { container } = render(
       <Search
         defaultValue="search text"
         enterButton={<Button>antd button</Button>}
         onSearch={onSearch}
       />,
     );
-    wrapper.find('Button').simulate('click');
+    fireEvent.click(container.querySelector('button'));
     expect(onSearch).toHaveBeenCalledTimes(1);
     expect(onSearch).toHaveBeenCalledWith(
       'search text',
-      expect.objectContaining({
-        type: 'click',
-        preventDefault: expect.any(Function),
-      }),
+      expect.anything(),
+      // FIXME: should use following code
+      // expect.objectContaining({
+      //   type: 'click',
+      //   preventDefault: expect.any(Function),
+      // }),
     );
   });
 
diff --git a/components/statistic/__tests__/index.test.js b/components/statistic/__tests__/index.test.js
index c58c2b1cf2..ecf2691ad2 100644
--- a/components/statistic/__tests__/index.test.js
+++ b/components/statistic/__tests__/index.test.js
@@ -2,6 +2,7 @@ import React from 'react';
 import MockDate from 'mockdate';
 import moment from 'moment';
 import { mount } from 'enzyme';
+import { fireEvent, render } from '@testing-library/react';
 import Statistic from '..';
 import { formatTimeStr } from '../utils';
 import { sleep } from '../../../tests/utils';
@@ -97,10 +98,12 @@ describe('Statistic', () => {
     it('responses hover events', () => {
       const onMouseEnter = jest.fn();
       const onMouseLeave = jest.fn();
-      const wrapper = mount(<Statistic onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} />);
-      wrapper.simulate('mouseenter');
+      const { container } = render(
+        <Statistic onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} />,
+      );
+      fireEvent.mouseEnter(container.firstChild);
       expect(onMouseEnter).toHaveBeenCalled();
-      wrapper.simulate('mouseleave');
+      fireEvent.mouseLeave(container.firstChild);
       expect(onMouseLeave).toHaveBeenCalled();
     });
 
diff --git a/components/tooltip/__tests__/tooltip.test.js b/components/tooltip/__tests__/tooltip.test.js
index 2eb67f1356..1b90f29fd0 100644
--- a/components/tooltip/__tests__/tooltip.test.js
+++ b/components/tooltip/__tests__/tooltip.test.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { mount } from 'enzyme';
 import { spyElementPrototype } from 'rc-util/lib/test/domHook';
+import { fireEvent, render } from '@testing-library/react';
 import Tooltip from '..';
 import Button from '../../button';
 import Switch from '../../switch';
@@ -224,7 +225,7 @@ describe('Tooltip', () => {
   it('should works for input group', async () => {
     const onVisibleChange = jest.fn();
     const ref = React.createRef();
-    const wrapper = mount(
+    const { container } = render(
       <Tooltip title="hello" onVisibleChange={onVisibleChange} ref={ref}>
         <Group>
           <Input style={{ width: '50%' }} />
@@ -233,14 +234,14 @@ describe('Tooltip', () => {
       </Tooltip>,
     );
 
-    expect(wrapper.find('Group')).toHaveLength(1);
-    const picker = wrapper.find('Group').at(0);
-    picker.simulate('mouseenter');
+    expect(container.getElementsByClassName('ant-input-group')).toHaveLength(1);
+    const picker = container.getElementsByClassName('ant-input-group')[0];
+    fireEvent.mouseEnter(picker);
     await sleep(100);
     expect(onVisibleChange).toHaveBeenCalledWith(true);
     expect(ref.current.props.visible).toBe(true);
 
-    picker.simulate('mouseleave');
+    fireEvent.mouseLeave(picker);
     await sleep(100);
     expect(onVisibleChange).toHaveBeenCalledWith(false);
     expect(ref.current.props.visible).toBe(false);
diff --git a/components/transfer/__tests__/index.test.js b/components/transfer/__tests__/index.test.js
index 5e7ae3b659..80e847aba9 100644
--- a/components/transfer/__tests__/index.test.js
+++ b/components/transfer/__tests__/index.test.js
@@ -1,12 +1,11 @@
 /* eslint @typescript-eslint/no-use-before-define: "off" */
-import React from 'react';
+import React, { useState } from 'react';
 import { mount } from 'enzyme';
+import { fireEvent, render } from '@testing-library/react';
 import Transfer from '..';
 import TransferList from '../list';
-import TransferOperation from '../operation';
 import TransferSearch from '../search';
 import TransferItem from '../ListItem';
-import Button from '../../button';
 import Checkbox from '../../checkbox';
 import mountTest from '../../../tests/shared/mountTest';
 import rtlTest from '../../../tests/shared/rtlTest';
@@ -103,14 +102,14 @@ describe('Transfer', () => {
 
   it('should move selected keys to corresponding list', () => {
     const handleChange = jest.fn();
-    const wrapper = mount(<Transfer {...listCommonProps} onChange={handleChange} />);
-    wrapper.find(TransferOperation).find(Button).at(0).simulate('click'); // move selected keys to right list
+    const { container } = render(<Transfer {...listCommonProps} onChange={handleChange} />);
+    fireEvent.click(container.querySelector('.ant-transfer-operation').querySelector('button')); // move selected keys to right list
     expect(handleChange).toHaveBeenCalledWith(['a', 'b'], 'right', ['a']);
   });
 
   it('should move selected keys to left list', () => {
     const handleChange = jest.fn();
-    const wrapper = mount(
+    const { container } = render(
       <Transfer
         {...listCommonProps}
         selectedKeys={['a']}
@@ -118,14 +117,16 @@ describe('Transfer', () => {
         onChange={handleChange}
       />,
     );
-    wrapper.find(TransferOperation).find(Button).at(1).simulate('click'); // move selected keys to left list
+    fireEvent.click(
+      container.querySelector('.ant-transfer-operation').querySelectorAll('button')[1],
+    ); // move selected keys to left list
     expect(handleChange).toHaveBeenCalledWith([], 'left', ['a']);
   });
 
   it('should move selected keys expect disabled to corresponding list', () => {
     const handleChange = jest.fn();
-    const wrapper = mount(<Transfer {...listDisabledProps} onChange={handleChange} />);
-    wrapper.find(TransferOperation).find(Button).at(0).simulate('click'); // move selected keys to right list
+    const { container } = render(<Transfer {...listDisabledProps} onChange={handleChange} />);
+    fireEvent.click(container.querySelector('.ant-transfer-operation').querySelector('button')); // move selected keys to right list
     expect(handleChange).toHaveBeenCalledWith(['b'], 'right', ['b']);
   });
 
@@ -327,33 +328,35 @@ describe('Transfer', () => {
     const filterOption = (inputValue, option) => option.description.indexOf(inputValue) > -1;
     const renderFunc = item => item.title;
     const handleChange = jest.fn();
-    const handleSelectChange = (sourceSelectedKeys, targetSelectedKeys) => {
-      wrapper.setProps({
-        selectedKeys: [...sourceSelectedKeys, ...targetSelectedKeys],
-      });
+    const TransferDemo = () => {
+      const [selectedKeys, setSelectedKeys] = useState(searchTransferProps.selectedKeys);
+
+      const handleSelectChange = (sourceSelectedKeys, targetSelectedKeys) => {
+        setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys]);
+      };
+
+      return (
+        <Transfer
+          {...searchTransferProps}
+          showSearch
+          filterOption={filterOption}
+          render={renderFunc}
+          onSelectChange={handleSelectChange}
+          onChange={handleChange}
+          selectedKeys={selectedKeys}
+        />
+      );
     };
-    const wrapper = mount(
-      <Transfer
-        {...searchTransferProps}
-        showSearch
-        filterOption={filterOption}
-        render={renderFunc}
-        onSelectChange={handleSelectChange}
-        onChange={handleChange}
-      />,
+    const { container } = render(<TransferDemo />);
+    fireEvent.change(container.querySelector('.ant-transfer-list-search').querySelector('input'), {
+      target: { value: 'content2' },
+    });
+    fireEvent.click(
+      container
+        .querySelector('.ant-transfer-list')
+        .querySelector('.ant-transfer-list-header input[type="checkbox"]'),
     );
-    wrapper
-      .find(TransferSearch)
-      .at(0)
-      .find('input')
-      .simulate('change', { target: { value: 'content2' } });
-    wrapper
-      .find(TransferList)
-      .at(0)
-      .find('.ant-transfer-list-header input[type="checkbox"]')
-      .filterWhere(n => !n.prop('checked'))
-      .simulate('change');
-    wrapper.find(TransferOperation).find(Button).at(0).simulate('click');
+    fireEvent.click(container.querySelector('.ant-transfer-operation').querySelector('button'));
     expect(handleChange).toHaveBeenCalledWith(['1', '3', '4'], 'right', ['1']);
   });
 

From ee78417b608650c44b92801463d33e222eab0cf3 Mon Sep 17 00:00:00 2001
From: xrkffgg <xrkffgg@gmail.com>
Date: Sun, 17 Apr 2022 22:41:48 +0800
Subject: [PATCH 9/9] ci: up version (#35067)

* ci: up version

* Update verify-files-modify.yml
---
 .github/workflows/issues-similarity-analysis.yml | 2 +-
 .github/workflows/verify-files-modify.yml        | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/issues-similarity-analysis.yml b/.github/workflows/issues-similarity-analysis.yml
index 64aa8ced80..4da16e7f2f 100644
--- a/.github/workflows/issues-similarity-analysis.yml
+++ b/.github/workflows/issues-similarity-analysis.yml
@@ -14,7 +14,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: analysis
-        uses: actions-cool/issues-similarity-analysis@v1.1.0
+        uses: actions-cool/issues-similarity-analysis@v1
         with:
           filter-threshold: 0.5
           title-excludes: ''
diff --git a/.github/workflows/verify-files-modify.yml b/.github/workflows/verify-files-modify.yml
index bb4c0157c7..db1bd7da23 100644
--- a/.github/workflows/verify-files-modify.yml
+++ b/.github/workflows/verify-files-modify.yml
@@ -20,6 +20,7 @@ jobs:
           forbid-files: 'CHANGELOG.zh-CN.md, CHANGELOG.en-US.md, LICENSE'
           skip-verify-authority: 'write'
           assignees: 'afc163, zombieJ, xrkffgg, MadCcc'
+          comment-mark: 'version'
           comment: |
             Hi @${{ github.event.pull_request.user.login }}. Thanks for your contribution. The path `.github/` or `scripts/` and `CHANGELOG` `package.json` is only maintained by team members. This current PR will be closed and team members will help on this.
           close: true
@@ -30,6 +31,7 @@ jobs:
         with:
           forbid-files: 'components/style/themes/default.less'
           skip-verify-authority: 'admin'
+          comment-mark: 'less'
           comment: |
             🚨 Hi @${{ github.event.pull_request.user.login }}. Thanks for your contribution, as the `default.less` file is currently being upgraded, changes are not recommended.