@agentscope-ai/design 1.0.16-rc.0 → 1.0.17

package/llms/all.llms.txt

@@ -110,7 +110,8 @@
 
 | 属性名 | 描述 | 类型 | 默认值 | 
 |--------|--------|--------|--------|
-| mode | 颜色模式 | 'dark' \| 'light' | 'light' | 
+| mode | 颜色模式 | 'dark' \| 'light' | 'dark' | 
+| maxHeight | 最大高度 | number \| string | '90vh' | 
 
 
 <AntdApiRef url="https://ant.design/components/tooltip-cn/#api"></AntdApiRef>
@@ -264,41 +265,6 @@ 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
 
@@ -369,6 +335,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="Table" desc="展示行列数据。">
 #### API
 
@@ -624,47 +625,6 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<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
 
@@ -724,66 +684,19 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Slider" desc="滑动型输入器，展示当前值和可选范围。">
+<DemoTitle title="Spinner" 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() | 获取焦点 |  | 
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| tip | indicator下方的tip | React.ReactNode | - | 
+| indicator | 自定义indicator，用于展示progress的百分比和加载文案 | React.ReactNode | - | 
+| children | 被spinner包裹的子元素 | React.ReactNode | - | 
+| style | spinner最外层的样式 | React.CSSProperties | - | 
+| className | spinner的类名 | string | - | 
+| percent | 进度条的百分比 | number | - | 
+| spinning | 是否为加载中状态 | boolean | false | 
+| showProgress | 是否显示进度条，如果为true，不需要手动在children中添加Progress组件 | boolean | false | 
 
 
 
@@ -848,77 +761,165 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Spinner" desc="指示页面或区块的加载中状态">
+<DemoTitle title="Switch" desc="使用开关切换两种状态之间。">
 #### API
 
 | 属性名 | 描述 | 类型 | 默认值 | 
 |--------|--------|--------|--------|
-| tip | indicator下方的tip | React.ReactNode | - | 
-| indicator | 自定义indicator，用于展示progress的百分比和加载文案 | React.ReactNode | - | 
-| children | 被spinner包裹的子元素 | React.ReactNode | - | 
-| style | spinner最外层的样式 | React.CSSProperties | - | 
-| className | spinner的类名 | string | - | 
-| percent | 进度条的百分比 | number | - | 
-| spinning | 是否为加载中状态 | boolean | false | 
-| showProgress | 是否显示进度条，如果为true，不需要手动在children中添加Progress组件 | boolean | false | 
-
+| label | Switch后的内容 | ReactNode |  | 
 
+<AntdApiRef url="https://ant.design/components/switch-cn/#api"></AntdApiRef>
 
 
-<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 | 
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| 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) | - |  | 
 
 
-### SkeletonAvatarProps
+## 方法
 
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| active | 是否展示动画效果，仅在单独使用头像骨架时生效 | boolean | false | 
-| shape | 指定头像的形状 | circle | - | 
-| size | 设置头像占位图的大小 | number \|  | - | 
+| 名称 | 描述 | 
+|--------|--------|
+| blur() | 移除焦点 | 
+| focus() | 获取焦点 | 
 
 
-### SkeletonTitleProps
 
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| width | 设置标题占位图的宽度 | number \| string | - | 
 
+<DemoTitle title="Slider" desc="滑动型输入器，展示当前值和可选范围。">
+#### API
 
-### SkeletonParagraphProps
+<AntdApiRef url="https://ant.design/components/slider-cn/#api"></AntdApiRef>
 
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| rows | 设置段落占位图的行数 | number | - | 
-| width | 设置段落占位图的宽度，若为数组时则为对应的每行宽度，反之则是最后一行的宽度 | number \| string \| Array | - | 
 
+## antd API
 
-### SkeletonButtonProps
+通用属性参考：[通用属性](/docs/react/common-props)
 
-| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| active | 是否展示动画效果 | boolean | false |  | 
-| block | 将按钮宽度调整为其父宽度的选项 | boolean | false | 4.17.0 | 
-| shape | 指定按钮的形状 | circle | - |  | 
-| size | 设置按钮的大小 | large | - |  | 
-
-
-### SkeletonInputProps
-
-| 属性 | 说明 | 类型 | 默认值 | 
+| 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
+
+通用属性参考：[通用属性](/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 | - | 
@@ -1024,18 +1025,6 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Result" desc="为操作结果提供反馈信息的展示。">
-## API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| texture | 是否显示纹理 | boolean | false | 
-
-
-
-
-
-
 <DemoTitle title="RadioButton" desc="用于在多个备选项中选中单个状态。">
 #### API
 
@@ -1111,88 +1100,76 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Radio" desc="用于在多个备选项中选中单个状态。">
+<DemoTitle title="MdEditor" desc="提示词编辑器，可以高亮 Markdown 的语法，支持自定义槽位变量的插入">
 #### API
 
-<AntdApiRef url="https://ant.design/components/radio-cn/#api"></AntdApiRef>
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| maxLength | 可以输入内容的最大长度 | number |  | 
+| value | 输入的内容 | string | (必填) | 
+| className | 输入内容的类名 | string |  | 
+| onChange | 输入内容的回调 | (value: string) => void |  | 
+| variables | 可以插入的变量列表 | Array |  | 
+| onCreate | 新增变量的触发回调 | () => void |  | 
+| createBtnText | 新增变量的按钮文本 | string |  | 
+| tipsText | 提示文本，传入 false 时隐藏提示 | string \| React.ReactNode \| false |  | 
 
 
-## antd API
 
-通用属性参考：[通用属性](/docs/react/common-props)
 
-### Radio/Radio.Button
+<DemoTitle title="Result" desc="为操作结果提供反馈信息的展示。">
+## API
 
-<!-- prettier-ignore -->
-| 参数 | 说明 | 类型 | 默认值 | 
+| 属性名 | 描述 | 类型 | 默认值 | 
 |--------|--------|--------|--------|
-| autoFocus | 自动获取焦点 | boolean | false | 
-| checked | 指定当前是否选中 | boolean | false | 
-| defaultChecked | 初始是否选中 | boolean | false | 
-| disabled | 禁用 Radio | boolean | false | 
-| value | 根据 value 进行比较，判断是否选中 | any | - | 
-
+| texture | 是否显示纹理 | boolean | false | 
 
-### 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 | 
+<DemoTitle title="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
+#### API
 
+<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
 
-## 方法
 
-### Radio
+## antd API
 
-| 名称 | 描述 | 
-|--------|--------|
-| blur() | 移除焦点 | 
-| focus() | 获取焦点 | 
+通用属性参考：[通用属性](/docs/react/common-props)
 
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| content | 卡片内容 | ReactNode \| () => ReactNode | - |  | 
+| title | 卡片标题 | ReactNode \| () => ReactNode | - |  | 
 
 
+<!-- 共同的 API -->
+以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
 
-<DemoTitle title="MdEditor" desc="提示词编辑器，可以高亮 Markdown 的语法，支持自定义槽位变量的插入">
-#### 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 | 
 
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| maxLength | 可以输入内容的最大长度 | number |  | 
-| value | 输入的内容 | string | (必填) | 
-| className | 输入内容的类名 | string |  | 
-| onChange | 输入内容的回调 | (value: string) => void |  | 
-| variables | 可以插入的变量列表 | Array |  | 
-| onCreate | 新增变量的触发回调 | () => void |  | 
-| createBtnText | 新增变量的按钮文本 | string |  | 
-| tipsText | 提示文本，传入 false 时隐藏提示 | string \| React.ReactNode \| false |  | 
+## 注意
 
+请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
 
 
 
@@ -1248,47 +1225,118 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
+<DemoTitle title="Radio" desc="用于在多个备选项中选中单个状态。">
 #### API
 
-<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
+<AntdApiRef url="https://ant.design/components/radio-cn/#api"></AntdApiRef>
 
 
 ## antd API
 
 通用属性参考：[通用属性](/docs/react/common-props)
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| content | 卡片内容 | ReactNode \| () => ReactNode | - |  | 
-| title | 卡片标题 | ReactNode \| () => ReactNode | - |  | 
+### Radio/Radio.Button
 
+<!-- prettier-ignore -->
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| autoFocus | 自动获取焦点 | boolean | false | 
+| checked | 指定当前是否选中 | boolean | false | 
+| defaultChecked | 初始是否选中 | boolean | false | 
+| disabled | 禁用 Radio | boolean | false | 
+| value | 根据 value 进行比较，判断是否选中 | any | - | 
 
-<!-- 共同的 API -->
-以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
+
+### Radio.Group
+
+单选框组合，用于包裹一组 `Radio`。
 
 <!-- prettier-ignore -->
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| align | 该值将合并到 placement 的配置中，设置参考  | object | - |  | 
-| arrow | 修改箭头的显示状态以及修改箭头是否指向目标元素中心 | boolean \| { pointAtCenter: boolean } | true | 5.2.0 | 
-| autoAdjustOverflow | 气泡被遮挡时自动调整位置 | boolean | true |  | 
-| color | 背景颜色 | string | - | 4.3.0 | 
-| defaultOpen | 默认是否显隐 | boolean | false | 4.23.0 | 
-| destroyOnHidden | 关闭后是否销毁 dom | boolean | false | 5.25.0 | 
-| fresh | 默认情况下，Tooltip 在关闭时会缓存内容。设置该属性后会始终保持更新 | boolean | false | 5.10.0 | 
-| getPopupContainer | 浮层渲染父节点，默认渲染到 body 上 | (triggerNode: HTMLElement) => HTMLElement | () => document.body |  | 
-| mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip，单位：秒 | number | 0.1 |  | 
-| mouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip，单位：秒 | number | 0.1 |  | 
-| placement | 气泡框位置，可选  | string | top |  | 
-| trigger | 触发行为，可选  | string \| string[] | hover |  | 
-| open | 用于手动控制浮层显隐，小于 4.23.0 使用  | boolean | false | 4.23.0 | 
-| zIndex | 设置 Tooltip 的  | number | - |  | 
-| onOpenChange | 显示隐藏的回调 | (open: boolean) => void | - | 4.23.0 | 
+| buttonStyle | RadioButton 的风格样式，目前有描边和填色两种风格 | outline | outline |  |  | 
+| defaultValue | 默认选中的值 | any | - |  |  | 
+| disabled | 禁选所有子单选器 | boolean | false |  |  | 
+| name | RadioGroup 下所有  | string | - |  |  | 
+| options | 以配置形式设置子元素 | string[] \| number[] \| Array< | - |  |  | 
+| optionType | 用于设置 Radio  | default | default | 4.4.0 |  | 
+| size | 大小，只对按钮样式生效 | large | - |  |  | 
+| value | 用于设置当前选中的值 | any | - |  |  | 
+| block | 将 RadioGroup 宽度调整为其父宽度的选项 | boolean | false | 5.21.0 |  | 
+| onChange | 选项变化时的回调函数 | function(e:Event) | - |  |  | 
 
-## 注意
 
-请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
+### CheckboxOptionType
+
+| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| label | 用于作为 Radio 选项展示的文本 | string | - | 4.4.0 | 
+| value | 关联 Radio 选项的值 | string | - | 4.4.0 | 
+| style | 应用到 Radio 选项的 style | React.CSSProperties | - | 4.4.0 | 
+| className | Radio 选项的类名 | string | - | 5.25.0 | 
+| disabled | 指定 Radio 选项是否要禁用 | boolean | false | 4.4.0 | 
+| title | 添加 Title 属性值 | string | - | 4.4.0 | 
+| id | 添加 Radio Id 属性值 | string | - | 4.4.0 | 
+| onChange | 当 Radio Group 的值发送改变时触发 | (e: CheckboxChangeEvent) => void; | - | 4.4.0 | 
+| required | 指定 Radio 选项是否必填 | boolean | false | 4.4.0 | 
+
+
+## 方法
+
+### Radio
+
+| 名称 | 描述 | 
+|--------|--------|
+| blur() | 移除焦点 | 
+| focus() | 获取焦点 | 
+
+
+
+
+<DemoTitle title="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) | - |  | 
+
 
 
 
@@ -1349,53 +1397,6 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Pagination" desc="分页器用于分隔长列表，每次只加载一个页面。">
-## API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| hideSwitchButton | 是否展示上一页/下一页的切换按钮 | boolean | false | 
-
-
-<AntdApiRef url="https://ant.design/components/pagination-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-
-```jsx
-<Pagination onChange={onChange} total={50} />
-```
-
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| align | 对齐方式 | start \| center \| end | - | 5.19.0 | 
-| current | 当前页数 | number | - |  | 
-| defaultCurrent | 默认的当前页数 | number | 1 |  | 
-| defaultPageSize | 默认的每页条数 | number | 10 |  | 
-| disabled | 禁用分页 | boolean | - |  | 
-| hideOnSinglePage | 只有一页时是否隐藏分页器 | boolean | false |  | 
-| itemRender | 用于自定义页码的结构，可用于优化 SEO | (page, type: 'page' \| 'prev' \| 'next', originalElement) => React.ReactNode | - |  | 
-| pageSize | 每页条数 | number | - |  | 
-| pageSizeOptions | 指定每页可以显示多少条 | number[] | [ |  | 
-| responsive | 当 size 未指定时，根据屏幕宽度自动调整尺寸 | boolean | - |  | 
-| showLessItems | 是否显示较少页面内容 | boolean | false |  | 
-| showQuickJumper | 是否可以快速跳转至某页 | boolean \| { goButton: ReactNode } | false |  | 
-| showSizeChanger | 是否展示  | boolean \|  | - | SelectProps: 5.21.0 | 
-| showTitle | 是否显示原生 tooltip 页码提示 | boolean | true |  | 
-| showTotal | 用于显示数据总量和当前数据顺序 | function(total, range) | - |  | 
-| simple | 当添加该属性时，显示为简单分页 | boolean \| { readOnly?: boolean } | - |  | 
-| size | 当为  | default | default |  | 
-| total | 数据总数 | number | 0 |  | 
-| onChange | 页码或  | function(page, pageSize) | - |  | 
-| onShowSizeChange | pageSize 变化的回调 | function(current, size) | - |  | 
-
-
-
-
 <DemoTitle title="Notification" desc="用于指示任务的完成进度">
 #### API
 
@@ -1492,6 +1493,106 @@ notification.config({
 
 
 
+<DemoTitle title="Message" desc="一条简洁且临时显示的消息，为操作提供全局反馈">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| conent | 显示的内容 | string | "" | 
+
+<AntdApiRef url="https://ant.design/components/message-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+组件提供了一些静态方法，使用方式和参数如下：
+
+
+- `message.success(content, [duration], onClose)`
+- `message.error(content, [duration], onClose)`
+- `message.info(content, [duration], onClose)`
+- `message.warning(content, [duration], onClose)`
+- `message.loading(content, [duration], onClose)`
+
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| content | 提示内容 | ReactNode \| config | - | 
+| duration | 自动关闭的延时，单位秒。设为 0 时不自动关闭 | number | 3 | 
+| onClose | 关闭时触发的回调函数 | function | - | 
+
+
+组件同时提供 promise 接口。
+
+
+- `message[level](content, [duration]).then(afterClose)`
+- `message[level](content, [duration], onClose).then(afterClose)`
+
+其中 `message[level]` 是组件已经提供的静态方法。`then` 接口返回值是 Promise。
+
+也可以对象的形式传递参数：
+
+
+- `message.open(config)`
+- `message.success(config)`
+- `message.error(config)`
+- `message.info(config)`
+- `message.warning(config)`
+- `message.loading(config)`
+
+`config` 对象属性如下：
+
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| className | 自定义 CSS class | string | - | 
+| content | 提示内容 | ReactNode | - | 
+| duration | 自动关闭的延时，单位秒。设为 0 时不自动关闭 | number | 3 | 
+| icon | 自定义图标 | ReactNode | - | 
+| key | 当前提示的唯一标志 | string \| number | - | 
+| style | 自定义内联样式 |  | - | 
+| onClick | 点击 message 时触发的回调函数 | function | - | 
+| onClose | 关闭时触发的回调函数 | function | - | 
+
+
+### 全局方法
+
+还提供了全局配置和全局销毁方法：
+
+
+- `message.config(options)`
+- `message.destroy()`
+
+也可通过 `message.destroy(key)` 来关闭一条消息。
+
+#### message.config
+
+当你使用 `ConfigProvider` 进行全局化配置时，系统会默认自动开启 RTL 模式。(4.3.0+)当你想单独使用，可通过如下设置开启 RTL 模式。
+
+
+```js
+message.config({
+  top: 100,
+  duration: 2,
+  maxCount: 3,
+  rtl: true,
+  prefixCls: 'my-message',
+});
+```
+
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| duration | 默认自动关闭延时，单位秒 | number | 3 |  | 
+| getContainer | 配置渲染节点的输出位置，但依旧为全屏展示 | () => HTMLElement | () => document.body |  | 
+| maxCount | 最大显示数，超过限制时，最早的消息会被自动关闭 | number | - |  | 
+| prefixCls | 消息节点的 className 前缀 | string | ant-message | 4.5.0 | 
+| rtl | 是否开启 RTL 模式 | boolean | false |  | 
+| top | 消息距离顶部的位置 | string \| number | 8 |  | 
+
+
+
+
 <DemoTitle title="Modal" desc="用于叠加当前页面上的对话框窗口，提供标题、内容区、操作区。">
 #### API
 
@@ -1662,155 +1763,190 @@ const confirmed = await modal.confirm({ ... });
 
 
 
-<DemoTitle title="Message" desc="一条简洁且临时显示的消息，为操作提供全局反馈">
+<DemoTitle title="InputNumber" desc="通过鼠标或键盘，输入范围内的数值。">
 #### API
 
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| conent | 显示的内容 | string | "" | 
-
-<AntdApiRef url="https://ant.design/components/message-cn/#api"></AntdApiRef>
+<AntdApiRef url="https://ant.design/components/input-number-cn/#api"></AntdApiRef>
 
 
 ## antd API
 
 通用属性参考：[通用属性](/docs/react/common-props)
 
-组件提供了一些静态方法，使用方式和参数如下：
-
-
-- `message.success(content, [duration], onClose)`
-- `message.error(content, [duration], onClose)`
-- `message.info(content, [duration], onClose)`
-- `message.warning(content, [duration], onClose)`
-- `message.loading(content, [duration], onClose)`
-
-| 参数 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| content | 提示内容 | ReactNode \| config | - | 
-| duration | 自动关闭的延时，单位秒。设为 0 时不自动关闭 | number | 3 | 
-| onClose | 关闭时触发的回调函数 | function | - | 
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| 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 | 
 
 
-组件同时提供 promise 接口。
+## Ref
 
+| 名称 | 说明 | 参数 | 版本 | 
+|--------|--------|--------|--------|
+| blur() | 移除焦点 | - |  | 
+| focus() | 获取焦点 | (option?: { preventScroll?: boolean, cursor?: 'start' \| 'end' \| 'all' }) | cursor - 5.22.0 | 
+| nativeElement | 获取原生 DOM 元素 | - | 5.17.3 | 
 
-- `message[level](content, [duration]).then(afterClose)`
-- `message[level](content, [duration], onClose).then(afterClose)`
 
-其中 `message[level]` 是组件已经提供的静态方法。`then` 接口返回值是 Promise。
 
-也可以对象的形式传递参数：
 
+<DemoTitle title="Input" desc="通过鼠标或键盘输入内容，为表单提供输入字段的基础容器。。">
+#### API
 
-- `message.open(config)`
-- `message.success(config)`
-- `message.error(config)`
-- `message.info(config)`
-- `message.warning(config)`
-- `message.loading(config)`
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| shape | 形态 | 'default' \| 'round' | default 默认 | 
 
-`config` 对象属性如下：
 
-| 参数 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| className | 自定义 CSS class | string | - | 
-| content | 提示内容 | ReactNode | - | 
-| duration | 自动关闭的延时，单位秒。设为 0 时不自动关闭 | number | 3 | 
-| icon | 自定义图标 | ReactNode | - | 
-| key | 当前提示的唯一标志 | string \| number | - | 
-| style | 自定义内联样式 |  | - | 
-| onClick | 点击 message 时触发的回调函数 | function | - | 
-| onClose | 关闭时触发的回调函数 | function | - | 
+<AntdApiRef url="https://ant.design/components/input-cn/#api"></AntdApiRef>
 
 
-### 全局方法
+## antd API
 
-还提供了全局配置和全局销毁方法：
+通用属性参考：[通用属性](/docs/react/common-props)
 
+### Input
 
-- `message.config(options)`
-- `message.destroy()`
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| 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 | 
 
-也可通过 `message.destroy(key)` 来关闭一条消息。
 
-#### message.config
+如果 `Input` 在 `Form.Item` 内，并且 `Form.Item` 设置了 `id` 属性，则 `value` `defaultValue` 和 `id` 属性会被自动设置。
 
-当你使用 `ConfigProvider` 进行全局化配置时，系统会默认自动开启 RTL 模式。(4.3.0+)当你想单独使用，可通过如下设置开启 RTL 模式。
+Input 的其他属性和 React 自带的 [input](https://reactjs.org/docs/dom-elements.html#all-supported-html-attributes) 一致。
 
+#### CountConfig
 
-```js
-message.config({
-  top: 100,
-  duration: 2,
-  maxCount: 3,
-  rtl: true,
-  prefixCls: 'my-message',
-});
+
+```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 属性，外加：
+
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| duration | 默认自动关闭延时，单位秒 | number | 3 |  | 
-| getContainer | 配置渲染节点的输出位置，但依旧为全屏展示 | () => HTMLElement | () => document.body |  | 
-| maxCount | 最大显示数，超过限制时，最早的消息会被自动关闭 | number | - |  | 
-| prefixCls | 消息节点的 className 前缀 | string | ant-message | 4.5.0 | 
-| rtl | 是否开启 RTL 模式 | boolean | false |  | 
-| top | 消息距离顶部的位置 | string \| number | 8 |  | 
+| 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
 
-<DemoTitle title="InputNumber" desc="通过鼠标或键盘，输入范围内的数值。">
-#### API
+| 参数 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| enterButton | 是否有确认按钮，可设为按钮文字。该属性会与  | ReactNode | false | 
+| loading | 搜索 loading | boolean | false | 
+| onSearch | 点击搜索图标、清除图标，或按下回车键时的回调 | function(value, event, { source: "input" \| "clear" }) | - | 
 
-<AntdApiRef url="https://ant.design/components/input-number-cn/#api"></AntdApiRef>
 
+其余属性和 Input 一致。
 
-## antd API
+### Input.Password
 
-通用属性参考：[通用属性](/docs/react/common-props)
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| iconRender | 自定义切换按钮 | (visible) => ReactNode | (visible) => (visible ?  : ) | 4.3.0 | 
+| visibilityToggle | 是否显示切换按钮或者控制密码显隐 | boolean \|  | true |  | 
+
+
+### Input.OTP
+
+`5.16.0` 新增。
+
+开发者注意事项：当 `mask` 属性的类型为 string 时，我们强烈推荐接收单个字符或单个 emoji，如果传入多个字符或多个 emoji，则会在控制台抛出警告。
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| 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 | 
+| 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 | 
 
 
-## Ref
+#### 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' }) | cursor - 5.22.0 | 
-| nativeElement | 获取原生 DOM 元素 | - | 5.17.3 | 
+| blur | 取消焦点 | - |  | 
+| focus | 获取焦点 | (option?: { preventScroll?: boolean, cursor?: 'start' \| 'end' \| 'all' }) | option - 4.10.0 | 
 
 
 
@@ -1957,162 +2093,27 @@ type TransformAction =
     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="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
+    onClose: () => void;
+  };
+  transform: TransformType,
+  current: number;
+  total: number;
+  image: ImgInfo
+}
+```
 
-| Property | Description | Type | Default | Version | 
-|--------|--------|--------|--------|--------|
-| visible | 用于手动控制密码显隐 | boolean | false | 4.24 | 
-| onVisibleChange | 显隐密码的回调 | (visible) => void | - | 4.24 | 
 
+### ImgInfo
 
-#### Input Methods
 
-| 名称 | 说明 | 参数 | 版本 | 
-|--------|--------|--------|--------|
-| blur | 取消焦点 | - |  | 
-| focus | 获取焦点 | (option?: { preventScroll?: boolean, cursor?: 'start' \| 'end' \| 'all' }) | option - 4.10.0 | 
+```typescript
+{
+  url: string;
+  alt: string;
+  width: string | number;
+  height: string | number;
+}
+```
 
 
 
@@ -2776,48 +2777,6 @@ type Rule = RuleConfig | ((form: FormInstance) => RuleConfig);
 
 
 
-<DemoTitle title="Empty" desc="用于空状态的占位图形展示。">
-## API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| type | 空状态类型 | \| 'noData'
-    \| 'networkError'
-    \| '404'
-    \| 'arrears'
-    \| 'desktopOnly'
-    \| 'noAudio'
-    \| 'noImage'
-    \| 'noVideo'
-    \| 'noAccess'
-    \| 'error'
-    \| 'noModel'
-    \| 'noApp'
-    \| 'success'
-    \| 'failed'
-    \| 'inProgress'
-    \| 'stayTuned' | 'noData' | 
-| texture | 是否显示纹理 | boolean | true | 
-| image | 图片地址 | string | 默认是no data的图片 | 
-| imageStyle | 图片样式 | React.CSSProperties |  | 
-| title | 标题内容 | React.ReactNode |  | 
-| description | 自定义描述内容 | React.ReactNode |  | 
-| onOk | ok按钮的点击事件 | (e: React.MouseEvent) => void |  | 
-| okText | ok按钮的文本 | React.ReactNode |  | 
-| okType | ok按钮的类型 | SparkButtonProps['type'] | 'primary' | 
-| okButtonProps | ok按钮的props | SparkButtonProps |  | 
-| children | 自定义空状态的内容 | React.ReactNode |  | 
-| className | 自定义空状态的类名 | string |  | 
-| style | 自定义空状态的样式 | React.CSSProperties |  | 
-| size | 自定义空状态的大小 | React.CSSProperties['width'] |  | 
-
-
-<AntdApiRef url="https://ant.design/components/empty-cn/#api"></AntdApiRef>
-
-
-
-
-
 <DemoTitle title="Dropdown" desc="向下弹出的列表。">
 #### API
 
@@ -2969,6 +2928,49 @@ const dividerItem = {
 
 
 
+<DemoTitle title="Empty" desc="用于空状态的占位图形展示。">
+## API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| type | 空状态类型 | \| 'noData'
+    \| 'networkError'
+    \| '404'
+    \| 'arrears'
+    \| 'desktopOnly'
+    \| 'noAudio'
+    \| 'noImage'
+    \| 'noVideo'
+    \| 'noAccess'
+    \| 'error'
+    \| 'noModel'
+    \| 'noApp'
+    \| 'success'
+    \| 'failed'
+    \| 'inProgress'
+    \| 'stayTuned' | 'noData' | 
+| texture | 是否显示纹理 | boolean | true | 
+| image | 图片地址 | string | 默认是no data的图片 | 
+| imageStyle | 图片样式 | React.CSSProperties |  | 
+| title | 标题内容 | React.ReactNode |  | 
+| description | 自定义描述内容 | React.ReactNode |  | 
+| onOk | ok按钮的点击事件 | (e: React.MouseEvent) => void |  | 
+| okText | ok按钮的文本 | React.ReactNode |  | 
+| okType | ok按钮的类型 | SparkButtonProps['type'] | 'primary' | 
+| okButtonProps | ok按钮的props | SparkButtonProps |  | 
+| children | 自定义空状态的内容 | React.ReactNode |  | 
+| className | 自定义空状态的类名 | string |  | 
+| style | 自定义空状态的样式 | React.CSSProperties |  | 
+| size | 自定义空状态的大小 | React.CSSProperties['width'] |  | 
+| autoFit | 是否自适应容器宽度，当容器宽度小于 size 时自动缩放 | boolean | false | 
+
+
+<AntdApiRef url="https://ant.design/components/empty-cn/#api"></AntdApiRef>
+
+
+
+
+
 <DemoTitle title="Drawer" desc="从页面一侧滑入的操作面板，用于承载临时界面内容。">
 #### API
 
@@ -4158,6 +4160,77 @@ npm install antd @agentscope-ai/icons @agentscope-ai/design --save
 
 
 
+# 使用
+
+如果您有自己的 iconfont 项目，可以将您的图标集成到 Spark Design 中，并通过简单的符号名称访问您的图标。
+
+
+```tsx
+import {
+  ConfigProvider,
+  purpleTheme,
+  Button,
+  IconFont,
+  IconButton,
+} from '@agentscope-ai/design';
+import { Flex } from 'antd';
+import zhCN from 'antd/locale/zh_CN';
+import { useState } from 'react';
+
+const App = () => {
+  const prefix = 'sps';
+  const iconSymbol = 'spark-effciency-line';
+  const iconfont = '//at.alicdn.com/t/a/font_4807885_ugexdeaoq7.js'; // 您可以从 https://www.iconfont.cn/ 获取
+  return (
+    <ConfigProvider
+      {...purpleTheme}
+      prefix={prefix}
+      prefixCls={prefix}
+      iconfont={iconfont}
+      locale={zhCN}
+      style={{
+        width: '100%',
+        height: '100%',
+      }}
+    >
+      <Flex
+        style={{
+          width: '100%',
+          height: '100%',
+          backgroundColor: `var(--${prefix}-color-bg-base)`,
+        }}
+        justify="center"
+        align="center"
+      >
+        <Flex vertical gap={16} style={{ width: '300px', padding: '12px 0' }}>
+          <Flex gap={8}>
+            <div style={{ width: '100px', lineHeight: '32px' }}>IconFont:</div>
+            <IconFont type={iconSymbol} />
+          </Flex>
+          <Flex gap={8}>
+            <div style={{ width: '100px', lineHeight: '32px' }}>Button:</div>
+            <Button type="primary" iconType={iconSymbol}>
+              添加用户
+            </Button>
+          </Flex>
+          <Flex gap={8}>
+            <div style={{ width: '100px', lineHeight: '32px' }}>
+              IconButton:
+            </div>
+            <IconButton iconType={iconSymbol}></IconButton>
+          </Flex>
+        </Flex>
+      </Flex>
+    </ConfigProvider>
+  );
+};
+
+export default App;
+```
+
+
+
+
 # 从 Antd 迁移
 
 ## 📦 安装
@@ -4316,77 +4389,6 @@ export default App;
 
 
 
-# 使用
-
-如果您有自己的 iconfont 项目，可以将您的图标集成到 Spark Design 中，并通过简单的符号名称访问您的图标。
-
-
-```tsx
-import {
-  ConfigProvider,
-  purpleTheme,
-  Button,
-  IconFont,
-  IconButton,
-} from '@agentscope-ai/design';
-import { Flex } from 'antd';
-import zhCN from 'antd/locale/zh_CN';
-import { useState } from 'react';
-
-const App = () => {
-  const prefix = 'sps';
-  const iconSymbol = 'spark-effciency-line';
-  const iconfont = '//at.alicdn.com/t/a/font_4807885_ugexdeaoq7.js'; // 您可以从 https://www.iconfont.cn/ 获取
-  return (
-    <ConfigProvider
-      {...purpleTheme}
-      prefix={prefix}
-      prefixCls={prefix}
-      iconfont={iconfont}
-      locale={zhCN}
-      style={{
-        width: '100%',
-        height: '100%',
-      }}
-    >
-      <Flex
-        style={{
-          width: '100%',
-          height: '100%',
-          backgroundColor: `var(--${prefix}-color-bg-base)`,
-        }}
-        justify="center"
-        align="center"
-      >
-        <Flex vertical gap={16} style={{ width: '300px', padding: '12px 0' }}>
-          <Flex gap={8}>
-            <div style={{ width: '100px', lineHeight: '32px' }}>IconFont:</div>
-            <IconFont type={iconSymbol} />
-          </Flex>
-          <Flex gap={8}>
-            <div style={{ width: '100px', lineHeight: '32px' }}>Button:</div>
-            <Button type="primary" iconType={iconSymbol}>
-              添加用户
-            </Button>
-          </Flex>
-          <Flex gap={8}>
-            <div style={{ width: '100px', lineHeight: '32px' }}>
-              IconButton:
-            </div>
-            <IconButton iconType={iconSymbol}></IconButton>
-          </Flex>
-        </Flex>
-      </Flex>
-    </ConfigProvider>
-  );
-};
-
-export default App;
-```
-
-
-
-
 # 使用
 
 
@@ -4543,7 +4545,7 @@ export default App;
   "borderRadiusXL": 12,
   "borderRadiusFull": 999,
   "wireframe": false,
-  "colorPrimaryBg": "#F2F0FF",
+  "colorPrimaryBg": "rgba(97, 92, 237, 0.08)",
   "colorPrimaryBgHover": "#F2F0FF",
   "colorPrimaryBorder": "#E2DEFF",
   "colorPrimaryBorderHover": "#BCB5FF",
@@ -4598,7 +4600,9 @@ export default App;
   "colorLink": "#615CED",
   "boxShadow": "0px 4px 6px 0px rgba(0, 0, 0, 0.08)",
   "boxShadowSecondary": "0px 12px 24px -16px rgba(0, 0, 0, 0.06),0px 8px 40px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
-  "colorTextWhite": "#fff",
+
+  "colorTextWhite": "#ffffff",
+  "colorTextOnPrimary": "#ffffff",
   "colorFillDisable": "#DBDAE7",
   "colorPurple": "#615CED",
   "colorPurpleHover": "#8080FF",
@@ -4700,7 +4704,9 @@ export default App;
   "colorLink": "#5551CC",
   "boxShadow": "0px 4px 6px 0px rgba(255, 255, 255, 0.08)",
   "boxShadowSecondary": "0px 12px 24px -16px rgba(255, 255, 255, 0.04),0px 8px 40px 0px rgba(255, 255, 255, 0.06),0px 0px 1px 0px rgba(255, 255, 255, 0.02)",
-  "colorTextWhite": "#fff",
+
+ "colorTextWhite": "#fff",
+ "colorTextOnPrimary": "#fff",
   "colorFillDisable": "#8D8C98",
   "colorPurple": "#5551CC",
   "colorPurpleHover": "#8383F0",
@@ -4803,7 +4809,9 @@ export default App;
   "colorLink": "rgba(0, 77, 255, 1)",
   "boxShadow": "0px 4px 6px 0px rgba(0, 0, 0, 0.08)",
   "boxShadowSecondary": "0px 12px 24px -16px rgba(0, 0, 0, 0.06),0px 8px 40px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
-  "colorTextWhite": "rgba(255, 255, 255, 1)",
+
+  "colorTextWhite": "#ffffff",
+  "colorTextOnPrimary": "#ffffff",
   "colorFillDisable": "rgba(232, 232, 235, 1)",
   "colorPurple": "rgba(97, 92, 237, 1)",
   "colorPurpleHover": "#8080FF",
@@ -4902,7 +4910,9 @@ export default App;
   "colorLink": "#4D7DFF",
   "boxShadow": "0px 4px 6px 0px rgba(255, 255, 255, 0.08)",
   "boxShadowSecondary": "0px 12px 24px -16px rgba(255, 255, 255, 0.06),0px 8px 40px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
-  "colorTextWhite": "#FFFFFF",
+
+ "colorTextWhite": "#ffffff",
+ "colorTextOnPrimary": "#000000",
   "colorFillDisable": "#898989",
   "colorPurple": "#615CED",
   "colorPurpleHover": "#8383F0",