@agentscope-ai/design 1.0.19 → 1.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/commonComponents/CodeBlock/index.js +21 -12
- package/llms/all.llms.txt +4976 -0
- package/llms/components/commonComponents/Alert/index.zh-CN.llms.txt +32 -0
- package/llms/components/commonComponents/AlertDialog/index.zh-CN.llms.txt +171 -0
- package/llms/components/commonComponents/Anchor/index.zh-CN.llms.txt +51 -0
- package/llms/components/commonComponents/Audio/index.zh-CN.llms.txt +7 -0
- package/llms/components/commonComponents/Avatar/index.zh-CN.llms.txt +37 -0
- package/llms/components/commonComponents/Breadcrumb/index.zh-CN.llms.txt +117 -0
- package/llms/components/commonComponents/Button/index.zh-CN.llms.txt +54 -0
- package/llms/components/commonComponents/Card/index.zh-CN.llms.txt +61 -0
- package/llms/components/commonComponents/Checkbox/index.zh-CN.llms.txt +69 -0
- package/llms/components/commonComponents/CodeBlock/index.zh-CN.llms.txt +13 -0
- package/llms/components/commonComponents/Collapse/index.zh-CN.llms.txt +56 -0
- package/llms/components/commonComponents/CollapsePanel/index.zh-CN.llms.txt +69 -0
- package/llms/components/commonComponents/DatePicker/index.zh-CN.llms.txt +221 -0
- package/llms/components/commonComponents/Descriptions/index.zh-CN.llms.txt +37 -0
- package/llms/components/commonComponents/Drawer/index.zh-CN.llms.txt +62 -0
- package/llms/components/commonComponents/Dropdown/index.zh-CN.llms.txt +149 -0
- package/llms/components/commonComponents/Empty/index.zh-CN.llms.txt +41 -0
- package/llms/components/commonComponents/FloatButton/index.zh-CN.llms.txt +51 -0
- package/llms/components/commonComponents/Form/index.zh-CN.llms.txt +558 -0
- package/llms/components/commonComponents/IconButton/index.zh-CN.llms.txt +45 -0
- package/llms/components/commonComponents/Image/index.zh-CN.llms.txt +165 -0
- package/llms/components/commonComponents/Input/index.zh-CN.llms.txt +133 -0
- package/llms/components/commonComponents/InputNumber/index.zh-CN.llms.txt +51 -0
- package/llms/components/commonComponents/Message/index.zh-CN.llms.txt +98 -0
- package/llms/components/commonComponents/Modal/index.zh-CN.llms.txt +168 -0
- package/llms/components/commonComponents/Notification/index.zh-CN.llms.txt +94 -0
- package/llms/components/commonComponents/Pagination/index.zh-CN.llms.txt +45 -0
- package/llms/components/commonComponents/Popconfirm/index.zh-CN.llms.txt +55 -0
- package/llms/components/commonComponents/Popover/index.zh-CN.llms.txt +43 -0
- package/llms/components/commonComponents/Progress/index.zh-CN.llms.txt +50 -0
- package/llms/components/commonComponents/PromptsEditor/index.zh-CN.llms.txt +15 -0
- package/llms/components/commonComponents/Radio/index.zh-CN.llms.txt +66 -0
- package/llms/components/commonComponents/RadioButton/index.zh-CN.llms.txt +73 -0
- package/llms/components/commonComponents/Result/index.zh-CN.llms.txt +10 -0
- package/llms/components/commonComponents/Select/index.zh-CN.llms.txt +96 -0
- package/llms/components/commonComponents/Skeleton/index.zh-CN.llms.txt +59 -0
- package/llms/components/commonComponents/Slider/index.zh-CN.llms.txt +62 -0
- package/llms/components/commonComponents/Spinner/index.zh-CN.llms.txt +15 -0
- package/llms/components/commonComponents/Statistic/index.zh-CN.llms.txt +58 -0
- package/llms/components/commonComponents/Steps/index.zh-CN.llms.txt +57 -0
- package/llms/components/commonComponents/Switch/index.zh-CN.llms.txt +39 -0
- package/llms/components/commonComponents/Table/index.zh-CN.llms.txt +254 -0
- package/llms/components/commonComponents/Tabs/index.zh-CN.llms.txt +68 -0
- package/llms/components/commonComponents/Tag/index.zh-CN.llms.txt +33 -0
- package/llms/components/commonComponents/TimePicker/index.zh-CN.llms.txt +111 -0
- package/llms/components/commonComponents/Tooltip/index.zh-CN.llms.txt +45 -0
- package/llms/components/commonComponents/Upload/index.zh-CN.llms.txt +95 -0
- package/llms/components/commonComponents/Video/index.zh-CN.llms.txt +11 -0
- package/llms/docs/guide/fromAntd.zh-CN.llms.txt +156 -0
- package/llms/docs/guide/fromScratch.zh-CN.llms.txt +83 -0
- package/llms/docs/guide/iconfont.zh-CN.llms.txt +69 -0
- package/llms/docs/guide/overview.zh-CN.llms.txt +51 -0
- package/llms/docs/guide/sparkIcons.zh-CN.llms.txt +25 -0
- package/llms/docs/guide/theme.zh-CN.llms.txt +61 -0
- package/llms/docs/guide/tokens&variables.zh-CN.llms.txt +433 -0
- package/llms/docs/guide/vibe-coding.zh-CN.llms.txt +29 -0
- package/llms/index.llms.txt +58 -0
- package/package.json +4 -2
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<DemoTitle title="Notification" desc="用于指示任务的完成进度">
|
|
4
|
+
#### API
|
|
5
|
+
|
|
6
|
+
<AntdApiRef url="https://ant.design/components/notification-cn/#api"></AntdApiRef>
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
## antd API
|
|
10
|
+
|
|
11
|
+
通用属性参考:[通用属性](/docs/react/common-props)
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
- `notification.success(config)`
|
|
15
|
+
- `notification.error(config)`
|
|
16
|
+
- `notification.info(config)`
|
|
17
|
+
- `notification.warning(config)`
|
|
18
|
+
- `notification.open(config)`
|
|
19
|
+
- `notification.destroy(key?: String)`
|
|
20
|
+
|
|
21
|
+
config 参数如下:
|
|
22
|
+
|
|
23
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
24
|
+
|--------|--------|--------|--------|--------|
|
|
25
|
+
| actions | 自定义按钮组 | ReactNode | - | 5.24.0 |
|
|
26
|
+
| className | 自定义 CSS class | string | - | - |
|
|
27
|
+
| closeIcon | 自定义关闭图标 | ReactNode | true | 5.7.0:设置为 null 或 false 时隐藏关闭按钮 |
|
|
28
|
+
| description | 通知提醒内容,必选 | ReactNode | - | - |
|
|
29
|
+
| duration | 默认 4.5 秒后自动关闭,配置为 null 则不自动关闭 | number | 4.5 | - |
|
|
30
|
+
| showProgress | 显示自动关闭通知框的进度条 | boolean | | 5.18.0 |
|
|
31
|
+
| pauseOnHover | 悬停时是否暂停计时器 | boolean | true | 5.18.0 |
|
|
32
|
+
| icon | 自定义图标 | ReactNode | - | - |
|
|
33
|
+
| key | 当前通知唯一标志 | string | - | - |
|
|
34
|
+
| message | 通知提醒标题,必选 | ReactNode | - | - |
|
|
35
|
+
| placement | 弹出位置,可选 | string | topRight | - |
|
|
36
|
+
| style | 自定义内联样式 | | - | - |
|
|
37
|
+
| role | 供屏幕阅读器识别的通知内容语义,默认为 | alert \| status | alert | 5.6.0 |
|
|
38
|
+
| onClick | 点击通知时触发的回调函数 | function | - | - |
|
|
39
|
+
| onClose | 当通知关闭时触发 | function | - | - |
|
|
40
|
+
| props | 透传至通知 | Object | - | - |
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
- `notification.useNotification(config)`
|
|
45
|
+
|
|
46
|
+
config 参数如下:
|
|
47
|
+
|
|
48
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
49
|
+
|--------|--------|--------|--------|--------|
|
|
50
|
+
| bottom | 消息从底部弹出时,距离底部的位置,单位像素 | number | 24 | |
|
|
51
|
+
| closeIcon | 自定义关闭图标 | ReactNode | true | 5.7.0:设置为 null 或 false 时隐藏关闭按钮 |
|
|
52
|
+
| getContainer | 配置渲染节点的输出位置 | () => HTMLNode | () => document.body | |
|
|
53
|
+
| placement | 弹出位置,可选 | string | topRight | |
|
|
54
|
+
| showProgress | 显示自动关闭通知框的进度条 | boolean | | 5.18.0 |
|
|
55
|
+
| pauseOnHover | 悬停时是否暂停计时器 | boolean | true | 5.18.0 |
|
|
56
|
+
| rtl | 是否开启 RTL 模式 | boolean | false | |
|
|
57
|
+
| stack | 堆叠模式,超过阈值时会将所有消息收起 | boolean \| | { threshold: 3 } | 5.10.0 |
|
|
58
|
+
| top | 消息从顶部弹出时,距离顶部的位置,单位像素 | number | 24 | |
|
|
59
|
+
| maxCount | 最大显示数,超过限制时,最早的消息会被自动关闭 | number | - | 4.17.0 |
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
### 全局配置
|
|
63
|
+
|
|
64
|
+
还提供了一个全局配置方法,在调用前提前配置,全局一次生效。
|
|
65
|
+
|
|
66
|
+
`notification.config(options)`
|
|
67
|
+
|
|
68
|
+
当你使用 `ConfigProvider` 进行全局化配置时,系统会默认自动开启 RTL 模式。(4.3.0+)当你想单独使用,可通过如下设置开启 RTL 模式。
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
```js
|
|
72
|
+
notification.config({
|
|
73
|
+
placement: 'bottomRight',
|
|
74
|
+
bottom: 50,
|
|
75
|
+
duration: 3,
|
|
76
|
+
rtl: true,
|
|
77
|
+
});
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
#### notification.config
|
|
82
|
+
|
|
83
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
84
|
+
|--------|--------|--------|--------|--------|
|
|
85
|
+
| bottom | 消息从底部弹出时,距离底部的位置,单位像素 | number | 24 | |
|
|
86
|
+
| closeIcon | 自定义关闭图标 | ReactNode | true | 5.7.0:设置为 null 或 false 时隐藏关闭按钮 |
|
|
87
|
+
| duration | 默认自动关闭延时,单位秒 | number | 4.5 | |
|
|
88
|
+
| showProgress | 显示自动关闭通知框的进度条 | boolean | | 5.18.0 |
|
|
89
|
+
| pauseOnHover | 悬停时是否暂停计时器 | boolean | true | 5.18.0 |
|
|
90
|
+
| getContainer | 配置渲染节点的输出位置,但依旧为全屏展示 | () => HTMLNode | () => document.body | |
|
|
91
|
+
| placement | 弹出位置,可选 | string | topRight | |
|
|
92
|
+
| rtl | 是否开启 RTL 模式 | boolean | false | |
|
|
93
|
+
| top | 消息从顶部弹出时,距离顶部的位置,单位像素 | number | 24 | |
|
|
94
|
+
| maxCount | 最大显示数,超过限制时,最早的消息会被自动关闭 | number | - | 4.17.0 |
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<DemoTitle title="Pagination" desc="分页器用于分隔长列表,每次只加载一个页面。">
|
|
4
|
+
## API
|
|
5
|
+
|
|
6
|
+
| 属性名 | 描述 | 类型 | 默认值 |
|
|
7
|
+
|--------|--------|--------|--------|
|
|
8
|
+
| hideSwitchButton | 是否展示上一页/下一页的切换按钮 | boolean | false |
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
<AntdApiRef url="https://ant.design/components/pagination-cn/#api"></AntdApiRef>
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## antd API
|
|
15
|
+
|
|
16
|
+
通用属性参考:[通用属性](/docs/react/common-props)
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
```jsx
|
|
20
|
+
<Pagination onChange={onChange} total={50} />
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
25
|
+
|--------|--------|--------|--------|--------|
|
|
26
|
+
| align | 对齐方式 | start \| center \| end | - | 5.19.0 |
|
|
27
|
+
| current | 当前页数 | number | - | |
|
|
28
|
+
| defaultCurrent | 默认的当前页数 | number | 1 | |
|
|
29
|
+
| defaultPageSize | 默认的每页条数 | number | 10 | |
|
|
30
|
+
| disabled | 禁用分页 | boolean | - | |
|
|
31
|
+
| hideOnSinglePage | 只有一页时是否隐藏分页器 | boolean | false | |
|
|
32
|
+
| itemRender | 用于自定义页码的结构,可用于优化 SEO | (page, type: 'page' \| 'prev' \| 'next', originalElement) => React.ReactNode | - | |
|
|
33
|
+
| pageSize | 每页条数 | number | - | |
|
|
34
|
+
| pageSizeOptions | 指定每页可以显示多少条 | number[] | [ | |
|
|
35
|
+
| responsive | 当 size 未指定时,根据屏幕宽度自动调整尺寸 | boolean | - | |
|
|
36
|
+
| showLessItems | 是否显示较少页面内容 | boolean | false | |
|
|
37
|
+
| showQuickJumper | 是否可以快速跳转至某页 | boolean \| { goButton: ReactNode } | false | |
|
|
38
|
+
| showSizeChanger | 是否展示 | boolean \| | - | SelectProps: 5.21.0 |
|
|
39
|
+
| showTitle | 是否显示原生 tooltip 页码提示 | boolean | true | |
|
|
40
|
+
| showTotal | 用于显示数据总量和当前数据顺序 | function(total, range) | - | |
|
|
41
|
+
| simple | 当添加该属性时,显示为简单分页 | boolean \| { readOnly?: boolean } | - | |
|
|
42
|
+
| size | 当为 | default | default | |
|
|
43
|
+
| total | 数据总数 | number | 0 | |
|
|
44
|
+
| onChange | 页码或 | function(page, pageSize) | - | |
|
|
45
|
+
| onShowSizeChange | pageSize 变化的回调 | function(current, size) | - | |
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<DemoTitle title="Popconfirm" desc="点击元素,弹出气泡式的确认框。">
|
|
4
|
+
#### API
|
|
5
|
+
|
|
6
|
+
| 属性名 | 描述 | 类型 | 默认值 |
|
|
7
|
+
|--------|--------|--------|--------|
|
|
8
|
+
| type | 类型 | 'info' \| 'warning' \| 'error' \| 'success' \| 'confirm' | 'confirm' |
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
<AntdApiRef url="https://ant.design/components/popconfirm-cn/#api"></AntdApiRef>
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## antd API
|
|
15
|
+
|
|
16
|
+
通用属性参考:[通用属性](/docs/react/common-props)
|
|
17
|
+
|
|
18
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
19
|
+
|--------|--------|--------|--------|--------|
|
|
20
|
+
| cancelButtonProps | cancel 按钮 props | | - | |
|
|
21
|
+
| cancelText | 取消按钮文字 | string | 取消 | |
|
|
22
|
+
| disabled | 阻止点击 Popconfirm 子元素时弹出确认框 | boolean | false | |
|
|
23
|
+
| icon | 自定义弹出气泡 Icon 图标 | ReactNode | | |
|
|
24
|
+
| okButtonProps | ok 按钮 props | | - | |
|
|
25
|
+
| okText | 确认按钮文字 | string | 确定 | |
|
|
26
|
+
| okType | 确认按钮类型 | string | primary | |
|
|
27
|
+
| showCancel | 是否显示取消按钮 | boolean | true | 4.18.0 |
|
|
28
|
+
| title | 确认框标题 | ReactNode \| () => ReactNode | - | |
|
|
29
|
+
| description | 确认内容的详细描述 | ReactNode \| () => ReactNode | - | 5.1.0 |
|
|
30
|
+
| onCancel | 点击取消的回调 | function(e) | - | |
|
|
31
|
+
| onConfirm | 点击确认的回调 | function(e) | - | |
|
|
32
|
+
| onPopupClick | 弹出气泡点击事件 | function(e) | - | 5.5.0 |
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
<!-- 共同的 API -->
|
|
36
|
+
以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
|
|
37
|
+
|
|
38
|
+
<!-- prettier-ignore -->
|
|
39
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
40
|
+
|--------|--------|--------|--------|--------|
|
|
41
|
+
| align | 该值将合并到 placement 的配置中,设置参考 | object | - | |
|
|
42
|
+
| arrow | 修改箭头的显示状态以及修改箭头是否指向目标元素中心 | boolean \| { pointAtCenter: boolean } | true | 5.2.0 |
|
|
43
|
+
| autoAdjustOverflow | 气泡被遮挡时自动调整位置 | boolean | true | |
|
|
44
|
+
| color | 背景颜色 | string | - | 4.3.0 |
|
|
45
|
+
| defaultOpen | 默认是否显隐 | boolean | false | 4.23.0 |
|
|
46
|
+
| destroyOnHidden | 关闭后是否销毁 dom | boolean | false | 5.25.0 |
|
|
47
|
+
| fresh | 默认情况下,Tooltip 在关闭时会缓存内容。设置该属性后会始终保持更新 | boolean | false | 5.10.0 |
|
|
48
|
+
| getPopupContainer | 浮层渲染父节点,默认渲染到 body 上 | (triggerNode: HTMLElement) => HTMLElement | () => document.body | |
|
|
49
|
+
| mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip,单位:秒 | number | 0.1 | |
|
|
50
|
+
| mouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip,单位:秒 | number | 0.1 | |
|
|
51
|
+
| placement | 气泡框位置,可选 | string | top | |
|
|
52
|
+
| trigger | 触发行为,可选 | string \| string[] | hover | |
|
|
53
|
+
| open | 用于手动控制浮层显隐,小于 4.23.0 使用 | boolean | false | 4.23.0 |
|
|
54
|
+
| zIndex | 设置 Tooltip 的 | number | - | |
|
|
55
|
+
| onOpenChange | 显示隐藏的回调 | (open: boolean) => void | - | 4.23.0 |
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<DemoTitle title="Popover" desc="点击/鼠标移入元素,弹出气泡式的卡片浮层">
|
|
4
|
+
#### API
|
|
5
|
+
|
|
6
|
+
<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
## antd API
|
|
10
|
+
|
|
11
|
+
通用属性参考:[通用属性](/docs/react/common-props)
|
|
12
|
+
|
|
13
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
14
|
+
|--------|--------|--------|--------|--------|
|
|
15
|
+
| content | 卡片内容 | ReactNode \| () => ReactNode | - | |
|
|
16
|
+
| title | 卡片标题 | ReactNode \| () => ReactNode | - | |
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
<!-- 共同的 API -->
|
|
20
|
+
以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
|
|
21
|
+
|
|
22
|
+
<!-- prettier-ignore -->
|
|
23
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
24
|
+
|--------|--------|--------|--------|--------|
|
|
25
|
+
| align | 该值将合并到 placement 的配置中,设置参考 | object | - | |
|
|
26
|
+
| arrow | 修改箭头的显示状态以及修改箭头是否指向目标元素中心 | boolean \| { pointAtCenter: boolean } | true | 5.2.0 |
|
|
27
|
+
| autoAdjustOverflow | 气泡被遮挡时自动调整位置 | boolean | true | |
|
|
28
|
+
| color | 背景颜色 | string | - | 4.3.0 |
|
|
29
|
+
| defaultOpen | 默认是否显隐 | boolean | false | 4.23.0 |
|
|
30
|
+
| destroyOnHidden | 关闭后是否销毁 dom | boolean | false | 5.25.0 |
|
|
31
|
+
| fresh | 默认情况下,Tooltip 在关闭时会缓存内容。设置该属性后会始终保持更新 | boolean | false | 5.10.0 |
|
|
32
|
+
| getPopupContainer | 浮层渲染父节点,默认渲染到 body 上 | (triggerNode: HTMLElement) => HTMLElement | () => document.body | |
|
|
33
|
+
| mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip,单位:秒 | number | 0.1 | |
|
|
34
|
+
| mouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip,单位:秒 | number | 0.1 | |
|
|
35
|
+
| placement | 气泡框位置,可选 | string | top | |
|
|
36
|
+
| trigger | 触发行为,可选 | string \| string[] | hover | |
|
|
37
|
+
| open | 用于手动控制浮层显隐,小于 4.23.0 使用 | boolean | false | 4.23.0 |
|
|
38
|
+
| zIndex | 设置 Tooltip 的 | number | - | |
|
|
39
|
+
| onOpenChange | 显示隐藏的回调 | (open: boolean) => void | - | 4.23.0 |
|
|
40
|
+
|
|
41
|
+
## 注意
|
|
42
|
+
|
|
43
|
+
请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<DemoTitle title="Progress" desc="用于指示任务的完成进度">
|
|
4
|
+
## antd API
|
|
5
|
+
|
|
6
|
+
通用属性参考:[通用属性](/docs/react/common-props)
|
|
7
|
+
|
|
8
|
+
各类型共用的属性。
|
|
9
|
+
|
|
10
|
+
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|
|
11
|
+
|--------|--------|--------|--------|--------|
|
|
12
|
+
| format | 内容的模板函数 | function(percent, successPercent) | (percent) => percent + | - |
|
|
13
|
+
| percent | 百分比 | number | 0 | - |
|
|
14
|
+
| showInfo | 是否显示进度数值或状态图标 | boolean | true | - |
|
|
15
|
+
| status | 状态,可选: | string | - | - |
|
|
16
|
+
| strokeColor | 进度条的色彩 | string | - | - |
|
|
17
|
+
| strokeLinecap | 进度条的样式 | round | round | - |
|
|
18
|
+
| success | 成功进度条相关配置 | { percent: number, strokeColor: string } | - | - |
|
|
19
|
+
| trailColor | 未完成的分段的颜色 | string | - | - |
|
|
20
|
+
| type | 类型,可选 | string | line | - |
|
|
21
|
+
| size | 进度条的尺寸 | number \| [number \| string, number] \| { width: number, height: number } \| "small" \| "default" | "default" | 5.3.0, Object: 5.18.0 |
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
### `type="line"`
|
|
25
|
+
|
|
26
|
+
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|
|
27
|
+
|--------|--------|--------|--------|--------|
|
|
28
|
+
| steps | 进度条总共步数 | number | - | - |
|
|
29
|
+
| rounding | 用于四舍五入数值的函数 | (step: number) => number | Math.round | 5.24.0 |
|
|
30
|
+
| strokeColor | 进度条的色彩,传入 object 时为渐变。当有 | string \| string[] \| { from: string; to: string; direction: string } | - | 4.21.0: |
|
|
31
|
+
| percentPosition | 进度数值位置,传入对象, | { align: string; type: string } | { align: "end", type: "outer" } | 5.18.0 |
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
### `type="circle"`
|
|
35
|
+
|
|
36
|
+
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|
|
37
|
+
|--------|--------|--------|--------|--------|
|
|
38
|
+
| steps | 进度条总共步数,传入 object 时,count 指步数,gap 指间隔大小。传 number 类型时,gap 默认为 2。 | number \| { count: number, gap: number } | - | 5.16.0 |
|
|
39
|
+
| strokeColor | 圆形进度条线的色彩,传入 object 时为渐变 | string \| { number%: string } | - | - |
|
|
40
|
+
| strokeWidth | 圆形进度条线的宽度,单位是进度条画布宽度的百分比 | number | 6 | - |
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
### `type="dashboard"`
|
|
44
|
+
|
|
45
|
+
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|
|
46
|
+
|--------|--------|--------|--------|--------|
|
|
47
|
+
| steps | 进度条总共步数,传入 object 时,count 指步数,gap 指间隔大小。传 number 类型时,gap 默认为 2。 | number \| { count: number, gap: number } | - | 5.16.0 |
|
|
48
|
+
| gapDegree | 仪表盘进度条缺口角度,可取值 0 ~ 295 | number | 75 | - |
|
|
49
|
+
| gapPosition | 仪表盘进度条缺口位置 | top | bottom | - |
|
|
50
|
+
| strokeWidth | 仪表盘进度条线的宽度,单位是进度条画布宽度的百分比 | number | 6 | - |
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<DemoTitle title="MdEditor" desc="提示词编辑器,可以高亮 Markdown 的语法,支持自定义槽位变量的插入">
|
|
4
|
+
#### API
|
|
5
|
+
|
|
6
|
+
| 属性名 | 描述 | 类型 | 默认值 |
|
|
7
|
+
|--------|--------|--------|--------|
|
|
8
|
+
| maxLength | 可以输入内容的最大长度 | number | |
|
|
9
|
+
| value | 输入的内容 | string | (必填) |
|
|
10
|
+
| className | 输入内容的类名 | string | |
|
|
11
|
+
| onChange | 输入内容的回调 | (value: string) => void | |
|
|
12
|
+
| variables | 可以插入的变量列表 | Array | |
|
|
13
|
+
| onCreate | 新增变量的触发回调 | () => void | |
|
|
14
|
+
| createBtnText | 新增变量的按钮文本 | string | |
|
|
15
|
+
| tipsText | 提示文本,传入 false 时隐藏提示 | string \| React.ReactNode \| false | |
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<DemoTitle title="Radio" desc="用于在多个备选项中选中单个状态。">
|
|
4
|
+
#### API
|
|
5
|
+
|
|
6
|
+
<AntdApiRef url="https://ant.design/components/radio-cn/#api"></AntdApiRef>
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
## antd API
|
|
10
|
+
|
|
11
|
+
通用属性参考:[通用属性](/docs/react/common-props)
|
|
12
|
+
|
|
13
|
+
### Radio/Radio.Button
|
|
14
|
+
|
|
15
|
+
<!-- prettier-ignore -->
|
|
16
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
|
17
|
+
|--------|--------|--------|--------|
|
|
18
|
+
| autoFocus | 自动获取焦点 | boolean | false |
|
|
19
|
+
| checked | 指定当前是否选中 | boolean | false |
|
|
20
|
+
| defaultChecked | 初始是否选中 | boolean | false |
|
|
21
|
+
| disabled | 禁用 Radio | boolean | false |
|
|
22
|
+
| value | 根据 value 进行比较,判断是否选中 | any | - |
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### Radio.Group
|
|
26
|
+
|
|
27
|
+
单选框组合,用于包裹一组 `Radio`。
|
|
28
|
+
|
|
29
|
+
<!-- prettier-ignore -->
|
|
30
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
31
|
+
|--------|--------|--------|--------|--------|
|
|
32
|
+
| buttonStyle | RadioButton 的风格样式,目前有描边和填色两种风格 | outline | outline | | |
|
|
33
|
+
| defaultValue | 默认选中的值 | any | - | | |
|
|
34
|
+
| disabled | 禁选所有子单选器 | boolean | false | | |
|
|
35
|
+
| name | RadioGroup 下所有 | string | - | | |
|
|
36
|
+
| options | 以配置形式设置子元素 | string[] \| number[] \| Array< | - | | |
|
|
37
|
+
| optionType | 用于设置 Radio | default | default | 4.4.0 | |
|
|
38
|
+
| size | 大小,只对按钮样式生效 | large | - | | |
|
|
39
|
+
| value | 用于设置当前选中的值 | any | - | | |
|
|
40
|
+
| block | 将 RadioGroup 宽度调整为其父宽度的选项 | boolean | false | 5.21.0 | |
|
|
41
|
+
| onChange | 选项变化时的回调函数 | function(e:Event) | - | | |
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
### CheckboxOptionType
|
|
45
|
+
|
|
46
|
+
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|
|
47
|
+
|--------|--------|--------|--------|--------|
|
|
48
|
+
| label | 用于作为 Radio 选项展示的文本 | string | - | 4.4.0 |
|
|
49
|
+
| value | 关联 Radio 选项的值 | string | - | 4.4.0 |
|
|
50
|
+
| style | 应用到 Radio 选项的 style | React.CSSProperties | - | 4.4.0 |
|
|
51
|
+
| className | Radio 选项的类名 | string | - | 5.25.0 |
|
|
52
|
+
| disabled | 指定 Radio 选项是否要禁用 | boolean | false | 4.4.0 |
|
|
53
|
+
| title | 添加 Title 属性值 | string | - | 4.4.0 |
|
|
54
|
+
| id | 添加 Radio Id 属性值 | string | - | 4.4.0 |
|
|
55
|
+
| onChange | 当 Radio Group 的值发送改变时触发 | (e: CheckboxChangeEvent) => void; | - | 4.4.0 |
|
|
56
|
+
| required | 指定 Radio 选项是否必填 | boolean | false | 4.4.0 |
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
## 方法
|
|
60
|
+
|
|
61
|
+
### Radio
|
|
62
|
+
|
|
63
|
+
| 名称 | 描述 |
|
|
64
|
+
|--------|--------|
|
|
65
|
+
| blur() | 移除焦点 |
|
|
66
|
+
| focus() | 获取焦点 |
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<DemoTitle title="RadioButton" desc="用于在多个备选项中选中单个状态。">
|
|
4
|
+
#### API
|
|
5
|
+
|
|
6
|
+
| 属性名 | 描述 | 类型 | 默认值 |
|
|
7
|
+
|--------|--------|--------|--------|
|
|
8
|
+
| bordered | 边框 | boolean | false |
|
|
9
|
+
| ghost | 按钮背景色类型 | boolean | true |
|
|
10
|
+
| gap | 间距 | number | 12 px |
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
<AntdApiRef url="https://ant.design/components/radio-cn/#api"></AntdApiRef>
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
## antd API
|
|
17
|
+
|
|
18
|
+
通用属性参考:[通用属性](/docs/react/common-props)
|
|
19
|
+
|
|
20
|
+
### Radio/Radio.Button
|
|
21
|
+
|
|
22
|
+
<!-- prettier-ignore -->
|
|
23
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
|
24
|
+
|--------|--------|--------|--------|
|
|
25
|
+
| autoFocus | 自动获取焦点 | boolean | false |
|
|
26
|
+
| checked | 指定当前是否选中 | boolean | false |
|
|
27
|
+
| defaultChecked | 初始是否选中 | boolean | false |
|
|
28
|
+
| disabled | 禁用 Radio | boolean | false |
|
|
29
|
+
| value | 根据 value 进行比较,判断是否选中 | any | - |
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
### Radio.Group
|
|
33
|
+
|
|
34
|
+
单选框组合,用于包裹一组 `Radio`。
|
|
35
|
+
|
|
36
|
+
<!-- prettier-ignore -->
|
|
37
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
38
|
+
|--------|--------|--------|--------|--------|
|
|
39
|
+
| buttonStyle | RadioButton 的风格样式,目前有描边和填色两种风格 | outline | outline | | |
|
|
40
|
+
| defaultValue | 默认选中的值 | any | - | | |
|
|
41
|
+
| disabled | 禁选所有子单选器 | boolean | false | | |
|
|
42
|
+
| name | RadioGroup 下所有 | string | - | | |
|
|
43
|
+
| options | 以配置形式设置子元素 | string[] \| number[] \| Array< | - | | |
|
|
44
|
+
| optionType | 用于设置 Radio | default | default | 4.4.0 | |
|
|
45
|
+
| size | 大小,只对按钮样式生效 | large | - | | |
|
|
46
|
+
| value | 用于设置当前选中的值 | any | - | | |
|
|
47
|
+
| block | 将 RadioGroup 宽度调整为其父宽度的选项 | boolean | false | 5.21.0 | |
|
|
48
|
+
| onChange | 选项变化时的回调函数 | function(e:Event) | - | | |
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
### CheckboxOptionType
|
|
52
|
+
|
|
53
|
+
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|
|
54
|
+
|--------|--------|--------|--------|--------|
|
|
55
|
+
| label | 用于作为 Radio 选项展示的文本 | string | - | 4.4.0 |
|
|
56
|
+
| value | 关联 Radio 选项的值 | string | - | 4.4.0 |
|
|
57
|
+
| style | 应用到 Radio 选项的 style | React.CSSProperties | - | 4.4.0 |
|
|
58
|
+
| className | Radio 选项的类名 | string | - | 5.25.0 |
|
|
59
|
+
| disabled | 指定 Radio 选项是否要禁用 | boolean | false | 4.4.0 |
|
|
60
|
+
| title | 添加 Title 属性值 | string | - | 4.4.0 |
|
|
61
|
+
| id | 添加 Radio Id 属性值 | string | - | 4.4.0 |
|
|
62
|
+
| onChange | 当 Radio Group 的值发送改变时触发 | (e: CheckboxChangeEvent) => void; | - | 4.4.0 |
|
|
63
|
+
| required | 指定 Radio 选项是否必填 | boolean | false | 4.4.0 |
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
## 方法
|
|
67
|
+
|
|
68
|
+
### Radio
|
|
69
|
+
|
|
70
|
+
| 名称 | 描述 |
|
|
71
|
+
|--------|--------|
|
|
72
|
+
| blur() | 移除焦点 |
|
|
73
|
+
| focus() | 获取焦点 |
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<DemoTitle title="Select" desc="下拉选择器">
|
|
4
|
+
## antd API
|
|
5
|
+
|
|
6
|
+
通用属性参考:[通用属性](/docs/react/common-props)
|
|
7
|
+
|
|
8
|
+
### Select props
|
|
9
|
+
|
|
10
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
11
|
+
|--------|--------|--------|--------|--------|
|
|
12
|
+
| allowClear | 自定义清除按钮 | boolean \| { clearIcon?: ReactNode } | false | 5.8.0: 支持对象类型 |
|
|
13
|
+
| autoClearSearchValue | 是否在选中项后清空搜索框,只在 | boolean | true | |
|
|
14
|
+
| autoFocus | 默认获取焦点 | boolean | false | |
|
|
15
|
+
| classNames | 语义化结构 class | | - | 5.25.0 |
|
|
16
|
+
| defaultActiveFirstOption | 是否默认高亮第一个选项 | boolean | true | |
|
|
17
|
+
| defaultOpen | 是否默认展开下拉菜单 | boolean | - | |
|
|
18
|
+
| defaultValue | 指定默认选中的条目 | string \| string[] \| | - | |
|
|
19
|
+
| disabled | 是否禁用 | boolean | false | |
|
|
20
|
+
| popupMatchSelectWidth | 下拉菜单和选择器同宽。默认将设置 | boolean \| number | true | 5.5.0 |
|
|
21
|
+
| popupRender | 自定义下拉框内容 | (originNode: ReactNode) => ReactNode | - | |
|
|
22
|
+
| fieldNames | 自定义节点 label、value、options、groupLabel 的字段 | object | { label: | 4.17.0( |
|
|
23
|
+
| filterOption | 是否根据输入项进行筛选。当其为一个函数时,会接收 | boolean \| function(inputValue, option) | true | |
|
|
24
|
+
| filterSort | 搜索时对筛选结果项的排序函数, 类似 | (optionA: Option, optionB: Option, info: { searchValue: string }) => number | - | searchValue |
|
|
25
|
+
| getPopupContainer | 菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位。 | function(triggerNode) | () => document.body | |
|
|
26
|
+
| labelInValue | 是否把每个选项的 label 包装到 value 中,会把 Select 的 value 类型从 | boolean | false | |
|
|
27
|
+
| listHeight | 设置弹窗滚动高度 | number | 256 | |
|
|
28
|
+
| loading | 加载中状态 | boolean | false | |
|
|
29
|
+
| maxCount | 指定可选中的最多 items 数量,仅在 | number | - | 5.13.0 |
|
|
30
|
+
| maxTagCount | 最多显示多少个 tag,响应式模式会对性能产生损耗 | number \| | - | responsive: 4.10 |
|
|
31
|
+
| maxTagPlaceholder | 隐藏 tag 时显示的内容 | ReactNode \| function(omittedValues) | - | |
|
|
32
|
+
| maxTagTextLength | 最大显示的 tag 文本长度 | number | - | |
|
|
33
|
+
| menuItemSelectedIcon | 自定义多选时当前选中的条目图标 | ReactNode | - | |
|
|
34
|
+
| mode | 设置 Select 的模式为多选或标签 | multiple | - | |
|
|
35
|
+
| notFoundContent | 当下拉列表为空时显示的内容 | ReactNode | Not Found | |
|
|
36
|
+
| open | 是否展开下拉菜单 | boolean | - | |
|
|
37
|
+
| optionFilterProp | 搜索时过滤对应的 | string | value | |
|
|
38
|
+
| optionLabelProp | 回填到选择框的 Option 的属性值,默认是 Option 的子元素。比如在子元素需要高亮效果时,此值可以设为 | string | children | |
|
|
39
|
+
| options | 数据化配置选项内容,相比 jsx 定义会获得更好的渲染性能 | { label, value }[] | - | |
|
|
40
|
+
| optionRender | 自定义渲染下拉选项 | (option: FlattenOptionData , info: { index: number }) => React.ReactNode | - | 5.11.0 |
|
|
41
|
+
| placeholder | 选择框默认文本 | string | - | |
|
|
42
|
+
| placement | 选择框弹出的位置 | bottomLeft | bottomLeft | |
|
|
43
|
+
| prefix | 自定义前缀 | ReactNode | - | 5.22.0 |
|
|
44
|
+
| removeIcon | 自定义的多选框清除图标 | ReactNode | - | |
|
|
45
|
+
| searchValue | 控制搜索文本 | string | - | |
|
|
46
|
+
| showSearch | 配置是否可搜索 | boolean | 单选为 false,多选为 true | |
|
|
47
|
+
| size | 选择框大小 | large | middle | |
|
|
48
|
+
| status | 设置校验状态 | 'error' \| 'warning' | - | 4.19.0 |
|
|
49
|
+
| suffixIcon | 自定义的选择框后缀图标。以防止图标被用于其他交互,替换的图标默认不会响应展开、收缩事件,可以通过添加 | ReactNode | | |
|
|
50
|
+
| styles | 语义化结构 style | | - | 5.25.0 |
|
|
51
|
+
| tagRender | 自定义 tag 内容 render,仅在 | (props) => ReactNode | - | |
|
|
52
|
+
| labelRender | 自定义当前选中的 label 内容 render (LabelInValueType的定义见 | (props: LabelInValueType) => ReactNode | - | 5.15.0 |
|
|
53
|
+
| tokenSeparators | 自动分词的分隔符,仅在 | string[] | - | |
|
|
54
|
+
| value | 指定当前选中的条目,多选时为一个数组。(value 数组引用未变化时,Select 不会更新) | string \| string[] \| | - | |
|
|
55
|
+
| variant | 形态变体 | outlined | outlined | 5.13.0 \| |
|
|
56
|
+
| virtual | 设置 false 时关闭虚拟滚动 | boolean | true | 4.1.0 |
|
|
57
|
+
| onBlur | 失去焦点时回调 | function | - | |
|
|
58
|
+
| onChange | 选中 option,或 input 的 value 变化时,调用此函数 | function(value, option:Option \| Array) | - | |
|
|
59
|
+
| onClear | 清除内容时回调 | function | - | 4.6.0 |
|
|
60
|
+
| onDeselect | 取消选中时调用,参数为选中项的 value (或 key) 值,仅在 | function(value: string \| number \| LabeledValue) | - | |
|
|
61
|
+
| onOpenChange | 展开下拉菜单的回调 | (open: boolean) => void | - | |
|
|
62
|
+
| onFocus | 获得焦点时回调 | (event: FocusEvent) => void | - | |
|
|
63
|
+
| onInputKeyDown | 按键按下时回调 | (event: KeyboardEvent) => void | - | |
|
|
64
|
+
| onPopupScroll | 下拉列表滚动时的回调 | (event: UIEvent) => void | - | |
|
|
65
|
+
| onSearch | 文本框值变化时回调 | function(value: string) | - | |
|
|
66
|
+
| onSelect | 被选中时调用,参数为选中项的 value (或 key) 值 | function(value: string \| number \| LabeledValue, option: Option) | - | |
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
注意,如果发现下拉菜单跟随页面滚动,或者需要在其他弹层中触发 Select,请尝试使用 `getPopupContainer={triggerNode => triggerNode.parentElement}` 将下拉弹层渲染节点固定在触发器的父元素中。
|
|
70
|
+
|
|
71
|
+
### Select Methods
|
|
72
|
+
|
|
73
|
+
| 名称 | 说明 | 版本 |
|
|
74
|
+
|--------|--------|--------|
|
|
75
|
+
| blur() | 取消焦点 | |
|
|
76
|
+
| focus() | 获取焦点 | |
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
### Option props
|
|
80
|
+
|
|
81
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
82
|
+
|--------|--------|--------|--------|--------|
|
|
83
|
+
| className | Option 器类名 | string | - | |
|
|
84
|
+
| disabled | 是否禁用 | boolean | false | |
|
|
85
|
+
| title | 选项上的原生 title 提示 | string | - | |
|
|
86
|
+
| value | 默认根据此属性值进行筛选 | string \| number | - | |
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
### OptGroup props
|
|
90
|
+
|
|
91
|
+
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
92
|
+
|--------|--------|--------|--------|--------|
|
|
93
|
+
| key | Key | string | - | |
|
|
94
|
+
| label | 组名 | React.ReactNode | - | |
|
|
95
|
+
| className | Option 器类名 | string | - | |
|
|
96
|
+
| title | 选项上的原生 title 提示 | string | - | |
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<DemoTitle title="Skeleton" desc="在内容加载时提供占位图形展示。">
|
|
4
|
+
## antd API
|
|
5
|
+
|
|
6
|
+
通用属性参考:[通用属性](/docs/react/common-props)
|
|
7
|
+
|
|
8
|
+
### Skeleton
|
|
9
|
+
|
|
10
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
11
|
+
|--------|--------|--------|--------|
|
|
12
|
+
| active | 是否展示动画效果 | boolean | false |
|
|
13
|
+
| avatar | 是否显示头像占位图 | boolean \| | false |
|
|
14
|
+
| loading | 为 true 时,显示占位图。反之则直接展示子组件 | boolean | - |
|
|
15
|
+
| paragraph | 是否显示段落占位图 | boolean \| | true |
|
|
16
|
+
| round | 为 true 时,段落和标题显示圆角 | boolean | false |
|
|
17
|
+
| title | 是否显示标题占位图 | boolean \| | true |
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### SkeletonAvatarProps
|
|
21
|
+
|
|
22
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
23
|
+
|--------|--------|--------|--------|
|
|
24
|
+
| active | 是否展示动画效果,仅在单独使用头像骨架时生效 | boolean | false |
|
|
25
|
+
| shape | 指定头像的形状 | circle | - |
|
|
26
|
+
| size | 设置头像占位图的大小 | number \| | - |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
### SkeletonTitleProps
|
|
30
|
+
|
|
31
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
32
|
+
|--------|--------|--------|--------|
|
|
33
|
+
| width | 设置标题占位图的宽度 | number \| string | - |
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
### SkeletonParagraphProps
|
|
37
|
+
|
|
38
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
39
|
+
|--------|--------|--------|--------|
|
|
40
|
+
| rows | 设置段落占位图的行数 | number | - |
|
|
41
|
+
| width | 设置段落占位图的宽度,若为数组时则为对应的每行宽度,反之则是最后一行的宽度 | number \| string \| Array | - |
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
### SkeletonButtonProps
|
|
45
|
+
|
|
46
|
+
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|
|
47
|
+
|--------|--------|--------|--------|--------|
|
|
48
|
+
| active | 是否展示动画效果 | boolean | false | |
|
|
49
|
+
| block | 将按钮宽度调整为其父宽度的选项 | boolean | false | 4.17.0 |
|
|
50
|
+
| shape | 指定按钮的形状 | circle | - | |
|
|
51
|
+
| size | 设置按钮的大小 | large | - | |
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
### SkeletonInputProps
|
|
55
|
+
|
|
56
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
57
|
+
|--------|--------|--------|--------|
|
|
58
|
+
| active | 是否展示动画效果 | boolean | false |
|
|
59
|
+
| size | 设置输入框的大小 | large | - |
|