@agentscope-ai/design 1.0.6 → 1.0.7

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

@@ -0,0 +1,77 @@
+
+
+<DemoTitle title="Statistic" desc="展示统计数值"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Statistic</Install>
+
+#### 统计数值示例
+
+以下是此组件的示例和变体
+
+
+
+
+
+通过前缀和后缀添加元素
+
+#### API
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd statistic](https://ant.design/components/statistic-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+#### Statistic
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| decimalSeparator | 设置小数点 | string | . |  | 
+| formatter | 自定义数值展示 | (value) => ReactNode | - |  | 
+| groupSeparator | 设置千分位标识符 | string | , |  | 
+| loading | 数值是否加载中 | boolean | false | 4.8.0 | 
+| precision | 数值精度 | number | - |  | 
+| prefix | 设置数值的前缀 | ReactNode | - |  | 
+| suffix | 设置数值的后缀 | ReactNode | - |  | 
+| title | 数值的标题 | ReactNode | - |  | 
+| value | 数值内容 | string | number | - |  | 
+| valueStyle | 设置数值区域的样式 | CSSProperties | - |  | 
+
+
+#### Statistic.Countdown <Badge type="error">Deprecated</Badge>
+
+<Antd component="Alert" message="版本 >= 5.25.0 时请使用 Statistic.Timer 作为替代方案。" type="warning" banner="true"></Antd>
+
+<!-- prettier-ignore -->
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| format | 格式化倒计时展示，参考  | string | HH:mm:ss |  | 
+| prefix | 设置数值的前缀 | ReactNode | - |  | 
+| suffix | 设置数值的后缀 | ReactNode | - |  | 
+| title | 数值的标题 | ReactNode | - |  | 
+| value | 数值内容 | number | - |  | 
+| valueStyle | 设置数值区域的样式 | CSSProperties | - |  | 
+| onFinish | 倒计时完成时触发 | () => void | - |  | 
+| onChange | 倒计时时间变化时触发 | (value: number) => void | - |  | 
+
+
+#### Statistic.Timer <Badge>5.25.0+</Badge>
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| type | 计时类型，正计时或者倒计时 | countdown | - |  | 
+| format | 格式化倒计时展示，参考  | string | HH:mm:ss |  | 
+| prefix | 设置数值的前缀 | ReactNode | - |  | 
+| suffix | 设置数值的后缀 | ReactNode | - |  | 
+| title | 数值的标题 | ReactNode | - |  | 
+| value | 数值内容 | number | - |  | 
+| valueStyle | 设置数值区域的样式 | CSSProperties | - |  | 
+| onFinish | 倒计时完成时触发, 指定为  | () => void | - |  | 
+| onChange | 倒计时时间变化时触发 | (value: number) => void | - |  | 

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

@@ -0,0 +1,82 @@
+
+
+<DemoTitle title="Steps" desc="引导用户按照流程完成任务的导航条。"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Steps</Install>
+
+#### 步骤条示例
+
+以下是此组件的示例和变体
+
+
+
+
+
+附带描述
+
+
+
+
+
+垂直方向
+
+#### API
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd steps](https://ant.design/components/steps-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Steps
+
+整体步骤条。
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| className | 步骤条类名 | string | - |  | 
+| current | 指定当前步骤，从 0 开始记数。在子 Step 元素中，可以通过  | number | 0 |  | 
+| direction | 指定步骤条方向。目前支持水平（ | string | horizontal |  | 
+| initial | 起始序号，从 0 开始记数 | number | 0 |  | 
+| labelPlacement | 指定标签放置位置，默认水平放图标右侧，可选  | string | horizontal |  | 
+| percent | 当前  | number | - | 4.5.0 | 
+| progressDot | 点状步骤条，可以设置为一个 function，labelPlacement 将强制为  | boolean | (iconDot, {index, status, title, description}) => ReactNode | false |  | 
+| responsive | 当屏幕宽度小于  | boolean | true |  | 
+| size | 指定大小，目前支持普通（ | string | default |  | 
+| status | 指定当前步骤的状态，可选  | string | process |  | 
+| type | 步骤条类型，可选  | string | default | inline: 5.0 | 
+| onChange | 点击切换步骤时触发 | (current) => void | - |  | 
+| items | 配置选项卡内容 |  | [] | 4.24.0 | 
+
+
+### `type="inline"`
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| className | 步骤条类名 | string | - |  | 
+| current | 指定当前步骤，从 0 开始记数。在子 Step 元素中，可以通过  | number | 0 |  | 
+| initial | 起始序号，从 0 开始记数 | number | 0 |  | 
+| status | 指定当前步骤的状态，可选  | string | process |  | 
+| onChange | 点击切换步骤时触发 | (current) => void | - |  | 
+| items | 配置选项卡内容，不支持  |  | [] | 4.24.0 | 
+
+
+### StepItem
+
+步骤条内的每一个步骤。
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| description | 步骤的详情描述，可选 | ReactNode | - |  | 
+| disabled | 禁用点击 | boolean | false |  | 
+| icon | 步骤图标的类型，可选 | ReactNode | - |  | 
+| status | 指定状态。当不配置该属性时，会使用 Steps 的  | string | wait |  | 
+| subTitle | 子标题 | ReactNode | - |  | 
+| title | 标题 | ReactNode | - |  | 

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

@@ -0,0 +1,58 @@
+
+
+<DemoTitle title="Switch" desc="使用开关切换两种状态之间。"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Switch</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> | 
+|--------|--------|--------|--------|
+| label | <div><span class="lang-en">content after the switch</span><span class="lang-cn">Switch后的内容</span></div> | ReactNode |  | 
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd switch](https://ant.design/components/switch-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| autoFocus | 组件自动获取焦点 | boolean | false |  | 
+| checked | 指定当前是否选中 | boolean | false |  | 
+| checkedChildren | 选中时的内容 | ReactNode | - |  | 
+| className | Switch 器类名 | string | - |  | 
+| defaultChecked | 初始是否选中 | boolean | false |  | 
+| defaultValue | defaultChecked | boolean | - | 5.12.0 | 
+| disabled | 是否禁用 | boolean | false |  | 
+| loading | 加载中的开关 | boolean | false |  | 
+| size | 开关大小，可选值： | string | default |  | 
+| unCheckedChildren | 非选中时的内容 | ReactNode | - |  | 
+| value | checked | boolean | - | 5.12.0 | 
+| onChange | 变化时的回调函数 | function(checked: boolean, event: Event) | - |  | 
+| onClick | 点击时的回调函数 | function(checked: boolean, event: Event) | - |  | 
+
+
+## 方法
+
+| 名称 | 描述 | 
+|--------|--------|
+| blur() | 移除焦点 | 
+| focus() | 获取焦点 | 

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

@@ -0,0 +1,228 @@
+
+
+<DemoTitle title="Table" desc="展示行列数据。"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Table</Install>
+
+
+
+
+
+首列为单选框时
+
+
+
+
+
+首列为多选框时
+
+
+
+
+
+支持从列头排序
+
+#### FAQs
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd table](https://ant.design/components/table-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Table
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| bordered | 是否展示外边框和列边框 | boolean | false |  | 
+| columns | 表格列的配置描述，具体项见下表 |  | - |  | 
+| components | 覆盖默认的 table 元素 |  | - |  | 
+| dataSource | 数据数组 | object[] | - |  | 
+| expandable | 配置展开属性 |  | - |  | 
+| footer | 表格尾部 | function(currentPageData) | - |  | 
+| getPopupContainer | 设置表格内各类浮层的渲染节点，如筛选菜单 | (triggerNode) => HTMLElement | () => TableHtmlElement |  | 
+| loading | 页面是否加载中 | boolean |  | false |  | 
+| locale | 默认文案设置，目前包括排序、过滤、空数据文案 | object |  |  | 
+| pagination | 分页器，参考 | object |  | - |  | 
+| rowClassName | 表格行的类名 | function(record, index): string | - |  | 
+| rowKey | 表格行 key 的取值，可以是字符串或一个函数 | string | function(record): string | key |  | 
+| rowSelection | 表格行是否可选择， | object | - |  | 
+| rowHoverable | 表格行是否开启 hover 交互 | boolean | true | 5.16.0 | 
+| scroll | 表格是否可滚动，也可以指定滚动区域的宽、高， | object | - |  | 
+| showHeader | 是否显示表头 | boolean | true |  | 
+| showSorterTooltip | 表头是否显示下一次排序的 tooltip 提示。当参数类型为对象时，将被设置为 Tooltip 的属性 | boolean |  | { target: 'full-header' } | 5.16.0 | 
+| size | 表格大小 | large | large |  | 
+| sortDirections | 支持的排序方式，取值为  | Array | [ |  | 
+| sticky | 设置粘性头部和滚动条 | boolean |  | - | 4.6.0 (getContainer: 4.7.0) | 
+| summary | 总结栏 | (currentData) => ReactNode | - |  | 
+| tableLayout | 表格元素的  | - |  | 无 |  | 
+| title | 表格标题 | function(currentPageData) | - |  | 
+| virtual | 支持虚拟列表 | boolean | - | 5.9.0 | 
+| onChange | 分页、排序、筛选变化时触发 | function(pagination, filters, sorter, extra: { currentDataSource: [], action:  | - |  | 
+| onHeaderRow | 设置头部行属性 | function(columns, index) | - |  | 
+| onRow | 设置行属性 | function(record, index) | - |  | 
+| onScroll | 表单内容滚动时触发（虚拟滚动下只有垂直滚动会触发事件） | function(event) | - | 5.16.0 | 
+
+
+### Table ref
+
+| 参数 | 说明 | 类型 | 版本 | 
+|--------|--------|--------|--------|
+| nativeElement | 最外层 div 元素 | HTMLDivElement | 5.11.0 | 
+| scrollTo | 滚动到目标位置（设置  | (config: { index?: number, key?: React.Key, top?: number }) => void | 5.11.0 | 
+
+
+#### onRow 用法
+
+适用于 `onRow` `onHeaderRow` `onCell` `onHeaderCell`。
+
+
+
+
+
+### Column
+
+列描述数据对象，是 columns 中的一项，Column 使用相同的 API。
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| align | 设置列的对齐方式 | left | left |  | 
+| className | 列样式类名 | string | - |  | 
+| colSpan | 表头列合并，设置为 0 时，不渲染 | number | - |  | 
+| dataIndex | 列数据在数据项中对应的路径，支持通过数组查询嵌套路径 | string | string[] | - |  | 
+| defaultFilteredValue | 默认筛选值 | string[] | - |  | 
+| filterResetToDefaultFilteredValue | 点击重置按钮的时候，是否恢复默认筛选值 | boolean | false |  | 
+| defaultSortOrder | 默认排序顺序 | ascend | - |  | 
+| ellipsis | 超过宽度将自动省略，暂不支持和排序筛选一起使用。 | boolean | { showTitle?: boolean } | false | showTitle: 4.3.0 | 
+| filterDropdown | 可以自定义筛选菜单，此函数只负责渲染图层，需要自行编写各种交互 | ReactNode | (props:  | - |  | 
+| filtered | 标识数据是否经过过滤，筛选图标会高亮 | boolean | false |  | 
+| filteredValue | 筛选的受控属性，外界可用此控制列的筛选状态，值为已筛选的 value 数组 | string[] | - |  | 
+| filterIcon | 自定义 filter 图标。 | ReactNode | (filtered: boolean) => ReactNode | false |  | 
+| filterOnClose | 是否在筛选菜单关闭时触发筛选 | boolean | true | 5.15.0 | 
+| filterMultiple | 是否多选 | boolean | true |  | 
+| filterMode | 指定筛选菜单的用户界面 | 'menu' | 'tree' | 'menu' | 4.17.0 | 
+| filterSearch | 筛选菜单项是否可搜索 | boolean | function(input, record):boolean | false | boolean:4.17.0 function:4.19.0 | 
+| filters | 表头的筛选菜单项 | object[] | - |  | 
+| filterDropdownProps | 自定义下拉属性，在  |  | - | 5.22.0 | 
+| fixed | （IE 下无效）列是否固定，可选  | boolean | string | false |  | 
+| key | React 需要的 key，如果已经设置了唯一的  | string | - |  | 
+| render | 生成复杂数据的渲染函数，参数分别为当前单元格的值，当前行数据，行索引 | function(value, record, index) {} | - |  | 
+| responsive | 响应式 breakpoint 配置列表。未设置则始终可见。 |  | - | 4.2.0 | 
+| rowScope | 设置列范围 | row | - | 5.1.0 | 
+| shouldCellUpdate | 自定义单元格渲染时机 | (record, prevRecord) => boolean | - | 4.3.0 | 
+| showSorterTooltip | 表头显示下一次排序的 tooltip 提示, 覆盖 table 中  | boolean |  | { target: 'full-header' } | 5.16.0 | 
+| sortDirections | 支持的排序方式，覆盖  | Array | [ |  | 
+| sorter | 排序函数，本地排序使用一个函数(参考  | function | boolean | { compare: function, multiple: number } | - |  | 
+| sortOrder | 排序的受控属性，外界可用此控制列的排序，可设置为  | ascend | - |  | 
+| sortIcon | 自定义 sort 图标 | (props: { sortOrder }) => ReactNode | - | 5.6.0 | 
+| title | 列头显示文字（函数用法  | ReactNode | ({ sortOrder, sortColumn, filters }) => ReactNode | - |  | 
+| width | 列宽度（ | string | number | - |  | 
+| minWidth | 最小列宽度，只在  | number | - | 5.21.0 | 
+| hidden | 隐藏列 | boolean | false | 5.13.0 | 
+| onCell | 设置单元格属性 | function(record, rowIndex) | - |  | 
+| onFilter | 本地模式下，确定筛选的运行函数 | function | - |  | 
+| onHeaderCell | 设置头部单元格属性 | function(column) | - |  | 
+
+
+### ColumnGroup
+
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| title | 列头显示文字 | ReactNode | - | 
+
+
+### pagination
+
+分页的配置项。
+
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| position | 指定分页显示的位置， 取值为 | Array | [ | 
+
+
+更多配置项，请查看 [`Pagination`](/components/pagination-cn)。
+
+### expandable
+
+展开功能的配置。
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| childrenColumnName | 指定树形结构的列名 | string | children |  | 
+| columnTitle | 自定义展开列表头 | ReactNode | - | 4.23.0 | 
+| columnWidth | 自定义展开列宽度 | string | number | - |  | 
+| defaultExpandAllRows | 初始时，是否展开所有行 | boolean | false |  | 
+| defaultExpandedRowKeys | 默认展开的行 | string[] | - |  | 
+| expandedRowClassName | 展开行的 className | string | (record, index, indent) => string | - | string: 5.22.0 | 
+| expandedRowKeys | 展开的行，控制属性 | string[] | - |  | 
+| expandedRowRender | 额外的展开行 | function(record, index, indent, expanded): ReactNode | - |  | 
+| expandIcon | 自定义展开图标，参考 | function(props): ReactNode | - |  | 
+| expandRowByClick | 通过点击行来展开子行 | boolean | false |  | 
+| fixed | 控制展开图标是否固定，可选  | boolean | string | false | 4.16.0 | 
+| indentSize | 展示树形数据时，每层缩进的宽度，以 px 为单位 | number | 15 |  | 
+| rowExpandable | 设置是否允许行展开（ | (record) => boolean | - |  | 
+| showExpandColumn | 是否显示展开图标列 | boolean | true | 4.18.0 | 
+| onExpand | 点击展开图标时触发 | function(expanded, record) | - |  | 
+| onExpandedRowsChange | 展开的行变化时触发 | function(expandedRows) | - |  | 
+
+
+### rowSelection
+
+选择功能的配置。
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| align | 设置选择列的对齐方式 | left | left | 5.25.0 | 
+| checkStrictly | checkable 状态下节点选择完全受控（父子数据选中状态不再关联） | boolean | true | 4.4.0 | 
+| columnTitle | 自定义列表选择框标题 | ReactNode | (originalNode: ReactNode) => ReactNode | - |  | 
+| columnWidth | 自定义列表选择框宽度 | string | number | 32px |  | 
+| fixed | 把选择框列固定在左边 | boolean | - |  | 
+| getCheckboxProps | 选择框的默认属性配置 | function(record) | - |  | 
+| hideSelectAll | 隐藏全选勾选框与自定义选择项 | boolean | false | 4.3.0 | 
+| preserveSelectedRowKeys | 当数据被删除时仍然保留选项的  | boolean | - | 4.4.0 | 
+| renderCell | 渲染勾选框，用法与 Column 的  | function(checked, record, index, originNode) {} | - | 4.1.0 | 
+| selectedRowKeys | 指定选中项的 key 数组，需要和 onChange 进行配合 | string[] | number[] | [] |  | 
+| defaultSelectedRowKeys | 默认选中项的 key 数组 | string[] | number[] | [] |  | 
+| selections | 自定义选择项  | object[] | boolean | true |  | 
+| type | 多选/单选 | checkbox | checkbox |  | 
+| onCell | 设置单元格属性，用法与 Column 的  | function(record, rowIndex) | - | 5.5.0 | 
+| onChange | 选中项发生变化时的回调 | function(selectedRowKeys, selectedRows, info: { type }) | - | info.type | 
+| onSelect | 用户手动选择/取消选择某行的回调 | function(record, selected, selectedRows, nativeEvent) | - |  | 
+| onSelectAll | 用户手动选择/取消选择所有行的回调 | function(selected, selectedRows, changeRows) | - |  | 
+| onSelectInvert | 用户手动选择反选的回调 | function(selectedRowKeys) | - |  | 
+| onSelectNone | 用户清空选择的回调 | function() | - |  | 
+| onSelectMultiple | 用户使用键盘 shift 选择多行的回调 | function(selected, selectedRows, changeRows) | - |  | 
+
+
+### scroll
+
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| scrollToFirstRowOnChange | 当分页、排序、筛选变化后是否滚动到表格顶部 | boolean | - | 
+| x | 设置横向滚动，也可用于指定滚动区域的宽，可以设置为像素值，百分比， | string | number | true | - | 
+| y | 设置纵向滚动，也可用于指定滚动区域的高，可以设置为像素值 | string | number | - | 
+
+
+### selection
+
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| key | React 需要的 key，建议设置 | string | - | 
+| text | 选择项显示的文字 | ReactNode | - | 
+| onSelect | 选择项点击回调 | function(changeableRowKeys) | - | 
+
+
+## 在 TypeScript 中使用
+
+
+
+
+
+TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/serene-platform-0jo5t)。

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

@@ -0,0 +1,95 @@
+
+
+<DemoTitle title="Tabs" desc="用户可以通过点击不同的标签在同一页面中查看不同的内容区域。"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Tabs</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">Type</span><span class="lang-cn">类型</span></div> | 'segmented' | 'card' | 'editable-card' | 'line' | 'segmented' | 
+
+
+本组件完全兼容 antd 同名组件，详情可访问[antd tabs](https://ant.design/components/tabs-cn/)查看更多 API。
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Tabs
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| activeKey | 当前激活 tab 面板的 key | string | - |  | 
+| addIcon | 自定义添加按钮，设置  | ReactNode | <PlusOutlined /> | 4.4.0 | 
+| animated | 是否使用动画切换 Tabs | boolean| { inkBar: boolean, tabPane: boolean } | { inkBar: true, tabPane: false } |  | 
+| centered | 标签居中展示 | boolean | false | 4.4.0 | 
+| defaultActiveKey | 初始化选中面板的 key，如果没有设置 activeKey | string | 第一个面板的 key |  | 
+| hideAdd | 是否隐藏加号图标，在  | boolean | false |  | 
+| indicator | 自定义指示条的长度和对齐方式 | { size?: number | (origin: number) => number; align:  | - | 5.13.0 | 
+| items | 配置选项卡内容 |  | [] | 4.23.0 | 
+| more | 自定义折叠菜单属性 |  | { icon:  |  | 
+| removeIcon | 自定义删除按钮，设置  | ReactNode | <CloseOutlined /> | 5.15.0 | 
+| popupClassName | 更多菜单的  | string | - | 4.21.0 | 
+| renderTabBar | 替换 TabBar，用于二次封装标签头 | (props: DefaultTabBarProps, DefaultTabBar: React.ComponentClass) => React.ReactElement | - |  | 
+| size | 大小，提供  | string | middle |  | 
+| tabBarExtraContent | tab bar 上额外的元素 | ReactNode | {left?: ReactNode, right?: ReactNode} | - | object: 4.6.0 | 
+| tabBarGutter | tabs 之间的间隙 | number | - |  | 
+| tabBarStyle | tab bar 的样式对象 | CSSProperties | - |  | 
+| tabPosition | 页签位置，可选值有  | string | top |  | 
+|  | 被隐藏时是否销毁 DOM 结构，使用  | boolean | false |  | 
+| destroyOnHidden | 被隐藏时是否销毁 DOM 结构 | boolean | false | 5.25.0 | 
+| onChange | 切换面板的回调 | (activeKey: string) => void | - |  | 
+| onEdit | 新增和删除页签的回调，在  | (action === 'add' ? event : targetKey, action) => void | - |  | 
+| onTabClick | tab 被点击的回调 | (key: string, event: MouseEvent) => void | - |  | 
+| onTabScroll | tab 滚动时触发 | ({ direction:  | - | 4.3.0 | 
+
+
+更多属性查看 [rc-tabs tabs](https://github.com/react-component/tabs#tabs)
+
+### TabItemType
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| closeIcon | 自定义关闭图标，在  | ReactNode | - |  | 
+|  | 被隐藏时是否销毁 DOM 结构，使用  | boolean | false | 5.11.0 | 
+| destroyOnHidden | 被隐藏时是否销毁 DOM 结构 | boolean | false | 5.25.0 | 
+| disabled | 禁用某一项 | boolean | false |  | 
+| forceRender | 被隐藏时是否渲染 DOM 结构 | boolean | false |  | 
+| key | 对应 activeKey | string | - |  | 
+| label | 选项卡头显示文字 | ReactNode | - |  | 
+| icon | 选项卡头显示图标 | ReactNode | - | 5.12.0 | 
+| children | 选项卡头显示内容 | ReactNode | - |  | 
+| closable | 是否显示选项卡的关闭按钮，在  | boolean | true |  | 
+
+
+### MoreProps
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| icon | 自定义折叠图标 | ReactNode | - |  | 
+|  |  |  |  |  | 

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

@@ -0,0 +1,57 @@
+
+
+<DemoTitle title="Tag" desc="进行标记和分类的小标签"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Tag</Install>
+
+#### 标签示例
+
+以下是此标签组件的示例和变体
+
+
+
+
+
+支持 Icon
+
+
+
+
+支持关闭
+
+#### 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> | 
+|--------|--------|--------|--------|
+| size | <div><span class="lang-en">size of the tag</span><span class="lang-cn">尺寸</span></div> | 'small' | 'middle' | 'middle' | 
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd tag](https://ant.design/components/tag-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Tag
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| closeIcon | 自定义关闭按钮。5.7.0：设置为  | ReactNode | false | 4.4.0 | 
+| color | 标签色 | string | - |  | 
+| icon | 设置图标 | ReactNode | - |  | 
+| bordered | 是否有边框 | boolean | true | 5.4.0 | 
+| onClose | 关闭时的回调（可通过  | (e: React.MouseEvent<HTMLElement, MouseEvent>) => void | - |  | 
+
+
+### Tag.CheckableTag
+
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| checked | 设置标签的选中状态 | boolean | false | 
+| onChange | 点击标签时触发的回调 | (checked) => void | - |