docs: prettier markdown (#28510)

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

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

View File

@ -31,7 +31,7 @@ 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 | | |

View File

@ -32,7 +32,7 @@ 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 | - | |

View File

@ -43,7 +43,7 @@ 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 | - | |
@ -51,7 +51,7 @@ A card can be used to display content related to a single subject. The content c
### 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 | - | |

View File

@ -44,7 +44,7 @@ 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 | - | |
@ -52,7 +52,7 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/NqXt8DJhky/Card.svg
### Card.Meta ### Card.Meta
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ----------- | ------------------ | ------------- | ------ | ---- |
| avatar | 头像/图标 | ReactNode | - | | | avatar | 头像/图标 | ReactNode | - | |
| className | 容器类名 | string | - | | | className | 容器类名 | string | - | |
| description | 描述内容 | ReactNode | - | | | description | 描述内容 | ReactNode | - | |

View File

@ -29,7 +29,7 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg
## 方法 ## 方法
| 名称 | 描述 | | 名称 | 描述 |
| --- | --- | | ------------------------------ | ------------------------------------------------- |
| goTo(slideNumber, dontAnimate) | 切换到指定面板, dontAnimate = true 时,不使用动画 | | goTo(slideNumber, dontAnimate) | 切换到指定面板, dontAnimate = true 时,不使用动画 |
| next() | 切换到下一面板 | | next() | 切换到下一面板 |
| prev() | 切换到上一面板 | | prev() | 切换到上一面板 |

View File

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

View File

@ -76,7 +76,7 @@ interface Option {
## 方法 ## 方法
| 名称 | 描述 | 版本 | | 名称 | 描述 | 版本 |
| --- | --- | --- | | ------- | -------- | ---- |
| blur() | 移除焦点 | | | blur() | 移除焦点 | |
| focus() | 获取焦点 | | | focus() | 获取焦点 | |

View File

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

View File

@ -20,7 +20,7 @@ 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 | |
@ -54,6 +54,6 @@ interface Option {
#### Checkbox #### Checkbox
| 名称 | 描述 | 版本 | | 名称 | 描述 | 版本 |
| --- | --- | --- | | ------- | -------- | ---- |
| blur() | 移除焦点 | | | blur() | 移除焦点 | |
| focus() | 获取焦点 | | | focus() | 获取焦点 | |

View File

@ -34,7 +34,7 @@ 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 | |

View File

@ -78,7 +78,7 @@ 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 | |

View File

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

View File

@ -29,11 +29,10 @@ 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.

View File

@ -30,11 +30,10 @@ 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`)时,两者会同时作用。样式冲突时,后者会覆盖前者。

View File

@ -16,7 +16,7 @@ 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` | |

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);
``` ```

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);
``` ```
@ -149,7 +149,7 @@ 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` | |

View File

@ -35,7 +35,7 @@ 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 |

View File

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

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 (

View File

@ -38,7 +38,7 @@ 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/).
@ -46,7 +46,7 @@ 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 | - | |
@ -66,7 +66,7 @@ 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 | - | |

View File

@ -40,7 +40,7 @@ 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/)。
@ -48,7 +48,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg
### List grid props ### List grid props
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ------ | -------------------- | ------ | ------ | ---- |
| column | 列数 | number | - | | | column | 列数 | number | - | |
| gutter | 栅格间隔 | number | 0 | | | gutter | 栅格间隔 | number | 0 | |
| xs | `<576px` 展示的列数 | number | - | | | xs | `<576px` 展示的列数 | number | - | |
@ -68,7 +68,7 @@ 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 | - | |

View File

@ -44,7 +44,7 @@ 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 |

View File

@ -45,13 +45,13 @@ 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 | - |

View File

@ -56,7 +56,7 @@ 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 |
@ -98,7 +98,7 @@ 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 | - | |

View File

@ -57,7 +57,7 @@ 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 |
@ -99,7 +99,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
### Menu.ItemGroup ### Menu.ItemGroup
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | -------- | ------------ | ----------- | ------ | ---- |
| children | 分组的菜单项 | MenuItem\[] | - | | | children | 分组的菜单项 | MenuItem\[] | - | |
| title | 分组标题 | ReactNode | - | | | title | 分组标题 | ReactNode | - | |

View File

@ -26,7 +26,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/hAkKTIW0K/Message.svg
- `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 | - |

View File

@ -16,7 +16,7 @@ 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 | - | |

View File

@ -17,7 +17,7 @@ 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 | - | |

View File

@ -42,7 +42,7 @@ 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 |

View File

@ -45,6 +45,6 @@ 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 |

View File

@ -18,7 +18,7 @@ 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 |
@ -46,6 +46,6 @@ cover: https://gw.alipayobjects.com/zos/alicdn/8cYb5seNB/Radio.svg
### Radio ### Radio
| 名称 | 描述 | | 名称 | 描述 |
| --- | --- | | ------- | -------- |
| blur() | 移除焦点 | | blur() | 移除焦点 |
| focus() | 获取焦点 | | focus() | 获取焦点 |

View File

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

View File

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

View File

@ -82,14 +82,14 @@ 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 | - | |
@ -98,7 +98,7 @@ Select component to select value from options.
### 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 | - | |

View File

@ -83,14 +83,14 @@ 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 | - | |
@ -99,7 +99,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/_0XzgOis7/Select.svg
### OptGroup props ### OptGroup props
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ----- | ---- | ----------------------- | ------ | ---- |
| key | Key | string | - | | | key | Key | string | - | |
| label | 组名 | string \| React.Element | - | | | label | 组名 | string \| React.Element | - | |

View File

@ -39,7 +39,7 @@ 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
@ -52,7 +52,7 @@ 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` | - |
@ -60,6 +60,6 @@ Provide a placeholder while you wait for content to load, or to visualise conten
### 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` | - |

View File

@ -40,7 +40,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg
### SkeletonTitleProps ### SkeletonTitleProps
| 属性 | 说明 | 类型 | 默认值 | | 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | ----- | -------------------- | ---------------- | ------ |
| width | 设置标题占位图的宽度 | number \| string | - | | width | 设置标题占位图的宽度 | number \| string | - |
### SkeletonParagraphProps ### SkeletonParagraphProps
@ -53,7 +53,7 @@ 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` | - |
@ -61,6 +61,6 @@ cover: https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg
### SkeletonInputProps ### SkeletonInputProps
| 属性 | 说明 | 类型 | 默认值 | | 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | ------ | ---------------- | ------------------------------- | ------ |
| active | 是否展示动画效果 | boolean | false | | active | 是否展示动画效果 | boolean | false |
| size | 设置输入框的大小 | `large` \| `small` \| `default` | - | | size | 设置输入框的大小 | `large` \| `small` \| `default` | - |

View File

@ -38,6 +38,6 @@ 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 | |

View File

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

View File

@ -15,7 +15,7 @@ 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` |

View File

@ -17,7 +17,7 @@ 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 | `,` | |
@ -32,7 +32,7 @@ Display statistic number.
#### 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 | - | |

View File

@ -18,7 +18,7 @@ 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 | `,` | |

View File

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

View File

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

View File

@ -47,7 +47,7 @@ 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 | - |

View File

@ -18,7 +18,7 @@ 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 | - | |
@ -29,6 +29,6 @@ Tag for categorizing or markup.
### 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 | - |

View File

@ -18,7 +18,7 @@ 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 | - | |
@ -29,6 +29,6 @@ cover: https://gw.alipayobjects.com/zos/alicdn/cH1BOLfxC/Tag.svg
### Tag.CheckableTag ### Tag.CheckableTag
| 参数 | 说明 | 类型 | 默认值 | | 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | -------- | -------------------- | ----------------- | ------ |
| checked | 设置标签的选中状态 | boolean | false | | checked | 设置标签的选中状态 | boolean | false |
| onChange | 点击标签时触发的回调 | (checked) => void | - | | onChange | 点击标签时触发的回调 | (checked) => void | - |

View File

@ -59,7 +59,7 @@ import moment from 'moment';
## Methods ## Methods
| Name | Description | Version | | Name | Description | Version |
| --- | --- | --- | | ------- | ------------ | ------- |
| blur() | Remove focus | | | blur() | Remove focus | |
| focus() | Get focus | | | focus() | Get focus | |
@ -68,7 +68,7 @@ import moment from 'moment';
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>

View File

@ -58,7 +58,7 @@ import moment from 'moment';
## 方法 ## 方法
| 名称 | 描述 | 版本 | | 名称 | 描述 | 版本 |
| --- | --- | --- | | ------- | -------- | ---- |
| blur() | 移除焦点 | | | blur() | 移除焦点 | |
| focus() | 获取焦点 | | | focus() | 获取焦点 | |
@ -67,7 +67,7 @@ import moment from 'moment';
属性与 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>

View File

@ -15,7 +15,7 @@ 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

View File

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

View File

@ -48,7 +48,7 @@ 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\[] | |

View File

@ -50,7 +50,7 @@ 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\[] | |

View File

@ -63,7 +63,7 @@ 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 | |

View File

@ -64,7 +64,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/Ax4DA0njr/TreeSelect.svg
### Tree 方法 ### Tree 方法
| 名称 | 描述 | 版本 | | 名称 | 描述 | 版本 |
| --- | --- | --- | | ------- | -------- | ---- |
| blur() | 移除焦点 | | | blur() | 移除焦点 | |
| focus() | 获取焦点 | | | focus() | 获取焦点 | |
@ -73,7 +73,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/Ax4DA0njr/TreeSelect.svg
> 建议使用 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 | |

View File

@ -114,7 +114,7 @@ Basic text writing, including headings, body text, lists, and more.
} }
| 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 | - | |

View File

@ -114,7 +114,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/GOM1KQ24O/Typography.svg
} }
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- | | ---------- | ------------------ | ------------------ | ------ | ----- |
| expandable | 是否可展开 | boolean | - | | | expandable | 是否可展开 | boolean | - | |
| rows | 最多显示的行数 | number | - | | | rows | 最多显示的行数 | number | - | |
| suffix | 自定义省略内容后缀 | ReactNode | - | | | suffix | 自定义省略内容后缀 | ReactNode | - | |

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) 进行反馈。我们会尽快响应和相应改进这篇文档。

View File

@ -71,7 +71,7 @@ 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 |

View File

@ -42,7 +42,7 @@ 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 |
@ -78,7 +78,7 @@ 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 |
@ -89,7 +89,7 @@ title: 数据格式
时间的精确度对于用户并不十分重要,重要的是信息的即时性。在中后台中,相对时间一般用于消息、通知类功能,用户往往更关注于书面形式的时间单位,而不必去往前推算出发布的具体时间点。 时间的精确度对于用户并不十分重要,重要的是信息的即时性。在中后台中,相对时间一般用于消息、通知类功能,用户往往更关注于书面形式的时间单位,而不必去往前推算出发布的具体时间点。
| 时间 | 展示形式 | | 时间 | 展示形式 |
| ----------------- | ------------------------------------------------------ | | ----------------- | ----------------------------------------------------- |
| 1 分钟以内的时间 | 刚刚 | | 1 分钟以内的时间 | 刚刚 |
| 1 小时以内的时间 | N 分钟前 | | 1 小时以内的时间 | N 分钟前 |
| 24 小时以内的时间 | N 小时前 | | 24 小时以内的时间 | N 小时前 |

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">
用户在日常工作中最常使用的内容,按照使用频次将内容布置以下各区域。 用户在日常工作中最常使用的内容,按照使用频次将内容布置以下各区域。
#### 考虑异常状态 #### 考虑异常状态
详见异常页 详见异常页
> 另,关于是否应该推荐用户个性化定制,这部分内容尚在探索中。 > 另,关于是否应该推荐用户个性化定制,这部分内容尚在探索中。