From e26eb5f89272452bc3132d05a99176f9be1ab412 Mon Sep 17 00:00:00 2001
From: xrkffgg <xrkffgg@gmail.com>
Date: Sun, 10 May 2020 22:11:09 +0800
Subject: [PATCH 01/19] docs: optimize site of rtl (#23995)

---
 components/avatar/demo/basic.md       | 4 ++++
 components/avatar/demo/type.md        | 4 ++++
 components/date-picker/index.en-US.md | 3 +++
 components/date-picker/index.zh-CN.md | 3 +++
 components/dropdown/demo/placement.md | 5 +++++
 components/icon/demo/basic.md         | 4 ++++
 components/icon/demo/custom.md        | 4 ++++
 components/input-number/demo/size.md  | 4 ++++
 components/select/demo/size.md        | 4 ++++
 components/time-picker/index.en-US.md | 5 ++++-
 components/time-picker/index.zh-CN.md | 5 ++++-
 site/theme/static/icons.less          | 5 +++++
 12 files changed, 48 insertions(+), 2 deletions(-)

diff --git a/components/avatar/demo/basic.md b/components/avatar/demo/basic.md
index 5b5b26cbc6..2b0d5c0576 100644
--- a/components/avatar/demo/basic.md
+++ b/components/avatar/demo/basic.md
@@ -41,4 +41,8 @@ ReactDOM.render(
   margin-top: 16px;
   margin-right: 16px;
 }
+.ant-row-rtl #components-avatar-demo-basic .ant-avatar {
+  margin-right: 0;
+  margin-left: 16px;
+}
 </style>
diff --git a/components/avatar/demo/type.md b/components/avatar/demo/type.md
index 181e1e260e..7df106b094 100644
--- a/components/avatar/demo/type.md
+++ b/components/avatar/demo/type.md
@@ -35,4 +35,8 @@ ReactDOM.render(
   margin-top: 16px;
   margin-right: 16px;
 }
+.ant-row-rtl #components-avatar-demo-type .ant-avatar {
+  margin-right: 0;
+  margin-left: 16px;
+}
 </style>
diff --git a/components/date-picker/index.en-US.md b/components/date-picker/index.en-US.md
index 2bd43ec435..e3db07a027 100644
--- a/components/date-picker/index.en-US.md
+++ b/components/date-picker/index.en-US.md
@@ -162,6 +162,9 @@ Added in `4.1.0`.
 .code-box-demo .ant-picker {
   margin: 0 8px 12px 0;
 }
+.ant-row-rtl .code-box-demo .ant-picker {
+  margin: 0 0 12px 8px;
+}
 </style>
 
 ## FAQ
diff --git a/components/date-picker/index.zh-CN.md b/components/date-picker/index.zh-CN.md
index bf3c0552e4..36ae04d70f 100644
--- a/components/date-picker/index.zh-CN.md
+++ b/components/date-picker/index.zh-CN.md
@@ -164,6 +164,9 @@ import 'moment/locale/zh-cn';
 .code-box-demo .ant-picker {
   margin: 0 8px 12px 0;
 }
+.ant-row-rtl .code-box-demo .ant-picker {
+  margin: 0 0 12px 8px;
+}
 </style>
 
 ## FAQ
diff --git a/components/dropdown/demo/placement.md b/components/dropdown/demo/placement.md
index e3ff10a5f0..fa6f5270ec 100644
--- a/components/dropdown/demo/placement.md
+++ b/components/dropdown/demo/placement.md
@@ -67,4 +67,9 @@ ReactDOM.render(
   margin-right: 8px;
   margin-bottom: 8px;
 }
+.ant-row-rtl #components-dropdown-demo-placement .ant-btn {
+  margin-right: 0;
+  margin-bottom: 8px;
+  margin-left: 8px;
+}
 ```
diff --git a/components/icon/demo/basic.md b/components/icon/demo/basic.md
index 5fc77895d4..af2f66304d 100644
--- a/components/icon/demo/basic.md
+++ b/components/icon/demo/basic.md
@@ -40,4 +40,8 @@ ReactDOM.render(
   margin-right: 6px;
   font-size: 24px;
 }
+.ant-row-rtl .icons-list > .anticon {
+  margin-right: 0;
+  margin-left: 6px;
+}
 </style>
diff --git a/components/icon/demo/custom.md b/components/icon/demo/custom.md
index aaeac57a5f..054ee07763 100644
--- a/components/icon/demo/custom.md
+++ b/components/icon/demo/custom.md
@@ -84,4 +84,8 @@ ReactDOM.render(
 .custom-icons-list > .anticon {
   margin-right: 6px;
 }
+.ant-row-rtl .custom-icons-list > .anticon {
+  margin-right: 0;
+  margin-left: 6px;
+}
 ```
diff --git a/components/input-number/demo/size.md b/components/input-number/demo/size.md
index d5f2a4cf67..301ce9290f 100644
--- a/components/input-number/demo/size.md
+++ b/components/input-number/demo/size.md
@@ -34,4 +34,8 @@ ReactDOM.render(
 .code-box-demo .ant-input-number {
   margin-right: 10px;
 }
+.ant-row-rtl .code-box-demo .ant-input-number {
+  margin-right: 0;
+  margin-left: 10px;
+}
 ```
diff --git a/components/select/demo/size.md b/components/select/demo/size.md
index 99b1514ea1..798c0187bf 100644
--- a/components/select/demo/size.md
+++ b/components/select/demo/size.md
@@ -85,6 +85,10 @@ ReactDOM.render(<SelectSizesDemo />, mountNode);
   margin: 0 8px 10px 0;
 }
 
+.ant-row-rtl .code-box-demo .ant-select {
+  margin: 0 0 10px 8px;
+}
+
 #components-select-demo-search-box .code-box-demo .ant-select {
   margin: 0;
 }
diff --git a/components/time-picker/index.en-US.md b/components/time-picker/index.en-US.md
index 41019e348d..fe38cc5995 100644
--- a/components/time-picker/index.en-US.md
+++ b/components/time-picker/index.en-US.md
@@ -68,7 +68,10 @@ Same props from [RangePicker](/components/date-picker/#RangePicker) of DatePicke
 | -------- | ------------------------ | ------- | ------- | ------- |
 | order    | Order start and end time | boolean | true    | 4.1.0   |
 
-<style>.code-box-demo .ant-picker { margin: 0 8px 12px 0; }</style>
+<style>
+.code-box-demo .ant-picker { margin: 0 8px 12px 0; }
+.ant-row-rtl .code-box-demo .ant-picker { margin: 0 0 12px 8px; }
+</style>
 
 ## FAQ
 
diff --git a/components/time-picker/index.zh-CN.md b/components/time-picker/index.zh-CN.md
index c7ceb9b9a0..dffe7d67b6 100644
--- a/components/time-picker/index.zh-CN.md
+++ b/components/time-picker/index.zh-CN.md
@@ -68,7 +68,10 @@ import moment from 'moment';
 | ----- | -------------------- | ------- | ------ | ----- |
 | order | 始末时间是否自动排序 | boolean | true   | 4.1.0 |
 
-<style>.code-box-demo .ant-picker { margin: 0 8px 12px 0; }</style>
+<style>
+.code-box-demo .ant-picker { margin: 0 8px 12px 0; }
+.ant-row-rtl .code-box-demo .ant-picker { margin: 0 0 12px 8px; }
+</style>
 
 ## FAQ
 
diff --git a/site/theme/static/icons.less b/site/theme/static/icons.less
index f09762d68e..f5d647c703 100644
--- a/site/theme/static/icons.less
+++ b/site/theme/static/icons.less
@@ -1,6 +1,7 @@
 ul.anticons-list {
   margin: 10px 0;
   overflow: hidden;
+  direction: ltr;
   list-style: none;
   li {
     position: relative;
@@ -17,6 +18,10 @@ ul.anticons-list {
     border-radius: 4px;
     cursor: pointer;
     transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
+    .rtl & {
+      margin: 3px 0;
+      padding: 10px 0 0;
+    }
     .anticon {
       margin: 12px 0 8px;
       font-size: 36px;

From e188537c00bd5caf9ceb942cd494b3d8563c5e09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Sun, 10 May 2020 23:53:29 +0800
Subject: [PATCH 02/19] refactor: Dropdown.Button icon prop (#24020)

ref #24017
---
 .../__snapshots__/components.test.js.snap     | 10 ++---
 .../__tests__/__snapshots__/demo.test.js.snap | 44 ++++++++++---------
 .../dropdown-button.test.js.snap              |  4 +-
 components/dropdown/demo/dropdown-button.md   |  2 +-
 components/dropdown/dropdown-button.tsx       |  2 +-
 components/dropdown/style/index.less          |  8 ++--
 6 files changed, 38 insertions(+), 32 deletions(-)

diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index 87994fb460..f95b3741ec 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -11088,7 +11088,7 @@ exports[`ConfigProvider components Dropdown configProvider 1`] = `
     </span>
   </button>
   <button
-    class="config-btn config-dropdown-trigger config-btn-default"
+    class="config-btn config-dropdown-trigger config-btn-default config-btn-icon-only"
     type="button"
   >
     <span
@@ -11128,7 +11128,7 @@ exports[`ConfigProvider components Dropdown configProvider componentSize large 1
     </span>
   </button>
   <button
-    class="config-btn config-dropdown-trigger config-btn-default config-btn-lg"
+    class="config-btn config-dropdown-trigger config-btn-default config-btn-lg config-btn-icon-only"
     type="button"
   >
     <span
@@ -11168,7 +11168,7 @@ exports[`ConfigProvider components Dropdown configProvider componentSize middle
     </span>
   </button>
   <button
-    class="config-btn config-dropdown-trigger config-btn-default"
+    class="config-btn config-dropdown-trigger config-btn-default config-btn-icon-only"
     type="button"
   >
     <span
@@ -11208,7 +11208,7 @@ exports[`ConfigProvider components Dropdown normal 1`] = `
     </span>
   </button>
   <button
-    class="ant-btn ant-dropdown-trigger ant-btn-default"
+    class="ant-btn ant-dropdown-trigger ant-btn-default ant-btn-icon-only"
     type="button"
   >
     <span
@@ -11248,7 +11248,7 @@ exports[`ConfigProvider components Dropdown prefixCls 1`] = `
     </span>
   </button>
   <button
-    class="ant-btn ant-dropdown-trigger ant-btn-default"
+    class="ant-btn ant-dropdown-trigger ant-btn-default ant-btn-icon-only"
     type="button"
   >
     <span
diff --git a/components/dropdown/__tests__/__snapshots__/demo.test.js.snap b/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
index 853f6548f4..d1fee32357 100644
--- a/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
@@ -53,7 +53,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
       </span>
     </button>
     <button
-      class="ant-btn ant-dropdown-trigger ant-btn-default"
+      class="ant-btn ant-dropdown-trigger ant-btn-default ant-btn-icon-only"
       type="button"
     >
       <span
@@ -90,7 +90,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
       </span>
     </button>
     <button
-      class="ant-btn ant-dropdown-trigger ant-btn-default"
+      class="ant-btn ant-dropdown-trigger ant-btn-default ant-btn-icon-only"
       type="button"
     >
       <span
@@ -128,7 +128,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
       </span>
     </button>
     <button
-      class="ant-btn ant-dropdown-trigger ant-btn-default"
+      class="ant-btn ant-dropdown-trigger ant-btn-default ant-btn-icon-only"
       disabled=""
       type="button"
     >
@@ -166,28 +166,32 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
       </span>
     </button>
     <button
-      class="ant-btn ant-dropdown-trigger ant-btn-default"
+      class="ant-btn ant-dropdown-trigger ant-btn-default ant-btn-icon-only ant-btn-loading"
       type="button"
     >
       <span
-        aria-label="ellipsis"
-        class="anticon anticon-ellipsis"
-        role="img"
+        class="ant-btn-loading-icon"
       >
-        <svg
-          aria-hidden="true"
-          class=""
-          data-icon="ellipsis"
-          fill="currentColor"
-          focusable="false"
-          height="1em"
-          viewBox="64 64 896 896"
-          width="1em"
+        <span
+          aria-label="loading"
+          class="anticon anticon-loading"
+          role="img"
         >
-          <path
-            d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
-          />
-        </svg>
+          <svg
+            aria-hidden="true"
+            class="anticon-spin"
+            data-icon="loading"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="0 0 1024 1024"
+            width="1em"
+          >
+            <path
+              d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+            />
+          </svg>
+        </span>
       </span>
     </button>
   </div>
diff --git a/components/dropdown/__tests__/__snapshots__/dropdown-button.test.js.snap b/components/dropdown/__tests__/__snapshots__/dropdown-button.test.js.snap
index 0b40271d9c..fc5ef40c13 100644
--- a/components/dropdown/__tests__/__snapshots__/dropdown-button.test.js.snap
+++ b/components/dropdown/__tests__/__snapshots__/dropdown-button.test.js.snap
@@ -15,7 +15,7 @@ exports[`DropdownButton rtl render component should be rendered correctly in RTL
     type="button"
   />
   <button
-    class="ant-btn ant-dropdown-trigger ant-dropdown-rtl ant-btn-default ant-btn-rtl"
+    class="ant-btn ant-dropdown-trigger ant-dropdown-rtl ant-btn-default ant-btn-icon-only ant-btn-rtl"
     type="button"
   >
     <span
@@ -51,7 +51,7 @@ exports[`DropdownButton should support href like Button 1`] = `
     href="https://ant.design"
   />
   <button
-    class="ant-btn ant-dropdown-trigger ant-btn-default"
+    class="ant-btn ant-dropdown-trigger ant-btn-default ant-btn-icon-only"
     type="button"
   >
     <span
diff --git a/components/dropdown/demo/dropdown-button.md b/components/dropdown/demo/dropdown-button.md
index 052f2b8617..35016571c2 100644
--- a/components/dropdown/demo/dropdown-button.md
+++ b/components/dropdown/demo/dropdown-button.md
@@ -58,7 +58,7 @@ ReactDOM.render(
         <Tooltip title="tooltip" key="leftButton">
           {leftButton}
         </Tooltip>,
-        rightButton,
+        React.cloneElement(rightButton, { loading: true }),
       ]}
     >
       With Tooltip
diff --git a/components/dropdown/dropdown-button.tsx b/components/dropdown/dropdown-button.tsx
index bca800ae4a..9f8aafef07 100644
--- a/components/dropdown/dropdown-button.tsx
+++ b/components/dropdown/dropdown-button.tsx
@@ -87,7 +87,7 @@ export default class DropdownButton extends React.Component<DropdownButtonProps,
       </Button>
     );
 
-    const rightButton = <Button type={type}>{icon}</Button>;
+    const rightButton = <Button type={type} icon={icon} />;
 
     const [leftButtonToRender, rightButtonToRender] = buttonsRender!([leftButton, rightButton]);
 
diff --git a/components/dropdown/style/index.less b/components/dropdown/style/index.less
index 182d038ce4..1843be9bb5 100644
--- a/components/dropdown/style/index.less
+++ b/components/dropdown/style/index.less
@@ -99,8 +99,8 @@
       cursor: pointer;
       transition: all 0.3s;
 
-      > .anticon:first-child,
-      > span > .anticon:first-child {
+      > .@{iconfont-css-prefix}:first-child,
+      > span > .@{iconfont-css-prefix}:first-child {
         min-width: 12px;
         margin-right: 8px;
         font-size: @font-size-sm;
@@ -250,10 +250,12 @@
 .@{dropdown-prefix-cls}-button {
   white-space: nowrap;
 
-  &.@{ant-prefix}-btn-group > .@{ant-prefix}-btn:last-child:not(:first-child) {
+  &.@{ant-prefix}-btn-group
+    > .@{ant-prefix}-btn:last-child:not(:first-child):not(.@{ant-prefix}-btn-icon-only) {
     padding-right: @padding-xs;
     padding-left: @padding-xs;
   }
+
   .@{iconfont-css-prefix}.@{iconfont-css-prefix}-down {
     .iconfont-size-under-12px(10px);
   }

From 04eb91dc8e4ea3cf8312e778dd6fbac2b42b3b75 Mon Sep 17 00:00:00 2001
From: xrkffgg <xrkffgg@gmail.com>
Date: Mon, 11 May 2020 12:02:24 +0800
Subject: [PATCH 03/19] style: fix datepicker panel style (#24028)

---
 components/date-picker/style/index.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/date-picker/style/index.less b/components/date-picker/style/index.less
index 7b17481973..db55fe8df7 100644
--- a/components/date-picker/style/index.less
+++ b/components/date-picker/style/index.less
@@ -293,6 +293,7 @@
     .@{picker-prefix-cls}-panels {
       display: inline-flex;
       flex-wrap: nowrap;
+      direction: ltr;
     }
 
     .@{picker-prefix-cls}-panel {

From 626f9185977e1a5953e9e7c070f48a20967a7142 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 11 May 2020 14:02:23 +0800
Subject: [PATCH 04/19] :wastebasket: remove checkbox PropTypes

---
 components/checkbox/Group.tsx | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/components/checkbox/Group.tsx b/components/checkbox/Group.tsx
index 1c6f4889c0..99e0071df3 100644
--- a/components/checkbox/Group.tsx
+++ b/components/checkbox/Group.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
 import classNames from 'classnames';
 import omit from 'omit.js';
 import Checkbox, { CheckboxChangeEvent } from './Checkbox';
@@ -48,13 +47,6 @@ class CheckboxGroup extends React.PureComponent<CheckboxGroupProps, CheckboxGrou
     options: [],
   };
 
-  static propTypes = {
-    defaultValue: PropTypes.array,
-    value: PropTypes.array,
-    options: PropTypes.array.isRequired,
-    onChange: PropTypes.func,
-  };
-
   static getDerivedStateFromProps(nextProps: CheckboxGroupProps) {
     if ('value' in nextProps) {
       return {

From 313f2df63213c68e774415a6fc85b7488fe0dc4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BF=A1=E9=91=AB-King?= <chaolin.jcl@alibaba-inc.com>
Date: Mon, 11 May 2020 16:58:42 +0800
Subject: [PATCH 05/19] docs: changelog 4.2.1 (#24025)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* docs: changelog 4.2.1

* docs: changelog

* docs: changelog

* docs: changelog

* docs: changelog

* chore: datepicker rtl

* chore: classification

* chore: size

* chore: locale

* Update CHANGELOG.zh-CN.md

Co-authored-by: 偏右 <afc163@gmail.com>

* docs: changelog

* chore: add version

Co-authored-by: 偏右 <afc163@gmail.com>
---
 CHANGELOG.en-US.md | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 CHANGELOG.zh-CN.md | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 package.json       |  2 +-
 3 files changed, 93 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 107603e7a7..cd3ea66add 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -15,6 +15,52 @@ timeline: true
 
 ---
 
+## 4.2.1
+
+`2020-05-11`
+
+- Form
+  - 🐞 Fix Form.Item get React warning for `getValueProps`. [#23875](https://github.com/ant-design/ant-design/pull/23875)
+  - 🐞 Fix Form.Item `help` style issue when `validateStatus` is not `error`. [#23945](https://github.com/ant-design/ant-design/pull/23945)
+- Table
+  - 🐞 Fix selection column width issue when fix header. [#23806](https://github.com/ant-design/ant-design/pull/23806)
+  - 💄 Adjust selection column css selector priority to enable customize width. [#23914](https://github.com/ant-design/ant-design/pull/23914)
+- DatePicker
+  - 🐞 Fix miss placeholder when `placeholder` is `undefined`. [#23818](https://github.com/ant-design/ant-design/pull/23818)
+  - 🐞 Fix clear icon color style. [#23811](https://github.com/ant-design/ant-design/pull/23811)
+- Switch
+  - 🐞 Fix loading style for the dark theme. [#23766](https://github.com/ant-design/ant-design/pull/23766) [@vsn4ik](https://github.com/vsn4ik)
+  - 🐞 Fix `unCheckedChildren` not showing. [#23791](https://github.com/ant-design/ant-design/pull/23791)
+- 🐞 Fix Upload error message location to scroll in the float layer. [#24001](https://github.com/ant-design/ant-design/pull/24001) [@mraiguo](https://github.com/mraiguo)
+- 💄 Tweak Comment render unnecessary div style when `avatar` is empty. [#23994](https://github.com/ant-design/ant-design/pull/23994) [@Xuhao](https://github.com/Xuhao)
+- 🐞 Fix Select `focus` border style in Input.Group. [#23985](https://github.com/ant-design/ant-design/pull/23985)
+- 🐞 Fix Steps `subTitle` showing `[object Object]` title. [#23989](https://github.com/ant-design/ant-design/pull/23989)
+- 💄 Tweak Select close icon position. [#23963](https://github.com/ant-design/ant-design/pull/23963)
+- 🐞 Fix Drawer `width="50%"` hidden problem when no mask. [#23925](https://github.com/ant-design/ant-design/pull/23925)
+- 🐞 Fix Textarea with `allowClear` has error height style. [#23835](https://github.com/ant-design/ant-design/pull/23835)
+- 💄 Adjust Modal.xxx function async to avoid block React events. [#23826](https://github.com/ant-design/ant-design/pull/23826)
+- 🐞 Fix Menu with controlled `openKeys` abnormal behavior when `inlineCollapsed` changed. [#23822](https://github.com/ant-design/ant-design/pull/23822)
+- 🐞 Fix Button `loading` animation. [#23783](https://github.com/ant-design/ant-design/pull/23783)
+- 🐞 Fix Slider `marks` selected problem when dragging. [#23773](https://github.com/ant-design/ant-design/pull/23773)
+- 🛠 Timeline refactors with React Hooks. [#23631](https://github.com/ant-design/ant-design/pull/23631) [@hengkx](https://github.com/hengkx)
+- 🌎 Localization
+  - 🌐 Add Farsi `fa_IR` default locale template localisations. [#23926](https://github.com/ant-design/ant-design/pull/23926) [@NarimanMov](https://github.com/NarimanMov)
+  - 🌐 Add default `en` default locale template localisations for Form. [#23859](https://github.com/ant-design/ant-design/pull/23859) [@mjfwebb](https://github.com/mjfwebb)
+- 📦 Reduce bundle size
+  - 🗑 Reduce bundle size via removing `react-lifecycles-compat`. [#23969](https://github.com/ant-design/ant-design/pull/23969)
+  - 🛠 Reduce bundle size via excluding `package.json` from source code. [#23957](https://github.com/ant-design/ant-design/pull/23957)
+  - 🛠 Upgrade `rc-animate` to 3.x to reduce bundle size. [#23937](https://github.com/ant-design/ant-design/pull/23937)
+- RTL
+  - 🐞 Fix Input clear icon style in RTL. [#23999](https://github.com/ant-design/ant-design/pull/23999)
+  - 🐞 Fix DatePicker panel style in RTL. [#24028](https://github.com/ant-design/ant-design/pull/24028) [@xrkffgg](https://github.com/xrkffgg)
+  - 💄 Optimize DatePicker active bar style in `RTL`. [#23981](https://github.com/ant-design/ant-design/pull/23981)
+  - 🐞 Fix Transfer search padding style in `RTL`. [#23962](https://github.com/ant-design/ant-design/pull/23962)
+  - 💄 Optimize Layout style of RTL. [#23921](https://github.com/ant-design/ant-design/pull/23921)
+  - 💄 Optimize Button `loading` style in RT. [#23776](https://github.com/ant-design/ant-design/pull/23776)
+  - 💄 Optimize Input.Search style in RTL. [#23797](https://github.com/ant-design/ant-design/pull/23797)
+- TypeScript
+  - 🐞 Fix InputNumber `onChange` type. [#23871](https://github.com/ant-design/ant-design/pull/23871) [@jjhbw](https://github.com/jjhbw)
+
 ## 4.2.0
 
 `2020-04-29`
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index 2cde08a8fe..bd47660cc7 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -15,6 +15,52 @@ timeline: true
 
 ---
 
+## 4.2.1
+
+`2020-05-11`
+
+- Form
+  - 🐞 修复 Form.Item 使用 `getValueProps` React 会报警的问题。[#23875](https://github.com/ant-design/ant-design/pull/23875)
+  - 🐞 修复 Form.Item `help` 在 `validateStatus` 不是 `error` 时的样式问题。[#23945](https://github.com/ant-design/ant-design/pull/23945)
+- Table
+  - 🐞 修复 Table 固定表头时选择列的宽度问题。[#23806](https://github.com/ant-design/ant-design/pull/23806)
+  - 💄 调整 Table 选择列 css 选择器优先级以支持自定义宽度。[#23914](https://github.com/ant-design/ant-design/pull/23914)
+- DatePicker
+  - 🐞 修复在 `placeholder` 为 `undefined` 时不展示的问题。[#23818](https://github.com/ant-design/ant-design/pull/23818)
+  - 🐞 修复清除图标的颜色。[#23811](https://github.com/ant-design/ant-design/pull/23811)
+- Switch
+  - 🐞 修复暗色主题下的加载样式。[#23766](https://github.com/ant-design/ant-design/pull/23766) [@vsn4ik](https://github.com/vsn4ik)
+  - 🐞 修复 `unCheckedChildren` 不显示的问题。[#23791](https://github.com/ant-design/ant-design/pull/23791)
+- 🐞 修复 Upload 在浮层中错误提示滚动定位问题。[#24001](https://github.com/ant-design/ant-design/pull/24001) [@mraiguo](https://github.com/mraiguo)
+- 💄 调整 Comment 中 `avatar` 为空时不必要的 div 样式[#23994](https://github.com/ant-design/ant-design/pull/23994) [@Xuhao](https://github.com/Xuhao)
+- 🐞 修复 Input.Group 中 Select 选项 `focus` 边框样式[#23985](https://github.com/ant-design/ant-design/pull/23985)
+- 🐞 修复 Steps `subTitle` 上会显示 `[object Object]` 提示的问题。[#23989](https://github.com/ant-design/ant-design/pull/23989)
+- 💄 微调 Select 移除图标的位置。[#23963](https://github.com/ant-design/ant-design/pull/23963)
+- 🐞 修复无遮罩的 Drawer 设置 `50%` 宽度时不显示的问题。[#23925](https://github.com/ant-design/ant-design/pull/23925)
+- 🐞 修复 Textarea 开启 `allowClear` 时高度错误的问题。[#23835](https://github.com/ant-design/ant-design/pull/23835)
+- 💄 调整 Modal.xxx 方法为异步以防止其影响 React 事件响应。[#23826](https://github.com/ant-design/ant-design/pull/23826)
+- 🐞 修复受控模式 Menu `inlineCollapsed` 折叠时的表现。[#23822](https://github.com/ant-design/ant-design/pull/23822)
+- 🐞 修复 Button `loading` 动画切换不平滑的问题。[#23783](https://github.com/ant-design/ant-design/pull/23783)
+- 🐞 修复 Slider 拖拽中选中 `marks` 文本的问题。[#23773](https://github.com/ant-design/ant-design/pull/23773)
+- 🛠 Timeline 使用 React Hooks 重构。[#23631](https://github.com/ant-design/ant-design/pull/23631) [@hengkx](https://github.com/hengkx)
+- 🌎 国际化
+  - 🌐 增加波斯语 `fa_IR` 国际化默认提示模板。[#23926](https://github.com/ant-design/ant-design/pull/23926) [@NarimanMov](https://github.com/NarimanMov)
+  - 🌐 增加 Form `en` 国际化默认提示模板[#23859](https://github.com/ant-design/ant-design/pull/23859) [@mjfwebb](https://github.com/mjfwebb)
+- 📦 包体积优化
+  - 🗑 移除 `react-lifecycles-compat` 依赖以优化包体积。[#23969](https://github.com/ant-design/ant-design/pull/23969)
+  - 🛠 源码中不再引用 `package.json` 从而优化了一点包体积。[#23957](https://github.com/ant-design/ant-design/pull/23957)
+  - 🛠 更新 `rc-animate` 到 3.x 以优化包体积。[#23937](https://github.com/ant-design/ant-design/pull/23937)
+- RTL
+  - 🐞 修复 Input 在 RTL 模式下清空按钮的样式。[#23999](https://github.com/ant-design/ant-design/pull/23999)
+  - 🐞 修复 DatePicker 下拉框在 RTL 模式下样式。[#24028](https://github.com/ant-design/ant-design/pull/24028) [@xrkffgg](https://github.com/xrkffgg)
+  - 💄 优化 DatePick 在 `RTL` 模式下的激活条样式。[#23981](https://github.com/ant-design/ant-design/pull/23981)
+  - 🐞 修复 Transfer 查询框在 `RTL` 模式下的边距样式。[#23962](https://github.com/ant-design/ant-design/pull/23962)
+  - 💄 优化 Layout RTL 样式。[#23921](https://github.com/ant-design/ant-design/pull/23921)
+  - 💄 优化 Button `loading` 状态在 RTL 下样式。[#23776](https://github.com/ant-design/ant-design/pull/23776)
+  - 💄 优化 Input.Search RTL 样式。[#23797](https://github.com/ant-design/ant-design/pull/23797)
+- TypeScript
+  - 🐞 修复 InputNumber `onChange` 类型。[#23871](https://github.com/ant-design/ant-design/pull/23871) [@jjhbw](https://github.com/jjhbw)
+
 ## 4.2.0
 
 `2020-04-29`
diff --git a/package.json b/package.json
index 2255bf416a..ffa6de80e6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "antd",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "description": "An enterprise-class UI design language and React components implementation",
   "keywords": [
     "ant",

From 2ab7c3f18244de38e7de5b637d8b5c8c31820ccb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Mon, 11 May 2020 19:12:04 +0800
Subject: [PATCH 06/19] fix @menu-item-font-size not working (#24052)

close #24051
---
 components/menu/style/index.less     | 6 +++---
 components/modal/Modal.tsx           | 4 ++--
 components/style/themes/compact.less | 2 +-
 components/style/themes/default.less | 8 ++++----
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/menu/style/index.less b/components/menu/style/index.less
index 70e58c6bb7..73d2aa196c 100644
--- a/components/menu/style/index.less
+++ b/components/menu/style/index.less
@@ -10,6 +10,7 @@
   margin-bottom: 0;
   padding-left: 0; // Override default ul/ol
   color: @menu-item-color;
+  font-size: @menu-item-font-size;
   line-height: 0; // Fix display inline-block gap
   list-style: none;
   background: @menu-bg;
@@ -33,7 +34,7 @@
     height: @menu-item-group-height;
     padding: 8px 16px;
     color: @menu-item-group-title-color;
-    font-size: @font-size-base;
+    font-size: @menu-item-group-title-font-size;
     line-height: @menu-item-group-height;
     transition: all 0.3s;
   }
@@ -176,7 +177,7 @@
       background 0.3s @ease-in-out, padding 0.15s @ease-in-out;
     .@{iconfont-css-prefix} {
       min-width: 14px;
-      margin-right: @menu-item-icon-margin-right;
+      margin-right: @menu-icon-margin-right;
       font-size: @menu-icon-size;
       transition: font-size 0.15s @ease-out, margin 0.3s @ease-in-out;
       + span {
@@ -398,7 +399,6 @@
       margin-bottom: @menu-item-vertical-margin;
       padding: 0 16px;
       overflow: hidden;
-      font-size: @menu-item-font-size;
       line-height: @menu-item-height;
       text-overflow: ellipsis;
     }
diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index 7b3a094df3..9adebe5ab0 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -150,7 +150,7 @@ export default class Modal extends React.Component<ModalProps, {}> {
   renderFooter = (locale: ModalLocale) => {
     const { okText, okType, cancelText, confirmLoading } = this.props;
     return (
-      <div>
+      <>
         <Button onClick={this.handleCancel} {...this.props.cancelButtonProps}>
           {cancelText || locale.cancelText}
         </Button>
@@ -162,7 +162,7 @@ export default class Modal extends React.Component<ModalProps, {}> {
         >
           {okText || locale.okText}
         </Button>
-      </div>
+      </>
     );
   };
 
diff --git a/components/style/themes/compact.less b/components/style/themes/compact.less
index bcb0aae596..482efbad31 100644
--- a/components/style/themes/compact.less
+++ b/components/style/themes/compact.less
@@ -59,7 +59,7 @@
 @menu-item-height: 32px;
 @menu-item-vertical-margin: 0px;
 @menu-item-boundary-margin: 0px;
-@menu-item-icon-margin-right: 8px;
+@menu-icon-margin-right: 8px;
 
 // Checkbox
 @checkbox-size: 14px;
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 33f8e3a84d..0c6f53bd51 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -515,15 +515,15 @@
 @menu-item-active-bg: @primary-1;
 @menu-item-active-border-width: 3px;
 @menu-item-group-title-color: @text-color-secondary;
-@menu-icon-size: @font-size-base;
-@menu-icon-size-lg: @font-size-lg;
-
 @menu-item-vertical-margin: 4px;
 @menu-item-font-size: @font-size-base;
 @menu-item-boundary-margin: 8px;
 @menu-item-padding: 0 20px;
 @menu-horizontal-line-height: 46px;
-@menu-item-icon-margin-right: 10px;
+@menu-icon-margin-right: 10px;
+@menu-icon-size: @menu-item-font-size;
+@menu-icon-size-lg: @font-size-lg;
+@menu-item-group-title-font-size: @menu-item-font-size;
 
 // dark theme
 @menu-dark-color: @text-color-secondary-dark;

From 4dccbd8eabc703cb7cee34b6726455da622d8b18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Mon, 11 May 2020 20:08:46 +0800
Subject: [PATCH 07/19] style: add @modal-close-color (#24053)

* :new: Add @modal-close-color

close #24050

* update snapshot

* fix var name
---
 .../__snapshots__/components.test.js.snap     |  170 +-
 components/drawer/style/drawer.less           |    2 +-
 .../__snapshots__/index.test.js.snap          | 1768 ++++++++---------
 .../__snapshots__/Modal.test.js.snap          |   68 +-
 components/modal/style/modal.less             |    2 +-
 components/style/themes/default.less          |    1 +
 6 files changed, 947 insertions(+), 1064 deletions(-)

diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index f95b3741ec..b39289c50a 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -13444,24 +13444,22 @@ exports[`ConfigProvider components Modal configProvider 1`] = `
           <div
             class="config-modal-footer"
           >
-            <div>
-              <button
-                class="config-btn"
-                type="button"
-              >
-                <span>
-                  Cancel
-                </span>
-              </button>
-              <button
-                class="config-btn config-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="config-btn"
+              type="button"
+            >
+              <span>
+                Cancel
+              </span>
+            </button>
+            <button
+              class="config-btn config-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -13539,24 +13537,22 @@ exports[`ConfigProvider components Modal configProvider componentSize large 1`]
           <div
             class="config-modal-footer"
           >
-            <div>
-              <button
-                class="config-btn config-btn-lg"
-                type="button"
-              >
-                <span>
-                  Cancel
-                </span>
-              </button>
-              <button
-                class="config-btn config-btn-primary config-btn-lg"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="config-btn config-btn-lg"
+              type="button"
+            >
+              <span>
+                Cancel
+              </span>
+            </button>
+            <button
+              class="config-btn config-btn-primary config-btn-lg"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -13634,24 +13630,22 @@ exports[`ConfigProvider components Modal configProvider componentSize middle 1`]
           <div
             class="config-modal-footer"
           >
-            <div>
-              <button
-                class="config-btn"
-                type="button"
-              >
-                <span>
-                  Cancel
-                </span>
-              </button>
-              <button
-                class="config-btn config-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="config-btn"
+              type="button"
+            >
+              <span>
+                Cancel
+              </span>
+            </button>
+            <button
+              class="config-btn config-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -13729,24 +13723,22 @@ exports[`ConfigProvider components Modal normal 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Cancel
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Cancel
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -13824,24 +13816,22 @@ exports[`ConfigProvider components Modal prefixCls 1`] = `
           <div
             class="prefix-Modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Cancel
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Cancel
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
diff --git a/components/drawer/style/drawer.less b/components/drawer/style/drawer.less
index 0c477dcca3..0c7900986d 100644
--- a/components/drawer/style/drawer.less
+++ b/components/drawer/style/drawer.less
@@ -168,7 +168,7 @@
     z-index: @zindex-popup-close;
     display: block;
     padding: @drawer-header-close-padding;
-    color: @text-color-secondary;
+    color: @modal-close-color;
     font-weight: 700;
     font-size: @font-size-lg;
     font-style: normal;
diff --git a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
index d7e9d1ce60..8a0c97819b 100644
--- a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
@@ -6816,24 +6816,22 @@ exports[`Locale Provider should display the text as ar 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  إلغاء
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  تأكيد
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                إلغاء
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                تأكيد
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -11797,24 +11795,22 @@ exports[`Locale Provider should display the text as az 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Ləğv et
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  Bəli
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Ləğv et
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                Bəli
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -16778,24 +16774,22 @@ exports[`Locale Provider should display the text as bg 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Отказ
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  Добре
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Отказ
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                Добре
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -21759,24 +21753,22 @@ exports[`Locale Provider should display the text as ca 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Cancel·lar
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Cancel·lar
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -26740,24 +26732,22 @@ exports[`Locale Provider should display the text as cs 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Storno
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  Ok
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Storno
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                Ok
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -31721,24 +31711,22 @@ exports[`Locale Provider should display the text as da 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Afbryd
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Afbryd
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -36702,24 +36690,22 @@ exports[`Locale Provider should display the text as de 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Abbrechen
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Abbrechen
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -41683,24 +41669,22 @@ exports[`Locale Provider should display the text as el 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Άκυρο
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  ΟΚ
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Άκυρο
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                ΟΚ
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -46664,24 +46648,22 @@ exports[`Locale Provider should display the text as en 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Cancel
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Cancel
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -51645,24 +51627,22 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Cancel
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Cancel
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -56626,24 +56606,22 @@ exports[`Locale Provider should display the text as es 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Cancelar
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  Aceptar
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Cancelar
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                Aceptar
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -61607,24 +61585,22 @@ exports[`Locale Provider should display the text as et 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Tühista
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Tühista
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -66588,24 +66564,22 @@ exports[`Locale Provider should display the text as fa 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  لغو
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  تایید
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                لغو
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                تایید
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -71569,24 +71543,22 @@ exports[`Locale Provider should display the text as fi 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Peruuta
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Peruuta
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -76550,24 +76522,22 @@ exports[`Locale Provider should display the text as fr 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Annuler
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Annuler
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -81531,24 +81501,22 @@ exports[`Locale Provider should display the text as fr 2`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Annuler
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Annuler
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -86512,24 +86480,22 @@ exports[`Locale Provider should display the text as he 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  ביטול
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  אישור
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                ביטול
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                אישור
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -91493,24 +91459,22 @@ exports[`Locale Provider should display the text as hi 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  रद्द करना
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  अच्छी तरह से
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                रद्द करना
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                अच्छी तरह से
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -96474,24 +96438,22 @@ exports[`Locale Provider should display the text as hr 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Odustani
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Odustani
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -101455,24 +101417,22 @@ exports[`Locale Provider should display the text as hu 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Visszavonás
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  Alkalmazás
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Visszavonás
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                Alkalmazás
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -106436,24 +106396,22 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Չեղարկել
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  Օկ
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Չեղարկել
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                Օկ
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -111417,24 +111375,22 @@ exports[`Locale Provider should display the text as id 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Batal
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Batal
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -116398,24 +116354,22 @@ exports[`Locale Provider should display the text as is 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Hætta við
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  Áfram
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Hætta við
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                Áfram
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -121379,24 +121333,22 @@ exports[`Locale Provider should display the text as it 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Annulla
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Annulla
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -126360,24 +126312,22 @@ exports[`Locale Provider should display the text as ja 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  キャンセル
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                キャンセル
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -131341,24 +131291,22 @@ exports[`Locale Provider should display the text as kn 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  ರದ್ದು
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  ಸರಿ
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                ರದ್ದು
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                ಸರಿ
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -136322,24 +136270,22 @@ exports[`Locale Provider should display the text as ko 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  취소
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  확인
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                취소
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                확인
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -141303,24 +141249,22 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Betal ke
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  Temam
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Betal ke
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                Temam
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -146284,24 +146228,22 @@ exports[`Locale Provider should display the text as lv 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Atcelt
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Atcelt
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -151265,24 +151207,22 @@ exports[`Locale Provider should display the text as mk 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Откажи
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  ОК
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Откажи
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                ОК
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -156246,24 +156186,22 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Цуцлах
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Цуцлах
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -161227,24 +161165,22 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Batal
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Batal
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -166208,24 +166144,22 @@ exports[`Locale Provider should display the text as nb 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Avbryt
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Avbryt
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -171189,24 +171123,22 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  होईन
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  हो
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                होईन
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                हो
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -176170,24 +176102,22 @@ exports[`Locale Provider should display the text as nl 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Annuleren
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Annuleren
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -181151,24 +181081,22 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Annuleer
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Annuleer
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -186132,24 +186060,22 @@ exports[`Locale Provider should display the text as pl 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Anuluj
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Anuluj
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -191113,24 +191039,22 @@ exports[`Locale Provider should display the text as pt 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Cancelar
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Cancelar
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -196094,24 +196018,22 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Cancelar
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Cancelar
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -201075,24 +200997,22 @@ exports[`Locale Provider should display the text as ro 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Anulare
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Anulare
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -206056,24 +205976,22 @@ exports[`Locale Provider should display the text as ru 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Отмена
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Отмена
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -211037,24 +210955,22 @@ exports[`Locale Provider should display the text as sk 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Zrušiť
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Zrušiť
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -216018,24 +215934,22 @@ exports[`Locale Provider should display the text as sl 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Prekliči
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  V redu
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Prekliči
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                V redu
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -220999,24 +220913,22 @@ exports[`Locale Provider should display the text as sr 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Otkaži
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  U redu
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Otkaži
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                U redu
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -225980,24 +225892,22 @@ exports[`Locale Provider should display the text as sv 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Avbryt
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Avbryt
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -230961,24 +230871,22 @@ exports[`Locale Provider should display the text as ta 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  ரத்து செய்யவும்
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  சரி
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                ரத்து செய்யவும்
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                சரி
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -235942,24 +235850,22 @@ exports[`Locale Provider should display the text as th 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  ยกเลิก
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  ตกลง
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                ยกเลิก
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                ตกลง
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -240923,24 +240829,22 @@ exports[`Locale Provider should display the text as tr 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  İptal
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  Tamam
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                İptal
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                Tamam
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -245904,24 +245808,22 @@ exports[`Locale Provider should display the text as uk 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Скасувати
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  Гаразд
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Скасувати
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                Гаразд
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -250885,24 +250787,22 @@ exports[`Locale Provider should display the text as vi 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  Huỷ
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  OK
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                Huỷ
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -255866,24 +255766,22 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  取 消
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  确 定
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                取 消
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                确 定
+              </span>
+            </button>
           </div>
         </div>
         <div
@@ -260847,24 +260745,22 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
           <div
             class="ant-modal-footer"
           >
-            <div>
-              <button
-                class="ant-btn"
-                type="button"
-              >
-                <span>
-                  取 消
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-primary"
-                type="button"
-              >
-                <span>
-                  確 定
-                </span>
-              </button>
-            </div>
+            <button
+              class="ant-btn"
+              type="button"
+            >
+              <span>
+                取 消
+              </span>
+            </button>
+            <button
+              class="ant-btn ant-btn-primary"
+              type="button"
+            >
+              <span>
+                確 定
+              </span>
+            </button>
           </div>
         </div>
         <div
diff --git a/components/modal/__tests__/__snapshots__/Modal.test.js.snap b/components/modal/__tests__/__snapshots__/Modal.test.js.snap
index 1b2894b64c..5b1b6d3689 100644
--- a/components/modal/__tests__/__snapshots__/Modal.test.js.snap
+++ b/components/modal/__tests__/__snapshots__/Modal.test.js.snap
@@ -66,24 +66,22 @@ exports[`Modal render correctly 1`] = `
               <div
                 class="ant-modal-footer"
               >
-                <div>
-                  <button
-                    class="ant-btn"
-                    type="button"
-                  >
-                    <span>
-                      Cancel
-                    </span>
-                  </button>
-                  <button
-                    class="ant-btn ant-btn-primary"
-                    type="button"
-                  >
-                    <span>
-                      OK
-                    </span>
-                  </button>
-                </div>
+                <button
+                  class="ant-btn"
+                  type="button"
+                >
+                  <span>
+                    Cancel
+                  </span>
+                </button>
+                <button
+                  class="ant-btn ant-btn-primary"
+                  type="button"
+                >
+                  <span>
+                    OK
+                  </span>
+                </button>
               </div>
             </div>
             <div
@@ -222,24 +220,22 @@ exports[`Modal support closeIcon 1`] = `
         <div
           class="ant-modal-footer"
         >
-          <div>
-            <button
-              class="ant-btn"
-              type="button"
-            >
-              <span>
-                Cancel
-              </span>
-            </button>
-            <button
-              class="ant-btn ant-btn-primary"
-              type="button"
-            >
-              <span>
-                OK
-              </span>
-            </button>
-          </div>
+          <button
+            class="ant-btn"
+            type="button"
+          >
+            <span>
+              Cancel
+            </span>
+          </button>
+          <button
+            class="ant-btn ant-btn-primary"
+            type="button"
+          >
+            <span>
+              OK
+            </span>
+          </button>
         </div>
       </div>
       <div
diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less
index ea4b980e57..a3f606bfe1 100644
--- a/components/modal/style/modal.less
+++ b/components/modal/style/modal.less
@@ -48,7 +48,7 @@
     right: 0;
     z-index: @zindex-popup-close;
     padding: 0;
-    color: @text-color-secondary;
+    color: @modal-close-color;
     font-weight: 700;
     line-height: 1;
     text-decoration: none;
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 0c6f53bd51..50de5a8c41 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -486,6 +486,7 @@
 @modal-header-close-size: 56px;
 @modal-content-bg: @component-background;
 @modal-heading-color: @heading-color;
+@modal-close-color: @text-color-secondary;
 @modal-footer-bg: transparent;
 @modal-footer-border-color-split: @border-color-split;
 @modal-footer-padding-vertical: 10px;

From 79289fa7088eb29ac12e02f95593f84811bf34ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Mon, 11 May 2020 21:04:18 +0800
Subject: [PATCH 08/19] fix: `generate-version` not found (#24059)

close #24057
---
 package.json                                           | 10 ++++++----
 .../{generateColorLess.js => generate-color-less.js}   |  0
 2 files changed, 6 insertions(+), 4 deletions(-)
 rename scripts/{generateColorLess.js => generate-color-less.js} (100%)

diff --git a/package.json b/package.json
index ffa6de80e6..6aa198c42c 100644
--- a/package.json
+++ b/package.json
@@ -50,9 +50,12 @@
     "build": "npm run compile && npm run dist",
     "bundlesize": "bundlesize",
     "check-commit": "node ./scripts/check-commit",
+    "prestart": "npm run version",
     "precompile": "npm run version",
     "pretest": "npm run version",
     "predist": "npm run version",
+    "presite": "npm run version",
+    "color-less": "node ./scripts/generate-color-less",
     "compile": "antd-tools run compile",
     "changelog": "node ./scripts/print-changelog",
     "predeploy": "antd-tools run clean && npm run site && cp netlify.toml CNAME _site && cp -r .circleci/ .github/ _site && npm run site:test",
@@ -74,13 +77,12 @@
     "prettier": "prettier -c --write '**/*'",
     "pretty-quick": "pretty-quick",
     "pub": "antd-tools run pub",
-    "postinstall": "npm run version",
     "prepublishOnly": "antd-tools run guard",
-    "site": "cross-env NODE_ICU_DATA=node_modules/full-icu concurrently \"bisheng build --ssr -c ./site/bisheng.config.js\" \"node ./scripts/generateColorLess.js\"",
+    "site": "cross-env NODE_ICU_DATA=node_modules/full-icu concurrently \"bisheng build --ssr -c ./site/bisheng.config.js\" \"npm run color-less\"",
     "sort": "npx sort-package-json",
     "sort-api": "antd-tools run sort-api-table",
-    "start": "rimraf _site && mkdir _site && cross-env NODE_ENV=development concurrently \"node ./scripts/generateColorLess.js\" \"bisheng start -c ./site/bisheng.config.js\"",
-    "start:preact": "node ./scripts/generateColorLess.js && cross-env NODE_ENV=development REACT_ENV=preact bisheng start -c ./site/bisheng.config.js",
+    "start": "antd-tools run clean && cross-env NODE_ENV=development concurrently \"npm run color-less\" \"bisheng start -c ./site/bisheng.config.js\"",
+    "start:preact": "antd-tools run clean && cross-env NODE_ENV=development REACT_ENV=preact concurrently \"npm run color-less\" \"bisheng start -c ./site/bisheng.config.js\"",
     "test": "jest --config .jest.js --no-cache",
     "test:update": "jest --config .jest.js --no-cache --update-snapshot",
     "test-all": "./scripts/test-all.sh",
diff --git a/scripts/generateColorLess.js b/scripts/generate-color-less.js
similarity index 100%
rename from scripts/generateColorLess.js
rename to scripts/generate-color-less.js

From 705a6d63a18326087c8bb6962e41ddf98460bf37 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BF=A1=E9=91=AB-King?= <chaolin.jcl@alibaba-inc.com>
Date: Mon, 11 May 2020 21:56:17 +0800
Subject: [PATCH 09/19] release: 4.2.2 changelog (#24060)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* docs: changelog

* chore: version 4.2.2

* docs: changelog

* Update CHANGELOG.zh-CN.md

Co-authored-by: 偏右 <afc163@gmail.com>

Co-authored-by: 偏右 <afc163@gmail.com>
---
 CHANGELOG.en-US.md | 8 ++++++++
 CHANGELOG.zh-CN.md | 8 ++++++++
 package.json       | 2 +-
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index cd3ea66add..9feb5facbd 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -15,6 +15,14 @@ timeline: true
 
 ---
 
+## 4.2.2
+
+`2020-05-11`
+
+- 🐞 Fix `npm run version` install error. [#24059](https://github.com/ant-design/ant-design/pull/24059)
+- 🐞 Fix Menu `@menu-item-font-size` not working. [#24052](https://github.com/ant-design/ant-design/pull/24052)
+- 💄 Add `@modal-close-color` less variable. [#24053](https://github.com/ant-design/ant-design/pull/24053)
+
 ## 4.2.1
 
 `2020-05-11`
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index bd47660cc7..bcfe08ef36 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -15,6 +15,14 @@ timeline: true
 
 ---
 
+## 4.2.2
+
+`2020-05-11`
+
+- 🐞 修复安装 antd `npm run version` 报错的问题。[#24059](https://github.com/ant-design/ant-design/pull/24059)
+- 🐞 修复 Menu `@menu-item-font-size` 变量失效的问题。[#24052](https://github.com/ant-design/ant-design/pull/24052)
+- 💄 新增 `@modal-close-color` less 变量。[#24053](https://github.com/ant-design/ant-design/pull/24053)
+
 ## 4.2.1
 
 `2020-05-11`
diff --git a/package.json b/package.json
index 6aa198c42c..8928f1f33e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "antd",
-  "version": "4.2.1",
+  "version": "4.2.2",
   "description": "An enterprise-class UI design language and React components implementation",
   "keywords": [
     "ant",

From 40a987e059693d616c03311e83a3511429637b90 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?=
 <smith3816@gmail.com>
Date: Mon, 11 May 2020 23:38:54 +0800
Subject: [PATCH 10/19] chore: Fix pub script (#24063)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8928f1f33e..e2aa5e0932 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "pre-publish": "npm run check-commit && npm run test-all",
     "prettier": "prettier -c --write '**/*'",
     "pretty-quick": "pretty-quick",
-    "pub": "antd-tools run pub",
+    "pub": "npm run version && antd-tools run pub",
     "prepublishOnly": "antd-tools run guard",
     "site": "cross-env NODE_ICU_DATA=node_modules/full-icu concurrently \"bisheng build --ssr -c ./site/bisheng.config.js\" \"npm run color-less\"",
     "sort": "npx sort-package-json",

From 9a6ad0edb902e605e33cb50df88d2d8a27944299 Mon Sep 17 00:00:00 2001
From: Kermit Xuan <kermitlx@outlook.com>
Date: Tue, 12 May 2020 10:34:24 +0800
Subject: [PATCH 11/19] fix(#23019): display defaultValue when no matched
 options (#24058)

---
 components/cascader/__tests__/index.test.js | 209 ++++----------------
 components/cascader/index.tsx               |   8 +-
 2 files changed, 38 insertions(+), 179 deletions(-)

diff --git a/components/cascader/__tests__/index.test.js b/components/cascader/__tests__/index.test.js
index 8e4aab695e..80c562720f 100644
--- a/components/cascader/__tests__/index.test.js
+++ b/components/cascader/__tests__/index.test.js
@@ -53,14 +53,7 @@ describe('Cascader', () => {
 
   it('popup correctly when panel is hidden', () => {
     const wrapper = mount(<Cascader options={options} />);
-    expect(
-      render(
-        wrapper
-          .find('Trigger')
-          .instance()
-          .getComponent(),
-      ),
-    ).toMatchSnapshot();
+    expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
   });
 
   it('popup correctly when panel is open', () => {
@@ -69,14 +62,7 @@ describe('Cascader', () => {
       <Cascader options={options} onPopupVisibleChange={onPopupVisibleChange} />,
     );
     wrapper.find('input').simulate('click');
-    expect(
-      render(
-        wrapper
-          .find('Trigger')
-          .instance()
-          .getComponent(),
-      ),
-    ).toMatchSnapshot();
+    expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
     expect(onPopupVisibleChange).toHaveBeenCalledWith(true);
   });
 
@@ -91,97 +77,44 @@ describe('Cascader', () => {
   it('popup correctly with defaultValue', () => {
     const wrapper = mount(<Cascader options={options} defaultValue={['zhejiang', 'hangzhou']} />);
     wrapper.find('input').simulate('click');
-    expect(
-      render(
-        wrapper
-          .find('Trigger')
-          .instance()
-          .getComponent(),
-      ),
-    ).toMatchSnapshot();
+    expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
   });
 
   it('should support popupVisible', () => {
     const wrapper = mount(<Cascader options={options} defaultValue={['zhejiang', 'hangzhou']} />);
-    expect(
-      wrapper
-        .find('Trigger')
-        .instance()
-        .getComponent().props.visible,
-    ).toBe(false);
+    expect(wrapper.find('Trigger').instance().getComponent().props.visible).toBe(false);
     wrapper.setProps({ popupVisible: true });
-    expect(
-      wrapper
-        .find('Trigger')
-        .instance()
-        .getComponent().props.visible,
-    ).toBe(true);
+    expect(wrapper.find('Trigger').instance().getComponent().props.visible).toBe(true);
   });
 
   it('can be selected', () => {
     const onChange = jest.fn();
     const wrapper = mount(<Cascader options={options} onChange={onChange} />);
     wrapper.find('input').simulate('click');
-    let popupWrapper = mount(
-      wrapper
-        .find('Trigger')
-        .instance()
-        .getComponent(),
-    );
+    let popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
     popupWrapper
       .find('.ant-cascader-menu')
       .at(0)
       .find('.ant-cascader-menu-item')
       .at(0)
       .simulate('click');
-    expect(
-      render(
-        wrapper
-          .find('Trigger')
-          .instance()
-          .getComponent(),
-      ),
-    ).toMatchSnapshot();
-    popupWrapper = mount(
-      wrapper
-        .find('Trigger')
-        .instance()
-        .getComponent(),
-    );
+    expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
+    popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
     popupWrapper
       .find('.ant-cascader-menu')
       .at(1)
       .find('.ant-cascader-menu-item')
       .at(0)
       .simulate('click');
-    expect(
-      render(
-        wrapper
-          .find('Trigger')
-          .instance()
-          .getComponent(),
-      ),
-    ).toMatchSnapshot();
-    popupWrapper = mount(
-      wrapper
-        .find('Trigger')
-        .instance()
-        .getComponent(),
-    );
+    expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
+    popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
     popupWrapper
       .find('.ant-cascader-menu')
       .at(2)
       .find('.ant-cascader-menu-item')
       .at(0)
       .simulate('click');
-    expect(
-      render(
-        wrapper
-          .find('Trigger')
-          .instance()
-          .getComponent(),
-      ),
-    ).toMatchSnapshot();
+    expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
     expect(onChange).toHaveBeenCalledWith(['zhejiang', 'hangzhou', 'xihu'], expect.anything());
   });
 
@@ -199,12 +132,7 @@ describe('Cascader', () => {
     wrapper.find('input').simulate('click');
     wrapper.find('input').simulate('change', { target: { value: 'z' } });
     expect(wrapper.state('inputValue')).toBe('z');
-    const popupWrapper = mount(
-      wrapper
-        .find('Trigger')
-        .instance()
-        .getComponent(),
-    );
+    const popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
     expect(popupWrapper).toMatchSnapshot();
   });
 
@@ -245,12 +173,7 @@ describe('Cascader', () => {
     wrapper.find('input').simulate('click');
     wrapper.find('input').simulate('change', { target: { value: 'z' } });
     expect(wrapper.state('inputValue')).toBe('z');
-    const popupWrapper = mount(
-      wrapper
-        .find('Trigger')
-        .instance()
-        .getComponent(),
-    );
+    const popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
     expect(popupWrapper.render()).toMatchSnapshot();
   });
 
@@ -259,22 +182,14 @@ describe('Cascader', () => {
     wrapper.find('input').simulate('click');
     wrapper.find('input').simulate('change', { target: { value: '__notfoundkeyword__' } });
     expect(wrapper.state('inputValue')).toBe('__notfoundkeyword__');
-    const popupWrapper = mount(
-      wrapper
-        .find('Trigger')
-        .instance()
-        .getComponent(),
-    );
+    const popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
     expect(popupWrapper).toMatchSnapshot();
   });
 
   it('should support to clear selection', () => {
     const wrapper = mount(<Cascader options={options} defaultValue={['zhejiang', 'hangzhou']} />);
     expect(wrapper.find('.ant-cascader-picker-label').text()).toBe('Zhejiang / Hangzhou');
-    wrapper
-      .find('.ant-cascader-picker-clear')
-      .at(0)
-      .simulate('click');
+    wrapper.find('.ant-cascader-picker-clear').at(0).simulate('click');
     expect(wrapper.find('.ant-cascader-picker-label').text()).toBe('');
   });
 
@@ -288,10 +203,7 @@ describe('Cascader', () => {
         onPopupVisibleChange={onPopupVisibleChange}
       />,
     );
-    wrapper
-      .find('.ant-cascader-picker-clear')
-      .at(0)
-      .simulate('click');
+    wrapper.find('.ant-cascader-picker-clear').at(0).simulate('click');
     expect(onPopupVisibleChange).toHaveBeenCalledWith(false);
   });
 
@@ -302,10 +214,7 @@ describe('Cascader', () => {
     wrapper.find('input').simulate('click');
     wrapper.find('input').simulate('change', { target: { value: 'xxx' } });
     expect(wrapper.state('inputValue')).toBe('xxx');
-    wrapper
-      .find('.ant-cascader-picker-clear')
-      .at(0)
-      .simulate('click');
+    wrapper.find('.ant-cascader-picker-clear').at(0).simulate('click');
     expect(wrapper.state('inputValue')).toBe('');
   });
 
@@ -393,24 +302,14 @@ describe('Cascader', () => {
       />,
     );
     wrapper.instance().handleChange(['zhejiang', 'hangzhou', 'xihu'], customerOptions);
-    expect(
-      wrapper
-        .find('.ant-cascader-picker-label')
-        .text()
-        .split('/').length,
-    ).toBe(3);
+    expect(wrapper.find('.ant-cascader-picker-label').text().split('/').length).toBe(3);
   });
 
   it('should show not found content when options.length is 0', () => {
     const customerOptions = [];
     const wrapper = mount(<Cascader options={customerOptions} />);
     wrapper.find('input').simulate('click');
-    const popupWrapper = mount(
-      wrapper
-        .find('Trigger')
-        .instance()
-        .getComponent(),
-    );
+    const popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
     expect(popupWrapper).toMatchSnapshot();
   });
 
@@ -484,12 +383,7 @@ describe('Cascader', () => {
         fieldNames={{ label: 'name', value: 'code', children: 'items' }}
       />,
     );
-    const popupWrapper = mount(
-      wrapper
-        .find('Trigger')
-        .instance()
-        .getComponent(),
-    );
+    const popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
     expect(popupWrapper.render()).toMatchSnapshot();
   });
 
@@ -510,18 +404,9 @@ describe('Cascader', () => {
         <Cascader options={options} defaultValue={['zhejiang', 'hangzhou']} />
       </ConfigProvider>,
     );
-    wrapper
-      .find('Cascader')
-      .find('input')
-      .simulate('click');
+    wrapper.find('Cascader').find('input').simulate('click');
     expect(
-      render(
-        wrapper
-          .find('Cascader')
-          .find('Trigger')
-          .instance()
-          .getComponent(),
-      ),
+      render(wrapper.find('Cascader').find('Trigger').instance().getComponent()),
     ).toMatchSnapshot();
   });
 
@@ -572,17 +457,8 @@ describe('Cascader', () => {
       </ConfigProvider>,
     );
 
-    wrapper
-      .find('Cascader')
-      .find('input')
-      .simulate('click');
-    let popupWrapper = mount(
-      wrapper
-        .find('Cascader')
-        .find('Trigger')
-        .instance()
-        .getComponent(),
-    );
+    wrapper.find('Cascader').find('input').simulate('click');
+    let popupWrapper = mount(wrapper.find('Cascader').find('Trigger').instance().getComponent());
     popupWrapper
       .find('.ant-cascader-menu')
       .at(0)
@@ -590,21 +466,9 @@ describe('Cascader', () => {
       .at(0)
       .simulate('click');
     expect(
-      render(
-        wrapper
-          .find('Cascader')
-          .find('Trigger')
-          .instance()
-          .getComponent(),
-      ),
+      render(wrapper.find('Cascader').find('Trigger').instance().getComponent()),
     ).toMatchSnapshot();
-    popupWrapper = mount(
-      wrapper
-        .find('Cascader')
-        .find('Trigger')
-        .instance()
-        .getComponent(),
-    );
+    popupWrapper = mount(wrapper.find('Cascader').find('Trigger').instance().getComponent());
     popupWrapper
       .find('.ant-cascader-menu')
       .at(1)
@@ -612,21 +476,9 @@ describe('Cascader', () => {
       .at(0)
       .simulate('click');
     expect(
-      render(
-        wrapper
-          .find('Cascader')
-          .find('Trigger')
-          .instance()
-          .getComponent(),
-      ),
+      render(wrapper.find('Cascader').find('Trigger').instance().getComponent()),
     ).toMatchSnapshot();
-    popupWrapper = mount(
-      wrapper
-        .find('Cascader')
-        .find('Trigger')
-        .instance()
-        .getComponent(),
-    );
+    popupWrapper = mount(wrapper.find('Cascader').find('Trigger').instance().getComponent());
     popupWrapper
       .find('.ant-cascader-menu')
       .at(2)
@@ -635,4 +487,9 @@ describe('Cascader', () => {
       .simulate('click');
     expect(onChange).toHaveBeenCalledWith(['zhejiang', 'hangzhou', 'xihu'], expect.anything());
   });
+
+  it('defaultValue works correctly when no match options', () => {
+    const wrapper = mount(<Cascader options={options} defaultValue={['options1', 'options2']} />);
+    expect(wrapper.find('.ant-cascader-picker-label').text()).toBe('options1 / options2');
+  });
 });
diff --git a/components/cascader/index.tsx b/components/cascader/index.tsx
index 8fe32ef987..36cf59d478 100644
--- a/components/cascader/index.tsx
+++ b/components/cascader/index.tsx
@@ -283,7 +283,7 @@ class Cascader extends React.Component<CascaderProps, CascaderState> {
       (o: CascaderOptionType, level: number) => o[names.value] === unwrappedValue[level],
       { childrenKeyName: names.children },
     );
-    const label = selectedOptions.map(o => o[names.label]);
+    const label = selectedOptions.length ? selectedOptions.map(o => o[names.label]) : value;
     return displayRender(label, selectedOptions);
   }
 
@@ -522,8 +522,10 @@ class Cascader extends React.Component<CascaderProps, CascaderState> {
         const names: FilledFieldNamesType = getFilledFieldNames(this.props);
         if (options && options.length > 0) {
           if (state.inputValue) {
-             const filteredOptions = this.generateFilteredOptions(prefixCls, renderEmpty);
-             options = isEqual(filteredOptions, this.cachedOptions) ? this.cachedOptions : filteredOptions;
+            const filteredOptions = this.generateFilteredOptions(prefixCls, renderEmpty);
+            options = isEqual(filteredOptions, this.cachedOptions)
+              ? this.cachedOptions
+              : filteredOptions;
           }
         } else {
           options = [

From ce36d3e2fe1bb0444c57def7d1512a74d4f262a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Tue, 12 May 2020 11:00:47 +0800
Subject: [PATCH 12/19] :up: upgrade react-slick to 0.26.1 (#24067)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e2aa5e0932..268aef0569 100644
--- a/package.json
+++ b/package.json
@@ -105,7 +105,7 @@
   "dependencies": {
     "@ant-design/css-animation": "^1.7.2",
     "@ant-design/icons": "^4.1.0",
-    "@ant-design/react-slick": "~0.25.5",
+    "@ant-design/react-slick": "~0.26.1",
     "array-tree-filter": "^2.1.0",
     "classnames": "~2.2.6",
     "copy-to-clipboard": "^3.2.0",

From fdcbfc909d63766155bd351ee4733c15b6045b22 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 12 May 2020 14:57:05 +0800
Subject: [PATCH 13/19] :white_check_mark: fix snapshot

close #24070
---
 .../__tests__/__snapshots__/demo.test.js.snap |   5 +
 .../__tests__/__snapshots__/demo.test.js.snap |  10 +
 .../__snapshots__/index.test.js.snap          |   4 +
 .../__tests__/__snapshots__/demo.test.js.snap |   1 +
 .../__snapshots__/components.test.js.snap     |  35 +++
 .../__tests__/__snapshots__/demo.test.js.snap |   2 +
 .../__tests__/__snapshots__/demo.test.js.snap |   9 +
 .../__tests__/__snapshots__/demo.test.js.snap |  11 +
 .../__snapshots__/pagination.test.js.snap     |   3 +
 .../__snapshots__/index.test.js.snap          | 208 ++++++++++++++++++
 .../__tests__/__snapshots__/demo.test.js.snap |  10 +
 .../__tests__/__snapshots__/demo.test.js.snap |  25 +++
 .../__snapshots__/index.test.js.snap          |   2 +
 .../__tests__/__snapshots__/demo.test.js.snap |   4 +
 .../__tests__/__snapshots__/demo.test.js.snap |   5 +
 .../__tests__/__snapshots__/demo.test.js.snap |   6 +
 .../__snapshots__/index.test.js.snap          |   3 +
 17 files changed, 343 insertions(+)

diff --git a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
index e22b332f31..ef8e3a3ce5 100644
--- a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
@@ -256,6 +256,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
@@ -341,6 +342,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
                     readonly=""
                     role="combobox"
                     style="opacity:0"
+                    unselectable="on"
                     value=""
                   />
                 </span>
@@ -534,6 +536,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
                     readonly=""
                     role="combobox"
                     style="opacity:0"
+                    unselectable="on"
                     value=""
                   />
                 </span>
@@ -675,6 +678,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
                     readonly=""
                     role="combobox"
                     style="opacity:0"
+                    unselectable="on"
                     value=""
                   />
                 </span>
@@ -817,6 +821,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
                     readonly=""
                     role="combobox"
                     style="opacity:0"
+                    unselectable="on"
                     value=""
                   />
                 </span>
diff --git a/components/calendar/__tests__/__snapshots__/demo.test.js.snap b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
index 590c7d3158..a2d2415930 100644
--- a/components/calendar/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
@@ -27,6 +27,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -84,6 +85,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -968,6 +970,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -1025,6 +1028,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -1971,6 +1975,7 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
@@ -2033,6 +2038,7 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
@@ -2874,6 +2880,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -2931,6 +2938,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -4223,6 +4231,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -4280,6 +4289,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
diff --git a/components/calendar/__tests__/__snapshots__/index.test.js.snap b/components/calendar/__tests__/__snapshots__/index.test.js.snap
index 98a0e1071d..9d18c79f65 100644
--- a/components/calendar/__tests__/__snapshots__/index.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/index.test.js.snap
@@ -28,6 +28,7 @@ exports[`Calendar Calendar should support locale 1`] = `
             readonly=""
             role="combobox"
             style="opacity: 0;"
+            unselectable="on"
             value=""
           />
         </span>
@@ -86,6 +87,7 @@ exports[`Calendar Calendar should support locale 1`] = `
             readonly=""
             role="combobox"
             style="opacity: 0;"
+            unselectable="on"
             value=""
           />
         </span>
@@ -967,6 +969,7 @@ exports[`Calendar rtl render component should be rendered correctly in RTL direc
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -1024,6 +1027,7 @@ exports[`Calendar rtl render component should be rendered correctly in RTL direc
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
diff --git a/components/collapse/__tests__/__snapshots__/demo.test.js.snap b/components/collapse/__tests__/__snapshots__/demo.test.js.snap
index b5d3cbfe11..3a4f935c22 100644
--- a/components/collapse/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/collapse/__tests__/__snapshots__/demo.test.js.snap
@@ -677,6 +677,7 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index b39289c50a..ed80761ebb 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -1788,6 +1788,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -1845,6 +1846,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -2723,6 +2725,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -3067,6 +3070,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize large 1
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -3124,6 +3128,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize large 1
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -4002,6 +4007,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize large 1
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -4346,6 +4352,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize middle
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -4403,6 +4410,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize middle
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -5281,6 +5289,7 @@ exports[`ConfigProvider components Calendar configProvider componentSize middle
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -5625,6 +5634,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -5682,6 +5692,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -6560,6 +6571,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -6904,6 +6916,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -6961,6 +6974,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -7839,6 +7853,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -14060,6 +14075,7 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -14206,6 +14222,7 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -14357,6 +14374,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize large
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -14503,6 +14521,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize large
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -14654,6 +14673,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize middl
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -14800,6 +14820,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize middl
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -14951,6 +14972,7 @@ exports[`ConfigProvider components Pagination normal 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -15097,6 +15119,7 @@ exports[`ConfigProvider components Pagination normal 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -15248,6 +15271,7 @@ exports[`ConfigProvider components Pagination prefixCls 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -15394,6 +15418,7 @@ exports[`ConfigProvider components Pagination prefixCls 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -17952,6 +17977,7 @@ exports[`ConfigProvider components Select configProvider 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -18071,6 +18097,7 @@ exports[`ConfigProvider components Select configProvider componentSize large 1`]
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -18190,6 +18217,7 @@ exports[`ConfigProvider components Select configProvider componentSize middle 1`
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -18309,6 +18337,7 @@ exports[`ConfigProvider components Select normal 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -18428,6 +18457,7 @@ exports[`ConfigProvider components Select prefixCls 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -30497,6 +30527,7 @@ exports[`ConfigProvider components TreeSelect configProvider 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -30609,6 +30640,7 @@ exports[`ConfigProvider components TreeSelect configProvider componentSize large
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -30721,6 +30753,7 @@ exports[`ConfigProvider components TreeSelect configProvider componentSize middl
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -30833,6 +30866,7 @@ exports[`ConfigProvider components TreeSelect normal 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -30945,6 +30979,7 @@ exports[`ConfigProvider components TreeSelect prefixCls 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
diff --git a/components/empty/__tests__/__snapshots__/demo.test.js.snap b/components/empty/__tests__/__snapshots__/demo.test.js.snap
index e183cf1556..4bd2fdf231 100644
--- a/components/empty/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/empty/__tests__/__snapshots__/demo.test.js.snap
@@ -120,6 +120,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -179,6 +180,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index a14e8e87b7..c422927cbd 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -554,6 +554,7 @@ exports[`renders ./components/form/demo/control-hooks.md correctly 1`] = `
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
@@ -720,6 +721,7 @@ exports[`renders ./components/form/demo/control-ref.md correctly 1`] = `
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
@@ -860,6 +862,7 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
                     readonly=""
                     role="combobox"
                     style="opacity:0"
+                    unselectable="on"
                     value=""
                   />
                 </span>
@@ -2480,6 +2483,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
                         readonly=""
                         role="combobox"
                         style="opacity:0"
+                        unselectable="on"
                         value=""
                       />
                     </span>
@@ -2882,6 +2886,7 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
                     readonly=""
                     role="combobox"
                     style="opacity:0"
+                    unselectable="on"
                     value=""
                   />
                 </span>
@@ -2963,6 +2968,7 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
                     readonly=""
                     role="combobox"
                     style="opacity:0"
+                    unselectable="on"
                     value=""
                   />
                 </span>
@@ -3906,6 +3912,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
@@ -3992,6 +3999,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
                 <span
@@ -5737,6 +5745,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 0b6d6ec709..c5d4bb567a 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -61,6 +61,7 @@ Array [
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
@@ -127,6 +128,7 @@ Array [
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
@@ -529,6 +531,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -587,6 +590,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -1122,6 +1126,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -1236,6 +1241,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -1523,6 +1529,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -1580,6 +1587,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -1642,6 +1650,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -1727,6 +1736,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -1819,6 +1829,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
diff --git a/components/list/__tests__/__snapshots__/pagination.test.js.snap b/components/list/__tests__/__snapshots__/pagination.test.js.snap
index c35de07f34..243e57dd7e 100644
--- a/components/list/__tests__/__snapshots__/pagination.test.js.snap
+++ b/components/list/__tests__/__snapshots__/pagination.test.js.snap
@@ -218,6 +218,7 @@ exports[`List.pagination should change page size work 1`] = `
             readonly=""
             role="combobox"
             style="opacity: 0;"
+            unselectable="on"
             value=""
           />
         </span>
@@ -360,6 +361,7 @@ exports[`List.pagination should change page size work 2`] = `
             readonly=""
             role="combobox"
             style="opacity: 0;"
+            unselectable="on"
             value=""
           />
         </span>
@@ -630,6 +632,7 @@ exports[`List.pagination should default work 1`] = `
             readonly=""
             role="combobox"
             style="opacity: 0;"
+            unselectable="on"
             value=""
           />
         </span>
diff --git a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
index 8a0c97819b..692c4eaad6 100644
--- a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
@@ -2003,6 +2003,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -2064,6 +2065,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -5689,6 +5691,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -5747,6 +5750,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -6982,6 +6986,7 @@ exports[`Locale Provider should display the text as az 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -7043,6 +7048,7 @@ exports[`Locale Provider should display the text as az 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -10668,6 +10674,7 @@ exports[`Locale Provider should display the text as az 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -10726,6 +10733,7 @@ exports[`Locale Provider should display the text as az 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -11961,6 +11969,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -12022,6 +12031,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -15647,6 +15657,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -15705,6 +15716,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -16940,6 +16952,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -17001,6 +17014,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -20626,6 +20640,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -20684,6 +20699,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -21919,6 +21935,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -21980,6 +21997,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -25605,6 +25623,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -25663,6 +25682,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -26898,6 +26918,7 @@ exports[`Locale Provider should display the text as da 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -26959,6 +26980,7 @@ exports[`Locale Provider should display the text as da 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -30584,6 +30606,7 @@ exports[`Locale Provider should display the text as da 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -30642,6 +30665,7 @@ exports[`Locale Provider should display the text as da 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -31877,6 +31901,7 @@ exports[`Locale Provider should display the text as de 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -31938,6 +31963,7 @@ exports[`Locale Provider should display the text as de 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -35563,6 +35589,7 @@ exports[`Locale Provider should display the text as de 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -35621,6 +35648,7 @@ exports[`Locale Provider should display the text as de 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -36856,6 +36884,7 @@ exports[`Locale Provider should display the text as el 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -36917,6 +36946,7 @@ exports[`Locale Provider should display the text as el 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -40542,6 +40572,7 @@ exports[`Locale Provider should display the text as el 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -40600,6 +40631,7 @@ exports[`Locale Provider should display the text as el 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -41835,6 +41867,7 @@ exports[`Locale Provider should display the text as en 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -41896,6 +41929,7 @@ exports[`Locale Provider should display the text as en 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -45521,6 +45555,7 @@ exports[`Locale Provider should display the text as en 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -45579,6 +45614,7 @@ exports[`Locale Provider should display the text as en 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -46814,6 +46850,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -46875,6 +46912,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -50500,6 +50538,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -50558,6 +50597,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -51793,6 +51833,7 @@ exports[`Locale Provider should display the text as es 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -51854,6 +51895,7 @@ exports[`Locale Provider should display the text as es 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -55479,6 +55521,7 @@ exports[`Locale Provider should display the text as es 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -55537,6 +55580,7 @@ exports[`Locale Provider should display the text as es 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -56772,6 +56816,7 @@ exports[`Locale Provider should display the text as et 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -56833,6 +56878,7 @@ exports[`Locale Provider should display the text as et 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -60458,6 +60504,7 @@ exports[`Locale Provider should display the text as et 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -60516,6 +60563,7 @@ exports[`Locale Provider should display the text as et 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -61751,6 +61799,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -61812,6 +61861,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -65437,6 +65487,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -65495,6 +65546,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -66730,6 +66782,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -66791,6 +66844,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -70416,6 +70470,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -70474,6 +70529,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -71709,6 +71765,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -71770,6 +71827,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -75395,6 +75453,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -75453,6 +75512,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -76688,6 +76748,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -76749,6 +76810,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -80374,6 +80436,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -80432,6 +80495,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -81667,6 +81731,7 @@ exports[`Locale Provider should display the text as he 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -81728,6 +81793,7 @@ exports[`Locale Provider should display the text as he 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -85353,6 +85419,7 @@ exports[`Locale Provider should display the text as he 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -85411,6 +85478,7 @@ exports[`Locale Provider should display the text as he 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -86646,6 +86714,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -86707,6 +86776,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -90332,6 +90402,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -90390,6 +90461,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -91625,6 +91697,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -91686,6 +91759,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -95311,6 +95385,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -95369,6 +95444,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -96604,6 +96680,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -96665,6 +96742,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -100290,6 +100368,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -100348,6 +100427,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -101583,6 +101663,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -101644,6 +101725,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -105269,6 +105351,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -105327,6 +105410,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -106562,6 +106646,7 @@ exports[`Locale Provider should display the text as id 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -106623,6 +106708,7 @@ exports[`Locale Provider should display the text as id 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -110248,6 +110334,7 @@ exports[`Locale Provider should display the text as id 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -110306,6 +110393,7 @@ exports[`Locale Provider should display the text as id 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -111541,6 +111629,7 @@ exports[`Locale Provider should display the text as is 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -111602,6 +111691,7 @@ exports[`Locale Provider should display the text as is 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -115227,6 +115317,7 @@ exports[`Locale Provider should display the text as is 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -115285,6 +115376,7 @@ exports[`Locale Provider should display the text as is 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -116520,6 +116612,7 @@ exports[`Locale Provider should display the text as it 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -116581,6 +116674,7 @@ exports[`Locale Provider should display the text as it 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -120206,6 +120300,7 @@ exports[`Locale Provider should display the text as it 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -120264,6 +120359,7 @@ exports[`Locale Provider should display the text as it 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -121499,6 +121595,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -121560,6 +121657,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -125185,6 +125283,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -125243,6 +125342,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -126478,6 +126578,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -126539,6 +126640,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -130164,6 +130266,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -130222,6 +130325,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -131457,6 +131561,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -131518,6 +131623,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -135143,6 +135249,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -135201,6 +135308,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -136436,6 +136544,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -136497,6 +136606,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -140122,6 +140232,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -140180,6 +140291,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -141415,6 +141527,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -141476,6 +141589,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -145101,6 +145215,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -145159,6 +145274,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -146394,6 +146510,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -146455,6 +146572,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -150080,6 +150198,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -150138,6 +150257,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -151373,6 +151493,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -151434,6 +151555,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -155059,6 +155181,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -155117,6 +155240,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -156352,6 +156476,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -156413,6 +156538,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -160038,6 +160164,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -160096,6 +160223,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -161331,6 +161459,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -161392,6 +161521,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -165017,6 +165147,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -165075,6 +165206,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -166310,6 +166442,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -166371,6 +166504,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -169996,6 +170130,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -170054,6 +170189,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -171289,6 +171425,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -171350,6 +171487,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -174975,6 +175113,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -175033,6 +175172,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -176268,6 +176408,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -176329,6 +176470,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -179954,6 +180096,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -180012,6 +180155,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -181247,6 +181391,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -181308,6 +181453,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -184933,6 +185079,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -184991,6 +185138,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -186226,6 +186374,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -186287,6 +186436,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -189912,6 +190062,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -189970,6 +190121,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -191205,6 +191357,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -191266,6 +191419,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -194891,6 +195045,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -194949,6 +195104,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -196184,6 +196340,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -196245,6 +196402,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -199870,6 +200028,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -199928,6 +200087,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -201163,6 +201323,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -201224,6 +201385,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -204849,6 +205011,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -204907,6 +205070,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -206142,6 +206306,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -206203,6 +206368,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -209828,6 +209994,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -209886,6 +210053,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -211121,6 +211289,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -211182,6 +211351,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -214807,6 +214977,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -214865,6 +215036,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -216100,6 +216272,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -216161,6 +216334,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -219786,6 +219960,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -219844,6 +220019,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -221079,6 +221255,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -221140,6 +221317,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -224765,6 +224943,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -224823,6 +225002,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -226058,6 +226238,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -226119,6 +226300,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -229744,6 +229926,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -229802,6 +229985,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -231037,6 +231221,7 @@ exports[`Locale Provider should display the text as th 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -231098,6 +231283,7 @@ exports[`Locale Provider should display the text as th 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -234723,6 +234909,7 @@ exports[`Locale Provider should display the text as th 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -234781,6 +234968,7 @@ exports[`Locale Provider should display the text as th 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -236016,6 +236204,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -236077,6 +236266,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -239702,6 +239892,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -239760,6 +239951,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -240995,6 +241187,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -241056,6 +241249,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -244681,6 +244875,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -244739,6 +244934,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -245974,6 +246170,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -246035,6 +246232,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -249660,6 +249858,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -249718,6 +249917,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -250953,6 +251153,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -251014,6 +251215,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -254639,6 +254841,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -254697,6 +254900,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -255932,6 +256136,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -255993,6 +256198,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
           readonly=""
           role="combobox"
           style="opacity: 0;"
+          unselectable="on"
           value=""
         />
       </span>
@@ -259618,6 +259824,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
@@ -259676,6 +259883,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
               readonly=""
               role="combobox"
               style="opacity: 0;"
+              unselectable="on"
               value=""
             />
           </span>
diff --git a/components/pagination/__tests__/__snapshots__/demo.test.js.snap b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
index 280756355a..3b0550645c 100644
--- a/components/pagination/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
@@ -189,6 +189,7 @@ exports[`renders ./components/pagination/demo/all.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -539,6 +540,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -763,6 +765,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -1062,6 +1065,7 @@ exports[`renders ./components/pagination/demo/itemRender.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -1287,6 +1291,7 @@ exports[`renders ./components/pagination/demo/jump.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -1520,6 +1525,7 @@ exports[`renders ./components/pagination/demo/jump.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -1820,6 +1826,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -2219,6 +2226,7 @@ exports[`renders ./components/pagination/demo/more.md correctly 1`] = `
             readonly=""
             role="combobox"
             style="opacity:0"
+            unselectable="on"
             value=""
           />
         </span>
@@ -2486,6 +2494,7 @@ exports[`renders ./components/pagination/demo/total.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
@@ -2665,6 +2674,7 @@ exports[`renders ./components/pagination/demo/total.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
diff --git a/components/select/__tests__/__snapshots__/demo.test.js.snap b/components/select/__tests__/__snapshots__/demo.test.js.snap
index b4cdd73827..dc50b4fea7 100644
--- a/components/select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/select/__tests__/__snapshots__/demo.test.js.snap
@@ -60,6 +60,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -120,6 +121,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -178,6 +180,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -236,6 +239,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -382,6 +386,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
         <span
@@ -433,6 +438,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -493,6 +499,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -556,6 +563,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -614,6 +622,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -676,6 +685,7 @@ exports[`renders ./components/select/demo/custom-dropdown-menu.md correctly 1`]
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -796,6 +806,7 @@ exports[`renders ./components/select/demo/custom-tag-render.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
       <span
@@ -840,6 +851,7 @@ exports[`renders ./components/select/demo/debug.md correctly 1`] = `
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -935,6 +947,7 @@ exports[`renders ./components/select/demo/debug.md correctly 1`] = `
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
         <span
@@ -985,6 +998,7 @@ exports[`renders ./components/select/demo/hide-selected.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
       <span
@@ -1025,6 +1039,7 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -1159,6 +1174,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
       <span
@@ -1194,6 +1210,7 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -1292,6 +1309,7 @@ exports[`renders ./components/select/demo/option-label-prop.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
       <span
@@ -1327,6 +1345,7 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -1388,6 +1407,7 @@ exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -1423,6 +1443,7 @@ exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
       <span
@@ -1528,6 +1549,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -1660,6 +1682,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
         <span
@@ -1801,6 +1824,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -1861,6 +1885,7 @@ Array [
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
diff --git a/components/select/__tests__/__snapshots__/index.test.js.snap b/components/select/__tests__/__snapshots__/index.test.js.snap
index 4dade6482a..9760bab680 100644
--- a/components/select/__tests__/__snapshots__/index.test.js.snap
+++ b/components/select/__tests__/__snapshots__/index.test.js.snap
@@ -23,6 +23,7 @@ exports[`Select Select Custom Icons should support customized icons 1`] = `
         readonly=""
         role="combobox"
         style="opacity: 0;"
+        unselectable="on"
         value=""
       />
     </span>
@@ -81,6 +82,7 @@ exports[`Select rtl render component should be rendered correctly in RTL directi
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index e609b0afef..703f593e3c 100644
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -4322,6 +4322,7 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
@@ -6573,6 +6574,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
@@ -7809,6 +7811,7 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
@@ -8780,6 +8783,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                   readonly=""
                   role="combobox"
                   style="opacity:0"
+                  unselectable="on"
                   value=""
                 />
               </span>
diff --git a/components/tabs/__tests__/__snapshots__/demo.test.js.snap b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
index 35079c3f76..60004ecd3f 100644
--- a/components/tabs/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
@@ -1729,6 +1729,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -1785,6 +1786,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -1841,6 +1843,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -1897,6 +1900,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
           readonly=""
           role="combobox"
           style="opacity:0"
+          unselectable="on"
           value=""
         />
       </span>
@@ -2558,6 +2562,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
               readonly=""
               role="combobox"
               style="opacity:0"
+              unselectable="on"
               value=""
             />
           </span>
diff --git a/components/tree-select/__tests__/__snapshots__/demo.test.js.snap b/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
index 6b5b53f7c4..d2c8e793b4 100644
--- a/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
@@ -22,6 +22,7 @@ exports[`renders ./components/tree-select/demo/async.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -83,6 +84,7 @@ exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -181,6 +183,7 @@ exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
       <span
@@ -218,6 +221,7 @@ exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
       <span
@@ -258,6 +262,7 @@ exports[`renders ./components/tree-select/demo/suffix.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
@@ -319,6 +324,7 @@ exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>
diff --git a/components/tree-select/__tests__/__snapshots__/index.test.js.snap b/components/tree-select/__tests__/__snapshots__/index.test.js.snap
index c9679b47fd..18166269a4 100644
--- a/components/tree-select/__tests__/__snapshots__/index.test.js.snap
+++ b/components/tree-select/__tests__/__snapshots__/index.test.js.snap
@@ -23,6 +23,7 @@ exports[`TreeSelect TreeSelect Custom Icons should \`treeIcon\` work 1`] = `
         readonly=""
         role="combobox"
         style="opacity: 0;"
+        unselectable="on"
         value=""
       />
     </span>
@@ -181,6 +182,7 @@ exports[`TreeSelect TreeSelect Custom Icons should support customized icons 1`]
         readonly=""
         role="combobox"
         style="opacity: 0;"
+        unselectable="on"
         value=""
       />
       <span
@@ -225,6 +227,7 @@ exports[`TreeSelect rtl render component should be rendered correctly in RTL dir
         readonly=""
         role="combobox"
         style="opacity:0"
+        unselectable="on"
         value=""
       />
     </span>

From 49f5ed7764404118ae6336861f40296bbba047f9 Mon Sep 17 00:00:00 2001
From: wx1322 <289758716@qq.com>
Date: Tue, 12 May 2020 15:00:24 +0800
Subject: [PATCH 14/19] feat: Adds zh_TW localisations for Form (#24065)

* Update zh_TW.tsx

* Remove spaces

* Update zh_TW.tsx

* Update snapshot

* replace indexOf() with ||
---
 .../locale-provider/__tests__/index.test.js   |  2 +-
 components/locale/zh_TW.tsx                   | 85 +++++++++++++++++--
 2 files changed, 79 insertions(+), 8 deletions(-)

diff --git a/components/locale-provider/__tests__/index.test.js b/components/locale-provider/__tests__/index.test.js
index e038c6e29e..a604f764cc 100644
--- a/components/locale-provider/__tests__/index.test.js
+++ b/components/locale-provider/__tests__/index.test.js
@@ -220,7 +220,7 @@ describe('Locale Provider', () => {
         '.ant-btn:not(.ant-btn-primary) span',
       )[0].innerHTML;
       let okButtonText = currentConfirmNode.querySelectorAll('.ant-btn-primary span')[0].innerHTML;
-      if (locale.locale === 'zh-cn') {
+      if (locale.locale.indexOf('zh-') === 0) {
         cancelButtonText = cancelButtonText.replace(' ', '');
         okButtonText = okButtonText.replace(' ', '');
       }
diff --git a/components/locale/zh_TW.tsx b/components/locale/zh_TW.tsx
index 2c756cb0fb..fd677b69a7 100644
--- a/components/locale/zh_TW.tsx
+++ b/components/locale/zh_TW.tsx
@@ -1,30 +1,43 @@
+/* eslint-disable no-template-curly-in-string */
 import Pagination from 'rc-pagination/lib/locale/zh_TW';
 import DatePicker from '../date-picker/locale/zh_TW';
 import TimePicker from '../time-picker/locale/zh_TW';
 import Calendar from '../calendar/locale/zh_TW';
 import { Locale } from '../locale-provider';
 
+const typeTemplate = '${label}不是一個有效的${type}';
+
 const localeValues: Locale = {
   locale: 'zh-tw',
   Pagination,
   DatePicker,
   TimePicker,
   Calendar,
+  global: {
+    placeholder: '請選擇',
+  },
   Table: {
     filterTitle: '篩選器',
-    filterConfirm: '確 定',
-    filterReset: '重 置',
+    filterConfirm: '確定',
+    filterReset: '重置',
     selectAll: '全部選取',
     selectInvert: '反向選取',
+    selectionAll: '全選所有',
+    sortTitle: '排序',
+    expand: '展開行',
+    collapse: '關閉行',
+    triggerDesc: '點擊降序',
+    triggerAsc: '點擊升序',
+    cancelSort: '取消排序',
   },
   Modal: {
-    okText: '確 定',
-    cancelText: '取 消',
-    justOkText: 'OK',
+    okText: '確定',
+    cancelText: '取消',
+    justOkText: '知道了',
   },
   Popconfirm: {
-    okText: '確 定',
-    cancelText: '取 消',
+    okText: '確定',
+    cancelText: '取消',
   },
   Transfer: {
     searchPlaceholder: '搜尋資料',
@@ -41,9 +54,67 @@ const localeValues: Locale = {
   Empty: {
     description: '無此資料',
   },
+  Icon: {
+    icon: '圖標',
+  },
+  Text: {
+    edit: '編輯',
+    copy: '複製',
+    copied: '複製成功',
+    expand: '展開',
+  },
   PageHeader: {
     back: '返回',
   },
+  Form: {
+    defaultValidateMessages: {
+      default: '字段驗證錯誤${label}',
+      required: '請輸入${label}',
+      enum: '${label}必須是其中一個[${enum}]',
+      whitespace: '${label}不能為空字符',
+      date: {
+        format: '${label}日期格式無效',
+        parse: '${label}不能轉換為日期',
+        invalid: '${label}是一個無效日期',
+      },
+      types: {
+        string: typeTemplate,
+        method: typeTemplate,
+        array: typeTemplate,
+        object: typeTemplate,
+        number: typeTemplate,
+        date: typeTemplate,
+        boolean: typeTemplate,
+        integer: typeTemplate,
+        float: typeTemplate,
+        regexp: typeTemplate,
+        email: typeTemplate,
+        url: typeTemplate,
+        hex: typeTemplate,
+      },
+      string: {
+        len: '${label}須為${len}個字符',
+        min: '${label}最少${min}個字符',
+        max: '${label}最多${max}個字符',
+        range: '${label}須在${min}-${max}字符之間',
+      },
+      number: {
+        len: '${label}必須等於${len}',
+        min: '${label}最小值為${min}',
+        max: '${label}最大值為${max}',
+        range: '${label}須在${min}-${max}之間',
+      },
+      array: {
+        len: '須為${len}個${label}',
+        min: '最少${min}個${label}',
+        max: '最多${max}個${label}',
+        range: '${label}數量須在${min}-${max}之間',
+      },
+      pattern: {
+        mismatch: '${label}與模式不匹配${pattern}',
+      },
+    },
+  },
 };
 
 export default localeValues;

From 82d709676a1f3d768112c6ac2f50950caaa97935 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Tue, 12 May 2020 17:39:59 +0800
Subject: [PATCH 15/19] fix: Drawer height bug (#24082)

* :bug: Fix Drawer height bug

close #24074

* :white_check_mark: fix snapshot
---
 components/drawer/index.tsx         | 35 ++++++++++++++++++++---------
 components/drawer/style/drawer.less | 17 +++-----------
 2 files changed, 27 insertions(+), 25 deletions(-)

diff --git a/components/drawer/index.tsx b/components/drawer/index.tsx
index 4357a58124..a4fd42226e 100644
--- a/components/drawer/index.tsx
+++ b/components/drawer/index.tsx
@@ -136,12 +136,27 @@ class Drawer extends React.Component<DrawerProps & ConfigConsumerProps, IDrawerS
     }
   };
 
+  getOffsetStyle() {
+    const { placement, width, height } = this.props;
+    const offsetStyle: any = {};
+    if (placement === 'left' || placement === 'right') {
+      offsetStyle.width = width;
+    } else {
+      offsetStyle.height = height;
+    }
+    return offsetStyle;
+  }
+
   getRcDrawerStyle = () => {
-    const { zIndex, placement, style } = this.props;
+    const { zIndex, placement, mask, style } = this.props;
     const { push } = this.state;
+    // 当无 mask 时，将 width 应用到外层容器上
+    // 解决 https://github.com/ant-design/ant-design/issues/12401 的问题
+    const offsetStyle = mask ? {} : this.getOffsetStyle();
     return {
       zIndex,
       transform: push ? this.getPushTransform(placement) : undefined,
+      ...offsetStyle,
       ...style,
     };
   };
@@ -234,18 +249,14 @@ class Drawer extends React.Component<DrawerProps & ConfigConsumerProps, IDrawerS
 
   // render Provider for Multi-level drawer
   renderProvider = (value: Drawer) => {
-    const { prefixCls, placement, className, width, height, mask, direction, ...rest } = this.props;
-    const haveMask = mask ? '' : 'no-mask';
+    const { prefixCls, placement, className, mask, direction, visible, ...rest } = this.props;
     this.parentDrawer = value;
-    const offsetStyle: any = {};
-    if (placement === 'left' || placement === 'right') {
-      offsetStyle.width = width;
-    } else {
-      offsetStyle.height = height;
-    }
-    const drawerClassName = classNames(className, haveMask, {
+    const drawerClassName = classNames(className, {
+      'no-mask': !mask,
       [`${prefixCls}-rtl`]: direction === 'rtl',
     });
+    const offsetStyle = mask ? this.getOffsetStyle() : {};
+
     return (
       <DrawerContext.Provider value={this}>
         <RcDrawer
@@ -271,10 +282,12 @@ class Drawer extends React.Component<DrawerProps & ConfigConsumerProps, IDrawerS
             'csp',
             'pageHeader',
             'autoInsertSpaceInButton',
+            'width',
+            'height',
           ])}
           {...offsetStyle}
           prefixCls={prefixCls}
-          open={this.props.visible}
+          open={visible}
           showMask={mask}
           placement={placement}
           style={this.getRcDrawerStyle()}
diff --git a/components/drawer/style/drawer.less b/components/drawer/style/drawer.less
index 0c7900986d..7ad4fe485c 100644
--- a/components/drawer/style/drawer.less
+++ b/components/drawer/style/drawer.less
@@ -19,7 +19,10 @@
 
   &-content-wrapper {
     position: absolute;
+    width: 100%;
+    height: 100%;
   }
+
   .@{drawer-prefix-cls}-content {
     width: 100%;
     height: 100%;
@@ -37,13 +40,6 @@
       width: 100%;
       transition: transform @animation-duration-slow @ease-base-out;
     }
-    &.@{drawer-prefix-cls}-open.no-mask {
-      height: 0%;
-
-      .@{drawer-prefix-cls}-content-wrapper {
-        height: 100vh;
-      }
-    }
   }
 
   &-left {
@@ -95,13 +91,6 @@
       height: 100%;
       transition: transform @animation-duration-slow @ease-base-out;
     }
-    &.@{drawer-prefix-cls}-open.no-mask {
-      width: 0%;
-
-      .@{drawer-prefix-cls}-content-wrapper {
-        width: 100vw;
-      }
-    }
   }
 
   &-top {

From 64d151aa819ea19808850125730aef273b26e7eb Mon Sep 17 00:00:00 2001
From: xrkffgg <xrkffgg@gmail.com>
Date: Tue, 12 May 2020 17:58:45 +0800
Subject: [PATCH 16/19] style: optimize typography expand style in rtl (#24084)

---
 components/typography/style/rtl.less | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/components/typography/style/rtl.less b/components/typography/style/rtl.less
index bec1c01858..fcc0fb9084 100644
--- a/components/typography/style/rtl.less
+++ b/components/typography/style/rtl.less
@@ -18,6 +18,12 @@
     }
   }
 
+  &-expand {
+    .@{typography-prefix-cls}-rtl & {
+      float: left;
+    }
+  }
+
   // Text input area
   &-edit-content {
     div& {

From c19685e0ea1be170025e91b33d1371cd39fa7dd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Tue, 12 May 2020 22:29:10 +0800
Subject: [PATCH 17/19] fix: Child of Button should be interactive (#24095)

close #24090
---
 components/button/style/index.less | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/components/button/style/index.less b/components/button/style/index.less
index 353a85c821..8de7ecaaf2 100644
--- a/components/button/style/index.less
+++ b/components/button/style/index.less
@@ -22,13 +22,6 @@
   line-height: @line-height-base;
   .btn;
   .btn-default;
-  // Make sure that the target of Button's click event always be `button`
-  // Ref: https://github.com/ant-design/ant-design/issues/7034
-  > i,
-  > span {
-    display: inline-block;
-    pointer-events: none;
-  }
 
   &-primary {
     .btn-primary;

From 731505813a3b51f4a454575e58647f5e8d8e074d Mon Sep 17 00:00:00 2001
From: xrkffgg <xrkffgg@gmail.com>
Date: Wed, 13 May 2020 11:09:28 +0800
Subject: [PATCH 18/19] style: fix menu border in rtl (#24101)

---
 components/menu/style/rtl.less | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/menu/style/rtl.less b/components/menu/style/rtl.less
index 71e6ab4273..a2b6391d2c 100644
--- a/components/menu/style/rtl.less
+++ b/components/menu/style/rtl.less
@@ -22,12 +22,11 @@
     }
   }
 
-  &-dark {
-    .@{menu-prefix-cls}-inline,
-    .@{menu-prefix-cls}-vertical {
-      .@{menu-prefix-cls}-rtl& {
-        border-left: none;
-      }
+  
+  &-dark&-inline,
+  &-dark&-vertical {
+    .@{menu-prefix-cls}-rtl& {
+      border-left: none;
     }
   }
 
@@ -152,6 +151,7 @@
   }
 
   &-sub&-inline {
+    border: 0;
     & .@{menu-prefix-cls}-item-group-title {
       .@{menu-prefix-cls}-rtl& {
         padding-right: 32px;

From 08c63d1e23444194efadd2a8a5e8d15ce90dfb30 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?=
 <smith3816@gmail.com>
Date: Wed, 13 May 2020 11:23:58 +0800
Subject: [PATCH 19/19] docs: Update faq of mutable data (#24106)

* docs: Update faq

* Update faq.en-US.md
---
 docs/react/faq.en-US.md | 4 ++++
 docs/react/faq.zh-CN.md | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/docs/react/faq.en-US.md b/docs/react/faq.en-US.md
index 0a10c6ca93..23965b58da 100644
--- a/docs/react/faq.en-US.md
+++ b/docs/react/faq.en-US.md
@@ -60,6 +60,10 @@ Please refer to [Replace Moment.js](/docs/react/replace-moment).
 
 The `defaultXxxx` (like `defaultValue`) of `Input`/`Select`(etc...) only works on the first render. It is a specification of React. Please read [React's documentation](https://facebook.github.io/react/docs/forms.html#controlled-components).
 
+### Why modify props in mutable way not trigger component update?
+
+antd use shallow compare of props to optimize performance. You should always pass new object when state update. Please ref [React's document](https://reactjs.org/docs/thinking-in-react.html)
+
 ### I set the `value` of `Input`/`Select`(etc.), and then it cannot be changed by user's action.
 
 Try `defaultValue` or `onChange` to change `value`, and please read [React's documentation](https://facebook.github.io/react/docs/forms.html#controlled-components).
diff --git a/docs/react/faq.zh-CN.md b/docs/react/faq.zh-CN.md
index de99427c2c..5addfc142f 100644
--- a/docs/react/faq.zh-CN.md
+++ b/docs/react/faq.zh-CN.md
@@ -60,6 +60,10 @@ import { Menu, Breadcrumb, Icon } from 'antd';
 
 `Input`/`Select` 等的 `defaultXxxx`（例如 `defaultValue`）只有在第一次渲染的时候有效，这是 React 的规范，请阅读 [React 的文档](https://reactjs.org/docs/forms.html#controlled-components)。
 
+### 为什么修改组件传入的对象或数组属性组件不会更新？
+
+antd 内部会对 props 进行浅比较实现性能优化。当状态变更，你总是应该传递一个新的对象。具体请参考[React 的文档](https://reactjs.org/docs/thinking-in-react.html)
+
 ### 当我设置了 `Input`/`Select` 等的 `value` 时它就无法修改了。
 
 尝试使用 `defaultValue` 或 `onChange` 来改变 `value`，请参考 [React 的文档](https://reactjs.org/docs/forms.html#controlled-components)。