feat: prevent drag side of screen

ant-design · Dec 23, 2020 · af20a39 · af20a39
1 parent b6aaa2a
commit af20a39
Show file tree

Hide file tree

Showing 64 changed files with 521 additions and 489 deletions.
diff --git a/components/anchor/index.en-US.md b/components/anchor/index.en-US.md
@@ -30,8 +30,8 @@ For displaying anchor hyperlinks on page and jumping between them.
 
 ### Link Props
 
-| Property | Description | Type | Default | Version |
-| --- | --- | --- | --- | --- |
-| href | The target of hyperlink | string |  |  |
-| target | Specifies where to display the linked URL | string |  |  |
-| title | The content of hyperlink | ReactNode |  |  |
+| Property | Description                               | Type      | Default | Version |
+| -------- | ----------------------------------------- | --------- | ------- | ------- |
+| href     | The target of hyperlink                   | string    |         |         |
+| target   | Specifies where to display the linked URL | string    |         |         |
+| title    | The content of hyperlink                  | ReactNode |         |         |
diff --git a/components/anchor/index.zh-CN.md b/components/anchor/index.zh-CN.md
@@ -31,8 +31,8 @@ cover: https://gw.alipayobjects.com/zos/alicdn/_1-C1JwsC/Anchor.svg
 
 ### Link Props
 
-| 成员 | 说明 | 类型 | 默认值 | 版本 |
-| --- | --- | --- | --- | --- |
-| href | 锚点链接 | string | - |  |
-| target | 该属性指定在何处显示链接的资源。 | string | - |  |
-| title | 文字内容 | ReactNode | - |  |
+| 成员   | 说明                             | 类型      | 默认值 | 版本 |
+| ------ | -------------------------------- | --------- | ------ | ---- |
+| href   | 锚点链接                         | string    | -      |      |
+| target | 该属性指定在何处显示链接的资源。 | string    | -      |      |
+| title  | 文字内容                         | ReactNode | -      |      |
diff --git a/components/card/index.en-US.md b/components/card/index.en-US.md
@@ -42,18 +42,18 @@ A card can be used to display content related to a single subject. The content c
 
 ### Card.Grid
 
-| Property | Description | Type | Default | Version |
-| --- | --- | --- | --- | --- |
-| className | The className of container | string | - |  |
-| hoverable | Lift up when hovering card grid | boolean | true |  |
-| style | The style object of container | CSSProperties | - |  |
+| Property  | Description                     | Type          | Default | Version |
+| --------- | ------------------------------- | ------------- | ------- | ------- |
+| className | The className of container      | string        | -       |         |
+| hoverable | Lift up when hovering card grid | boolean       | true    |         |
+| style     | The style object of container   | CSSProperties | -       |         |
 
 ### Card.Meta
 
-| Property | Description | Type | Default | Version |
-| --- | --- | --- | --- | --- |
-| avatar | Avatar or icon | ReactNode | - |  |
-| className | The className of container | string | - |  |
-| description | Description content | ReactNode | - |  |
-| style | The style object of container | CSSProperties | - |  |
-| title | Title content | ReactNode | - |  |
+| Property    | Description                   | Type          | Default | Version |
+| ----------- | ----------------------------- | ------------- | ------- | ------- |
+| avatar      | Avatar or icon                | ReactNode     | -       |         |
+| className   | The className of container    | string        | -       |         |
+| description | Description content           | ReactNode     | -       |         |
+| style       | The style object of container | CSSProperties | -       |         |
+| title       | Title content                 | ReactNode     | -       |         |
diff --git a/components/card/index.zh-CN.md b/components/card/index.zh-CN.md
@@ -43,18 +43,18 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/NqXt8DJhky/Card.svg
 
 ### Card.Grid
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-| --- | --- | --- | --- | --- |
-| className | 网格容器类名 | string | - |  |
-| hoverable | 鼠标移过时可浮起 | boolean | true |  |
-| style | 定义网格容器类名的样式 | CSSProperties | - |  |
+| 参数      | 说明                   | 类型          | 默认值 | 版本 |
+| --------- | ---------------------- | ------------- | ------ | ---- |
+| className | 网格容器类名           | string        | -      |      |
+| hoverable | 鼠标移过时可浮起       | boolean       | true   |      |
+| style     | 定义网格容器类名的样式 | CSSProperties | -      |      |
 
 ### Card.Meta
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-| --- | --- | --- | --- | --- |
-| avatar | 头像/图标 | ReactNode | - |  |
-| className | 容器类名 | string | - |  |
-| description | 描述内容 | ReactNode | - |  |
-| style | 定义容器类名的样式 | CSSProperties | - |  |
-| title | 标题内容 | ReactNode | - |  |
+| 参数        | 说明               | 类型          | 默认值 | 版本 |
+| ----------- | ------------------ | ------------- | ------ | ---- |
+| avatar      | 头像/图标          | ReactNode     | -      |      |
+| className   | 容器类名           | string        | -      |      |
+| description | 描述内容           | ReactNode     | -      |      |
+| style       | 定义容器类名的样式 | CSSProperties | -      |      |
+| title       | 标题内容           | ReactNode     | -      |      |
diff --git a/components/carousel/index.zh-CN.md b/components/carousel/index.zh-CN.md
@@ -28,10 +28,10 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg
 
 ## 方法
 
-| 名称 | 描述 |
-| --- | --- |
+| 名称                           | 描述                                              |
+| ------------------------------ | ------------------------------------------------- |
 | goTo(slideNumber, dontAnimate) | 切换到指定面板, dontAnimate = true 时，不使用动画 |
-| next() | 切换到下一面板 |
-| prev() | 切换到上一面板 |
+| next()                         | 切换到下一面板                                    |
+| prev()                         | 切换到上一面板                                    |
 
 更多 API 可参考：<https://react-slick.neostack.com/docs/api>
diff --git a/components/cascader/index.en-US.md b/components/cascader/index.en-US.md
@@ -72,7 +72,7 @@ interface Option {
 
 ## Methods
 
-| Name | Description | Version |
-| --- | --- | --- |
-| blur() | Remove focus |  |
-| focus() | Get focus |  |
+| Name    | Description  | Version |
+| ------- | ------------ | ------- |
+| blur()  | Remove focus |         |
+| focus() | Get focus    |         |
diff --git a/components/cascader/index.zh-CN.md b/components/cascader/index.zh-CN.md
@@ -75,9 +75,9 @@ interface Option {
 
 ## 方法
 
-| 名称 | 描述 | 版本 |
-| --- | --- | --- |
-| blur() | 移除焦点 |  |
-| focus() | 获取焦点 |  |
+| 名称    | 描述     | 版本 |
+| ------- | -------- | ---- |
+| blur()  | 移除焦点 |      |
+| focus() | 获取焦点 |      |
 
 > 注意，如果需要获得中国省市区数据，可以参考 [china-division](https://gist.github.com/afc163/7582f35654fd03d5be7009444345ea17)。
diff --git a/components/checkbox/index.en-US.md b/components/checkbox/index.en-US.md
@@ -42,7 +42,7 @@ Checkbox component.
 
 #### Checkbox
 
-| Name | Description | Version |
-| --- | --- | --- |
-| blur() | Remove focus |  |
-| focus() | Get focus |  |
+| Name    | Description  | Version |
+| ------- | ------------ | ------- |
+| blur()  | Remove focus |         |
+| focus() | Get focus    |         |
diff --git a/components/checkbox/index.zh-CN.md b/components/checkbox/index.zh-CN.md
@@ -19,14 +19,14 @@ cover: https://gw.alipayobjects.com/zos/alicdn/8nbVbHEm_/CheckBox.svg
 
 #### Checkbox
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-| --- | --- | --- | --- | --- |
-| autoFocus | 自动获取焦点 | boolean | false |  |
-| checked | 指定当前是否选中 | boolean | false |  |
-| defaultChecked | 初始是否选中 | boolean | false |  |
-| disabled | 失效状态 | boolean | false |  |
-| indeterminate | 设置 indeterminate 状态，只负责样式控制 | boolean | false |  |
-| onChange | 变化时回调函数 | function(e:Event) | - |  |
+| 参数           | 说明                                    | 类型              | 默认值 | 版本 |
+| -------------- | --------------------------------------- | ----------------- | ------ | ---- |
+| autoFocus      | 自动获取焦点                            | boolean           | false  |      |
+| checked        | 指定当前是否选中                        | boolean           | false  |      |
+| defaultChecked | 初始是否选中                            | boolean           | false  |      |
+| disabled       | 失效状态                                | boolean           | false  |      |
+| indeterminate  | 设置 indeterminate 状态，只负责样式控制 | boolean           | false  |      |
+| onChange       | 变化时回调函数                          | function(e:Event) | -      |      |
 
 #### Checkbox Group
 
@@ -53,7 +53,7 @@ interface Option {
 
 #### Checkbox
 
-| 名称 | 描述 | 版本 |
-| --- | --- | --- |
-| blur() | 移除焦点 |  |
-| focus() | 获取焦点 |  |
+| 名称    | 描述     | 版本 |
+| ------- | -------- | ---- |
+| blur()  | 移除焦点 |      |
+| focus() | 获取焦点 |      |
diff --git a/components/collapse/index.zh-CN.md b/components/collapse/index.zh-CN.md
@@ -33,11 +33,11 @@ cover: https://gw.alipayobjects.com/zos/alicdn/IxH16B9RD/Collapse.svg
 
 ### Collapse.Panel
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-| --- | --- | --- | --- | --- |
-| collapsible | 是否可折叠或指定可折叠触发区域 | `header` \| `disabled` | - | 4.9.0 |
-| extra | 自定义渲染每个面板右上角的内容 | ReactNode | - |  |
-| forceRender | 被隐藏时是否渲染 DOM 结构 | boolean | false |  |
-| header | 面板头内容 | ReactNode | - |  |
-| key | 对应 activeKey | string \| number | - |  |
-| showArrow | 是否展示当前面板上的箭头 | boolean | true |  |
+| 参数        | 说明                           | 类型                   | 默认值 | 版本  |
+| ----------- | ------------------------------ | ---------------------- | ------ | ----- |
+| collapsible | 是否可折叠或指定可折叠触发区域 | `header` \| `disabled` | -      | 4.9.0 |
+| extra       | 自定义渲染每个面板右上角的内容 | ReactNode              | -      |       |
+| forceRender | 被隐藏时是否渲染 DOM 结构      | boolean                | false  |       |
+| header      | 面板头内容                     | ReactNode              | -      |       |
+| key         | 对应 activeKey                 | string \| number       | -      |       |
+| showArrow   | 是否展示当前面板上的箭头       | boolean                | true   |       |
diff --git a/components/date-picker/index.en-US.md b/components/date-picker/index.en-US.md
@@ -77,10 +77,10 @@ The following APIs are shared by DatePicker, RangePicker.
 
 ### Common Methods
 
-| Name | Description | Version |
-| --- | --- | --- |
-| blur() | Remove focus |  |
-| focus() | Get focus |  |
+| Name    | Description  | Version |
+| ------- | ------------ | ------- |
+| blur()  | Remove focus |         |
+| focus() | Get focus    |         |
 
 ### DatePicker
 

diff --git a/components/date-picker/index.zh-CN.md b/components/date-picker/index.zh-CN.md
@@ -78,10 +78,10 @@ import locale from 'antd/lib/locale/zh_CN';
 
 ### 共同的方法
 
-| 名称 | 描述 | 版本 |
-| --- | --- | --- |
-| blur() | 移除焦点 |  |
-| focus() | 获取焦点 |  |
+| 名称    | 描述     | 版本 |
+| ------- | -------- | ---- |
+| blur()  | 移除焦点 |      |
+| focus() | 获取焦点 |      |
 
 ### DatePicker
 

diff --git a/components/descriptions/index.en-US.md b/components/descriptions/index.en-US.md
@@ -28,12 +28,11 @@ Commonly displayed on the details page.
 
 ### DescriptionItem
 
-| Property | Description | Type | Default | Version |
-| --- | --- | --- | --- | --- |
-| contentStyle | Customize label style | CSSProperties | - | 4.9.0 |
-| label | The description of the content | ReactNode | - |  |
-| labelStyle | Customize label style | CSSProperties | - | 4.9.0 |
-| span | The number of columns included | number | 1 |  |
-
-> The number of span Description.Item. Span={2} takes up the width of two DescriptionItems.
-> When both `style` and `labelStyle`(or `contentStyle`) configured, both of them will work. And next one will overwrite first when conflict.
+| Property     | Description                    | Type          | Default | Version |
+| ------------ | ------------------------------ | ------------- | ------- | ------- |
+| contentStyle | Customize label style          | CSSProperties | -       | 4.9.0   |
+| label        | The description of the content | ReactNode     | -       |         |
+| labelStyle   | Customize label style          | CSSProperties | -       | 4.9.0   |
+| span         | The number of columns included | number        | 1       |         |
+
+> The number of span Description.Item. Span={2} takes up the width of two DescriptionItems. When both `style` and `labelStyle`(or `contentStyle`) configured, both of them will work. And next one will overwrite first when conflict.
diff --git a/components/descriptions/index.zh-CN.md b/components/descriptions/index.zh-CN.md
@@ -29,12 +29,11 @@ cover: https://gw.alipayobjects.com/zos/alicdn/MjtG9_FOI/Descriptions.svg
 
 ### DescriptionItem
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-| --- | --- | --- | --- | --- |
-| contentStyle | 自定义内容样式 | CSSProperties | - | 4.9.0 |
-| label | 内容的描述 | ReactNode | - |  |
-| labelStyle | 自定义标签样式 | CSSProperties | - | 4.9.0 |
-| span | 包含列的数量 | number | 1 |  |
-
-> span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度。
-> 当同时配置 `style` 和 `labelStyle`（或 `contentStyle`）时，两者会同时作用。样式冲突时，后者会覆盖前者。
+| 参数         | 说明           | 类型          | 默认值 | 版本  |
+| ------------ | -------------- | ------------- | ------ | ----- |
+| contentStyle | 自定义内容样式 | CSSProperties | -      | 4.9.0 |
+| label        | 内容的描述     | ReactNode     | -      |       |
+| labelStyle   | 自定义标签样式 | CSSProperties | -      | 4.9.0 |
+| span         | 包含列的数量   | number        | 1      |       |
+
+> span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度。当同时配置 `style` 和 `labelStyle`（或 `contentStyle`）时，两者会同时作用。样式冲突时，后者会覆盖前者。
diff --git a/components/divider/index.zh-CN.md b/components/divider/index.zh-CN.md
@@ -15,11 +15,11 @@ cover: https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg
 
 ## API
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-| --- | --- | --- | --- | --- |
-| className | 分割线样式类 | string | - |  |
-| dashed | 是否虚线 | boolean | false |  |
-| orientation | 分割线标题的位置 | `left` \| `right` \| `center` | `center` |  |
-| plain | 文字是否显示为普通正文样式 | boolean | false | 4.2.0 |
-| style | 分割线样式对象 | CSSProperties | - |  |
-| type | 水平还是垂直类型 | `horizontal` \| `vertical` | `horizontal` |  |
+| 参数        | 说明                       | 类型                          | 默认值       | 版本  |
+| ----------- | -------------------------- | ----------------------------- | ------------ | ----- |
+| className   | 分割线样式类               | string                        | -            |       |
+| dashed      | 是否虚线                   | boolean                       | false        |       |
+| orientation | 分割线标题的位置           | `left` \| `right` \| `center` | `center`     |       |
+| plain       | 文字是否显示为普通正文样式 | boolean                       | false        | 4.2.0 |
+| style       | 分割线样式对象             | CSSProperties                 | -            |       |
+| type        | 水平还是垂直类型           | `horizontal` \| `vertical`    | `horizontal` |       |
diff --git a/components/icon/index.en-US.md b/components/icon/index.en-US.md
@@ -14,7 +14,7 @@ npm install --save @ant-design/icons
 
 ## List of icons
 
-```_\_react
+```__react
 import IconDisplay from 'site/theme/template/IconDisplay';
 ReactDOM.render(<IconDisplay />, mountNode);
 ```

diff --git a/components/icon/index.zh-CN.md b/components/icon/index.zh-CN.md
@@ -19,7 +19,7 @@ npm install --save @ant-design/icons
 
 ## 图标列表
 
-```_\_react
+```__react
 import IconDisplay from 'site/theme/template/IconDisplay';
 ReactDOM.render(<IconDisplay />, mountNode);
 ```
@@ -148,10 +148,10 @@ ReactDOM.render(<Icon component={MessageSvg} />, mountNode);
 
 `Icon` 中的 `component` 组件的接受的属性如下：
 
-| 字段 | 说明 | 类型 | 只读值 | 版本 |
-| --- | --- | --- | --- | --- |
-| className | 计算后的 `svg` 类名 | string | - |  |
-| fill | `svg` 元素填充的颜色 | string | `currentColor` |  |
-| height | `svg` 元素高度 | string \| number | `1em` |  |
-| style | 计算后的 `svg` 元素样式 | CSSProperties | - |  |
-| width | `svg` 元素宽度 | string \| number | `1em` |  |
+| 字段      | 说明                    | 类型             | 只读值         | 版本 |
+| --------- | ----------------------- | ---------------- | -------------- | ---- |
+| className | 计算后的 `svg` 类名     | string           | -              |      |
+| fill      | `svg` 元素填充的颜色    | string           | `currentColor` |      |
+| height    | `svg` 元素高度          | string \| number | `1em`          |      |
+| style     | 计算后的 `svg` 元素样式 | CSSProperties    | -              |      |
+| width     | `svg` 元素宽度          | string \| number | `1em`          |      |
diff --git a/components/input-number/index.en-US.md b/components/input-number/index.en-US.md
@@ -34,10 +34,10 @@ When a numeric value needs to be provided.
 
 ## Methods
 
-| Name | Description |
-| --- | --- |
-| blur() | Remove focus |
-| focus() | Get focus |
+| Name    | Description  |
+| ------- | ------------ |
+| blur()  | Remove focus |
+| focus() | Get focus    |
 
 ## Notes
 

diff --git a/components/input-number/index.zh-CN.md b/components/input-number/index.zh-CN.md
@@ -37,7 +37,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/XOS8qZ0kU/InputNumber.svg
 
 ## 方法
 
-| 名称 | 描述 |
-| --- | --- |
-| blur() | 移除焦点 |
+| 名称    | 描述     |
+| ------- | -------- |
+| blur()  | 移除焦点 |
 | focus() | 获取焦点 |
diff --git a/components/input/TextArea.tsx b/components/input/TextArea.tsx
@@ -114,7 +114,9 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
 
     // Only show text area wrapper when needed
     if (showCount) {
-      const valueLength = hasMaxLength ? Math.min(Number(maxLength), [...val].length) : [...val].length;
+      const valueLength = hasMaxLength
+        ? Math.min(Number(maxLength), [...val].length)
+        : [...val].length;
       const dataCount = `${valueLength}${hasMaxLength ? ` / ${maxLength}` : ''}`;
 
       return (