Browse Source

docs: prettier markdown (#28510)

pull/28476/head
einq7 4 years ago
committed by GitHub
parent
commit
fa376f9c82
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 1
      .prettierignore
  2. 2
      components/anchor/index.en-US.md
  3. 2
      components/anchor/index.zh-CN.md
  4. 4
      components/card/index.en-US.md
  5. 4
      components/card/index.zh-CN.md
  6. 2
      components/carousel/index.zh-CN.md
  7. 2
      components/cascader/index.en-US.md
  8. 2
      components/cascader/index.zh-CN.md
  9. 2
      components/checkbox/index.en-US.md
  10. 4
      components/checkbox/index.zh-CN.md
  11. 2
      components/collapse/index.zh-CN.md
  12. 2
      components/date-picker/index.en-US.md
  13. 2
      components/date-picker/index.zh-CN.md
  14. 5
      components/descriptions/index.en-US.md
  15. 5
      components/descriptions/index.zh-CN.md
  16. 2
      components/divider/index.zh-CN.md
  17. 2
      components/icon/index.en-US.md
  18. 4
      components/icon/index.zh-CN.md
  19. 2
      components/input-number/index.en-US.md
  20. 2
      components/input-number/index.zh-CN.md
  21. 4
      components/input/TextArea.tsx
  22. 6
      components/list/index.en-US.md
  23. 6
      components/list/index.zh-CN.md
  24. 2
      components/mentions/index.en-US.md
  25. 4
      components/mentions/index.zh-CN.md
  26. 4
      components/menu/index.en-US.md
  27. 4
      components/menu/index.zh-CN.md
  28. 2
      components/message/index.zh-CN.md
  29. 2
      components/popover/index.en-US.md
  30. 2
      components/popover/index.zh-CN.md
  31. 2
      components/progress/index.zh-CN.md
  32. 2
      components/radio/index.en-US.md
  33. 4
      components/radio/index.zh-CN.md
  34. 2
      components/rate/index.en-US.md
  35. 2
      components/rate/index.zh-CN.md
  36. 6
      components/select/index.en-US.md
  37. 8
      components/select/index.zh-CN.md
  38. 6
      components/skeleton/index.en-US.md
  39. 6
      components/skeleton/index.zh-CN.md
  40. 2
      components/slider/index.en-US.md
  41. 2
      components/slider/index.zh-CN.md
  42. 2
      components/spin/index.zh-CN.md
  43. 4
      components/statistic/index.en-US.md
  44. 2
      components/statistic/index.zh-CN.md
  45. 2
      components/switch/index.en-US.md
  46. 2
      components/switch/index.zh-CN.md
  47. 2
      components/tabs/index.zh-CN.md
  48. 4
      components/tag/index.en-US.md
  49. 4
      components/tag/index.zh-CN.md
  50. 4
      components/time-picker/index.en-US.md
  51. 4
      components/time-picker/index.zh-CN.md
  52. 2
      components/tooltip/index.en-US.md
  53. 2
      components/tooltip/index.zh-CN.md
  54. 2
      components/transfer/index.en-US.md
  55. 2
      components/transfer/index.zh-CN.md
  56. 2
      components/tree-select/index.en-US.md
  57. 4
      components/tree-select/index.zh-CN.md
  58. 2
      components/typography/index.en-US.md
  59. 2
      components/typography/index.zh-CN.md
  60. 2
      docs/react/migration-v4.zh-CN.md
  61. 2
      docs/spec/data-format.en-US.md
  62. 6
      docs/spec/data-format.zh-CN.md
  63. 11
      docs/spec/research-workbench.zh-CN.md

1
.prettierignore

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

2
components/anchor/index.en-US.md

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

2
components/anchor/index.zh-CN.md

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

4
components/card/index.en-US.md

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

4
components/card/index.zh-CN.md

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

2
components/carousel/index.zh-CN.md

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

2
components/cascader/index.en-US.md

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

2
components/cascader/index.zh-CN.md

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

2
components/checkbox/index.en-US.md

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

4
components/checkbox/index.zh-CN.md

@ -20,7 +20,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/8nbVbHEm_/CheckBox.svg
#### Checkbox
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- |
| -------------- | --------------------------------------- | ----------------- | ------ | ---- |
| autoFocus | 自动获取焦点 | boolean | false | |
| checked | 指定当前是否选中 | boolean | false | |
| defaultChecked | 初始是否选中 | boolean | false | |
@ -54,6 +54,6 @@ interface Option {
#### Checkbox
| 名称 | 描述 | 版本 |
| --- | --- | --- |
| ------- | -------- | ---- |
| blur() | 移除焦点 | |
| focus() | 获取焦点 | |

2
components/collapse/index.zh-CN.md

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

2
components/date-picker/index.en-US.md

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

2
components/date-picker/index.zh-CN.md

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

5
components/descriptions/index.en-US.md

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

5
components/descriptions/index.zh-CN.md

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

2
components/divider/index.zh-CN.md

@ -16,7 +16,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg
## API
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- |
| ----------- | -------------------------- | ----------------------------- | ------------ | ----- |
| className | 分割线样式类 | string | - | |
| dashed | 是否虚线 | boolean | false | |
| orientation | 分割线标题的位置 | `left` \| `right` \| `center` | `center` | |

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

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

4
components/icon/index.zh-CN.md

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

2
components/input-number/index.en-US.md

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

2
components/input-number/index.zh-CN.md

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

4
components/input/TextArea.tsx

@ -114,7 +114,9 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
// Only show text area wrapper when needed
if (showCount) {
const valueLength = hasMaxLength ? Math.min(Number(maxLength), [...val].length) : [...val].length;
const valueLength = hasMaxLength
? Math.min(Number(maxLength), [...val].length)
: [...val].length;
const dataCount = `${valueLength}${hasMaxLength ? ` / ${maxLength}` : ''}`;
return (

6
components/list/index.en-US.md

@ -38,7 +38,7 @@ A list can be used to display content related to a single subject. The content c
Properties for pagination.
| Property | Description | Type | Default |
| --- | --- | --- | --- |
| -------- | ---------------------------------------- | --------------------------- | -------- |
| position | The specify the position of `Pagination` | `top` \| `bottom` \| `both` | `bottom` |
More about pagination, please check [`Pagination`](/components/pagination/).
@ -46,7 +46,7 @@ More about pagination, please check [`Pagination`](/components/pagination/).
### List grid props
| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| -------- | ------------------------ | ------ | ------- | ------- |
| column | The column of grid | number | - | |
| gutter | The spacing between grid | number | 0 | |
| xs | `<576px` column of grid | number | - | |
@ -66,7 +66,7 @@ More about pagination, please check [`Pagination`](/components/pagination/).
### List.Item.Meta
| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| ----------- | ---------------------------- | --------- | ------- | ------- |
| avatar | The avatar of list item | ReactNode | - | |
| description | The description of list item | ReactNode | - | |
| title | The title of list item | ReactNode | - | |

6
components/list/index.zh-CN.md

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

2
components/mentions/index.en-US.md

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

4
components/mentions/index.zh-CN.md

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

4
components/menu/index.en-US.md

@ -56,7 +56,7 @@ More layouts with navigation: [Layout](/components/layout).
### Menu.Item
| Param | Description | Type | Default value | Version |
| --- | --- | --- | --- | --- |
| -------- | ------------------------------------ | --------- | ------------- | ------- |
| danger | Display the danger style | boolean | false | 4.3.0 |
| disabled | Whether menu item is disabled | boolean | false | |
| icon | The icon of the menu item | ReactNode | - | 4.2.0 |
@ -98,7 +98,7 @@ More layouts with navigation: [Layout](/components/layout).
### Menu.ItemGroup
| Param | Description | Type | Default value | Version |
| --- | --- | --- | --- | --- |
| -------- | ---------------------- | ----------- | ------------- | ------- |
| children | Sub-menu items | MenuItem\[] | - | |
| title | The title of the group | ReactNode | - | |

4
components/menu/index.zh-CN.md

@ -57,7 +57,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
### Menu.Item
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- |
| -------- | ------------------------ | --------- | ------ | ----- |
| danger | 展示错误状态样式 | boolean | false | 4.3.0 |
| disabled | 是否禁用 | boolean | false | |
| icon | 菜单图标 | ReactNode | - | 4.2.0 |
@ -99,7 +99,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
### Menu.ItemGroup
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- |
| -------- | ------------ | ----------- | ------ | ---- |
| children | 分组的菜单项 | MenuItem\[] | - | |
| title | 分组标题 | ReactNode | - | |

2
components/message/index.zh-CN.md

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

2
components/popover/index.en-US.md

@ -16,7 +16,7 @@ Comparing with `Tooltip`, besides information `Popover` card can also provide ac
## API
| Param | Description | Type | Default value | Version |
| --- | --- | --- | --- | --- |
| ------- | ------------------- | ---------------------------- | ------------- | ------- |
| content | Content of the card | ReactNode \| () => ReactNode | - | |
| title | Title of the card | ReactNode \| () => ReactNode | - | |

2
components/popover/index.zh-CN.md

@ -17,7 +17,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/1PNL1p_cO/Popover.svg
## API
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- |
| ------- | -------- | ---------------------------- | ------ | ---- |
| content | 卡片内容 | ReactNode \| () => ReactNode | - | |
| title | 卡片标题 | ReactNode \| () => ReactNode | - | |

2
components/progress/index.zh-CN.md

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

2
components/radio/index.en-US.md

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

4
components/radio/index.zh-CN.md

@ -18,7 +18,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/8cYb5seNB/Radio.svg
### Radio/Radio.Button
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| -------------- | --------------------------------- | ------- | ------ |
| autoFocus | 自动获取焦点 | boolean | false |
| checked | 指定当前是否选中 | boolean | false |
| defaultChecked | 初始是否选中 | boolean | false |
@ -46,6 +46,6 @@ cover: https://gw.alipayobjects.com/zos/alicdn/8cYb5seNB/Radio.svg
### Radio
| 名称 | 描述 |
| --- | --- |
| ------- | -------- |
| blur() | 移除焦点 |
| focus() | 获取焦点 |

2
components/rate/index.en-US.md

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

2
components/rate/index.zh-CN.md

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

6
components/select/index.en-US.md

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

8
components/select/index.zh-CN.md

@ -39,7 +39,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/_0XzgOis7/Select.svg
| dropdownRender | 自定义下拉框内容 | (originNode: ReactNode) => ReactNode | - | |
| dropdownStyle | 下拉菜单的 style 属性 | CSSProperties | - | |
| 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 | |
| labelInValue | 是否把每个选项的 label 包装到 value 中,会把 Select 的 value 类型从 `string` 变为 { value: string, label: ReactNode } 的格式 | boolean | false | |
| listHeight | 设置弹窗滚动高度 | number | 256 | |
@ -83,14 +83,14 @@ cover: https://gw.alipayobjects.com/zos/alicdn/_0XzgOis7/Select.svg
### Select Methods
| 名称 | 说明 | 版本 |
| --- | --- | --- |
| ------- | -------- | ---- |
| blur() | 取消焦点 | |
| focus() | 获取焦点 | |
### Option props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- |
| --------- | --------------------------------- | ---------------- | ------ | ---- |
| className | Option 器类名 | string | - | |
| disabled | 是否禁用 | boolean | false | |
| title | 选中该 Option 后,Select 的 title | string | - | |
@ -99,7 +99,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/_0XzgOis7/Select.svg
### OptGroup props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- |
| ----- | ---- | ----------------------- | ------ | ---- |
| key | Key | string | - | |
| label | 组名 | string \| React.Element | - | |

6
components/skeleton/index.en-US.md

@ -39,7 +39,7 @@ Provide a placeholder while you wait for content to load, or to visualise conten
### SkeletonTitleProps
| Property | Description | Type | Default |
| --- | --- | --- | --- |
| -------- | ---------------------- | ---------------- | ------- |
| width | Set the width of title | number \| string | - |
### SkeletonParagraphProps
@ -52,7 +52,7 @@ Provide a placeholder while you wait for content to load, or to visualise conten
### SkeletonButtonProps
| Property | Description | Type | Default |
| --- | --- | --- | --- |
| -------- | ----------------------- | -------------------------------- | ------- |
| active | Show animation effect | boolean | false |
| shape | Set the shape of button | `circle` \| `round` \| `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
| Property | Description | Type | Default |
| --- | --- | --- | --- |
| -------- | --------------------- | ------------------------------- | ------- |
| active | Show animation effect | boolean | false |
| size | Set the size of input | `large` \| `small` \| `default` | - |

6
components/skeleton/index.zh-CN.md

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

2
components/slider/index.en-US.md

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

2
components/slider/index.zh-CN.md

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

2
components/spin/index.zh-CN.md

@ -15,7 +15,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/LBcJqCPRv/Spin.svg
## API
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| ---------------- | -------------------------------------------- | ------------- | --------- |
| delay | 延迟显示加载效果的时间(防止闪烁) | number (毫秒) | - |
| indicator | 加载指示符 | ReactNode | - |
| size | 组件大小,可选值为 `small` `default` `large` | string | `default` |

4
components/statistic/index.en-US.md

@ -17,7 +17,7 @@ Display statistic number.
#### Statistic
| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| ---------------- | ----------------------------- | -------------------- | ------- | ------- |
| decimalSeparator | The decimal separator | string | `.` | |
| formatter | Customize value display logic | (value) => ReactNode | - | |
| groupSeparator | Group separator | string | `,` | |
@ -32,7 +32,7 @@ Display statistic number.
#### Statistic.Countdown
| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| ---------- | ---------------------------------------- | ---------------- | ---------- | ------- |
| format | Format as [moment](http://momentjs.com/) | string | `HH:mm:ss` | |
| prefix | The prefix node of value | ReactNode | - | |
| suffix | The suffix node of value | ReactNode | - | |

2
components/statistic/index.zh-CN.md

@ -18,7 +18,7 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/rcBNhLBrKbE/Statistic.svg
#### Statistic
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- |
| ---------------- | ---------------- | -------------------- | ------ | ----- |
| decimalSeparator | 设置小数点 | string | `.` | |
| formatter | 自定义数值展示 | (value) => ReactNode | - | |
| groupSeparator | 设置千分位标识符 | string | `,` | |

2
components/switch/index.en-US.md

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

2
components/switch/index.zh-CN.md

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

2
components/tabs/index.zh-CN.md

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

4
components/tag/index.en-US.md

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

4
components/tag/index.zh-CN.md

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

4
components/time-picker/index.en-US.md

@ -59,7 +59,7 @@ import moment from 'moment';
## Methods
| Name | Description | Version |
| --- | --- | --- |
| ------- | ------------ | ------- |
| blur() | Remove 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:
| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| -------- | ------------------------ | ------- | ------- | ------- |
| order | Order start and end time | boolean | true | 4.1.0 |
<style>

4
components/time-picker/index.zh-CN.md

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

2
components/tooltip/index.en-US.md

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

2
components/tooltip/index.zh-CN.md

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

2
components/transfer/index.en-US.md

@ -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:
| Property | Description | Type | Version |
| --- | --- | --- | --- |
| --------------- | ----------------------- | ------------------------------------ | ------- |
| direction | List render direction | `left` \| `right` | |
| disabled | Disable list or not | boolean | |
| filteredItems | Filtered items | RecordType\[] | |

2
components/transfer/index.zh-CN.md

@ -50,7 +50,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/QAXskNI4G/Transfer.svg
Transfer 支持接收 `children` 自定义渲染列表,并返回以下参数:
| 参数 | 说明 | 类型 | 版本 |
| --- | --- | --- | --- |
| --------------- | -------------- | ------------------------------------ | ---- |
| direction | 渲染列表的方向 | `left` \| `right` | |
| disabled | 是否禁用列表 | boolean | |
| filteredItems | 过滤后的数据 | RecordType\[] | |

2
components/tree-select/index.en-US.md

@ -63,7 +63,7 @@ Tree selection control.
### Tree Methods
| Name | Description | Version |
| --- | --- | --- |
| ------- | ------------ | ------- |
| blur() | Remove focus | |
| focus() | Get focus | |

4
components/tree-select/index.zh-CN.md

@ -64,7 +64,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/Ax4DA0njr/TreeSelect.svg
### Tree 方法
| 名称 | 描述 | 版本 |
| --- | --- | --- |
| ------- | -------- | ---- |
| blur() | 移除焦点 | |
| focus() | 获取焦点 | |
@ -73,7 +73,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/Ax4DA0njr/TreeSelect.svg
> 建议使用 treeData 来代替 TreeNode,免去手工构造麻烦
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- |
| --------------- | -------------------------------------------------- | --------- | ------ | ---- |
| checkable | 当树为 Checkbox 时,设置独立节点是否展示 Checkbox | boolean | - | |
| disableCheckbox | 禁掉 Checkbox | boolean | false | |
| disabled | 是否禁用 | boolean | false | |

2
components/typography/index.en-US.md

@ -114,7 +114,7 @@ Basic text writing, including headings, body text, lists, and more.
}
| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| ---------- | ----------------------------------------- | ------------------ | ------- | ------- |
| expandable | Whether to be expandable | boolean | - | |
| rows | Max rows of content | number | - | |
| suffix | Suffix of ellipsis content | ReactNode | - | |

2
components/typography/index.zh-CN.md

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

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

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

2
docs/spec/data-format.en-US.md

@ -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.
| Time | Display form |
| -------------------- | ----------------------------------------- |
| -------------------- | ------------------------------------------- |
| Less than 1 minute | just now |
| Less than 1 hour | N minutes ago |
| Within 24 hours | N hours ago |

6
docs/spec/data-format.zh-CN.md

@ -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)),分为字母和字符两种:
| 货币符号 | 如何使用及何时使用 | 例子 |
| -------- | -------------------------------------------------------- | --------- |
| -------- | ------------------------------------------------------------ | --------- |
| 字符 | 以人民币为例,金额前带货币单位标志`¥` | ¥123.00 |
| 字母 | 以人民币为例,推荐使用 `CNY`,`CNY` 为国际上通用的货币代码。 | CNY123.00 |
@ -78,7 +78,7 @@ title: 数据格式
**时间格式**:默认使用二十四小时制:
| 时间制 | 如何使用及何时使用 | 例子 |
| ------------ | ------------------------------- | ------------------------ |
| ------------ | --------------------------------- | ------------------------ |
| 二十四小时制 | 二十四小时时间格式  `HH:mm:ss` 。 | 14:08:00 |
| 十二小时制 | 十二小时时间格式 `h:mm:ss` 。 | 2:08:00 PM \| 2:08:00 AM |
@ -89,7 +89,7 @@ title: 数据格式
时间的精确度对于用户并不十分重要,重要的是信息的即时性。在中后台中,相对时间一般用于消息、通知类功能,用户往往更关注于书面形式的时间单位,而不必去往前推算出发布的具体时间点。
| 时间 | 展示形式 |
| ----------------- | ------------------------------------------------------ |
| ----------------- | ----------------------------------------------------- |
| 1 分钟以内的时间 | 刚刚 |
| 1 小时以内的时间 | N 分钟前 |
| 24 小时以内的时间 | N 小时前 |

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

@ -4,14 +4,14 @@ type: 模板文档
order: 2
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">
**什么时候使用**
@ -76,23 +77,25 @@ title: 工作台
这类页面一般会提供两类导航形式。<br/>
① 用户知道他想要使用的功能,需要利用导航获取。例如:
<div>
<img src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*xlYoTIf8NpwAAAAAAAAAAABkARQnAQ">
</div>
② 发现类导航,用户须完成某任务,但不知道使用哪个功能来完成。例如:
<div>
<img src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*9nKdRJBAu8sAAAAAAAAAAABkARQnAQ">
</div>
#### 按照使用频次布置内容
<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*1tfiR5-xKUQAAAAAAAAAAABkARQnAQ">
用户在日常工作中最常使用的内容,按照使用频次将内容布置以下各区域。
#### 考虑异常状态
详见异常页
> 另,关于是否应该推荐用户个性化定制,这部分内容尚在探索中。

Loading…
Cancel
Save