@agentscope-ai/design 1.0.19-beta.1765957449539 → 1.0.20-beta.1766645674012

package/llms/all.llms.txt

@@ -1,5 +1,18 @@
 
 
+<DemoTitle title="Video" desc="视频展示">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| mouseEnterAutoPlay | 鼠标进入时是否自动播放 | boolean | false | 
+| children | video内部设置了按钮在暗色背景下的样式，如果有一些操作按钮想继承这个样式可以在这里传入 | React.ReactNode |  | 
+
+
+
+
+
+
 <DemoTitle title="Upload" desc="文件选择上传和拖拽上传控件。">
 #### API
 
@@ -143,6 +156,41 @@
 
 
 
+<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
 
@@ -256,54 +304,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="Video" desc="视频展示">
-#### API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| mouseEnterAutoPlay | 鼠标进入时是否自动播放 | boolean | false | 
-| children | video内部设置了按钮在暗色背景下的样式，如果有一些操作按钮想继承这个样式可以在这里传入 | React.ReactNode |  | 
-
-
-
-
-
-
 <DemoTitle title="Tabs" desc="用户可以通过点击不同的标签在同一页面中查看不同的内容区域。">
 #### API
 
@@ -374,6 +374,47 @@ type RangeDisabledTime = (
 
 
 
+<DemoTitle title="Switch" desc="使用开关切换两种状态之间。">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| label | Switch后的内容 | ReactNode |  | 
+
+<AntdApiRef url="https://ant.design/components/switch-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| autoFocus | 组件自动获取焦点 | boolean | false |  | 
+| checked | 指定当前是否选中 | boolean | false |  | 
+| checkedChildren | 选中时的内容 | ReactNode | - |  | 
+| className | Switch 器类名 | string | - |  | 
+| defaultChecked | 初始是否选中 | boolean | false |  | 
+| defaultValue | defaultChecked | boolean | - | 5.12.0 | 
+| disabled | 是否禁用 | boolean | false |  | 
+| loading | 加载中的开关 | boolean | false |  | 
+| size | 开关大小，可选值： | string | default |  | 
+| unCheckedChildren | 非选中时的内容 | ReactNode | - |  | 
+| value | checked | boolean | - | 5.12.0 | 
+| onChange | 变化时的回调函数 | function(checked: boolean, event: Event) | - |  | 
+| onClick | 点击时的回调函数 | function(checked: boolean, event: Event) | - |  | 
+
+
+## 方法
+
+| 名称 | 描述 | 
+|--------|--------|
+| blur() | 移除焦点 | 
+| focus() | 获取焦点 | 
+
+
+
+
 <DemoTitle title="Table" desc="展示行列数据。">
 #### API
 
@@ -629,47 +670,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
 
@@ -1253,15 +1253,10 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Popconfirm" desc="点击元素，弹出气泡式的确认框。">
+<DemoTitle title="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
 #### API
 
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| type | 类型 | 'info' \| 'warning' \| 'error' \| 'success' \| 'confirm' | 'confirm' | 
-
-
-<AntdApiRef url="https://ant.design/components/popconfirm-cn/#api"></AntdApiRef>
+<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
 
 
 ## antd API
@@ -1270,19 +1265,8 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| cancelButtonProps | cancel 按钮 props |  | - |  | 
-| cancelText | 取消按钮文字 | string | 取消 |  | 
-| disabled | 阻止点击 Popconfirm 子元素时弹出确认框 | boolean | false |  | 
-| icon | 自定义弹出气泡 Icon 图标 | ReactNode |  |  | 
-| okButtonProps | ok 按钮 props |  | - |  | 
-| okText | 确认按钮文字 | string | 确定 |  | 
-| okType | 确认按钮类型 | string | primary |  | 
-| showCancel | 是否显示取消按钮 | boolean | true | 4.18.0 | 
-| title | 确认框标题 | ReactNode \| () => ReactNode | - |  | 
-| description | 确认内容的详细描述 | ReactNode \| () => ReactNode | - | 5.1.0 | 
-| onCancel | 点击取消的回调 | function(e) | - |  | 
-| onConfirm | 点击确认的回调 | function(e) | - |  | 
-| onPopupClick | 弹出气泡点击事件 | function(e) | - | 5.5.0 | 
+| content | 卡片内容 | ReactNode \| () => ReactNode | - |  | 
+| title | 卡片标题 | ReactNode \| () => ReactNode | - |  | 
 
 
 <!-- 共同的 API -->
@@ -1307,13 +1291,21 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 | zIndex | 设置 Tooltip 的  | number | - |  | 
 | onOpenChange | 显示隐藏的回调 | (open: boolean) => void | - | 4.23.0 | 
 
+## 注意
+
+请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
 
 
 
-<DemoTitle title="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
+<DemoTitle title="Popconfirm" desc="点击元素，弹出气泡式的确认框。">
 #### API
 
-<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| type | 类型 | 'info' \| 'warning' \| 'error' \| 'success' \| 'confirm' | 'confirm' | 
+
+
+<AntdApiRef url="https://ant.design/components/popconfirm-cn/#api"></AntdApiRef>
 
 
 ## antd API
@@ -1322,8 +1314,19 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| content | 卡片内容 | ReactNode \| () => ReactNode | - |  | 
-| title | 卡片标题 | ReactNode \| () => ReactNode | - |  | 
+| cancelButtonProps | cancel 按钮 props |  | - |  | 
+| cancelText | 取消按钮文字 | string | 取消 |  | 
+| disabled | 阻止点击 Popconfirm 子元素时弹出确认框 | boolean | false |  | 
+| icon | 自定义弹出气泡 Icon 图标 | ReactNode |  |  | 
+| okButtonProps | ok 按钮 props |  | - |  | 
+| okText | 确认按钮文字 | string | 确定 |  | 
+| okType | 确认按钮类型 | string | primary |  | 
+| showCancel | 是否显示取消按钮 | boolean | true | 4.18.0 | 
+| title | 确认框标题 | ReactNode \| () => ReactNode | - |  | 
+| description | 确认内容的详细描述 | ReactNode \| () => ReactNode | - | 5.1.0 | 
+| onCancel | 点击取消的回调 | function(e) | - |  | 
+| onConfirm | 点击确认的回调 | function(e) | - |  | 
+| onPopupClick | 弹出气泡点击事件 | function(e) | - | 5.5.0 | 
 
 
 <!-- 共同的 API -->
@@ -1348,9 +1351,6 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 | zIndex | 设置 Tooltip 的  | number | - |  | 
 | onOpenChange | 显示隐藏的回调 | (open: boolean) => void | - | 4.23.0 | 
 
-## 注意
-
-请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
 
 
 
@@ -2168,36 +2168,89 @@ type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' |
 
 
 
-<DemoTitle title="Form" desc="高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。">
+<DemoTitle title="FloatButton" desc="用于网站上的全局功能；无论浏览到何处都可以看见的按钮。">
 #### API
 
-<AntdApiRef url="https://ant.design/components/form-cn/#api"></AntdApiRef>
+<AntdApiRef url="https://ant.design/components/float-button-cn/#api"></AntdApiRef>
 
 
 ## antd API
 
 通用属性参考：[通用属性](/docs/react/common-props)
 
-### Form
+自 `antd@5.0.0` 版本开始提供该组件。
+
+### 共同的 API
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| colon | 配置 Form.Item 的  | boolean | true |  | 
-| disabled | 设置表单组件禁用，仅对 antd 组件有效 | boolean | false | 4.21.0 | 
-| component | 设置 Form 渲染元素，为  | ComponentType \| false | form |  | 
-| fields | 通过状态管理（如 redux）控制表单字段，如非强需求不推荐使用。查看 |  | - |  | 
-| form | 经  |  | - |  | 
-| feedbackIcons | 当  |  | - | 5.9.0 | 
-| initialValues | 表单默认值，只有初始化以及重置时生效 | object | - |  | 
-| labelAlign | label 标签的文本对齐方式 | left | right |  | 
-| labelWrap | label 标签的文本换行方式 | boolean | false | 4.18.0 | 
-| labelCol | label 标签布局，同  |  | - |  | 
-| layout | 表单布局 | horizontal | horizontal |  | 
-| name | 表单名称，会作为表单字段  | string | - |  | 
-| preserve | 当字段被删除时保留字段值。你可以通过  | boolean | true | 4.4.0 | 
-| requiredMark | 必选样式，可以切换为必选或者可选展示样式。此为 Form 配置，Form.Item 无法单独配置 | boolean \|  | true | renderProps | 
-| scrollToFirstError | 提交失败自动滚动到第一个错误字段 | boolean \|  | false | focus: 5.24.0 | 
-| size | 设置字段组件的尺寸（仅限 antd 组件） | small | - |  | 
+| icon | 自定义图标 | ReactNode | - |  | 
+| description | 文字及其它内容 | ReactNode | - |  | 
+| tooltip | 气泡卡片的内容 | ReactNode \|  | - | TooltipProps: 5.25.0 | 
+| type | 设置按钮类型 | default | default |  | 
+| shape | 设置按钮形状 | circle | circle |  | 
+| onClick | 点击按钮时的回调 | (event) => void | - |  | 
+| href | 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 | string | - |  | 
+| target | 相当于 a 标签的 target 属性，href 存在时生效 | string | - |  | 
+| htmlType | 设置  | submit | button | 5.21.0 | 
+| badge | 带徽标数字的悬浮按钮（不支持  |  | - | 5.4.0 | 
+
+
+### FloatButton.Group
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| shape | 设置包含的 FloatButton 按钮形状 | circle | circle |  | 
+| trigger | 触发方式（有触发方式为菜单模式） | click | - |  | 
+| open | 受控展开，需配合 trigger 一起使用 | boolean | - |  | 
+| closeIcon | 自定义关闭按钮 | React.ReactNode |  |  | 
+| placement | 自定义菜单弹出位置 | top | top | 5.21.0 | 
+| onOpenChange | 展开收起时的回调，需配合 trigger 一起使用 | (open: boolean) => void | - |  | 
+| onClick | 点击按钮时的回调（仅在菜单模式中有效） | (event) => void | - | 5.3.0 | 
+
+
+### FloatButton.BackTop
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| duration | 回到顶部所需时间（ms） | number | 450 |  | 
+| target | 设置需要监听其滚动事件的元素 | () => HTMLElement | () => window |  | 
+| visibilityHeight | 滚动高度达到此参数值才出现 BackTop | number | 400 |  | 
+| onClick | 点击按钮的回调函数 | () => void | - |  | 
+
+
+
+
+<DemoTitle title="Form" desc="高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。">
+#### API
+
+<AntdApiRef url="https://ant.design/components/form-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Form
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| colon | 配置 Form.Item 的  | boolean | true |  | 
+| disabled | 设置表单组件禁用，仅对 antd 组件有效 | boolean | false | 4.21.0 | 
+| component | 设置 Form 渲染元素，为  | ComponentType \| false | form |  | 
+| fields | 通过状态管理（如 redux）控制表单字段，如非强需求不推荐使用。查看 |  | - |  | 
+| form | 经  |  | - |  | 
+| feedbackIcons | 当  |  | - | 5.9.0 | 
+| initialValues | 表单默认值，只有初始化以及重置时生效 | object | - |  | 
+| labelAlign | label 标签的文本对齐方式 | left | right |  | 
+| labelWrap | label 标签的文本换行方式 | boolean | false | 4.18.0 | 
+| labelCol | label 标签布局，同  |  | - |  | 
+| layout | 表单布局 | horizontal | horizontal |  | 
+| name | 表单名称，会作为表单字段  | string | - |  | 
+| preserve | 当字段被删除时保留字段值。你可以通过  | boolean | true | 4.4.0 | 
+| requiredMark | 必选样式，可以切换为必选或者可选展示样式。此为 Form 配置，Form.Item 无法单独配置 | boolean \|  | true | renderProps | 
+| scrollToFirstError | 提交失败自动滚动到第一个错误字段 | boolean \|  | false | focus: 5.24.0 | 
+| size | 设置字段组件的尺寸（仅限 antd 组件） | small | - |  | 
 | validateMessages | 验证提示模板，说明 |  | - |  | 
 | validateTrigger | 统一设置字段触发验证的时机 | string \| string[] | onChange | 4.3.0 | 
 | variant | 表单内控件变体 | outlined | outlined | 5.13.0 \|  | 
@@ -2728,102 +2781,6 @@ type Rule = RuleConfig | ((form: FormInstance) => RuleConfig);
 
 
 
-<DemoTitle title="FloatButton" desc="用于网站上的全局功能；无论浏览到何处都可以看见的按钮。">
-#### API
-
-<AntdApiRef url="https://ant.design/components/float-button-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-自 `antd@5.0.0` 版本开始提供该组件。
-
-### 共同的 API
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| icon | 自定义图标 | ReactNode | - |  | 
-| description | 文字及其它内容 | ReactNode | - |  | 
-| tooltip | 气泡卡片的内容 | ReactNode \|  | - | TooltipProps: 5.25.0 | 
-| type | 设置按钮类型 | default | default |  | 
-| shape | 设置按钮形状 | circle | circle |  | 
-| onClick | 点击按钮时的回调 | (event) => void | - |  | 
-| href | 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 | string | - |  | 
-| target | 相当于 a 标签的 target 属性，href 存在时生效 | string | - |  | 
-| htmlType | 设置  | submit | button | 5.21.0 | 
-| badge | 带徽标数字的悬浮按钮（不支持  |  | - | 5.4.0 | 
-
-
-### FloatButton.Group
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| shape | 设置包含的 FloatButton 按钮形状 | circle | circle |  | 
-| trigger | 触发方式（有触发方式为菜单模式） | click | - |  | 
-| open | 受控展开，需配合 trigger 一起使用 | boolean | - |  | 
-| closeIcon | 自定义关闭按钮 | React.ReactNode |  |  | 
-| placement | 自定义菜单弹出位置 | top | top | 5.21.0 | 
-| onOpenChange | 展开收起时的回调，需配合 trigger 一起使用 | (open: boolean) => void | - |  | 
-| onClick | 点击按钮时的回调（仅在菜单模式中有效） | (event) => void | - | 5.3.0 | 
-
-
-### FloatButton.BackTop
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| duration | 回到顶部所需时间（ms） | number | 450 |  | 
-| target | 设置需要监听其滚动事件的元素 | () => HTMLElement | () => window |  | 
-| visibilityHeight | 滚动高度达到此参数值才出现 BackTop | number | 400 |  | 
-| onClick | 点击按钮的回调函数 | () => void | - |  | 
-
-
-
-
-<DemoTitle title="Empty" desc="用于空状态的占位图形展示。">
-## API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| type | 空状态类型 | \| 'noData'
-    \| 'networkError'
-    \| '404'
-    \| 'arrears'
-    \| 'desktopOnly'
-    \| 'noAudio'
-    \| 'noImage'
-    \| 'noVideo'
-    \| 'noAccess'
-    \| 'error'
-    \| 'noModel'
-    \| 'noApp'
-    \| 'success'
-    \| 'failed'
-    \| 'inProgress'
-    \| 'stayTuned' | 'noData' | 
-| texture | 是否显示纹理 | boolean | true | 
-| image | 图片地址 | string | 默认是no data的图片 | 
-| imageStyle | 图片样式 | React.CSSProperties |  | 
-| title | 标题内容 | React.ReactNode |  | 
-| description | 自定义描述内容 | React.ReactNode |  | 
-| onOk | ok按钮的点击事件 | (e: React.MouseEvent) => void |  | 
-| okText | ok按钮的文本 | React.ReactNode |  | 
-| okType | ok按钮的类型 | SparkButtonProps['type'] | 'primary' | 
-| okButtonProps | ok按钮的props | SparkButtonProps |  | 
-| children | 自定义空状态的内容 | React.ReactNode |  | 
-| className | 自定义空状态的类名 | string |  | 
-| style | 自定义空状态的样式 | React.CSSProperties |  | 
-| size | 自定义空状态的大小 | React.CSSProperties['width'] |  | 
-| autoFit | 是否自适应容器宽度，当容器宽度小于 size 时自动缩放 | boolean | false | 
-
-
-<AntdApiRef url="https://ant.design/components/empty-cn/#api"></AntdApiRef>
-
-
-
-
-
 <DemoTitle title="Dropdown" desc="向下弹出的列表。">
 #### API
 
@@ -2975,6 +2932,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
 
@@ -3077,98 +3077,27 @@ span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem
 
 
 
-<DemoTitle title="CollapsePanel" desc="折叠面板">
+<DemoTitle title="DatePicker" desc="输入或选择时间的控件。">
 #### API
 
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| collapsedHeight | 收起状态下显示的内容高度 | number | 0 | 
-| expandedHeight | 展开状态下的内容高度，设置后内容超出时可滚动，不设置则自适应内容高度 | number | 300 | 
-| title | 面板标题 | string \| React.ReactNode | "" | 
-| expandOnPanelClick | 是否允许点击整个面板进行展开 | boolean | false | 
-| extra | 面板右侧内容 | React.ReactNode |  | 
-| children | 面板内容 | React.ReactNode |  | 
-| defaultExpanded | 是否默认展开 | boolean | false | 
-| classNames | 语义化的classNames | Partial> |  | 
-| styles | 语义化的styles | Partial<
-    Record
-  > |  | 
-
+<AntdApiRef url="https://ant.design/components/date-picker-cn/#api"></AntdApiRef>
 
 
 ## antd API
 
 通用属性参考：[通用属性](/docs/react/common-props)
 
-### Collapse
+日期类组件包括以下五种形式。
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| accordion | 手风琴模式 | boolean | false |  | 
-| activeKey | 当前激活 tab 面板的 key | string[] \| string  |  |  | 
-| bordered | 带边框风格的折叠面板 | boolean | true |  | 
-| collapsible | 所有子面板是否可折叠或指定可折叠触发区域 | header | - | 4.9.0 | 
-| defaultActiveKey | 初始化选中面板的 key | string[] \| string | - |  | 
-| destroyOnHidden | 销毁折叠隐藏的面板 | boolean | false | 5.25.0 | 
-| expandIcon | 自定义切换图标 | (panelProps) => ReactNode | - |  | 
-| expandIconPosition | 设置图标位置 | start | - | 4.21.0 | 
-| ghost | 使折叠面板透明且无边框 | boolean | false | 4.4.0 | 
-| size | 设置折叠面板大小 | large | middle | 5.2.0 | 
-| onChange | 切换面板的回调 | function | - |  | 
-| items | 折叠项目内容 |  | - | 5.6.0 | 
 
+- DatePicker
+- DatePicker[picker="month"]
+- DatePicker[picker="week"]
+- DatePicker[picker="year"]
+- DatePicker[picker="quarter"] (4.1.0 新增)
+- RangePicker
 
-### ItemType
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| classNames | 语义化结构 className |  | - | 5.21.0 | 
-| collapsible | 是否可折叠或指定可折叠触发区域 | header | - |  | 
-| forceRender | 被隐藏时是否渲染 body 区域 DOM 结构 | boolean | false |  | 
-| key | 对应 activeKey | string \| number | - |  | 
-| label | 面板标题 | ReactNode | - | - | 
-| showArrow | 是否展示当前面板上的箭头（为 false 时，collapsible 不能设为 icon） | boolean | true |  | 
-| styles | 语义化结构 style |  | - | 5.21.0 | 
-
-
-### Collapse.Panel
-
-<!-- prettier-ignore -->
-<Container type="warning" title="已废弃">
-版本 >= 5.6.0 时请使用 items 方式配置面板。
-</Container>
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| collapsible | 是否可折叠或指定可折叠触发区域 | header | - | 4.9.0 (icon: 4.24.0) | 
-| forceRender | 被隐藏时是否渲染 body 区域 DOM 结构 | boolean | false |  | 
-| header | 面板标题 | ReactNode | - |  | 
-| key | 对应 activeKey | string \| number | - |  | 
-| showArrow | 是否展示当前面板上的箭头（为 false 时，collapsible 不能设为 icon） | boolean | true |  | 
-
-
-
-
-<DemoTitle title="DatePicker" desc="输入或选择时间的控件。">
-#### API
-
-<AntdApiRef url="https://ant.design/components/date-picker-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-日期类组件包括以下五种形式。
-
-
-- DatePicker
-- DatePicker[picker="month"]
-- DatePicker[picker="week"]
-- DatePicker[picker="year"]
-- DatePicker[picker="quarter"] (4.1.0 新增)
-- RangePicker
-
-### 国际化配置
+### 国际化配置
 
 默认配置为 en-US，如果你需要设置其他语言，推荐在入口处使用我们提供的国际化组件，详见：[ConfigProvider 国际化](https://ant.design/components/config-provider-cn/)。
 
@@ -3370,6 +3299,77 @@ export type FormatType =
 
 
 
+<DemoTitle title="CollapsePanel" desc="折叠面板">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| collapsedHeight | 收起状态下显示的内容高度 | number | 0 | 
+| expandedHeight | 展开状态下的内容高度，设置后内容超出时可滚动，不设置则自适应内容高度 | number | 300 | 
+| title | 面板标题 | string \| React.ReactNode | "" | 
+| expandOnPanelClick | 是否允许点击整个面板进行展开 | boolean | false | 
+| extra | 面板右侧内容 | React.ReactNode |  | 
+| children | 面板内容 | React.ReactNode |  | 
+| defaultExpanded | 是否默认展开 | boolean | false | 
+| classNames | 语义化的classNames | Partial> |  | 
+| styles | 语义化的styles | Partial<
+    Record
+  > |  | 
+
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Collapse
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| accordion | 手风琴模式 | boolean | false |  | 
+| activeKey | 当前激活 tab 面板的 key | string[] \| string  |  |  | 
+| bordered | 带边框风格的折叠面板 | boolean | true |  | 
+| collapsible | 所有子面板是否可折叠或指定可折叠触发区域 | header | - | 4.9.0 | 
+| defaultActiveKey | 初始化选中面板的 key | string[] \| string | - |  | 
+| destroyOnHidden | 销毁折叠隐藏的面板 | boolean | false | 5.25.0 | 
+| expandIcon | 自定义切换图标 | (panelProps) => ReactNode | - |  | 
+| expandIconPosition | 设置图标位置 | start | - | 4.21.0 | 
+| ghost | 使折叠面板透明且无边框 | boolean | false | 4.4.0 | 
+| size | 设置折叠面板大小 | large | middle | 5.2.0 | 
+| onChange | 切换面板的回调 | function | - |  | 
+| items | 折叠项目内容 |  | - | 5.6.0 | 
+
+
+### ItemType
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| classNames | 语义化结构 className |  | - | 5.21.0 | 
+| collapsible | 是否可折叠或指定可折叠触发区域 | header | - |  | 
+| forceRender | 被隐藏时是否渲染 body 区域 DOM 结构 | boolean | false |  | 
+| key | 对应 activeKey | string \| number | - |  | 
+| label | 面板标题 | ReactNode | - | - | 
+| showArrow | 是否展示当前面板上的箭头（为 false 时，collapsible 不能设为 icon） | boolean | true |  | 
+| styles | 语义化结构 style |  | - | 5.21.0 | 
+
+
+### Collapse.Panel
+
+<!-- prettier-ignore -->
+<Container type="warning" title="已废弃">
+版本 >= 5.6.0 时请使用 items 方式配置面板。
+</Container>
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| collapsible | 是否可折叠或指定可折叠触发区域 | header | - | 4.9.0 (icon: 4.24.0) | 
+| forceRender | 被隐藏时是否渲染 body 区域 DOM 结构 | boolean | false |  | 
+| header | 面板标题 | ReactNode | - |  | 
+| key | 对应 activeKey | string \| number | - |  | 
+| showArrow | 是否展示当前面板上的箭头（为 false 时，collapsible 不能设为 icon） | boolean | true |  | 
+
+
+
+
 <DemoTitle title="Collapse" desc="可以折叠/展开的内容区域">
 #### API
 
@@ -3428,6 +3428,77 @@ export type FormatType =
 
 
 
+<DemoTitle title="Checkbox" desc="收集用户的多项选择。">
+#### API
+
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| description | 描述文本 | string |  | 
+| descriptionClassName | 描述文本的样式类名 | string |  | 
+| descriptionStyle | 描述文本的内联样式 | React.CSSProperties |  | 
+
+
+<AntdApiRef url="https://ant.design/components/checkbox-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+#### Checkbox
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| autoFocus | 自动获取焦点 | boolean | false |  | 
+| checked | 指定当前是否选中 | boolean | false |  | 
+| defaultChecked | 初始是否选中 | boolean | false |  | 
+| disabled | 失效状态 | boolean | false |  | 
+| indeterminate | 设置 indeterminate 状态，只负责样式控制 | boolean | false |  | 
+| onChange | 变化时的回调函数 | (e: CheckboxChangeEvent) => void | - |  | 
+| onBlur | 失去焦点时的回调 | function() | - |  | 
+| onFocus | 获得焦点时的回调 | function() | - |  | 
+
+
+#### Checkbox.Group
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| defaultValue | 默认选中的选项 | (string \| number)[] | [] |  | 
+| disabled | 整组失效 | boolean | false |  | 
+| name | CheckboxGroup 下所有  | string | - |  | 
+| options | 指定可选项 | string[] \| number[] \| Option[] | [] |  | 
+| value | 指定选中的选项 | (string \| number \| boolean)[] | [] |  | 
+| title | 选项的 title | string | - |  | 
+| className | 选项的类名 | string | - | 5.25.0 | 
+| style | 选项的样式 | React.CSSProperties | - |  | 
+| onChange | 变化时的回调函数 | (checkedValue: T[]) => void | - |  | 
+
+
+##### Option
+
+
+```typescript
+interface Option {
+  label: string;
+  value: string;
+  disabled?: boolean;
+}
+```
+
+
+### 方法
+
+#### Checkbox
+
+| 名称 | 描述 | 版本 | 
+|--------|--------|--------|
+| blur() | 移除焦点 |  | 
+| focus() | 获取焦点 |  | 
+| nativeElement | 返回 Checkbox 的 DOM 节点 | 5.17.3 | 
+
+
+
+
 <DemoTitle title="CodeBlock" desc="代码块">
 #### API
 
@@ -3561,116 +3632,6 @@ type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' |
 
 
 
-<DemoTitle title="Checkbox" desc="收集用户的多项选择。">
-#### API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| description | 描述文本 | string |  | 
-| descriptionClassName | 描述文本的样式类名 | string |  | 
-| descriptionStyle | 描述文本的内联样式 | React.CSSProperties |  | 
-
-
-<AntdApiRef url="https://ant.design/components/checkbox-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-#### Checkbox
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| autoFocus | 自动获取焦点 | boolean | false |  | 
-| checked | 指定当前是否选中 | boolean | false |  | 
-| defaultChecked | 初始是否选中 | boolean | false |  | 
-| disabled | 失效状态 | boolean | false |  | 
-| indeterminate | 设置 indeterminate 状态，只负责样式控制 | boolean | false |  | 
-| onChange | 变化时的回调函数 | (e: CheckboxChangeEvent) => void | - |  | 
-| onBlur | 失去焦点时的回调 | function() | - |  | 
-| onFocus | 获得焦点时的回调 | function() | - |  | 
-
-
-#### Checkbox.Group
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| defaultValue | 默认选中的选项 | (string \| number)[] | [] |  | 
-| disabled | 整组失效 | boolean | false |  | 
-| name | CheckboxGroup 下所有  | string | - |  | 
-| options | 指定可选项 | string[] \| number[] \| Option[] | [] |  | 
-| value | 指定选中的选项 | (string \| number \| boolean)[] | [] |  | 
-| title | 选项的 title | string | - |  | 
-| className | 选项的类名 | string | - | 5.25.0 | 
-| style | 选项的样式 | React.CSSProperties | - |  | 
-| onChange | 变化时的回调函数 | (checkedValue: T[]) => void | - |  | 
-
-
-##### Option
-
-
-```typescript
-interface Option {
-  label: string;
-  value: string;
-  disabled?: boolean;
-}
-```
-
-
-### 方法
-
-#### Checkbox
-
-| 名称 | 描述 | 版本 | 
-|--------|--------|--------|
-| blur() | 移除焦点 |  | 
-| focus() | 获取焦点 |  | 
-| nativeElement | 返回 Checkbox 的 DOM 节点 | 5.17.3 | 
-
-
-
-
-<DemoTitle title="Avatar" desc="用来代表用户或事物，支持图片、图标或字符展示。">
-#### API
-
-<AntdApiRef url="https://ant.design/components/avatar-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-### Avatar
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| alt | 图像无法显示时的替代文本 | string | - |  | 
-| gap | 字符类型距离左右两侧边界单位像素 | number | 4 | 4.3.0 | 
-| icon | 设置头像的自定义图标 | ReactNode | - |  | 
-| shape | 指定头像的形状 | circle | circle |  | 
-| size | 设置头像的大小 | number \|  | default | 4.7.0 | 
-| src | 图片类头像的资源地址或者图片元素 | string \| ReactNode | - | ReactNode: 4.8.0 | 
-| srcSet | 设置图片类头像响应式资源地址 | string | - |  | 
-| draggable | 图片是否允许拖动 | boolean \|  | true |  | 
-| crossOrigin | CORS 属性设置 | 'anonymous' | - | 4.17.0 | 
-| onError | 图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为 | () => boolean | - |  | 
-
-
-Tip：你可以设置 `icon` 或 `children` 作为图片加载失败的默认 fallback 行为，优先级为 `icon` > `children`
-
-### Avatar.Group <Badge>4.5.0+</Badge>
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| max | 设置最多显示相关配置， | { count?: number; style?: CSSProperties; popover?: PopoverProps } | - | 5.18.0 | 
-| size | 设置头像的大小 | number \|  | default | 4.8.0 | 
-| shape | 设置头像的形状 | circle | circle | 5.8.0 | 
-
-
-
-
 <DemoTitle title="Breadcrumb" desc="显示当前页面在系统层级结构中的位置，并能向上返回。">
 #### API
 
@@ -3790,6 +3751,45 @@ return <Breadcrumb itemRender={itemRender} items={items} />;
 
 
 
+<DemoTitle title="Avatar" desc="用来代表用户或事物，支持图片、图标或字符展示。">
+#### API
+
+<AntdApiRef url="https://ant.design/components/avatar-cn/#api"></AntdApiRef>
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Avatar
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| alt | 图像无法显示时的替代文本 | string | - |  | 
+| gap | 字符类型距离左右两侧边界单位像素 | number | 4 | 4.3.0 | 
+| icon | 设置头像的自定义图标 | ReactNode | - |  | 
+| shape | 指定头像的形状 | circle | circle |  | 
+| size | 设置头像的大小 | number \|  | default | 4.7.0 | 
+| src | 图片类头像的资源地址或者图片元素 | string \| ReactNode | - | ReactNode: 4.8.0 | 
+| srcSet | 设置图片类头像响应式资源地址 | string | - |  | 
+| draggable | 图片是否允许拖动 | boolean \|  | true |  | 
+| crossOrigin | CORS 属性设置 | 'anonymous' | - | 4.17.0 | 
+| onError | 图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为 | () => boolean | - |  | 
+
+
+Tip：你可以设置 `icon` 或 `children` 作为图片加载失败的默认 fallback 行为，优先级为 `icon` > `children`
+
+### Avatar.Group <Badge>4.5.0+</Badge>
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| max | 设置最多显示相关配置， | { count?: number; style?: CSSProperties; popover?: PopoverProps } | - | 5.18.0 | 
+| size | 设置头像的大小 | number \|  | default | 4.8.0 | 
+| shape | 设置头像的形状 | circle | circle | 5.8.0 | 
+
+
+
+
 <DemoTitle title="Audio" desc="音频展示">
 #### API
 
@@ -4059,120 +4059,6 @@ const confirmed = await modal.confirm({ ... });
 
 
 
-## 内置主题
-
-Alibaba Cloud Spark Design 提供四种内置主题：
-
-<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>
-
-### 示例用法
-
-
-```tsx
-import { ConfigProvider, purpleTheme } from '@agentscope-ai/design';
-
-const App = () => {
-  return <ConfigProvider {...purpleTheme}>Hello Spark Design!</ConfigProvider>;
-};
-
-export default App;
-```
-
-
-## 从 Antd token 生成您自己的主题
-
-如果您已经有了 Antd 主题，仍然可以使用 generateThemeByToken 生成 spark 风格的主题
-
-
-```tsx
-import { ConfigProvider, generateThemeByToken } from '@agentscope-ai/design';
-const yourToken = {
-  borderRadiusXS: 2,
-  borderRadiusSM: 4,
-  borderRadius: 6,
-  borderRadiusLG: 8,
-  borderRadiusXL: 12,
-  borderRadiusFull: 999,
-  wireframe: false,
-  colorPrimaryBg: '#F2F0FF',
-  colorPrimaryBgHover: '#F2F0FF',
-  colorPrimaryBorder: '#E2DEFF',
-  colorPrimaryBorderHover: '#BCB5FF',
-  // ... 您可以在下一个文档中找到完整版本的 tokens：Tokens 和 CSS 变量
-};
-const darkMode = false;
-const yourThemeWithSparkStyle = generateThemeByToken(yourToken, darkMode);
-const App = () => {
-  return (
-    <ConfigProvider {...yourThemeWithSparkStyle}>
-      Hello Spark Design!
-    </ConfigProvider>
-  );
-};
-
-export default App;
-```
-
-
-您仍然可以修改生成的主题：`yourThemeWithSparkStyle`，但不建议这样做。我们建议您保持原始主题以获得 Spark Design 的最佳体验。
-
-
-
-<div align="center"><a name="readme-top"></a>
-  <img height="120" src="https://img.alicdn.com/imgextra/i1/O1CN01ipemFb1EzmZI9LiTe_!!6000000000423-55-tps-28-28.svg" style="border: none">
-  <h1>Alibaba Cloud Spark Design</h1>
-</div>
-
-# 概述
-
-Alibaba Cloud Spark Design 是一个基于 Ant Design 的 React UI 组件库，包含丰富的基础组件和场景组件，专为构建优秀的 LLM 产品而设计。
-<br />
-<br />
-
-## ✨ 特性
-
-
-- <img height="15" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"> 基于 Ant Design，兼容 Ant Design 生态系统。您可以无需修改代码即可切换到 Spark Design。
-- 🛡 使用 TypeScript 编写，具有可预测的静态类型。
-- 🧠 为 LLM 产品设计的各种场景组件。
-- 💡 与@agentscope-ai/chat 和 @agentscope-ai/flow 配合使用，构建企业级 LLM 应用。
-- 🎨 多种预设主题。
-- ☀️ 轻松切换明暗模式。
-
-## 📦 安装
-
-
-```bash
-npm install antd @agentscope-ai/icons @agentscope-ai/design --save
-```
-
-
-## Tree Shaking 支持
-
-@agentscope-ai/design 默认基于 ES 模块支持 tree shaking
-
-## TypeScript
-
-@agentscope-ai/chat 使用 TypeScript 编写并提供完整的定义文件。
-
-## 内置主题
-
-我们提供四种内置主题：
-
-<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 访问我们的项目。
-
-
-
 # 使用
 
 
@@ -4199,778 +4085,19 @@ export default () => {
 
 
 
-# 从 Antd 迁移
-
-## 📦 安装
-
-
-```bash
-$ npm install @agentscope-ai/icons @agentscope-ai/design --save
-```
-
-
-## 🔨 使用
-
-从 @agentscope-ai/design 导出的所有同名组件在 API 方面都与 antd 的对应组件兼容，这意味着您无需学习如何使用它们。如果您想充分利用 Alibaba Cloud Spark Design 的新功能，可以尝试使用这些组件而不是 antd 的组件。
-
-
-```tsx
-import {
-  Button,
-  Image,
-  ConfigProvider,
-  purpleDarkTheme,
-  purpleTheme,
-} from '@agentscope-ai/design';
-import { SparkSunLine, SparkMoonLine } from '@agentscope-ai/icons';
-import { Flex } from 'antd';
-import zhCN from 'antd/locale/zh_CN';
-import { useState } from 'react';
-
-const App = () => {
-  const [colorMode, setColorMode] = useState('light');
-  const theme = colorMode === 'light' ? purpleTheme : purpleDarkTheme;
-
-  const prefix = 'sps';
-  return (
-    <ConfigProvider
-      {...theme} // 您可以从 purpleTheme、purpleDarkTheme、carbonTheme 和 carbonDarkTheme 中选择
-      prefix={prefix} // Ant Design 和 @agentscope-ai/design 的前缀
-      prefixCls={prefix}
-      iconfont="//at.alicdn.com/t/a/font_4807885_ugexdeaoq7.js" // 可选参数，您可以从 https://www.iconfont.cn/ 获取
-      locale={zhCN} // 来自 Ant Design 的语言包
-      style={{
-        width: '100%',
-        height: '100%',
-      }}
-    >
-      <div
-        style={{
-          width: '100%',
-          height: '100%',
-          backgroundColor: `var(--${prefix}-color-bg-base)`,
-        }}
-      >
-        <Flex vertical gap={16} align="center" style={{ padding: '12px 0' }}>
-          <Image
-            width={120}
-            src="https://img.alicdn.com/imgextra/i1/O1CN01Py27NU1re2pgohzqU_!!6000000005655-0-tps-480-480.jpg"
-          />
-          <div
-            style={{
-              color: `var(--${prefix}-ant-color-text-base)`,
-              fontSize: '24px',
-              textAlign: 'center',
-            }}
-          >
-            Hello Spark Design!
-          </div>
-          <Button
-            type="primary"
-            onClick={() => {
-              setColorMode(colorMode === 'light' ? 'dark' : 'light');
-            }}
-            icon={colorMode === 'light' ? <SparkMoonLine /> : <SparkSunLine />}
-          >
-            {colorMode === 'light' ? '暗色' : '亮色'} 模式
-          </Button>
-        </Flex>
-      </div>
-    </ConfigProvider>
-  );
-};
-
-export default App;
-```
-
-
-如果您想继续使用 antd 的组件，那也没问题。您只需要将 antd 的 ConfigProvider 替换为 @agentscope-ai/design 的即可。
-
-
-```tsx
-import {
-  ConfigProvider,
-  purpleDarkTheme,
-  purpleTheme,
-} from '@agentscope-ai/design';
-import { Button, Image, Flex } from 'antd';
-import { SparkSunLine, SparkMoonLine } from '@agentscope-ai/icons';
-import zhCN from 'antd/locale/zh_CN';
-import { useState } from 'react';
-
-const App = () => {
-  const [colorMode, setColorMode] = useState('light');
-  const theme = colorMode === 'light' ? purpleTheme : purpleDarkTheme;
-
-  const prefix = 'sps';
-  return (
-    <ConfigProvider
-      {...theme} // 您可以从 purpleTheme、purpleDarkTheme、carbonTheme 和 carbonDarkTheme 中选择
-      prefix={prefix} // Ant Design 和 @agentscope-ai/design 的前缀
-      prefixCls={prefix}
-      iconfont="//at.alicdn.com/t/a/font_4807885_ugexdeaoq7.js" // 可选参数，您可以从 https://www.iconfont.cn/ 获取
-      locale={zhCN} // 来自 Ant Design 的语言包
-      style={{
-        width: '100%',
-        height: '100%',
-      }}
-    >
-      <div
-        style={{
-          width: '100%',
-          height: '100%',
-          backgroundColor: `var(--${prefix}-color-bg-base)`,
-        }}
-      >
-        <Flex vertical gap={16} align="center" style={{ padding: '12px 0' }}>
-          <Image
-            width={120}
-            src="https://img.alicdn.com/imgextra/i1/O1CN01Py27NU1re2pgohzqU_!!6000000005655-0-tps-480-480.jpg"
-          />
-          <div
-            style={{
-              color: `var(--${prefix}-ant-color-text-base)`,
-              fontSize: '24px',
-              textAlign: 'center',
-            }}
-          >
-            Hello Spark Design!
-          </div>
-          <Button
-            type="primary"
-            onClick={() => {
-              setColorMode(colorMode === 'light' ? 'dark' : 'light');
-            }}
-            icon={colorMode === 'light' ? <SparkMoonLine /> : <SparkSunLine />}
-          >
-            {colorMode === 'light' ? '暗色' : '亮色'} 模式
-          </Button>
-        </Flex>
-      </div>
-    </ConfigProvider>
-  );
-};
-
-export default App;
-```
-
-
-
-
-# 使用
-
-如果您有自己的 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;
-```
-
-
-
-
-# Vibe 编程
-
-## LLMs.txt
-
-为了让 Cursor 和 Claude Code 等工具理解 Spark Design，我们支持 LLMs.txt 文件，使 Spark Design 的文档可供大型语言模型使用。
-
-
-- [index.llms.txt](https://g.alicdn.com/code/npm/@ali/agentscope-ai-design/4.7.2/docs-dist/llms/index.llms.txt)：主要的 LLMs.txt 索引文件
-- [all.llms.txt](https://g.alicdn.com/code/npm/@ali/agentscope-ai-design/4.7.2/docs-dist/llms/all.llms.txt)：Spark Design 的完整文档
-
-在 Cursor 中使用 @Docs 功能将 LLMs.txt 文件包含在您的项目中。[了解更多](https://docs.cursor.com/en/context/@-symbols/@-docs)
-
-## D2C
-
-在前端使用 Alibaba Cloud Spark Design、设计稿使用 Spark Design 套件的前提下，通过 masterGo 视觉稿生成代码可以做到以下几点：
-
-
-- 准确识别 icon
-- 使用标准 css token
-- 无需测量间距、圆角等数据，AI 直接还原布局（90%以上概率准确生成）
-- 使用标准组件还原页面，大部分标准组件可一次性正确生成，无需二次调整
-
-<div>
-<video style="width: 100%" controls src="https://cloud.video.taobao.com/vod/PrrYzvYJkoDlbJwoL8Ei1Bo_60LrKAROCojWxB_EAYs.mp4" />
-</div>
-
-我们会在不久的将来开放 masterGo 的设计套件和 rules，帮助您高效率还原视觉稿
-
-
-
-# 从零开始使用
-
-## 📦 安装
-
-
-```bash
-$ npm install antd @agentscope-ai/icons @agentscope-ai/design --save
-```
-
-
-## 🔨 使用
-
-
-```tsx
-import {
-  Button,
-  Image,
-  ConfigProvider,
-  purpleDarkTheme,
-  purpleTheme,
-} from '@agentscope-ai/design';
-import { SparkSunLine, SparkMoonLine } from '@agentscope-ai/icons';
-import { Flex } from 'antd';
-import zhCN from 'antd/locale/zh_CN';
-import { useState } from 'react';
-
-const App = () => {
-  const [colorMode, setColorMode] = useState('light');
-  const theme = colorMode === 'light' ? purpleTheme : purpleDarkTheme;
-
-  const prefix = 'sps';
-  return (
-    <ConfigProvider
-      {...theme} // 您可以从 purpleTheme、purpleDarkTheme、carbonTheme 和 carbonDarkTheme 中选择
-      prefix={prefix} // Ant Design 和 @agentscope-ai/design 的前缀
-      prefixCls={prefix}
-      iconfont="//at.alicdn.com/t/a/font_4807885_ugexdeaoq7.js" // 可选参数，您可以从 https://www.iconfont.cn/ 获取
-      locale={zhCN} // 来自 Ant Design 的语言包
-      style={{
-        width: '100%',
-        height: '100%',
-      }}
-    >
-      <div
-        style={{
-          width: '100%',
-          height: '100%',
-          backgroundColor: `var(--${prefix}-color-bg-base)`,
-        }}
-      >
-        <Flex vertical gap={16} align="center" style={{ padding: '12px 0' }}>
-          <Image
-            width={120}
-            src="https://img.alicdn.com/imgextra/i1/O1CN01Py27NU1re2pgohzqU_!!6000000005655-0-tps-480-480.jpg"
-          />
-          <div
-            style={{
-              color: `var(--${prefix}-ant-color-text-base)`,
-              fontSize: '24px',
-              textAlign: 'center',
-            }}
-          >
-            Hello Spark Design!
-          </div>
-          <Button
-            type="primary"
-            onClick={() => {
-              setColorMode(colorMode === 'light' ? 'dark' : 'light');
-            }}
-            icon={colorMode === 'light' ? <SparkMoonLine /> : <SparkSunLine />}
-          >
-            {colorMode === 'light' ? '暗色' : '亮色'} 模式
-          </Button>
-        </Flex>
-      </div>
-    </ConfigProvider>
-  );
-};
-
-export default App;
-```
-
-
-
-
-# Tokens
-
-除了来自 [antd](https://ant.design/theme-editor) 的固有 tokens 之外，Spark Design 在原有基础上扩展了更多变量。完整的 token 示例如下所示：
-
-<div><span style="display: inline-block; width: 12px; height: 12px; background-color: #615CED;"></span> purpleTheme</div>
-
-```json
-{
-  "borderRadiusXS": 2,
-  "borderRadiusSM": 4,
-  "borderRadius": 6,
-  "borderRadiusLG": 8,
-  "borderRadiusXL": 12,
-  "borderRadiusFull": 999,
-  "wireframe": false,
-  "colorPrimaryBg": "rgba(97, 92, 237, 0.08)",
-  "colorPrimaryBgHover": "#F2F0FF",
-  "colorPrimaryBorder": "#E2DEFF",
-  "colorPrimaryBorderHover": "#BCB5FF",
-  "colorPrimaryHover": "#9189FA",
-  "colorPrimary": "#615CED",
-  "colorPrimaryActive": "#4444C7",
-  "colorPrimaryTextHover": "#9189FA",
-  "colorPrimaryText": "#615CED",
-  "colorPrimaryTextActive": "#4444C7",
-  "colorTextBase": "#26244c",
-  "colorBgBase": "#FFFFFF",
-  "colorText": "rgba(38, 36, 76, 0.88)",
-  "colorTextSecondary": "rgba(38, 36, 76, 0.65)",
-  "colorTextTertiary": "rgba(38, 36, 76, 0.45)",
-  "colorTextQuaternary": "rgba(38, 36, 76, 0.25)",
-  "colorBorder": "#cdd0dc",
-  "colorBorderSecondary": "#e6e8ee",
-  "colorFill": "#cdd0dc5c",
-  "colorFillSecondary": "#cdd0dc33",
-  "colorFillTertiary": "#cdd0dc26",
-  "colorFillQuaternary": "#cdd0dc1a",
-  "colorBgContainer": "#FFFFFF",
-  "colorBgElevated": "#FFFFFF",
-  "colorBgLayout": "#f9fafd",
-  "colorBgSpotlight": "rgba(38, 36, 76, 0.85)",
-  "colorBgMask": "rgba(20, 19, 39, 0.45)",
-  "colorInfo": "#0B83F1",
-  "colorInfoHover": "#5EBCFF",
-  "colorInfoBorder": "#87D1FF",
-  "colorInfoText": "#0B83F1",
-  "colorInfoBg": "#E6F7FF",
-  "colorInfoBgHover": "#B0E3FF",
-  "colorInfoBorderHover": "#5EBCFF",
-  "colorSuccess": "#5BB98B",
-  "colorSuccessHover": "#ABD4BE",
-  "colorSuccessBg": "#EBFAF0",
-  "colorSuccessBgHover": "#DFEDE4",
-  "colorSuccessBorder": "#D3E0D9",
-  "colorSuccessBorderHover": "#ABD4BE",
-  "colorWarning": "#FAAD14",
-  "colorWarningHover": "#FFD666",
-  "colorWarningBg": "#FFFBE6",
-  "colorWarningBgHover": "#FFF1B8",
-  "colorWarningBorder": "#FFE58F",
-  "colorWarningBorderHover": "#FFD666",
-  "colorError": "#FF4D4F",
-  "colorErrorHover": "#FF7875",
-  "colorErrorBg": "#FFF2F0",
-  "colorErrorBgHover": "#FFF1F0",
-  "colorErrorBorder": "#FFCCC7",
-  "colorErrorBorderHover": "#FFA39E",
-  "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": "#ffffff",
-  "colorTextOnPrimary": "#ffffff",
-  "colorFillDisable": "#DBDAE7",
-  "colorPurple": "#615CED",
-  "colorPurpleHover": "#8080FF",
-  "colorPurpleBg": "rgba(226, 222, 255, 0.8)",
-  "colorPink": "#EC4899",
-  "colorPinkHover": "#E593BC",
-  "colorPinkBg": "rgba(251, 220, 239, 0.8)",
-  "colorYellow": "#EAB308",
-  "colorYellowHover": "#F1D372",
-  "colorYellowBg": "rgba(255, 250, 184, 0.8)",
-  "colorOrange": "#FA8125",
-  "colorOrangeHover": "#E88C45",
-  "colorOrangeBg": "rgba(255, 232, 201, 0.8)",
-  "colorTeal": "#14B8A6",
-  "colorTealHover": "#5FB3A9",
-  "colorTealBg": "rgba(200, 244, 233, 0.8)",
-  "colorBlue": "#0090FF",
-  "colorBlueHover": "#72BCF5",
-  "colorBlueBg": "rgba(194, 229, 255, 0.8)",
-  "colorMauve": "#8E8C99",
-  "colorMauveHover": "#C0BFC8",
-  "colorMauveBg": "rgba(239, 240, 243, 0.8)",
-  "colorSlate": "#1E293B",
-  "colorSlateHover": "#475569",
-  "colorSlateBg": "#E2E8F0",
-  "colorLavender": "#A77BFF",
-  "colorLavenderHover": "#BB99FF",
-  "colorLavenderBg": "rgba(226, 212, 255, 0.8)",
-
-  "boxShadowTertiary": "0px 12px 32px -16px rgba(0, 0, 0, 0.24),0px 12px 60px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
-  "boxShadowTertiaryLeft": "-12px 0px 32px -16px rgba(0, 0, 0, 0.24),-12px 0px 60px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
-  "boxShadowInput": "0px 12px 24px -16px rgba(54, 54, 73, 0.04),0px 12px 40px 0px rgba(51, 51, 71, 0.08),0px 0px 1px 0px rgba(44, 44, 54, 0.02)"
-}
-```
-
-<div><span style="display: inline-block; width: 12px; height: 12px; background-color: #5551CC;"></span> purpleDarkTheme（暗色模式）</div>
-
-```json
-{
-  "borderRadiusXS": 2,
-  "borderRadiusSM": 4,
-  "borderRadius": 6,
-  "borderRadiusLG": 8,
-  "borderRadiusXL": 12,
-  "borderRadiusFull": 999,
-  "wireframe": false,
-  "colorPrimaryBg": "#202041",
-  "colorPrimaryBgHover": "#202041",
-  "colorPrimaryBorder": "#2B2A55",
-  "colorPrimaryBorderHover": "#373476",
-  "colorPrimaryHover": "#857DE3",
-  "colorPrimary": "#5551CC",
-  "colorPrimaryActive": "#4643A1",
-  "colorPrimaryTextHover": "#857DE3",
-  "colorPrimaryText": "#5551CC",
-  "colorPrimaryTextActive": "#4643A1",
-  "colorTextBase": "#E7E7ED",
-  "colorBgBase": "#000000",
-  "colorText": "rgba(231, 231, 237, 0.88)",
-  "colorTextSecondary": "rgba(231, 231, 237, 0.65)",
-  "colorTextTertiary": "rgba(231, 231, 237, 0.45)",
-  "colorTextQuaternary": "rgba(231, 231, 237, 0.25)",
-  "colorBorder": "rgba(71, 71, 97, 0.8)",
-  "colorBorderSecondary": "rgba(56, 56, 76, 0.8)",
-  "colorFill": "rgba(231, 231, 237, 0.18)",
-  "colorFillSecondary": "rgba(231, 231, 237, 0.12)",
-  "colorFillTertiary": "rgba(231, 231, 237, 0.08)",
-  "colorFillQuaternary": "rgba(231, 231, 237, 0.04)",
-  "colorBgContainer": "#0F0F14",
-  "colorBgElevated": "#0F0F14",
-  "colorBgLayout": "#0F0F14",
-  "colorBgSpotlight": "rgba(71, 71, 97, 0.85)",
-  "colorBgMask": "rgba(5, 5, 8, 0.8)",
-  "colorInfo": "#0B83F1",
-  "colorInfoHover": "rgba(42, 114, 165, 1)",
-  "colorInfoBorder": "rgba(135, 209, 255, 0.2)",
-  "colorInfoText": "#0B83F1",
-  "colorInfoBg": "rgba(27, 73, 115, 0.25)",
-  "colorInfoBgHover": "rgba(27, 73, 115, 0.32)",
-  "colorInfoBorderHover": "rgba(94, 188, 255, 0.2)",
-  "colorSuccess": "#5BB98B",
-  "colorSuccessHover": "rgba(87, 141, 112, 1)",
-  "colorSuccessBg": "rgba(0, 50, 26, 0.25)",
-  "colorSuccessBgHover": "rgba(0, 50, 26, 0.32)",
-  "colorSuccessBorder": "rgba(211, 224, 217, 0.2)",
-  "colorSuccessBorderHover": "rgba(171, 212, 190, 0.2)",
-  "colorWarning": "#FAAD14",
-  "colorWarningHover": "rgba(170, 136, 43, 1)",
-  "colorWarningBg": "rgba(129, 116, 49, 0.25)",
-  "colorWarningBgHover": "rgba(129, 116, 49, 0.32)",
-  "colorWarningBorder": "rgba(255, 229, 143, 0.2)",
-  "colorWarningBorderHover": "rgba(255, 214, 102, 0.2)",
-  "colorError": "#FF4D4F",
-  "colorErrorHover": "rgba(165, 50, 48, 1)",
-  "colorErrorBg": "rgba(129, 46, 46, 0.25)",
-  "colorErrorBgHover": "rgba(129, 46, 46, 0.32)",
-  "colorErrorBorder": "rgba(255, 204, 199, 0.2)",
-  "colorErrorBorderHover": "rgba(255, 163, 158, 0.2)",
-  "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",
- "colorTextOnPrimary": "#fff",
-  "colorFillDisable": "#8D8C98",
-  "colorPurple": "#5551CC",
-  "colorPurpleHover": "#8383F0",
-  "colorPurpleBg": "rgba(226, 222, 255, 0.2)",
-  "colorPink": "#EC4899",
-  "colorPinkHover": "#E494BC",
-  "colorPinkBg": "rgba(251, 220, 239, 0.2)",
-  "colorYellow": "#EAB308",
-  "colorYellowHover": "#DBBE62",
-  "colorYellowBg": "rgba(255, 250, 184, 0.2)",
-  "colorOrange": "#FA8125",
-  "colorOrangeHover": "#F7A25F",
-  "colorOrangeBg": "rgba(255, 232, 201, 0.2)",
-  "colorTeal": "#14B8A6",
-  "colorTealHover": "#7BC7BE",
-  "colorTealBg": "rgba(200, 244, 233, 0.2)",
-  "colorBlue": "#0090FF",
-  "colorBlueHover": "#83BFED",
-  "colorBlueBg": "rgba(194, 229, 255, 0.2)",
-  "colorMauve": "#8E8C99",
-  "colorMauveHover": "#BBB8CA",
-  "colorMauveBg": "rgba(239, 240, 243, 0.2)",
- "colorSlate": "#2C3A50",
-  "colorSlateHover": "#354252",
-  "colorSlateBg": "#232B36",
-  "colorLavender": "#A77BFF",
-  "colorLavenderHover": "#BFA5F3",
-  "colorLavenderBg": "rgba(150, 143, 167, 0.48)",
-
-  "boxShadowTertiary": "0px 12px 32px -16px rgba(255, 255, 255, 0.16),0px 12px 60px 0px rgba(255, 255, 255, 0.08),0px 0px 1px 0px rgba(255, 255, 255, 0.02)",
-  "boxShadowTertiaryLeft": "-12px 0px 32px -16px rgba(255, 255, 255, 0.16),-12px 0px 60px 0px rgba(255, 255, 255, 0.08),0px 0px 1px 0px rgba(255, 255, 255, 0.02);",
-  "boxShadowInput": "0px 12px 24px -16px rgba(255, 255, 255, 0.08),0px 12px 40px 0px rgba(255, 255, 255, 0.16),0px 0px 1px 0px rgba(255, 255, 255, 0.04)"
-}
-
-```
-
-<div><span style="display: inline-block; width: 12px; height: 12px; background-color: rgba(26, 26, 29, 1);"></span> carbonTheme</div>
+### 1.0.21
+`2025-12-25`
 
-```json
-{
-  "borderRadiusXS": 2,
-  "borderRadiusSM": 4,
-  "borderRadius": 6,
-  "borderRadiusLG": 8,
-  "borderRadiusXL": 12,
-  "borderRadiusFull": 999,
-  "wireframe": false,
-  "colorPrimaryBg": "rgba(244, 244, 247, 1)",
-  "colorPrimaryBgHover": "rgba(239, 239, 244, 1)",
-  "colorPrimaryBorder": "rgba(62, 63, 66, 1)",
-  "colorPrimaryBorderHover": "rgba(130, 132, 137, 1)",
-  "colorPrimaryHover": "rgba(38, 38, 41, 1)",
-  "colorPrimary": "rgba(26, 26, 29, 1)",
-  "colorPrimaryActive": "rgba(0, 0, 0, 1)",
-  "colorPrimaryTextHover": "rgba(38, 38, 41, 1)",
-  "colorPrimaryText": "rgba(26, 26, 29, 1)",
-  "colorPrimaryTextActive": "rgba(0, 0, 0, 1)",
-  "colorTextBase": "rgba(26, 26, 29, 1)",
-  "colorBgBase": "rgba(255, 255, 255, 1)",
-  "colorText": "rgba(26, 26, 29, 0.88)",
-  "colorTextSecondary": "rgba(26, 26, 29, 0.65)",
-  "colorTextTertiary": "rgba(26, 26, 29, 0.45)",
-  "colorTextQuaternary": "rgba(26, 26, 29, 0.25)",
-  "colorBorder": "rgba(187, 187, 193, 1)",
-  "colorBorderSecondary": "rgba(234, 234, 234, 1)",
-  "colorFill": "rgba(0, 0, 43, 0.06)",
-  "colorFillSecondary": "rgba(0, 0, 85, 0.03)",
-  "colorFillTertiary": "rgba(205, 208, 220, 0.15)",
-  "colorFillQuaternary": "rgba(205, 208, 220, 0.1)",
-  "colorBgContainer": "rgba(255, 255, 255, 1)",
-  "colorBgElevated": "rgba(255, 255, 255, 1)",
-  "colorBgLayout": "rgba(250, 250, 251, 1)",
-  "colorBgSpotlight": "rgba(26, 26, 29, 0.85)",
-  "colorBgMask": "rgba(0, 0, 0, 0.45)",
-  "colorInfo": "rgba(11, 131, 241, 1)",
-  "colorInfoHover": "rgba(94, 188, 255, 1)",
-  "colorInfoBorder": "rgba(135, 209, 255, 1)",
-  "colorInfoText": "rgba(11, 131, 241, 1)",
-  "colorInfoBg": "rgba(230, 247, 255, 1)",
-  "colorInfoBgHover": "rgba(176, 227, 255, 1)",
-  "colorInfoBorderHover": "rgba(94, 188, 255, 1)",
-  "colorSuccess": "rgba(91, 185, 139, 1)",
-  "colorSuccessHover": "rgba(171, 212, 190, 1)",
-  "colorSuccessBg": "rgba(235, 250, 240, 1)",
-  "colorSuccessBgHover": "rgba(223, 237, 228, 1)",
-  "colorSuccessBorder": "rgba(211, 224, 217, 1)",
-  "colorSuccessBorderHover": "rgba(171, 212, 190, 1)",
-  "colorWarning": "rgba(250, 173, 20, 1)",
-  "colorWarningHover": "rgba(255, 214, 102, 1)",
-  "colorWarningBg": "rgba(255, 251, 230, 1)",
-  "colorWarningBgHover": "rgba(255, 241, 184, 1)",
-  "colorWarningBorder": "rgba(255, 229, 143, 1)",
-  "colorWarningBorderHover": "rgba(255, 214, 102, 1)",
-  "colorError": "rgba(255, 77, 79, 1)",
-  "colorErrorHover": "rgba(255, 120, 117, 1)",
-  "colorErrorBg": "rgba(255, 242, 240, 1)",
-  "colorErrorBgHover": "rgba(255, 241, 240, 1)",
-  "colorErrorBorder": "rgba(255, 204, 199, 1)",
-  "colorErrorBorderHover": "rgba(255, 163, 158, 1)",
-  "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": "#ffffff",
-  "colorTextOnPrimary": "#ffffff",
-  "colorFillDisable": "rgba(232, 232, 235, 1)",
-  "colorPurple": "rgba(97, 92, 237, 1)",
-  "colorPurpleHover": "#8080FF",
-  "colorPurpleBg": "rgba(226, 222, 255, 0.8)",
-  "colorPink": "rgba(236, 72, 153, 1)",
-  "colorPinkHover": "#E593BC",
-  "colorPinkBg": "rgba(251, 220, 239, 0.8)",
-  "colorYellow": "rgba(234, 179, 8, 1)",
-  "colorYellowHover": "#F1D372",
-  "colorYellowBg": "rgba(255, 250, 184, 0.8)",
-  "colorOrange": "rgba(250, 129, 37, 1)",
-  "colorOrangeHover": "#E88C45",
-  "colorOrangeBg": "rgba(255, 232, 201, 0.8)",
-  "colorTeal": "rgba(20, 184, 166, 1)",
-  "colorTealHover": "#5FB3A9",
-  "colorTealBg": "rgba(200, 244, 233, 0.8)",
-  "colorBlue": "rgba(0, 144, 255, 1)",
-  "colorBlueHover": "#72BCF5",
-  "colorBlueBg": "rgba(194, 229, 255, 0.8)",
-  "colorMauve": "rgba(142, 140, 153, 1)",
-  "colorMauveHover": "#C0BFC8",
-  "colorMauveBg": "rgba(239, 240, 243, 0.8)",
-  "colorSlate": "#2C3A50",
-  "colorSlateHover": "#354252",
-  "colorSlateBg": "#232B36",
-  "boxShadowTertiary": "0px 12px 32px -16px rgba(0, 0, 0, 0.24),0px 12px 60px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
-  "boxShadowTertiaryLeft": "-12px 0px 32px -16px rgba(0, 0, 0, 0.24),-12px 0px 60px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
-  "boxShadowInput": "0px 12px 24px -16px rgba(54, 54, 73, 0.04),0px 12px 40px 0px rgba(51, 51, 71, 0.08),0px 0px 1px 0px rgba(44, 44, 54, 0.02)"
-}
+##### Changed
 
-```
+- AlertDialog 组件：定位距离顶部的默认高度调整为当前窗口高度的 36%
+- Table 组件：表格行 hover 背景色修改为 `color-bg-layout` 颜色变量；表格行选中背景色修改为 `color-primary-bg-hover` 颜色变量
+- Select 组件：多选模式的选中项背景色调整
+- 主题色变量更新：,
+  - bailianDarkTheme：添加 `"colorLinkHover": "#857DE3"`
+  - bailianTheme：添加 `"colorLinkHover": "#8080FF"`
+  - carbonDarkTheme：修改 `"colorTextOnPrimary": "#ffffff"`
 
-<div><span style="display: inline-block; width: 12px; height: 12px; background-color: rgba(26, 26, 29, 1);"></span> carbonDarkTheme</div>
+##### Fixed
 
-```json
-{
-  "borderRadiusXS": 2,
-  "borderRadiusSM": 4,
-  "borderRadius": 6,
-  "borderRadiusLG": 8,
-  "borderRadiusXL": 12,
-  "borderRadiusFull": 999,
-  "wireframe": false,
-  "colorPrimaryBg": "#181818",
-  "colorPrimaryBgHover": "#2E2E2E",
-  "colorPrimaryBorder": "#323232",
-  "colorPrimaryBorderHover": "#2C2C2C",
-  "colorPrimaryHover": "#DFDFDF",
-  "colorPrimary": "#E4E4E4",
-  "colorPrimaryActive": "#7E7E7E",
-  "colorPrimaryTextHover": "#909090",
-  "colorPrimaryText": "#676767",
-  "colorPrimaryTextActive": "#959595",
-  "colorTextBase": "#E7E7ED",
-  "colorBgBase": "#0A0A0B",
-  "colorText": "#E7E7EDC7",
-  "colorTextSecondary": "#E7E7EDA6",
-  "colorTextTertiary": "#E7E7ED73",
-  "colorTextQuaternary": "#E7E7ED40",
-  "colorBorder": "#5B5B5BCC",
-  "colorBorderSecondary": "#323232CC",
-  "colorFill": "#E7E7ED2E",
-  "colorFillSecondary": "#E7E7ED1F",
-  "colorFillTertiary": "#E7E7ED14",
-  "colorFillQuaternary": "#E7E7ED0A",
-  "colorBgContainer": "#121212",
-  "colorBgElevated": "#212121",
-  "colorBgLayout": "#141414",
-  "colorBgSpotlight": "#525252D9",
-  "colorBgMask": "#050508CC",
-  "colorInfo": "#0B83F1",
-  "colorInfoHover": "#5EBCFF",
-  "colorInfoBorder": "#3990C9",
-  "colorInfoText": "#0B83F1",
-  "colorInfoBg": "#112233",
-  "colorInfoBgHover": "#264866",
-  "colorInfoBorderHover": "#5EBCFF",
-  "colorSuccess": "#5BB98B",
-  "colorSuccessHover": "#74A47C",
-  "colorSuccessBg": "#293631",
-  "colorSuccessBgHover": "#3F5147",
-  "colorSuccessBorder": "#73A377",
-  "colorSuccessBorderHover": "#ABD4BE",
-  "colorWarning": "#FAAD14",
-  "colorWarningHover": "#FF8C28",
-  "colorWarningBg": "#2D231A",
-  "colorWarningBgHover": "#4D3B23",
-  "colorWarningBorder": "#FFA628",
-  "colorWarningBorderHover": "#FFD666",
-  "colorError": "#FF4D4F",
-  "colorErrorHover": "#EE654E",
-  "colorErrorBg": "#2B0B08",
-  "colorErrorBgHover": "#4A2A28",
-  "colorErrorBorder": "#EE5B4E",
-  "colorErrorBorderHover": "#FFA39E",
-  "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",
- "colorTextOnPrimary": "#000000",
-  "colorFillDisable": "#898989",
-  "colorPurple": "#615CED",
-  "colorPurpleHover": "#8383F0",
-  "colorPurpleBg": "#6964877A",
-  "colorPink": "#EC4899",
-  "colorPinkHover": "#E494BC",
-  "colorPinkBg": "#53424D7A",
-  "colorYellow": "#EAB308",
-  "colorYellowHover": "#DBBE62",
-  "colorYellowBg": "#9585527A",
-  "colorOrange": "#FA8125",
-  "colorOrangeHover": "#F7A25F",
-  "colorOrangeBg": "#6F58417A",
-  "colorTeal": "#14B8A6",
-  "colorTealHover": "#7BC7BE",
-  "colorTealBg": "#4658547A",
-  "colorBlue": "#0090FF",
-  "colorBlueHover": "#83BFED",
-  "colorBlueBg": "#5E76897A",
-  "colorMauve": "#8E8C99",
-  "colorMauveHover": "#BBB8CA",
-  "colorMauveBg": "#5859647A",
-  "colorSlate": "#2C3A50",
-  "colorSlateHover": "#354252",
-  "colorSlateBg": "#232B36",
-  "colorLavender": "#A77BFF",
-  "colorLavenderHover": "#BFA5F3",
-  "colorLavenderBg": "rgba(150, 143, 167, 0.48)",
-
-  "boxShadowTertiary": "0px 12px 32px -16px rgba(255, 255, 255, 0.24),0px 12px 60px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
-  "boxShadowTertiaryLeft": "-12px 0px 32px -16px rgba(255, 255, 255, 0.24),-12px 0px 60px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
-  "boxShadowInput": "0px 12px 24px -16px rgba(255, 255, 255, 0.08),0px 12px 40px 0px rgba(255, 255, 255, 0.16),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
-  "colorTextBlack": "#000000"
-}
-```
-
-# CSS 变量
-
-Spark Design 默认启用 cssVar 模式，因此您可以利用 从 token 派生出的 CSS 变量来构建自己的样式。
-
-
-```less
-.example {
-  background: var(--sps-color-bg-base);
-  color: var(--sps-color-pink);
-}
-// 提示：您可以将 'sps' 替换为您自己的前缀
-```
+- Slider 组件：水平滑动条组件取消默认左右两边的外边距 margin，操作按钮 handle 在最左侧与最右侧不超出滑动轨道宽度