@agentscope-ai/design 1.0.16 → 1.0.17

package/llms/all.llms.txt

@@ -1,5 +1,14 @@
 
 
+<DemoTitle title="Video" desc="视频展示">
+#### API
+
+<AntdApiRef url="https://ant.design/components/upload-cn/#api"></AntdApiRef>
+
+
+
+
+
 <DemoTitle title="Upload" desc="文件选择上传和拖拽上传控件。">
 #### API
 
@@ -96,21 +105,13 @@
 
 
 
-<DemoTitle title="Video" desc="视频展示">
-#### API
-
-<AntdApiRef url="https://ant.design/components/upload-cn/#api"></AntdApiRef>
-
-
-
-
-
 <DemoTitle title="Tooltip" desc="简单的文本提示气泡框">
 #### API
 
 | 属性名 | 描述 | 类型 | 默认值 | 
 |--------|--------|--------|--------|
-| mode | 颜色模式 | 'dark' \| 'light' | 'light' | 
+| mode | 颜色模式 | 'dark' \| 'light' | 'dark' | 
+| maxHeight | 最大高度 | number \| string | '90vh' | 
 
 
 <AntdApiRef url="https://ant.design/components/tooltip-cn/#api"></AntdApiRef>
@@ -624,6 +625,82 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
+<DemoTitle title="Steps" desc="引导用户按照流程完成任务的导航条。">
+#### API
+
+<AntdApiRef url="https://ant.design/components/steps-cn/#api"></AntdApiRef>
+
+
+## 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 | - |  | 
+
+
+
+
+<DemoTitle title="Spinner" desc="指示页面或区块的加载中状态">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| tip | indicator下方的tip | React.ReactNode | - | 
+| indicator | 自定义indicator，用于展示progress的百分比和加载文案 | React.ReactNode | - | 
+| children | 被spinner包裹的子元素 | React.ReactNode | - | 
+| style | spinner最外层的样式 | React.CSSProperties | - | 
+| className | spinner的类名 | string | - | 
+| percent | 进度条的百分比 | number | - | 
+| spinning | 是否为加载中状态 | boolean | false | 
+| showProgress | 是否显示进度条，如果为true，不需要手动在children中添加Progress组件 | boolean | false | 
+
+
+
+
 <DemoTitle title="Statistic" desc="展示统计数值">
 #### API
 
@@ -725,65 +802,6 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Steps" desc="引导用户按照流程完成任务的导航条。">
-#### API
-
-<AntdApiRef url="https://ant.design/components/steps-cn/#api"></AntdApiRef>
-
-
-## 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 | - |  | 
-
-
-
-
 <DemoTitle title="Slider" desc="滑动型输入器，展示当前值和可选范围。">
 #### API
 
@@ -1007,23 +1025,6 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Spinner" desc="指示页面或区块的加载中状态">
-#### API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| tip | indicator下方的tip | React.ReactNode | - | 
-| indicator | 自定义indicator，用于展示progress的百分比和加载文案 | React.ReactNode | - | 
-| children | 被spinner包裹的子元素 | React.ReactNode | - | 
-| style | spinner最外层的样式 | React.CSSProperties | - | 
-| className | spinner的类名 | string | - | 
-| percent | 进度条的百分比 | number | - | 
-| spinning | 是否为加载中状态 | boolean | false | 
-| showProgress | 是否显示进度条，如果为true，不需要手动在children中添加Progress组件 | boolean | false | 
-
-
-
-
 <DemoTitle title="RadioButton" desc="用于在多个备选项中选中单个状态。">
 #### API
 
@@ -1099,6 +1100,23 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
+<DemoTitle title="MdEditor" desc="提示词编辑器，可以高亮 Markdown 的语法，支持自定义槽位变量的插入">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| maxLength | 可以输入内容的最大长度 | number |  | 
+| value | 输入的内容 | string | (必填) | 
+| className | 输入内容的类名 | string |  | 
+| onChange | 输入内容的回调 | (value: string) => void |  | 
+| variables | 可以插入的变量列表 | Array |  | 
+| onCreate | 新增变量的触发回调 | () => void |  | 
+| createBtnText | 新增变量的按钮文本 | string |  | 
+| tipsText | 提示文本，传入 false 时隐藏提示 | string \| React.ReactNode \| false |  | 
+
+
+
+
 <DemoTitle title="Result" desc="为操作结果提供反馈信息的展示。">
 ## API
 
@@ -1111,78 +1129,54 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Radio" desc="用于在多个备选项中选中单个状态。">
+<DemoTitle title="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
 #### API
 
-<AntdApiRef url="https://ant.design/components/radio-cn/#api"></AntdApiRef>
+<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
 
 
 ## antd API
 
 通用属性参考：[通用属性](/docs/react/common-props)
 
-### Radio/Radio.Button
-
-<!-- prettier-ignore -->
-| 参数 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| autoFocus | 自动获取焦点 | boolean | false | 
-| checked | 指定当前是否选中 | boolean | false | 
-| defaultChecked | 初始是否选中 | boolean | false | 
-| disabled | 禁用 Radio | boolean | false | 
-| value | 根据 value 进行比较，判断是否选中 | any | - | 
-
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| content | 卡片内容 | ReactNode \| () => ReactNode | - |  | 
+| title | 卡片标题 | ReactNode \| () => ReactNode | - |  | 
 
-### Radio.Group
 
-单选框组合，用于包裹一组 `Radio`。
+<!-- 共同的 API -->
+以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
 
 <!-- prettier-ignore -->
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| buttonStyle | RadioButton 的风格样式，目前有描边和填色两种风格 | outline | outline |  |  | 
-| defaultValue | 默认选中的值 | any | - |  |  | 
-| disabled | 禁选所有子单选器 | boolean | false |  |  | 
-| name | RadioGroup 下所有  | string | - |  |  | 
-| options | 以配置形式设置子元素 | string[] \| number[] \| Array< | - |  |  | 
-| optionType | 用于设置 Radio  | default | default | 4.4.0 |  | 
-| size | 大小，只对按钮样式生效 | large | - |  |  | 
-| value | 用于设置当前选中的值 | any | - |  |  | 
-| block | 将 RadioGroup 宽度调整为其父宽度的选项 | boolean | false | 5.21.0 |  | 
-| onChange | 选项变化时的回调函数 | function(e:Event) | - |  |  | 
+| align | 该值将合并到 placement 的配置中，设置参考  | object | - |  | 
+| arrow | 修改箭头的显示状态以及修改箭头是否指向目标元素中心 | boolean \| { pointAtCenter: boolean } | true | 5.2.0 | 
+| autoAdjustOverflow | 气泡被遮挡时自动调整位置 | boolean | true |  | 
+| color | 背景颜色 | string | - | 4.3.0 | 
+| defaultOpen | 默认是否显隐 | boolean | false | 4.23.0 | 
+| destroyOnHidden | 关闭后是否销毁 dom | boolean | false | 5.25.0 | 
+| fresh | 默认情况下，Tooltip 在关闭时会缓存内容。设置该属性后会始终保持更新 | boolean | false | 5.10.0 | 
+| getPopupContainer | 浮层渲染父节点，默认渲染到 body 上 | (triggerNode: HTMLElement) => HTMLElement | () => document.body |  | 
+| mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip，单位：秒 | number | 0.1 |  | 
+| mouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip，单位：秒 | number | 0.1 |  | 
+| placement | 气泡框位置，可选  | string | top |  | 
+| trigger | 触发行为，可选  | string \| string[] | hover |  | 
+| open | 用于手动控制浮层显隐，小于 4.23.0 使用  | boolean | false | 4.23.0 | 
+| zIndex | 设置 Tooltip 的  | number | - |  | 
+| onOpenChange | 显示隐藏的回调 | (open: boolean) => void | - | 4.23.0 | 
 
+## 注意
 
-### CheckboxOptionType
+请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
 
-| 属性 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| label | 用于作为 Radio 选项展示的文本 | string | - | 4.4.0 | 
-| value | 关联 Radio 选项的值 | string | - | 4.4.0 | 
-| style | 应用到 Radio 选项的 style | React.CSSProperties | - | 4.4.0 | 
-| className | Radio 选项的类名 | string | - | 5.25.0 | 
-| disabled | 指定 Radio 选项是否要禁用 | boolean | false | 4.4.0 | 
-| title | 添加 Title 属性值 | string | - | 4.4.0 | 
-| id | 添加 Radio Id 属性值 | string | - | 4.4.0 | 
-| onChange | 当 Radio Group 的值发送改变时触发 | (e: CheckboxChangeEvent) => void; | - | 4.4.0 | 
-| required | 指定 Radio 选项是否必填 | boolean | false | 4.4.0 | 
 
 
-## 方法
+<DemoTitle title="Progress" desc="用于指示任务的完成进度">
+## antd API
 
-### Radio
-
-| 名称 | 描述 | 
-|--------|--------|
-| blur() | 移除焦点 | 
-| focus() | 获取焦点 | 
-
-
-
-
-<DemoTitle title="Progress" desc="用于指示任务的完成进度">
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
+通用属性参考：[通用属性](/docs/react/common-props)
 
 各类型共用的属性。
 
@@ -1231,63 +1225,117 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
+<DemoTitle title="Radio" desc="用于在多个备选项中选中单个状态。">
 #### API
 
-<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
+<AntdApiRef url="https://ant.design/components/radio-cn/#api"></AntdApiRef>
 
 
 ## antd API
 
 通用属性参考：[通用属性](/docs/react/common-props)
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| content | 卡片内容 | ReactNode \| () => ReactNode | - |  | 
-| title | 卡片标题 | ReactNode \| () => ReactNode | - |  | 
+### Radio/Radio.Button
 
+<!-- prettier-ignore -->
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| autoFocus | 自动获取焦点 | boolean | false | 
+| checked | 指定当前是否选中 | boolean | false | 
+| defaultChecked | 初始是否选中 | boolean | false | 
+| disabled | 禁用 Radio | boolean | false | 
+| value | 根据 value 进行比较，判断是否选中 | any | - | 
 
-<!-- 共同的 API -->
-以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
+
+### Radio.Group
+
+单选框组合，用于包裹一组 `Radio`。
 
 <!-- prettier-ignore -->
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| align | 该值将合并到 placement 的配置中，设置参考  | object | - |  | 
-| arrow | 修改箭头的显示状态以及修改箭头是否指向目标元素中心 | boolean \| { pointAtCenter: boolean } | true | 5.2.0 | 
-| autoAdjustOverflow | 气泡被遮挡时自动调整位置 | boolean | true |  | 
-| color | 背景颜色 | string | - | 4.3.0 | 
-| defaultOpen | 默认是否显隐 | boolean | false | 4.23.0 | 
-| destroyOnHidden | 关闭后是否销毁 dom | boolean | false | 5.25.0 | 
-| fresh | 默认情况下，Tooltip 在关闭时会缓存内容。设置该属性后会始终保持更新 | boolean | false | 5.10.0 | 
-| getPopupContainer | 浮层渲染父节点，默认渲染到 body 上 | (triggerNode: HTMLElement) => HTMLElement | () => document.body |  | 
-| mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip，单位：秒 | number | 0.1 |  | 
-| mouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip，单位：秒 | number | 0.1 |  | 
-| placement | 气泡框位置，可选  | string | top |  | 
-| trigger | 触发行为，可选  | string \| string[] | hover |  | 
-| open | 用于手动控制浮层显隐，小于 4.23.0 使用  | boolean | false | 4.23.0 | 
-| zIndex | 设置 Tooltip 的  | number | - |  | 
-| onOpenChange | 显示隐藏的回调 | (open: boolean) => void | - | 4.23.0 | 
+| buttonStyle | RadioButton 的风格样式，目前有描边和填色两种风格 | outline | outline |  |  | 
+| defaultValue | 默认选中的值 | any | - |  |  | 
+| disabled | 禁选所有子单选器 | boolean | false |  |  | 
+| name | RadioGroup 下所有  | string | - |  |  | 
+| options | 以配置形式设置子元素 | string[] \| number[] \| Array< | - |  |  | 
+| optionType | 用于设置 Radio  | default | default | 4.4.0 |  | 
+| size | 大小，只对按钮样式生效 | large | - |  |  | 
+| value | 用于设置当前选中的值 | any | - |  |  | 
+| block | 将 RadioGroup 宽度调整为其父宽度的选项 | boolean | false | 5.21.0 |  | 
+| onChange | 选项变化时的回调函数 | function(e:Event) | - |  |  | 
 
-## 注意
 
-请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
+### CheckboxOptionType
+
+| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| label | 用于作为 Radio 选项展示的文本 | string | - | 4.4.0 | 
+| value | 关联 Radio 选项的值 | string | - | 4.4.0 | 
+| style | 应用到 Radio 选项的 style | React.CSSProperties | - | 4.4.0 | 
+| className | Radio 选项的类名 | string | - | 5.25.0 | 
+| disabled | 指定 Radio 选项是否要禁用 | boolean | false | 4.4.0 | 
+| title | 添加 Title 属性值 | string | - | 4.4.0 | 
+| id | 添加 Radio Id 属性值 | string | - | 4.4.0 | 
+| onChange | 当 Radio Group 的值发送改变时触发 | (e: CheckboxChangeEvent) => void; | - | 4.4.0 | 
+| required | 指定 Radio 选项是否必填 | boolean | false | 4.4.0 | 
+
+
+## 方法
+
+### Radio
+
+| 名称 | 描述 | 
+|--------|--------|
+| blur() | 移除焦点 | 
+| focus() | 获取焦点 | 
 
 
 
-<DemoTitle title="MdEditor" desc="提示词编辑器，可以高亮 Markdown 的语法，支持自定义槽位变量的插入">
-#### API
+
+<DemoTitle title="Pagination" desc="分页器用于分隔长列表，每次只加载一个页面。">
+## API
 
 | 属性名 | 描述 | 类型 | 默认值 | 
 |--------|--------|--------|--------|
-| maxLength | 可以输入内容的最大长度 | number |  | 
-| value | 输入的内容 | string | (必填) | 
-| className | 输入内容的类名 | string |  | 
-| onChange | 输入内容的回调 | (value: string) => void |  | 
-| variables | 可以插入的变量列表 | Array |  | 
-| onCreate | 新增变量的触发回调 | () => void |  | 
-| createBtnText | 新增变量的按钮文本 | string |  | 
-| tipsText | 提示文本，传入 false 时隐藏提示 | string \| React.ReactNode \| false |  | 
+| hideSwitchButton | 是否展示上一页/下一页的切换按钮 | boolean | false | 
+
+
+<AntdApiRef url="https://ant.design/components/pagination-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+
+```jsx
+<Pagination onChange={onChange} total={50} />
+```
+
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| align | 对齐方式 | start \| center \| end | - | 5.19.0 | 
+| current | 当前页数 | number | - |  | 
+| defaultCurrent | 默认的当前页数 | number | 1 |  | 
+| defaultPageSize | 默认的每页条数 | number | 10 |  | 
+| disabled | 禁用分页 | boolean | - |  | 
+| hideOnSinglePage | 只有一页时是否隐藏分页器 | boolean | false |  | 
+| itemRender | 用于自定义页码的结构，可用于优化 SEO | (page, type: 'page' \| 'prev' \| 'next', originalElement) => React.ReactNode | - |  | 
+| pageSize | 每页条数 | number | - |  | 
+| pageSizeOptions | 指定每页可以显示多少条 | number[] | [ |  | 
+| responsive | 当 size 未指定时，根据屏幕宽度自动调整尺寸 | boolean | - |  | 
+| showLessItems | 是否显示较少页面内容 | boolean | false |  | 
+| showQuickJumper | 是否可以快速跳转至某页 | boolean \| { goButton: ReactNode } | false |  | 
+| showSizeChanger | 是否展示  | boolean \|  | - | SelectProps: 5.21.0 | 
+| showTitle | 是否显示原生 tooltip 页码提示 | boolean | true |  | 
+| showTotal | 用于显示数据总量和当前数据顺序 | function(total, range) | - |  | 
+| simple | 当添加该属性时，显示为简单分页 | boolean \| { readOnly?: boolean } | - |  | 
+| size | 当为  | default | default |  | 
+| total | 数据总数 | number | 0 |  | 
+| onChange | 页码或  | function(page, pageSize) | - |  | 
+| onShowSizeChange | pageSize 变化的回调 | function(current, size) | - |  | 
 
 
 
@@ -1349,53 +1397,6 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Pagination" desc="分页器用于分隔长列表，每次只加载一个页面。">
-## API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| hideSwitchButton | 是否展示上一页/下一页的切换按钮 | boolean | false | 
-
-
-<AntdApiRef url="https://ant.design/components/pagination-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-
-```jsx
-<Pagination onChange={onChange} total={50} />
-```
-
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| align | 对齐方式 | start \| center \| end | - | 5.19.0 | 
-| current | 当前页数 | number | - |  | 
-| defaultCurrent | 默认的当前页数 | number | 1 |  | 
-| defaultPageSize | 默认的每页条数 | number | 10 |  | 
-| disabled | 禁用分页 | boolean | - |  | 
-| hideOnSinglePage | 只有一页时是否隐藏分页器 | boolean | false |  | 
-| itemRender | 用于自定义页码的结构，可用于优化 SEO | (page, type: 'page' \| 'prev' \| 'next', originalElement) => React.ReactNode | - |  | 
-| pageSize | 每页条数 | number | - |  | 
-| pageSizeOptions | 指定每页可以显示多少条 | number[] | [ |  | 
-| responsive | 当 size 未指定时，根据屏幕宽度自动调整尺寸 | boolean | - |  | 
-| showLessItems | 是否显示较少页面内容 | boolean | false |  | 
-| showQuickJumper | 是否可以快速跳转至某页 | boolean \| { goButton: ReactNode } | false |  | 
-| showSizeChanger | 是否展示  | boolean \|  | - | SelectProps: 5.21.0 | 
-| showTitle | 是否显示原生 tooltip 页码提示 | boolean | true |  | 
-| showTotal | 用于显示数据总量和当前数据顺序 | function(total, range) | - |  | 
-| simple | 当添加该属性时，显示为简单分页 | boolean \| { readOnly?: boolean } | - |  | 
-| size | 当为  | default | default |  | 
-| total | 数据总数 | number | 0 |  | 
-| onChange | 页码或  | function(page, pageSize) | - |  | 
-| onShowSizeChange | pageSize 变化的回调 | function(current, size) | - |  | 
-
-
-
-
 <DemoTitle title="Notification" desc="用于指示任务的完成进度">
 #### API
 
@@ -1774,43 +1775,178 @@ const confirmed = await modal.confirm({ ... });
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| addonAfter | 带标签的 input，设置后置标签 | ReactNode | - | 4.17.0 | 
-| addonBefore | 带标签的 input，设置前置标签 | ReactNode | - | 4.17.0 | 
-| autoFocus | 自动获取焦点 | boolean | false | - | 
-| changeOnBlur | 是否在失去焦点时，触发  | boolean | true | 5.11.0 | 
-| changeOnWheel | 允许鼠标滚轮改变数值 | boolean | - | 5.14.0 | 
-| controls | 是否显示增减按钮，也可设置自定义箭头图标 | boolean \| { upIcon?: React.ReactNode; downIcon?: React.ReactNode; } | - | 4.19.0 | 
-| decimalSeparator | 小数点 | string | - | - | 
-| placeholder | 占位符 | string | - |  | 
-| defaultValue | 初始值 | number | - | - | 
-| disabled | 禁用 | boolean | false | - | 
-| formatter | 指定输入框展示值的格式 | function(value: number \| string, info: { userTyping: boolean, input: string }): string | - | info: 4.17.0 | 
-| keyboard | 是否启用键盘快捷行为 | boolean | true | 4.12.0 | 
-| max | 最大值 | number |  | - | 
-| min | 最小值 | number |  | - | 
-| parser | 指定从  | function(string): number | - | - | 
-| precision | 数值精度，配置  | number | - | - | 
-| readOnly | 只读 | boolean | false | - | 
-| status | 设置校验状态 | 'error' \| 'warning' | - | 4.19.0 | 
-| prefix | 带有前缀图标的 input | ReactNode | - | 4.17.0 | 
-| suffix | 带有后缀图标的 input | ReactNode | - | 5.20.0 | 
-| size | 输入框大小 | large | - | - | 
-| step | 每次改变步数，可以为小数 | number \| string | 1 | - | 
-| stringMode | 字符值模式，开启后支持高精度小数。同时  | boolean | false | 4.13.0 | 
-| value | 当前值 | number | - | - | 
-| variant | 形态变体 | outlined | outlined | 5.13.0 \|  | 
-| onChange | 变化回调 | function(value: number \| string \| null) | - | - | 
-| onPressEnter | 按下回车的回调 | function(e) | - | - | 
-| onStep | 点击上下箭头的回调 | (value: number, info: { offset: number, type: 'up' \| 'down' }) => void | - | 4.7.0 | 
+| addonAfter | 带标签的 input，设置后置标签 | ReactNode | - | 4.17.0 | 
+| addonBefore | 带标签的 input，设置前置标签 | ReactNode | - | 4.17.0 | 
+| autoFocus | 自动获取焦点 | boolean | false | - | 
+| changeOnBlur | 是否在失去焦点时，触发  | boolean | true | 5.11.0 | 
+| changeOnWheel | 允许鼠标滚轮改变数值 | boolean | - | 5.14.0 | 
+| controls | 是否显示增减按钮，也可设置自定义箭头图标 | boolean \| { upIcon?: React.ReactNode; downIcon?: React.ReactNode; } | - | 4.19.0 | 
+| decimalSeparator | 小数点 | string | - | - | 
+| placeholder | 占位符 | string | - |  | 
+| defaultValue | 初始值 | number | - | - | 
+| disabled | 禁用 | boolean | false | - | 
+| formatter | 指定输入框展示值的格式 | function(value: number \| string, info: { userTyping: boolean, input: string }): string | - | info: 4.17.0 | 
+| keyboard | 是否启用键盘快捷行为 | boolean | true | 4.12.0 | 
+| max | 最大值 | number |  | - | 
+| min | 最小值 | number |  | - | 
+| parser | 指定从  | function(string): number | - | - | 
+| precision | 数值精度，配置  | number | - | - | 
+| readOnly | 只读 | boolean | false | - | 
+| status | 设置校验状态 | 'error' \| 'warning' | - | 4.19.0 | 
+| prefix | 带有前缀图标的 input | ReactNode | - | 4.17.0 | 
+| suffix | 带有后缀图标的 input | ReactNode | - | 5.20.0 | 
+| size | 输入框大小 | large | - | - | 
+| step | 每次改变步数，可以为小数 | number \| string | 1 | - | 
+| stringMode | 字符值模式，开启后支持高精度小数。同时  | boolean | false | 4.13.0 | 
+| value | 当前值 | number | - | - | 
+| variant | 形态变体 | outlined | outlined | 5.13.0 \|  | 
+| onChange | 变化回调 | function(value: number \| string \| null) | - | - | 
+| onPressEnter | 按下回车的回调 | function(e) | - | - | 
+| onStep | 点击上下箭头的回调 | (value: number, info: { offset: number, type: 'up' \| 'down' }) => void | - | 4.7.0 | 
+
+
+## Ref
+
+| 名称 | 说明 | 参数 | 版本 | 
+|--------|--------|--------|--------|
+| blur() | 移除焦点 | - |  | 
+| focus() | 获取焦点 | (option?: { preventScroll?: boolean, cursor?: 'start' \| 'end' \| 'all' }) | cursor - 5.22.0 | 
+| nativeElement | 获取原生 DOM 元素 | - | 5.17.3 | 
+
+
+
+
+<DemoTitle title="Input" desc="通过鼠标或键盘输入内容，为表单提供输入字段的基础容器。。">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| shape | 形态 | 'default' \| 'round' | default 默认 | 
+
+
+<AntdApiRef url="https://ant.design/components/input-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Input
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| addonAfter | 带标签的 input，设置后置标签 | ReactNode | - |  | 
+| addonBefore | 带标签的 input，设置前置标签 | ReactNode | - |  | 
+| allowClear | 可以点击清除图标删除内容 | boolean \| { clearIcon: ReactNode } | - |  | 
+| classNames | 语义化结构 class | Record< | - | 5.4.0 | 
+| count | 字符计数配置 |  | - | 5.10.0 | 
+| defaultValue | 输入框默认内容 | string | - |  | 
+| disabled | 是否禁用状态，默认为 false | boolean | false |  | 
+| id | 输入框的 id | string | - |  | 
+| maxLength | 最大长度 | number | - |  | 
+| prefix | 带有前缀图标的 input | ReactNode | - |  | 
+| showCount | 是否展示字数 | boolean \| { formatter: (info: { value: string, count: number, maxLength?: number }) => ReactNode } | false | 4.18.0 info.value: 4.23.0 | 
+| status | 设置校验状态 | 'error' \| 'warning' | - | 4.19.0 | 
+| styles | 语义化结构 style | Record< | - | 5.4.0 | 
+| size | 控件大小。注：标准表单内的输入框大小限制为  | large | - |  | 
+| suffix | 带有后缀图标的 input | ReactNode | - |  | 
+| type | 声明 input 类型，同原生 input 标签的 type 属性，见： | string | text |  | 
+| value | 输入框内容 | string | - |  | 
+| variant | 形态变体 | outlined | outlined | 5.13.0 \|  | 
+| onChange | 输入框内容变化时的回调 | function(e) | - |  | 
+| onPressEnter | 按下回车的回调 | function(e) | - |  | 
+| onClear | 按下清除按钮的回调 | () => void | - | 5.20.0 | 
+
+
+如果 `Input` 在 `Form.Item` 内，并且 `Form.Item` 设置了 `id` 属性，则 `value` `defaultValue` 和 `id` 属性会被自动设置。
+
+Input 的其他属性和 React 自带的 [input](https://reactjs.org/docs/dom-elements.html#all-supported-html-attributes) 一致。
+
+#### CountConfig
+
+
+```tsx
+interface CountConfig {
+  // 最大字符数，不同于原生 `maxLength`，超出后标红但不会截断
+  max?: number;
+  // 自定义字符计数，例如标准 emoji 长度大于 1，可以自定义计数策略将其改为 1
+  strategy?: (value: string) => number;
+  // 同 `showCount`
+  show?: boolean | ((args: { value: string; count: number; maxLength?: number }) => ReactNode);
+  // 当字符数超出 `count.max` 时的自定义裁剪逻辑，不配置时不进行裁剪
+  exceedFormatter?: (value: string, config: { max: number }) => string;
+}
+```
+
+
+### Input.TextArea
+
+同 Input 属性，外加：
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| autoSize | 自适应内容高度，可设置为 true \| false 或对象：{ minRows: 2, maxRows: 6 } | boolean \| object | false |  | 
+| classNames | 语义化结构 class | Record< | - | 5.4.0 | 
+| styles | 语义化结构 style | Record< | - | 5.4.0 | 
+
+
+`Input.TextArea` 的其他属性和浏览器自带的 [textarea](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea) 一致。
+
+### Input.Search
+
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| enterButton | 是否有确认按钮，可设为按钮文字。该属性会与  | ReactNode | false | 
+| loading | 搜索 loading | boolean | false | 
+| onSearch | 点击搜索图标、清除图标，或按下回车键时的回调 | function(value, event, { source: "input" \| "clear" }) | - | 
+
+
+其余属性和 Input 一致。
+
+### Input.Password
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| iconRender | 自定义切换按钮 | (visible) => ReactNode | (visible) => (visible ?  : ) | 4.3.0 | 
+| visibilityToggle | 是否显示切换按钮或者控制密码显隐 | boolean \|  | true |  | 
+
+
+### Input.OTP
+
+`5.16.0` 新增。
+
+开发者注意事项：当 `mask` 属性的类型为 string 时，我们强烈推荐接收单个字符或单个 emoji，如果传入多个字符或多个 emoji，则会在控制台抛出警告。
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| defaultValue | 默认值 | string | - |  | 
+| disabled | 是否禁用 | boolean | false |  | 
+| formatter | 格式化展示，留空字段会被  | (value: string) => string | - |  | 
+| separator | 分隔符，在指定索引的输入框后渲染分隔符 | ReactNode \|((i: number) => ReactNode) | - | 5.24.0 | 
+| mask | 自定义展示，和  | boolean \| string | false | 5.17.0 | 
+| length | 输入元素数量 | number | 6 |  | 
+| status | 设置校验状态 | 'error' \| 'warning' | - |  | 
+| size | 输入框大小 | small | middle |  | 
+| variant | 形态变体 | outlined | outlined | underlined | 
+| value | 输入框内容 | string | - |  | 
+| onChange | 当输入框内容全部填充时触发回调 | (value: string) => void | - |  | 
+| onInput | 输入值变化时触发的回调 | (value: string[]) => void | - | 5.22.0 | 
+
+
+#### VisibilityToggle
+
+| Property | Description | Type | Default | Version | 
+|--------|--------|--------|--------|--------|
+| visible | 用于手动控制密码显隐 | boolean | false | 4.24 | 
+| onVisibleChange | 显隐密码的回调 | (visible) => void | - | 4.24 | 
 
 
-## Ref
+#### Input Methods
 
 | 名称 | 说明 | 参数 | 版本 | 
 |--------|--------|--------|--------|
-| blur() | 移除焦点 | - |  | 
-| focus() | 获取焦点 | (option?: { preventScroll?: boolean, cursor?: 'start' \| 'end' \| 'all' }) | cursor - 5.22.0 | 
-| nativeElement | 获取原生 DOM 元素 | - | 5.17.3 | 
+| blur | 取消焦点 | - |  | 
+| focus | 获取焦点 | (option?: { preventScroll?: boolean, cursor?: 'start' \| 'end' \| 'all' }) | option - 4.10.0 | 
 
 
 
@@ -2028,141 +2164,6 @@ type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' |
 
 
 
-<DemoTitle title="Input" desc="通过鼠标或键盘输入内容，为表单提供输入字段的基础容器。。">
-#### API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| shape | 形态 | 'default' \| 'round' | default 默认 | 
-
-
-<AntdApiRef url="https://ant.design/components/input-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-### Input
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| addonAfter | 带标签的 input，设置后置标签 | ReactNode | - |  | 
-| addonBefore | 带标签的 input，设置前置标签 | ReactNode | - |  | 
-| allowClear | 可以点击清除图标删除内容 | boolean \| { clearIcon: ReactNode } | - |  | 
-| classNames | 语义化结构 class | Record< | - | 5.4.0 | 
-| count | 字符计数配置 |  | - | 5.10.0 | 
-| defaultValue | 输入框默认内容 | string | - |  | 
-| disabled | 是否禁用状态，默认为 false | boolean | false |  | 
-| id | 输入框的 id | string | - |  | 
-| maxLength | 最大长度 | number | - |  | 
-| prefix | 带有前缀图标的 input | ReactNode | - |  | 
-| showCount | 是否展示字数 | boolean \| { formatter: (info: { value: string, count: number, maxLength?: number }) => ReactNode } | false | 4.18.0 info.value: 4.23.0 | 
-| status | 设置校验状态 | 'error' \| 'warning' | - | 4.19.0 | 
-| styles | 语义化结构 style | Record< | - | 5.4.0 | 
-| size | 控件大小。注：标准表单内的输入框大小限制为  | large | - |  | 
-| suffix | 带有后缀图标的 input | ReactNode | - |  | 
-| type | 声明 input 类型，同原生 input 标签的 type 属性，见： | string | text |  | 
-| value | 输入框内容 | string | - |  | 
-| variant | 形态变体 | outlined | outlined | 5.13.0 \|  | 
-| onChange | 输入框内容变化时的回调 | function(e) | - |  | 
-| onPressEnter | 按下回车的回调 | function(e) | - |  | 
-| onClear | 按下清除按钮的回调 | () => void | - | 5.20.0 | 
-
-
-如果 `Input` 在 `Form.Item` 内，并且 `Form.Item` 设置了 `id` 属性，则 `value` `defaultValue` 和 `id` 属性会被自动设置。
-
-Input 的其他属性和 React 自带的 [input](https://reactjs.org/docs/dom-elements.html#all-supported-html-attributes) 一致。
-
-#### CountConfig
-
-
-```tsx
-interface CountConfig {
-  // 最大字符数，不同于原生 `maxLength`，超出后标红但不会截断
-  max?: number;
-  // 自定义字符计数，例如标准 emoji 长度大于 1，可以自定义计数策略将其改为 1
-  strategy?: (value: string) => number;
-  // 同 `showCount`
-  show?: boolean | ((args: { value: string; count: number; maxLength?: number }) => ReactNode);
-  // 当字符数超出 `count.max` 时的自定义裁剪逻辑，不配置时不进行裁剪
-  exceedFormatter?: (value: string, config: { max: number }) => string;
-}
-```
-
-
-### Input.TextArea
-
-同 Input 属性，外加：
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| autoSize | 自适应内容高度，可设置为 true \| false 或对象：{ minRows: 2, maxRows: 6 } | boolean \| object | false |  | 
-| classNames | 语义化结构 class | Record< | - | 5.4.0 | 
-| styles | 语义化结构 style | Record< | - | 5.4.0 | 
-
-
-`Input.TextArea` 的其他属性和浏览器自带的 [textarea](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea) 一致。
-
-### Input.Search
-
-| 参数 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| enterButton | 是否有确认按钮，可设为按钮文字。该属性会与  | ReactNode | false | 
-| loading | 搜索 loading | boolean | false | 
-| onSearch | 点击搜索图标、清除图标，或按下回车键时的回调 | function(value, event, { source: "input" \| "clear" }) | - | 
-
-
-其余属性和 Input 一致。
-
-### Input.Password
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| iconRender | 自定义切换按钮 | (visible) => ReactNode | (visible) => (visible ?  : ) | 4.3.0 | 
-| visibilityToggle | 是否显示切换按钮或者控制密码显隐 | boolean \|  | true |  | 
-
-
-### Input.OTP
-
-`5.16.0` 新增。
-
-开发者注意事项：当 `mask` 属性的类型为 string 时，我们强烈推荐接收单个字符或单个 emoji，如果传入多个字符或多个 emoji，则会在控制台抛出警告。
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| defaultValue | 默认值 | string | - |  | 
-| disabled | 是否禁用 | boolean | false |  | 
-| formatter | 格式化展示，留空字段会被  | (value: string) => string | - |  | 
-| separator | 分隔符，在指定索引的输入框后渲染分隔符 | ReactNode \|((i: number) => ReactNode) | - | 5.24.0 | 
-| mask | 自定义展示，和  | boolean \| string | false | 5.17.0 | 
-| length | 输入元素数量 | number | 6 |  | 
-| status | 设置校验状态 | 'error' \| 'warning' | - |  | 
-| size | 输入框大小 | small | middle |  | 
-| variant | 形态变体 | outlined | outlined | underlined | 
-| value | 输入框内容 | string | - |  | 
-| onChange | 当输入框内容全部填充时触发回调 | (value: string) => void | - |  | 
-| onInput | 输入值变化时触发的回调 | (value: string[]) => void | - | 5.22.0 | 
-
-
-#### VisibilityToggle
-
-| Property | Description | Type | Default | Version | 
-|--------|--------|--------|--------|--------|
-| visible | 用于手动控制密码显隐 | boolean | false | 4.24 | 
-| onVisibleChange | 显隐密码的回调 | (visible) => void | - | 4.24 | 
-
-
-#### Input Methods
-
-| 名称 | 说明 | 参数 | 版本 | 
-|--------|--------|--------|--------|
-| blur | 取消焦点 | - |  | 
-| focus | 获取焦点 | (option?: { preventScroll?: boolean, cursor?: 'start' \| 'end' \| 'all' }) | option - 4.10.0 | 
-
-
-
-
 <DemoTitle title="Form" desc="高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。">
 #### API
 
@@ -2776,48 +2777,6 @@ type Rule = RuleConfig | ((form: FormInstance) => RuleConfig);
 
 
 
-<DemoTitle title="Empty" desc="用于空状态的占位图形展示。">
-## API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| type | 空状态类型 | \| 'noData'
-    \| 'networkError'
-    \| '404'
-    \| 'arrears'
-    \| 'desktopOnly'
-    \| 'noAudio'
-    \| 'noImage'
-    \| 'noVideo'
-    \| 'noAccess'
-    \| 'error'
-    \| 'noModel'
-    \| 'noApp'
-    \| 'success'
-    \| 'failed'
-    \| 'inProgress'
-    \| 'stayTuned' | 'noData' | 
-| texture | 是否显示纹理 | boolean | true | 
-| image | 图片地址 | string | 默认是no data的图片 | 
-| imageStyle | 图片样式 | React.CSSProperties |  | 
-| title | 标题内容 | React.ReactNode |  | 
-| description | 自定义描述内容 | React.ReactNode |  | 
-| onOk | ok按钮的点击事件 | (e: React.MouseEvent) => void |  | 
-| okText | ok按钮的文本 | React.ReactNode |  | 
-| okType | ok按钮的类型 | SparkButtonProps['type'] | 'primary' | 
-| okButtonProps | ok按钮的props | SparkButtonProps |  | 
-| children | 自定义空状态的内容 | React.ReactNode |  | 
-| className | 自定义空状态的类名 | string |  | 
-| style | 自定义空状态的样式 | React.CSSProperties |  | 
-| size | 自定义空状态的大小 | React.CSSProperties['width'] |  | 
-
-
-<AntdApiRef url="https://ant.design/components/empty-cn/#api"></AntdApiRef>
-
-
-
-
-
 <DemoTitle title="Dropdown" desc="向下弹出的列表。">
 #### API
 
@@ -2969,6 +2928,49 @@ const dividerItem = {
 
 
 
+<DemoTitle title="Empty" desc="用于空状态的占位图形展示。">
+## API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| type | 空状态类型 | \| 'noData'
+    \| 'networkError'
+    \| '404'
+    \| 'arrears'
+    \| 'desktopOnly'
+    \| 'noAudio'
+    \| 'noImage'
+    \| 'noVideo'
+    \| 'noAccess'
+    \| 'error'
+    \| 'noModel'
+    \| 'noApp'
+    \| 'success'
+    \| 'failed'
+    \| 'inProgress'
+    \| 'stayTuned' | 'noData' | 
+| texture | 是否显示纹理 | boolean | true | 
+| image | 图片地址 | string | 默认是no data的图片 | 
+| imageStyle | 图片样式 | React.CSSProperties |  | 
+| title | 标题内容 | React.ReactNode |  | 
+| description | 自定义描述内容 | React.ReactNode |  | 
+| onOk | ok按钮的点击事件 | (e: React.MouseEvent) => void |  | 
+| okText | ok按钮的文本 | React.ReactNode |  | 
+| okType | ok按钮的类型 | SparkButtonProps['type'] | 'primary' | 
+| okButtonProps | ok按钮的props | SparkButtonProps |  | 
+| children | 自定义空状态的内容 | React.ReactNode |  | 
+| className | 自定义空状态的类名 | string |  | 
+| style | 自定义空状态的样式 | React.CSSProperties |  | 
+| size | 自定义空状态的大小 | React.CSSProperties['width'] |  | 
+| autoFit | 是否自适应容器宽度，当容器宽度小于 size 时自动缩放 | boolean | false | 
+
+
+<AntdApiRef url="https://ant.design/components/empty-cn/#api"></AntdApiRef>
+
+
+
+
+
 <DemoTitle title="Drawer" desc="从页面一侧滑入的操作面板，用于承载临时界面内容。">
 #### API
 
@@ -3364,21 +3366,6 @@ export type FormatType =
 
 
 
-<DemoTitle title="CodeBlock" desc="代码块">
-#### API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| language | 语言 | string \| string[] | (必填) | 
-| value | 值 | string | (必填) | 
-| className | 类名 | string |  | 
-| theme | 主题 | 'dark' \| 'light' |  | 
-| readOnly | 只读 | boolean |  | 
-| onChange |  | (value: string) => void |  | 
-
-
-
-
 <DemoTitle title="Collapse" desc="可以折叠/展开的内容区域">
 #### API
 
@@ -3437,6 +3424,21 @@ export type FormatType =
 
 
 
+<DemoTitle title="CodeBlock" desc="代码块">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| language | 语言 | string \| string[] | (必填) | 
+| value | 值 | string | (必填) | 
+| className | 类名 | string |  | 
+| theme | 主题 | 'dark' \| 'light' |  | 
+| readOnly | 只读 | boolean |  | 
+| onChange |  | (value: string) => void |  | 
+
+
+
+
 <DemoTitle title="Checkbox" desc="收集用户的多项选择。">
 #### API
 
@@ -4387,6 +4389,32 @@ export default App;
 
 
 
+# 使用
+
+
+
+```tsx
+import { SparkLoadingLine } from '@agentscope-ai/icons';
+
+export default () => {
+  return (
+    <SparkLoadingLine
+      className="your-class-name"
+      style={{ color: 'var(--sps-color-primary)' }}
+      spin
+      size={48}
+    />
+  );
+};
+
+```
+
+基本用法
+
+访问 [Icon Library](https://sparkdesign.agentscope.io/#/resources/icons) 查看全部 Icon
+
+
+
 # Vibe 编程
 
 ## LLMs.txt
@@ -4417,6 +4445,91 @@ export default App;
 
 
 
+# 从零开始使用
+
+## 📦 安装
+
+
+```bash
+$ npm install antd @agentscope-ai/icons @agentscope-ai/design --save
+```
+
+
+## 🔨 使用
+
+
+```tsx
+import {
+  Button,
+  Image,
+  ConfigProvider,
+  purpleDarkTheme,
+  purpleTheme,
+} from '@agentscope-ai/design';
+import { SparkSunLine, SparkMoonLine } from '@agentscope-ai/icons';
+import { Flex } from 'antd';
+import zhCN from 'antd/locale/zh_CN';
+import { useState } from 'react';
+
+const App = () => {
+  const [colorMode, setColorMode] = useState('light');
+  const theme = colorMode === 'light' ? purpleTheme : purpleDarkTheme;
+
+  const prefix = 'sps';
+  return (
+    <ConfigProvider
+      {...theme} // 您可以从 purpleTheme、purpleDarkTheme、carbonTheme 和 carbonDarkTheme 中选择
+      prefix={prefix} // Ant Design 和 @agentscope-ai/design 的前缀
+      prefixCls={prefix}
+      iconfont="//at.alicdn.com/t/a/font_4807885_ugexdeaoq7.js" // 可选参数，您可以从 https://www.iconfont.cn/ 获取
+      locale={zhCN} // 来自 Ant Design 的语言包
+      style={{
+        width: '100%',
+        height: '100%',
+      }}
+    >
+      <div
+        style={{
+          width: '100%',
+          height: '100%',
+          backgroundColor: `var(--${prefix}-color-bg-base)`,
+        }}
+      >
+        <Flex vertical gap={16} align="center" style={{ padding: '12px 0' }}>
+          <Image
+            width={120}
+            src="https://img.alicdn.com/imgextra/i1/O1CN01Py27NU1re2pgohzqU_!!6000000005655-0-tps-480-480.jpg"
+          />
+          <div
+            style={{
+              color: `var(--${prefix}-ant-color-text-base)`,
+              fontSize: '24px',
+              textAlign: 'center',
+            }}
+          >
+            Hello Spark Design!
+          </div>
+          <Button
+            type="primary"
+            onClick={() => {
+              setColorMode(colorMode === 'light' ? 'dark' : 'light');
+            }}
+            icon={colorMode === 'light' ? <SparkMoonLine /> : <SparkSunLine />}
+          >
+            {colorMode === 'light' ? '暗色' : '亮色'} 模式
+          </Button>
+        </Flex>
+      </div>
+    </ConfigProvider>
+  );
+};
+
+export default App;
+```
+
+
+
+
 # Tokens
 
 除了来自 [antd](https://ant.design/theme-editor) 的固有 tokens 之外，Spark Design 在原有基础上扩展了更多变量。完整的 token 示例如下所示：
@@ -4432,7 +4545,7 @@ export default App;
   "borderRadiusXL": 12,
   "borderRadiusFull": 999,
   "wireframe": false,
-  "colorPrimaryBg": "#F2F0FF",
+  "colorPrimaryBg": "rgba(97, 92, 237, 0.08)",
   "colorPrimaryBgHover": "#F2F0FF",
   "colorPrimaryBorder": "#E2DEFF",
   "colorPrimaryBorderHover": "#BCB5FF",
@@ -4487,7 +4600,9 @@ export default App;
   "colorLink": "#615CED",
   "boxShadow": "0px 4px 6px 0px rgba(0, 0, 0, 0.08)",
   "boxShadowSecondary": "0px 12px 24px -16px rgba(0, 0, 0, 0.06),0px 8px 40px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
-  "colorTextWhite": "#fff",
+
+  "colorTextWhite": "#ffffff",
+  "colorTextOnPrimary": "#ffffff",
   "colorFillDisable": "#DBDAE7",
   "colorPurple": "#615CED",
   "colorPurpleHover": "#8080FF",
@@ -4589,7 +4704,9 @@ export default App;
   "colorLink": "#5551CC",
   "boxShadow": "0px 4px 6px 0px rgba(255, 255, 255, 0.08)",
   "boxShadowSecondary": "0px 12px 24px -16px rgba(255, 255, 255, 0.04),0px 8px 40px 0px rgba(255, 255, 255, 0.06),0px 0px 1px 0px rgba(255, 255, 255, 0.02)",
-  "colorTextWhite": "#fff",
+
+ "colorTextWhite": "#fff",
+ "colorTextOnPrimary": "#fff",
   "colorFillDisable": "#8D8C98",
   "colorPurple": "#5551CC",
   "colorPurpleHover": "#8383F0",
@@ -4692,7 +4809,9 @@ export default App;
   "colorLink": "rgba(0, 77, 255, 1)",
   "boxShadow": "0px 4px 6px 0px rgba(0, 0, 0, 0.08)",
   "boxShadowSecondary": "0px 12px 24px -16px rgba(0, 0, 0, 0.06),0px 8px 40px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
-  "colorTextWhite": "rgba(255, 255, 255, 1)",
+
+  "colorTextWhite": "#ffffff",
+  "colorTextOnPrimary": "#ffffff",
   "colorFillDisable": "rgba(232, 232, 235, 1)",
   "colorPurple": "rgba(97, 92, 237, 1)",
   "colorPurpleHover": "#8080FF",
@@ -4791,7 +4910,9 @@ export default App;
   "colorLink": "#4D7DFF",
   "boxShadow": "0px 4px 6px 0px rgba(255, 255, 255, 0.08)",
   "boxShadowSecondary": "0px 12px 24px -16px rgba(255, 255, 255, 0.06),0px 8px 40px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
-  "colorTextWhite": "#FFFFFF",
+
+ "colorTextWhite": "#ffffff",
+ "colorTextOnPrimary": "#000000",
   "colorFillDisable": "#898989",
   "colorPurple": "#615CED",
   "colorPurpleHover": "#8383F0",
@@ -4840,115 +4961,3 @@ Spark Design 默认启用 cssVar 模式，因此您可以利用 从 token 派生
 }
 // 提示：您可以将 'sps' 替换为您自己的前缀
 ```
-
-
-
-
-# 从零开始使用
-
-## 📦 安装
-
-
-```bash
-$ npm install antd @agentscope-ai/icons @agentscope-ai/design --save
-```
-
-
-## 🔨 使用
-
-
-```tsx
-import {
-  Button,
-  Image,
-  ConfigProvider,
-  purpleDarkTheme,
-  purpleTheme,
-} from '@agentscope-ai/design';
-import { SparkSunLine, SparkMoonLine } from '@agentscope-ai/icons';
-import { Flex } from 'antd';
-import zhCN from 'antd/locale/zh_CN';
-import { useState } from 'react';
-
-const App = () => {
-  const [colorMode, setColorMode] = useState('light');
-  const theme = colorMode === 'light' ? purpleTheme : purpleDarkTheme;
-
-  const prefix = 'sps';
-  return (
-    <ConfigProvider
-      {...theme} // 您可以从 purpleTheme、purpleDarkTheme、carbonTheme 和 carbonDarkTheme 中选择
-      prefix={prefix} // Ant Design 和 @agentscope-ai/design 的前缀
-      prefixCls={prefix}
-      iconfont="//at.alicdn.com/t/a/font_4807885_ugexdeaoq7.js" // 可选参数，您可以从 https://www.iconfont.cn/ 获取
-      locale={zhCN} // 来自 Ant Design 的语言包
-      style={{
-        width: '100%',
-        height: '100%',
-      }}
-    >
-      <div
-        style={{
-          width: '100%',
-          height: '100%',
-          backgroundColor: `var(--${prefix}-color-bg-base)`,
-        }}
-      >
-        <Flex vertical gap={16} align="center" style={{ padding: '12px 0' }}>
-          <Image
-            width={120}
-            src="https://img.alicdn.com/imgextra/i1/O1CN01Py27NU1re2pgohzqU_!!6000000005655-0-tps-480-480.jpg"
-          />
-          <div
-            style={{
-              color: `var(--${prefix}-ant-color-text-base)`,
-              fontSize: '24px',
-              textAlign: 'center',
-            }}
-          >
-            Hello Spark Design!
-          </div>
-          <Button
-            type="primary"
-            onClick={() => {
-              setColorMode(colorMode === 'light' ? 'dark' : 'light');
-            }}
-            icon={colorMode === 'light' ? <SparkMoonLine /> : <SparkSunLine />}
-          >
-            {colorMode === 'light' ? '暗色' : '亮色'} 模式
-          </Button>
-        </Flex>
-      </div>
-    </ConfigProvider>
-  );
-};
-
-export default App;
-```
-
-
-
-
-# 使用
-
-
-
-```tsx
-import { SparkLoadingLine } from '@agentscope-ai/icons';
-
-export default () => {
-  return (
-    <SparkLoadingLine
-      className="your-class-name"
-      style={{ color: 'var(--sps-color-primary)' }}
-      spin
-      size={48}
-    />
-  );
-};
-
-```
-
-基本用法
-
-访问 [Icon Library](https://sparkdesign.agentscope.io/#/resources/icons) 查看全部 Icon