npm - @agentscope-ai/design - Versions diffs - 1.0.15-rc.1 → 1.0.16-rc.0 - Mend

@agentscope-ai/design 1.0.15-rc.1 → 1.0.16-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/lib/components/commonComponents/SliderSelector/index.d.ts +1 -1
package/lib/components/commonComponents/SliderSelector/index.js +8 -4
package/lib/components/commonComponents/Steps/index.js +2 -1
package/llms/all.llms.txt +614 -614
package/llms/index.llms.txt +47 -47
package/package.json +3 -3

package/llms/all.llms.txt CHANGED Viewed

@@ -151,41 +151,6 @@
-<DemoTitle title="Tag" desc="进行标记和分类的小标签">
-#### API
-| 属性名 | 描述 | 类型 | 默认值 |
-|--------|--------|--------|--------|
-| size | 尺寸 | 'small' \| 'middle' | 'middle' |
-| color | 标签色 | SparkTagColors \| string | 'purple' |
-<AntdApiRef url="https://ant.design/components/tag-cn/#api"></AntdApiRef>
-## antd API
-通用属性参考：[通用属性](/docs/react/common-props)
-### Tag
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-|--------|--------|--------|--------|--------|
-| closeIcon | 自定义关闭按钮。5.7.0：设置为  | ReactNode | false | 4.4.0 |
-| icon | 设置图标 | ReactNode | - |  |
-| bordered | 是否有边框 | boolean | true | 5.4.0 |
-| onClose | 关闭时的回调（可通过  | (e: React.MouseEvent) => void | - |  |
-### Tag.CheckableTag
-| 参数 | 说明 | 类型 | 默认值 |
-|--------|--------|--------|--------|
-| checked | 设置标签的选中状态 | boolean | false |
-| onChange | 点击标签时触发的回调 | (checked) => void | - |
 <DemoTitle title="TimePicker" desc="输入或选择时间的控件。">
 #### API
@@ -299,6 +264,41 @@ type RangeDisabledTime = (
+<DemoTitle title="Tag" desc="进行标记和分类的小标签">
+#### API
+| 属性名 | 描述 | 类型 | 默认值 |
+|--------|--------|--------|--------|
+| size | 尺寸 | 'small' \| 'middle' | 'middle' |
+| color | 标签色 | SparkTagColors \| string | 'purple' |
+<AntdApiRef url="https://ant.design/components/tag-cn/#api"></AntdApiRef>
+## antd API
+通用属性参考：[通用属性](/docs/react/common-props)
+### Tag
+| 参数 | 说明 | 类型 | 默认值 | 版本 |
+|--------|--------|--------|--------|--------|
+| closeIcon | 自定义关闭按钮。5.7.0：设置为  | ReactNode | false | 4.4.0 |
+| icon | 设置图标 | ReactNode | - |  |
+| bordered | 是否有边框 | boolean | true | 5.4.0 |
+| onClose | 关闭时的回调（可通过  | (e: React.MouseEvent) => void | - |  |
+### Tag.CheckableTag
+| 参数 | 说明 | 类型 | 默认值 |
+|--------|--------|--------|--------|
+| checked | 设置标签的选中状态 | boolean | false |
+| onChange | 点击标签时触发的回调 | (checked) => void | - |
 <DemoTitle title="Tabs" desc="用户可以通过点击不同的标签在同一页面中查看不同的内容区域。">
 #### API
@@ -724,6 +724,70 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
+<DemoTitle title="Slider" desc="滑动型输入器，展示当前值和可选范围。">
+#### API
+<AntdApiRef url="https://ant.design/components/slider-cn/#api"></AntdApiRef>
+## antd API
+通用属性参考：[通用属性](/docs/react/common-props)
+| 参数 | 说明 | 类型 | 默认值 | 版本 |
+|--------|--------|--------|--------|--------|
+| autoFocus | 自动获取焦点 | boolean | false |  |
+| classNames | 语义化结构 className |  | - | 5.10.0 |
+| defaultValue | 设置初始取值。当  | number \| [number, number] | 0 \| [0, 0] |  |
+| disabled | 值为 true 时，滑块为禁用状态 | boolean | false |  |
+| keyboard | 支持使用键盘操作 handler | boolean | true | 5.2.0+ |
+| dots | 是否只能拖拽到刻度上 | boolean | false |  |
+| included | marks | boolean | true |  |
+| marks | 刻度标记，key 的类型必须为  | object | { number: ReactNode } or { number: { style: CSSProperties, label: ReactNode } } |  |
+| max | 最大值 | number | 100 |  |
+| min | 最小值 | number | 0 |  |
+| range | 双滑块模式 | boolean \|  | false |  |
+| reverse | 反向坐标轴 | boolean | false |  |
+| step | 步长，取值必须大于 0，并且可被 (max - min) 整除。当  | number \| null | 1 |  |
+| styles | 语义化结构 styles |  | - | 5.10.0 |
+| tooltip | 设置 Tooltip 相关属性 |  | - | 4.23.0 |
+| value | 设置当前取值。当  | number \| [number, number] | - |  |
+| vertical | 值为 true 时，Slider 为垂直方向 | boolean | false |  |
+| onChangeComplete | 与  | (value) => void | - |  |
+| onChange | 当 Slider 的值发生改变时，会触发 onChange 事件，并把改变后的值作为参数传入 | (value) => void | - |  |
+### range
+| 参数 | 说明 | 类型 | 默认值 | 版本 |
+|--------|--------|--------|--------|--------|
+| draggableTrack | 范围刻度是否可被拖拽 | boolean | false |  |
+| editable | 启动动态增减节点，不能和  | boolean | false | 5.20.0 |
+| minCount | 配置  | number | 0 | 5.20.0 |
+| maxCount | 配置  | number | - | 5.20.0 |
+### tooltip
+| 参数 | 说明 | 类型 | 默认值 | 版本 |
+|--------|--------|--------|--------|--------|
+| autoAdjustOverflow | 是否自动调整弹出位置 | boolean | true | 5.8.0 |
+| open | 值为 true 时，Tooltip 将会始终显示；否则始终不显示，哪怕在拖拽及移入时 | boolean | - | 4.23.0 |
+| placement | 设置 Tooltip 展示位置。参考  | string | - | 4.23.0 |
+| getPopupContainer | Tooltip 渲染父节点，默认渲染到 body 上 | (triggerNode) => HTMLElement | () => document.body | 4.23.0 |
+| formatter | Slider 会把当前值传给  | value => ReactNode \| null | IDENTITY | 4.23.0 |
+## 方法
+| 名称 | 描述 | 版本 |
+|--------|--------|--------|
+| blur() | 移除焦点 |  |
+| focus() | 获取焦点 |  |
 <DemoTitle title="Statistic" desc="展示统计数值">
 #### API
@@ -801,70 +865,6 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
-<DemoTitle title="Slider" desc="滑动型输入器，展示当前值和可选范围。">
-#### API
-<AntdApiRef url="https://ant.design/components/slider-cn/#api"></AntdApiRef>
-## antd API
-通用属性参考：[通用属性](/docs/react/common-props)
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-|--------|--------|--------|--------|--------|
-| autoFocus | 自动获取焦点 | boolean | false |  |
-| classNames | 语义化结构 className |  | - | 5.10.0 |
-| defaultValue | 设置初始取值。当  | number \| [number, number] | 0 \| [0, 0] |  |
-| disabled | 值为 true 时，滑块为禁用状态 | boolean | false |  |
-| keyboard | 支持使用键盘操作 handler | boolean | true | 5.2.0+ |
-| dots | 是否只能拖拽到刻度上 | boolean | false |  |
-| included | marks | boolean | true |  |
-| marks | 刻度标记，key 的类型必须为  | object | { number: ReactNode } or { number: { style: CSSProperties, label: ReactNode } } |  |
-| max | 最大值 | number | 100 |  |
-| min | 最小值 | number | 0 |  |
-| range | 双滑块模式 | boolean \|  | false |  |
-| reverse | 反向坐标轴 | boolean | false |  |
-| step | 步长，取值必须大于 0，并且可被 (max - min) 整除。当  | number \| null | 1 |  |
-| styles | 语义化结构 styles |  | - | 5.10.0 |
-| tooltip | 设置 Tooltip 相关属性 |  | - | 4.23.0 |
-| value | 设置当前取值。当  | number \| [number, number] | - |  |
-| vertical | 值为 true 时，Slider 为垂直方向 | boolean | false |  |
-| onChangeComplete | 与  | (value) => void | - |  |
-| onChange | 当 Slider 的值发生改变时，会触发 onChange 事件，并把改变后的值作为参数传入 | (value) => void | - |  |
-### range
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-|--------|--------|--------|--------|--------|
-| draggableTrack | 范围刻度是否可被拖拽 | boolean | false |  |
-| editable | 启动动态增减节点，不能和  | boolean | false | 5.20.0 |
-| minCount | 配置  | number | 0 | 5.20.0 |
-| maxCount | 配置  | number | - | 5.20.0 |
-### tooltip
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-|--------|--------|--------|--------|--------|
-| autoAdjustOverflow | 是否自动调整弹出位置 | boolean | true | 5.8.0 |
-| open | 值为 true 时，Tooltip 将会始终显示；否则始终不显示，哪怕在拖拽及移入时 | boolean | - | 4.23.0 |
-| placement | 设置 Tooltip 展示位置。参考  | string | - | 4.23.0 |
-| getPopupContainer | Tooltip 渲染父节点，默认渲染到 body 上 | (triggerNode) => HTMLElement | () => document.body | 4.23.0 |
-| formatter | Slider 会把当前值传给  | value => ReactNode \| null | IDENTITY | 4.23.0 |
-## 方法
-| 名称 | 描述 | 版本 |
-|--------|--------|--------|
-| blur() | 移除焦点 |  |
-| focus() | 获取焦点 |  |
 <DemoTitle title="Skeleton" desc="在内容加载时提供占位图形展示。">
 ## antd API
@@ -926,99 +926,12 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
-<DemoTitle title="Result" desc="为操作结果提供反馈信息的展示。">
-## API
-| 属性名 | 描述 | 类型 | 默认值 |
-|--------|--------|--------|--------|
-| texture | 是否显示纹理 | boolean | false |
-<DemoTitle title="RadioButton" desc="用于在多个备选项中选中单个状态。">
-#### API
-| 属性名 | 描述 | 类型 | 默认值 |
-|--------|--------|--------|--------|
-| bordered | 边框 | boolean | false |
-| ghost | 按钮背景色类型 | boolean | true |
-| gap | 间距 | number | 12 px |
-<AntdApiRef url="https://ant.design/components/radio-cn/#api"></AntdApiRef>
+<DemoTitle title="Select" desc="下拉选择器">
 ## 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 | - |
-### Radio.Group
-单选框组合，用于包裹一组 `Radio`。
-<!-- 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) | - |  |  |
-### 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="Select" desc="下拉选择器">
-## antd API
-通用属性参考：[通用属性](/docs/react/common-props)
-### Select props
+### Select props
 | 参数 | 说明 | 类型 | 默认值 | 版本 |
 |--------|--------|--------|--------|--------|
@@ -1111,19 +1024,89 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
-<DemoTitle title="MdEditor" desc="提示词编辑器，可以高亮 Markdown 的语法，支持自定义槽位变量的插入">
+<DemoTitle title="Result" desc="为操作结果提供反馈信息的展示。">
+## API
+| 属性名 | 描述 | 类型 | 默认值 |
+|--------|--------|--------|--------|
+| texture | 是否显示纹理 | boolean | false |
+<DemoTitle title="RadioButton" desc="用于在多个备选项中选中单个状态。">
 #### API
 | 属性名 | 描述 | 类型 | 默认值 |
 |--------|--------|--------|--------|
-| maxLength | 可以输入内容的最大长度 | number |  |
-| value | 输入的内容 | string | (必填) |
-| className | 输入内容的类名 | string |  |
-| onChange | 输入内容的回调 | (value: string) => void |  |
-| variables | 可以插入的变量列表 | Array |  |
-| onCreate | 新增变量的触发回调 | () => void |  |
-| createBtnText | 新增变量的按钮文本 | string |  |
-| tipsText | 提示文本，传入 false 时隐藏提示 | string \| React.ReactNode \| false |  |
+| bordered | 边框 | boolean | false |
+| ghost | 按钮背景色类型 | boolean | true |
+| gap | 间距 | number | 12 px |
+<AntdApiRef url="https://ant.design/components/radio-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 | - |
+### Radio.Group
+单选框组合，用于包裹一组 `Radio`。
+<!-- 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) | - |  |  |
+### 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() | 获取焦点 |
@@ -1196,6 +1179,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="Progress" desc="用于指示任务的完成进度">
 ## antd API
@@ -1248,6 +1248,50 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
+<DemoTitle title="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
+#### API
+<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
+## antd API
+通用属性参考：[通用属性](/docs/react/common-props)
+| 参数 | 说明 | 类型 | 默认值 | 版本 |
+|--------|--------|--------|--------|--------|
+| content | 卡片内容 | ReactNode \| () => ReactNode | - |  |
+| 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 |
+## 注意
+请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
 <DemoTitle title="Popconfirm" desc="点击元素，弹出气泡式的确认框。">
 #### API
@@ -1305,6 +1349,53 @@ 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
@@ -1401,97 +1492,6 @@ notification.config({
-<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="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
-#### API
-<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
-## antd API
-通用属性参考：[通用属性](/docs/react/common-props)
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-|--------|--------|--------|--------|--------|
-| content | 卡片内容 | ReactNode \| () => ReactNode | - |  |
-| 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 |
-## 注意
-请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
 <DemoTitle title="Modal" desc="用于叠加当前页面上的对话框窗口，提供标题、内容区、操作区。">
 #### API
@@ -1762,190 +1762,55 @@ message.config({
-<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="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 |  |
+<DemoTitle title="InputNumber" desc="通过鼠标或键盘，输入范围内的数值。">
+#### API
+<AntdApiRef url="https://ant.design/components/input-number-cn/#api"></AntdApiRef>
-### Input.OTP
-`5.16.0` 新增。
+## antd API
-开发者注意事项：当 `mask` 属性的类型为 string 时，我们强烈推荐接收单个字符或单个 emoji，如果传入多个字符或多个 emoji，则会在控制台抛出警告。
+通用属性参考：[通用属性](/docs/react/common-props)
 | 参数 | 说明 | 类型 | 默认值 | 版本 |
 |--------|--------|--------|--------|--------|
-| 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 |
+| 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 |
-#### Input Methods
+## Ref
 | 名称 | 说明 | 参数 | 版本 |
 |--------|--------|--------|--------|
-| blur | 取消焦点 | - |  |
-| focus | 获取焦点 | (option?: { preventScroll?: boolean, cursor?: 'start' \| 'end' \| 'all' }) | option - 4.10.0 |
+| blur() | 移除焦点 | - |  |
+| focus() | 获取焦点 | (option?: { preventScroll?: boolean, cursor?: 'start' \| 'end' \| 'all' }) | cursor - 5.22.0 |
+| nativeElement | 获取原生 DOM 元素 | - | 5.17.3 |
@@ -2117,6 +1982,141 @@ type TransformAction =
+<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="IconButton" desc="以图标为核心的轻量按钮组件，用于触发操作。">
 #### API
@@ -3475,91 +3475,36 @@ export type FormatType =
 | 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="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>
+| 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
-通用属性参考：[通用属性](/docs/react/common-props)
+##### Option
-通过设置 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 |
+### 方法
-支持原生 button 的其他所有属性。
+#### Checkbox
-### PresetColors
+| 名称 | 描述 | 版本 |
+|--------|--------|--------|
+| blur() | 移除焦点 |  |
+| focus() | 获取焦点 |  |
+| nativeElement | 返回 Checkbox 的 DOM 节点 | 5.17.3 |
-type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
@@ -3626,6 +3571,61 @@ type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' |
+<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
@@ -4044,58 +4044,6 @@ const confirmed = await modal.confirm({ ... });
-<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 编写并提供完整的定义文件。
-## 内置主题
-我们提供四种内置主题：
-<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 访问我们的项目。
 ## 内置主题
 Alibaba Cloud Spark Design 提供四种内置主题：
@@ -4158,6 +4106,58 @@ export default App;
+<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 编写并提供完整的定义文件。
+## 内置主题
+我们提供四种内置主题：
+<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 访问我们的项目。
 # 从 Antd 迁移
 ## 📦 安装
@@ -4316,32 +4316,6 @@ 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
 # 使用
 如果您有自己的 iconfont 项目，可以将您的图标集成到 Spark Design 中，并通过简单的符号名称访问您的图标。
@@ -4413,6 +4387,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