@agentscope-ai/design 1.0.5 → 1.0.7

package/llms/components/commonComponents/CollapsePanel/index.zh-CN.llms.txt

@@ -0,0 +1,75 @@
+
+
+<DemoTitle title="CollapsePanel" desc="折叠面板"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>CollapsePanel</Install>
+
+#### API
+
+| <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> | 
+|--------|--------|--------|--------|
+| collapsedHeight | <div><span class="lang-en"></span><span class="lang-cn">收起状态下显示的内容高度</span></div> | number | 0 | 
+| expandedHeight | <div><span class="lang-en"></span><span class="lang-cn">展开状态下的内容高度，设置后内容超出时可滚动，不设置则自适应内容高度</span></div> | number | 300 | 
+| title | <div><span class="lang-en"></span><span class="lang-cn">面板标题</span></div> | string | React.ReactNode | "" | 
+| expandOnPanelClick | <div><span class="lang-en"></span><span class="lang-cn">是否允许点击整个面板进行展开</span></div> | boolean | false | 
+| extra | <div><span class="lang-en"></span><span class="lang-cn">面板右侧内容</span></div> | React.ReactNode |  | 
+| children | <div><span class="lang-en"></span><span class="lang-cn">面板内容</span></div> | React.ReactNode |  | 
+| defaultExpanded | <div><span class="lang-en"></span><span class="lang-cn">是否默认展开</span></div> | boolean | false | 
+
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Collapse
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| accordion | 手风琴模式 | boolean | false |  | 
+| activeKey | 当前激活 tab 面板的 key | string[] | string  |  |  | 
+| bordered | 带边框风格的折叠面板 | boolean | true |  | 
+| collapsible | 所有子面板是否可折叠或指定可折叠触发区域 | header | - | 4.9.0 | 
+| defaultActiveKey | 初始化选中面板的 key | string[] | string | - |  | 
+|  | 销毁折叠隐藏的面板 | boolean | false |  | 
+| destroyOnHidden | 销毁折叠隐藏的面板 | boolean | false | 5.25.0 | 
+| expandIcon | 自定义切换图标 | (panelProps) => ReactNode | - |  | 
+| expandIconPosition | 设置图标位置 | start | - | 4.21.0 | 
+| ghost | 使折叠面板透明且无边框 | boolean | false | 4.4.0 | 
+| size | 设置折叠面板大小 | large | middle | 5.2.0 | 
+| onChange | 切换面板的回调 | function | - |  | 
+| items | 折叠项目内容 |  | - | 5.6.0 | 
+
+
+### ItemType
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| classNames | 语义化结构 className |  | - | 5.21.0 | 
+| collapsible | 是否可折叠或指定可折叠触发区域 | header | - |  | 
+| forceRender | 被隐藏时是否渲染 body 区域 DOM 结构 | boolean | false |  | 
+| key | 对应 activeKey | string | number | - |  | 
+| label | 面板标题 | ReactNode | - | - | 
+| showArrow | 是否展示当前面板上的箭头（为 false 时，collapsible 不能设为 icon） | boolean | true |  | 
+| styles | 语义化结构 style |  | - | 5.21.0 | 
+
+
+### Collapse.Panel
+
+<!-- prettier-ignore -->
+<Container type="warning" title="已废弃">
+版本 >= 5.6.0 时请使用 items 方式配置面板。
+</Container>
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| collapsible | 是否可折叠或指定可折叠触发区域 | header | - | 4.9.0 (icon: 4.24.0) | 
+| forceRender | 被隐藏时是否渲染 body 区域 DOM 结构 | boolean | false |  | 
+| header | 面板标题 | ReactNode | - |  | 
+| key | 对应 activeKey | string | number | - |  | 
+| showArrow | 是否展示当前面板上的箭头（为 false 时，collapsible 不能设为 icon） | boolean | true |  | 

package/llms/components/commonComponents/DatePicker/index.zh-CN.llms.txt

@@ -0,0 +1,227 @@
+
+
+<DemoTitle title="DatePicker" desc="输入或选择时间的控件。"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>DatePicker</Install>
+
+#### 时间选择框示例
+
+用于选择或输入日期，支持指定范围并可预设常用日期。
+
+
+
+
+
+不同类型的日期选择器
+
+
+
+
+
+选择日期范围
+
+
+
+
+
+多选
+
+#### API
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd date-picker](https://ant.design/components/date-picker-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+日期类组件包括以下五种形式。
+
+
+- DatePicker
+- DatePicker[picker="month"]
+- DatePicker[picker="week"]
+- DatePicker[picker="year"]
+- DatePicker[picker="quarter"] (4.1.0 新增)
+- RangePicker
+
+### 国际化配置
+
+默认配置为 en-US，如果你需要设置其他语言，推荐在入口处使用我们提供的国际化组件，详见：[ConfigProvider 国际化](https://ant.design/components/config-provider-cn/)。
+
+如有特殊需求（仅修改单一组件的语言），请使用 locale 参数，参考：[默认配置](https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json)。
+
+
+
+
+
+<!-- prettier-ignore -->
+<Container type="warning">
+在搭配 Next.js 的 App Router 使用时，注意在引入 dayjs 的 locale 文件时加上 `'use client'`。这是由于 Ant Design 的组件都是客户端组件，在 RSC 中引入 dayjs 的 locale 文件将不会在客户端生效。
+</Container>
+### 共同的 API
+
+以下 API 为 DatePicker、 RangePicker 共享的 API。
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| allowClear | 自定义清除按钮 | boolean | { clearIcon?: ReactNode } | true | 5.8.0: 支持对象类型 | 
+| autoFocus | 自动获取焦点 | boolean | false |  | 
+| className | 选择器 className | string | - |  | 
+| dateRender | 自定义日期单元格的内容，5.4.0 起用  | function(currentDate: dayjs, today: dayjs) => React.ReactNode | - | < 5.4.0 | 
+| 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 | 
+| components | 自定义面板 | Record<Panel | 'input', React.ComponentType> | - | 5.14.0 | 
+| defaultOpen | 是否默认展开控制弹层 | boolean | - |  | 
+| disabled | 禁用 | boolean | false |  | 
+| disabledDate | 不可选择的日期 | (currentDate: dayjs, info: { from?: dayjs, type: Picker }) => boolean | - | info | 
+| format | 设置日期格式，为数组时支持多格式匹配，展示以第一个为准。配置参考  |  |  |  | 
+| order | 多选、范围时是否自动排序 | boolean | true | 5.14.0 | 
+| preserveInvalidOnBlur | 失去焦点是否要清空输入框内无效内容 | boolean | false | 5.14.0 | 
+|  | 额外的弹出日历 className，使用  | string | - | 4.23.0 | 
+| getPopupContainer | 定义浮层的容器，默认为 body 上新建 div | function(trigger) | - |  | 
+| inputReadOnly | 设置输入框为只读（避免在移动设备上打开虚拟键盘） | boolean | false |  | 
+| locale | 国际化配置 | object |  |  | 
+| minDate | 最小日期，同样会限制面板的切换范围 | dayjs | - | 5.14.0 | 
+| maxDate | 最大日期，同样会限制面板的切换范围 | dayjs | - | 5.14.0 | 
+| mode | 日期面板的状态（ | time | - |  | 
+| needConfirm | 是否需要确认按钮，为  | boolean | - | 5.14.0 | 
+| nextIcon | 自定义下一个图标 | ReactNode | - | 4.17.0 | 
+| open | 控制弹层是否展开 | boolean | - |  | 
+| panelRender | 自定义渲染面板 | (panelNode) => ReactNode | - | 4.5.0 | 
+| picker | 设置选择器类型 | date | date | quarter | 
+| placeholder | 输入框提示文字 | string | [string, string] | - |  | 
+| placement | 选择框弹出的位置 | bottomLeft | bottomLeft |  | 
+|  | 额外的弹出日历样式，使用  | CSSProperties | {} |  | 
+| prefix | 自定义前缀 | ReactNode | - | 5.22.0 | 
+| prevIcon | 自定义上一个图标 | ReactNode | - | 4.17.0 | 
+| presets | 预设时间范围快捷选择, 自  | { label: React.ReactNode, value: Dayjs | (() => Dayjs) }[] | - |  | 
+| size | 输入框大小， | large | - |  | 
+| status | 设置校验状态 | 'error' | 'warning' | - | 4.19.0 | 
+| style | 自定义输入框样式 | CSSProperties | {} |  | 
+| suffixIcon | 自定义的选择框后缀图标 | ReactNode | - |  | 
+| superNextIcon | 自定义  | ReactNode | - | 4.17.0 | 
+| superPrevIcon | 自定义  | ReactNode | - | 4.17.0 | 
+| variant | 形态变体 | outlined | outlined | 5.13.0 |  | 
+| onOpenChange | 弹出日历和关闭日历的回调 | function(open) | - |  | 
+| onPanelChange | 日历面板切换的回调 | function(value, mode) | - |  | 
+
+
+### 共同的方法
+
+| 名称 | 描述 | 版本 | 
+|--------|--------|--------|
+| blur() | 移除焦点 |  | 
+| focus() | 获取焦点 |  | 
+
+
+### DatePicker
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| defaultPickerValue | 默认面板日期，每次面板打开时会被重置到该日期 |  | - | 5.14.0 | 
+| defaultValue | 默认日期，如果开始时间或结束时间为  |  | - |  | 
+| disabledTime | 不可选择的时间 | function(date) | - |  | 
+| format | 展示的日期格式，配置参考  |  | YYYY-MM-DD |  | 
+| multiple | 是否为多选，不支持  | boolean | false | 5.14.0 | 
+| pickerValue | 面板日期，可以用于受控切换面板所在日期。配合  |  | - | 5.14.0 | 
+| renderExtraFooter | 在面板中添加额外的页脚 | (mode) => React.ReactNode | - |  | 
+| showNow | 显示当前日期时间的快捷选择 | boolean | - |  | 
+| showTime | 增加时间选择功能 | Object | boolean |  |  | 
+| showTime.defaultValue | 设置用户选择日期时默认的时分秒， |  | dayjs() |  | 
+| showWeek | DatePicker 下展示当前周 | boolean | false | 5.14.0 | 
+| value | 日期 |  | - |  | 
+| onChange | 时间发生变化的回调 | function(date: dayjs, dateString: string) | - |  | 
+| onOk | 点击确定按钮的回调 | function() | - |  | 
+| onPanelChange | 日期面板变化时的回调 | function(value, mode) | - |  | 
+
+
+### DatePicker[picker=year]
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| defaultValue | 默认日期 |  | - |  | 
+| format | 展示的日期格式，配置参考  |  | YYYY |  | 
+| multiple | 是否为多选 | boolean | false | 5.14.0 | 
+| renderExtraFooter | 在面板中添加额外的页脚 | () => React.ReactNode | - |  | 
+| value | 日期 |  | - |  | 
+| onChange | 时间发生变化的回调，发生在用户选择时间时 | function(date: dayjs, dateString: string) | - |  | 
+
+
+### DatePicker[picker=quarter]
+
+`4.1.0` 新增。
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| defaultValue | 默认日期 |  | - |  | 
+| format | 展示的日期格式，配置参考  |  | YYYY-\QQ |  | 
+| multiple | 是否为多选 | boolean | false | 5.14.0 | 
+| renderExtraFooter | 在面板中添加额外的页脚 | () => React.ReactNode | - |  | 
+| value | 日期 |  | - |  | 
+| onChange | 时间发生变化的回调，发生在用户选择时间时 | function(date: dayjs, dateString: string) | - |  | 
+
+
+### DatePicker[picker=month]
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| defaultValue | 默认日期 |  | - |  | 
+| format | 展示的日期格式，配置参考  |  | YYYY-MM |  | 
+| multiple | 是否为多选 | boolean | false | 5.14.0 | 
+| renderExtraFooter | 在面板中添加额外的页脚 | () => React.ReactNode | - |  | 
+| value | 日期 |  | - |  | 
+| onChange | 时间发生变化的回调，发生在用户选择时间时 | function(date: dayjs, dateString: string) | - |  | 
+
+
+### DatePicker[picker=week]
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| defaultValue | 默认日期 |  | - |  | 
+| format | 展示的日期格式，配置参考  |  | YYYY-wo |  | 
+| multiple | 是否为多选 | boolean | false | 5.14.0 | 
+| renderExtraFooter | 在面板中添加额外的页脚 | (mode) => React.ReactNode | - |  | 
+| value | 日期 |  | - |  | 
+| onChange | 时间发生变化的回调，发生在用户选择时间时 | function(date: dayjs, dateString: string) | - |  | 
+| showWeek | DatePicker 下展示当前周 | boolean | true | 5.14.0 | 
+
+
+### RangePicker
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| allowEmpty | 允许起始项部分为空 | [boolean, boolean] | [false, false] |  | 
+| 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 | 
+| dateRender | 自定义日期单元格的内容，5.4.0 起用  | function(currentDate: dayjs, today: dayjs) => React.ReactNode | - | < 5.4.0 | 
+| defaultPickerValue | 默认面板日期，每次面板打开时会被重置到该日期 |  | - | 5.14.0 | 
+| defaultValue | 默认日期 |  | - |  | 
+| disabled | 禁用起始项 | [boolean, boolean] | - |  | 
+| disabledTime | 不可选择的时间 | function(date: dayjs, partial:  | - | info.from | 
+| format | 展示的日期格式，配置参考  |  | YYYY-MM-DD HH:mm:ss |  | 
+| id | 设置输入框  | { start?: string, end?: string } | - | 5.14.0 | 
+| pickerValue | 面板日期，可以用于受控切换面板所在日期。配合  |  | - | 5.14.0 | 
+| presets | 预设时间范围快捷选择，自  | { label: React.ReactNode, value: (Dayjs | (() => Dayjs))[] }[] | - |  | 
+| renderExtraFooter | 在面板中添加额外的页脚 | () => React.ReactNode | - |  | 
+| separator | 设置分隔符 | React.ReactNode | <SwapRightOutlined /> |  | 
+| showTime | 增加时间选择功能 | Object|boolean |  |  | 
+| showTime.defaultValue | 设置用户选择日期时默认的时分秒， |  | [dayjs(), dayjs()] |  | 
+| value | 日期 |  | - |  | 
+| onCalendarChange | 待选日期发生变化的回调。 | function(dates: [dayjs, dayjs], dateStrings: [string, string], info: { range: | - |  | 
+| onChange | 日期范围发生变化的回调 | function(dates: [dayjs, dayjs], dateStrings: [string, string]) | - |  | 
+| onFocus | 聚焦时回调 | function(event, { range: 'start' | 'end' }) | - | range | 
+| onBlur | 失焦时回调 | function(event, { range: 'start' | 'end' }) | - | range | 
+
+
+#### formatType
+
+
+
+
+
+注意：`type` 定义为 `5.14.0` 新增。

package/llms/components/commonComponents/Descriptions/index.zh-CN.llms.txt

@@ -0,0 +1,60 @@
+
+
+<DemoTitle title="Descriptions" desc="展示多个只读字段的组合"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Descriptions</Install>
+
+#### 描述面板示例
+
+以下是此组件的示例和变体
+
+
+
+
+
+竖直方向
+
+#### API
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd descriptions](https://ant.design/components/descriptions-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Descriptions
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| bordered | 是否展示边框 | boolean | false |  | 
+| colon | 配置  | boolean | true |  | 
+| column | 一行的  | number |  | 3 |  | 
+|  | 自定义内容样式，请使用  | CSSProperties | - | 4.10.0 | 
+| extra | 描述列表的操作区域，显示在右上方 | ReactNode | - | 4.5.0 | 
+| items | 描述列表项内容 |  | - | 5.8.0 | 
+|  | 自定义标签样式，请使用  | CSSProperties | - | 4.10.0 | 
+| layout | 描述布局 | horizontal | horizontal |  | 
+| size | 设置列表的大小。可以设置为  | default | - |  | 
+| title | 描述列表的标题，显示在最顶部 | ReactNode | - |  | 
+| classNames | 语义化结构 class |  | - | 5.23.0 | 
+| styles | 语义化结构 style |  | - | 5.23.0 | 
+
+
+### DescriptionItem
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+|  | 自定义内容样式，请使用  | CSSProperties | - | 4.9.0 | 
+| label | 内容的描述 | ReactNode | - |  | 
+|  | 自定义标签样式，请使用  | CSSProperties | - | 4.9.0 | 
+| span | 包含列的数量（ | number|  | 1 | screens: 5.9.0 | 
+
+
+span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度。当同时配置 `style` 和 `labelStyle`（或 `contentStyle`）时，两者会同时作用。样式冲突时，后者会覆盖前者。

package/llms/components/commonComponents/Drawer/index.zh-CN.llms.txt

@@ -0,0 +1,87 @@
+
+
+<DemoTitle title="Drawer" desc="从页面一侧滑入的操作面板，用于承载临时界面内容。"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Drawer</Install>
+
+#### 全局提示示例
+
+以下是全局提示组件的示例和变体
+
+
+
+
+
+不同滑入的位置
+
+
+
+
+多级抽屉
+
+
+
+
+自定义样式
+
+
+
+
+预设宽度
+
+#### API
+
+| <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> | 
+|--------|--------|--------|--------|
+| showDivider | <div><span class="lang-en">whether to show divider</span><span class="lang-cn">是否显示分割线</span></div> | boolean | true | 
+
+##### 带按钮的抽屉
+
+ApiParser解析结果为空
+本组件完全兼容 antd 同名组件，详情可访问 [antd drawer](https://ant.design/components/drawer-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+<!-- prettier-ignore -->
+<Container type="warning" title="注意">
+v5 使用 `rootClassName` 与 `rootStyle` 来配置最外层元素样式。原 v4 `className` 与 `style` 改至配置 Drawer 窗体样式以和 Modal 对齐。
+</Container>
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| autoFocus | 抽屉展开后是否将焦点切换至其 DOM 节点 | boolean | true | 4.17.0 | 
+| afterOpenChange | 切换抽屉时动画结束后的回调 | function(open) | - |  | 
+| className | Drawer 容器外层 className 设置，如果需要设置最外层，请使用 rootClassName | string | - |  | 
+| classNames | 语义化结构 className |  | - | 5.10.0 | 
+| closeIcon | 自定义关闭图标。5.7.0：设置为  | ReactNode | <CloseOutlined /> |  | 
+|  | 关闭时销毁 Drawer 里的子元素 | boolean | false |  | 
+| destroyOnHidden | 关闭时销毁 Drawer 里的子元素 | boolean | false | 5.25.0 | 
+| extra | 抽屉右上角的操作区域 | ReactNode | - | 4.17.0 | 
+| footer | 抽屉的页脚 | ReactNode | - |  | 
+| forceRender | 预渲染 Drawer 内元素 | boolean | false |  | 
+| getContainer | 指定 Drawer 挂载的节点， | HTMLElement | () => HTMLElement | Selectors | false | body |  | 
+| height | 高度，在  | string | number | 378 |  | 
+| keyboard | 是否支持键盘 esc 关闭 | boolean | true |  | 
+| mask | 是否展示遮罩 | boolean | true |  | 
+| maskClosable | 点击蒙层是否允许关闭 | boolean | true |  | 
+| placement | 抽屉的方向 | top | right |  | 
+| push | 用于设置多层 Drawer 的推动行为 | boolean | { distance: string | number } | { distance: 180 } | 4.5.0+ | 
+| rootStyle | 可用于设置 Drawer 最外层容器的样式，和  | CSSProperties | - |  | 
+| size | 预设抽屉宽度（或高度），default  | 'default' | 'large' | 'default' | 4.17.0 | 
+| style | 设计 Drawer 容器样式，如果你只需要设置内容部分请使用  | CSSProperties | - |  | 
+| styles | 语义化结构 style |  | - | 5.10.0 | 
+| title | 标题 | ReactNode | - |  | 
+| loading | 显示骨架屏 | boolean | false | 5.17.0 | 
+| open | Drawer 是否可见 | boolean | - | 
+| width | 宽度 | string | number | 378 |  | 
+| zIndex | 设置 Drawer 的  | number | 1000 |  | 
+| onClose | 点击遮罩层或左上角叉或取消按钮的回调 | function(e) | - |  | 
+| drawerRender | 自定义渲染抽屉 | (node: ReactNode) => ReactNode | - | 5.18.0 | 

package/llms/components/commonComponents/Dropdown/index.zh-CN.llms.txt

@@ -0,0 +1,87 @@
+
+
+<DemoTitle title="Dropdown" desc="向下弹出的列表。"></DemoTitle>
+
+
+
+
+
+基础用法
+
+<Install>Dropdown</Install>
+
+#### 下拉菜单示例
+
+以下是此下拉菜单组件的示例和变体
+
+
+
+
+
+带图标的下拉菜单
+
+
+
+
+危险状态菜单项
+
+
+
+
+支持选择
+
+
+
+
+支持级联
+
+#### API
+
+ApiParser解析结果为空
+本组件完全兼容 antd 同名组件，详情可访问 [antd dropdown](https://ant.design/components/dropdown-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Dropdown
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| arrow | 下拉框箭头是否显示 | boolean | { pointAtCenter: boolean } | false |  | 
+| autoAdjustOverflow | 下拉框被遮挡时自动调整位置 | boolean | true | 5.2.0 | 
+| autoFocus | 打开后自动聚焦下拉框 | boolean | false | 4.21.0 | 
+| disabled | 菜单是否禁用 | boolean | - |  | 
+|  | 关闭后是否销毁 Dropdown，使用  | boolean | false |  | 
+| destroyOnHidden | 关闭后是否销毁 Dropdown | boolean | false | 5.25.0 | 
+|  | 自定义下拉框内容，使用  | (menus: ReactNode) => ReactNode | - | 4.24.0 | 
+| popupRender | 自定义弹出框内容 | (menus: ReactNode) => ReactNode | - | 5.25.0 | 
+| getPopupContainer | 菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。 | (triggerNode: HTMLElement) => HTMLElement | () => document.body |  | 
+| menu | 菜单配置项 |  | - | 4.24.0 | 
+| overlayClassName | 下拉根元素的类名称 | string | - |  | 
+| overlayStyle | 下拉根元素的样式 | CSSProperties | - |  | 
+| placement | 菜单弹出位置： | string | bottomLeft |  | 
+| trigger | 触发下拉的行为，移动端不支持 hover | Array< | [ |  | 
+| open | 菜单是否显示，小于 4.23.0 使用  | boolean | - | 4.23.0 | 
+| onOpenChange | 菜单显示状态改变时调用，点击菜单按钮导致的消失不会触发。小于 4.23.0 使用  | (open: boolean, info: { source: 'trigger' | 'menu' }) => void | - | info.source | 
+
+
+### Dropdown.Button
+
+属性与 Dropdown 的相同。还包含以下属性：
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| buttonsRender | 自定义左右两个按钮 | (buttons: ReactNode[]) => ReactNode[] | - |  | 
+| loading | 设置按钮载入状态，和  | boolean | { delay: number, icon: ReactNode } | false | icon: 5.23.0 | 
+| danger | 设置危险按钮 | boolean | - | 4.23.0 | 
+| icon | 右侧的 icon | ReactNode | - |  | 
+| size | 按钮大小，和  | large | middle |  | 
+| type | 按钮类型，和  | primary | default |  | 
+| onClick | 点击左侧按钮的回调，和  | (event: React.MouseEvent<HTMLElement, MouseEvent>) => void | - |  | 
+
+
+## 注意
+
+请确保 `Dropdown` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。

package/llms/components/commonComponents/Empty/index.zh-CN.llms.txt

@@ -0,0 +1,100 @@
+
+
+<DemoTitle title="Empty" desc="用于空状态的占位图形展示。"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Empty</Install>
+
+#### 空状态示例
+
+以下是空状态组件的示例和变体
+
+
+
+
+
+无权限
+
+
+
+
+其他
+
+#### API
+
+| <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> | 
+|--------|--------|--------|--------|
+| type | <div><span class="lang-en"></span><span class="lang-cn">空状态类型</span></div> | | 'noData'
+    | 'networkError'
+    | '404'
+    | 'arrears'
+    | 'desktopOnly'
+    | 'noAudio'
+    | 'noImage'
+    | 'noVideo'
+    | 'noAccess'
+    | 'error'
+    | 'noModel'
+    | 'noApp'
+    | 'success'
+    | 'failed'
+    | 'inProgress'
+    | 'stayTuned' | 'noData' | 
+| texture | <div><span class="lang-en"></span><span class="lang-cn">是否显示纹理</span></div> | boolean | true | 
+| image | <div><span class="lang-en"></span><span class="lang-cn">图片地址</span></div> | string | 默认是no data的图片 | 
+| imageStyle | <div><span class="lang-en"></span><span class="lang-cn">图片样式</span></div> | React.CSSProperties |  | 
+| title | <div><span class="lang-en"></span><span class="lang-cn">标题内容</span></div> | React.ReactNode |  | 
+| description | <div><span class="lang-en"></span><span class="lang-cn">自定义描述内容</span></div> | React.ReactNode |  | 
+| onOk | <div><span class="lang-en"></span><span class="lang-cn">ok按钮的点击事件</span></div> | (e: React.MouseEvent<HTMLButtonElement>) => void |  | 
+| okText | <div><span class="lang-en"></span><span class="lang-cn">ok按钮的文本</span></div> | React.ReactNode |  | 
+| okType | <div><span class="lang-en"></span><span class="lang-cn">ok按钮的类型</span></div> | SparkButtonProps['type'] |  | 
+| okButtonProps | <div><span class="lang-en"></span><span class="lang-cn">ok按钮的props</span></div> | SparkButtonProps |  | 
+| children | <div><span class="lang-en"></span><span class="lang-cn">自定义空状态的内容</span></div> | React.ReactNode |  | 
+| className | <div><span class="lang-en"></span><span class="lang-cn">自定义空状态的类名</span></div> | string |  | 
+| style | <div><span class="lang-en"></span><span class="lang-cn">自定义空状态的样式</span></div> | React.CSSProperties |  | 
+| size | <div><span class="lang-en"></span><span class="lang-cn"></span></div> | React.CSSProperties['width'] |  | 
+
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd empty](https://ant.design/components/empty-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+
+
+
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+
+
+## 内置图片
+
+
+- Empty.PRESENTED_IMAGE_SIMPLE,<div class="site-empty-buildIn-img site-empty-buildIn-simple"><div>
+
+- Empty.PRESENTED_IMAGE_DEFAULT,<div class="site-empty-buildIn-img site-empty-buildIn-default"></div>
+
+<style>
+  .site-empty-buildIn-img {
+    background-repeat: no-repeat;
+    background-size: contain;
+  }
+  .site-empty-buildIn-simple {
+    width: 55px;
+    height: 35px;
+    background-image: url("https://user-images.githubusercontent.com/507615/54591679-b0ceb580-4a65-11e9-925c-ad15b4eae93d.png");
+  }
+  .site-empty-buildIn-default {
+    width: 121px;
+    height: 116px;
+    background-image: url("https://user-images.githubusercontent.com/507615/54591670-ac0a0180-4a65-11e9-846c-e55ffce0fe7b.png");
+  }
+</style>