@agentscope-ai/design 1.0.23-beta.1767087061250 → 1.0.23

package/llms/all.llms.txt

@@ -1,5 +1,18 @@
 
 
+<DemoTitle title="Video" desc="视频展示">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| mouseEnterAutoPlay | 鼠标进入时是否自动播放 | boolean | false | 
+| children | video内部设置了按钮在暗色背景下的样式，如果有一些操作按钮想继承这个样式可以在这里传入 | React.ReactNode |  | 
+
+
+
+
+
+
 <DemoTitle title="Upload" desc="文件选择上传和拖拽上传控件。">
 #### API
 
@@ -96,66 +109,6 @@
 
 
 
-<DemoTitle title="Video" desc="视频展示">
-#### API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| mouseEnterAutoPlay | 鼠标进入时是否自动播放 | boolean | false | 
-| children | video内部设置了按钮在暗色背景下的样式，如果有一些操作按钮想继承这个样式可以在这里传入 | React.ReactNode |  | 
-
-
-
-
-
-
-<DemoTitle title="Tooltip" desc="简单的文本提示气泡框">
-#### API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| mode | 颜色模式 | 'dark' \| 'light' | 'dark' | 
-| maxHeight | 最大高度 | number \| string | '90vh' | 
-
-
-<AntdApiRef url="https://ant.design/components/tooltip-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-| 参数 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| title | 提示文字 | ReactNode \| () => ReactNode | - | 
-
-
-### 共同的 API
-
-以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
-
-<!-- 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 | 
-
-
-
-
 <DemoTitle title="TimePicker" desc="输入或选择时间的控件。">
 #### API
 
@@ -269,6 +222,53 @@ type RangeDisabledTime = (
 
 
 
+<DemoTitle title="Tooltip" desc="简单的文本提示气泡框">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| mode | 颜色模式 | 'dark' \| 'light' | 'dark' | 
+| maxHeight | 最大高度 | number \| string | '90vh' | 
+
+
+<AntdApiRef url="https://ant.design/components/tooltip-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| title | 提示文字 | ReactNode \| () => ReactNode | - | 
+
+
+### 共同的 API
+
+以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
+
+<!-- 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 | 
+
+
+
+
 <DemoTitle title="Tag" desc="进行标记和分类的小标签">
 #### API
 
@@ -304,6 +304,117 @@ type RangeDisabledTime = (
 
 
 
+<DemoTitle title="Tabs" desc="用户可以通过点击不同的标签在同一页面中查看不同的内容区域。">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| type | 类型 | 'line' \| 'card' \| 'editable-card' \| 'segmented' | true | 
+
+
+<AntdApiRef url="https://ant.design/components/tabs-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Tabs
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| activeKey | 当前激活 tab 面板的 key | string | - |  | 
+| addIcon | 自定义添加按钮，设置  | ReactNode |  | 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 |  | 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 |  | 
+| 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 | - |  | 
+| 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 | - |  | 
+|  |  |  |  |  | 
+
+
+
+
+<DemoTitle title="Switch" desc="使用开关切换两种状态之间。">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| label | Switch后的内容 | ReactNode |  | 
+
+<AntdApiRef url="https://ant.design/components/switch-cn/#api"></AntdApiRef>
+
+
+## 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() | 获取焦点 | 
+
+
+
+
 <DemoTitle title="Table" desc="展示行列数据。">
 #### API
 
@@ -559,130 +670,19 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Tabs" desc="用户可以通过点击不同的标签在同一页面中查看不同的内容区域。">
+<DemoTitle title="Steps" desc="引导用户按照流程完成任务的导航条。">
 #### API
 
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| type | 类型 | 'line' \| 'card' \| 'editable-card' \| 'segmented' | true | 
-
-
-<AntdApiRef url="https://ant.design/components/tabs-cn/#api"></AntdApiRef>
+<AntdApiRef url="https://ant.design/components/steps-cn/#api"></AntdApiRef>
 
 
 ## antd API
 
 通用属性参考：[通用属性](/docs/react/common-props)
 
-### Tabs
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| activeKey | 当前激活 tab 面板的 key | string | - |  | 
-| addIcon | 自定义添加按钮，设置  | ReactNode |  | 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 |  | 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 |  | 
-| 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 | - |  | 
-| 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 | - |  | 
-|  |  |  |  |  | 
-
-
-
-
-<DemoTitle title="Switch" desc="使用开关切换两种状态之间。">
-#### API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| label | Switch后的内容 | ReactNode |  | 
-
-<AntdApiRef url="https://ant.design/components/switch-cn/#api"></AntdApiRef>
-
-
-## 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() | 获取焦点 | 
-
-
-
-
-<DemoTitle title="Steps" desc="引导用户按照流程完成任务的导航条。">
-#### API
-
-<AntdApiRef url="https://ant.design/components/steps-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-### Steps
-
-整体步骤条。
+### Steps
+
+整体步骤条。
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
@@ -806,6 +806,67 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
+<DemoTitle title="Skeleton" desc="在内容加载时提供占位图形展示。">
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Skeleton
+
+| 属性 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| active | 是否展示动画效果 | boolean | false | 
+| avatar | 是否显示头像占位图 | boolean \|  | false | 
+| loading | 为 true 时，显示占位图。反之则直接展示子组件 | boolean | - | 
+| paragraph | 是否显示段落占位图 | boolean \|  | true | 
+| round | 为 true 时，段落和标题显示圆角 | boolean | false | 
+| title | 是否显示标题占位图 | boolean \|  | true | 
+
+
+### SkeletonAvatarProps
+
+| 属性 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| active | 是否展示动画效果，仅在单独使用头像骨架时生效 | boolean | false | 
+| shape | 指定头像的形状 | circle | - | 
+| size | 设置头像占位图的大小 | number \|  | - | 
+
+
+### SkeletonTitleProps
+
+| 属性 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| width | 设置标题占位图的宽度 | number \| string | - | 
+
+
+### SkeletonParagraphProps
+
+| 属性 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| rows | 设置段落占位图的行数 | number | - | 
+| width | 设置段落占位图的宽度，若为数组时则为对应的每行宽度，反之则是最后一行的宽度 | number \| string \| Array | - | 
+
+
+### SkeletonButtonProps
+
+| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| active | 是否展示动画效果 | boolean | false |  | 
+| block | 将按钮宽度调整为其父宽度的选项 | boolean | false | 4.17.0 | 
+| shape | 指定按钮的形状 | circle | - |  | 
+| size | 设置按钮的大小 | large | - |  | 
+
+
+### SkeletonInputProps
+
+| 属性 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| active | 是否展示动画效果 | boolean | false | 
+| size | 设置输入框的大小 | large | - | 
+
+
+
+
 <DemoTitle title="Slider" desc="滑动型输入器，展示当前值和可选范围。">
 #### API
 
@@ -870,6 +931,18 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
+<DemoTitle title="Result" desc="为操作结果提供反馈信息的展示。">
+## API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| texture | 是否显示纹理 | boolean | false | 
+
+
+
+
+
+
 <DemoTitle title="Select" desc="下拉选择器">
 ## antd API
 
@@ -968,67 +1041,6 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Skeleton" desc="在内容加载时提供占位图形展示。">
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-### Skeleton
-
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| active | 是否展示动画效果 | boolean | false | 
-| avatar | 是否显示头像占位图 | boolean \|  | false | 
-| loading | 为 true 时，显示占位图。反之则直接展示子组件 | boolean | - | 
-| paragraph | 是否显示段落占位图 | boolean \|  | true | 
-| round | 为 true 时，段落和标题显示圆角 | boolean | false | 
-| title | 是否显示标题占位图 | boolean \|  | true | 
-
-
-### SkeletonAvatarProps
-
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| active | 是否展示动画效果，仅在单独使用头像骨架时生效 | boolean | false | 
-| shape | 指定头像的形状 | circle | - | 
-| size | 设置头像占位图的大小 | number \|  | - | 
-
-
-### SkeletonTitleProps
-
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| width | 设置标题占位图的宽度 | number \| string | - | 
-
-
-### SkeletonParagraphProps
-
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| rows | 设置段落占位图的行数 | number | - | 
-| width | 设置段落占位图的宽度，若为数组时则为对应的每行宽度，反之则是最后一行的宽度 | number \| string \| Array | - | 
-
-
-### SkeletonButtonProps
-
-| 属性 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| active | 是否展示动画效果 | boolean | false |  | 
-| block | 将按钮宽度调整为其父宽度的选项 | boolean | false | 4.17.0 | 
-| shape | 指定按钮的形状 | circle | - |  | 
-| size | 设置按钮的大小 | large | - |  | 
-
-
-### SkeletonInputProps
-
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| active | 是否展示动画效果 | boolean | false | 
-| size | 设置输入框的大小 | large | - | 
-
-
-
-
 <DemoTitle title="RadioButton" desc="用于在多个备选项中选中单个状态。">
 #### API
 
@@ -1104,18 +1116,6 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Result" desc="为操作结果提供反馈信息的展示。">
-## API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| texture | 是否显示纹理 | boolean | false | 
-
-
-
-
-
-
 <DemoTitle title="Radio" desc="用于在多个备选项中选中单个状态。">
 #### API
 
@@ -1184,25 +1184,8 @@ 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="Progress" desc="用于指示任务的完成进度">
-## antd API
+<DemoTitle title="Progress" desc="用于指示任务的完成进度">
+## antd API
 
 通用属性参考：[通用属性](/docs/react/common-props)
 
@@ -1253,10 +1236,15 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
+<DemoTitle title="Popconfirm" desc="点击元素，弹出气泡式的确认框。">
 #### API
 
-<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| type | 类型 | 'info' \| 'warning' \| 'error' \| 'success' \| 'confirm' | 'confirm' | 
+
+
+<AntdApiRef url="https://ant.design/components/popconfirm-cn/#api"></AntdApiRef>
 
 
 ## antd API
@@ -1265,8 +1253,19 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| content | 卡片内容 | ReactNode \| () => ReactNode | - |  | 
-| title | 卡片标题 | ReactNode \| () => ReactNode | - |  | 
+| cancelButtonProps | cancel 按钮 props |  | - |  | 
+| cancelText | 取消按钮文字 | string | 取消 |  | 
+| disabled | 阻止点击 Popconfirm 子元素时弹出确认框 | boolean | false |  | 
+| icon | 自定义弹出气泡 Icon 图标 | ReactNode |  |  | 
+| okButtonProps | ok 按钮 props |  | - |  | 
+| okText | 确认按钮文字 | string | 确定 |  | 
+| okType | 确认按钮类型 | string | primary |  | 
+| showCancel | 是否显示取消按钮 | boolean | true | 4.18.0 | 
+| title | 确认框标题 | ReactNode \| () => ReactNode | - |  | 
+| description | 确认内容的详细描述 | ReactNode \| () => ReactNode | - | 5.1.0 | 
+| onCancel | 点击取消的回调 | function(e) | - |  | 
+| onConfirm | 点击确认的回调 | function(e) | - |  | 
+| onPopupClick | 弹出气泡点击事件 | function(e) | - | 5.5.0 | 
 
 
 <!-- 共同的 API -->
@@ -1291,68 +1290,126 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 | zIndex | 设置 Tooltip 的  | number | - |  | 
 | onOpenChange | 显示隐藏的回调 | (open: boolean) => void | - | 4.23.0 | 
 
-## 注意
 
-请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
 
 
+<DemoTitle title="Notification" desc="用于指示任务的完成进度">
+#### API
 
-<DemoTitle title="Pagination" desc="分页器用于分隔长列表，每次只加载一个页面。">
-## API
+<AntdApiRef url="https://ant.design/components/notification-cn/#api"></AntdApiRef>
 
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| hideSwitchButton | 是否展示上一页/下一页的切换按钮 | boolean | false | 
 
+## antd API
 
-<AntdApiRef url="https://ant.design/components/pagination-cn/#api"></AntdApiRef>
+通用属性参考：[通用属性](/docs/react/common-props)
 
 
-## antd API
+- `notification.success(config)`
+- `notification.error(config)`
+- `notification.info(config)`
+- `notification.warning(config)`
+- `notification.open(config)`
+- `notification.destroy(key?: String)`
 
-通用属性参考：[通用属性](/docs/react/common-props)
+config 参数如下：
 
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| actions | 自定义按钮组 | ReactNode | - | 5.24.0 | 
+| className | 自定义 CSS class | string | - | - | 
+| closeIcon | 自定义关闭图标 | ReactNode | true | 5.7.0：设置为 null 或 false 时隐藏关闭按钮 | 
+| description | 通知提醒内容，必选 | ReactNode | - | - | 
+| duration | 默认 4.5 秒后自动关闭，配置为 null 则不自动关闭 | number | 4.5 | - | 
+| showProgress | 显示自动关闭通知框的进度条 | boolean |  | 5.18.0 | 
+| pauseOnHover | 悬停时是否暂停计时器 | boolean | true | 5.18.0 | 
+| icon | 自定义图标 | ReactNode | - | - | 
+| key | 当前通知唯一标志 | string | - | - | 
+| message | 通知提醒标题，必选 | ReactNode | - | - | 
+| placement | 弹出位置，可选  | string | topRight | - | 
+| style | 自定义内联样式 |  | - | - | 
+| role | 供屏幕阅读器识别的通知内容语义，默认为  | alert \| status | alert | 5.6.0 | 
+| onClick | 点击通知时触发的回调函数 | function | - | - | 
+| onClose | 当通知关闭时触发 | function | - | - | 
+| props | 透传至通知  | Object | - | - | 
 
-```jsx
-<Pagination onChange={onChange} total={50} />
+
+
+- `notification.useNotification(config)`
+
+config 参数如下：
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| bottom | 消息从底部弹出时，距离底部的位置，单位像素 | number | 24 |  | 
+| closeIcon | 自定义关闭图标 | ReactNode | true | 5.7.0：设置为 null 或 false 时隐藏关闭按钮 | 
+| getContainer | 配置渲染节点的输出位置 | () => HTMLNode | () => document.body |  | 
+| placement | 弹出位置，可选  | string | topRight |  | 
+| showProgress | 显示自动关闭通知框的进度条 | boolean |  | 5.18.0 | 
+| pauseOnHover | 悬停时是否暂停计时器 | boolean | true | 5.18.0 | 
+| rtl | 是否开启 RTL 模式 | boolean | false |  | 
+| stack | 堆叠模式，超过阈值时会将所有消息收起 | boolean \|  | { threshold: 3 } | 5.10.0 | 
+| top | 消息从顶部弹出时，距离顶部的位置，单位像素 | number | 24 |  | 
+| maxCount | 最大显示数，超过限制时，最早的消息会被自动关闭 | number | - | 4.17.0 | 
+
+
+### 全局配置
+
+还提供了一个全局配置方法，在调用前提前配置，全局一次生效。
+
+`notification.config(options)`
+
+当你使用 `ConfigProvider` 进行全局化配置时，系统会默认自动开启 RTL 模式。(4.3.0+)当你想单独使用，可通过如下设置开启 RTL 模式。
+
+
+```js
+notification.config({
+  placement: 'bottomRight',
+  bottom: 50,
+  duration: 3,
+  rtl: true,
+});
 ```
 
 
+#### notification.config
+
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| 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) | - |  | 
+| bottom | 消息从底部弹出时，距离底部的位置，单位像素 | number | 24 |  | 
+| closeIcon | 自定义关闭图标 | ReactNode | true | 5.7.0：设置为 null 或 false 时隐藏关闭按钮 | 
+| duration | 默认自动关闭延时，单位秒 | number | 4.5 |  | 
+| showProgress | 显示自动关闭通知框的进度条 | boolean |  | 5.18.0 | 
+| pauseOnHover | 悬停时是否暂停计时器 | boolean | true | 5.18.0 | 
+| getContainer | 配置渲染节点的输出位置，但依旧为全屏展示 | () => HTMLNode | () => document.body |  | 
+| placement | 弹出位置，可选  | string | topRight |  | 
+| rtl | 是否开启 RTL 模式 | boolean | false |  | 
+| top | 消息从顶部弹出时，距离顶部的位置，单位像素 | number | 24 |  | 
+| maxCount | 最大显示数，超过限制时，最早的消息会被自动关闭 | number | - | 4.17.0 | 
 
 
 
 
-<DemoTitle title="Popconfirm" desc="点击元素，弹出气泡式的确认框。">
+<DemoTitle title="MdEditor" desc="提示词编辑器，可以高亮 Markdown 的语法，支持自定义槽位变量的插入">
 #### API
 
 | 属性名 | 描述 | 类型 | 默认值 | 
 |--------|--------|--------|--------|
-| type | 类型 | 'info' \| 'warning' \| 'error' \| 'success' \| 'confirm' | 'confirm' | 
+| maxLength | 可以输入内容的最大长度 | number |  | 
+| value | 输入的内容 | string | (必填) | 
+| className | 输入内容的类名 | string |  | 
+| onChange | 输入内容的回调 | (value: string) => void |  | 
+| variables | 可以插入的变量列表 | Array |  | 
+| onCreate | 新增变量的触发回调 | () => void |  | 
+| createBtnText | 新增变量的按钮文本 | string |  | 
+| tipsText | 提示文本，传入 false 时隐藏提示 | string \| React.ReactNode \| false |  | 
 
 
-<AntdApiRef url="https://ant.design/components/popconfirm-cn/#api"></AntdApiRef>
+
+
+<DemoTitle title="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
+#### API
+
+<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
 
 
 ## antd API
@@ -1361,19 +1418,8 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| cancelButtonProps | cancel 按钮 props |  | - |  | 
-| cancelText | 取消按钮文字 | string | 取消 |  | 
-| disabled | 阻止点击 Popconfirm 子元素时弹出确认框 | boolean | false |  | 
-| icon | 自定义弹出气泡 Icon 图标 | ReactNode |  |  | 
-| okButtonProps | ok 按钮 props |  | - |  | 
-| okText | 确认按钮文字 | string | 确定 |  | 
-| okType | 确认按钮类型 | string | primary |  | 
-| showCancel | 是否显示取消按钮 | boolean | true | 4.18.0 | 
-| title | 确认框标题 | ReactNode \| () => ReactNode | - |  | 
-| description | 确认内容的详细描述 | ReactNode \| () => ReactNode | - | 5.1.0 | 
-| onCancel | 点击取消的回调 | function(e) | - |  | 
-| onConfirm | 点击确认的回调 | function(e) | - |  | 
-| onPopupClick | 弹出气泡点击事件 | function(e) | - | 5.5.0 | 
+| content | 卡片内容 | ReactNode \| () => ReactNode | - |  | 
+| title | 卡片标题 | ReactNode \| () => ReactNode | - |  | 
 
 
 <!-- 共同的 API -->
@@ -1398,6 +1444,9 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 | zIndex | 设置 Tooltip 的  | number | - |  | 
 | onOpenChange | 显示隐藏的回调 | (open: boolean) => void | - | 4.23.0 | 
 
+## 注意
+
+请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
 
 
 
@@ -1571,151 +1620,49 @@ const confirmed = await modal.confirm({ ... });
 
 
 
-<DemoTitle title="Notification" desc="用于指示任务的完成进度">
-#### API
-
-<AntdApiRef url="https://ant.design/components/notification-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-
-- `notification.success(config)`
-- `notification.error(config)`
-- `notification.info(config)`
-- `notification.warning(config)`
-- `notification.open(config)`
-- `notification.destroy(key?: String)`
-
-config 参数如下：
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| actions | 自定义按钮组 | ReactNode | - | 5.24.0 | 
-| className | 自定义 CSS class | string | - | - | 
-| closeIcon | 自定义关闭图标 | ReactNode | true | 5.7.0：设置为 null 或 false 时隐藏关闭按钮 | 
-| description | 通知提醒内容，必选 | ReactNode | - | - | 
-| duration | 默认 4.5 秒后自动关闭，配置为 null 则不自动关闭 | number | 4.5 | - | 
-| showProgress | 显示自动关闭通知框的进度条 | boolean |  | 5.18.0 | 
-| pauseOnHover | 悬停时是否暂停计时器 | boolean | true | 5.18.0 | 
-| icon | 自定义图标 | ReactNode | - | - | 
-| key | 当前通知唯一标志 | string | - | - | 
-| message | 通知提醒标题，必选 | ReactNode | - | - | 
-| placement | 弹出位置，可选  | string | topRight | - | 
-| style | 自定义内联样式 |  | - | - | 
-| role | 供屏幕阅读器识别的通知内容语义，默认为  | alert \| status | alert | 5.6.0 | 
-| onClick | 点击通知时触发的回调函数 | function | - | - | 
-| onClose | 当通知关闭时触发 | function | - | - | 
-| props | 透传至通知  | Object | - | - | 
-
-
-
-- `notification.useNotification(config)`
-
-config 参数如下：
+<DemoTitle title="Pagination" desc="分页器用于分隔长列表，每次只加载一个页面。">
+## API
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| bottom | 消息从底部弹出时，距离底部的位置，单位像素 | number | 24 |  | 
-| closeIcon | 自定义关闭图标 | ReactNode | true | 5.7.0：设置为 null 或 false 时隐藏关闭按钮 | 
-| getContainer | 配置渲染节点的输出位置 | () => HTMLNode | () => document.body |  | 
-| placement | 弹出位置，可选  | string | topRight |  | 
-| showProgress | 显示自动关闭通知框的进度条 | boolean |  | 5.18.0 | 
-| pauseOnHover | 悬停时是否暂停计时器 | boolean | true | 5.18.0 | 
-| rtl | 是否开启 RTL 模式 | boolean | false |  | 
-| stack | 堆叠模式，超过阈值时会将所有消息收起 | boolean \|  | { threshold: 3 } | 5.10.0 | 
-| top | 消息从顶部弹出时，距离顶部的位置，单位像素 | number | 24 |  | 
-| maxCount | 最大显示数，超过限制时，最早的消息会被自动关闭 | number | - | 4.17.0 | 
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| hideSwitchButton | 是否展示上一页/下一页的切换按钮 | boolean | false | 
 
 
-### 全局配置
+<AntdApiRef url="https://ant.design/components/pagination-cn/#api"></AntdApiRef>
 
-还提供了一个全局配置方法，在调用前提前配置，全局一次生效。
 
-`notification.config(options)`
+## antd API
 
-当你使用 `ConfigProvider` 进行全局化配置时，系统会默认自动开启 RTL 模式。(4.3.0+)当你想单独使用，可通过如下设置开启 RTL 模式。
+通用属性参考：[通用属性](/docs/react/common-props)
 
 
-```js
-notification.config({
-  placement: 'bottomRight',
-  bottom: 50,
-  duration: 3,
-  rtl: true,
-});
+```jsx
+<Pagination onChange={onChange} total={50} />
 ```
 
 
-#### notification.config
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| bottom | 消息从底部弹出时，距离底部的位置，单位像素 | number | 24 |  | 
-| closeIcon | 自定义关闭图标 | ReactNode | true | 5.7.0：设置为 null 或 false 时隐藏关闭按钮 | 
-| duration | 默认自动关闭延时，单位秒 | number | 4.5 |  | 
-| showProgress | 显示自动关闭通知框的进度条 | boolean |  | 5.18.0 | 
-| pauseOnHover | 悬停时是否暂停计时器 | boolean | true | 5.18.0 | 
-| getContainer | 配置渲染节点的输出位置，但依旧为全屏展示 | () => HTMLNode | () => document.body |  | 
-| placement | 弹出位置，可选  | string | topRight |  | 
-| rtl | 是否开启 RTL 模式 | boolean | false |  | 
-| top | 消息从顶部弹出时，距离顶部的位置，单位像素 | number | 24 |  | 
-| maxCount | 最大显示数，超过限制时，最早的消息会被自动关闭 | number | - | 4.17.0 | 
-
-
-
-
-<DemoTitle title="InputNumber" desc="通过鼠标或键盘，输入范围内的数值。">
-#### API
-
-<AntdApiRef url="https://ant.design/components/input-number-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| 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 | 
+| 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) | - |  | 
 
 
 
@@ -1955,6 +1902,59 @@ interface CountConfig {
 
 
 
+<DemoTitle title="InputNumber" desc="通过鼠标或键盘，输入范围内的数值。">
+#### API
+
+<AntdApiRef url="https://ant.design/components/input-number-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| 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="Image" desc="可预览的图片">
 #### API
 
@@ -2053,71 +2053,170 @@ interface CountConfig {
 ```
 
 
-### TransformAction
+### TransformAction
+
+
+```typescript
+type TransformAction =
+  | 'flipY'
+  | 'flipX'
+  | 'rotateLeft'
+  | 'rotateRight'
+  | 'zoomIn'
+  | 'zoomOut'
+  | 'close'
+  | 'prev'
+  | 'next'
+  | 'wheel'
+  | 'doubleClick'
+  | 'move'
+  | 'dragRebound'
+  | 'reset';
+```
+
+
+### ToolbarRenderInfoType
+
+
+```typescript
+{
+  icons: {
+    flipYIcon: React.ReactNode;
+    flipXIcon: React.ReactNode;
+    rotateLeftIcon: React.ReactNode;
+    rotateRightIcon: React.ReactNode;
+    zoomOutIcon: React.ReactNode;
+    zoomInIcon: React.ReactNode;
+  };
+  actions: {
+    onActive?: (index: number) => void; // 5.21.0 之后支持
+    onFlipY: () => void;
+    onFlipX: () => void;
+    onRotateLeft: () => void;
+    onRotateRight: () => void;
+    onZoomOut: () => void;
+    onZoomIn: () => void;
+    onReset: () => void; // 5.17.3 之后支持
+    onClose: () => void;
+  };
+  transform: TransformType,
+  current: number;
+  total: number;
+  image: ImgInfo
+}
+```
+
+
+### ImgInfo
+
+
+```typescript
+{
+  url: string;
+  alt: string;
+  width: string | number;
+  height: string | number;
+}
+```
+
+
+
+
+<DemoTitle title="IconButton" desc="以图标为核心的轻量按钮组件，用于触发操作。">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| icon | icon | ReactNode \| string |  | 
+| iconType | 百炼图标iconfont的key，依赖百炼的iconFont，例如bl-icon-add | string |  | 
+| bordered | 边框 | boolean | true | 
+| shape | 形状 | 'default' \| 'circle' | 'default' | 
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+通过设置 Button 的属性来产生不同的按钮样式，推荐顺序为：`type` -> `shape` -> `size` -> `loading` -> `disabled`。
+
+按钮的属性说明如下：
+
+| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| autoInsertSpace | 我们默认提供两个汉字之间的空格，可以设置  | boolean | true | 5.17.0 | 
+| block | 将按钮宽度调整为其父宽度的选项 | boolean | false |  | 
+| classNames | 语义化结构 class |  | - | 5.4.0 | 
+| color | 设置按钮的颜色 | default | - | default | 
+| danger | 语法糖，设置危险按钮。当设置  | boolean | false |  | 
+| disabled | 设置按钮失效状态 | boolean | false |  | 
+| ghost | 幽灵属性，使按钮背景透明 | boolean | false |  | 
+| href | 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 | string | - |  | 
+| htmlType | 设置  | submit | button |  | 
+| iconPosition | 设置按钮图标组件的位置 | start | start | 5.17.0 | 
+| loading | 设置按钮载入状态 | boolean \| { delay: number, icon: ReactNode } | false | icon: 5.23.0 | 
+| styles | 语义化结构 style |  | - | 5.4.0 | 
+| target | 相当于 a 链接的 target 属性，href 存在时生效 | string | - |  | 
+| onClick | 点击按钮时的回调 | (event: React.MouseEvent) => void | - |  | 
+| variant | 设置按钮的变体 | outlined | - | 5.21.0 | 
+
+
+支持原生 button 的其他所有属性。
+
+### PresetColors
+
+type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
+
+
+
+<DemoTitle title="FloatButton" desc="用于网站上的全局功能；无论浏览到何处都可以看见的按钮。">
+#### API
+
+<AntdApiRef url="https://ant.design/components/float-button-cn/#api"></AntdApiRef>
 
 
-```typescript
-type TransformAction =
-  | 'flipY'
-  | 'flipX'
-  | 'rotateLeft'
-  | 'rotateRight'
-  | 'zoomIn'
-  | 'zoomOut'
-  | 'close'
-  | 'prev'
-  | 'next'
-  | 'wheel'
-  | 'doubleClick'
-  | 'move'
-  | 'dragRebound'
-  | 'reset';
-```
+## antd API
 
+通用属性参考：[通用属性](/docs/react/common-props)
 
-### ToolbarRenderInfoType
+自 `antd@5.0.0` 版本开始提供该组件。
 
+### 共同的 API
 
-```typescript
-{
-  icons: {
-    flipYIcon: React.ReactNode;
-    flipXIcon: React.ReactNode;
-    rotateLeftIcon: React.ReactNode;
-    rotateRightIcon: React.ReactNode;
-    zoomOutIcon: React.ReactNode;
-    zoomInIcon: React.ReactNode;
-  };
-  actions: {
-    onActive?: (index: number) => void; // 5.21.0 之后支持
-    onFlipY: () => void;
-    onFlipX: () => void;
-    onRotateLeft: () => void;
-    onRotateRight: () => void;
-    onZoomOut: () => void;
-    onZoomIn: () => void;
-    onReset: () => void; // 5.17.3 之后支持
-    onClose: () => void;
-  };
-  transform: TransformType,
-  current: number;
-  total: number;
-  image: ImgInfo
-}
-```
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| icon | 自定义图标 | ReactNode | - |  | 
+| description | 文字及其它内容 | ReactNode | - |  | 
+| tooltip | 气泡卡片的内容 | ReactNode \|  | - | TooltipProps: 5.25.0 | 
+| type | 设置按钮类型 | default | default |  | 
+| shape | 设置按钮形状 | circle | circle |  | 
+| onClick | 点击按钮时的回调 | (event) => void | - |  | 
+| href | 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 | string | - |  | 
+| target | 相当于 a 标签的 target 属性，href 存在时生效 | string | - |  | 
+| htmlType | 设置  | submit | button | 5.21.0 | 
+| badge | 带徽标数字的悬浮按钮（不支持  |  | - | 5.4.0 | 
 
 
-### ImgInfo
+### FloatButton.Group
 
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| shape | 设置包含的 FloatButton 按钮形状 | circle | circle |  | 
+| trigger | 触发方式（有触发方式为菜单模式） | click | - |  | 
+| open | 受控展开，需配合 trigger 一起使用 | boolean | - |  | 
+| closeIcon | 自定义关闭按钮 | React.ReactNode |  |  | 
+| placement | 自定义菜单弹出位置 | top | top | 5.21.0 | 
+| onOpenChange | 展开收起时的回调，需配合 trigger 一起使用 | (open: boolean) => void | - |  | 
+| onClick | 点击按钮时的回调（仅在菜单模式中有效） | (event) => void | - | 5.3.0 | 
 
-```typescript
-{
-  url: string;
-  alt: string;
-  width: string | number;
-  height: string | number;
-}
-```
+
+### FloatButton.BackTop
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| duration | 回到顶部所需时间（ms） | number | 450 |  | 
+| target | 设置需要监听其滚动事件的元素 | () => HTMLElement | () => window |  | 
+| visibilityHeight | 滚动高度达到此参数值才出现 BackTop | number | 400 |  | 
+| onClick | 点击按钮的回调函数 | () => void | - |  | 
 
 
 
@@ -2653,173 +2752,31 @@ type Rule = RuleConfig | ((form: FormInstance) => RuleConfig);
 ```
 
 
-| 名称 | 说明 | 类型 | 版本 | 
-|--------|--------|--------|--------|
-| defaultField | 仅在  |  |  | 
-| enum | 是否匹配枚举中的值（需要将  | any[] |  | 
-| fields | 仅在  | Record<string,  |  | 
-| len | string 类型时为字符串长度；number 类型时为确定数字； array 类型时为数组长度 | number |  | 
-| max | 必须设置  | number |  | 
-| message | 错误信息，不设置时会通过 | string \| ReactElement |  | 
-| min | 必须设置  | number |  | 
-| pattern | 正则表达式匹配 | RegExp |  | 
-| required | 是否为必选字段 | boolean |  | 
-| transform | 将字段值转换成目标值后进行校验 | (value) => any |  | 
-| type | 类型，常见有  | string |  | 
-| validateTrigger | 设置触发验证时机，必须是 Form.Item 的  | string \| string[] |  | 
-| validator | 自定义校验，接收 Promise 作为返回值。 | ( |  | 
-| warningOnly | 仅警告，不阻塞表单提交 | boolean | 4.17.0 | 
-| whitespace | 如果字段仅包含空格则校验不通过，只在  | boolean |  | 
-
-
-### WatchOptions
-
-| 名称 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| form | 指定 Form 实例 | FormInstance | 当前 context 中的 Form | 5.4.0 | 
-| preserve | 是否监视没有对应的  | boolean | false | 5.4.0 | 
-
-
-
-
-<DemoTitle title="IconButton" desc="以图标为核心的轻量按钮组件，用于触发操作。">
-#### API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| icon | icon | ReactNode \| string |  | 
-| iconType | 百炼图标iconfont的key，依赖百炼的iconFont，例如bl-icon-add | string |  | 
-| bordered | 边框 | boolean | true | 
-| shape | 形状 | 'default' \| 'circle' | 'default' | 
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-通过设置 Button 的属性来产生不同的按钮样式，推荐顺序为：`type` -> `shape` -> `size` -> `loading` -> `disabled`。
-
-按钮的属性说明如下：
-
-| 属性 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| autoInsertSpace | 我们默认提供两个汉字之间的空格，可以设置  | boolean | true | 5.17.0 | 
-| block | 将按钮宽度调整为其父宽度的选项 | boolean | false |  | 
-| classNames | 语义化结构 class |  | - | 5.4.0 | 
-| color | 设置按钮的颜色 | default | - | default | 
-| danger | 语法糖，设置危险按钮。当设置  | boolean | false |  | 
-| disabled | 设置按钮失效状态 | boolean | false |  | 
-| ghost | 幽灵属性，使按钮背景透明 | boolean | false |  | 
-| href | 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 | string | - |  | 
-| htmlType | 设置  | submit | button |  | 
-| iconPosition | 设置按钮图标组件的位置 | start | start | 5.17.0 | 
-| loading | 设置按钮载入状态 | boolean \| { delay: number, icon: ReactNode } | false | icon: 5.23.0 | 
-| styles | 语义化结构 style |  | - | 5.4.0 | 
-| target | 相当于 a 链接的 target 属性，href 存在时生效 | string | - |  | 
-| onClick | 点击按钮时的回调 | (event: React.MouseEvent) => void | - |  | 
-| variant | 设置按钮的变体 | outlined | - | 5.21.0 | 
-
-
-支持原生 button 的其他所有属性。
-
-### PresetColors
-
-type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
-
-
-
-<DemoTitle title="FloatButton" desc="用于网站上的全局功能；无论浏览到何处都可以看见的按钮。">
-#### API
-
-<AntdApiRef url="https://ant.design/components/float-button-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-自 `antd@5.0.0` 版本开始提供该组件。
-
-### 共同的 API
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| icon | 自定义图标 | ReactNode | - |  | 
-| description | 文字及其它内容 | ReactNode | - |  | 
-| tooltip | 气泡卡片的内容 | ReactNode \|  | - | TooltipProps: 5.25.0 | 
-| type | 设置按钮类型 | default | default |  | 
-| shape | 设置按钮形状 | circle | circle |  | 
-| onClick | 点击按钮时的回调 | (event) => void | - |  | 
-| href | 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 | string | - |  | 
-| target | 相当于 a 标签的 target 属性，href 存在时生效 | string | - |  | 
-| htmlType | 设置  | submit | button | 5.21.0 | 
-| badge | 带徽标数字的悬浮按钮（不支持  |  | - | 5.4.0 | 
-
-
-### FloatButton.Group
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| shape | 设置包含的 FloatButton 按钮形状 | circle | circle |  | 
-| trigger | 触发方式（有触发方式为菜单模式） | click | - |  | 
-| open | 受控展开，需配合 trigger 一起使用 | boolean | - |  | 
-| closeIcon | 自定义关闭按钮 | React.ReactNode |  |  | 
-| placement | 自定义菜单弹出位置 | top | top | 5.21.0 | 
-| onOpenChange | 展开收起时的回调，需配合 trigger 一起使用 | (open: boolean) => void | - |  | 
-| onClick | 点击按钮时的回调（仅在菜单模式中有效） | (event) => void | - | 5.3.0 | 
-
-
-### FloatButton.BackTop
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| duration | 回到顶部所需时间（ms） | number | 450 |  | 
-| target | 设置需要监听其滚动事件的元素 | () => HTMLElement | () => window |  | 
-| visibilityHeight | 滚动高度达到此参数值才出现 BackTop | number | 400 |  | 
-| onClick | 点击按钮的回调函数 | () => void | - |  | 
-
-
-
-
-<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 | 
+| 名称 | 说明 | 类型 | 版本 | 
+|--------|--------|--------|--------|
+| defaultField | 仅在  |  |  | 
+| enum | 是否匹配枚举中的值（需要将  | any[] |  | 
+| fields | 仅在  | Record<string,  |  | 
+| len | string 类型时为字符串长度；number 类型时为确定数字； array 类型时为数组长度 | number |  | 
+| max | 必须设置  | number |  | 
+| message | 错误信息，不设置时会通过 | string \| ReactElement |  | 
+| min | 必须设置  | number |  | 
+| pattern | 正则表达式匹配 | RegExp |  | 
+| required | 是否为必选字段 | boolean |  | 
+| transform | 将字段值转换成目标值后进行校验 | (value) => any |  | 
+| type | 类型，常见有  | string |  | 
+| validateTrigger | 设置触发验证时机，必须是 Form.Item 的  | string \| string[] |  | 
+| validator | 自定义校验，接收 Promise 作为返回值。 | ( |  | 
+| warningOnly | 仅警告，不阻塞表单提交 | boolean | 4.17.0 | 
+| whitespace | 如果字段仅包含空格则校验不通过，只在  | boolean |  | 
 
 
-<AntdApiRef url="https://ant.design/components/empty-cn/#api"></AntdApiRef>
+### WatchOptions
 
+| 名称 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| form | 指定 Form 实例 | FormInstance | 当前 context 中的 Form | 5.4.0 | 
+| preserve | 是否监视没有对应的  | boolean | false | 5.4.0 | 
 
 
 
@@ -2975,41 +2932,46 @@ const dividerItem = {
 
 
 
-<DemoTitle title="Descriptions" desc="展示多个只读字段的组合">
-#### API
-
-<AntdApiRef url="https://ant.design/components/descriptions-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-### Descriptions
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| bordered | 是否展示边框 | boolean | false |  | 
-| colon | 配置  | boolean | true |  | 
-| column | 一行的  | number \|  | 3 |  | 
-| extra | 描述列表的操作区域，显示在右上方 | ReactNode | - | 4.5.0 | 
-| items | 描述列表项内容 |  | - | 5.8.0 | 
-| layout | 描述布局 | horizontal | horizontal |  | 
-| size | 设置列表的大小。可以设置为  | default | - |  | 
-| title | 描述列表的标题，显示在最顶部 | ReactNode | - |  | 
-| classNames | 语义化结构 class |  | - | 5.23.0 | 
-| styles | 语义化结构 style |  | - | 5.23.0 | 
+<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 | 
 
-### DescriptionItem
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| label | 内容的描述 | ReactNode | - |  | 
-| span | 包含列的数量（ | number\|  | 1 | screens: 5.9.0 | 
+<AntdApiRef url="https://ant.design/components/empty-cn/#api"></AntdApiRef>
 
 
-span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度。当同时配置 `style` 和 `labelStyle`（或 `contentStyle`）时，两者会同时作用。样式冲突时，后者会覆盖前者。
 
 
 
@@ -3077,6 +3039,44 @@ v5 使用 `rootClassName` 与 `rootStyle` 来配置最外层元素样式。原 v
 
 
 
+<DemoTitle title="Descriptions" desc="展示多个只读字段的组合">
+#### API
+
+<AntdApiRef url="https://ant.design/components/descriptions-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Descriptions
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| bordered | 是否展示边框 | boolean | false |  | 
+| colon | 配置  | boolean | true |  | 
+| column | 一行的  | number \|  | 3 |  | 
+| extra | 描述列表的操作区域，显示在右上方 | ReactNode | - | 4.5.0 | 
+| items | 描述列表项内容 |  | - | 5.8.0 | 
+| layout | 描述布局 | horizontal | horizontal |  | 
+| size | 设置列表的大小。可以设置为  | default | - |  | 
+| title | 描述列表的标题，显示在最顶部 | ReactNode | - |  | 
+| classNames | 语义化结构 class |  | - | 5.23.0 | 
+| styles | 语义化结构 style |  | - | 5.23.0 | 
+
+
+### DescriptionItem
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| label | 内容的描述 | ReactNode | - |  | 
+| span | 包含列的数量（ | number\|  | 1 | screens: 5.9.0 | 
+
+
+span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度。当同时配置 `style` 和 `labelStyle`（或 `contentStyle`）时，两者会同时作用。样式冲突时，后者会覆盖前者。
+
+
+
 <DemoTitle title="DatePicker" desc="输入或选择时间的控件。">
 #### API
 
@@ -3370,6 +3370,92 @@ 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
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| description | 描述文本 | string |  | 
+| descriptionClassName | 描述文本的样式类名 | string |  | 
+| descriptionStyle | 描述文本的内联样式 | React.CSSProperties |  | 
+
+
+<AntdApiRef url="https://ant.design/components/checkbox-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+#### Checkbox
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| autoFocus | 自动获取焦点 | boolean | false |  | 
+| checked | 指定当前是否选中 | boolean | false |  | 
+| defaultChecked | 初始是否选中 | boolean | false |  | 
+| disabled | 失效状态 | boolean | false |  | 
+| indeterminate | 设置 indeterminate 状态，只负责样式控制 | boolean | false |  | 
+| onChange | 变化时的回调函数 | (e: CheckboxChangeEvent) => void | - |  | 
+| onBlur | 失去焦点时的回调 | function() | - |  | 
+| onFocus | 获得焦点时的回调 | function() | - |  | 
+
+
+#### Checkbox.Group
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| defaultValue | 默认选中的选项 | (string \| number)[] | [] |  | 
+| disabled | 整组失效 | boolean | false |  | 
+| name | CheckboxGroup 下所有  | string | - |  | 
+| options | 指定可选项 | string[] \| number[] \| Option[] | [] |  | 
+| value | 指定选中的选项 | (string \| number \| boolean)[] | [] |  | 
+| title | 选项的 title | string | - |  | 
+| className | 选项的类名 | string | - | 5.25.0 | 
+| style | 选项的样式 | React.CSSProperties | - |  | 
+| onChange | 变化时的回调函数 | (checkedValue: T[]) => void | - |  | 
+
+
+##### Option
+
+
+```typescript
+interface Option {
+  label: string;
+  value: string;
+  disabled?: boolean;
+}
+```
+
+
+### 方法
+
+#### Checkbox
+
+| 名称 | 描述 | 版本 | 
+|--------|--------|--------|
+| blur() | 移除焦点 |  | 
+| focus() | 获取焦点 |  | 
+| nativeElement | 返回 Checkbox 的 DOM 节点 | 5.17.3 | 
+
+
+
+
 <DemoTitle title="Collapse" desc="可以折叠/展开的内容区域">
 #### API
 
@@ -3428,89 +3514,58 @@ 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="收集用户的多项选择。">
+<DemoTitle title="Button" desc="按钮用于开始一个即时操作。">
 #### API
 
 | 属性名 | 描述 | 类型 | 默认值 | 
 |--------|--------|--------|--------|
-| description | 描述文本 | string |  | 
-| descriptionClassName | 描述文本的样式类名 | string |  | 
-| descriptionStyle | 描述文本的内联样式 | React.CSSProperties |  | 
-
-
-<AntdApiRef url="https://ant.design/components/checkbox-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-#### Checkbox
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| autoFocus | 自动获取焦点 | boolean | false |  | 
-| checked | 指定当前是否选中 | boolean | false |  | 
-| defaultChecked | 初始是否选中 | boolean | false |  | 
-| disabled | 失效状态 | boolean | false |  | 
-| indeterminate | 设置 indeterminate 状态，只负责样式控制 | boolean | false |  | 
-| onChange | 变化时的回调函数 | (e: CheckboxChangeEvent) => void | - |  | 
-| onBlur | 失去焦点时的回调 | function() | - |  | 
-| onFocus | 获得焦点时的回调 | function() | - |  | 
-
+| size | 按钮大小 | 'small' \| 'middle' \| 'large' | 'middle' | 
+| type | 类型 | \| 'primary'
+    \| 'dashed'
+    \| 'link'
+    \| 'text'
+    \| 'default'
+    \| 'primaryLess'
+    \| 'textCompact' | 'deafult' | 
+| tooltipContent | hover上去tooltip的内容 | string \| ReactNode |  | 
+| iconType | 百炼图标iconfont的key，依赖ConfigProvider传入的iconfont，例如bl-icon-add | string |  | 
+| iconSize | 图标大小 | SparkIconFontProps['size'] |  | 
 
-#### Checkbox.Group
+<AntdApiRef url="https://ant.design/components/button-cn/#api"></AntdApiRef>
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| defaultValue | 默认选中的选项 | (string \| number)[] | [] |  | 
-| disabled | 整组失效 | boolean | false |  | 
-| name | CheckboxGroup 下所有  | string | - |  | 
-| options | 指定可选项 | string[] \| number[] \| Option[] | [] |  | 
-| value | 指定选中的选项 | (string \| number \| boolean)[] | [] |  | 
-| title | 选项的 title | string | - |  | 
-| className | 选项的类名 | string | - | 5.25.0 | 
-| style | 选项的样式 | React.CSSProperties | - |  | 
-| onChange | 变化时的回调函数 | (checkedValue: T[]) => void | - |  | 
 
+## antd API
 
-##### Option
+通用属性参考：[通用属性](/docs/react/common-props)
 
+通过设置 Button 的属性来产生不同的按钮样式，推荐顺序为：`type` -> `shape` -> `size` -> `loading` -> `disabled`。
 
-```typescript
-interface Option {
-  label: string;
-  value: string;
-  disabled?: boolean;
-}
-```
+按钮的属性说明如下：
 
+| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| autoInsertSpace | 我们默认提供两个汉字之间的空格，可以设置  | boolean | true | 5.17.0 | 
+| block | 将按钮宽度调整为其父宽度的选项 | boolean | false |  | 
+| classNames | 语义化结构 class |  | - | 5.4.0 | 
+| color | 设置按钮的颜色 | default | - | default | 
+| danger | 语法糖，设置危险按钮。当设置  | boolean | false |  | 
+| disabled | 设置按钮失效状态 | boolean | false |  | 
+| ghost | 幽灵属性，使按钮背景透明 | boolean | false |  | 
+| href | 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 | string | - |  | 
+| htmlType | 设置  | submit | button |  | 
+| iconPosition | 设置按钮图标组件的位置 | start | start | 5.17.0 | 
+| loading | 设置按钮载入状态 | boolean \| { delay: number, icon: ReactNode } | false | icon: 5.23.0 | 
+| styles | 语义化结构 style |  | - | 5.4.0 | 
+| target | 相当于 a 链接的 target 属性，href 存在时生效 | string | - |  | 
+| onClick | 点击按钮时的回调 | (event: React.MouseEvent) => void | - |  | 
+| variant | 设置按钮的变体 | outlined | - | 5.21.0 | 
 
-### 方法
 
-#### Checkbox
+支持原生 button 的其他所有属性。
 
-| 名称 | 描述 | 版本 | 
-|--------|--------|--------|
-| blur() | 移除焦点 |  | 
-| focus() | 获取焦点 |  | 
-| nativeElement | 返回 Checkbox 的 DOM 节点 | 5.17.3 | 
+### PresetColors
 
+type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
 
 
 
@@ -3577,61 +3632,6 @@ interface Option {
 
 
 
-<DemoTitle title="Button" desc="按钮用于开始一个即时操作。">
-#### API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| size | 按钮大小 | 'small' \| 'middle' \| 'large' | 'middle' | 
-| type | 类型 | \| 'primary'
-    \| 'dashed'
-    \| 'link'
-    \| 'text'
-    \| 'default'
-    \| 'primaryLess'
-    \| 'textCompact' | 'deafult' | 
-| tooltipContent | hover上去tooltip的内容 | string \| ReactNode |  | 
-| iconType | 百炼图标iconfont的key，依赖ConfigProvider传入的iconfont，例如bl-icon-add | string |  | 
-| iconSize | 图标大小 | SparkIconFontProps['size'] |  | 
-
-<AntdApiRef url="https://ant.design/components/button-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-通过设置 Button 的属性来产生不同的按钮样式，推荐顺序为：`type` -> `shape` -> `size` -> `loading` -> `disabled`。
-
-按钮的属性说明如下：
-
-| 属性 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| autoInsertSpace | 我们默认提供两个汉字之间的空格，可以设置  | boolean | true | 5.17.0 | 
-| block | 将按钮宽度调整为其父宽度的选项 | boolean | false |  | 
-| classNames | 语义化结构 class |  | - | 5.4.0 | 
-| color | 设置按钮的颜色 | default | - | default | 
-| danger | 语法糖，设置危险按钮。当设置  | boolean | false |  | 
-| disabled | 设置按钮失效状态 | boolean | false |  | 
-| ghost | 幽灵属性，使按钮背景透明 | boolean | false |  | 
-| href | 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 | string | - |  | 
-| htmlType | 设置  | submit | button |  | 
-| iconPosition | 设置按钮图标组件的位置 | start | start | 5.17.0 | 
-| loading | 设置按钮载入状态 | boolean \| { delay: number, icon: ReactNode } | false | icon: 5.23.0 | 
-| styles | 语义化结构 style |  | - | 5.4.0 | 
-| target | 相当于 a 链接的 target 属性，href 存在时生效 | string | - |  | 
-| onClick | 点击按钮时的回调 | (event: React.MouseEvent) => void | - |  | 
-| variant | 设置按钮的变体 | outlined | - | 5.21.0 | 
-
-
-支持原生 button 的其他所有属性。
-
-### PresetColors
-
-type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
-
-
-
 <DemoTitle title="Breadcrumb" desc="显示当前页面在系统层级结构中的位置，并能向上返回。">
 #### API
 
@@ -3852,6 +3852,40 @@ ApiParser解析结果为空
 
 
 
+<DemoTitle title="Alert" desc="向用户突出显示的重要提示信息。">
+#### API
+
+<AntdApiRef url="https://ant.design/components/alert-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| action | 自定义操作项 | ReactNode | - | 4.9.0 | 
+| afterClose | 关闭动画结束后触发的回调函数 | () => void | - |  | 
+| banner | 是否用作顶部公告 | boolean | false |  | 
+| closable | 可关闭配置，>=5.15.0: 支持  | boolean \| ({ closeIcon?: React.ReactNode } & React.AriaAttributes) | false |  | 
+| description | 警告提示的辅助性文字介绍 | ReactNode | - |  | 
+| icon | 自定义图标， | ReactNode | - |  | 
+| message | 警告提示内容 | ReactNode | - |  | 
+| showIcon | 是否显示辅助图标 | boolean | false， |  | 
+| type | 指定警告提示的样式，有四种选择  | string | info |  | 
+| onClose | 关闭时触发的回调函数 | (e: MouseEvent) => void | - |  | 
+
+
+### Alert.ErrorBoundary
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| description | 自定义错误内容，如果未指定会展示报错堆栈 | ReactNode | {{ error stack }} |  | 
+| message | 自定义错误标题，如果未指定会展示原生报错信息 | ReactNode | {{ error }} |  | 
+
+
+
+
 <DemoTitle title="AlertDialog" desc="一种在界面中弹出的对话框，用来向用户传达重要信息，并引导其进行确认或取消等操作。">
 #### API
 
@@ -4025,40 +4059,6 @@ const confirmed = await modal.confirm({ ... });
 
 
 
-<DemoTitle title="Alert" desc="向用户突出显示的重要提示信息。">
-#### API
-
-<AntdApiRef url="https://ant.design/components/alert-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| action | 自定义操作项 | ReactNode | - | 4.9.0 | 
-| afterClose | 关闭动画结束后触发的回调函数 | () => void | - |  | 
-| banner | 是否用作顶部公告 | boolean | false |  | 
-| closable | 可关闭配置，>=5.15.0: 支持  | boolean \| ({ closeIcon?: React.ReactNode } & React.AriaAttributes) | false |  | 
-| description | 警告提示的辅助性文字介绍 | ReactNode | - |  | 
-| icon | 自定义图标， | ReactNode | - |  | 
-| message | 警告提示内容 | ReactNode | - |  | 
-| showIcon | 是否显示辅助图标 | boolean | false， |  | 
-| type | 指定警告提示的样式，有四种选择  | string | info |  | 
-| onClose | 关闭时触发的回调函数 | (e: MouseEvent) => void | - |  | 
-
-
-### Alert.ErrorBoundary
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| description | 自定义错误内容，如果未指定会展示报错堆栈 | ReactNode | {{ error stack }} |  | 
-| message | 自定义错误标题，如果未指定会展示原生报错信息 | ReactNode | {{ error }} |  | 
-
-
-
-
 ## 内置主题
 
 Alibaba Cloud Spark Design 提供四种内置主题：
@@ -4084,92 +4084,40 @@ export default App;
 
 ## 从 Antd token 生成您自己的主题
 
-如果您已经有了 Antd 主题，仍然可以使用 generateThemeByToken 生成 spark 风格的主题
-
-
-```tsx
-import { ConfigProvider, generateThemeByToken } from '@agentscope-ai/design';
-const yourToken = {
-  borderRadiusXS: 2,
-  borderRadiusSM: 4,
-  borderRadius: 6,
-  borderRadiusLG: 8,
-  borderRadiusXL: 12,
-  borderRadiusFull: 999,
-  wireframe: false,
-  colorPrimaryBg: '#F2F0FF',
-  colorPrimaryBgHover: '#F2F0FF',
-  colorPrimaryBorder: '#E2DEFF',
-  colorPrimaryBorderHover: '#BCB5FF',
-  // ... 您可以在下一个文档中找到完整版本的 tokens：Tokens 和 CSS 变量
-};
-const darkMode = false;
-const yourThemeWithSparkStyle = generateThemeByToken(yourToken, darkMode);
-const App = () => {
-  return (
-    <ConfigProvider {...yourThemeWithSparkStyle}>
-      Hello Spark Design!
-    </ConfigProvider>
-  );
-};
-
-export default App;
-```
-
-
-您仍然可以修改生成的主题：`yourThemeWithSparkStyle`，但不建议这样做。我们建议您保持原始主题以获得 Spark Design 的最佳体验。
-
-
-
-<div align="center"><a name="readme-top"></a>
-  <img height="120" src="https://img.alicdn.com/imgextra/i1/O1CN01ipemFb1EzmZI9LiTe_!!6000000000423-55-tps-28-28.svg" style="border: none">
-  <h1>Alibaba Cloud Spark Design</h1>
-</div>
-
-# 概述
-
-Alibaba Cloud Spark Design 是一个基于 Ant Design 的 React UI 组件库，包含丰富的基础组件和场景组件，专为构建优秀的 LLM 产品而设计。
-<br />
-<br />
-
-## ✨ 特性
-
-
-- <img height="15" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"> 基于 Ant Design，兼容 Ant Design 生态系统。您可以无需修改代码即可切换到 Spark Design。
-- 🛡 使用 TypeScript 编写，具有可预测的静态类型。
-- 🧠 为 LLM 产品设计的各种场景组件。
-- 💡 与@agentscope-ai/chat 和 @agentscope-ai/flow 配合使用，构建企业级 LLM 应用。
-- 🎨 多种预设主题。
-- ☀️ 轻松切换明暗模式。
-
-## 📦 安装
-
-
-```bash
-npm install antd @agentscope-ai/icons @agentscope-ai/design --save
-```
-
-
-## Tree Shaking 支持
-
-@agentscope-ai/design 默认基于 ES 模块支持 tree shaking
-
-## TypeScript
-
-@agentscope-ai/chat 使用 TypeScript 编写并提供完整的定义文件。
+如果您已经有了 Antd 主题，仍然可以使用 generateThemeByToken 生成 spark 风格的主题
 
-## 内置主题
 
-我们提供四种内置主题：
+```tsx
+import { ConfigProvider, generateThemeByToken } from '@agentscope-ai/design';
+const yourToken = {
+  borderRadiusXS: 2,
+  borderRadiusSM: 4,
+  borderRadius: 6,
+  borderRadiusLG: 8,
+  borderRadiusXL: 12,
+  borderRadiusFull: 999,
+  wireframe: false,
+  colorPrimaryBg: '#F2F0FF',
+  colorPrimaryBgHover: '#F2F0FF',
+  colorPrimaryBorder: '#E2DEFF',
+  colorPrimaryBorderHover: '#BCB5FF',
+  // ... 您可以在下一个文档中找到完整版本的 tokens：Tokens 和 CSS 变量
+};
+const darkMode = false;
+const yourThemeWithSparkStyle = generateThemeByToken(yourToken, darkMode);
+const App = () => {
+  return (
+    <ConfigProvider {...yourThemeWithSparkStyle}>
+      Hello Spark Design!
+    </ConfigProvider>
+  );
+};
 
-<div><span style="display: inline-block; width: 12px; height: 12px; background-color: #615CED;"></span> purpleTheme</div>
-<div><span style="display: inline-block; width: 12px; height: 12px; background-color: #5551CC;"></span> purpleDarkTheme（暗色模式）</div>
-<div><span style="display: inline-block; width: 12px; height: 12px; background-color: rgba(26, 26, 29, 1);"></span> carbonTheme</div>
-<div><span style="display: inline-block; width: 12px; height: 12px; background-color: #676767;"></span> carbonDarkTheme（暗色模式）</div>
+export default App;
+```
 
-## 🏗️ 开源
 
-[@agentscope-ai/design](https://www.npmjs.com/package/@agentscope-ai/design) 和 [@agentscope-ai/chat](https://www.npmjs.com/package/@agentscope-ai/chat) 正在积极推进开源，预计将在 2025 年底完成。目前，您可以通过 npm 访问我们的项目。
+您仍然可以修改生成的主题：`yourThemeWithSparkStyle`，但不建议这样做。我们建议您保持原始主题以获得 Spark Design 的最佳体验。
 
 
 
@@ -4244,19 +4192,95 @@ export default App;
 
 
 
-# 从 Antd 迁移
+<div align="center"><a name="readme-top"></a>
+  <img height="120" src="https://img.alicdn.com/imgextra/i1/O1CN01ipemFb1EzmZI9LiTe_!!6000000000423-55-tps-28-28.svg" style="border: none">
+  <h1>Alibaba Cloud Spark Design</h1>
+</div>
+
+# 概述
+
+Alibaba Cloud Spark Design 是一个基于 Ant Design 的 React UI 组件库，包含丰富的基础组件和场景组件，专为构建优秀的 LLM 产品而设计。
+<br />
+<br />
+
+## ✨ 特性
+
+
+- <img height="15" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"> 基于 Ant Design，兼容 Ant Design 生态系统。您可以无需修改代码即可切换到 Spark Design。
+- 🛡 使用 TypeScript 编写，具有可预测的静态类型。
+- 🧠 为 LLM 产品设计的各种场景组件。
+- 💡 与@agentscope-ai/chat 和 @agentscope-ai/flow 配合使用，构建企业级 LLM 应用。
+- 🎨 多种预设主题。
+- ☀️ 轻松切换明暗模式。
 
 ## 📦 安装
 
 
 ```bash
-$ npm install @agentscope-ai/icons @agentscope-ai/design --save
+npm install antd @agentscope-ai/icons @agentscope-ai/design --save
 ```
 
 
-## 🔨 使用
+## Tree Shaking 支持
 
-从 @agentscope-ai/design 导出的所有同名组件在 API 方面都与 antd 的对应组件兼容，这意味着您无需学习如何使用它们。如果您想充分利用 Alibaba Cloud Spark Design 的新功能，可以尝试使用这些组件而不是 antd 的组件。
+@agentscope-ai/design 默认基于 ES 模块支持 tree shaking
+
+## TypeScript
+
+@agentscope-ai/chat 使用 TypeScript 编写并提供完整的定义文件。
+
+## 内置主题
+
+我们提供四种内置主题：
+
+<div><span style="display: inline-block; width: 12px; height: 12px; background-color: #615CED;"></span> purpleTheme</div>
+<div><span style="display: inline-block; width: 12px; height: 12px; background-color: #5551CC;"></span> purpleDarkTheme（暗色模式）</div>
+<div><span style="display: inline-block; width: 12px; height: 12px; background-color: rgba(26, 26, 29, 1);"></span> carbonTheme</div>
+<div><span style="display: inline-block; width: 12px; height: 12px; background-color: #676767;"></span> carbonDarkTheme（暗色模式）</div>
+
+## 🏗️ 开源
+
+[@agentscope-ai/design](https://www.npmjs.com/package/@agentscope-ai/design) 和 [@agentscope-ai/chat](https://www.npmjs.com/package/@agentscope-ai/chat) 正在积极推进开源，预计将在 2025 年底完成。目前，您可以通过 npm 访问我们的项目。
+
+
+
+# 使用
+
+
+
+```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
+
+
+
+# 从零开始使用
+
+## 📦 安装
+
+
+```bash
+$ npm install antd @agentscope-ai/icons @agentscope-ai/design --save
+```
+
+
+## 🔨 使用
 
 
 ```tsx
@@ -4329,17 +4353,33 @@ export default App;
 ```
 
 
-如果您想继续使用 antd 的组件，那也没问题。您只需要将 antd 的 ConfigProvider 替换为 @agentscope-ai/design 的即可。
+
+
+# 从 Antd 迁移
+
+## 📦 安装
+
+
+```bash
+$ npm install @agentscope-ai/icons @agentscope-ai/design --save
+```
+
+
+## 🔨 使用
+
+从 @agentscope-ai/design 导出的所有同名组件在 API 方面都与 antd 的对应组件兼容，这意味着您无需学习如何使用它们。如果您想充分利用 Alibaba Cloud Spark Design 的新功能，可以尝试使用这些组件而不是 antd 的组件。
 
 
 ```tsx
 import {
+  Button,
+  Image,
   ConfigProvider,
   purpleDarkTheme,
   purpleTheme,
 } from '@agentscope-ai/design';
-import { Button, Image, Flex } from 'antd';
 import { SparkSunLine, SparkMoonLine } from '@agentscope-ai/icons';
+import { Flex } from 'antd';
 import zhCN from 'antd/locale/zh_CN';
 import { useState } from 'react';
 
@@ -4400,87 +4440,17 @@ 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
-
-为了让 Cursor 和 Claude Code 等工具理解 Spark Design，我们支持 LLMs.txt 文件，使 Spark Design 的文档可供大型语言模型使用。
-
-
-- [index.llms.txt](https://g.alicdn.com/code/npm/@ali/agentscope-ai-design/4.7.2/docs-dist/llms/index.llms.txt)：主要的 LLMs.txt 索引文件
-- [all.llms.txt](https://g.alicdn.com/code/npm/@ali/agentscope-ai-design/4.7.2/docs-dist/llms/all.llms.txt)：Spark Design 的完整文档
-
-在 Cursor 中使用 @Docs 功能将 LLMs.txt 文件包含在您的项目中。[了解更多](https://docs.cursor.com/en/context/@-symbols/@-docs)
-
-## D2C
-
-在前端使用 Alibaba Cloud Spark Design、设计稿使用 Spark Design 套件的前提下，通过 masterGo 视觉稿生成代码可以做到以下几点：
-
-
-- 准确识别 icon
-- 使用标准 css token
-- 无需测量间距、圆角等数据，AI 直接还原布局（90%以上概率准确生成）
-- 使用标准组件还原页面，大部分标准组件可一次性正确生成，无需二次调整
-
-<div>
-<video style="width: 100%" controls src="https://cloud.video.taobao.com/vod/PrrYzvYJkoDlbJwoL8Ei1Bo_60LrKAROCojWxB_EAYs.mp4" />
-</div>
-
-我们会在不久的将来开放 masterGo 的设计套件和 rules，帮助您高效率还原视觉稿
-
-
-
-# 从零开始使用
-
-## 📦 安装
-
-
-```bash
-$ npm install antd @agentscope-ai/icons @agentscope-ai/design --save
-```
-
-
-## 🔨 使用
+如果您想继续使用 antd 的组件，那也没问题。您只需要将 antd 的 ConfigProvider 替换为 @agentscope-ai/design 的即可。
 
 
 ```tsx
 import {
-  Button,
-  Image,
   ConfigProvider,
   purpleDarkTheme,
   purpleTheme,
 } from '@agentscope-ai/design';
+import { Button, Image, Flex } from 'antd';
 import { SparkSunLine, SparkMoonLine } from '@agentscope-ai/icons';
-import { Flex } from 'antd';
 import zhCN from 'antd/locale/zh_CN';
 import { useState } from 'react';
 
@@ -4543,6 +4513,36 @@ export default App;
 
 
 
+# Vibe 编程
+
+## LLMs.txt
+
+为了让 Cursor 和 Claude Code 等工具理解 Spark Design，我们支持 LLMs.txt 文件，使 Spark Design 的文档可供大型语言模型使用。
+
+
+- [index.llms.txt](https://g.alicdn.com/code/npm/@ali/agentscope-ai-design/4.7.2/docs-dist/llms/index.llms.txt)：主要的 LLMs.txt 索引文件
+- [all.llms.txt](https://g.alicdn.com/code/npm/@ali/agentscope-ai-design/4.7.2/docs-dist/llms/all.llms.txt)：Spark Design 的完整文档
+
+在 Cursor 中使用 @Docs 功能将 LLMs.txt 文件包含在您的项目中。[了解更多](https://docs.cursor.com/en/context/@-symbols/@-docs)
+
+## D2C
+
+在前端使用 Alibaba Cloud Spark Design、设计稿使用 Spark Design 套件的前提下，通过 masterGo 视觉稿生成代码可以做到以下几点：
+
+
+- 准确识别 icon
+- 使用标准 css token
+- 无需测量间距、圆角等数据，AI 直接还原布局（90%以上概率准确生成）
+- 使用标准组件还原页面，大部分标准组件可一次性正确生成，无需二次调整
+
+<div>
+<video style="width: 100%" controls src="https://cloud.video.taobao.com/vod/PrrYzvYJkoDlbJwoL8Ei1Bo_60LrKAROCojWxB_EAYs.mp4" />
+</div>
+
+我们会在不久的将来开放 masterGo 的设计套件和 rules，帮助您高效率还原视觉稿
+
+
+
 # Tokens
 
 除了来自 [antd](https://ant.design/theme-editor) 的固有 tokens 之外，Spark Design 在原有基础上扩展了更多变量。完整的 token 示例如下所示：
@@ -4925,7 +4925,8 @@ export default App;
   "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",
- "colorTextOnPrimary": "#000000",
+ "colorTextBlack": "#000000",
+ "colorTextOnPrimary": "#ffffff",
   "colorFillDisable": "#898989",
   "colorPurple": "#615CED",
   "colorPurpleHover": "#8383F0",
@@ -4957,8 +4958,8 @@ export default App;
 
   "boxShadowTertiary": "0px 12px 32px -16px rgba(255, 255, 255, 0.24),0px 12px 60px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
   "boxShadowTertiaryLeft": "-12px 0px 32px -16px rgba(255, 255, 255, 0.24),-12px 0px 60px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
-  "boxShadowInput": "0px 12px 24px -16px rgba(255, 255, 255, 0.08),0px 12px 40px 0px rgba(255, 255, 255, 0.16),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
-  "colorTextBlack": "#000000"
+  "boxShadowInput": "0px 12px 24px -16px rgba(255, 255, 255, 0.08),0px 12px 40px 0px rgba(255, 255, 255, 0.16),0px 0px 1px 0px rgba(255, 255, 255, 0.04)"
+
 }
 ```
 
@@ -4974,3 +4975,23 @@ Spark Design 默认启用 cssVar 模式，因此您可以利用 从 token 派生
 }
 // 提示：您可以将 'sps' 替换为您自己的前缀
 ```
+
+
+
+
+### 1.0.21
+`2025-12-25`
+
+##### Changed
+
+- AlertDialog 组件：定位距离顶部的默认高度调整为当前窗口高度的 36%
+- Table 组件：表格行 hover 背景色修改为 `color-bg-layout` 颜色变量；表格行选中背景色修改为 `color-primary-bg-hover` 颜色变量
+- Select 组件：多选模式的选中项背景色调整
+- 主题色变量更新：,
+  - bailianDarkTheme：添加 `"colorLinkHover": "#857DE3"`
+  - bailianTheme：添加 `"colorLinkHover": "#8080FF"`
+  - carbonDarkTheme：修改 `"colorTextOnPrimary": "#ffffff"`
+
+##### Fixed
+
+- Slider 组件：水平滑动条组件取消默认左右两边的外边距 margin，操作按钮 handle 在最左侧与最右侧不超出滑动轨道宽度