mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-07 17:44:35 +08:00
docs: update overview img (#38946)
* docs: update overview img * chore: code clean * chore: code clean * chore: update * chore: code clean
This commit is contained in:
MadCcc
GitHub
parent
876b4f3b9a
commit
e7edfa42d7
@ -1,7 +1,7 @@
|
||||
---
|
||||
category: Components
|
||||
title: Affix
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/tX6-md4H6/Affix.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*YSm4RI3iOJ8AAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group:
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
title: Affix
|
||||
subtitle: 固钉
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/tX6-md4H6/Affix.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*YSm4RI3iOJ8AAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group:
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
category: Components
|
||||
title: Alert
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8emPa3fjl/Alert.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Ct7bT7rrTTAAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group:
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
subtitle: 警告提示
|
||||
title: Alert
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8emPa3fjl/Alert.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Ct7bT7rrTTAAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group:
|
||||
@ -19,6 +19,7 @@ group:
|
||||
|
||||
## 代码演示
|
||||
|
||||
<!-- prettier-ignore -->
|
||||
<code src="./demo/basic.tsx">基本</code>
|
||||
<code src="./demo/style.tsx">四种样式</code>
|
||||
<code src="./demo/closable.tsx">可关闭的警告提示</code>
|
||||
@ -34,24 +35,24 @@ group:
|
||||
|
||||
## API
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
| ----------- | -------------------------------------------------------------------- | ----------------------- | ----------------------------------------- | ------ |
|
||||
| action | 自定义操作项 | ReactNode | - | 4.9.0 |
|
||||
| afterClose | 关闭动画结束后触发的回调函数 | () => void | - | |
|
||||
| banner | 是否用作顶部公告 | boolean | false | |
|
||||
| closable | 默认不显示关闭按钮 | boolean | - | |
|
||||
| closeText | 自定义关闭按钮 | ReactNode | - | |
|
||||
| closeIcon | 自定义关闭 Icon | ReactNode | `<CloseOutlined />` | 4.18.0 |
|
||||
| description | 警告提示的辅助性文字介绍 | ReactNode | - | |
|
||||
| icon | 自定义图标，`showIcon` 为 true 时有效 | ReactNode | - | |
|
||||
| message | 警告提示内容 | ReactNode | - | |
|
||||
| showIcon | 是否显示辅助图标 | boolean | false，`banner` 模式下默认值为 true | |
|
||||
| type | 指定警告提示的样式，有四种选择 `success`、`info`、`warning`、`error` | string | `info`，`banner` 模式下默认值为 `warning` | |
|
||||
| onClose | 关闭时触发的回调函数 | (e: MouseEvent) => void | - | |
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| action | 自定义操作项 | ReactNode | - | 4.9.0 |
|
||||
| afterClose | 关闭动画结束后触发的回调函数 | () => void | - | |
|
||||
| banner | 是否用作顶部公告 | boolean | false | |
|
||||
| closable | 默认不显示关闭按钮 | boolean | - | |
|
||||
| closeText | 自定义关闭按钮 | ReactNode | - | |
|
||||
| closeIcon | 自定义关闭 Icon | ReactNode | `<CloseOutlined />` | 4.18.0 |
|
||||
| description | 警告提示的辅助性文字介绍 | ReactNode | - | |
|
||||
| icon | 自定义图标，`showIcon` 为 true 时有效 | ReactNode | - | |
|
||||
| message | 警告提示内容 | ReactNode | - | |
|
||||
| showIcon | 是否显示辅助图标 | boolean | false，`banner` 模式下默认值为 true | |
|
||||
| type | 指定警告提示的样式，有四种选择 `success`、`info`、`warning`、`error` | string | `info`，`banner` 模式下默认值为 `warning` | |
|
||||
| onClose | 关闭时触发的回调函数 | (e: MouseEvent) => void | - | |
|
||||
|
||||
### Alert.ErrorBoundary
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
| ----------- | -------------------------------------------- | --------- | ----------------- | ---- |
|
||||
| description | 自定义错误内容，如果未指定会展示报错堆栈 | ReactNode | {{ error stack }} | |
|
||||
| message | 自定义错误标题，如果未指定会展示原生报错信息 | ReactNode | {{ error }} | |
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| description | 自定义错误内容，如果未指定会展示报错堆栈 | ReactNode | {{ error stack }} | |
|
||||
| message | 自定义错误标题，如果未指定会展示原生报错信息 | ReactNode | {{ error }} | |
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
category: Components
|
||||
title: Anchor
|
||||
cover: https://gw.alipayobjects.com/zos/bmw-prod/669b87c5-7b44-4c99-a5ea-4c38f8004788.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*TBTSR4PyVmkAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group:
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
title: Anchor
|
||||
subtitle: 锚点
|
||||
cover: https://gw.alipayobjects.com/zos/bmw-prod/669b87c5-7b44-4c99-a5ea-4c38f8004788.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*TBTSR4PyVmkAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group:
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
category: Components
|
||||
title: AutoComplete
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/qtJm4yt45/AutoComplete.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*g8THS4NpV6sAAAAAAAAAAAAADrJ8AQ/original
|
||||
group:
|
||||
title: Data Entry
|
||||
order: 4
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
subtitle: 自动完成
|
||||
title: AutoComplete
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/qtJm4yt45/AutoComplete.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*g8THS4NpV6sAAAAAAAAAAAAADrJ8AQ/original
|
||||
group:
|
||||
title: 数据录入
|
||||
order: 4
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
category: Components
|
||||
title: Avatar
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/aBcnbw68hP/Avatar.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JJBSS5lBG4IAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group:
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
subtitle: 头像
|
||||
title: Avatar
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/aBcnbw68hP/Avatar.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JJBSS5lBG4IAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group:
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
category: Components
|
||||
title: Badge
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/6%26GF9WHwvY/Badge.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*e0qITYqF394AAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group: Data Display
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
subtitle: 徽标数
|
||||
title: Badge
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/6%26GF9WHwvY/Badge.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*e0qITYqF394AAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group: 数据展示
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Navigation
|
||||
title: Breadcrumb
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/9Ltop8JwH/Breadcrumb.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*I5a2Tpqs3y0AAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 面包屑
|
||||
group: 导航
|
||||
title: Breadcrumb
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/9Ltop8JwH/Breadcrumb.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*I5a2Tpqs3y0AAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
category: Components
|
||||
title: Button
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/fNUKzY1sk/Button.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*BrFMQ5s7AAQAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group:
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
title: Button
|
||||
subtitle: 按钮
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/fNUKzY1sk/Button.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*BrFMQ5s7AAQAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group:
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Display
|
||||
title: Calendar
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/dPQmLq08DI/Calendar.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*nF6_To7pDSAAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
Container for displaying data in calendar form.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: 数据展示
|
||||
subtitle: 日历
|
||||
title: Calendar
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/dPQmLq08DI/Calendar.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*nF6_To7pDSAAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
按照日历形式展示数据的容器。
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Display
|
||||
title: Card
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/keNB-R8Y9/Card.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*VXtCTp93KPAAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
Simple rectangular container.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: 数据展示
|
||||
title: Card
|
||||
subtitle: 卡片
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/NqXt8DJhky/Card.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*VXtCTp93KPAAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
通用卡片容器。
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Display
|
||||
title: Carousel
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*bPMSSqbaTMkAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: 数据展示
|
||||
title: Carousel
|
||||
subtitle: 走马灯
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*bPMSSqbaTMkAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Entry
|
||||
title: Cascader
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/UdS8y8xyZ/Cascader.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*tokLTp73TsQAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: 数据录入
|
||||
title: Cascader
|
||||
subtitle: 级联选择
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/UdS8y8xyZ/Cascader.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*tokLTp73TsQAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Entry
|
||||
title: Checkbox
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8nbVbHEm_/CheckBox.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*DzgiRbW3khIAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 多选框
|
||||
group: 数据录入
|
||||
title: Checkbox
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8nbVbHEm_/CheckBox.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*DzgiRbW3khIAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Display
|
||||
title: Collapse
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/IxH16B9RD/Collapse.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*B7HKR5OBe8gAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
A content area which can be collapsed and expanded.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: 数据展示
|
||||
title: Collapse
|
||||
subtitle: 折叠面板
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/IxH16B9RD/Collapse.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*B7HKR5OBe8gAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
可以折叠/展开的内容区域。
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Other
|
||||
title: ConfigProvider
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/kegYxl1wj/ConfigProvider.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*NVKORa7BCVwAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
`ConfigProvider` provides a uniform configuration support for components.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 全局化配置
|
||||
group: 其他
|
||||
title: ConfigProvider
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/kegYxl1wj/ConfigProvider.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*NVKORa7BCVwAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
为组件提供统一的全局化配置。
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Entry
|
||||
title: DatePicker
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/RT_USzA48/DatePicker.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*xXA9TJ8BTioAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: 数据录入
|
||||
title: DatePicker
|
||||
subtitle: 日期选择框
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/RT_USzA48/DatePicker.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*xXA9TJ8BTioAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Display
|
||||
title: Descriptions
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/MjtG9_FOI/Descriptions.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*fHdlTpif6XQAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
Display multiple read-only fields in groups.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 描述列表
|
||||
group: 数据展示
|
||||
title: Descriptions
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/MjtG9_FOI/Descriptions.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*fHdlTpif6XQAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
成组展示多个只读字段。
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
category: Components
|
||||
title: Divider
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*7sMiTbzvaDoAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group:
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
title: Divider
|
||||
subtitle: 分割线
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*7sMiTbzvaDoAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
group:
|
||||
|
||||
@ -3,7 +3,7 @@ group: Feedback
|
||||
category: Components
|
||||
subtitle:
|
||||
title: Drawer
|
||||
cover: https://img.alicdn.com/imgextra/i4/O1CN019djdZP1OHwXSRGCOW_!!6000000001681-55-tps-161-117.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*v3TvSq2E0HAAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ group: 反馈
|
||||
category: Components
|
||||
subtitle: 抽屉
|
||||
title: Drawer
|
||||
cover: https://img.alicdn.com/imgextra/i4/O1CN019djdZP1OHwXSRGCOW_!!6000000001681-55-tps-161-117.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*v3TvSq2E0HAAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Navigation
|
||||
title: Dropdown
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/eedWN59yJ/Dropdown.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*mBBcQ6goljkAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 下拉菜单
|
||||
group: 导航
|
||||
title: Dropdown
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/eedWN59yJ/Dropdown.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*mBBcQ6goljkAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Display
|
||||
title: Empty
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/MNbKfLBVb/Empty.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*ZdiZSLzEV0wAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
Empty state placeholder.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 空状态
|
||||
group: 数据展示
|
||||
title: Empty
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/MNbKfLBVb/Empty.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*ZdiZSLzEV0wAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
空状态时的展示占位图。
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Other
|
||||
title: FloatButton
|
||||
cover: https://gw.alipayobjects.com/zos/bmw-prod/9b1b62fe-e677-4afc-b9fe-1b2993662611.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*HS-wTIIwu0kAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: 其他
|
||||
subtitle: 悬浮按钮
|
||||
title: FloatButton
|
||||
cover: https://gw.alipayobjects.com/zos/bmw-prod/9b1b62fe-e677-4afc-b9fe-1b2993662611.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*HS-wTIIwu0kAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Entry
|
||||
title: Form
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/ORmcdeaoO/Form.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*-lcdS5Qm1bsAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
High performance Form component with data scope management. Including data collection, verification, and styles.
|
||||
@ -214,9 +214,9 @@ Provides array management for fields.
|
||||
|
||||
```tsx
|
||||
<Form.List>
|
||||
{fields => (
|
||||
{(fields) => (
|
||||
<div>
|
||||
{fields.map(field => (
|
||||
{fields.map((field) => (
|
||||
<Form.Item {...field}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
@ -257,7 +257,7 @@ Provide linkage between forms. If a sub form with `name` prop update, it will au
|
||||
|
||||
```jsx
|
||||
<Form.Provider
|
||||
onFormFinish={name => {
|
||||
onFormFinish={(name) => {
|
||||
if (name === 'form1') {
|
||||
// Do something...
|
||||
}
|
||||
@ -292,7 +292,7 @@ Provide linkage between forms. If a sub form with `name` prop update, it will au
|
||||
|
||||
```jsx
|
||||
validateFields()
|
||||
.then(values => {
|
||||
.then((values) => {
|
||||
/*
|
||||
values:
|
||||
{
|
||||
@ -301,7 +301,7 @@ validateFields()
|
||||
}
|
||||
*/
|
||||
})
|
||||
.catch(errorInfo => {
|
||||
.catch((errorInfo) => {
|
||||
/*
|
||||
errorInfo:
|
||||
{
|
||||
@ -525,8 +525,8 @@ Your name path should also contain Form.List `name`:
|
||||
|
||||
```tsx
|
||||
<Form.List name="users">
|
||||
{fields =>
|
||||
fields.map(field => (
|
||||
{(fields) =>
|
||||
fields.map((field) => (
|
||||
<React.Fragment key={field.key}>
|
||||
<Form.Item name={[field.name, 'name']} {...someRest1} />
|
||||
<Form.Item name={[field.name, 'age']} {...someRest1} />
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 表单
|
||||
group: 数据录入
|
||||
title: Form
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/ORmcdeaoO/Form.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*-lcdS5Qm1bsAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。
|
||||
@ -215,8 +215,8 @@ Form 通过增量更新方式，只更新被修改的字段相关组件以达到
|
||||
|
||||
```tsx
|
||||
<Form.List>
|
||||
{fields =>
|
||||
fields.map(field => (
|
||||
{(fields) =>
|
||||
fields.map((field) => (
|
||||
<Form.Item {...field}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
@ -256,7 +256,7 @@ Form.List 渲染表单相关操作函数。
|
||||
|
||||
```jsx
|
||||
<Form.Provider
|
||||
onFormFinish={name => {
|
||||
onFormFinish={(name) => {
|
||||
if (name === 'form1') {
|
||||
// Do something...
|
||||
}
|
||||
@ -291,7 +291,7 @@ Form.List 渲染表单相关操作函数。
|
||||
|
||||
```jsx
|
||||
validateFields()
|
||||
.then(values => {
|
||||
.then((values) => {
|
||||
/*
|
||||
values:
|
||||
{
|
||||
@ -300,7 +300,7 @@ validateFields()
|
||||
}
|
||||
*/
|
||||
})
|
||||
.catch(errorInfo => {
|
||||
.catch((errorInfo) => {
|
||||
/*
|
||||
errorInfo:
|
||||
{
|
||||
@ -524,8 +524,8 @@ Form.List 下的字段需要包裹 Form.List 本身的 `name`，比如：
|
||||
|
||||
```tsx
|
||||
<Form.List name="users">
|
||||
{fields =>
|
||||
fields.map(field => (
|
||||
{(fields) =>
|
||||
fields.map((field) => (
|
||||
<React.Fragment key={field.key}>
|
||||
<Form.Item name={[field.name, 'name']} {...someRest1} />
|
||||
<Form.Item name={[field.name, 'age']} {...someRest1} />
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Layout
|
||||
title: Grid
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5rWLU27so/Grid.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*mfJeS6cqZrEAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
24 Grids System.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 栅格
|
||||
group: 布局
|
||||
title: Grid
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5rWLU27so/Grid.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*mfJeS6cqZrEAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
24 栅格系统。
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: General
|
||||
title: Icon
|
||||
toc: false
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/rrwbSt3FQ/Icon.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*PdAYS7anRpoAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -4,7 +4,7 @@ subtitle: 图标
|
||||
group: 通用
|
||||
title: Icon
|
||||
toc: false
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/rrwbSt3FQ/Icon.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*PdAYS7anRpoAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: Data Display
|
||||
title: Image
|
||||
cols: 2
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/D1dXz9PZqa/image.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*FbOCS6aFMeUAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
Previewable image.
|
||||
|
||||
@ -4,7 +4,7 @@ subtitle: 图片
|
||||
group: 数据展示
|
||||
title: Image
|
||||
cols: 2
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/D1dXz9PZqa/image.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*FbOCS6aFMeUAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
可预览的图片。
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Entry
|
||||
title: InputNumber
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/XOS8qZ0kU/InputNumber.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JvWbSYhuNlIAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 数字输入框
|
||||
group: 数据录入
|
||||
title: InputNumber
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/XOS8qZ0kU/InputNumber.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JvWbSYhuNlIAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Entry
|
||||
title: Input
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/xS9YEJhfe/Input.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Y3R0RowXHlAAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 输入框
|
||||
group: 数据录入
|
||||
title: Input
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/xS9YEJhfe/Input.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Y3R0RowXHlAAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Layout
|
||||
title: Layout
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/hzEndUVEx/Layout.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*4i58ToAcxaYAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
Handling the overall layout of a page.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 布局
|
||||
group: 布局
|
||||
title: Layout
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/hzEndUVEx/Layout.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*4i58ToAcxaYAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
协助进行页面级整体布局。
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Display
|
||||
title: List
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*EYuhSpw1iSwAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: 数据展示
|
||||
title: List
|
||||
subtitle: 列表
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*EYuhSpw1iSwAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
通用列表。
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Entry
|
||||
title: Mentions
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/0pF5j477V/Mentions.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*e4bXT7Uhi9YAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 提及
|
||||
group: 数据录入
|
||||
title: Mentions
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/jPE-itMFM/Mentions.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*e4bXT7Uhi9YAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Navigation
|
||||
title: Menu
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*KeyQQL5iKkkAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
A versatile menu for navigation.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: 导航
|
||||
title: Menu
|
||||
subtitle: 导航菜单
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*KeyQQL5iKkkAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
为页面和功能提供导航的菜单列表。
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: Feedback
|
||||
noinstant: true
|
||||
title: Message
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/hAkKTIW0K/Message.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JjZBT6N1MusAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -4,7 +4,7 @@ subtitle: 全局提示
|
||||
group: 反馈
|
||||
noinstant: true
|
||||
title: Message
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/hAkKTIW0K/Message.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JjZBT6N1MusAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
group: Feedback
|
||||
category: Components
|
||||
title: Modal
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/3StSdUlSH/Modal.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*wM3qQ5XrhlcAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
@ -125,7 +125,7 @@ modal.update({
|
||||
});
|
||||
|
||||
// on 4.8.0 or above, you can pass a function to update modal
|
||||
modal.update(prevConfig => ({
|
||||
modal.update((prevConfig) => ({
|
||||
...prevConfig,
|
||||
title: `${prevConfig.title} (New)`,
|
||||
}));
|
||||
|
||||
@ -3,7 +3,7 @@ group: 反馈
|
||||
category: Components
|
||||
subtitle: 对话框
|
||||
title: Modal
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/3StSdUlSH/Modal.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*wM3qQ5XrhlcAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: Feedback
|
||||
noinstant: true
|
||||
title: Notification
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/Jxm5nw61w/Notification.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*6RWNQ78WtvEAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -4,7 +4,7 @@ group: 反馈
|
||||
noinstant: true
|
||||
title: Notification
|
||||
subtitle: 通知提醒框
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/Jxm5nw61w/Notification.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*6RWNQ78WtvEAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Navigation
|
||||
title: Pagination
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/1vqv2bj68/Pagination.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*8y_iTJGY_aUAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
A long list can be divided into several pages using `Pagination`, and only one page will be loaded at a time.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 分页
|
||||
group: 导航
|
||||
title: Pagination
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/1vqv2bj68/Pagination.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*8y_iTJGY_aUAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
采用分页的形式分隔长列表，每次只加载一个页面。
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Feedback
|
||||
title: Popconfirm
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/fjMCD9xRq/Popconfirm.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*sAGpRoBtTXcAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 气泡确认框
|
||||
group: 反馈
|
||||
title: Popconfirm
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/fjMCD9xRq/Popconfirm.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*sAGpRoBtTXcAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Display
|
||||
title: Popover
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/1PNL1p_cO/Popover.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*XhL3QpRw92kAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 气泡卡片
|
||||
group: 数据展示
|
||||
title: Popover
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/1PNL1p_cO/Popover.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*XhL3QpRw92kAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Feedback
|
||||
title: Progress
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/xqsDu4ZyR/Progress.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*gK_4S6fDRfgAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 进度条
|
||||
group: 反馈
|
||||
title: Progress
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/xqsDu4ZyR/Progress.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*gK_4S6fDRfgAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Entry
|
||||
title: Radio
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8cYb5seNB/Radio.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*M-YKTJnWM2kAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 单选框
|
||||
group: 数据录入
|
||||
title: Radio
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8cYb5seNB/Radio.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*M-YKTJnWM2kAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Entry
|
||||
title: Rate
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/R5uiIWmxe/Rate.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*oyOcTrB12_YAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 评分
|
||||
group: 数据录入
|
||||
title: Rate
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/R5uiIWmxe/Rate.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*oyOcTrB12_YAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
group: Feedback
|
||||
category: Components
|
||||
title: Result
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/9nepwjaLa/Result.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*-e2IRroDJyEAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
Used to feed back the results of a series of operational tasks.
|
||||
|
||||
@ -3,7 +3,7 @@ group: 反馈
|
||||
category: Components
|
||||
title: Result
|
||||
subtitle: 结果
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/9nepwjaLa/Result.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*-e2IRroDJyEAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
用于反馈一系列操作任务的处理结果。
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Display
|
||||
title: Segmented
|
||||
cover: https://gw.alipayobjects.com/zos/bmw-prod/a3ff040f-24ba-43e0-92e9-c845df1612ad.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*papwTpNscPIAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 分段控制器
|
||||
group: 数据展示
|
||||
title: Segmented
|
||||
cover: https://gw.alipayobjects.com/zos/bmw-prod/a3ff040f-24ba-43e0-92e9-c845df1612ad.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*papwTpNscPIAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Entry
|
||||
title: Select
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/_0XzgOis7/Select.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*zo76T7KQx2UAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
@ -153,7 +153,7 @@ Select will close when it lose focus. You can prevent event to handle this:
|
||||
<Select
|
||||
dropdownRender={() => (
|
||||
<div
|
||||
onMouseDown={e => {
|
||||
onMouseDown={(e) => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
}}
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 选择器
|
||||
group: 数据录入
|
||||
title: Select
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/_0XzgOis7/Select.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*zo76T7KQx2UAAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
@ -154,7 +154,7 @@ Select 当失去焦点时会关闭下拉框，如果你可以通过阻止默认
|
||||
<Select
|
||||
dropdownRender={() => (
|
||||
<div
|
||||
onMouseDown={e => {
|
||||
onMouseDown={(e) => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
}}
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Feedback
|
||||
title: Skeleton
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*uae3QbkNCm8AAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
Provide a placeholder while you wait for content to load, or to visualize content that doesn't exist yet.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 骨架屏
|
||||
group: 反馈
|
||||
title: Skeleton
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*uae3QbkNCm8AAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
在需要等待加载内容的位置提供一个占位图形组合。
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Entry
|
||||
title: Slider
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/HZ3meFc6W/Silder.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*_4heQaUrFn4AAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 滑动输入条
|
||||
group: 数据录入
|
||||
title: Slider
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/HZ3meFc6W/Silder.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*_4heQaUrFn4AAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Layout
|
||||
title: Space
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/wc6%263gJ0Y8/Space.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*ZiJ3SbOH9SUAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
Set components spacing.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: 布局
|
||||
subtitle: 间距
|
||||
title: Space
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/wc6%263gJ0Y8/Space.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*ZiJ3SbOH9SUAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
设置组件之间的间距。
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Feedback
|
||||
title: Spin
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/LBcJqCPRv/Spin.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*5mC5TomY4B0AAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
group: 反馈
|
||||
title: Spin
|
||||
subtitle: 加载中
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/LBcJqCPRv/Spin.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*5mC5TomY4B0AAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Data Display
|
||||
title: Statistic
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/rcBNhLBrKbE/Statistic.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*YL7PRYNtH-4AAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 统计数值
|
||||
group: 数据展示
|
||||
title: Statistic
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/rcBNhLBrKbE/Statistic.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*YL7PRYNtH-4AAAAAAAAAAAAADrJ8AQ/original
|
||||
demo:
|
||||
cols: 2
|
||||
---
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
category: Components
|
||||
group: Navigation
|
||||
title: Steps
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/UZYqMizXHaj/Steps.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*677sTqCpE3wAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
`Steps` is a navigation bar that guides users through the steps of a task.
|
||||
|
||||
@ -3,7 +3,7 @@ category: Components
|
||||
subtitle: 步骤条
|
||||
group: 导航
|
||||
title: Steps
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/UZYqMizXHaj/Steps.svg
|
||||
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*677sTqCpE3wAAAAAAAAAAAAADrJ8AQ/original
|
||||
---
|
||||
|
||||
引导用户按照流程完成任务的导航条。
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user