mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

docs: prettier markdown (#28510)

Browse Source
This commit is contained in:
einq7 2020-12-24 12:02:57 +08:00 committed by GitHub
parent fd7a710640
commit fa376f9c82
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
64 changed files with 464 additions and 462 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.prettierignore
View File

@ -27,5 +27,6 @@ components/*/*.jsx
.DS_Store .DS_Store
.editorconfig .editorconfig
.eslintignore .eslintignore
.history
**/*.yml **/*.yml
components/style/color/*.less components/style/color/*.less

10
components/anchor/index.en-US.md
View File

@ -30,8 +30,8 @@ For displaying anchor hyperlinks on page and jumping between them.
### Link Props ### Link Props
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | -------- | ----------------------------------------- | --------- | ------- | ------- |
| href | The target of hyperlink | string | | | | href | The target of hyperlink | string | | |
| target | Specifies where to display the linked URL | string | | | | target | Specifies where to display the linked URL | string | | |
| title | The content of hyperlink | ReactNode | | | | title | The content of hyperlink | ReactNode | | |

10
components/anchor/index.zh-CN.md
View File

@ -31,8 +31,8 @@ cover: https://gw.alipayobjects.com/zos/alicdn/_1-C1JwsC/Anchor.svg
### Link Props ### Link Props
| 成员 | 说明 | 类型 | 默认值 | 版本 | | 成员 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ------ | -------------------------------- | --------- | ------ | ---- |
| href | 锚点链接 | string | - | | | href | 锚点链接 | string | - | |
| target | 该属性指定在何处显示链接的资源。 | string | - | | | target | 该属性指定在何处显示链接的资源。 | string | - | |
| title | 文字内容 | ReactNode | - | | | title | 文字内容 | ReactNode | - | |

24
components/card/index.en-US.md
View File

@ -42,18 +42,18 @@ A card can be used to display content related to a single subject. The content c
### Card.Grid ### Card.Grid
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | --------- | ------------------------------- | ------------- | ------- | ------- |
| className | The className of container | string | - | | | className | The className of container | string | - | |
| hoverable | Lift up when hovering card grid | boolean | true | | | hoverable | Lift up when hovering card grid | boolean | true | |
| style | The style object of container | CSSProperties | - | | | style | The style object of container | CSSProperties | - | |
### Card.Meta ### Card.Meta
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | ----------- | ----------------------------- | ------------- | ------- | ------- |
| avatar | Avatar or icon | ReactNode | - | | | avatar | Avatar or icon | ReactNode | - | |
| className | The className of container | string | - | | | className | The className of container | string | - | |
| description | Description content | ReactNode | - | | | description | Description content | ReactNode | - | |
| style | The style object of container | CSSProperties | - | | | style | The style object of container | CSSProperties | - | |
| title | Title content | ReactNode | - | | | title | Title content | ReactNode | - | |

24
components/card/index.zh-CN.md
View File

@ -43,18 +43,18 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/NqXt8DJhky/Card.svg
### Card.Grid ### Card.Grid
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | --------- | ---------------------- | ------------- | ------ | ---- |
| className | 网格容器类名 | string | - | | | className | 网格容器类名 | string | - | |
| hoverable | 鼠标移过时可浮起 | boolean | true | | | hoverable | 鼠标移过时可浮起 | boolean | true | |
| style | 定义网格容器类名的样式 | CSSProperties | - | | | style | 定义网格容器类名的样式 | CSSProperties | - | |
### Card.Meta ### Card.Meta
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ----------- | ------------------ | ------------- | ------ | ---- |
| avatar | 头像/图标 | ReactNode | - | | | avatar | 头像/图标 | ReactNode | - | |
| className | 容器类名 | string | - | | | className | 容器类名 | string | - | |
| description | 描述内容 | ReactNode | - | | | description | 描述内容 | ReactNode | - | |
| style | 定义容器类名的样式 | CSSProperties | - | | | style | 定义容器类名的样式 | CSSProperties | - | |
| title | 标题内容 | ReactNode | - | | | title | 标题内容 | ReactNode | - | |

8
components/carousel/index.zh-CN.md
View File

@ -28,10 +28,10 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg
## 方法 ## 方法
| 名称 | 描述 | | 名称 | 描述 |
| --- | --- | | ------------------------------ | ------------------------------------------------- |
| goTo(slideNumber, dontAnimate) | 切换到指定面板, dontAnimate = true 时，不使用动画 | | goTo(slideNumber, dontAnimate) | 切换到指定面板, dontAnimate = true 时，不使用动画 |
| next() | 切换到下一面板 | | next() | 切换到下一面板 |
| prev() | 切换到上一面板 | | prev() | 切换到上一面板 |
更多 API 可参考：<https://react-slick.neostack.com/docs/api> 更多 API 可参考：<https://react-slick.neostack.com/docs/api>

8
components/cascader/index.en-US.md
View File

@ -72,7 +72,7 @@ interface Option {
## Methods ## Methods
| Name | Description | Version | | Name | Description | Version |
| --- | --- | --- | | ------- | ------------ | ------- |
| blur() | Remove focus | | | blur() | Remove focus | |
| focus() | Get focus | | | focus() | Get focus | |

8
components/cascader/index.zh-CN.md
View File

@ -75,9 +75,9 @@ interface Option {
## 方法 ## 方法
| 名称 | 描述 | 版本 | | 名称 | 描述 | 版本 |
| --- | --- | --- | | ------- | -------- | ---- |
| blur() | 移除焦点 | | | blur() | 移除焦点 | |
| focus() | 获取焦点 | | | focus() | 获取焦点 | |
> 注意，如果需要获得中国省市区数据，可以参考 [china-division](https://gist.github.com/afc163/7582f35654fd03d5be7009444345ea17)。 > 注意，如果需要获得中国省市区数据，可以参考 [china-division](https://gist.github.com/afc163/7582f35654fd03d5be7009444345ea17)。

8
components/checkbox/index.en-US.md
View File

@ -42,7 +42,7 @@ Checkbox component.
#### Checkbox #### Checkbox
| Name | Description | Version | | Name | Description | Version |
| --- | --- | --- | | ------- | ------------ | ------- |
| blur() | Remove focus | | | blur() | Remove focus | |
| focus() | Get focus | | | focus() | Get focus | |

24
components/checkbox/index.zh-CN.md
View File

@ -19,14 +19,14 @@ cover: https://gw.alipayobjects.com/zos/alicdn/8nbVbHEm_/CheckBox.svg
#### Checkbox #### Checkbox
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | -------------- | --------------------------------------- | ----------------- | ------ | ---- |
| autoFocus | 自动获取焦点 | boolean | false | | | autoFocus | 自动获取焦点 | boolean | false | |
| checked | 指定当前是否选中 | boolean | false | | | checked | 指定当前是否选中 | boolean | false | |
| defaultChecked | 初始是否选中 | boolean | false | | | defaultChecked | 初始是否选中 | boolean | false | |
| disabled | 失效状态 | boolean | false | | | disabled | 失效状态 | boolean | false | |
| indeterminate | 设置 indeterminate 状态，只负责样式控制 | boolean | false | | | indeterminate | 设置 indeterminate 状态，只负责样式控制 | boolean | false | |
| onChange | 变化时回调函数 | function(e:Event) | - | | | onChange | 变化时回调函数 | function(e:Event) | - | |
#### Checkbox Group #### Checkbox Group
@ -53,7 +53,7 @@ interface Option {
#### Checkbox #### Checkbox
| 名称 | 描述 | 版本 | | 名称 | 描述 | 版本 |
| --- | --- | --- | | ------- | -------- | ---- |
| blur() | 移除焦点 | | | blur() | 移除焦点 | |
| focus() | 获取焦点 | | | focus() | 获取焦点 | |

16
components/collapse/index.zh-CN.md
View File

@ -33,11 +33,11 @@ cover: https://gw.alipayobjects.com/zos/alicdn/IxH16B9RD/Collapse.svg
### Collapse.Panel ### Collapse.Panel
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ----------- | ------------------------------ | ---------------------- | ------ | ----- |
| collapsible | 是否可折叠或指定可折叠触发区域 | `header` \| `disabled` | - | 4.9.0 | | collapsible | 是否可折叠或指定可折叠触发区域 | `header` \| `disabled` | - | 4.9.0 |
| extra | 自定义渲染每个面板右上角的内容 | ReactNode | - | | | extra | 自定义渲染每个面板右上角的内容 | ReactNode | - | |
| forceRender | 被隐藏时是否渲染 DOM 结构 | boolean | false | | | forceRender | 被隐藏时是否渲染 DOM 结构 | boolean | false | |
| header | 面板头内容 | ReactNode | - | | | header | 面板头内容 | ReactNode | - | |
| key | 对应 activeKey | string \| number | - | | | key | 对应 activeKey | string \| number | - | |
| showArrow | 是否展示当前面板上的箭头 | boolean | true | | | showArrow | 是否展示当前面板上的箭头 | boolean | true | |

8
components/date-picker/index.en-US.md
View File

@ -77,10 +77,10 @@ The following APIs are shared by DatePicker, RangePicker.
### Common Methods ### Common Methods
| Name | Description | Version | | Name | Description | Version |
| --- | --- | --- | | ------- | ------------ | ------- |
| blur() | Remove focus | | | blur() | Remove focus | |
| focus() | Get focus | | | focus() | Get focus | |
### DatePicker ### DatePicker

8
components/date-picker/index.zh-CN.md
View File

@ -78,10 +78,10 @@ import locale from 'antd/lib/locale/zh_CN';
### 共同的方法 ### 共同的方法
| 名称 | 描述 | 版本 | | 名称 | 描述 | 版本 |
| --- | --- | --- | | ------- | -------- | ---- |
| blur() | 移除焦点 | | | blur() | 移除焦点 | |
| focus() | 获取焦点 | | | focus() | 获取焦点 | |
### DatePicker ### DatePicker

15
components/descriptions/index.en-US.md
View File

@ -28,12 +28,11 @@ Commonly displayed on the details page.
### DescriptionItem ### DescriptionItem
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | ------------ | ------------------------------ | ------------- | ------- | ------- |
| contentStyle | Customize label style | CSSProperties | - | 4.9.0 | | contentStyle | Customize label style | CSSProperties | - | 4.9.0 |
| label | The description of the content | ReactNode | - | | | label | The description of the content | ReactNode | - | |
| labelStyle | Customize label style | CSSProperties | - | 4.9.0 | | labelStyle | Customize label style | CSSProperties | - | 4.9.0 |
| span | The number of columns included | number | 1 | | | span | The number of columns included | number | 1 | |
> The number of span Description.Item. Span={2} takes up the width of two DescriptionItems. > 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.
> When both `style` and `labelStyle`(or `contentStyle`) configured, both of them will work. And next one will overwrite first when conflict.

15
components/descriptions/index.zh-CN.md
View File

@ -29,12 +29,11 @@ cover: https://gw.alipayobjects.com/zos/alicdn/MjtG9_FOI/Descriptions.svg
### DescriptionItem ### DescriptionItem
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ------------ | -------------- | ------------- | ------ | ----- |
| contentStyle | 自定义内容样式 | CSSProperties | - | 4.9.0 | | contentStyle | 自定义内容样式 | CSSProperties | - | 4.9.0 |
| label | 内容的描述 | ReactNode | - | | | label | 内容的描述 | ReactNode | - | |
| labelStyle | 自定义标签样式 | CSSProperties | - | 4.9.0 | | labelStyle | 自定义标签样式 | CSSProperties | - | 4.9.0 |
| span | 包含列的数量 | number | 1 | | | span | 包含列的数量 | number | 1 | |
> span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度。 > span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度。当同时配置 `style` 和 `labelStyle`（或 `contentStyle`）时，两者会同时作用。样式冲突时，后者会覆盖前者。
> 当同时配置 `style` 和 `labelStyle`（或 `contentStyle`）时，两者会同时作用。样式冲突时，后者会覆盖前者。

16
components/divider/index.zh-CN.md
View File

@ -15,11 +15,11 @@ cover: https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg
## API ## API
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ----------- | -------------------------- | ----------------------------- | ------------ | ----- |
| className | 分割线样式类 | string | - | | | className | 分割线样式类 | string | - | |
| dashed | 是否虚线 | boolean | false | | | dashed | 是否虚线 | boolean | false | |
| orientation | 分割线标题的位置 | `left` \| `right` \| `center` | `center` | | | orientation | 分割线标题的位置 | `left` \| `right` \| `center` | `center` | |
| plain | 文字是否显示为普通正文样式 | boolean | false | 4.2.0 | | plain | 文字是否显示为普通正文样式 | boolean | false | 4.2.0 |
| style | 分割线样式对象 | CSSProperties | - | | | style | 分割线样式对象 | CSSProperties | - | |
| type | 水平还是垂直类型 | `horizontal` \| `vertical` | `horizontal` | | | type | 水平还是垂直类型 | `horizontal` \| `vertical` | `horizontal` | |

2
components/icon/index.en-US.md
View File

@ -14,7 +14,7 @@ npm install --save @ant-design/icons
## List of icons ## List of icons
```_\_react ```__react
import IconDisplay from 'site/theme/template/IconDisplay'; import IconDisplay from 'site/theme/template/IconDisplay';
ReactDOM.render(<IconDisplay />, mountNode); ReactDOM.render(<IconDisplay />, mountNode);
``` ```

16
components/icon/index.zh-CN.md
View File

@ -19,7 +19,7 @@ npm install --save @ant-design/icons
## 图标列表 ## 图标列表
```_\_react ```__react
import IconDisplay from 'site/theme/template/IconDisplay'; import IconDisplay from 'site/theme/template/IconDisplay';
ReactDOM.render(<IconDisplay />, mountNode); ReactDOM.render(<IconDisplay />, mountNode);
``` ```
@ -148,10 +148,10 @@ ReactDOM.render(<Icon component={MessageSvg} />, mountNode);
`Icon` 中的 `component` 组件的接受的属性如下： `Icon` 中的 `component` 组件的接受的属性如下：
| 字段 | 说明 | 类型 | 只读值 | 版本 | | 字段 | 说明 | 类型 | 只读值 | 版本 |
| --- | --- | --- | --- | --- | | --------- | ----------------------- | ---------------- | -------------- | ---- |
| className | 计算后的 `svg` 类名 | string | - | | | className | 计算后的 `svg` 类名 | string | - | |
| fill | `svg` 元素填充的颜色 | string | `currentColor` | | | fill | `svg` 元素填充的颜色 | string | `currentColor` | |
| height | `svg` 元素高度 | string \| number | `1em` | | | height | `svg` 元素高度 | string \| number | `1em` | |
| style | 计算后的 `svg` 元素样式 | CSSProperties | - | | | style | 计算后的 `svg` 元素样式 | CSSProperties | - | |
| width | `svg` 元素宽度 | string \| number | `1em` | | | width | `svg` 元素宽度 | string \| number | `1em` | |

8
components/input-number/index.en-US.md
View File

@ -34,10 +34,10 @@ When a numeric value needs to be provided.
## Methods ## Methods
| Name | Description | | Name | Description |
| --- | --- | | ------- | ------------ |
| blur() | Remove focus | | blur() | Remove focus |
| focus() | Get focus | | focus() | Get focus |
## Notes ## Notes

6
components/input-number/index.zh-CN.md
View File

@ -37,7 +37,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/XOS8qZ0kU/InputNumber.svg
## 方法 ## 方法
| 名称 | 描述 | | 名称 | 描述 |
| --- | --- | | ------- | -------- |
| blur() | 移除焦点 | | blur() | 移除焦点 |
| focus() | 获取焦点 | | focus() | 获取焦点 |

4
components/input/TextArea.tsx
View File

@ -114,7 +114,9 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
// Only show text area wrapper when needed // Only show text area wrapper when needed
if (showCount) { 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}` : ''}`; const dataCount = `${valueLength}${hasMaxLength ? ` / ${maxLength}` : ''}`;
return ( return (

34
components/list/index.en-US.md
View File

@ -37,24 +37,24 @@ A list can be used to display content related to a single subject. The content c
Properties for pagination. Properties for pagination.
| Property | Description | Type | Default | | Property | Description | Type | Default |
| --- | --- | --- | --- | | -------- | ---------------------------------------- | --------------------------- | -------- |
| position | The specify the position of `Pagination` | `top` \| `bottom` \| `both` | `bottom` | | position | The specify the position of `Pagination` | `top` \| `bottom` \| `both` | `bottom` |
More about pagination, please check [`Pagination`](/components/pagination/). More about pagination, please check [`Pagination`](/components/pagination/).
### List grid props ### List grid props
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | -------- | ------------------------ | ------ | ------- | ------- |
| column | The column of grid | number | - | | | column | The column of grid | number | - | |
| gutter | The spacing between grid | number | 0 | | | gutter | The spacing between grid | number | 0 | |
| xs | `<576px` column of grid | number | - | | | xs | `<576px` column of grid | number | - | |
| sm | `≥576px` column of grid | number | - | | | sm | `≥576px` column of grid | number | - | |
| md | `≥768px` column of grid | number | - | | | md | `≥768px` column of grid | number | - | |
| lg | `≥992px` column of grid | number | - | | | lg | `≥992px` column of grid | number | - | |
| xl | `≥1200px` column of grid | number | - | | | xl | `≥1200px` column of grid | number | - | |
| xxl | `≥1600px` column of grid | number | - | | | xxl | `≥1600px` column of grid | number | - | |
### List.Item ### List.Item
@ -65,8 +65,8 @@ More about pagination, please check [`Pagination`](/components/pagination/).
### List.Item.Meta ### List.Item.Meta
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | ----------- | ---------------------------- | --------- | ------- | ------- |
| avatar | The avatar of list item | ReactNode | - | | | avatar | The avatar of list item | ReactNode | - | |
| description | The description of list item | ReactNode | - | | | description | The description of list item | ReactNode | - | |
| title | The title of list item | ReactNode | - | | | title | The title of list item | ReactNode | - | |

34
components/list/index.zh-CN.md
View File

@ -39,24 +39,24 @@ cover: https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg
分页的配置项。 分页的配置项。
| 参数 | 说明 | 类型 | 默认值 | | 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | -------- | ------------------ | --------------------------- | -------- |
| position | 指定分页显示的位置 | `top` \| `bottom` \| `both` | `bottom` | | position | 指定分页显示的位置 | `top` \| `bottom` \| `both` | `bottom` |
更多配置项，请查看 [`Pagination`](/components/pagination/)。 更多配置项，请查看 [`Pagination`](/components/pagination/)。
### List grid props ### List grid props
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ------ | -------------------- | ------ | ------ | ---- |
| column | 列数 | number | - | | | column | 列数 | number | - | |
| gutter | 栅格间隔 | number | 0 | | | gutter | 栅格间隔 | number | 0 | |
| xs | `<576px` 展示的列数 | number | - | | | xs | `<576px` 展示的列数 | number | - | |
| sm | `≥576px` 展示的列数 | number | - | | | sm | `≥576px` 展示的列数 | number | - | |
| md | `≥768px` 展示的列数 | number | - | | | md | `≥768px` 展示的列数 | number | - | |
| lg | `≥992px` 展示的列数 | number | - | | | lg | `≥992px` 展示的列数 | number | - | |
| xl | `≥1200px` 展示的列数 | number | - | | | xl | `≥1200px` 展示的列数 | number | - | |
| xxl | `≥1600px` 展示的列数 | number | - | | | xxl | `≥1600px` 展示的列数 | number | - | |
### List.Item ### List.Item
@ -67,8 +67,8 @@ cover: https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg
### List.Item.Meta ### List.Item.Meta
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ----------- | ------------------ | --------- | ------ | ---- |
| avatar | 列表元素的图标 | ReactNode | - | | | avatar | 列表元素的图标 | ReactNode | - | |
| description | 列表元素的描述内容 | ReactNode | - | | | description | 列表元素的描述内容 | ReactNode | - | |
| title | 列表元素的标题 | ReactNode | - | | | title | 列表元素的标题 | ReactNode | - | |

8
components/mentions/index.en-US.md
View File

@ -43,10 +43,10 @@ When need to mention someone or something.
### Mention methods ### Mention methods
| Name | Description | | Name | Description |
| --- | --- | | ------- | ------------ |
| blur() | Remove focus | | blur() | Remove focus |
| focus() | Get focus | | focus() | Get focus |
### Option ### Option

14
components/mentions/index.zh-CN.md
View File

@ -44,14 +44,14 @@ cover: https://gw.alipayobjects.com/zos/alicdn/jPE-itMFM/Mentions.svg
### Mentions 方法 ### Mentions 方法
| 名称 | 描述 | | 名称 | 描述 |
| --- | --- | | ------- | -------- |
| blur() | 移除焦点 | | blur() | 移除焦点 |
| focus() | 获取焦点 | | focus() | 获取焦点 |
### Option ### Option
| 参数 | 说明 | 类型 | 默认值 | | 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | -------- | -------------- | --------- | ------ |
| children | 选项内容 | ReactNode | - | | children | 选项内容 | ReactNode | - |
| value | 选择时填充的值 | string | - | | value | 选择时填充的值 | string | - |

22
components/menu/index.en-US.md
View File

@ -55,13 +55,13 @@ More layouts with navigation: [Layout](/components/layout).
### Menu.Item ### Menu.Item
| Param | Description | Type | Default value | Version | | Param | Description | Type | Default value | Version |
| --- | --- | --- | --- | --- | | -------- | ------------------------------------ | --------- | ------------- | ------- |
| danger | Display the danger style | boolean | false | 4.3.0 | | danger | Display the danger style | boolean | false | 4.3.0 |
| disabled | Whether menu item is disabled | boolean | false | | | disabled | Whether menu item is disabled | boolean | false | |
| icon | The icon of the menu item | ReactNode | - | 4.2.0 | | icon | The icon of the menu item | ReactNode | - | 4.2.0 |
| key | Unique ID of the menu item | string | - | | | key | Unique ID of the menu item | string | - | |
| title | Set display title for collapsed item | string | - | | | title | Set display title for collapsed item | string | - | |
> Note: `icon` is a newly added prop in `4.2.0`. For previous versions, please use the following method to define the icon. > Note: `icon` is a newly added prop in `4.2.0`. For previous versions, please use the following method to define the icon.
> >
@ -97,10 +97,10 @@ More layouts with navigation: [Layout](/components/layout).
### Menu.ItemGroup ### Menu.ItemGroup
| Param | Description | Type | Default value | Version | | Param | Description | Type | Default value | Version |
| --- | --- | --- | --- | --- | | -------- | ---------------------- | ----------- | ------------- | ------- |
| children | Sub-menu items | MenuItem\[] | - | | | children | Sub-menu items | MenuItem\[] | - | |
| title | The title of the group | ReactNode | - | | | title | The title of the group | ReactNode | - | |
### Menu.Divider ### Menu.Divider

22
components/menu/index.zh-CN.md
View File

@ -56,13 +56,13 @@ cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
### Menu.Item ### Menu.Item
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | -------- | ------------------------ | --------- | ------ | ----- |
| danger | 展示错误状态样式 | boolean | false | 4.3.0 | | danger | 展示错误状态样式 | boolean | false | 4.3.0 |
| disabled | 是否禁用 | boolean | false | | | disabled | 是否禁用 | boolean | false | |
| icon | 菜单图标 | ReactNode | - | 4.2.0 | | icon | 菜单图标 | ReactNode | - | 4.2.0 |
| key | item 的唯一标志 | string | - | | | key | item 的唯一标志 | string | - | |
| title | 设置收缩时展示的悬浮标题 | string | - | | | title | 设置收缩时展示的悬浮标题 | string | - | |
> 注意：`icon` 是 `4.2.0` 新增的属性，之前的版本请使用下面的方式定义图标。 > 注意：`icon` 是 `4.2.0` 新增的属性，之前的版本请使用下面的方式定义图标。
> >
@ -98,10 +98,10 @@ cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
### Menu.ItemGroup ### Menu.ItemGroup
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | -------- | ------------ | ----------- | ------ | ---- |
| children | 分组的菜单项 | MenuItem\[] | - | | | children | 分组的菜单项 | MenuItem\[] | - | |
| title | 分组标题 | ReactNode | - | | | title | 分组标题 | ReactNode | - | |
### Menu.Divider ### Menu.Divider

10
components/message/index.zh-CN.md
View File

@ -25,11 +25,11 @@ cover: https://gw.alipayobjects.com/zos/alicdn/hAkKTIW0K/Message.svg
- `message.warn(content, [duration], onClose)` // alias of warning - `message.warn(content, [duration], onClose)` // alias of warning
- `message.loading(content, [duration], onClose)` - `message.loading(content, [duration], onClose)`
| 参数 | 说明 | 类型 | 默认值 | | 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | -------- | ------------------------------------------- | ------------------- | ------ |
| content | 提示内容 | ReactNode \| config | - | | content | 提示内容 | ReactNode \| config | - |
| duration | 自动关闭的延时，单位秒。设为 0 时不自动关闭 | number | 3 | | duration | 自动关闭的延时，单位秒。设为 0 时不自动关闭 | number | 3 |
| onClose | 关闭时触发的回调函数 | function | - | | onClose | 关闭时触发的回调函数 | function | - |
组件同时提供 promise 接口。 组件同时提供 promise 接口。

8
components/popover/index.en-US.md
View File

@ -15,10 +15,10 @@ Comparing with `Tooltip`, besides information `Popover` card can also provide ac
## API ## API
| Param | Description | Type | Default value | Version | | Param | Description | Type | Default value | Version |
| --- | --- | --- | --- | --- | | ------- | ------------------- | ---------------------------- | ------------- | ------- |
| content | Content of the card | ReactNode \| () => ReactNode | - | | | content | Content of the card | ReactNode \| () => ReactNode | - | |
| title | Title of the card | ReactNode \| () => ReactNode | - | | | title | Title of the card | ReactNode \| () => ReactNode | - | |
Consult [Tooltip's documentation](/components/tooltip/#API) to find more APIs. Consult [Tooltip's documentation](/components/tooltip/#API) to find more APIs.

8
components/popover/index.zh-CN.md
View File

@ -16,10 +16,10 @@ cover: https://gw.alipayobjects.com/zos/alicdn/1PNL1p_cO/Popover.svg
## API ## API
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ------- | -------- | ---------------------------- | ------ | ---- |
| content | 卡片内容 | ReactNode \| () => ReactNode | - | | | content | 卡片内容 | ReactNode \| () => ReactNode | - | |
| title | 卡片标题 | ReactNode \| () => ReactNode | - | | | title | 卡片标题 | ReactNode \| () => ReactNode | - | |
更多属性请参考 [Tooltip](/components/tooltip/#API)。 更多属性请参考 [Tooltip](/components/tooltip/#API)。

10
components/progress/index.zh-CN.md
View File

@ -41,11 +41,11 @@ cover: https://gw.alipayobjects.com/zos/alicdn/xqsDu4ZyR/Progress.svg
### `type="circle"` ### `type="circle"`
| 属性 | 说明 | 类型 | 默认值 | | 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | ----------- | ------------------------------------------------ | ---------------- | ------ |
| strokeColor | 圆形进度条线的色彩，传入 object 时为渐变 | string \| object | - | | strokeColor | 圆形进度条线的色彩，传入 object 时为渐变 | string \| object | - |
| strokeWidth | 圆形进度条线的宽度，单位是进度条画布宽度的百分比 | number | 6 | | strokeWidth | 圆形进度条线的宽度，单位是进度条画布宽度的百分比 | number | 6 |
| width | 圆形进度条画布宽度，单位 px | number | 132 | | width | 圆形进度条画布宽度，单位 px | number | 132 |
### `type="dashboard"` ### `type="dashboard"`

8
components/radio/index.en-US.md
View File

@ -44,7 +44,7 @@ Radio group can wrap a group of `Radio`。
### Radio ### Radio
| Name | Description | | Name | Description |
| --- | --- | | ------- | ------------ |
| blur() | Remove focus | | blur() | Remove focus |
| focus() | Get focus | | focus() | Get focus |

20
components/radio/index.zh-CN.md
View File

@ -17,13 +17,13 @@ cover: https://gw.alipayobjects.com/zos/alicdn/8cYb5seNB/Radio.svg
### Radio/Radio.Button ### Radio/Radio.Button
| 参数 | 说明 | 类型 | 默认值 | | 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | -------------- | --------------------------------- | ------- | ------ |
| autoFocus | 自动获取焦点 | boolean | false | | autoFocus | 自动获取焦点 | boolean | false |
| checked | 指定当前是否选中 | boolean | false | | checked | 指定当前是否选中 | boolean | false |
| defaultChecked | 初始是否选中 | boolean | false | | defaultChecked | 初始是否选中 | boolean | false |
| disabled | 禁用 Radio | boolean | false | | disabled | 禁用 Radio | boolean | false |
| value | 根据 value 进行比较，判断是否选中 | any | - | | value | 根据 value 进行比较，判断是否选中 | any | - |
### RadioGroup ### RadioGroup
@ -45,7 +45,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/8cYb5seNB/Radio.svg
### Radio ### Radio
| 名称 | 描述 | | 名称 | 描述 |
| --- | --- | | ------- | -------- |
| blur() | 移除焦点 | | blur() | 移除焦点 |
| focus() | 获取焦点 | | focus() | 获取焦点 |

8
components/rate/index.en-US.md
View File

@ -35,7 +35,7 @@ Rate component.
## Methods ## Methods
| Name | Description | | Name | Description |
| --- | --- | | ------- | ------------ |
| blur() | Remove focus | | blur() | Remove focus |
| focus() | Get focus | | focus() | Get focus |

6
components/rate/index.zh-CN.md
View File

@ -36,7 +36,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/R5uiIWmxe/Rate.svg
## 方法 ## 方法
| 名称 | 描述 | | 名称 | 描述 |
| --- | --- | | ------- | -------- |
| blur() | 移除焦点 | | blur() | 移除焦点 |
| focus() | 获取焦点 | | focus() | 获取焦点 |

28
components/select/index.en-US.md
View File

@ -81,26 +81,26 @@ Select component to select value from options.
### Select Methods ### Select Methods
| Name | Description | Version | | Name | Description | Version |
| --- | --- | --- | | ------- | ------------ | ------- |
| blur() | Remove focus | | | blur() | Remove focus | |
| focus() | Get focus | | | focus() | Get focus | |
### Option props ### Option props
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | --------- | ------------------------------------------ | ---------------- | ------- | ------- |
| className | The additional class to option | string | - | | | className | The additional class to option | string | - | |
| disabled | Disable this option | boolean | false | | | disabled | Disable this option | boolean | false | |
| title | `title` of Select after select this Option | string | - | | | title | `title` of Select after select this Option | string | - | |
| value | Default to filter with this property | string \| number | - | | | value | Default to filter with this property | string \| number | - | |
### OptGroup props ### OptGroup props
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | -------- | ----------- | ----------------------- | ------- | ------- |
| key | Group key | string | - | | | key | Group key | string | - | |
| label | Group label | string \| React.Element | - | | | label | Group label | string \| React.Element | - | |
## FAQ ## FAQ

30
components/select/index.zh-CN.md
View File

@ -39,7 +39,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/_0XzgOis7/Select.svg
| dropdownRender | 自定义下拉框内容 | (originNode: ReactNode) => ReactNode | - | | | dropdownRender | 自定义下拉框内容 | (originNode: ReactNode) => ReactNode | - | |
| dropdownStyle | 下拉菜单的 style 属性 | CSSProperties | - | | | dropdownStyle | 下拉菜单的 style 属性 | CSSProperties | - | |
| filterOption | 是否根据输入项进行筛选。当其为一个函数时，会接收 `inputValue` `option` 两个参数，当 `option` 符合筛选条件时，应返回 true，反之则返回 false | boolean \| function(inputValue, option) | true | | | filterOption | 是否根据输入项进行筛选。当其为一个函数时，会接收 `inputValue` `option` 两个参数，当 `option` 符合筛选条件时，应返回 true，反之则返回 false | boolean \| function(inputValue, option) | true | |
| filterSort | 搜索时对筛选结果项的排序函数, 类似[Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)里的compareFunction | (optionA: Option, optionB: Option) => number | - | 4.9.0 | | filterSort | 搜索时对筛选结果项的排序函数, 类似[Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)里的 compareFunction | (optionA: Option, optionB: Option) => number | - | 4.9.0 |
| getPopupContainer | 菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。[示例](https://codesandbox.io/s/4j168r7jw0) | function(triggerNode) | () => document.body | | | getPopupContainer | 菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。[示例](https://codesandbox.io/s/4j168r7jw0) | function(triggerNode) | () => document.body | |
| labelInValue | 是否把每个选项的 label 包装到 value 中，会把 Select 的 value 类型从 `string` 变为 { value: string, label: ReactNode } 的格式 | boolean | false | | | labelInValue | 是否把每个选项的 label 包装到 value 中，会把 Select 的 value 类型从 `string` 变为 { value: string, label: ReactNode } 的格式 | boolean | false | |
| listHeight | 设置弹窗滚动高度 | number | 256 | | | listHeight | 设置弹窗滚动高度 | number | 256 | |
@ -82,26 +82,26 @@ cover: https://gw.alipayobjects.com/zos/alicdn/_0XzgOis7/Select.svg
### Select Methods ### Select Methods
| 名称 | 说明 | 版本 | | 名称 | 说明 | 版本 |
| --- | --- | --- | | ------- | -------- | ---- |
| blur() | 取消焦点 | | | blur() | 取消焦点 | |
| focus() | 获取焦点 | | | focus() | 获取焦点 | |
### Option props ### Option props
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | --------- | --------------------------------- | ---------------- | ------ | ---- |
| className | Option 器类名 | string | - | | | className | Option 器类名 | string | - | |
| disabled | 是否禁用 | boolean | false | | | disabled | 是否禁用 | boolean | false | |
| title | 选中该 Option 后，Select 的 title | string | - | | | title | 选中该 Option 后，Select 的 title | string | - | |
| value | 默认根据此属性值进行筛选 | string \| number | - | | | value | 默认根据此属性值进行筛选 | string \| number | - | |
### OptGroup props ### OptGroup props
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ----- | ---- | ----------------------- | ------ | ---- |
| key | Key | string | - | | | key | Key | string | - | |
| label | 组名 | string \| React.Element | - | | | label | 组名 | string \| React.Element | - | |
## FAQ ## FAQ

24
components/skeleton/index.en-US.md
View File

@ -38,9 +38,9 @@ Provide a placeholder while you wait for content to load, or to visualise conten
### SkeletonTitleProps ### SkeletonTitleProps
| Property | Description | Type | Default | | Property | Description | Type | Default |
| --- | --- | --- | --- | | -------- | ---------------------- | ---------------- | ------- |
| width | Set the width of title | number \| string | - | | width | Set the width of title | number \| string | - |
### SkeletonParagraphProps ### SkeletonParagraphProps
@ -51,15 +51,15 @@ Provide a placeholder while you wait for content to load, or to visualise conten
### SkeletonButtonProps ### SkeletonButtonProps
| Property | Description | Type | Default | | Property | Description | Type | Default |
| --- | --- | --- | --- | | -------- | ----------------------- | -------------------------------- | ------- |
| active | Show animation effect | boolean | false | | active | Show animation effect | boolean | false |
| shape | Set the shape of button | `circle` \| `round` \| `default` | - | | shape | Set the shape of button | `circle` \| `round` \| `default` | - |
| size | Set the size of button | `large` \| `small` \| `default` | - | | size | Set the size of button | `large` \| `small` \| `default` | - |
### SkeletonInputProps ### SkeletonInputProps
| Property | Description | Type | Default | | Property | Description | Type | Default |
| --- | --- | --- | --- | | -------- | --------------------- | ------------------------------- | ------- |
| active | Show animation effect | boolean | false | | active | Show animation effect | boolean | false |
| size | Set the size of input | `large` \| `small` \| `default` | - | | size | Set the size of input | `large` \| `small` \| `default` | - |

24
components/skeleton/index.zh-CN.md
View File

@ -39,9 +39,9 @@ cover: https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg
### SkeletonTitleProps ### SkeletonTitleProps
| 属性 | 说明 | 类型 | 默认值 | | 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | ----- | -------------------- | ---------------- | ------ |
| width | 设置标题占位图的宽度 | number \| string | - | | width | 设置标题占位图的宽度 | number \| string | - |
### SkeletonParagraphProps ### SkeletonParagraphProps
@ -52,15 +52,15 @@ cover: https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg
### SkeletonButtonProps ### SkeletonButtonProps
| 属性 | 说明 | 类型 | 默认值 | | 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | ------ | ---------------- | -------------------------------- | ------ |
| active | 是否展示动画效果 | boolean | false | | active | 是否展示动画效果 | boolean | false |
| shape | 指定按钮的形状 | `circle` \| `round` \| `default` | - | | shape | 指定按钮的形状 | `circle` \| `round` \| `default` | - |
| size | 设置按钮的大小 | `large` \| `small` \| `default` | - | | size | 设置按钮的大小 | `large` \| `small` \| `default` | - |
### SkeletonInputProps ### SkeletonInputProps
| 属性 | 说明 | 类型 | 默认值 | | 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | ------ | ---------------- | ------------------------------- | ------ |
| active | 是否展示动画效果 | boolean | false | | active | 是否展示动画效果 | boolean | false |
| size | 设置输入框的大小 | `large` \| `small` \| `default` | - | | size | 设置输入框的大小 | `large` \| `small` \| `default` | - |

8
components/slider/index.en-US.md
View File

@ -37,7 +37,7 @@ To input a value in a range.
## Methods ## Methods
| Name | Description | Version | | Name | Description | Version |
| --- | --- | --- | | ------- | ------------ | ------- |
| blur() | Remove focus | | | blur() | Remove focus | |
| focus() | Get focus | | | focus() | Get focus | |

8
components/slider/index.zh-CN.md
View File

@ -38,7 +38,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/HZ3meFc6W/Silder.svg
## 方法 ## 方法
| 名称 | 描述 | 版本 | | 名称 | 描述 | 版本 |
| --- | --- | --- | | ------- | -------- | ---- |
| blur() | 移除焦点 | | | blur() | 移除焦点 | |
| focus() | 获取焦点 | | | focus() | 获取焦点 | |

16
components/spin/index.zh-CN.md
View File

@ -14,14 +14,14 @@ cover: https://gw.alipayobjects.com/zos/alicdn/LBcJqCPRv/Spin.svg
## API ## API
| 参数 | 说明 | 类型 | 默认值 | | 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | ---------------- | -------------------------------------------- | ------------- | --------- |
| delay | 延迟显示加载效果的时间（防止闪烁） | number (毫秒) | - | | delay | 延迟显示加载效果的时间（防止闪烁） | number (毫秒) | - |
| indicator | 加载指示符 | ReactNode | - | | indicator | 加载指示符 | ReactNode | - |
| size | 组件大小，可选值为 `small` `default` `large` | string | `default` | | size | 组件大小，可选值为 `small` `default` `large` | string | `default` |
| spinning | 是否为加载中状态 | boolean | true | | spinning | 是否为加载中状态 | boolean | true |
| tip | 当作为包裹元素时，可以自定义描述文案 | string | - | | tip | 当作为包裹元素时，可以自定义描述文案 | string | - |
| wrapperClassName | 包装器的类属性 | string | - | | wrapperClassName | 包装器的类属性 | string | - |
### 静态方法 ### 静态方法

42
components/statistic/index.en-US.md
View File

@ -16,27 +16,27 @@ Display statistic number.
#### Statistic #### Statistic
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | ---------------- | ----------------------------- | -------------------- | ------- | ------- |
| decimalSeparator | The decimal separator | string | `.` | | | decimalSeparator | The decimal separator | string | `.` | |
| formatter | Customize value display logic | (value) => ReactNode | - | | | formatter | Customize value display logic | (value) => ReactNode | - | |
| groupSeparator | Group separator | string | `,` | | | groupSeparator | Group separator | string | `,` | |
| loading | Loading status of Statistic | boolean | false | 4.8.0 | | loading | Loading status of Statistic | boolean | false | 4.8.0 |
| precision | The precision of input value | number | - | | | precision | The precision of input value | number | - | |
| prefix | The prefix node of value | ReactNode | - | | | prefix | The prefix node of value | ReactNode | - | |
| suffix | The suffix node of value | ReactNode | - | | | suffix | The suffix node of value | ReactNode | - | |
| title | Display title | ReactNode | - | | | title | Display title | ReactNode | - | |
| value | Display value | string \| number | - | | | value | Display value | string \| number | - | |
| valueStyle | Set value css style | CSSProperties | - | | | valueStyle | Set value css style | CSSProperties | - | |
#### Statistic.Countdown #### Statistic.Countdown
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | ---------- | ---------------------------------------- | ---------------- | ---------- | ------- |
| format | Format as [moment](http://momentjs.com/) | string | `HH:mm:ss` | | | format | Format as [moment](http://momentjs.com/) | string | `HH:mm:ss` | |
| prefix | The prefix node of value | ReactNode | - | | | prefix | The prefix node of value | ReactNode | - | |
| suffix | The suffix node of value | ReactNode | - | | | suffix | The suffix node of value | ReactNode | - | |
| title | Display title | ReactNode | - | | | title | Display title | ReactNode | - | |
| value | Set target countdown time | number \| moment | - | | | value | Set target countdown time | number \| moment | - | |
| valueStyle | Set value css style | CSSProperties | - | | | valueStyle | Set value css style | CSSProperties | - | |
| onFinish | Trigger when time's up | () => void | - | | | onFinish | Trigger when time's up | () => void | - | |

24
components/statistic/index.zh-CN.md
View File

@ -17,18 +17,18 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/rcBNhLBrKbE/Statistic.svg
#### Statistic #### Statistic
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ---------------- | ---------------- | -------------------- | ------ | ----- |
| decimalSeparator | 设置小数点 | string | `.` | | | decimalSeparator | 设置小数点 | string | `.` | |
| formatter | 自定义数值展示 | (value) => ReactNode | - | | | formatter | 自定义数值展示 | (value) => ReactNode | - | |
| groupSeparator | 设置千分位标识符 | string | `,` | | | groupSeparator | 设置千分位标识符 | string | `,` | |
| loading | 数值是否加载中 | boolean | false | 4.8.0 | | loading | 数值是否加载中 | boolean | false | 4.8.0 |
| precision | 数值精度 | number | - | | | precision | 数值精度 | number | - | |
| prefix | 设置数值的前缀 | ReactNode | - | | | prefix | 设置数值的前缀 | ReactNode | - | |
| suffix | 设置数值的后缀 | ReactNode | - | | | suffix | 设置数值的后缀 | ReactNode | - | |
| title | 数值的标题 | ReactNode | - | | | title | 数值的标题 | ReactNode | - | |
| value | 数值内容 | string \| number | - | | | value | 数值内容 | string \| number | - | |
| valueStyle | 设置数值的样式 | CSSProperties | - | | | valueStyle | 设置数值的样式 | CSSProperties | - | |
#### Statistic.Countdown #### Statistic.Countdown

8
components/switch/index.en-US.md
View File

@ -30,7 +30,7 @@ Switching Selector.
## Methods ## Methods
| Name | Description | | Name | Description |
| --- | --- | | ------- | ------------ |
| blur() | Remove focus | | blur() | Remove focus |
| focus() | Get focus | | focus() | Get focus |

6
components/switch/index.zh-CN.md
View File

@ -31,7 +31,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/zNdJQMhfm/Switch.svg
## 方法 ## 方法
| 名称 | 描述 | | 名称 | 描述 |
| --- | --- | | ------- | -------- |
| blur() | 移除焦点 | | blur() | 移除焦点 |
| focus() | 获取焦点 | | focus() | 获取焦点 |

12
components/tabs/index.zh-CN.md
View File

@ -46,9 +46,9 @@ Ant Design 依次提供了三级选项卡，分别用于不同的场景。
### Tabs.TabPane ### Tabs.TabPane
| 参数 | 说明 | 类型 | 默认值 | | 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | ----------- | ----------------------------------------------- | --------- | ------ |
| closeIcon | 自定义关闭图标，`在 type="editable-card"`时有效 | ReactNode | - | | closeIcon | 自定义关闭图标，`在 type="editable-card"`时有效 | ReactNode | - |
| forceRender | 被隐藏时是否渲染 DOM 结构 | boolean | false | | forceRender | 被隐藏时是否渲染 DOM 结构 | boolean | false |
| key | 对应 activeKey | string | - | | key | 对应 activeKey | string | - |
| tab | 选项卡头显示文字 | ReactNode | - | | tab | 选项卡头显示文字 | ReactNode | - |

24
components/tag/index.en-US.md
View File

@ -17,18 +17,18 @@ Tag for categorizing or markup.
### Tag ### Tag
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | --------- | ------------------------------------ | ----------- | ------- | ------- |
| closable | Whether the Tag can be closed | boolean | false | | | closable | Whether the Tag can be closed | boolean | false | |
| closeIcon | Custom close icon | ReactNode | - | 4.4.0 | | closeIcon | Custom close icon | ReactNode | - | 4.4.0 |
| color | Color of the Tag | string | - | | | color | Color of the Tag | string | - | |
| icon | Set the icon of tag | ReactNode | - | | | icon | Set the icon of tag | ReactNode | - | |
| visible | Whether the Tag is closed or not | boolean | true | | | visible | Whether the Tag is closed or not | boolean | true | |
| onClose | Callback executed when tag is closed | (e) => void | - | | | onClose | Callback executed when tag is closed | (e) => void | - | |
### Tag.CheckableTag ### Tag.CheckableTag
| Property | Description | Type | Default | | Property | Description | Type | Default |
| --- | --- | --- | --- | | -------- | ----------------------------------------------- | ----------------- | ------- |
| checked | Checked status of Tag | boolean | false | | checked | Checked status of Tag | boolean | false |
| onChange | Callback executed when Tag is checked/unchecked | (checked) => void | - | | onChange | Callback executed when Tag is checked/unchecked | (checked) => void | - |

24
components/tag/index.zh-CN.md
View File

@ -17,18 +17,18 @@ cover: https://gw.alipayobjects.com/zos/alicdn/cH1BOLfxC/Tag.svg
### Tag ### Tag
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | --------- | ---------------- | ----------- | ------ | ----- |
| closable | 标签是否可以关闭 | boolean | false | | | closable | 标签是否可以关闭 | boolean | false | |
| closeIcon | 自定义关闭按钮 | ReactNode | - | 4.4.0 | | closeIcon | 自定义关闭按钮 | ReactNode | - | 4.4.0 |
| color | 标签色 | string | - | | | color | 标签色 | string | - | |
| icon | 设置图标 | ReactNode | - | | | icon | 设置图标 | ReactNode | - | |
| visible | 是否显示标签 | boolean | true | | | visible | 是否显示标签 | boolean | true | |
| onClose | 关闭时的回调 | (e) => void | - | | | onClose | 关闭时的回调 | (e) => void | - | |
### Tag.CheckableTag ### Tag.CheckableTag
| 参数 | 说明 | 类型 | 默认值 | | 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | -------- | -------------------- | ----------------- | ------ |
| checked | 设置标签的选中状态 | boolean | false | | checked | 设置标签的选中状态 | boolean | false |
| onChange | 点击标签时触发的回调 | (checked) => void | - | | onChange | 点击标签时触发的回调 | (checked) => void | - |

14
components/time-picker/index.en-US.md
View File

@ -58,18 +58,18 @@ import moment from 'moment';
## Methods ## Methods
| Name | Description | Version | | Name | Description | Version |
| --- | --- | --- | | ------- | ------------ | ------- |
| blur() | Remove focus | | | blur() | Remove focus | |
| focus() | Get focus | | | focus() | Get focus | |
### RangePicker ### RangePicker
Same props from [RangePicker](/components/date-picker/#RangePicker) of DatePicker. And includes additional props: Same props from [RangePicker](/components/date-picker/#RangePicker) of DatePicker. And includes additional props:
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | -------- | ------------------------ | ------- | ------- | ------- |
| order | Order start and end time | boolean | true | 4.1.0 | | order | Order start and end time | boolean | true | 4.1.0 |
<style> <style>
.code-box-demo .ant-picker { margin: 0 8px 12px 0; } .code-box-demo .ant-picker { margin: 0 8px 12px 0; }

14
components/time-picker/index.zh-CN.md
View File

@ -57,18 +57,18 @@ import moment from 'moment';
## 方法 ## 方法
| 名称 | 描述 | 版本 | | 名称 | 描述 | 版本 |
| --- | --- | --- | | ------- | -------- | ---- |
| blur() | 移除焦点 | | | blur() | 移除焦点 | |
| focus() | 获取焦点 | | | focus() | 获取焦点 | |
### RangePicker ### RangePicker
属性与 DatePicker 的 [RangePicker](/components/date-picker/#RangePicker) 相同。还包含以下属性： 属性与 DatePicker 的 [RangePicker](/components/date-picker/#RangePicker) 相同。还包含以下属性：
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ----- | -------------------- | ------- | ------ | ----- |
| order | 始末时间是否自动排序 | boolean | true | 4.1.0 | | order | 始末时间是否自动排序 | boolean | true | 4.1.0 |
<style> <style>
.code-box-demo .ant-picker { margin: 0 8px 12px 0; } .code-box-demo .ant-picker { margin: 0 8px 12px 0; }

6
components/tooltip/index.en-US.md
View File

@ -14,9 +14,9 @@ A simple text popup tip.
## API ## API
| Property | Description | Type | Default | | Property | Description | Type | Default |
| --- | --- | --- | --- | | -------- | ----------------------------- | ---------------------------- | ------- |
| title | The text shown in the tooltip | ReactNode \| () => ReactNode | - | | title | The text shown in the tooltip | ReactNode \| () => ReactNode | - |
### Common API ### Common API

6
components/tooltip/index.zh-CN.md
View File

@ -16,9 +16,9 @@ cover: https://gw.alipayobjects.com/zos/alicdn/Vyyeu8jq2/Tooltp.svg
## API ## API
| 参数 | 说明 | 类型 | 默认值 | | 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | ----- | -------- | ---------------------------- | ------ |
| title | 提示文字 | ReactNode \| () => ReactNode | - | | title | 提示文字 | ReactNode \| () => ReactNode | - |
### 共同的 API ### 共同的 API

16
components/transfer/index.en-US.md
View File

@ -47,14 +47,14 @@ One or more elements can be selected from either column, one click on the proper
Transfer accept `children` to customize render list, using follow props: Transfer accept `children` to customize render list, using follow props:
| Property | Description | Type | Version | | Property | Description | Type | Version |
| --- | --- | --- | --- | | --------------- | ----------------------- | ------------------------------------ | ------- |
| direction | List render direction | `left` \| `right` | | | direction | List render direction | `left` \| `right` | |
| disabled | Disable list or not | boolean | | | disabled | Disable list or not | boolean | |
| filteredItems | Filtered items | RecordType\[] | | | filteredItems | Filtered items | RecordType\[] | |
| selectedKeys | Selected items | string\[] | | | selectedKeys | Selected items | string\[] | |
| onItemSelect | Select item | (key: string, selected: boolean) | | | onItemSelect | Select item | (key: string, selected: boolean) | |
| onItemSelectAll | Select a group of items | (keys: string\[], selected: boolean) | | | onItemSelectAll | Select a group of items | (keys: string\[], selected: boolean) | |
#### example #### example

16
components/transfer/index.zh-CN.md
View File

@ -49,14 +49,14 @@ cover: https://gw.alipayobjects.com/zos/alicdn/QAXskNI4G/Transfer.svg
Transfer 支持接收 `children` 自定义渲染列表，并返回以下参数： Transfer 支持接收 `children` 自定义渲染列表，并返回以下参数：
| 参数 | 说明 | 类型 | 版本 | | 参数 | 说明 | 类型 | 版本 |
| --- | --- | --- | --- | | --------------- | -------------- | ------------------------------------ | ---- |
| direction | 渲染列表的方向 | `left` \| `right` | | | direction | 渲染列表的方向 | `left` \| `right` | |
| disabled | 是否禁用列表 | boolean | | | disabled | 是否禁用列表 | boolean | |
| filteredItems | 过滤后的数据 | RecordType\[] | | | filteredItems | 过滤后的数据 | RecordType\[] | |
| selectedKeys | 选中的条目 | string\[] | | | selectedKeys | 选中的条目 | string\[] | |
| onItemSelect | 勾选条目 | (key: string, selected: boolean) | | | onItemSelect | 勾选条目 | (key: string, selected: boolean) | |
| onItemSelectAll | 勾选一组条目 | (keys: string\[], selected: boolean) | | | onItemSelectAll | 勾选一组条目 | (keys: string\[], selected: boolean) | |
#### 参考示例 #### 参考示例

8
components/tree-select/index.en-US.md
View File

@ -62,10 +62,10 @@ Tree selection control.
### Tree Methods ### Tree Methods
| Name | Description | Version | | Name | Description | Version |
| --- | --- | --- | | ------- | ------------ | ------- |
| blur() | Remove focus | | | blur() | Remove focus | |
| focus() | Get focus | | | focus() | Get focus | |
### TreeNode props ### TreeNode props

28
components/tree-select/index.zh-CN.md
View File

@ -63,25 +63,25 @@ cover: https://gw.alipayobjects.com/zos/alicdn/Ax4DA0njr/TreeSelect.svg
### Tree 方法 ### Tree 方法
| 名称 | 描述 | 版本 | | 名称 | 描述 | 版本 |
| --- | --- | --- | | ------- | -------- | ---- |
| blur() | 移除焦点 | | | blur() | 移除焦点 | |
| focus() | 获取焦点 | | | focus() | 获取焦点 | |
### TreeNode props ### TreeNode props
> 建议使用 treeData 来代替 TreeNode，免去手工构造麻烦 > 建议使用 treeData 来代替 TreeNode，免去手工构造麻烦
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | --------------- | -------------------------------------------------- | --------- | ------ | ---- |
| checkable | 当树为 Checkbox 时，设置独立节点是否展示 Checkbox | boolean | - | | | checkable | 当树为 Checkbox 时，设置独立节点是否展示 Checkbox | boolean | - | |
| disableCheckbox | 禁掉 Checkbox | boolean | false | | | disableCheckbox | 禁掉 Checkbox | boolean | false | |
| disabled | 是否禁用 | boolean | false | | | disabled | 是否禁用 | boolean | false | |
| isLeaf | 是否是叶子节点 | boolean | false | | | isLeaf | 是否是叶子节点 | boolean | false | |
| key | 此项必须设置（其值在整个树范围内唯一） | string | - | | | key | 此项必须设置（其值在整个树范围内唯一） | string | - | |
| selectable | 是否可选 | boolean | true | | | selectable | 是否可选 | boolean | true | |
| title | 树节点显示的内容 | ReactNode | `---` | | | title | 树节点显示的内容 | ReactNode | `---` | |
| value | 默认根据此属性值进行筛选（其值在整个树范围内唯一） | string | - | | | value | 默认根据此属性值进行筛选（其值在整个树范围内唯一） | string | - | |
## FAQ ## FAQ

16
components/typography/index.en-US.md
View File

@ -113,14 +113,14 @@ Basic text writing, including headings, body text, lists, and more.
onEllipsis: function(ellipsis), onEllipsis: function(ellipsis),
} }
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | | ---------- | ----------------------------------------- | ------------------ | ------- | ------- |
| expandable | Whether to be expandable | boolean | - | | | expandable | Whether to be expandable | boolean | - | |
| rows | Max rows of content | number | - | | | rows | Max rows of content | number | - | |
| suffix | Suffix of ellipsis content | ReactNode | - | | | suffix | Suffix of ellipsis content | ReactNode | - | |
| symbol | Custom `...` symbol of ellipsis | ReactNode | `...` | | | symbol | Custom `...` symbol of ellipsis | ReactNode | `...` | |
| onEllipsis | Called when enter or leave ellipsis state | function(ellipsis) | - | 4.2.0 | | onEllipsis | Called when enter or leave ellipsis state | function(ellipsis) | - | 4.2.0 |
| onExpand | Called when expand content | function(event) | - | | | onExpand | Called when expand content | function(event) | - | |
## FAQ ## FAQ

16
components/typography/index.zh-CN.md
View File

@ -113,14 +113,14 @@ cover: https://gw.alipayobjects.com/zos/alicdn/GOM1KQ24O/Typography.svg
onEllipsis: function(ellipsis), onEllipsis: function(ellipsis),
} }
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ---------- | ------------------ | ------------------ | ------ | ----- |
| expandable | 是否可展开 | boolean | - | | | expandable | 是否可展开 | boolean | - | |
| rows | 最多显示的行数 | number | - | | | rows | 最多显示的行数 | number | - | |
| suffix | 自定义省略内容后缀 | ReactNode | - | | | suffix | 自定义省略内容后缀 | ReactNode | - | |
| symbol | 自定义省略符号 | ReactNode | `...` | | | symbol | 自定义省略符号 | ReactNode | `...` | |
| onEllipsis | 触发省略时的回调 | function(ellipsis) | - | 4.2.0 | | onEllipsis | 触发省略时的回调 | function(ellipsis) | - | 4.2.0 |
| onExpand | 点击展开时的回调 | function(event) | - | | | onExpand | 点击展开时的回调 | function(event) | - | |
## FAQ ## FAQ

2
docs/react/migration-v4.zh-CN.md
View File

@ -312,8 +312,6 @@ antd4-codemod src
}); });
``` ```
## 遇到问题 ## 遇到问题
v4 做了非常多的细节改进和重构，我们尽可能收集了已知的所有不兼容变化和相关影响，但是有可能还是有一些场景我们没有考虑到。如果你在升级过程中遇到了问题，请到 [GitHub issues](http://new-issue.ant.design/) 和 [codemod Issues](https://github.com/ant-design/codemod-v4/issues) 进行反馈。我们会尽快响应和相应改进这篇文档。 v4 做了非常多的细节改进和重构，我们尽可能收集了已知的所有不兼容变化和相关影响，但是有可能还是有一些场景我们没有考虑到。如果你在升级过程中遇到了问题，请到 [GitHub issues](http://new-issue.ant.design/) 和 [codemod Issues](https://github.com/ant-design/codemod-v4/issues) 进行反馈。我们会尽快响应和相应改进这篇文档。

10
docs/spec/data-format.en-US.md
View File

@ -70,11 +70,11 @@ We suggest the following formats:
To the users, the accuracy of time is not so important as the immediacy of the information. In the console platform, relative time is generally used for message and notification. And users tend to pay more attention to the unit of time, instead of working out the specific time point of publication. To the users, the accuracy of time is not so important as the immediacy of the information. In the console platform, relative time is generally used for message and notification. And users tend to pay more attention to the unit of time, instead of working out the specific time point of publication.
| Time | Display form | | Time | Display form |
| -------------------- | ----------------------------------------- | | -------------------- | ------------------------------------------- |
| Less than 1 minute | just now | | Less than 1 minute | just now |
| Less than 1 hour | N minutes ago | | Less than 1 hour | N minutes ago |
| Within 24 hours | N hours ago | | Within 24 hours | N hours ago |
| Longer than 24 hours | `MM-DD HH:MM`, e.g. "12-08 08:00" | | Longer than 24 hours | `MM-DD HH:MM`, e.g. "12-08 08:00" |
| Longer than one year | `YYYY-MM-DD HH:MM`，e.g. "2019-12-08 08:00" | | Longer than one year | `YYYY-MM-DD HH:MM`，e.g. "2019-12-08 08:00" |

22
docs/spec/data-format.zh-CN.md
View File

@ -41,9 +41,9 @@ title: 数据格式
**小写金额：**规范格式为「货币符号+数字」的格式，例如“CNY1,123.00"。 **货币符号**：表示货币种类的符号代码（[货币符号表](https://baike.baidu.com/item/%E8%B4%A7%E5%B8%81%E4%BB%A3%E7%A0%81/7467182?fr=aladdin)），分为字母和字符两种： **小写金额：**规范格式为「货币符号+数字」的格式，例如“CNY1,123.00"。 **货币符号**：表示货币种类的符号代码（[货币符号表](https://baike.baidu.com/item/%E8%B4%A7%E5%B8%81%E4%BB%A3%E7%A0%81/7467182?fr=aladdin)），分为字母和字符两种：
| 货币符号 | 如何使用及何时使用 | 例子 | | 货币符号 | 如何使用及何时使用 | 例子 |
| -------- | -------------------------------------------------------- | --------- | | -------- | ------------------------------------------------------------ | --------- |
| 字符 | 以人民币为例，金额前带货币单位标志`¥` | ¥123.00 | | 字符 | 以人民币为例，金额前带货币单位标志`¥` | ¥123.00 |
| 字母 | 以人民币为例，推荐使用 `CNY`，`CNY` 为国际上通用的货币代码。 | CNY123.00 | | 字母 | 以人民币为例，推荐使用 `CNY`，`CNY` 为国际上通用的货币代码。 | CNY123.00 |
<br /> <br />
@ -77,8 +77,8 @@ title: 数据格式
**时间格式**：默认使用二十四小时制： **时间格式**：默认使用二十四小时制：
| 时间制 | 如何使用及何时使用 | 例子 | | 时间制 | 如何使用及何时使用 | 例子 |
| ------------ | ------------------------------- | ------------------------ | | ------------ | --------------------------------- | ------------------------ |
| 二十四小时制 | 二十四小时时间格式  `HH:mm:ss` 。 | 14:08:00 | | 二十四小时制 | 二十四小时时间格式  `HH:mm:ss` 。 | 14:08:00 |
| 十二小时制 | 十二小时时间格式 `h:mm:ss` 。 | 2:08:00 PM \| 2:08:00 AM | | 十二小时制 | 十二小时时间格式 `h:mm:ss` 。 | 2:08:00 PM \| 2:08:00 AM |
@ -88,12 +88,12 @@ title: 数据格式
时间的精确度对于用户并不十分重要，重要的是信息的即时性。在中后台中，相对时间一般用于消息、通知类功能，用户往往更关注于书面形式的时间单位，而不必去往前推算出发布的具体时间点。 时间的精确度对于用户并不十分重要，重要的是信息的即时性。在中后台中，相对时间一般用于消息、通知类功能，用户往往更关注于书面形式的时间单位，而不必去往前推算出发布的具体时间点。
| 时间 | 展示形式 | | 时间 | 展示形式 |
| ----------------- | ------------------------------------------------------ | | ----------------- | ----------------------------------------------------- |
| 1 分钟以内的时间 | 刚刚 | | 1 分钟以内的时间 | 刚刚 |
| 1 小时以内的时间 | N 分钟前 | | 1 小时以内的时间 | N 分钟前 |
| 24 小时以内的时间 | N 小时前 | | 24 小时以内的时间 | N 小时前 |
| 24 小时以外的时间 | 用 `mm-dd HH:mm` 的形式表示，即 12-08 08:00 | | 24 小时以外的时间 | 用 `mm-dd HH:mm` 的形式表示，即 12-08 08:00 |
| 超过一年的时间 | 用 `yyyy-mm-dd HH:mm` 的形式表示，即 2019-12-08 08:00 | | 超过一年的时间 | 用 `yyyy-mm-dd HH:mm` 的形式表示，即 2019-12-08 08:00 |
### 数字脱敏 ### 数字脱敏

12
docs/spec/research-list.zh-CN.md
View File

@ -60,7 +60,7 @@ title: 列表页
<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*3KMbRrbjvzkAAAAAAAAAAABkARQnAQ"> <img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*3KMbRrbjvzkAAAAAAAAAAABkARQnAQ">
**什么时候使用** **什么时候使用**
提供每条条目的概览信息，点击列表可导航至条目详情。页面内常提供统计功能，供用户了解总体进展。可作为简易版的工作台使用。 提供每条条目的概览信息，点击列表可导航至条目详情。页面内常提供统计功能，供用户了解总体进展。可作为简易版的工作台使用。
@ -68,7 +68,7 @@ title: 列表页
<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*coEVT7uElCUAAAAAAAAAAABkARQnAQ"> <img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*coEVT7uElCUAAAAAAAAAAABkARQnAQ">
**什么时候使用** **什么时候使用**
用户无需以特定顺序浏览条目，将每个条目以富有吸引力的方式呈现。 用户无需以特定顺序浏览条目，将每个条目以富有吸引力的方式呈现。
@ -76,11 +76,11 @@ title: 列表页
<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*yW4QQKNi_0QAAAAAAAAAAABkARQnAQ"> <img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*yW4QQKNi_0QAAAAAAAAAAABkARQnAQ">
**什么时候使用** **什么时候使用**
以搜索为主寻找特定条目信息，通过关键词一次性在众多主题下的条目中搜寻结果。可对大量不同种类的内容进行搜索和筛选，满足对模糊目标的查找需求。 以搜索为主寻找特定条目信息，通过关键词一次性在众多主题下的条目中搜寻结果。可对大量不同种类的内容进行搜索和筛选，满足对模糊目标的查找需求。
**涉及哪些操作** **涉及哪些操作**
筛选、搜索 筛选、搜索
@ -88,11 +88,11 @@ title: 列表页
<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*aJxDR6oP19gAAAAAAAAAAABkARQnAQ"> <img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*aJxDR6oP19gAAAAAAAAAAABkARQnAQ">
**什么时候使用** **什么时候使用**
成员管理是用于展示和管理某对象中所包含的成员的基本信息和权限信息的页面，管理操作通常包括添加成员、删除成员、成员角色与权限赋予等。 成员管理是用于展示和管理某对象中所包含的成员的基本信息和权限信息的页面，管理操作通常包括添加成员、删除成员、成员角色与权限赋予等。
**涉及哪些操作** **涉及哪些操作**
筛选、删除等 筛选、删除等

11
docs/spec/research-workbench.zh-CN.md
View File

@ -4,14 +4,14 @@ type: 模板文档
order: 2 order: 2
title: 工作台 title: 工作台
--- ---
工作台常被作为应用的主页，是一个为用户提供便利的交通枢纽。工作台提供常用信息入口，以中心辐射的方式导航至应用的各功能模块；呈现用户当前需要关注的信息，缩短获取关键信息的路径；同时允许用户在工作台直接操作一些高频任务。 工作台常被作为应用的主页，是一个为用户提供便利的交通枢纽。工作台提供常用信息入口，以中心辐射的方式导航至应用的各功能模块；呈现用户当前需要关注的信息，缩短获取关键信息的路径；同时允许用户在工作台直接操作一些高频任务。
--- ---
## 设计目标 ## 设计目标
用户侧：提供处理和查看信息的捷径，并为用户提供必要的帮助；<br/> 用户侧：提供处理和查看信息的捷径，并为用户提供必要的帮助；<br/> 产品侧：与用户更好地沟通，适当宣传产品的新动向等运营内容。
产品侧：与用户更好地沟通，适当宣传产品的新动向等运营内容。
## 设计原则 ## 设计原则
@ -53,6 +53,7 @@ title: 工作台
- 提供基于角色的差异化视图。 - 提供基于角色的差异化视图。
#### 模板 - 新手引导 #### 模板 - 新手引导
<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*LQBmQauTEAsAAAAAAAAAAABkARQnAQ"> <img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*LQBmQauTEAsAAAAAAAAAAABkARQnAQ">
**什么时候使用** **什么时候使用**
@ -76,23 +77,25 @@ title: 工作台
这类页面一般会提供两类导航形式。<br/> 这类页面一般会提供两类导航形式。<br/>
① 用户知道他想要使用的功能，需要利用导航获取。例如： ① 用户知道他想要使用的功能，需要利用导航获取。例如：
<div> <div>
<img src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*xlYoTIf8NpwAAAAAAAAAAABkARQnAQ"> <img src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*xlYoTIf8NpwAAAAAAAAAAABkARQnAQ">
</div> </div>
② 发现类导航，用户须完成某任务，但不知道使用哪个功能来完成。例如： ② 发现类导航，用户须完成某任务，但不知道使用哪个功能来完成。例如：
<div> <div>
<img src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*9nKdRJBAu8sAAAAAAAAAAABkARQnAQ"> <img src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*9nKdRJBAu8sAAAAAAAAAAABkARQnAQ">
</div> </div>
#### 按照使用频次布置内容 #### 按照使用频次布置内容
<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*1tfiR5-xKUQAAAAAAAAAAABkARQnAQ"> <img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*1tfiR5-xKUQAAAAAAAAAAABkARQnAQ">
用户在日常工作中最常使用的内容，按照使用频次将内容布置以下各区域。 用户在日常工作中最常使用的内容，按照使用频次将内容布置以下各区域。
#### 考虑异常状态 #### 考虑异常状态
详见异常页 详见异常页
> 另，关于是否应该推荐用户个性化定制，这部分内容尚在探索中。 > 另，关于是否应该推荐用户个性化定制，这部分内容尚在探索中。