diff --git a/.npmignore b/.npmignore
index 74b59e474c..f2f0cd0977 100644
--- a/.npmignore
+++ b/.npmignore
@@ -1 +1,2 @@
 ~*
+dist/report.html
\ No newline at end of file
diff --git a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
index d01290fe28..a32493f62a 100644
--- a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
@@ -250,6 +250,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
                 aria-owns="undefined_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
+                readonly=""
                 role="combobox"
                 style="opacity:0"
                 value=""
@@ -330,6 +331,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
+                  readonly=""
                   role="combobox"
                   style="opacity:0"
                   value=""
@@ -514,6 +516,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
+                  readonly=""
                   role="combobox"
                   style="opacity:0"
                   value=""
@@ -650,6 +653,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
+                  readonly=""
                   role="combobox"
                   style="opacity:0"
                   value=""
@@ -787,6 +791,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
+                  readonly=""
                   role="combobox"
                   style="opacity:0"
                   value=""
diff --git a/components/button/style/mixin.less b/components/button/style/mixin.less
index 29200db1e5..aa0ac3f3c6 100644
--- a/components/button/style/mixin.less
+++ b/components/button/style/mixin.less
@@ -179,11 +179,10 @@
 // --------------------------------------------------
 .btn() {
   position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+  display: inline-block;
   font-weight: @btn-font-weight;
   white-space: nowrap;
+  text-align: center;
   background-image: none;
   border: @btn-border-width @btn-border-style transparent;
   box-shadow: @btn-shadow;
diff --git a/components/calendar/__tests__/__snapshots__/demo.test.js.snap b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
index 9b8217f374..93d54b0633 100644
--- a/components/calendar/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
@@ -24,6 +24,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
@@ -80,6 +81,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
@@ -975,6 +977,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -1031,6 +1034,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -1988,6 +1992,7 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
+                  readonly=""
                   role="combobox"
                   style="opacity:0"
                   value=""
@@ -2049,6 +2054,7 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
+                  readonly=""
                   role="combobox"
                   style="opacity:0"
                   value=""
@@ -2901,6 +2907,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
@@ -2957,6 +2964,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
@@ -4260,6 +4268,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -4316,6 +4325,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
diff --git a/components/calendar/__tests__/__snapshots__/index.test.js.snap b/components/calendar/__tests__/__snapshots__/index.test.js.snap
index a471c845ec..74dd50d29a 100644
--- a/components/calendar/__tests__/__snapshots__/index.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/index.test.js.snap
@@ -25,6 +25,7 @@ exports[`Calendar Calendar should support locale 1`] = `
             autocomplete="off"
             class="ant-select-selection-search-input"
             id="rc_select_TEST_OR_SSR"
+            readonly=""
             role="combobox"
             style="opacity: 0;"
             value=""
@@ -82,6 +83,7 @@ exports[`Calendar Calendar should support locale 1`] = `
             autocomplete="off"
             class="ant-select-selection-search-input"
             id="rc_select_TEST_OR_SSR"
+            readonly=""
             role="combobox"
             style="opacity: 0;"
             value=""
diff --git a/components/carousel/index.tsx b/components/carousel/index.tsx
index 3f695a0b4e..b2535af642 100644
--- a/components/carousel/index.tsx
+++ b/components/carousel/index.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import debounce from 'lodash/debounce';
-import { Settings } from 'react-slick';
+import { Settings } from '@ant-design/react-slick';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 import warning from '../_util/warning';
 
@@ -8,7 +8,7 @@ import warning from '../_util/warning';
 // make sure matchMedia polyfill run before require('react-slick')
 // Fix https://github.com/ant-design/ant-design/issues/6560
 // Fix https://github.com/ant-design/ant-design/issues/3308
-const SlickCarousel = require('react-slick').default;
+const SlickCarousel = require('@ant-design/react-slick').default;
 
 export type CarouselEffect = 'scrollx' | 'fade';
 export type DotPosition = 'top' | 'bottom' | 'left' | 'right';
diff --git a/components/collapse/__tests__/__snapshots__/demo.test.js.snap b/components/collapse/__tests__/__snapshots__/demo.test.js.snap
index 3560eec830..9f1d35c1f6 100644
--- a/components/collapse/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/collapse/__tests__/__snapshots__/demo.test.js.snap
@@ -367,7 +367,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
           focusable="false"
           height="1em"
           style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
-          viewBox="0 0 1024 1024"
+          viewBox="64 64 896 896"
           width="1em"
         >
           <path
@@ -415,7 +415,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
           fill="currentColor"
           focusable="false"
           height="1em"
-          viewBox="0 0 1024 1024"
+          viewBox="64 64 896 896"
           width="1em"
         >
           <path
@@ -448,7 +448,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
           fill="currentColor"
           focusable="false"
           height="1em"
-          viewBox="0 0 1024 1024"
+          viewBox="64 64 896 896"
           width="1em"
         >
           <path
@@ -676,6 +676,7 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index 1c09e7c9b7..5101f90f50 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -1075,6 +1075,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="config-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -1131,6 +1132,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="config-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -2020,6 +2022,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="config-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -2363,6 +2366,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -2419,6 +2423,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -3308,6 +3313,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -3651,6 +3657,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -3707,6 +3714,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -4596,6 +4604,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -8060,6 +8069,7 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="config-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -8203,6 +8213,7 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="config-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -8351,6 +8362,7 @@ exports[`ConfigProvider components Pagination normal 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -8494,6 +8506,7 @@ exports[`ConfigProvider components Pagination normal 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -8642,6 +8655,7 @@ exports[`ConfigProvider components Pagination prefixCls 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -8785,6 +8799,7 @@ exports[`ConfigProvider components Pagination prefixCls 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -10366,6 +10381,7 @@ exports[`ConfigProvider components Select configProvider 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="config-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -10484,6 +10500,7 @@ exports[`ConfigProvider components Select normal 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -10602,6 +10619,7 @@ exports[`ConfigProvider components Select prefixCls 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="prefix-Select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -11286,7 +11304,7 @@ exports[`ConfigProvider components Table configProvider 1`] = `
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
-                                  viewBox="0 0 1024 1024"
+                                  viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
@@ -11306,7 +11324,7 @@ exports[`ConfigProvider components Table configProvider 1`] = `
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
-                                  viewBox="0 0 1024 1024"
+                                  viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
@@ -11622,7 +11640,7 @@ exports[`ConfigProvider components Table normal 1`] = `
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
-                                  viewBox="0 0 1024 1024"
+                                  viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
@@ -11642,7 +11660,7 @@ exports[`ConfigProvider components Table normal 1`] = `
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
-                                  viewBox="0 0 1024 1024"
+                                  viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
@@ -11958,7 +11976,7 @@ exports[`ConfigProvider components Table prefixCls 1`] = `
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
-                                  viewBox="0 0 1024 1024"
+                                  viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
@@ -11978,7 +11996,7 @@ exports[`ConfigProvider components Table prefixCls 1`] = `
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
-                                  viewBox="0 0 1024 1024"
+                                  viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
@@ -18124,6 +18142,7 @@ exports[`ConfigProvider components TreeSelect configProvider 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="config-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -18235,6 +18254,7 @@ exports[`ConfigProvider components TreeSelect normal 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -18346,6 +18366,7 @@ exports[`ConfigProvider components TreeSelect prefixCls 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="prefix-TreeSelect-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
diff --git a/components/empty/__tests__/__snapshots__/demo.test.js.snap b/components/empty/__tests__/__snapshots__/demo.test.js.snap
index 62dd130316..a8ca862e5a 100644
--- a/components/empty/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/empty/__tests__/__snapshots__/demo.test.js.snap
@@ -117,6 +117,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
@@ -175,6 +176,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index fdfe0d494c..2e937796df 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -504,6 +504,7 @@ exports[`renders ./components/form/demo/control-hooks.md correctly 1`] = `
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 id="control-hooks_gender"
+                readonly=""
                 role="combobox"
                 style="opacity:0"
                 value=""
@@ -657,6 +658,7 @@ exports[`renders ./components/form/demo/control-ref.md correctly 1`] = `
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 id="control-ref_gender"
+                readonly=""
                 role="combobox"
                 style="opacity:0"
                 value=""
@@ -788,6 +790,7 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
+                  readonly=""
                   role="combobox"
                   style="opacity:0"
                   value=""
@@ -2275,6 +2278,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
                       autocomplete="off"
                       class="ant-select-selection-search-input"
                       id="register_prefix"
+                      readonly=""
                       role="combobox"
                       style="opacity:0"
                       value=""
@@ -3007,6 +3011,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 id="validate_other_select"
+                readonly=""
                 role="combobox"
                 style="opacity:0"
                 value=""
@@ -3088,6 +3093,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
                 autocomplete="off"
                 class="ant-select-selection-search-input"
                 id="validate_other_select-multiple"
+                readonly=""
                 role="combobox"
                 style="opacity:0"
                 value=""
@@ -4679,6 +4685,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
                 aria-owns="undefined_list"
                 autocomplete="off"
                 class="ant-select-selection-search-input"
+                readonly=""
                 role="combobox"
                 style="opacity:0"
                 value=""
diff --git a/components/input/__tests__/__snapshots__/Password.test.js.snap b/components/input/__tests__/__snapshots__/Password.test.js.snap
index bd89f23b3b..414411a4ba 100644
--- a/components/input/__tests__/__snapshots__/Password.test.js.snap
+++ b/components/input/__tests__/__snapshots__/Password.test.js.snap
@@ -66,7 +66,7 @@ exports[`Input.Password should change type when click 1`] = `
             onClick={[Function]}
             onMouseDown={[Function]}
           >
-            <AntdIcon
+            <ForwardRef(AntdIcon)
               className="ant-input-password-icon"
               icon={
                 Object {
@@ -92,7 +92,7 @@ exports[`Input.Password should change type when click 1`] = `
                     "tag": "svg",
                   },
                   "name": "eye-invisible",
-                  "theme": "outline",
+                  "theme": "outlined",
                 }
               }
               onClick={[Function]}
@@ -132,7 +132,7 @@ exports[`Input.Password should change type when click 1`] = `
                         "tag": "svg",
                       },
                       "name": "eye-invisible",
-                      "theme": "outline",
+                      "theme": "outlined",
                     }
                   }
                 >
@@ -158,7 +158,7 @@ exports[`Input.Password should change type when click 1`] = `
                   </svg>
                 </IconReact>
               </span>
-            </AntdIcon>
+            </ForwardRef(AntdIcon)>
           </EyeInvisibleOutlined>
         </span>
       </span>
@@ -233,7 +233,7 @@ exports[`Input.Password should change type when click 2`] = `
             onClick={[Function]}
             onMouseDown={[Function]}
           >
-            <AntdIcon
+            <ForwardRef(AntdIcon)
               className="ant-input-password-icon"
               icon={
                 Object {
@@ -253,7 +253,7 @@ exports[`Input.Password should change type when click 2`] = `
                     "tag": "svg",
                   },
                   "name": "eye",
-                  "theme": "outline",
+                  "theme": "outlined",
                 }
               }
               onClick={[Function]}
@@ -287,7 +287,7 @@ exports[`Input.Password should change type when click 2`] = `
                         "tag": "svg",
                       },
                       "name": "eye",
-                      "theme": "outline",
+                      "theme": "outlined",
                     }
                   }
                 >
@@ -309,7 +309,7 @@ exports[`Input.Password should change type when click 2`] = `
                   </svg>
                 </IconReact>
               </span>
-            </AntdIcon>
+            </ForwardRef(AntdIcon)>
           </EyeOutlined>
         </span>
       </span>
@@ -384,7 +384,7 @@ exports[`Input.Password should change type when click 3`] = `
             onClick={[Function]}
             onMouseDown={[Function]}
           >
-            <AntdIcon
+            <ForwardRef(AntdIcon)
               className="ant-input-password-icon"
               icon={
                 Object {
@@ -410,7 +410,7 @@ exports[`Input.Password should change type when click 3`] = `
                     "tag": "svg",
                   },
                   "name": "eye-invisible",
-                  "theme": "outline",
+                  "theme": "outlined",
                 }
               }
               onClick={[Function]}
@@ -450,7 +450,7 @@ exports[`Input.Password should change type when click 3`] = `
                         "tag": "svg",
                       },
                       "name": "eye-invisible",
-                      "theme": "outline",
+                      "theme": "outlined",
                     }
                   }
                 >
@@ -476,7 +476,7 @@ exports[`Input.Password should change type when click 3`] = `
                   </svg>
                 </IconReact>
               </span>
-            </AntdIcon>
+            </ForwardRef(AntdIcon)>
           </EyeInvisibleOutlined>
         </span>
       </span>
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index f6d7eea10e..6a15ce5b8a 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -59,6 +59,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
+                  readonly=""
                   role="combobox"
                   style="opacity:0"
                   value=""
@@ -125,6 +126,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
+                  readonly=""
                   role="combobox"
                   style="opacity:0"
                   value=""
@@ -495,6 +497,7 @@ exports[`renders ./components/input/demo/align.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -552,6 +555,7 @@ exports[`renders ./components/input/demo/align.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -609,6 +613,7 @@ exports[`renders ./components/input/demo/align.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -1008,6 +1013,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
@@ -1075,6 +1081,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
@@ -1269,6 +1276,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
@@ -1325,6 +1333,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
@@ -1386,6 +1395,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
@@ -1469,6 +1479,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
@@ -1560,6 +1571,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
diff --git a/components/input/__tests__/__snapshots__/index.test.js.snap b/components/input/__tests__/__snapshots__/index.test.js.snap
index fe12a9f68f..1b3c1ef644 100644
--- a/components/input/__tests__/__snapshots__/index.test.js.snap
+++ b/components/input/__tests__/__snapshots__/index.test.js.snap
@@ -40,7 +40,7 @@ exports[`Input allowClear should change type when click 1`] = `
           onClick={[Function]}
           role="button"
         >
-          <AntdIcon
+          <ForwardRef(AntdIcon)
             className="ant-input-clear-icon"
             icon={
               Object {
@@ -60,7 +60,7 @@ exports[`Input allowClear should change type when click 1`] = `
                   "tag": "svg",
                 },
                 "name": "close-circle",
-                "theme": "fill",
+                "theme": "filled",
               }
             }
             onClick={[Function]}
@@ -93,7 +93,7 @@ exports[`Input allowClear should change type when click 1`] = `
                       "tag": "svg",
                     },
                     "name": "close-circle",
-                    "theme": "fill",
+                    "theme": "filled",
                   }
                 }
               >
@@ -115,7 +115,7 @@ exports[`Input allowClear should change type when click 1`] = `
                 </svg>
               </IconReact>
             </span>
-          </AntdIcon>
+          </ForwardRef(AntdIcon)>
         </CloseCircleFilled>
       </span>
     </span>
@@ -512,7 +512,7 @@ exports[`Input.Search should support suffix 1`] = `
             key="searchIcon"
             onClick={[Function]}
           >
-            <AntdIcon
+            <ForwardRef(AntdIcon)
               className="ant-input-search-icon"
               icon={
                 Object {
@@ -532,7 +532,7 @@ exports[`Input.Search should support suffix 1`] = `
                     "tag": "svg",
                   },
                   "name": "search",
-                  "theme": "outline",
+                  "theme": "outlined",
                 }
               }
               onClick={[Function]}
@@ -564,7 +564,7 @@ exports[`Input.Search should support suffix 1`] = `
                         "tag": "svg",
                       },
                       "name": "search",
-                      "theme": "outline",
+                      "theme": "outlined",
                     }
                   }
                 >
@@ -586,7 +586,7 @@ exports[`Input.Search should support suffix 1`] = `
                   </svg>
                 </IconReact>
               </span>
-            </AntdIcon>
+            </ForwardRef(AntdIcon)>
           </SearchOutlined>
         </span>
       </span>
@@ -643,7 +643,7 @@ exports[`TextArea allowClear should change type when click 1`] = `
         onClick={[Function]}
         role="button"
       >
-        <AntdIcon
+        <ForwardRef(AntdIcon)
           className="ant-input-textarea-clear-icon"
           icon={
             Object {
@@ -663,7 +663,7 @@ exports[`TextArea allowClear should change type when click 1`] = `
                 "tag": "svg",
               },
               "name": "close-circle",
-              "theme": "fill",
+              "theme": "filled",
             }
           }
           onClick={[Function]}
@@ -696,7 +696,7 @@ exports[`TextArea allowClear should change type when click 1`] = `
                     "tag": "svg",
                   },
                   "name": "close-circle",
-                  "theme": "fill",
+                  "theme": "filled",
                 }
               }
             >
@@ -718,7 +718,7 @@ exports[`TextArea allowClear should change type when click 1`] = `
               </svg>
             </IconReact>
           </span>
-        </AntdIcon>
+        </ForwardRef(AntdIcon)>
       </CloseCircleFilled>
     </span>
   </ClearableLabeledInput>
diff --git a/components/list/__tests__/__snapshots__/pagination.test.js.snap b/components/list/__tests__/__snapshots__/pagination.test.js.snap
index 5170e71cc7..557c5e6a89 100644
--- a/components/list/__tests__/__snapshots__/pagination.test.js.snap
+++ b/components/list/__tests__/__snapshots__/pagination.test.js.snap
@@ -212,6 +212,7 @@ exports[`List.pagination should change page size work 1`] = `
             autocomplete="off"
             class="ant-select-selection-search-input"
             id="rc_select_TEST_OR_SSR"
+            readonly=""
             role="combobox"
             style="opacity: 0;"
             value=""
@@ -351,6 +352,7 @@ exports[`List.pagination should change page size work 2`] = `
             autocomplete="off"
             class="ant-select-selection-search-input"
             id="rc_select_TEST_OR_SSR"
+            readonly=""
             role="combobox"
             style="opacity: 0;"
             value=""
@@ -626,6 +628,7 @@ exports[`List.pagination should default work 1`] = `
             autocomplete="off"
             class="ant-select-selection-search-input"
             id="rc_select_TEST_OR_SSR"
+            readonly=""
             role="combobox"
             style="opacity: 0;"
             value=""
diff --git a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
index 13151d22b8..a39601311d 100644
--- a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
@@ -2032,6 +2032,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -2092,6 +2093,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -5736,6 +5738,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -5793,6 +5796,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -7115,6 +7119,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -7175,6 +7180,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -10819,6 +10825,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -10876,6 +10883,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -12198,6 +12206,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -12258,6 +12267,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -15902,6 +15912,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -15959,6 +15970,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -17281,6 +17293,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -17341,6 +17354,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -20985,6 +20999,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -21042,6 +21057,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -22364,6 +22380,7 @@ exports[`Locale Provider should display the text as da 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -22424,6 +22441,7 @@ exports[`Locale Provider should display the text as da 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -26068,6 +26086,7 @@ exports[`Locale Provider should display the text as da 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -26125,6 +26144,7 @@ exports[`Locale Provider should display the text as da 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -27447,6 +27467,7 @@ exports[`Locale Provider should display the text as de 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -27507,6 +27528,7 @@ exports[`Locale Provider should display the text as de 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -31151,6 +31173,7 @@ exports[`Locale Provider should display the text as de 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -31208,6 +31231,7 @@ exports[`Locale Provider should display the text as de 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -32530,6 +32554,7 @@ exports[`Locale Provider should display the text as el 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -32590,6 +32615,7 @@ exports[`Locale Provider should display the text as el 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -36234,6 +36260,7 @@ exports[`Locale Provider should display the text as el 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -36291,6 +36318,7 @@ exports[`Locale Provider should display the text as el 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -37613,6 +37641,7 @@ exports[`Locale Provider should display the text as en 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -37673,6 +37702,7 @@ exports[`Locale Provider should display the text as en 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -41317,6 +41347,7 @@ exports[`Locale Provider should display the text as en 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -41374,6 +41405,7 @@ exports[`Locale Provider should display the text as en 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -42696,6 +42728,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -42756,6 +42789,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -46400,6 +46434,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -46457,6 +46492,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -47779,6 +47815,7 @@ exports[`Locale Provider should display the text as es 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -47839,6 +47876,7 @@ exports[`Locale Provider should display the text as es 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -51483,6 +51521,7 @@ exports[`Locale Provider should display the text as es 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -51540,6 +51579,7 @@ exports[`Locale Provider should display the text as es 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -52862,6 +52902,7 @@ exports[`Locale Provider should display the text as et 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -52922,6 +52963,7 @@ exports[`Locale Provider should display the text as et 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -56566,6 +56608,7 @@ exports[`Locale Provider should display the text as et 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -56623,6 +56666,7 @@ exports[`Locale Provider should display the text as et 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -57945,6 +57989,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -58005,6 +58050,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -61649,6 +61695,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -61706,6 +61753,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -63028,6 +63076,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -63088,6 +63137,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -66732,6 +66782,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -66789,6 +66840,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -68111,6 +68163,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -68171,6 +68224,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -71815,6 +71869,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -71872,6 +71927,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -73194,6 +73250,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -73254,6 +73311,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -76898,6 +76956,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -76955,6 +77014,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -78277,6 +78337,7 @@ exports[`Locale Provider should display the text as he 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -78337,6 +78398,7 @@ exports[`Locale Provider should display the text as he 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -81981,6 +82043,7 @@ exports[`Locale Provider should display the text as he 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -82038,6 +82101,7 @@ exports[`Locale Provider should display the text as he 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -83360,6 +83424,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -83420,6 +83485,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -87064,6 +87130,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -87121,6 +87188,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -88443,6 +88511,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -88503,6 +88572,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -92147,6 +92217,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -92204,6 +92275,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -93526,6 +93598,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -93586,6 +93659,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -97230,6 +97304,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -97287,6 +97362,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -98609,6 +98685,7 @@ exports[`Locale Provider should display the text as hy 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -98669,6 +98746,7 @@ exports[`Locale Provider should display the text as hy 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -102313,6 +102391,7 @@ exports[`Locale Provider should display the text as hy 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -102370,6 +102449,7 @@ exports[`Locale Provider should display the text as hy 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -103692,6 +103772,7 @@ exports[`Locale Provider should display the text as id 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -103752,6 +103833,7 @@ exports[`Locale Provider should display the text as id 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -107396,6 +107478,7 @@ exports[`Locale Provider should display the text as id 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -107453,6 +107536,7 @@ exports[`Locale Provider should display the text as id 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -108775,6 +108859,7 @@ exports[`Locale Provider should display the text as is 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -108835,6 +108920,7 @@ exports[`Locale Provider should display the text as is 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -112479,6 +112565,7 @@ exports[`Locale Provider should display the text as is 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -112536,6 +112623,7 @@ exports[`Locale Provider should display the text as is 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -113858,6 +113946,7 @@ exports[`Locale Provider should display the text as it 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -113918,6 +114007,7 @@ exports[`Locale Provider should display the text as it 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -117562,6 +117652,7 @@ exports[`Locale Provider should display the text as it 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -117619,6 +117710,7 @@ exports[`Locale Provider should display the text as it 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -118941,6 +119033,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -119001,6 +119094,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -122645,6 +122739,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -122702,6 +122797,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -124024,6 +124120,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -124084,6 +124181,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -127728,6 +127826,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -127785,6 +127884,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -129107,6 +129207,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -129167,6 +129268,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -132811,6 +132913,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -132868,6 +132971,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -134190,6 +134294,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -134250,6 +134355,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -137894,6 +138000,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -137951,6 +138058,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -139273,6 +139381,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -139333,6 +139442,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -142977,6 +143087,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -143034,6 +143145,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -144356,6 +144468,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -144416,6 +144529,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -148060,6 +148174,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -148117,6 +148232,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -149439,6 +149555,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -149499,6 +149616,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -153143,6 +153261,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -153200,6 +153319,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -154522,6 +154642,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -154582,6 +154703,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -158226,6 +158348,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -158283,6 +158406,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -159605,6 +159729,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -159665,6 +159790,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -163309,6 +163435,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -163366,6 +163493,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -164688,6 +164816,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -164748,6 +164877,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -168392,6 +168522,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -168449,6 +168580,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -169771,6 +169903,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -169831,6 +169964,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -173475,6 +173609,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -173532,6 +173667,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -174854,6 +174990,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -174914,6 +175051,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -178558,6 +178696,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -178615,6 +178754,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -179937,6 +180077,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -179997,6 +180138,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -183641,6 +183783,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -183698,6 +183841,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -185020,6 +185164,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -185080,6 +185225,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -188724,6 +188870,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -188781,6 +188928,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -190103,6 +190251,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -190163,6 +190312,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -193807,6 +193957,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -193864,6 +194015,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -195186,6 +195338,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -195246,6 +195399,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -198890,6 +199044,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -198947,6 +199102,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -200269,6 +200425,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -200329,6 +200486,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -203973,6 +204131,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -204030,6 +204189,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -205352,6 +205512,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -205412,6 +205573,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -209056,6 +209218,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -209113,6 +209276,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -210435,6 +210599,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -210495,6 +210660,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -214139,6 +214305,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -214196,6 +214363,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -215518,6 +215686,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -215578,6 +215747,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -219222,6 +219392,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -219279,6 +219450,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -220601,6 +220773,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -220661,6 +220834,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -224305,6 +224479,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -224362,6 +224537,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -225684,6 +225860,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -225744,6 +225921,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -229388,6 +229566,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -229445,6 +229624,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -230767,6 +230947,7 @@ exports[`Locale Provider should display the text as th 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -230827,6 +231008,7 @@ exports[`Locale Provider should display the text as th 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -234471,6 +234653,7 @@ exports[`Locale Provider should display the text as th 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -234528,6 +234711,7 @@ exports[`Locale Provider should display the text as th 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -235850,6 +236034,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -235910,6 +236095,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -239554,6 +239740,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -239611,6 +239798,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -240933,6 +241121,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -240993,6 +241182,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -244637,6 +244827,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -244694,6 +244885,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -246016,6 +246208,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -246076,6 +246269,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -249720,6 +249914,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -249777,6 +249972,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -251099,6 +251295,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -251159,6 +251356,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -254803,6 +255001,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -254860,6 +255059,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -256182,6 +256382,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -256242,6 +256443,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           id="rc_select_TEST_OR_SSR"
+          readonly=""
           role="combobox"
           style="opacity: 0;"
           value=""
@@ -259886,6 +260088,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
@@ -259943,6 +260146,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
+              readonly=""
               role="combobox"
               style="opacity: 0;"
               value=""
diff --git a/components/pagination/__tests__/__snapshots__/demo.test.js.snap b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
index ece9c2cbaf..b733c3ff56 100644
--- a/components/pagination/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
@@ -295,6 +295,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -517,6 +518,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               disabled=""
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
@@ -1392,6 +1394,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
+              readonly=""
               role="combobox"
               style="opacity:0"
               value=""
diff --git a/components/select/__tests__/__snapshots__/demo.test.js.snap b/components/select/__tests__/__snapshots__/demo.test.js.snap
index d3f1fa73d5..3307ad3080 100644
--- a/components/select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/select/__tests__/__snapshots__/demo.test.js.snap
@@ -57,6 +57,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -115,6 +116,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           disabled=""
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -172,6 +174,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -229,6 +232,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -374,6 +378,7 @@ exports[`renders ./components/select/demo/big-data.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -424,6 +429,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -481,6 +487,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -542,6 +549,7 @@ exports[`renders ./components/select/demo/custom-dropdown-menu.md correctly 1`]
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -609,6 +617,7 @@ exports[`renders ./components/select/demo/debug.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -703,6 +712,7 @@ exports[`renders ./components/select/demo/debug.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -750,6 +760,7 @@ exports[`renders ./components/select/demo/hide-selected.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -789,6 +800,7 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -922,6 +934,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -956,6 +969,7 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -1053,6 +1067,7 @@ exports[`renders ./components/select/demo/option-label-prop.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -1087,6 +1102,7 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -1147,6 +1163,7 @@ exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -1181,6 +1198,7 @@ exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -1285,6 +1303,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -1416,6 +1435,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -1556,6 +1576,7 @@ exports[`renders ./components/select/demo/suffix.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -1614,6 +1635,7 @@ exports[`renders ./components/select/demo/suffix.md correctly 1`] = `
           autocomplete="off"
           class="ant-select-selection-search-input"
           disabled=""
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
diff --git a/components/select/__tests__/__snapshots__/index.test.js.snap b/components/select/__tests__/__snapshots__/index.test.js.snap
index 0d4f8db7b7..08bdc67ee5 100644
--- a/components/select/__tests__/__snapshots__/index.test.js.snap
+++ b/components/select/__tests__/__snapshots__/index.test.js.snap
@@ -20,6 +20,7 @@ exports[`Select Select Custom Icons should support customized icons 1`] = `
         autocomplete="off"
         class="ant-select-selection-search-input"
         id="rc_select_TEST_OR_SSR"
+        readonly=""
         role="combobox"
         style="opacity: 0;"
         value=""
diff --git a/components/table/__tests__/__snapshots__/Table.sorter.test.js.snap b/components/table/__tests__/__snapshots__/Table.sorter.test.js.snap
index 5a4c7cbff6..4665564b19 100644
--- a/components/table/__tests__/__snapshots__/Table.sorter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.sorter.test.js.snap
@@ -30,7 +30,7 @@ exports[`Table.sorter renders sorter icon correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -50,7 +50,7 @@ exports[`Table.sorter renders sorter icon correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -120,7 +120,7 @@ exports[`Table.sorter should support defaultOrder in Column 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -140,7 +140,7 @@ exports[`Table.sorter should support defaultOrder in Column 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index 4d20673e77..e61d756386 100755
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -60,7 +60,7 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -80,7 +80,7 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -7316,7 +7316,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -7336,7 +7336,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -8121,7 +8121,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
-                                  viewBox="0 0 1024 1024"
+                                  viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
@@ -8192,7 +8192,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -8212,7 +8212,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -8257,7 +8257,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
-                                  viewBox="0 0 1024 1024"
+                                  viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
@@ -8277,7 +8277,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
                                   fill="currentColor"
                                   focusable="false"
                                   height="1em"
-                                  viewBox="0 0 1024 1024"
+                                  viewBox="64 64 896 896"
                                   width="1em"
                                 >
                                   <path
@@ -8868,7 +8868,7 @@ exports[`renders ./components/table/demo/multiple-sorter.md correctly 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -8888,7 +8888,7 @@ exports[`renders ./components/table/demo/multiple-sorter.md correctly 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -8927,7 +8927,7 @@ exports[`renders ./components/table/demo/multiple-sorter.md correctly 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -8947,7 +8947,7 @@ exports[`renders ./components/table/demo/multiple-sorter.md correctly 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -8986,7 +8986,7 @@ exports[`renders ./components/table/demo/multiple-sorter.md correctly 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -9006,7 +9006,7 @@ exports[`renders ./components/table/demo/multiple-sorter.md correctly 1`] = `
                               fill="currentColor"
                               focusable="false"
                               height="1em"
-                              viewBox="0 0 1024 1024"
+                              viewBox="64 64 896 896"
                               width="1em"
                             >
                               <path
@@ -9607,7 +9607,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
                                     fill="currentColor"
                                     focusable="false"
                                     height="1em"
-                                    viewBox="0 0 1024 1024"
+                                    viewBox="64 64 896 896"
                                     width="1em"
                                   >
                                     <path
@@ -9627,7 +9627,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
                                     fill="currentColor"
                                     focusable="false"
                                     height="1em"
-                                    viewBox="0 0 1024 1024"
+                                    viewBox="64 64 896 896"
                                     width="1em"
                                   >
                                     <path
@@ -9698,7 +9698,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
                                 fill="currentColor"
                                 focusable="false"
                                 height="1em"
-                                viewBox="0 0 1024 1024"
+                                viewBox="64 64 896 896"
                                 width="1em"
                               >
                                 <path
@@ -9718,7 +9718,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
                                 fill="currentColor"
                                 focusable="false"
                                 height="1em"
-                                viewBox="0 0 1024 1024"
+                                viewBox="64 64 896 896"
                                 width="1em"
                               >
                                 <path
@@ -9763,7 +9763,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
                                     fill="currentColor"
                                     focusable="false"
                                     height="1em"
-                                    viewBox="0 0 1024 1024"
+                                    viewBox="64 64 896 896"
                                     width="1em"
                                   >
                                     <path
@@ -9783,7 +9783,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
                                     fill="currentColor"
                                     focusable="false"
                                     height="1em"
-                                    viewBox="0 0 1024 1024"
+                                    viewBox="64 64 896 896"
                                     width="1em"
                                   >
                                     <path
diff --git a/components/tabs/__tests__/__snapshots__/demo.test.js.snap b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
index b0d6414d99..dcabe8d9db 100644
--- a/components/tabs/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
@@ -1788,6 +1788,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -1843,6 +1844,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -1898,6 +1900,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -1953,6 +1956,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
           aria-owns="undefined_list"
           autocomplete="off"
           class="ant-select-selection-search-input"
+          readonly=""
           role="combobox"
           style="opacity:0"
           value=""
@@ -2534,6 +2538,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
+            readonly=""
             role="combobox"
             style="opacity:0"
             value=""
diff --git a/components/time-picker/index.tsx b/components/time-picker/index.tsx
index 5410c5469f..abab98d9df 100644
--- a/components/time-picker/index.tsx
+++ b/components/time-picker/index.tsx
@@ -3,6 +3,7 @@ import * as React from 'react';
 import DatePicker from '../date-picker';
 import { PickerTimeProps, RangePickerTimeProps } from '../date-picker/generatePicker';
 import warning from '../_util/warning';
+import { Omit } from '../_util/type';
 
 const { TimePicker: InternalTimePicker, RangePicker: InternalRangePicker } = DatePicker;
 
@@ -12,7 +13,7 @@ const RangePicker = React.forwardRef<any, TimeRangePickerProps>((props, ref) =>
   return <InternalRangePicker {...props} picker="time" mode={undefined} ref={ref} />;
 });
 
-export interface TimePickerProps extends PickerTimeProps<Moment> {
+export interface TimePickerProps extends Omit<PickerTimeProps<Moment>, 'picker'> {
   addon?: () => React.ReactNode;
 }
 
diff --git a/components/transfer/__tests__/__snapshots__/demo.test.js.snap b/components/transfer/__tests__/__snapshots__/demo.test.js.snap
index 233226f331..545e9b5dbf 100644
--- a/components/transfer/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/transfer/__tests__/__snapshots__/demo.test.js.snap
@@ -2934,7 +2934,7 @@ exports[`renders ./components/transfer/demo/tree-transfer.md correctly 1`] = `
                           fill="currentColor"
                           focusable="false"
                           height="1em"
-                          viewBox="0 0 1024 1024"
+                          viewBox="64 64 896 896"
                           width="1em"
                         >
                           <path
diff --git a/components/transfer/__tests__/__snapshots__/index.test.js.snap b/components/transfer/__tests__/__snapshots__/index.test.js.snap
index 91ad89c896..73a69075eb 100644
--- a/components/transfer/__tests__/__snapshots__/index.test.js.snap
+++ b/components/transfer/__tests__/__snapshots__/index.test.js.snap
@@ -714,7 +714,7 @@ exports[`Transfer should support render value and label in item 1`] = `
                 type="button"
               >
                 <RightOutlined>
-                  <AntdIcon
+                  <ForwardRef(AntdIcon)
                     icon={
                       Object {
                         "icon": Object {
@@ -733,7 +733,7 @@ exports[`Transfer should support render value and label in item 1`] = `
                           "tag": "svg",
                         },
                         "name": "right",
-                        "theme": "outline",
+                        "theme": "outlined",
                       }
                     }
                   >
@@ -762,7 +762,7 @@ exports[`Transfer should support render value and label in item 1`] = `
                               "tag": "svg",
                             },
                             "name": "right",
-                            "theme": "outline",
+                            "theme": "outlined",
                           }
                         }
                       >
@@ -784,7 +784,7 @@ exports[`Transfer should support render value and label in item 1`] = `
                         </svg>
                       </IconReact>
                     </span>
-                  </AntdIcon>
+                  </ForwardRef(AntdIcon)>
                 </RightOutlined>
               </button>
             </Wave>
@@ -808,7 +808,7 @@ exports[`Transfer should support render value and label in item 1`] = `
                 type="button"
               >
                 <LeftOutlined>
-                  <AntdIcon
+                  <ForwardRef(AntdIcon)
                     icon={
                       Object {
                         "icon": Object {
@@ -827,7 +827,7 @@ exports[`Transfer should support render value and label in item 1`] = `
                           "tag": "svg",
                         },
                         "name": "left",
-                        "theme": "outline",
+                        "theme": "outlined",
                       }
                     }
                   >
@@ -856,7 +856,7 @@ exports[`Transfer should support render value and label in item 1`] = `
                               "tag": "svg",
                             },
                             "name": "left",
-                            "theme": "outline",
+                            "theme": "outlined",
                           }
                         }
                       >
@@ -878,7 +878,7 @@ exports[`Transfer should support render value and label in item 1`] = `
                         </svg>
                       </IconReact>
                     </span>
-                  </AntdIcon>
+                  </ForwardRef(AntdIcon)>
                 </LeftOutlined>
               </button>
             </Wave>
diff --git a/components/transfer/__tests__/__snapshots__/search.test.js.snap b/components/transfer/__tests__/__snapshots__/search.test.js.snap
index 2b971125fd..ed9fc28531 100644
--- a/components/transfer/__tests__/__snapshots__/search.test.js.snap
+++ b/components/transfer/__tests__/__snapshots__/search.test.js.snap
@@ -45,7 +45,7 @@ exports[`Transfer.Search should show cross icon when input value exists 1`] = `
       className="undefined-action"
     >
       <SearchOutlined>
-        <AntdIcon
+        <ForwardRef(AntdIcon)
           icon={
             Object {
               "icon": Object {
@@ -64,7 +64,7 @@ exports[`Transfer.Search should show cross icon when input value exists 1`] = `
                 "tag": "svg",
               },
               "name": "search",
-              "theme": "outline",
+              "theme": "outlined",
             }
           }
         >
@@ -93,7 +93,7 @@ exports[`Transfer.Search should show cross icon when input value exists 1`] = `
                     "tag": "svg",
                   },
                   "name": "search",
-                  "theme": "outline",
+                  "theme": "outlined",
                 }
               }
             >
@@ -115,7 +115,7 @@ exports[`Transfer.Search should show cross icon when input value exists 1`] = `
               </svg>
             </IconReact>
           </span>
-        </AntdIcon>
+        </ForwardRef(AntdIcon)>
       </SearchOutlined>
     </span>
   </div>
@@ -169,7 +169,7 @@ exports[`Transfer.Search should show cross icon when input value exists 2`] = `
       onClick={[Function]}
     >
       <CloseCircleFilled>
-        <AntdIcon
+        <ForwardRef(AntdIcon)
           icon={
             Object {
               "icon": Object {
@@ -188,7 +188,7 @@ exports[`Transfer.Search should show cross icon when input value exists 2`] = `
                 "tag": "svg",
               },
               "name": "close-circle",
-              "theme": "fill",
+              "theme": "filled",
             }
           }
         >
@@ -217,7 +217,7 @@ exports[`Transfer.Search should show cross icon when input value exists 2`] = `
                     "tag": "svg",
                   },
                   "name": "close-circle",
-                  "theme": "fill",
+                  "theme": "filled",
                 }
               }
             >
@@ -239,7 +239,7 @@ exports[`Transfer.Search should show cross icon when input value exists 2`] = `
               </svg>
             </IconReact>
           </span>
-        </AntdIcon>
+        </ForwardRef(AntdIcon)>
       </CloseCircleFilled>
     </a>
   </div>
diff --git a/components/tree-select/__tests__/__snapshots__/demo.test.js.snap b/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
index fa8b505050..6b5b53f7c4 100644
--- a/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
@@ -19,6 +19,7 @@ exports[`renders ./components/tree-select/demo/async.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -79,6 +80,7 @@ exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -176,6 +178,7 @@ exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -212,6 +215,7 @@ exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -251,6 +255,7 @@ exports[`renders ./components/tree-select/demo/suffix.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
@@ -311,6 +316,7 @@ exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
         aria-owns="undefined_list"
         autocomplete="off"
         class="ant-select-selection-search-input"
+        readonly=""
         role="combobox"
         style="opacity:0"
         value=""
diff --git a/components/tree-select/__tests__/__snapshots__/index.test.js.snap b/components/tree-select/__tests__/__snapshots__/index.test.js.snap
index ada183de6c..472b2857b9 100644
--- a/components/tree-select/__tests__/__snapshots__/index.test.js.snap
+++ b/components/tree-select/__tests__/__snapshots__/index.test.js.snap
@@ -58,6 +58,7 @@ exports[`TreeSelect TreeSelect Custom Icons should support customized icons 1`]
         autocomplete="off"
         class="ant-select-selection-search-input"
         id="rc_select_TEST_OR_SSR"
+        readonly=""
         role="combobox"
         style="opacity: 0;"
         value=""
diff --git a/components/tree/__tests__/__snapshots__/demo.test.js.snap b/components/tree/__tests__/__snapshots__/demo.test.js.snap
index fdb582113e..75ee6836bd 100644
--- a/components/tree/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tree/__tests__/__snapshots__/demo.test.js.snap
@@ -39,7 +39,7 @@ exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -92,7 +92,7 @@ exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -215,7 +215,7 @@ exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -326,7 +326,7 @@ exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -379,7 +379,7 @@ exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -537,7 +537,7 @@ exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -719,7 +719,7 @@ exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1002,7 +1002,7 @@ exports[`renders ./components/tree/demo/directory.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1162,7 +1162,7 @@ exports[`renders ./components/tree/demo/directory.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1349,7 +1349,7 @@ exports[`renders ./components/tree/demo/draggable.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1397,7 +1397,7 @@ exports[`renders ./components/tree/demo/draggable.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1535,7 +1535,7 @@ exports[`renders ./components/tree/demo/draggable.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1602,7 +1602,7 @@ exports[`renders ./components/tree/demo/draggable.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1688,7 +1688,7 @@ exports[`renders ./components/tree/demo/dynamic.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1726,7 +1726,7 @@ exports[`renders ./components/tree/demo/dynamic.md correctly 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -2207,7 +2207,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
                   fill="currentColor"
                   focusable="false"
                   height="1em"
-                  viewBox="0 0 1024 1024"
+                  viewBox="64 64 896 896"
                   width="1em"
                 >
                   <path
@@ -2250,7 +2250,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
                   fill="currentColor"
                   focusable="false"
                   height="1em"
-                  viewBox="0 0 1024 1024"
+                  viewBox="64 64 896 896"
                   width="1em"
                 >
                   <path
diff --git a/components/tree/__tests__/__snapshots__/directory.test.js.snap b/components/tree/__tests__/__snapshots__/directory.test.js.snap
index 45542d2d4f..56e93a589b 100644
--- a/components/tree/__tests__/__snapshots__/directory.test.js.snap
+++ b/components/tree/__tests__/__snapshots__/directory.test.js.snap
@@ -39,7 +39,7 @@ exports[`Directory Tree DirectoryTree should expend all when use treeData and de
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -109,7 +109,7 @@ exports[`Directory Tree DirectoryTree should expend all when use treeData and de
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -250,7 +250,7 @@ exports[`Directory Tree defaultExpandAll 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -410,7 +410,7 @@ exports[`Directory Tree defaultExpandAll 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -597,7 +597,7 @@ exports[`Directory Tree defaultExpandParent 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -659,7 +659,7 @@ exports[`Directory Tree defaultExpandParent 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -749,7 +749,7 @@ exports[`Directory Tree expand click 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -913,7 +913,7 @@ exports[`Directory Tree expand click 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1003,7 +1003,7 @@ exports[`Directory Tree expand click 2`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1065,7 +1065,7 @@ exports[`Directory Tree expand click 2`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1155,7 +1155,7 @@ exports[`Directory Tree expand double click 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1319,7 +1319,7 @@ exports[`Directory Tree expand double click 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1409,7 +1409,7 @@ exports[`Directory Tree expand double click 2`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1471,7 +1471,7 @@ exports[`Directory Tree expand double click 2`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1561,7 +1561,7 @@ exports[`Directory Tree expand with state control click 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1704,7 +1704,7 @@ exports[`Directory Tree expand with state control doubleClick 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1847,7 +1847,7 @@ exports[`Directory Tree expandedKeys update 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -1909,7 +1909,7 @@ exports[`Directory Tree expandedKeys update 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -2100,7 +2100,7 @@ exports[`Directory Tree group select 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -2260,7 +2260,7 @@ exports[`Directory Tree group select 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -2447,7 +2447,7 @@ exports[`Directory Tree group select 2`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -2607,7 +2607,7 @@ exports[`Directory Tree group select 2`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -2794,7 +2794,7 @@ exports[`Directory Tree selectedKeys update 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
@@ -2954,7 +2954,7 @@ exports[`Directory Tree selectedKeys update 1`] = `
                 fill="currentColor"
                 focusable="false"
                 height="1em"
-                viewBox="0 0 1024 1024"
+                viewBox="64 64 896 896"
                 width="1em"
               >
                 <path
diff --git a/package.json b/package.json
index e3f07b3f1a..a1ce2f69b0 100644
--- a/package.json
+++ b/package.json
@@ -90,7 +90,6 @@
   ],
   "dependencies": {
     "@ant-design/icons": "^4.0.0-alpha.14",
-    "@types/react-slick": "^0.23.4",
     "array-tree-filter": "^2.1.0",
     "classnames": "~2.2.6",
     "copy-to-clipboard": "^3.2.0",
@@ -107,17 +106,17 @@
     "rc-dialog": "~7.5.2",
     "rc-drawer": "~3.0.0",
     "rc-dropdown": "~3.0.0-alpha.0",
-    "rc-field-form": "^0.0.0-alpha.17",
+    "rc-field-form": "^0.0.0-alpha.26",
     "rc-input-number": "~4.5.0",
     "rc-mentions": "~1.0.0-alpha.3",
     "rc-menu": "~8.0.0-alpha.7",
     "rc-notification": "~3.3.1",
     "rc-pagination": "~1.20.11",
-    "rc-picker": "^0.0.1-alpha.58",
+    "rc-picker": "^0.0.1-alpha.63",
     "rc-progress": "~2.5.0",
     "rc-rate": "~2.5.0",
     "rc-resize-observer": "^0.1.0",
-    "rc-select": "~10.0.0-alpha.34",
+    "rc-select": "~10.0.0-alpha.36",
     "rc-slider": "~9.0.0-alpha.0",
     "rc-steps": "~3.5.0",
     "rc-switch": "~1.9.0",
@@ -131,7 +130,7 @@
     "rc-upload": "~3.0.0-alpha.0",
     "rc-util": "~4.16.1",
     "rc-virtual-list": "^0.0.0-alpha.25",
-    "react-slick": "~0.25.2",
+    "@ant-design/react-slick": "~0.25.5",
     "resize-observer-polyfill": "^1.5.1",
     "scroll-into-view-if-needed": "^2.2.20",
     "shallowequal": "^1.1.0",
@@ -241,6 +240,7 @@
     "stylelint-declaration-block-no-ignored-properties": "^2.1.0",
     "stylelint-order": "^3.0.0",
     "typescript": "~3.7.2",
+    "webpack-bundle-analyzer": "^3.6.0",
     "xhr-mock": "^2.4.1",
     "xhr2": "^0.2.0",
     "yaml-front-matter": "^4.0.0"
diff --git a/webpack.config.js b/webpack.config.js
index d462151018..cea1f779de 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -4,6 +4,7 @@ const getWebpackConfig = require('@ant-design/tools/lib/getWebpackConfig');
 const PacktrackerPlugin = require('@packtracker/webpack-plugin');
 const IgnoreEmitPlugin = require('ignore-emit-webpack-plugin');
 const darkVars = require('./scripts/dark-vars');
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
 const { webpack } = getWebpackConfig;
 
@@ -39,6 +40,8 @@ if (process.env.RUN_ENV === 'PRODUCTION') {
     ignoreMomentLocale(config);
     externalMoment(config);
     addLocales(config);
+    // Reduce non-minified dist files size
+    config.optimization.usedExports = true;
     // skip codesandbox ci
     if (!process.env.CSB_REPO) {
       // https://docs.packtracker.io/uploading-your-webpack-stats/webpack-plugin
@@ -49,6 +52,10 @@ if (process.env.RUN_ENV === 'PRODUCTION') {
           fail_build: true,
           exclude_assets: name => !['antd.min.js', 'antd.min.css'].includes(name),
         }),
+        new BundleAnalyzerPlugin({
+          analyzerMode: 'static',
+          openAnalyzer: false,
+        }),
       );
     }
   });