@agentscope-ai/design 1.0.20 → 1.0.21-beta.1766979118636

package/llms/all.llms.txt

@@ -143,6 +143,54 @@
 
 
 
+<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="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
 
@@ -870,67 +870,6 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Skeleton" desc="在内容加载时提供占位图形展示。">
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-### Skeleton
-
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| active | 是否展示动画效果 | boolean | false | 
-| avatar | 是否显示头像占位图 | boolean \|  | false | 
-| loading | 为 true 时，显示占位图。反之则直接展示子组件 | boolean | - | 
-| paragraph | 是否显示段落占位图 | boolean \|  | true | 
-| round | 为 true 时，段落和标题显示圆角 | boolean | false | 
-| title | 是否显示标题占位图 | boolean \|  | true | 
-
-
-### SkeletonAvatarProps
-
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| active | 是否展示动画效果，仅在单独使用头像骨架时生效 | boolean | false | 
-| shape | 指定头像的形状 | circle | - | 
-| size | 设置头像占位图的大小 | number \|  | - | 
-
-
-### SkeletonTitleProps
-
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| width | 设置标题占位图的宽度 | number \| string | - | 
-
-
-### SkeletonParagraphProps
-
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| rows | 设置段落占位图的行数 | number | - | 
-| width | 设置段落占位图的宽度，若为数组时则为对应的每行宽度，反之则是最后一行的宽度 | number \| string \| Array | - | 
-
-
-### SkeletonButtonProps
-
-| 属性 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| active | 是否展示动画效果 | boolean | false |  | 
-| block | 将按钮宽度调整为其父宽度的选项 | boolean | false | 4.17.0 | 
-| shape | 指定按钮的形状 | circle | - |  | 
-| size | 设置按钮的大小 | large | - |  | 
-
-
-### SkeletonInputProps
-
-| 属性 | 说明 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| active | 是否展示动画效果 | boolean | false | 
-| size | 设置输入框的大小 | large | - | 
-
-
-
-
 <DemoTitle title="Select" desc="下拉选择器">
 ## antd API
 
@@ -1029,6 +968,67 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
+<DemoTitle title="Skeleton" desc="在内容加载时提供占位图形展示。">
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Skeleton
+
+| 属性 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| active | 是否展示动画效果 | boolean | false | 
+| avatar | 是否显示头像占位图 | boolean \|  | false | 
+| loading | 为 true 时，显示占位图。反之则直接展示子组件 | boolean | - | 
+| paragraph | 是否显示段落占位图 | boolean \|  | true | 
+| round | 为 true 时，段落和标题显示圆角 | boolean | false | 
+| title | 是否显示标题占位图 | boolean \|  | true | 
+
+
+### SkeletonAvatarProps
+
+| 属性 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| active | 是否展示动画效果，仅在单独使用头像骨架时生效 | boolean | false | 
+| shape | 指定头像的形状 | circle | - | 
+| size | 设置头像占位图的大小 | number \|  | - | 
+
+
+### SkeletonTitleProps
+
+| 属性 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| width | 设置标题占位图的宽度 | number \| string | - | 
+
+
+### SkeletonParagraphProps
+
+| 属性 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| rows | 设置段落占位图的行数 | number | - | 
+| width | 设置段落占位图的宽度，若为数组时则为对应的每行宽度，反之则是最后一行的宽度 | number \| string \| Array | - | 
+
+
+### SkeletonButtonProps
+
+| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| active | 是否展示动画效果 | boolean | false |  | 
+| block | 将按钮宽度调整为其父宽度的选项 | boolean | false | 4.17.0 | 
+| shape | 指定按钮的形状 | circle | - |  | 
+| size | 设置按钮的大小 | large | - |  | 
+
+
+### SkeletonInputProps
+
+| 属性 | 说明 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| active | 是否展示动画效果 | boolean | false | 
+| size | 设置输入框的大小 | large | - | 
+
+
+
+
 <DemoTitle title="Result" desc="为操作结果提供反馈信息的展示。">
 ## API
 
@@ -1201,42 +1201,86 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Progress" desc="用于指示任务的完成进度">
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
+<DemoTitle title="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
+#### API
 
-各类型共用的属性。
+<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
 
-| 属性 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| format | 内容的模板函数 | function(percent, successPercent) | (percent) => percent +  | - | 
-| percent | 百分比 | number | 0 | - | 
-| showInfo | 是否显示进度数值或状态图标 | boolean | true | - | 
-| status | 状态，可选： | string | - | - | 
-| strokeColor | 进度条的色彩 | string | - | - | 
-| strokeLinecap | 进度条的样式 | round | round | - | 
-| success | 成功进度条相关配置 | { percent: number, strokeColor: string } | - | - | 
-| trailColor | 未完成的分段的颜色 | string | - | - | 
-| type | 类型，可选  | string | line | - | 
-| size | 进度条的尺寸 | number \| [number \| string, number] \| { width: number, height: number } \| "small" \| "default" | "default" | 5.3.0, Object: 5.18.0 | 
 
+## antd API
 
-### `type="line"`
+通用属性参考：[通用属性](/docs/react/common-props)
 
-| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| steps | 进度条总共步数 | number | - | - | 
-| rounding | 用于四舍五入数值的函数 | (step: number) => number | Math.round | 5.24.0 | 
-| strokeColor | 进度条的色彩，传入 object 时为渐变。当有  | string \| string[] \| { from: string; to: string; direction: string } | - | 4.21.0:  | 
-| percentPosition | 进度数值位置，传入对象， | { align: string; type: string } | { align: "end", type: "outer" } | 5.18.0 | 
+| content | 卡片内容 | ReactNode \| () => ReactNode | - |  | 
+| title | 卡片标题 | ReactNode \| () => ReactNode | - |  | 
 
 
-### `type="circle"`
+<!-- 共同的 API -->
+以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
 
-| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+<!-- prettier-ignore -->
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
-| steps | 进度条总共步数，传入 object 时，count 指步数，gap 指间隔大小。传 number 类型时，gap 默认为 2。 | number \| { count: number, gap: number } | - | 5.16.0 | 
+| align | 该值将合并到 placement 的配置中，设置参考  | object | - |  | 
+| arrow | 修改箭头的显示状态以及修改箭头是否指向目标元素中心 | boolean \| { pointAtCenter: boolean } | true | 5.2.0 | 
+| autoAdjustOverflow | 气泡被遮挡时自动调整位置 | boolean | true |  | 
+| color | 背景颜色 | string | - | 4.3.0 | 
+| defaultOpen | 默认是否显隐 | boolean | false | 4.23.0 | 
+| destroyOnHidden | 关闭后是否销毁 dom | boolean | false | 5.25.0 | 
+| fresh | 默认情况下，Tooltip 在关闭时会缓存内容。设置该属性后会始终保持更新 | boolean | false | 5.10.0 | 
+| getPopupContainer | 浮层渲染父节点，默认渲染到 body 上 | (triggerNode: HTMLElement) => HTMLElement | () => document.body |  | 
+| mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip，单位：秒 | number | 0.1 |  | 
+| mouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip，单位：秒 | number | 0.1 |  | 
+| placement | 气泡框位置，可选  | string | top |  | 
+| trigger | 触发行为，可选  | string \| string[] | hover |  | 
+| open | 用于手动控制浮层显隐，小于 4.23.0 使用  | boolean | false | 4.23.0 | 
+| zIndex | 设置 Tooltip 的  | number | - |  | 
+| onOpenChange | 显示隐藏的回调 | (open: boolean) => void | - | 4.23.0 | 
+
+## 注意
+
+请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
+
+
+
+<DemoTitle title="Progress" desc="用于指示任务的完成进度">
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+各类型共用的属性。
+
+| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| format | 内容的模板函数 | function(percent, successPercent) | (percent) => percent +  | - | 
+| percent | 百分比 | number | 0 | - | 
+| showInfo | 是否显示进度数值或状态图标 | boolean | true | - | 
+| status | 状态，可选： | string | - | - | 
+| strokeColor | 进度条的色彩 | string | - | - | 
+| strokeLinecap | 进度条的样式 | round | round | - | 
+| success | 成功进度条相关配置 | { percent: number, strokeColor: string } | - | - | 
+| trailColor | 未完成的分段的颜色 | string | - | - | 
+| type | 类型，可选  | string | line | - | 
+| size | 进度条的尺寸 | number \| [number \| string, number] \| { width: number, height: number } \| "small" \| "default" | "default" | 5.3.0, Object: 5.18.0 | 
+
+
+### `type="line"`
+
+| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| steps | 进度条总共步数 | number | - | - | 
+| rounding | 用于四舍五入数值的函数 | (step: number) => number | Math.round | 5.24.0 | 
+| strokeColor | 进度条的色彩，传入 object 时为渐变。当有  | string \| string[] \| { from: string; to: string; direction: string } | - | 4.21.0:  | 
+| percentPosition | 进度数值位置，传入对象， | { align: string; type: string } | { align: "end", type: "outer" } | 5.18.0 | 
+
+
+### `type="circle"`
+
+| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| steps | 进度条总共步数，传入 object 时，count 指步数，gap 指间隔大小。传 number 类型时，gap 默认为 2。 | number \| { count: number, gap: number } | - | 5.16.0 | 
 | strokeColor | 圆形进度条线的色彩，传入 object 时为渐变 | string \| { number%: string } | - | - | 
 | strokeWidth | 圆形进度条线的宽度，单位是进度条画布宽度的百分比 | number | 6 | - | 
 
@@ -1310,50 +1354,6 @@ TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/ser
 
 
 
-<DemoTitle title="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
-#### API
-
-<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| content | 卡片内容 | ReactNode \| () => ReactNode | - |  | 
-| title | 卡片标题 | ReactNode \| () => ReactNode | - |  | 
-
-
-<!-- 共同的 API -->
-以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
-
-<!-- prettier-ignore -->
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| align | 该值将合并到 placement 的配置中，设置参考  | object | - |  | 
-| arrow | 修改箭头的显示状态以及修改箭头是否指向目标元素中心 | boolean \| { pointAtCenter: boolean } | true | 5.2.0 | 
-| autoAdjustOverflow | 气泡被遮挡时自动调整位置 | boolean | true |  | 
-| color | 背景颜色 | string | - | 4.3.0 | 
-| defaultOpen | 默认是否显隐 | boolean | false | 4.23.0 | 
-| destroyOnHidden | 关闭后是否销毁 dom | boolean | false | 5.25.0 | 
-| fresh | 默认情况下，Tooltip 在关闭时会缓存内容。设置该属性后会始终保持更新 | boolean | false | 5.10.0 | 
-| getPopupContainer | 浮层渲染父节点，默认渲染到 body 上 | (triggerNode: HTMLElement) => HTMLElement | () => document.body |  | 
-| mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip，单位：秒 | number | 0.1 |  | 
-| mouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip，单位：秒 | number | 0.1 |  | 
-| placement | 气泡框位置，可选  | string | top |  | 
-| trigger | 触发行为，可选  | string \| string[] | hover |  | 
-| open | 用于手动控制浮层显隐，小于 4.23.0 使用  | boolean | false | 4.23.0 | 
-| zIndex | 设置 Tooltip 的  | number | - |  | 
-| onOpenChange | 显示隐藏的回调 | (open: boolean) => void | - | 4.23.0 | 
-
-## 注意
-
-请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。
-
-
-
 <DemoTitle title="Pagination" desc="分页器用于分隔长列表，每次只加载一个页面。">
 ## API
 
@@ -2168,6 +2168,59 @@ type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' |
 
 
 
+<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="Form" desc="高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。">
 #### API
 
@@ -2728,59 +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
 
@@ -3077,77 +3077,6 @@ span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem
 
 
 
-<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="DatePicker" desc="输入或选择时间的控件。">
 #### API
 
@@ -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
 
@@ -3489,75 +3489,20 @@ export type FormatType =
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |--------|--------|--------|--------|--------|
 | className | 网格容器类名 | string | - |  | 
-| hoverable | 鼠标移过时可浮起 | boolean | true |  | 
-| style | 定义网格容器类名的样式 | CSSProperties | - |  | 
-
-
-### Card.Meta
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| avatar | 头像/图标 | ReactNode | - |  | 
-| className | 容器类名 | string | - |  | 
-| description | 描述内容 | ReactNode | - |  | 
-| style | 定义容器类名的样式 | CSSProperties | - |  | 
-| title | 标题内容 | ReactNode | - |  | 
-
-
-
-
-<DemoTitle title="Button" desc="按钮用于开始一个即时操作。">
-#### API
-
-| 属性名 | 描述 | 类型 | 默认值 | 
-|--------|--------|--------|--------|
-| size | 按钮大小 | 'small' \| 'middle' \| 'large' | 'middle' | 
-| type | 类型 | \| 'primary'
-    \| 'dashed'
-    \| 'link'
-    \| 'text'
-    \| 'default'
-    \| 'primaryLess'
-    \| 'textCompact' | 'deafult' | 
-| tooltipContent | hover上去tooltip的内容 | string \| ReactNode |  | 
-| iconType | 百炼图标iconfont的key，依赖ConfigProvider传入的iconfont，例如bl-icon-add | string |  | 
-| iconSize | 图标大小 | SparkIconFontProps['size'] |  | 
-
-<AntdApiRef url="https://ant.design/components/button-cn/#api"></AntdApiRef>
-
-
-## antd API
-
-通用属性参考：[通用属性](/docs/react/common-props)
-
-通过设置 Button 的属性来产生不同的按钮样式，推荐顺序为：`type` -> `shape` -> `size` -> `loading` -> `disabled`。
-
-按钮的属性说明如下：
-
-| 属性 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| autoInsertSpace | 我们默认提供两个汉字之间的空格，可以设置  | boolean | true | 5.17.0 | 
-| block | 将按钮宽度调整为其父宽度的选项 | boolean | false |  | 
-| classNames | 语义化结构 class |  | - | 5.4.0 | 
-| color | 设置按钮的颜色 | default | - | default | 
-| danger | 语法糖，设置危险按钮。当设置  | boolean | false |  | 
-| disabled | 设置按钮失效状态 | boolean | false |  | 
-| ghost | 幽灵属性，使按钮背景透明 | boolean | false |  | 
-| href | 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 | string | - |  | 
-| htmlType | 设置  | submit | button |  | 
-| iconPosition | 设置按钮图标组件的位置 | start | start | 5.17.0 | 
-| loading | 设置按钮载入状态 | boolean \| { delay: number, icon: ReactNode } | false | icon: 5.23.0 | 
-| styles | 语义化结构 style |  | - | 5.4.0 | 
-| target | 相当于 a 链接的 target 属性，href 存在时生效 | string | - |  | 
-| onClick | 点击按钮时的回调 | (event: React.MouseEvent) => void | - |  | 
-| variant | 设置按钮的变体 | outlined | - | 5.21.0 | 
+| hoverable | 鼠标移过时可浮起 | boolean | true |  | 
+| style | 定义网格容器类名的样式 | CSSProperties | - |  | 
 
 
-支持原生 button 的其他所有属性。
+### Card.Meta
 
-### PresetColors
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| avatar | 头像/图标 | ReactNode | - |  | 
+| className | 容器类名 | string | - |  | 
+| description | 描述内容 | ReactNode | - |  | 
+| style | 定义容器类名的样式 | CSSProperties | - |  | 
+| title | 标题内容 | ReactNode | - |  | 
 
-type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
 
 
 
@@ -3632,42 +3577,58 @@ interface Option {
 
 
 
-<DemoTitle title="Avatar" desc="用来代表用户或事物，支持图片、图标或字符展示。">
+<DemoTitle title="Button" desc="按钮用于开始一个即时操作。">
 #### API
 
-<AntdApiRef url="https://ant.design/components/avatar-cn/#api"></AntdApiRef>
+| 属性名 | 描述 | 类型 | 默认值 | 
+|--------|--------|--------|--------|
+| size | 按钮大小 | 'small' \| 'middle' \| 'large' | 'middle' | 
+| type | 类型 | \| 'primary'
+    \| 'dashed'
+    \| 'link'
+    \| 'text'
+    \| 'default'
+    \| 'primaryLess'
+    \| 'textCompact' | 'deafult' | 
+| tooltipContent | hover上去tooltip的内容 | string \| ReactNode |  | 
+| iconType | 百炼图标iconfont的key，依赖ConfigProvider传入的iconfont，例如bl-icon-add | string |  | 
+| iconSize | 图标大小 | SparkIconFontProps['size'] |  | 
+
+<AntdApiRef url="https://ant.design/components/button-cn/#api"></AntdApiRef>
 
 
 ## antd API
 
 通用属性参考：[通用属性](/docs/react/common-props)
 
-### Avatar
+通过设置 Button 的属性来产生不同的按钮样式，推荐顺序为：`type` -> `shape` -> `size` -> `loading` -> `disabled`。
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| 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 | - |  | 
+按钮的属性说明如下：
 
+| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| autoInsertSpace | 我们默认提供两个汉字之间的空格，可以设置  | boolean | true | 5.17.0 | 
+| block | 将按钮宽度调整为其父宽度的选项 | boolean | false |  | 
+| classNames | 语义化结构 class |  | - | 5.4.0 | 
+| color | 设置按钮的颜色 | default | - | default | 
+| danger | 语法糖，设置危险按钮。当设置  | boolean | false |  | 
+| disabled | 设置按钮失效状态 | boolean | false |  | 
+| ghost | 幽灵属性，使按钮背景透明 | boolean | false |  | 
+| href | 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 | string | - |  | 
+| htmlType | 设置  | submit | button |  | 
+| iconPosition | 设置按钮图标组件的位置 | start | start | 5.17.0 | 
+| loading | 设置按钮载入状态 | boolean \| { delay: number, icon: ReactNode } | false | icon: 5.23.0 | 
+| styles | 语义化结构 style |  | - | 5.4.0 | 
+| target | 相当于 a 链接的 target 属性，href 存在时生效 | string | - |  | 
+| onClick | 点击按钮时的回调 | (event: React.MouseEvent) => void | - |  | 
+| variant | 设置按钮的变体 | outlined | - | 5.21.0 | 
 
-Tip：你可以设置 `icon` 或 `children` 作为图片加载失败的默认 fallback 行为，优先级为 `icon` > `children`
 
-### Avatar.Group <Badge>4.5.0+</Badge>
+支持原生 button 的其他所有属性。
 
-| 参数 | 说明 | 类型 | 默认值 | 版本 | 
-|--------|--------|--------|--------|--------|
-| max | 设置最多显示相关配置， | { count?: number; style?: CSSProperties; popover?: PopoverProps } | - | 5.18.0 | 
-| size | 设置头像的大小 | number \|  | default | 4.8.0 | 
-| shape | 设置头像的形状 | circle | circle | 5.8.0 | 
+### PresetColors
 
+type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
 
 
 
@@ -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
 
@@ -4175,27 +4175,72 @@ npm install antd @agentscope-ai/icons @agentscope-ai/design --save
 
 # 使用
 
+如果您有自己的 iconfont 项目，可以将您的图标集成到 Spark Design 中，并通过简单的符号名称访问您的图标。
 
 
 ```tsx
-import { SparkLoadingLine } from '@agentscope-ai/icons';
+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';
 
-export default () => {
+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 (
-    <SparkLoadingLine
-      className="your-class-name"
-      style={{ color: 'var(--sps-color-primary)' }}
-      spin
-      size={48}
-    />
+    <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;
 ```
 
-基本用法
-
-访问 [Icon Library](https://sparkdesign.agentscope.io/#/resources/icons) 查看全部 Icon
 
 
 
@@ -4359,72 +4404,27 @@ 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';
+import { SparkLoadingLine } from '@agentscope-ai/icons';
 
-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/ 获取
+export default () => {
   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>
+    <SparkLoadingLine
+      className="your-class-name"
+      style={{ color: 'var(--sps-color-primary)' }}
+      spin
+      size={48}
+    />
   );
 };
 
-export default App;
 ```
 
+基本用法
+
+访问 [Icon Library](https://sparkdesign.agentscope.io/#/resources/icons) 查看全部 Icon
 
 
 
@@ -4925,7 +4925,8 @@ export default App;
   "boxShadowSecondary": "0px 12px 24px -16px rgba(255, 255, 255, 0.06),0px 8px 40px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
 
  "colorTextWhite": "#ffffff",
- "colorTextOnPrimary": "#000000",
+ "colorTextBlack": "#000000",
+ "colorTextOnPrimary": "#ffffff",
   "colorFillDisable": "#898989",
   "colorPurple": "#615CED",
   "colorPurpleHover": "#8383F0",
@@ -4957,8 +4958,8 @@ export default App;
 
   "boxShadowTertiary": "0px 12px 32px -16px rgba(255, 255, 255, 0.24),0px 12px 60px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
   "boxShadowTertiaryLeft": "-12px 0px 32px -16px rgba(255, 255, 255, 0.24),-12px 0px 60px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
-  "boxShadowInput": "0px 12px 24px -16px rgba(255, 255, 255, 0.08),0px 12px 40px 0px rgba(255, 255, 255, 0.16),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
-  "colorTextBlack": "#000000"
+  "boxShadowInput": "0px 12px 24px -16px rgba(255, 255, 255, 0.08),0px 12px 40px 0px rgba(255, 255, 255, 0.16),0px 0px 1px 0px rgba(255, 255, 255, 0.04)"
+
 }
 ```
 
@@ -4974,3 +4975,23 @@ Spark Design 默认启用 cssVar 模式，因此您可以利用 从 token 派生
 }
 // 提示：您可以将 'sps' 替换为您自己的前缀
 ```
+
+
+
+
+### 1.0.21
+`2025-12-25`
+
+##### Changed
+
+- AlertDialog 组件：定位距离顶部的默认高度调整为当前窗口高度的 36%
+- Table 组件：表格行 hover 背景色修改为 `color-bg-layout` 颜色变量；表格行选中背景色修改为 `color-primary-bg-hover` 颜色变量
+- Select 组件：多选模式的选中项背景色调整
+- 主题色变量更新：,
+  - bailianDarkTheme：添加 `"colorLinkHover": "#857DE3"`
+  - bailianTheme：添加 `"colorLinkHover": "#8080FF"`
+  - carbonDarkTheme：修改 `"colorTextOnPrimary": "#ffffff"`
+
+##### Fixed
+
+- Slider 组件：水平滑动条组件取消默认左右两边的外边距 margin，操作按钮 handle 在最左侧与最右侧不超出滑动轨道宽度