@agentscope-ai/design 1.0.9 → 1.0.11
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/antd/styles/alert.style.js +1 -1
- package/lib/antd/styles/breadcrumb.style.js +1 -1
- package/lib/antd/styles/button.style.js +1 -1
- package/lib/antd/styles/dropdown.style.js +1 -1
- package/lib/antd/styles/floatButton.style.js +1 -1
- package/lib/antd/styles/index.style.js +1 -1
- package/lib/antd/styles/inputNumber.style.js +1 -1
- package/lib/antd/styles/message.style.js +1 -1
- package/lib/antd/styles/notification.style.js +1 -1
- package/lib/antd/styles/popover.style.js +1 -1
- package/lib/antd/styles/radio.style.js +1 -1
- package/lib/antd/styles/segment.style.js +1 -1
- package/lib/antd/styles/select.style.js +1 -1
- package/lib/antd/styles/slider.style.js +1 -1
- package/lib/antd/styles/table.style.js +1 -1
- package/lib/antd/styles/tooltip.style.js +1 -1
- package/lib/antd/themes/bailianTheme.json +1 -1
- package/lib/antd/themes/generateThemeByToken.js +7 -1
- package/lib/components/commonComponents/AlertDialog/index.style.js +1 -1
- package/lib/components/commonComponents/Anchor/index.style.js +1 -1
- package/lib/components/commonComponents/Avatar/index.style.js +1 -1
- package/lib/components/commonComponents/Breadcrumb/index.style.js +1 -1
- package/lib/components/commonComponents/Button/index.d.ts +1 -1
- package/lib/components/commonComponents/Button/index.js +7 -7
- package/lib/components/commonComponents/Card/index.style.js +1 -1
- package/lib/components/commonComponents/Checkbox/index.style.js +1 -1
- package/lib/components/commonComponents/CodeBlock/index.js +2 -1
- package/lib/components/commonComponents/CodeBlock/index.style.js +1 -1
- package/lib/components/commonComponents/Collapse/index.style.js +1 -1
- package/lib/components/commonComponents/CollapsePanel/index.style.js +1 -1
- package/lib/components/commonComponents/ConfigProvider/index.js +10 -7
- package/lib/components/commonComponents/DatePicker/index.style.js +1 -1
- package/lib/components/commonComponents/Descriptions/index.style.js +1 -1
- package/lib/components/commonComponents/Drawer/index.style.js +1 -1
- package/lib/components/commonComponents/Dropdown/index.style.js +1 -1
- package/lib/components/commonComponents/EllipsisTip/index.style.js +1 -1
- package/lib/components/commonComponents/Empty/index.style.js +1 -1
- package/lib/components/commonComponents/FileIcon/index.style.js +1 -1
- package/lib/components/commonComponents/Form/index.style.js +1 -1
- package/lib/components/commonComponents/HelpIcon/index.style.js +1 -1
- package/lib/components/commonComponents/IconButton/index.style.js +1 -1
- package/lib/components/commonComponents/IconFont/index.style.js +1 -1
- package/lib/components/commonComponents/Image/index.style.js +1 -1
- package/lib/components/commonComponents/Input/index.style.js +1 -1
- package/lib/components/commonComponents/Modal/index.js +0 -1
- package/lib/components/commonComponents/Modal/index.style.js +1 -1
- package/lib/components/commonComponents/Pagination/index.js +75 -20
- package/lib/components/commonComponents/Pagination/index.style.js +1 -1
- package/lib/components/commonComponents/PromptsEditor/demo/basic.js +5 -4
- package/lib/components/commonComponents/PromptsEditor/index.d.ts +8 -2
- package/lib/components/commonComponents/PromptsEditor/index.js +16 -10
- package/lib/components/commonComponents/RadioButton/index.style.js +1 -1
- package/lib/components/commonComponents/Result/index.style.js +1 -1
- package/lib/components/commonComponents/SlateEditor/elements/index.style.js +1 -1
- package/lib/components/commonComponents/SlateEditor/index.style.js +1 -1
- package/lib/components/commonComponents/Slider/Input/index.js +6 -4
- package/lib/components/commonComponents/Slider/Input/index.style.js +2 -2
- package/lib/components/commonComponents/Slider/index.style.js +1 -1
- package/lib/components/commonComponents/SliderSelector/index.style.js +1 -1
- package/lib/components/commonComponents/Spinner/index.style.js +1 -1
- package/lib/components/commonComponents/Statistic/index.style.js +1 -1
- package/lib/components/commonComponents/Steps/index.style.js +1 -1
- package/lib/components/commonComponents/Switch/index.js +3 -3
- package/lib/components/commonComponents/Switch/index.style.js +1 -1
- package/lib/components/commonComponents/Table/demo/demo1.js +1 -9
- package/lib/components/commonComponents/Table/demo/demo2.js +1 -9
- package/lib/components/commonComponents/Table/demo/demo3.js +1 -9
- package/lib/components/commonComponents/Table/demo/demo4.js +1 -9
- package/lib/components/commonComponents/Table/index.d.ts +1 -1
- package/lib/components/commonComponents/Table/index.js +1 -1
- package/lib/components/commonComponents/Table/index.style.js +18 -2
- package/lib/components/commonComponents/Tabs/index.js +3 -1
- package/lib/components/commonComponents/Tabs/index.style.js +1 -1
- package/lib/components/commonComponents/Tag/index.style.js +1 -1
- package/lib/components/commonComponents/TimePicker/index.style.js +1 -1
- package/lib/components/commonComponents/Tooltip/index.style.js +1 -1
- package/lib/components/commonComponents/Upload/index.style.js +1 -1
- package/lib/components/commonComponents/Video/Control.d.ts +19 -0
- package/lib/components/commonComponents/Video/Control.js +104 -0
- package/lib/components/commonComponents/Video/demo/demo1.d.ts +2 -0
- package/lib/components/commonComponents/Video/demo/demo1.js +12 -0
- package/lib/components/commonComponents/Video/index.d.ts +18 -0
- package/lib/components/commonComponents/Video/index.js +222 -0
- package/lib/components/commonComponents/Video/index.style.d.ts +1 -0
- package/lib/components/commonComponents/Video/index.style.js +40 -0
- package/lib/i18n/strings/en-US.json +3 -1
- package/lib/i18n/strings/zh-CN.json +3 -1
- package/lib/index.d.ts +2 -1
- package/lib/index.js +1 -0
- package/lib/libs/createStyle/index.d.ts +7 -1
- package/lib/libs/createStyle/index.js +24 -72
- package/lib/libs/generateCssVars/index.js +1 -1
- package/package.json +12 -12
- package/lib/libs/newCreateStyle/index.d.ts +0 -7
- package/lib/libs/newCreateStyle/index.js +0 -26
- package/llms/all.llms.txt +0 -4235
- package/llms/components/commonComponents/Alert/index.zh-CN.llms.txt +0 -74
- package/llms/components/commonComponents/Anchor/index.zh-CN.llms.txt +0 -71
- package/llms/components/commonComponents/Avatar/index.zh-CN.llms.txt +0 -61
- package/llms/components/commonComponents/Breadcrumb/index.zh-CN.llms.txt +0 -89
- package/llms/components/commonComponents/Button/index.zh-CN.llms.txt +0 -99
- package/llms/components/commonComponents/Card/index.zh-CN.llms.txt +0 -79
- package/llms/components/commonComponents/Checkbox/index.zh-CN.llms.txt +0 -88
- package/llms/components/commonComponents/CodeBlock/index.zh-CN.llms.txt +0 -34
- package/llms/components/commonComponents/Collapse/index.zh-CN.llms.txt +0 -76
- package/llms/components/commonComponents/CollapsePanel/index.zh-CN.llms.txt +0 -75
- package/llms/components/commonComponents/DatePicker/index.zh-CN.llms.txt +0 -227
- package/llms/components/commonComponents/Descriptions/index.zh-CN.llms.txt +0 -60
- package/llms/components/commonComponents/Drawer/index.zh-CN.llms.txt +0 -87
- package/llms/components/commonComponents/Dropdown/index.zh-CN.llms.txt +0 -87
- package/llms/components/commonComponents/Empty/index.zh-CN.llms.txt +0 -100
- package/llms/components/commonComponents/FloatButton/index.zh-CN.llms.txt +0 -70
- package/llms/components/commonComponents/Form/index.zh-CN.llms.txt +0 -383
- package/llms/components/commonComponents/IconButton/index.zh-CN.llms.txt +0 -68
- package/llms/components/commonComponents/Image/index.zh-CN.llms.txt +0 -118
- package/llms/components/commonComponents/Input/index.zh-CN.llms.txt +0 -168
- package/llms/components/commonComponents/InputNumber/index.zh-CN.llms.txt +0 -66
- package/llms/components/commonComponents/Message/index.zh-CN.llms.txt +0 -114
- package/llms/components/commonComponents/Modal/index.zh-CN.llms.txt +0 -154
- package/llms/components/commonComponents/Notification/index.zh-CN.llms.txt +0 -118
- package/llms/components/commonComponents/Pagination/index.zh-CN.llms.txt +0 -62
- package/llms/components/commonComponents/Popover/index.zh-CN.llms.txt +0 -56
- package/llms/components/commonComponents/Progress/index.zh-CN.llms.txt +0 -64
- package/llms/components/commonComponents/Radio/index.zh-CN.llms.txt +0 -75
- package/llms/components/commonComponents/RadioButton/index.zh-CN.llms.txt +0 -94
- package/llms/components/commonComponents/Result/index.zh-CN.llms.txt +0 -63
- package/llms/components/commonComponents/Select/index.zh-CN.llms.txt +0 -120
- package/llms/components/commonComponents/Skeleton/index.zh-CN.llms.txt +0 -71
- package/llms/components/commonComponents/Slider/index.zh-CN.llms.txt +0 -83
- package/llms/components/commonComponents/Spinner/index.zh-CN.llms.txt +0 -38
- package/llms/components/commonComponents/Statistic/index.zh-CN.llms.txt +0 -77
- package/llms/components/commonComponents/Steps/index.zh-CN.llms.txt +0 -82
- package/llms/components/commonComponents/Switch/index.zh-CN.llms.txt +0 -58
- package/llms/components/commonComponents/Table/index.zh-CN.llms.txt +0 -228
- package/llms/components/commonComponents/Tabs/index.zh-CN.llms.txt +0 -95
- package/llms/components/commonComponents/Tag/index.zh-CN.llms.txt +0 -57
- package/llms/components/commonComponents/TimePicker/index.zh-CN.llms.txt +0 -104
- package/llms/components/commonComponents/Tooltip/index.zh-CN.llms.txt +0 -63
- package/llms/components/commonComponents/Upload/index.zh-CN.llms.txt +0 -105
- package/llms/index.llms.txt +0 -45
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<DemoTitle title="CollapsePanel" desc="折叠面板"></DemoTitle>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
示例
|
|
10
|
-
|
|
11
|
-
<Install>CollapsePanel</Install>
|
|
12
|
-
|
|
13
|
-
#### API
|
|
14
|
-
|
|
15
|
-
| <div><span class="lang-en">Attribute</span><span class="lang-cn">属性名</span></div> | <div><span class="lang-en">Description</span><span class="lang-cn">描述</span></div> | <div><span class="lang-en">Type</span><span class="lang-cn">类型</span></div> | <div><span class="lang-en">Default</span><span class="lang-cn">默认值</span></div> |
|
|
16
|
-
|--------|--------|--------|--------|
|
|
17
|
-
| collapsedHeight | <div><span class="lang-en"></span><span class="lang-cn">收起状态下显示的内容高度</span></div> | number | 0 |
|
|
18
|
-
| expandedHeight | <div><span class="lang-en"></span><span class="lang-cn">展开状态下的内容高度,设置后内容超出时可滚动,不设置则自适应内容高度</span></div> | number | 300 |
|
|
19
|
-
| title | <div><span class="lang-en"></span><span class="lang-cn">面板标题</span></div> | string | React.ReactNode | "" |
|
|
20
|
-
| expandOnPanelClick | <div><span class="lang-en"></span><span class="lang-cn">是否允许点击整个面板进行展开</span></div> | boolean | false |
|
|
21
|
-
| extra | <div><span class="lang-en"></span><span class="lang-cn">面板右侧内容</span></div> | React.ReactNode | |
|
|
22
|
-
| children | <div><span class="lang-en"></span><span class="lang-cn">面板内容</span></div> | React.ReactNode | |
|
|
23
|
-
| defaultExpanded | <div><span class="lang-en"></span><span class="lang-cn">是否默认展开</span></div> | boolean | false |
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
## antd API
|
|
28
|
-
|
|
29
|
-
通用属性参考:[通用属性](/docs/react/common-props)
|
|
30
|
-
|
|
31
|
-
### Collapse
|
|
32
|
-
|
|
33
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
34
|
-
|--------|--------|--------|--------|--------|
|
|
35
|
-
| accordion | 手风琴模式 | boolean | false | |
|
|
36
|
-
| activeKey | 当前激活 tab 面板的 key | string[] | string | | |
|
|
37
|
-
| bordered | 带边框风格的折叠面板 | boolean | true | |
|
|
38
|
-
| collapsible | 所有子面板是否可折叠或指定可折叠触发区域 | header | - | 4.9.0 |
|
|
39
|
-
| defaultActiveKey | 初始化选中面板的 key | string[] | string | - | |
|
|
40
|
-
| | 销毁折叠隐藏的面板 | boolean | false | |
|
|
41
|
-
| destroyOnHidden | 销毁折叠隐藏的面板 | boolean | false | 5.25.0 |
|
|
42
|
-
| expandIcon | 自定义切换图标 | (panelProps) => ReactNode | - | |
|
|
43
|
-
| expandIconPosition | 设置图标位置 | start | - | 4.21.0 |
|
|
44
|
-
| ghost | 使折叠面板透明且无边框 | boolean | false | 4.4.0 |
|
|
45
|
-
| size | 设置折叠面板大小 | large | middle | 5.2.0 |
|
|
46
|
-
| onChange | 切换面板的回调 | function | - | |
|
|
47
|
-
| items | 折叠项目内容 | | - | 5.6.0 |
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
### ItemType
|
|
51
|
-
|
|
52
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
53
|
-
|--------|--------|--------|--------|--------|
|
|
54
|
-
| classNames | 语义化结构 className | | - | 5.21.0 |
|
|
55
|
-
| collapsible | 是否可折叠或指定可折叠触发区域 | header | - | |
|
|
56
|
-
| forceRender | 被隐藏时是否渲染 body 区域 DOM 结构 | boolean | false | |
|
|
57
|
-
| key | 对应 activeKey | string | number | - | |
|
|
58
|
-
| label | 面板标题 | ReactNode | - | - |
|
|
59
|
-
| showArrow | 是否展示当前面板上的箭头(为 false 时,collapsible 不能设为 icon) | boolean | true | |
|
|
60
|
-
| styles | 语义化结构 style | | - | 5.21.0 |
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
### Collapse.Panel
|
|
64
|
-
|
|
65
|
-
<!-- prettier-ignore -->
|
|
66
|
-
<Container type="warning" title="已废弃">
|
|
67
|
-
版本 >= 5.6.0 时请使用 items 方式配置面板。
|
|
68
|
-
</Container>
|
|
69
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
70
|
-
|--------|--------|--------|--------|--------|
|
|
71
|
-
| collapsible | 是否可折叠或指定可折叠触发区域 | header | - | 4.9.0 (icon: 4.24.0) |
|
|
72
|
-
| forceRender | 被隐藏时是否渲染 body 区域 DOM 结构 | boolean | false | |
|
|
73
|
-
| header | 面板标题 | ReactNode | - | |
|
|
74
|
-
| key | 对应 activeKey | string | number | - | |
|
|
75
|
-
| showArrow | 是否展示当前面板上的箭头(为 false 时,collapsible 不能设为 icon) | boolean | true | |
|
|
@@ -1,227 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<DemoTitle title="DatePicker" desc="输入或选择时间的控件。"></DemoTitle>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
示例
|
|
10
|
-
|
|
11
|
-
<Install>DatePicker</Install>
|
|
12
|
-
|
|
13
|
-
#### 时间选择框示例
|
|
14
|
-
|
|
15
|
-
用于选择或输入日期,支持指定范围并可预设常用日期。
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
不同类型的日期选择器
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
选择日期范围
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
多选
|
|
34
|
-
|
|
35
|
-
#### API
|
|
36
|
-
|
|
37
|
-
本组件完全兼容 antd 同名组件,详情可访问 [antd date-picker](https://ant.design/components/date-picker-cn) 查看更多 API
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
## antd API
|
|
41
|
-
|
|
42
|
-
通用属性参考:[通用属性](/docs/react/common-props)
|
|
43
|
-
|
|
44
|
-
日期类组件包括以下五种形式。
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
- DatePicker
|
|
48
|
-
- DatePicker[picker="month"]
|
|
49
|
-
- DatePicker[picker="week"]
|
|
50
|
-
- DatePicker[picker="year"]
|
|
51
|
-
- DatePicker[picker="quarter"] (4.1.0 新增)
|
|
52
|
-
- RangePicker
|
|
53
|
-
|
|
54
|
-
### 国际化配置
|
|
55
|
-
|
|
56
|
-
默认配置为 en-US,如果你需要设置其他语言,推荐在入口处使用我们提供的国际化组件,详见:[ConfigProvider 国际化](https://ant.design/components/config-provider-cn/)。
|
|
57
|
-
|
|
58
|
-
如有特殊需求(仅修改单一组件的语言),请使用 locale 参数,参考:[默认配置](https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json)。
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
<!-- prettier-ignore -->
|
|
65
|
-
<Container type="warning">
|
|
66
|
-
在搭配 Next.js 的 App Router 使用时,注意在引入 dayjs 的 locale 文件时加上 `'use client'`。这是由于 Ant Design 的组件都是客户端组件,在 RSC 中引入 dayjs 的 locale 文件将不会在客户端生效。
|
|
67
|
-
</Container>
|
|
68
|
-
### 共同的 API
|
|
69
|
-
|
|
70
|
-
以下 API 为 DatePicker、 RangePicker 共享的 API。
|
|
71
|
-
|
|
72
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
73
|
-
|--------|--------|--------|--------|--------|
|
|
74
|
-
| allowClear | 自定义清除按钮 | boolean | { clearIcon?: ReactNode } | true | 5.8.0: 支持对象类型 |
|
|
75
|
-
| autoFocus | 自动获取焦点 | boolean | false | |
|
|
76
|
-
| className | 选择器 className | string | - | |
|
|
77
|
-
| dateRender | 自定义日期单元格的内容,5.4.0 起用 | function(currentDate: dayjs, today: dayjs) => React.ReactNode | - | < 5.4.0 |
|
|
78
|
-
| cellRender | 自定义单元格的内容 | (current: dayjs, info: { originNode: React.ReactElement,today: DateType, range?: 'start' | 'end', type: PanelMode, locale?: Locale, subType?: 'hour' | 'minute' | 'second' | 'meridiem' }) => React.ReactNode | - | 5.4.0 |
|
|
79
|
-
| components | 自定义面板 | Record<Panel | 'input', React.ComponentType> | - | 5.14.0 |
|
|
80
|
-
| defaultOpen | 是否默认展开控制弹层 | boolean | - | |
|
|
81
|
-
| disabled | 禁用 | boolean | false | |
|
|
82
|
-
| disabledDate | 不可选择的日期 | (currentDate: dayjs, info: { from?: dayjs, type: Picker }) => boolean | - | info |
|
|
83
|
-
| format | 设置日期格式,为数组时支持多格式匹配,展示以第一个为准。配置参考 | | | |
|
|
84
|
-
| order | 多选、范围时是否自动排序 | boolean | true | 5.14.0 |
|
|
85
|
-
| preserveInvalidOnBlur | 失去焦点是否要清空输入框内无效内容 | boolean | false | 5.14.0 |
|
|
86
|
-
| | 额外的弹出日历 className,使用 | string | - | 4.23.0 |
|
|
87
|
-
| getPopupContainer | 定义浮层的容器,默认为 body 上新建 div | function(trigger) | - | |
|
|
88
|
-
| inputReadOnly | 设置输入框为只读(避免在移动设备上打开虚拟键盘) | boolean | false | |
|
|
89
|
-
| locale | 国际化配置 | object | | |
|
|
90
|
-
| minDate | 最小日期,同样会限制面板的切换范围 | dayjs | - | 5.14.0 |
|
|
91
|
-
| maxDate | 最大日期,同样会限制面板的切换范围 | dayjs | - | 5.14.0 |
|
|
92
|
-
| mode | 日期面板的状态( | time | - | |
|
|
93
|
-
| needConfirm | 是否需要确认按钮,为 | boolean | - | 5.14.0 |
|
|
94
|
-
| nextIcon | 自定义下一个图标 | ReactNode | - | 4.17.0 |
|
|
95
|
-
| open | 控制弹层是否展开 | boolean | - | |
|
|
96
|
-
| panelRender | 自定义渲染面板 | (panelNode) => ReactNode | - | 4.5.0 |
|
|
97
|
-
| picker | 设置选择器类型 | date | date | quarter |
|
|
98
|
-
| placeholder | 输入框提示文字 | string | [string, string] | - | |
|
|
99
|
-
| placement | 选择框弹出的位置 | bottomLeft | bottomLeft | |
|
|
100
|
-
| | 额外的弹出日历样式,使用 | CSSProperties | {} | |
|
|
101
|
-
| prefix | 自定义前缀 | ReactNode | - | 5.22.0 |
|
|
102
|
-
| prevIcon | 自定义上一个图标 | ReactNode | - | 4.17.0 |
|
|
103
|
-
| presets | 预设时间范围快捷选择, 自 | { label: React.ReactNode, value: Dayjs | (() => Dayjs) }[] | - | |
|
|
104
|
-
| size | 输入框大小, | large | - | |
|
|
105
|
-
| status | 设置校验状态 | 'error' | 'warning' | - | 4.19.0 |
|
|
106
|
-
| style | 自定义输入框样式 | CSSProperties | {} | |
|
|
107
|
-
| suffixIcon | 自定义的选择框后缀图标 | ReactNode | - | |
|
|
108
|
-
| superNextIcon | 自定义 | ReactNode | - | 4.17.0 |
|
|
109
|
-
| superPrevIcon | 自定义 | ReactNode | - | 4.17.0 |
|
|
110
|
-
| variant | 形态变体 | outlined | outlined | 5.13.0 | |
|
|
111
|
-
| onOpenChange | 弹出日历和关闭日历的回调 | function(open) | - | |
|
|
112
|
-
| onPanelChange | 日历面板切换的回调 | function(value, mode) | - | |
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
### 共同的方法
|
|
116
|
-
|
|
117
|
-
| 名称 | 描述 | 版本 |
|
|
118
|
-
|--------|--------|--------|
|
|
119
|
-
| blur() | 移除焦点 | |
|
|
120
|
-
| focus() | 获取焦点 | |
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
### DatePicker
|
|
124
|
-
|
|
125
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
126
|
-
|--------|--------|--------|--------|--------|
|
|
127
|
-
| defaultPickerValue | 默认面板日期,每次面板打开时会被重置到该日期 | | - | 5.14.0 |
|
|
128
|
-
| defaultValue | 默认日期,如果开始时间或结束时间为 | | - | |
|
|
129
|
-
| disabledTime | 不可选择的时间 | function(date) | - | |
|
|
130
|
-
| format | 展示的日期格式,配置参考 | | YYYY-MM-DD | |
|
|
131
|
-
| multiple | 是否为多选,不支持 | boolean | false | 5.14.0 |
|
|
132
|
-
| pickerValue | 面板日期,可以用于受控切换面板所在日期。配合 | | - | 5.14.0 |
|
|
133
|
-
| renderExtraFooter | 在面板中添加额外的页脚 | (mode) => React.ReactNode | - | |
|
|
134
|
-
| showNow | 显示当前日期时间的快捷选择 | boolean | - | |
|
|
135
|
-
| showTime | 增加时间选择功能 | Object | boolean | | |
|
|
136
|
-
| showTime.defaultValue | 设置用户选择日期时默认的时分秒, | | dayjs() | |
|
|
137
|
-
| showWeek | DatePicker 下展示当前周 | boolean | false | 5.14.0 |
|
|
138
|
-
| value | 日期 | | - | |
|
|
139
|
-
| onChange | 时间发生变化的回调 | function(date: dayjs, dateString: string) | - | |
|
|
140
|
-
| onOk | 点击确定按钮的回调 | function() | - | |
|
|
141
|
-
| onPanelChange | 日期面板变化时的回调 | function(value, mode) | - | |
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
### DatePicker[picker=year]
|
|
145
|
-
|
|
146
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
147
|
-
|--------|--------|--------|--------|--------|
|
|
148
|
-
| defaultValue | 默认日期 | | - | |
|
|
149
|
-
| format | 展示的日期格式,配置参考 | | YYYY | |
|
|
150
|
-
| multiple | 是否为多选 | boolean | false | 5.14.0 |
|
|
151
|
-
| renderExtraFooter | 在面板中添加额外的页脚 | () => React.ReactNode | - | |
|
|
152
|
-
| value | 日期 | | - | |
|
|
153
|
-
| onChange | 时间发生变化的回调,发生在用户选择时间时 | function(date: dayjs, dateString: string) | - | |
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
### DatePicker[picker=quarter]
|
|
157
|
-
|
|
158
|
-
`4.1.0` 新增。
|
|
159
|
-
|
|
160
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
161
|
-
|--------|--------|--------|--------|--------|
|
|
162
|
-
| defaultValue | 默认日期 | | - | |
|
|
163
|
-
| format | 展示的日期格式,配置参考 | | YYYY-\QQ | |
|
|
164
|
-
| multiple | 是否为多选 | boolean | false | 5.14.0 |
|
|
165
|
-
| renderExtraFooter | 在面板中添加额外的页脚 | () => React.ReactNode | - | |
|
|
166
|
-
| value | 日期 | | - | |
|
|
167
|
-
| onChange | 时间发生变化的回调,发生在用户选择时间时 | function(date: dayjs, dateString: string) | - | |
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
### DatePicker[picker=month]
|
|
171
|
-
|
|
172
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
173
|
-
|--------|--------|--------|--------|--------|
|
|
174
|
-
| defaultValue | 默认日期 | | - | |
|
|
175
|
-
| format | 展示的日期格式,配置参考 | | YYYY-MM | |
|
|
176
|
-
| multiple | 是否为多选 | boolean | false | 5.14.0 |
|
|
177
|
-
| renderExtraFooter | 在面板中添加额外的页脚 | () => React.ReactNode | - | |
|
|
178
|
-
| value | 日期 | | - | |
|
|
179
|
-
| onChange | 时间发生变化的回调,发生在用户选择时间时 | function(date: dayjs, dateString: string) | - | |
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
### DatePicker[picker=week]
|
|
183
|
-
|
|
184
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
185
|
-
|--------|--------|--------|--------|--------|
|
|
186
|
-
| defaultValue | 默认日期 | | - | |
|
|
187
|
-
| format | 展示的日期格式,配置参考 | | YYYY-wo | |
|
|
188
|
-
| multiple | 是否为多选 | boolean | false | 5.14.0 |
|
|
189
|
-
| renderExtraFooter | 在面板中添加额外的页脚 | (mode) => React.ReactNode | - | |
|
|
190
|
-
| value | 日期 | | - | |
|
|
191
|
-
| onChange | 时间发生变化的回调,发生在用户选择时间时 | function(date: dayjs, dateString: string) | - | |
|
|
192
|
-
| showWeek | DatePicker 下展示当前周 | boolean | true | 5.14.0 |
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
### RangePicker
|
|
196
|
-
|
|
197
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
198
|
-
|--------|--------|--------|--------|--------|
|
|
199
|
-
| allowEmpty | 允许起始项部分为空 | [boolean, boolean] | [false, false] | |
|
|
200
|
-
| cellRender | 自定义单元格的内容。 | (current: dayjs, info: { originNode: React.ReactElement,today: DateType, range?: 'start' | 'end', type: PanelMode, locale?: Locale, subType?: 'hour' | 'minute' | 'second' | 'meridiem' }) => React.ReactNode | - | 5.4.0 |
|
|
201
|
-
| dateRender | 自定义日期单元格的内容,5.4.0 起用 | function(currentDate: dayjs, today: dayjs) => React.ReactNode | - | < 5.4.0 |
|
|
202
|
-
| defaultPickerValue | 默认面板日期,每次面板打开时会被重置到该日期 | | - | 5.14.0 |
|
|
203
|
-
| defaultValue | 默认日期 | | - | |
|
|
204
|
-
| disabled | 禁用起始项 | [boolean, boolean] | - | |
|
|
205
|
-
| disabledTime | 不可选择的时间 | function(date: dayjs, partial: | - | info.from |
|
|
206
|
-
| format | 展示的日期格式,配置参考 | | YYYY-MM-DD HH:mm:ss | |
|
|
207
|
-
| id | 设置输入框 | { start?: string, end?: string } | - | 5.14.0 |
|
|
208
|
-
| pickerValue | 面板日期,可以用于受控切换面板所在日期。配合 | | - | 5.14.0 |
|
|
209
|
-
| presets | 预设时间范围快捷选择,自 | { label: React.ReactNode, value: (Dayjs | (() => Dayjs))[] }[] | - | |
|
|
210
|
-
| renderExtraFooter | 在面板中添加额外的页脚 | () => React.ReactNode | - | |
|
|
211
|
-
| separator | 设置分隔符 | React.ReactNode | <SwapRightOutlined /> | |
|
|
212
|
-
| showTime | 增加时间选择功能 | Object|boolean | | |
|
|
213
|
-
| showTime.defaultValue | 设置用户选择日期时默认的时分秒, | | [dayjs(), dayjs()] | |
|
|
214
|
-
| value | 日期 | | - | |
|
|
215
|
-
| onCalendarChange | 待选日期发生变化的回调。 | function(dates: [dayjs, dayjs], dateStrings: [string, string], info: { range: | - | |
|
|
216
|
-
| onChange | 日期范围发生变化的回调 | function(dates: [dayjs, dayjs], dateStrings: [string, string]) | - | |
|
|
217
|
-
| onFocus | 聚焦时回调 | function(event, { range: 'start' | 'end' }) | - | range |
|
|
218
|
-
| onBlur | 失焦时回调 | function(event, { range: 'start' | 'end' }) | - | range |
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
#### formatType
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
注意:`type` 定义为 `5.14.0` 新增。
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<DemoTitle title="Descriptions" desc="展示多个只读字段的组合"></DemoTitle>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
示例
|
|
10
|
-
|
|
11
|
-
<Install>Descriptions</Install>
|
|
12
|
-
|
|
13
|
-
#### 描述面板示例
|
|
14
|
-
|
|
15
|
-
以下是此组件的示例和变体
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
竖直方向
|
|
22
|
-
|
|
23
|
-
#### API
|
|
24
|
-
|
|
25
|
-
本组件完全兼容 antd 同名组件,详情可访问 [antd descriptions](https://ant.design/components/descriptions-cn) 查看更多 API
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
## antd API
|
|
29
|
-
|
|
30
|
-
通用属性参考:[通用属性](/docs/react/common-props)
|
|
31
|
-
|
|
32
|
-
### Descriptions
|
|
33
|
-
|
|
34
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
35
|
-
|--------|--------|--------|--------|--------|
|
|
36
|
-
| bordered | 是否展示边框 | boolean | false | |
|
|
37
|
-
| colon | 配置 | boolean | true | |
|
|
38
|
-
| column | 一行的 | number | | 3 | |
|
|
39
|
-
| | 自定义内容样式,请使用 | CSSProperties | - | 4.10.0 |
|
|
40
|
-
| extra | 描述列表的操作区域,显示在右上方 | ReactNode | - | 4.5.0 |
|
|
41
|
-
| items | 描述列表项内容 | | - | 5.8.0 |
|
|
42
|
-
| | 自定义标签样式,请使用 | CSSProperties | - | 4.10.0 |
|
|
43
|
-
| layout | 描述布局 | horizontal | horizontal | |
|
|
44
|
-
| size | 设置列表的大小。可以设置为 | default | - | |
|
|
45
|
-
| title | 描述列表的标题,显示在最顶部 | ReactNode | - | |
|
|
46
|
-
| classNames | 语义化结构 class | | - | 5.23.0 |
|
|
47
|
-
| styles | 语义化结构 style | | - | 5.23.0 |
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
### DescriptionItem
|
|
51
|
-
|
|
52
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
53
|
-
|--------|--------|--------|--------|--------|
|
|
54
|
-
| | 自定义内容样式,请使用 | CSSProperties | - | 4.9.0 |
|
|
55
|
-
| label | 内容的描述 | ReactNode | - | |
|
|
56
|
-
| | 自定义标签样式,请使用 | CSSProperties | - | 4.9.0 |
|
|
57
|
-
| span | 包含列的数量( | number| | 1 | screens: 5.9.0 |
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度。当同时配置 `style` 和 `labelStyle`(或 `contentStyle`)时,两者会同时作用。样式冲突时,后者会覆盖前者。
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<DemoTitle title="Drawer" desc="从页面一侧滑入的操作面板,用于承载临时界面内容。"></DemoTitle>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
示例
|
|
10
|
-
|
|
11
|
-
<Install>Drawer</Install>
|
|
12
|
-
|
|
13
|
-
#### 全局提示示例
|
|
14
|
-
|
|
15
|
-
以下是全局提示组件的示例和变体
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
不同滑入的位置
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
多级抽屉
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
自定义样式
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
预设宽度
|
|
37
|
-
|
|
38
|
-
#### API
|
|
39
|
-
|
|
40
|
-
| <div><span class="lang-en">Attribute</span><span class="lang-cn">属性名</span></div> | <div><span class="lang-en">Description</span><span class="lang-cn">描述</span></div> | <div><span class="lang-en">Type</span><span class="lang-cn">类型</span></div> | <div><span class="lang-en">Default</span><span class="lang-cn">默认值</span></div> |
|
|
41
|
-
|--------|--------|--------|--------|
|
|
42
|
-
| showDivider | <div><span class="lang-en">whether to show divider</span><span class="lang-cn">是否显示分割线</span></div> | boolean | true |
|
|
43
|
-
|
|
44
|
-
##### 带按钮的抽屉
|
|
45
|
-
|
|
46
|
-
ApiParser解析结果为空
|
|
47
|
-
本组件完全兼容 antd 同名组件,详情可访问 [antd drawer](https://ant.design/components/drawer-cn) 查看更多 API
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
## antd API
|
|
51
|
-
|
|
52
|
-
通用属性参考:[通用属性](/docs/react/common-props)
|
|
53
|
-
|
|
54
|
-
<!-- prettier-ignore -->
|
|
55
|
-
<Container type="warning" title="注意">
|
|
56
|
-
v5 使用 `rootClassName` 与 `rootStyle` 来配置最外层元素样式。原 v4 `className` 与 `style` 改至配置 Drawer 窗体样式以和 Modal 对齐。
|
|
57
|
-
</Container>
|
|
58
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
59
|
-
|--------|--------|--------|--------|--------|
|
|
60
|
-
| autoFocus | 抽屉展开后是否将焦点切换至其 DOM 节点 | boolean | true | 4.17.0 |
|
|
61
|
-
| afterOpenChange | 切换抽屉时动画结束后的回调 | function(open) | - | |
|
|
62
|
-
| className | Drawer 容器外层 className 设置,如果需要设置最外层,请使用 rootClassName | string | - | |
|
|
63
|
-
| classNames | 语义化结构 className | | - | 5.10.0 |
|
|
64
|
-
| closeIcon | 自定义关闭图标。5.7.0:设置为 | ReactNode | <CloseOutlined /> | |
|
|
65
|
-
| | 关闭时销毁 Drawer 里的子元素 | boolean | false | |
|
|
66
|
-
| destroyOnHidden | 关闭时销毁 Drawer 里的子元素 | boolean | false | 5.25.0 |
|
|
67
|
-
| extra | 抽屉右上角的操作区域 | ReactNode | - | 4.17.0 |
|
|
68
|
-
| footer | 抽屉的页脚 | ReactNode | - | |
|
|
69
|
-
| forceRender | 预渲染 Drawer 内元素 | boolean | false | |
|
|
70
|
-
| getContainer | 指定 Drawer 挂载的节点, | HTMLElement | () => HTMLElement | Selectors | false | body | |
|
|
71
|
-
| height | 高度,在 | string | number | 378 | |
|
|
72
|
-
| keyboard | 是否支持键盘 esc 关闭 | boolean | true | |
|
|
73
|
-
| mask | 是否展示遮罩 | boolean | true | |
|
|
74
|
-
| maskClosable | 点击蒙层是否允许关闭 | boolean | true | |
|
|
75
|
-
| placement | 抽屉的方向 | top | right | |
|
|
76
|
-
| push | 用于设置多层 Drawer 的推动行为 | boolean | { distance: string | number } | { distance: 180 } | 4.5.0+ |
|
|
77
|
-
| rootStyle | 可用于设置 Drawer 最外层容器的样式,和 | CSSProperties | - | |
|
|
78
|
-
| size | 预设抽屉宽度(或高度),default | 'default' | 'large' | 'default' | 4.17.0 |
|
|
79
|
-
| style | 设计 Drawer 容器样式,如果你只需要设置内容部分请使用 | CSSProperties | - | |
|
|
80
|
-
| styles | 语义化结构 style | | - | 5.10.0 |
|
|
81
|
-
| title | 标题 | ReactNode | - | |
|
|
82
|
-
| loading | 显示骨架屏 | boolean | false | 5.17.0 |
|
|
83
|
-
| open | Drawer 是否可见 | boolean | - |
|
|
84
|
-
| width | 宽度 | string | number | 378 | |
|
|
85
|
-
| zIndex | 设置 Drawer 的 | number | 1000 | |
|
|
86
|
-
| onClose | 点击遮罩层或左上角叉或取消按钮的回调 | function(e) | - | |
|
|
87
|
-
| drawerRender | 自定义渲染抽屉 | (node: ReactNode) => ReactNode | - | 5.18.0 |
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<DemoTitle title="Dropdown" desc="向下弹出的列表。"></DemoTitle>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
基础用法
|
|
10
|
-
|
|
11
|
-
<Install>Dropdown</Install>
|
|
12
|
-
|
|
13
|
-
#### 下拉菜单示例
|
|
14
|
-
|
|
15
|
-
以下是此下拉菜单组件的示例和变体
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
带图标的下拉菜单
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
危险状态菜单项
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
支持选择
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
支持级联
|
|
37
|
-
|
|
38
|
-
#### API
|
|
39
|
-
|
|
40
|
-
ApiParser解析结果为空
|
|
41
|
-
本组件完全兼容 antd 同名组件,详情可访问 [antd dropdown](https://ant.design/components/dropdown-cn) 查看更多 API
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
## antd API
|
|
45
|
-
|
|
46
|
-
通用属性参考:[通用属性](/docs/react/common-props)
|
|
47
|
-
|
|
48
|
-
### Dropdown
|
|
49
|
-
|
|
50
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
51
|
-
|--------|--------|--------|--------|--------|
|
|
52
|
-
| arrow | 下拉框箭头是否显示 | boolean | { pointAtCenter: boolean } | false | |
|
|
53
|
-
| autoAdjustOverflow | 下拉框被遮挡时自动调整位置 | boolean | true | 5.2.0 |
|
|
54
|
-
| autoFocus | 打开后自动聚焦下拉框 | boolean | false | 4.21.0 |
|
|
55
|
-
| disabled | 菜单是否禁用 | boolean | - | |
|
|
56
|
-
| | 关闭后是否销毁 Dropdown,使用 | boolean | false | |
|
|
57
|
-
| destroyOnHidden | 关闭后是否销毁 Dropdown | boolean | false | 5.25.0 |
|
|
58
|
-
| | 自定义下拉框内容,使用 | (menus: ReactNode) => ReactNode | - | 4.24.0 |
|
|
59
|
-
| popupRender | 自定义弹出框内容 | (menus: ReactNode) => ReactNode | - | 5.25.0 |
|
|
60
|
-
| getPopupContainer | 菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位。 | (triggerNode: HTMLElement) => HTMLElement | () => document.body | |
|
|
61
|
-
| menu | 菜单配置项 | | - | 4.24.0 |
|
|
62
|
-
| overlayClassName | 下拉根元素的类名称 | string | - | |
|
|
63
|
-
| overlayStyle | 下拉根元素的样式 | CSSProperties | - | |
|
|
64
|
-
| placement | 菜单弹出位置: | string | bottomLeft | |
|
|
65
|
-
| trigger | 触发下拉的行为,移动端不支持 hover | Array< | [ | |
|
|
66
|
-
| open | 菜单是否显示,小于 4.23.0 使用 | boolean | - | 4.23.0 |
|
|
67
|
-
| onOpenChange | 菜单显示状态改变时调用,点击菜单按钮导致的消失不会触发。小于 4.23.0 使用 | (open: boolean, info: { source: 'trigger' | 'menu' }) => void | - | info.source |
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
### Dropdown.Button
|
|
71
|
-
|
|
72
|
-
属性与 Dropdown 的相同。还包含以下属性:
|
|
73
|
-
|
|
74
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
75
|
-
|--------|--------|--------|--------|--------|
|
|
76
|
-
| buttonsRender | 自定义左右两个按钮 | (buttons: ReactNode[]) => ReactNode[] | - | |
|
|
77
|
-
| loading | 设置按钮载入状态,和 | boolean | { delay: number, icon: ReactNode } | false | icon: 5.23.0 |
|
|
78
|
-
| danger | 设置危险按钮 | boolean | - | 4.23.0 |
|
|
79
|
-
| icon | 右侧的 icon | ReactNode | - | |
|
|
80
|
-
| size | 按钮大小,和 | large | middle | |
|
|
81
|
-
| type | 按钮类型,和 | primary | default | |
|
|
82
|
-
| onClick | 点击左侧按钮的回调,和 | (event: React.MouseEvent<HTMLElement, MouseEvent>) => void | - | |
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
## 注意
|
|
86
|
-
|
|
87
|
-
请确保 `Dropdown` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<DemoTitle title="Empty" desc="用于空状态的占位图形展示。"></DemoTitle>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
示例
|
|
10
|
-
|
|
11
|
-
<Install>Empty</Install>
|
|
12
|
-
|
|
13
|
-
#### 空状态示例
|
|
14
|
-
|
|
15
|
-
以下是空状态组件的示例和变体
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
无权限
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
其他
|
|
27
|
-
|
|
28
|
-
#### API
|
|
29
|
-
|
|
30
|
-
| <div><span class="lang-en">Attribute</span><span class="lang-cn">属性名</span></div> | <div><span class="lang-en">Description</span><span class="lang-cn">描述</span></div> | <div><span class="lang-en">Type</span><span class="lang-cn">类型</span></div> | <div><span class="lang-en">Default</span><span class="lang-cn">默认值</span></div> |
|
|
31
|
-
|--------|--------|--------|--------|
|
|
32
|
-
| type | <div><span class="lang-en"></span><span class="lang-cn">空状态类型</span></div> | | 'noData'
|
|
33
|
-
| 'networkError'
|
|
34
|
-
| '404'
|
|
35
|
-
| 'arrears'
|
|
36
|
-
| 'desktopOnly'
|
|
37
|
-
| 'noAudio'
|
|
38
|
-
| 'noImage'
|
|
39
|
-
| 'noVideo'
|
|
40
|
-
| 'noAccess'
|
|
41
|
-
| 'error'
|
|
42
|
-
| 'noModel'
|
|
43
|
-
| 'noApp'
|
|
44
|
-
| 'success'
|
|
45
|
-
| 'failed'
|
|
46
|
-
| 'inProgress'
|
|
47
|
-
| 'stayTuned' | 'noData' |
|
|
48
|
-
| texture | <div><span class="lang-en"></span><span class="lang-cn">是否显示纹理</span></div> | boolean | true |
|
|
49
|
-
| image | <div><span class="lang-en"></span><span class="lang-cn">图片地址</span></div> | string | 默认是no data的图片 |
|
|
50
|
-
| imageStyle | <div><span class="lang-en"></span><span class="lang-cn">图片样式</span></div> | React.CSSProperties | |
|
|
51
|
-
| title | <div><span class="lang-en"></span><span class="lang-cn">标题内容</span></div> | React.ReactNode | |
|
|
52
|
-
| description | <div><span class="lang-en"></span><span class="lang-cn">自定义描述内容</span></div> | React.ReactNode | |
|
|
53
|
-
| onOk | <div><span class="lang-en"></span><span class="lang-cn">ok按钮的点击事件</span></div> | (e: React.MouseEvent<HTMLButtonElement>) => void | |
|
|
54
|
-
| okText | <div><span class="lang-en"></span><span class="lang-cn">ok按钮的文本</span></div> | React.ReactNode | |
|
|
55
|
-
| okType | <div><span class="lang-en"></span><span class="lang-cn">ok按钮的类型</span></div> | SparkButtonProps['type'] | |
|
|
56
|
-
| okButtonProps | <div><span class="lang-en"></span><span class="lang-cn">ok按钮的props</span></div> | SparkButtonProps | |
|
|
57
|
-
| children | <div><span class="lang-en"></span><span class="lang-cn">自定义空状态的内容</span></div> | React.ReactNode | |
|
|
58
|
-
| className | <div><span class="lang-en"></span><span class="lang-cn">自定义空状态的类名</span></div> | string | |
|
|
59
|
-
| style | <div><span class="lang-en"></span><span class="lang-cn">自定义空状态的样式</span></div> | React.CSSProperties | |
|
|
60
|
-
| size | <div><span class="lang-en"></span><span class="lang-cn"></span></div> | React.CSSProperties['width'] | |
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
本组件完全兼容 antd 同名组件,详情可访问 [antd empty](https://ant.design/components/empty-cn) 查看更多 API
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
## antd API
|
|
67
|
-
|
|
68
|
-
通用属性参考:[通用属性](/docs/react/common-props)
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
75
|
-
|--------|--------|--------|--------|--------|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
## 内置图片
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
- Empty.PRESENTED_IMAGE_SIMPLE,<div class="site-empty-buildIn-img site-empty-buildIn-simple"><div>
|
|
82
|
-
|
|
83
|
-
- Empty.PRESENTED_IMAGE_DEFAULT,<div class="site-empty-buildIn-img site-empty-buildIn-default"></div>
|
|
84
|
-
|
|
85
|
-
<style>
|
|
86
|
-
.site-empty-buildIn-img {
|
|
87
|
-
background-repeat: no-repeat;
|
|
88
|
-
background-size: contain;
|
|
89
|
-
}
|
|
90
|
-
.site-empty-buildIn-simple {
|
|
91
|
-
width: 55px;
|
|
92
|
-
height: 35px;
|
|
93
|
-
background-image: url("https://user-images.githubusercontent.com/507615/54591679-b0ceb580-4a65-11e9-925c-ad15b4eae93d.png");
|
|
94
|
-
}
|
|
95
|
-
.site-empty-buildIn-default {
|
|
96
|
-
width: 121px;
|
|
97
|
-
height: 116px;
|
|
98
|
-
background-image: url("https://user-images.githubusercontent.com/507615/54591670-ac0a0180-4a65-11e9-846c-e55ffce0fe7b.png");
|
|
99
|
-
}
|
|
100
|
-
</style>
|