@douyinfe/semi-foundation 2.90.13 → 2.91.0-beta.0

package/lib/cjs/sidebar/variables.scss

@@ -0,0 +1,138 @@
+// Color
+$color-sidebar_container-borderLeft: var(--semi-color-border); // 容器左边框颜色
+$color-sidebar_container_header-borderBottom: var(--semi-color-border); // 容器头部底边框的颜色
+$color-sidebar_mcp_header_counter-text: var(--semi-color-text-2); // MCP 配置头部计数器颜色
+$color-sidebar_mcp_item_label: var(--semi-color-text-0); // MCP 配置项标题颜色
+$color-sidebar_mcp_item_desc: var(--semi-color-text-0); // MCP 配置项描述颜色
+$color-sidebar_annotation_video-border: var(--semi-color-border); // 引用视频卡片边框颜色
+$color-sidebar_annotation_video_duration-bg: rgba(var(--semi-grey-7), 0.7); // 引用视频时长背景颜色
+$color-sidebar_annotation_video_duration-text: var(--semi-color-bg-0); // 引用视频时长文本颜色
+$color-sidebar_annotation_video_title-text: var(--semi-color-text-0); // 引用视频标题文本颜色
+$color-sidebar_collapse_item-border: var(--semi-color-border); // 折叠项边框颜色
+$color-sidebar_collapse_item_content-borderTop: var(--semi-color-border); // 折叠项展开时内容顶部边框颜色
+$color-sidebar_options-borderBottom: var(--semi-color-border); // 视图选项区域底部边框颜色
+$color-sidebar_options_button-text: var(--semi-color-text-2); // 视图顶部按钮文本颜色
+$color-sidebar_file_selection-bg: rgba(var(--semi-light-blue-1), 1); // 富文本编辑器选中区域背景色
+$color-sidebar_file_placeholder-text: var(--semi-color-text-2); // 富文本编辑器 placeholder 颜色
+$color-sidebar_file-text: var(--semi-color-text-0); // 富文本编辑器正文颜色
+$color-sidebar_file_blockquote-borderLeft: var(--semi-color-border); //富文本编辑器引用左侧边框颜色
+$color-sidebar_file_pre_bg: var(--semi-color-fill-0); // 富文本编辑器块级代码区域背景色
+$color-sidebar_file_pre-border: var(--semi-color-border); // 富文本编辑器块级代码区域边框颜色
+$color-sidebar_file_code-bg: var(--semi-color-border); // 富文本编辑器行内代码背景色
+$color-sidebar_file_hr-borderTop: var(--semi-color-border); //富文本编辑器分割线颜色
+$color-sidebar_menu_bar-borderTop: var(--semi-color-border); // 富文本编辑器菜单栏顶部边框颜色
+$color-sidebar_menu_bar-borderBottom: var(--semi-color-border); // 富文本编辑器菜单栏底部边框颜色
+$color-sidebar_menu_bar_dropdown_item-active-text: var(--semi-color-primary); // 富文本编辑器菜单栏下拉框中选择项文本颜色
+$color-sidebar_menu_bar_dropdown_item-active-bg: var(--semi-color-fill-0); // 富文本编辑器菜单栏下拉框中选择项背景颜色
+$color-sidebar_menu_bar_btn-active-bg: var(--semi-color-fill-0); // 富文本编辑器菜单栏按钮背景颜色-激活
+$color-sidebar_menu_bar_link_dropdown_btn-active: var(--semi-color-primary); // 富文本编辑器菜单栏链接按钮下拉框按钮颜色-激活
+$color-sidebar_detail_header-text: var(--semi-color-text-0); // 富文本编辑器详情视图顶部文本颜色
+$color-sidebar_mcp_item-borderBottom: var(--semi-color-border); // MCP 配置项底部边框颜色
+
+// Width/Height
+$width-sidebar_container-borderLeft: 1px; // 容器左边框宽度
+$width-sidebar_menu_bar-borderTop: 1px; // 富文本编辑器菜单栏顶部边框宽度
+$width-sidebar_menu_bar-borderBottom: 1px; // 富文本编辑器菜单栏底部边框宽度
+$width-sidebar_file_pre-border: 1px; // 富文本编辑器块级代码区域边框宽度
+$width-sidebar_collapse_item_border: 1px; // 折叠项边框宽度
+$width-sidebar_file_hr-border: 1px; // 富文本编辑器分割线宽度
+$width-sidebar_container_header_borderBottom: 1px; // 容器头部下边框宽度
+$width-sidebar_collapse_item_content-borderTop: 1px; // 折叠项展开时内容顶部边框宽度
+$width-sidebar_options-borderBottom: 1px; // 视图选项区域底部边框宽度
+$width-sidebar_mcp_item_sign: 32px; // MCP 配置项图标容器宽高
+$width-sidebar_mcp_item_button: 24px; // MCP 配置项图标按钮宽高
+$width-sidebar_annotation_footer_logo: 14px; // 引用项底部 logo 宽高
+$width-sidebar_annotation_footer_order-minWidth: 16px; // 引用项底部序号最小宽度
+$height-sidebar_annotation_footer_order: 16px; // 引用项底部序号高度
+$width-sidebar_annotation_video_play: 20px; // 引用视频播放按钮宽度
+$height-sidebar_annotation_video_img-wrapper: 107px; // 引用视频封面容器高度
+$width-sidebar_collapse_header_expand_btn: 24px; // 折叠面板展开按钮宽高
+$width-sidebar_file_blockquote-borderLeft: 3px; // 富文本编辑器引用左侧边框宽度
+$height-sidebar_main_collapse_file_content-maxHeight: 400px; // 主视图文件内容最大高度
+$height-sidebar_main_collapse_code_content-maxHeight: 200px; // 主视图代码内容最大高度
+$width-sidebar_annotation_video-border: 1px; // 引用视频卡片边框宽度
+$width-sidebar_mcp_item-borderBottom: 1px; // MCP 配置项底部比框宽度
+$height-sidebar_annotation_video_item_title: 40px; // 引用视频标题高度
+
+// Spacing
+$spacing-sidebar_main_content-padding: 12px; // 主视图内容区域内边距
+$spacing-sidebar_container_header-paddingRight: 12px; // 容器头部右内边距
+$spacing-sidebar_container_header-paddingLeft: 20px; // 容器头部左内边距
+$spacing-sidebar_container_header-paddingY: 12px; // 容器头部垂直内边距
+$spacing-sidebar_mcp_content-paddingY: 20px; // MCP 配置内容区域垂直内边距
+$spacing-sidebar_mcp_content-paddingX: 16px; // MCP 配置内容区域水平内边距
+$spacing-sidebar_mcp_search-marginY: 16px; // MCP 配置搜索区域垂直外边距
+$spacing-sidebar_mcp_search-marginX: 0; // MCP 配置搜索区域水平外边距
+$spacing-sidebar_mcp_search_container-columnGap: 8px; // MCP 配置搜索容器列间距
+$spacing-sidebar_mcp_item-paddingY: 8px; // MCP 配置项垂直内边距
+$spacing-sidebar_mcp_item-paddingX: 16px; // MCP 配置项水平内边距
+$spacing-sidebar_mcp_item_sign-marginRight: 12px; // MCP 配置项图标右侧外边距
+$spacing-sidebar_mcp_item_content-marginRight: 24px; // MCP 配置项内容右侧外边距
+$spacing-sidebar_mcp_item_button_configure-marginRight: 12px; // MCP 配置项配置按钮右侧外边距
+$spacing-sidebar_mcp_custom_empty-marginTop: 64px; // MCP 自定义空态顶部外边距
+$spacing-sidebar_annotation_container-padding: 12px; // 引用容器内边距
+$spacing-sidebar_annotation_content-gap: 8px; // 引用内容项间距
+$spacing-sidebar_annotation_footer-columnGap: 4px; // 引用底部列间距
+$spacing-sidebar_annotation_footer_order-paddingY: 0; // 引用序号垂直内边距
+$spacing-sidebar_annotation_footer_order-paddingX: 2px; // 引用序号水平内边距
+$spacing-sidebar_annotation_text-paddingY: 3px; // 引用文本区域垂直内边距
+$spacing-sidebar_annotation_text-paddingX: 12px; // 引用文本区域水平内边距
+$spacing-sidebar_annotation_video_content-paddingTop: 8px; // 引用视频内容区域内边距
+$spacing-sidebar_annotation_video_content-paddingRight: 8px; // 引用视频内容区域内边距
+$spacing-sidebar_annotation_video_content-paddingBottom:12px; // 引用视频内容区域内边距
+$spacing-sidebar_annotation_video_content-paddingLeft: 8px; // 引用视频内容区域内边距
+$spacing-sidebar_annotation_video_duration-paddingY: 2px; // 引用视频时长垂直内边距
+$spacing-sidebar_annotation_video_duration-paddingX: 4px; // 引用视频时长水平内边距
+$spacing-sidebar_annotation_video_play-top: 6px; // 引用视频播放按钮顶部偏移
+$spacing-sidebar_annotation_video_play-right: 6px; // 引用视频播放按钮右侧偏移
+$spacing-sidebar_annotation_video_duration-bottom: 6px; // 引用视频时长底部偏移
+$spacing-sidebar_annotation_video_duration-right: 6px; // 引用视频时长右侧偏移
+$spacing-sidebar_collapse_item_marginBottom: 8px; // 折叠项底部外边距
+$spacing-sidebar_collapse_header-paddingY: 8px; // 折叠项头部垂直内边距
+$spacing-sidebar_collapse_header-paddingX: 16px; // 折叠项头部水平内边距
+$spacing-sidebar_collapse_header_content_gap: 8px; // 折叠项头部内容间距
+$spacing-sidebar_collapse_header_content_paddingRight: 8px; // 折叠项头部内容右侧内边距
+$spacing-sidebar_collapse_header_expand_btn-padding: 4px; // 折叠项展开按钮内边距
+$spacing-sidebar_options-gap: 8px; // 视图顶部按钮区域间距
+$spacing-sidebar_options-paddingY: 8px; // 视图顶部按钮区域垂直内边距
+$spacing-sidebar_options-paddingX: 12px; // 视图顶部按钮区域水平内边距
+$spacing-sidebar_options_button-marginLeft: 4px; // 选项按钮左外边距
+$spacing-sidebar_file_blockquote-marginY: 24px; // 富文本编辑器引用垂直外边距
+$spacing-sidebar_file_blockquote-marginX: 0; // 富文本编辑器引用水平外边距
+$spacing-sidebar_file_blockquote-paddingLeft: 16px; // 富文本编辑器引用左侧内边距
+$spacing-sidebar_file_pre-paddingY: 2px; // 富文本编辑器代码块垂直内边距
+$spacing-sidebar_file_pre-paddingX: 4px; // 富文本编辑器代码块水平内边距
+$spacing-sidebar_file_menu_bar-gap: 2px; // 富文本编辑器菜单栏间距
+$spacing-sidebar_file_menu_bar-paddingY: 2px; // 富文本编辑器菜单栏垂直内边距
+$spacing-sidebar_file_menu_bar-paddingX: 12px; // 富文本编辑器菜单栏水平内边距
+$spacing-sidebar_file_menu_bar_codeblock-padding: 8px; // 富文本编辑器菜单栏代码块按钮内边距
+$spacing-sidebar_file_menu_bar-link-dropdown-padding: 8px; // 富文本编辑器菜单栏链接按钮下拉内容内边距
+$spacing-sidebar_detail_file_editor-paddingY: 0; // 详情视图富文本编辑器区域垂直内边距
+$spacing-sidebar_detail_file_editor-paddingX: 12px; // 详情视图富文本编辑器区域水平内边距
+$spacing-sidebar_detail_header-padding: 12px; // 详情视图头部内边距
+$spacing-sidebar_detail_header_left-columnGap: 8px; // 详情视图头部左侧列间距
+$spacing-sidebar_detail_header_right-columnGap: 4px; // 详情视图头部右侧列间距
+$spacing-sidebar_file_code-paddingY: 2px; //富文本编辑器行内代码的垂直外边距
+$spacing-sidebar_file_code-paddingX: 4px; //富文本编辑器行内代码的水平外边距
+$spacing-sidebar_menu_bar_divider-margin: 0px; // 富文本编辑器分割线外边距
+
+// Radius
+$radius-sidebar_annotation_footer_order: 8px; // 引用序号圆角
+$radius-sidebar_annotation_video: 6px; // 引用视频卡片圆角
+$radius-sidebar_annotation_video_duration: 4px; // 引用视频时长标签圆角
+$radius-sidebar_collapse_item: 8px; // 折叠项圆角
+$radius-sidebar_file_pre: 4px; // 富文本编辑器代码块圆角
+
+// Font
+$font-sidebar_mcp_item_sign_icon-fontSize: 32px; // MCP 配置项图标字号
+$font-sidebar_annotation_footer_logo-fontSize: 14px; // 引用底部 logo 字号
+$font-sidebar_annotation_video_play_icon-fontSize: 12px; // 引用视频播放图标大小
+$font-sidebar_file-fontSize: 14px; // 富文本编辑器正文字号
+$font-sidebar_file-lineHeight: 24px; // 富文本编辑器正文行高
+$font-sidebar_file_pre-fontSize: 14px; //富文本编辑器代码块字号
+$font-sidebar_file_pre-lineHeight: 24px; //富文本编辑器代码块行高
+$font-sidebar_file_menu_bar_codeblock-fontSize: 12px; // 富文本编辑器菜单栏代码块按钮字号
+$font-sidebar_file_menu_bar_codeblock-lineHeight: 16px; // 富文本编辑器菜单栏代码块按钮行高
+
+
+// Other

package/lib/cjs/switch/variables.scss

@@ -1,22 +1,22 @@
 // Other
-$spacing-switch_unchecked-translateX: 2px; // 未选中开关右侧偏移量
-$spacing-switch_spin_unchecked-translateX: 2px; // 未选中开关加载图标右侧偏移量
-$spacing-switch_checked-translateX: 18px; // 选中开关右侧偏移量
-$spacing-switch_spin_checked-translateX: 16px; // 选中开关加载图标右侧偏移量
+$spacing-switch_unchecked-translateX: 2px; // 未选中态开关滑块位移距离
+$spacing-switch_spin_unchecked-translateX: 2px; // 未选中态加载图标位移距离
+$spacing-switch_checked-translateX: 18px; // 选中态开关滑块位移距离
+$spacing-switch_spin_checked-translateX: 16px; // 选中态加载图标位移距离
 $spacing-switch_expand_large-translateX: 10px;
-$spacing-switch_unchecked_large-translateX: 3px; // 大尺寸未选中开关右侧偏移量
-$spacing-switch_spin_unchecked_large-translateX: 2px;  // 大尺寸未选中开关加载图标右侧偏移量
-$spacing-switch_checked_large-translateX: 26px; // 大尺寸选中开关右侧偏移量
-$spacing-switch_spin_checked_large-translateX: 22px; // 大尺寸选中开关加载图标右侧偏移量
+$spacing-switch_unchecked_large-translateX: 3px; // 大尺寸未选中态开关滑块位移距离
+$spacing-switch_spin_unchecked_large-translateX: 2px;  // 大尺寸未选中态加载图标位移距离
+$spacing-switch_checked_large-translateX: 26px; // 大尺寸选中态开关滑块位移距离
+$spacing-switch_spin_checked_large-translateX: 22px; // 大尺寸选中态加载图标位移距离
 $spacing-switch_expand_small-translateX: 2px;
-$spacing-switch_unchecked_small-translateX: 1px; // 小尺寸未选中开关右侧偏移量
-$spacing-switch_spin_unchecked_small-translateX: 2px; // 小尺寸未选中开关加载图标右侧偏移量
-$spacing-switch_checked_small-translateX: 11px; // 小尺寸选中开关右侧偏移量
-$spacing-switch_spin_checked_small-translateX: 10px; // 小尺寸选中开关加载图标右侧偏移量
+$spacing-switch_unchecked_small-translateX: 1px; // 小尺寸未选中态开关滑块位移距离
+$spacing-switch_spin_unchecked_small-translateX: 2px; // 小尺寸未选中态加载图标位移距离
+$spacing-switch_checked_small-translateX: 11px; // 小尺寸选中态开关滑块位移距离
+$spacing-switch_spin_checked_small-translateX: 10px; // 小尺寸选中态加载图标位移距离
 $motion-switch-transitionDuration: 200ms; // 开关动画时长
 
 // Color
-$color-switch_default-bg-default: var(--semi-color-fill-0); // 关闭态开关背景色 - 默认
+$color-switch_default-bg-default: var(--semi-color-fill-0); // 关闭态(未选中)开关背景色 - 默认
 $color-switch_default-bg-hover: var(--semi-color-fill-1); // 关闭态开关背景色 - 悬浮
 $color-switch_default-bg-active: var(--semi-color-fill-2); // 关闭态开关背景色 - 按下
 $color-switch_default-border-default: transparent; // 关闭态开关描边颜色
@@ -30,10 +30,10 @@ $color-switch_disabled-border-default: var(--semi-color-border); // 禁用态开
 $color-switch_disabled-bg-hover: transparent; // 禁用态开关背景色 - 悬浮
 $color-switch_checked_disabled-bg-default: var(--semi-color-success-disabled); // 禁用开启态开关背景颜色
 $color-switch_checked_disabled-border-default: transparent; // 禁用开启态开关描边颜色
-$color-switch_knob-bg-default: rgba(var(--semi-white), 1); // 开关按钮背景颜色
-$color-switch_knob-border-default: var(--semi-color-border); // 开关按钮描边颜色
-$color-switch_checked-text-default: var(--semi-color-white); // 开启态开关按钮文字颜色
-$color-switch_unchecked-text-default: var(--semi-color-text-2); // 关闭态开关按钮文字颜色
+$color-switch_knob-bg-default: rgba(var(--semi-white), 1); // 开关滑块背景颜色
+$color-switch_knob-border-default: var(--semi-color-border); // 开关滑块描边颜色
+$color-switch_checked-text-default: var(--semi-color-white); // 开启态开关文案颜色
+$color-switch_unchecked-text-default: var(--semi-color-text-2); // 关闭态开关文案颜色
 $color-switch_loading_spin-default: var(--semi-color-white); // 加载态开关loading图标颜色
 $color-switch_spin_checked-bg-default: var(--semi-color-success-hover); // 已开启开关加载态loading背景颜色
 $color-switch_spin_unchecked-bg-default: var(--semi-color-fill-1); // 已关闭开关加载态loading背景颜色
@@ -42,19 +42,19 @@ $color-switch_primary-outline-focus: var(--semi-color-primary-light-active); //
 // Width/Height
 $width-switch: 40px; // 开关宽度
 $height-switch: 24px; // 开关高度
-$width-switch_knob_expand: 6px; // 开关按钮形变宽度
-$width-switch_knob_default: 18px; // 开关按钮宽度
-$width-switch_knob_active: $width-switch_knob_default + $width-switch_knob_expand; // 开关按钮按下态宽度
+$width-switch_knob_expand: 6px; // 开关滑块按压时延展宽度
+$width-switch_knob_default: 18px; // 开关滑块宽度
+$width-switch_knob_active: $width-switch_knob_default + $width-switch_knob_expand; // 开关滑块按下态宽度
 $height-switch_large: 32px; // 大尺寸开关高度
 $width-switch_large: 54px; // 大尺寸开关宽度
-$width-switch_knob_large: 24px; // 大尺寸开关按钮宽度
-$width-switch_knob_large_active: $width-switch_knob_large + $spacing-switch_expand_large-translateX; // 大尺寸开关按钮按下态宽度
+$width-switch_knob_large: 24px; // 大尺寸开关滑块宽度
+$width-switch_knob_large_active: $width-switch_knob_large + $spacing-switch_expand_large-translateX; // 大尺寸开关滑块按下态宽度
 $height-switch_small: 16px; // 小尺寸开关高度
 $width-switch_small: 26px; // 小尺寸开关宽度
-$width-switch_knob_large_small: 12px; // 小尺寸开关按钮宽度
-$width-switch_knob_small_active: $width-switch_knob_large_small + $spacing-switch_expand_small-translateX; // 小尺寸开关按钮按下态宽度
-$width-switch_knob_disabled-border: 1px; // 小尺寸开关按钮宽度
-$width-switch_checked_unchecked_text: 26px; // 开关按钮文字宽度
+$width-switch_knob_large_small: 12px; // 小尺寸开关滑块宽度
+$width-switch_knob_small_active: $width-switch_knob_large_small + $spacing-switch_expand_small-translateX; // 小尺寸开关滑块按下态宽度
+$width-switch_knob_disabled-border: 1px; // 禁用态开关滑块边框宽度
+$width-switch_checked_unchecked_text: 26px; // 开关文案宽度
 $width-switch_spin-small: 10px; // 小尺寸开关加载 spin 宽度
 $width-switch_spin-default: 18px; // 默认尺寸开关加载 spin 宽度
 $width-switch_spin-large: 28px; // 大尺寸开关加载 spin 宽度
@@ -62,10 +62,10 @@ $width-switch-outline: 2px; // 开关轮廓宽度
 
 
 // Spacing
-$spacing-switch_knob-padding: 2px; // 开关按钮顶部边距
-$spacing-switch_knob_large-padding: 3px; // 大尺寸开关按钮内边距
-$spacing-switch_knob_small-padding: 1px; // 小尺寸开关按钮内边距
-$spacing-switch_knob-left: 0px; // 开关左侧偏移距离
+$spacing-switch_knob-padding: 2px; // 开关滑块顶部边距
+$spacing-switch_knob_large-padding: 3px; // 大尺寸开关滑块顶部边距
+$spacing-switch_knob_small-padding: 1px; // 小尺寸开关滑块顶部边距
+$spacing-switch_knob-left: 0px; // 开关滑块左侧偏移距离
 
 // Radius
 $radius-switch: $height-switch * 0.5; // 开关圆角

package/lib/cjs/table/variables.scss

@@ -1,10 +1,9 @@
 // Spacing
-$spacing-table-paddingY: $spacing-base; // 表格单元格垂直内边距
-$spacing-table-paddingX: $spacing-base-tight; // 表格单元格水平内边距
+$spacing-table-paddingY: $spacing-base; // 表格空数据占位及虚拟列表分组垂直内边距
+$spacing-table-paddingX: $spacing-base-tight; // 表格空数据占位及虚拟列表分组水平内边距
 $spacing-table_middle-paddingY: $spacing-base-tight; // 中尺寸表格单元格垂直内边距
 $spacing-table_small-paddingY: $spacing-tight; // 小尺寸表格单元格垂直内边距
-$spacing-table_th-paddingTop: $spacing-tight; // 表格顶部内边距
-$spacing-table_th-paddingBottom: $spacing-tight; // 表格底部内边距
+
 $spacing-table_title-paddingY: $spacing-base; // 表格标题垂直内边距
 $spacing-table_title-paddingX: 0; // 表格标题水平内边距
 $spacing-table_footer-padding: $spacing-base; // 表格 footer 内边距
@@ -17,29 +16,29 @@ $spacing-table_resizable-bottom: 4px; // 可拖动拉伸操作底部距离
 $spacing-table_row_head-paddingY: $spacing-tight; // 表头垂直内边距
 $spacing-table_row_head-paddingX: $spacing-base; // 表头水平内边距
 $spacing-table_react_resizable_handle-right: -1px; // 可拖动拉伸操作向右偏移量
-$spacing-table_tbody_rowCell-padding: $spacing-base; // 表格单元格内边距
-$spacing-table_tbody_rowSelection_rowCell_notSelection-paddingX: 16px; // 可选中的表格单元水平内边距
-$spacing-table_tbody_rowSelection_rowCell_notSelection-paddingY: 10px; // 可选中的表格单元垂直内边距
-$spacing-table_column_sorter-marginLeft: $spacing-extra-tight; // 列排序按钮左侧外边距
+$spacing-table_tbody_rowCell-padding: $spacing-base; // 表格体单元格内边距（默认尺寸）
+$spacing-table_tbody_rowSelection_rowCell_notSelection-paddingX: 16px; // 表格选择状态行（非复选框列）单元格水平内边距
+$spacing-table_tbody_rowSelection_rowCell_notSelection-paddingY: 10px; // 表格选择状态行（非复选框列）垂直内边距
+$spacing-table_column_sorter-marginLeft: $spacing-extra-tight; // 表头标题与排序按钮间距
 $spacing-table_column_filter-marginLeft: $spacing-extra-tight; // 列过滤器按钮左侧外边距
-$spacing-table_bordered_titler-paddingLeft: $spacing-base; // 列过滤器按钮左侧外边距
-$spacing-table_bordered_titler-paddingRight: $spacing-base; // 列过滤器按钮右侧外边距
+$spacing-table_bordered_titler-paddingLeft: $spacing-base; // 带边框表格标题左侧内边距
+$spacing-table_bordered_titler-paddingRight: $spacing-base; // 带边框表格标题右侧内边距
 $spacing-table_expand_icon-marginRight: 8px; // 行展开按钮右侧外边距
-$spacing-table_panel_operation-paddingX: $spacing-base;
-$spacing-table_panel_operation-paddingY: $spacing-tight;
+$spacing-table_panel_operation-paddingX: $spacing-base; // 表格操作栏水平内边距
+$spacing-table_panel_operation-paddingY: $spacing-tight; // 表格操作栏垂直内边距
 
 // Size
 $width-table_base_border: 1px; // 表格单元格分割线宽度
 $width-table_header_border: 2px; // 表格表头分割线宽度
 $width-table_resizer_border: 2px; // 表格拉伸列标示线宽度
 // $radius-table_base: 4px;
-$width-table_column_selection: 48px; // 表格默认列宽
+$width-table_column_selection: 48px; // 表格选择列及展开列宽度
 $width-table_column_sorter-icon: 16px; // 表格排序按钮宽度
 $height-table_column_sorter-icon: 16px; // 表格排序按钮高度
 $width-table_column_filter-icon: 16px; // 表格过滤按钮宽度
 $height-table_column_filter-icon: 16px; // 表格过滤按钮高度
-$width-table_cell_fixed_left_last: 1px; // 表格左上角单元格底部描边宽度
-$width-table_cell_fixed_right_first: 1px; // 表格左上角单元格右侧描边宽度
+$width-table_cell_fixed_left_last: 1px; // 表格左侧固定列右侧分割线宽度
+$width-table_cell_fixed_right_first: 1px; // 表格右侧固定列左侧分割线宽度
 $width-table_react_resizable_handle: 9px; // 表格伸缩列调节热区宽度
 $height-table_pagination_outer_min: 60px; // 表格分页器高度
 $height-table_column_filter_dropdown: 290px; // 表格过滤筛选列表最大高度
@@ -47,8 +46,8 @@ $height-table_column_filter_dropdown: 290px; // 表格过滤筛选列表最大
 
 // Color no need to change
 $color-table_panel-bg-default: var(--semi-color-primary); // 操作区域样式默认背景颜色
-$color-table_panel-text-default: var(--semi-color-primary-light-active); // 操作区域样式默认文字颜色
-$color-table-bg-default: var(--semi-color-bg-1); // 单元格默认背景颜色
+$color-table_panel-text-default: var(--semi-color-primary-light-active); // 表格操作栏选中项文本颜色
+$color-table-bg-default: var(--semi-color-bg-1); // 表格固定列及吸顶表头背景颜色
 $color-table-text-default: var(--semi-color-text-0); // 单元格默认文字颜色
 
 $color-table-border-default: var(--semi-color-border); // 表格描边颜色
@@ -60,8 +59,8 @@ $color-table_th-text-default: var(--semi-color-text-2); // 表头文字颜色
 $color-table_th-clickSort-bg-hover: var(--semi-color-fill-0); //点击表头触发排序背景色 - 悬浮
 
 $color-table_pl-bg-default: transparent;
-$color-table_body-bg-default: var(--semi-color-bg-1); // 表格背景颜色 - 默认
-$color-table_body-bg-hover: var(--semi-color-fill-0); // 表格背景颜色 - 悬浮
+$color-table_body-bg-default: var(--semi-color-bg-1); // 表格行背景颜色 - 默认态
+$color-table_body-bg-hover: var(--semi-color-fill-0); // 表格行背景颜色 - 悬浮态
 $color-table_footer-bg-default: var(--semi-color-fill-0); // 表格 footer 背景颜色 - 默认
 $color-table_row_expanded-bg-default: var(--semi-color-fill-0); // 表格展开行背景颜色 - 默认
 $color-table_expanded_icon-default: var(--semi-color-text-2); // 表格展开行图标颜色 - 默认

package/lib/cjs/tabs/variables.scss

@@ -1,8 +1,8 @@
-$color-tabs_tab_line_default-border-default: var(--semi-color-border); // 线条式页签描边颜色默认
+$color-tabs_tab_line_default-border-default: var(--semi-color-border); // 线条式页签轨道颜色 - 默认
 
 $color-tabs_tab_line_default-bg-default: transparent; // 线条式页签背景颜色 - 默认
 $color-tabs_tab_line_default-text-default: var(--semi-color-text-2); // 线条式页签文本颜色 - 默认
-$color-tabs_tab_line_default-icon-default: var(--semi-color-text-2); // 线条式页签标示线颜色 - 默认
+// $color-tabs_tab_line_default-icon-default: var(--semi-color-text-2); // 线条式页签标示线颜色 - 默认
 
 $color-tabs_tab_line_default-bg-hover: transparent; // 线条式页签背景颜色 - 悬浮
 $color-tabs_tab_line_default-text-hover: var(--semi-color-text-0); // 线条式页签文本颜色 - 悬浮
@@ -24,7 +24,7 @@ $color-tabs_tab_line_vertical-bg-active: var(--semi-color-fill-1); // 垂直线
 $color-tabs_tab_line_disabled-text-default: var(--semi-color-disabled-text); // 禁用线条式页签文本颜色 - 默认
 $color-tabs_tab_line_disabled-text-hover: var(--semi-color-disabled-text); // 禁用线条式页签文本颜色 - 悬浮
 
-$color-tabs_tab_card_default-border-default: var(--semi-color-border); // 卡片式页签描边颜色 - 默认
+$color-tabs_tab_card_default-border-default: var(--semi-color-border); // 卡片式页签容器底部长线颜色 - 默认
 
 $color-tabs_tab_button_selected-bg-default: var(--semi-color-primary-light-default); // 按钮式页签背景颜色 - 选中
 $color-tabs_tab_button_selected-text-default: var(--semi-color-primary); // 按钮式页签文本颜色 - 选中
@@ -32,7 +32,7 @@ $color-tabs_tab_button-text-default: var(--semi-color-text-2); // 按钮式页
 $color-tabs_tab_button-bg-hover: var(--semi-color-fill-0); // 按钮式页签背景颜色 - 悬浮
 $color-tabs_tab_button-bg-active: var(--semi-color-fill-1); // 按钮式页签背景颜色 - 按下
 
-$color-tabs_tab_card_indicator_selected-icon-default: var(--semi-color-border); // 卡片式页签描边
+$color-tabs_tab_card_indicator_selected-icon-default: var(--semi-color-border); // 卡片式页签选中页签描边
 $color-tabs_tab_card-bg-hover: var(--semi-color-fill-0); // 卡片式页签背景颜色 - 悬浮
 
 $color-tabs_tab_card_selected-bg-default: var(--semi-color-bg-1); // 卡片式页签背景颜色 - 选中
@@ -75,7 +75,7 @@ $height-tabs_overflow_list: 300px;  // 页签折叠收起菜单高度
 $width-tabs_bar_line-border: $border-thickness-control; // 线条式页签底部分割线宽度
 $width-tabs_bar_line_tab-border: 2px; // 页签标示线宽度
 
-$width-tabs_bar_card-border: $border-thickness-control; // 卡片式页签底部分割线宽度
+$width-tabs_bar_card-border: $border-thickness-control; // 卡片式页签容器底部长线宽度
 $width-tabs-outline: 2px; // 聚焦轮廓宽度
 $width-tabs-outline-offset: -2px; // 聚焦轮廓偏移宽度
 $width-tabs_bar_line-outline-offset: -1px; // 线条式页签聚焦轮廓偏移宽度

package/lib/cjs/upload/variables.scss

@@ -1,7 +1,7 @@
 // Color
 $color-upload-text: var(--semi-color-text-0); // 上传文件卡片等默认文本颜色
-$color-upload_assist-text: var(--semi-color-text-2); // 上传辅助文本颜色
-$color-upload-border: var(--semi-color-border); // 上传描边颜色
+$color-upload_assist-text: var(--semi-color-text-2); // 上传文件列表标题及文件大小文本颜色
+$color-upload-border: var(--semi-color-border); // 图片墙添加按钮及拖拽区域描边颜色
 $color-upload_card-bg-hover: var(--semi-color-fill-1); // 上传文件卡片背景色 - 悬浮
 $color-upload_card-bg: var(--semi-color-fill-0); // 上传文件卡片背景色 - 默认
 $color-upload_card_fail-bg-hover: var(--semi-color-danger-light-hover); // 上传失败文件卡片背景色 - 悬浮
@@ -12,7 +12,7 @@ $color-upload_drag_area-border-hover: var(--semi-color-primary); // 上传可拖
 $color-upload_drag_area_disabled-text: var(--semi-color-disabled-text); // 上传可拖拽区域禁用文本颜色
 $color-upload_drag_area-bg: var(--semi-color-tertiary-light-default); // 上传可拖拽区域背景颜色 - 默认
 $color-upload_drag_area_icon: var(--semi-color-primary); // 上传可拖拽区域图标颜色
-$color-upload_drag_area_tips-text: var(--semi-color-primary); // 上传可拖拽区域背景颜色 - 悬浮
+$color-upload_drag_area_tips-text: var(--semi-color-primary); // 上传可拖拽区域提示文本颜色
 
 $color-upload_drag_area_main-text-default: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 默认
 $color-upload_drag_area_main-text-hover: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 悬浮
@@ -24,21 +24,21 @@ $color-upload_drag_area_sub-text-active: var(--semi-color-text-0); // 上传可
 $color-upload_file_card_fail_info-text: var(--semi-color-danger); // 上传文件卡片失败提示信息文本颜色
 $color-upload_file_card_preview_placeholder-bg: rgba(var(--semi-grey-3), 1); // 文件卡片默认预览背景颜色
 $color-upload_file_card_preview_placeholder-text: rgba(var(--semi-white), 1); // 文件卡片默认预览图颜色
-$color-upload_file_card_retry-bg: var(--semi-color-white); // 重新上传按钮背景颜色
-$color-upload_file_card_retry-text: var(--semi-color-primary); // 重新上传按钮文本颜色
+$color-upload_file_card_retry-bg: var(--semi-color-white); // 图片墙上传卡片重新上传按钮背景颜色
+$color-upload_file_card_retry-text: var(--semi-color-primary); // 图片墙上传卡片重新上传按钮文本颜色
 $color-upload-icon: var(--semi-color-tertiary); // 图片墙上传图标加号颜色
 $color-upload_pic_add-bg-active: var(--semi-color-fill-2); // 图片墙上传背景色 - 按下
 $color-upload_pic_add-bg-hover: var(--semi-color-fill-1); // 图片墙上传背景色 - 悬浮
 $color-upload_pic_add-bg: var(--semi-color-fill-0); // 图片墙上传背景色 - 默认
 $color-upload_pic_remove-bg: var(--semi-color-overlay-bg); // 图片墙上传移除图标颜色
-$color-upload_picture_file_card_loading_error-icon: var(--semi-color-danger); // 图片墙上传移除图标颜色
-$color-upload_picture_file_card_error-border: var(--semi-color-danger); // 图片墙上传移除图标颜色
+$color-upload_picture_file_card_loading_error-icon: var(--semi-color-danger); // 图片墙上传卡片加载及失败状态图标颜色
+$color-upload_picture_file_card_error-border: var(--semi-color-danger); // 图片墙上传卡片失败状态描边颜色
 $color-upload_picture_file_card_pic_info-text: var(--semi-color-white); // 图片墙图片信息（序号）文字颜色
 $color-upload_picture_file_card_close-icon: var(--semi-color-white); // 图片墙关闭图标颜色
 $color-upload_picture_file_card_hover-bg: var(--semi-color-overlay-bg); // 图片墙预览悬浮背景色
 $color-upload_preview-icon: var(--semi-color-text-2); // 上传文件卡片文本颜色
 $color-upload_retry-text: var(--semi-color-primary); // 上传文件卡片重新上传按钮文本颜色
-$color-upload_replace-text: var(--semi-color-white); // 上传文件卡片重新替换按钮文本颜色
+$color-upload_replace-text: var(--semi-color-white); // 图片墙上传卡片替换按钮文本颜色
 // Width/Height
 $height-upload_file_card: 52px; // 上传文件卡片高度
 $width-upload_file_card: 250px; // 上传文件卡片宽度
@@ -49,9 +49,9 @@ $height-upload_file_card_preview: 36px; // 文件卡片预览图标高度
 $width-upload_file_card_preview_img: 36px; // 文件卡片预览图片宽度
 $width-upload_file_card_info_name: 106px; // 文件卡片信息名称
 $width-upload_file_card-icon: 11px; // 文件卡片图标宽度
-$width-upload_picture_add-border: 2px; // 文件卡片图标宽度
+$width-upload_picture_add-border: 2px; // 图片墙添加按钮描边宽度
 $width-upload_picture_file_card_img: 96px; // 图片墙上传卡片宽度
-$width-upload_picture_file_card_close: 16px; // 图片墙上传卡片删除annual宽度
+$width-upload_picture_file_card_close: 16px; // 图片墙上传卡片删除按钮图标宽度
 $width-upload_file_card_retry: 24px; // 重新上传按钮宽度
 $width-upload_file_card_retry-icon: 13px; // 重新上传按钮图标宽度
 $height-upload_file_card_retry-icon: 14px; // 重新上传按钮图标高度

package/lib/es/button/button.scss

@@ -34,7 +34,7 @@ $module: #{$prefix}-button;
     &.#{$module}-warning,
     &.#{$module}-danger {
         &:focus-visible {
-            outline: $width-button-outline solid $color-button_primary-outline-focus;
+            outline: $width-button-outline solid $color-button_primary_outline-focus;
         }
     }
 

package/lib/es/button/variables.scss

@@ -1,7 +1,7 @@
 // primary
 $color-button_primary-bg-default: var(--semi-color-primary); // 主要按钮背景颜色
 $color-button_primary-border-default: transparent; // 主要按钮描边颜色
-$color-button_primary-text-default: rgba(var(--semi-white), 1); // 主要按钮文字颜色
+$color-button_primary-text-default: rgba(var(--semi-white), 1); // 主要按钮文字颜色 - solid 模式
 
 $color-button_primary-bg-hover: var(--semi-color-primary-hover); // 主要按钮背景颜色 - 悬浮
 $color-button_primary-border-hover: var(--semi-color-primary-hover); // 主要按钮描边颜色 - 悬浮
@@ -10,26 +10,26 @@ $color-button_primary-text-hover: rgba(var(--semi-white), 1); // 主要按钮文
 $color-button_primary-bg-active: var(--semi-color-primary-active); // 主要按钮背景颜色 - 按下
 $color-button_primary-border-active: var(--semi-color-primary-active); // 主要按钮描边颜色 - 按下
 $color-button_primary-text-active: rgba(var(--semi-white), 1); // 主要按钮文字颜色 - 按下
-$color-button_primary-outline-focus: var(--semi-color-primary-light-active); // 主要按钮轮廓 - 聚焦
-$color-button_primary_outline-border-default: var(--semi-color-border); // 边框模式下 primary 边框颜色
+$color-button_primary_outline-focus: var(--semi-color-primary-light-active); // 主要按钮轮廓 - 聚焦
+$color-button_primary_outline-border-default: var(--semi-color-border); // 主要按钮边框颜色 - 边框模式
 
-$color-button_primary_borderless-text-default: var(--semi-color-primary); // 主要按钮无边框文字颜色
+$color-button_primary_borderless-text-default: var(--semi-color-primary); // 主要按钮文字颜色 - 浅色/边框/无边框模式
 
-$color-button_primary_solid_colorful-bg-default: var(--semi-color-ai-general); // colorful 主要按钮背景颜色 - 深色主题
-$color-button_primary_solid_colorful-bg-hover: var(--semi-color-ai-general-hover); // colorful 主要按钮背景颜色 - 深色主题 - 悬浮
-$color-button_primary_solid_colorful-bg-active: var(--semi-color-ai-general-active); // colorful 主要按钮背景颜色 - 深色主题 - 按下
+$color-button_primary_solid_colorful-bg-default: var(--semi-color-ai-general); // Colorful 主要按钮背景颜色 - solid 主题
+$color-button_primary_solid_colorful-bg-hover: var(--semi-color-ai-general-hover); // Colorful 主要按钮背景颜色 - solid 主题 - 悬浮
+$color-button_primary_solid_colorful-bg-active: var(--semi-color-ai-general-active); // Colorful 主要按钮背景颜色 - solid 主题 - 按下
 
-$color-button_primary_light_colorful-text-default: var(--semi-color-ai-general); // colorful 主要按钮文字颜色 - 浅色色主题
+$color-button_primary_light_colorful-text-default: var(--semi-color-ai-general); // Colorful 主要按钮文字填充色 - 浅色模式
 
-$color-button_primary_light_outline-text-default: var(--semi-color-ai-purple); // colorful 主要按钮文字颜色 - 边框模式
-$color-button_primary_light_outline-border: var(--semi-color-ai-purple); // colorful 主要按钮文字颜色 - 边框模式
+$color-button_primary_light_outline-text-default: var(--semi-color-ai-purple); // Colorful 主要按钮文字颜色 - 边框模式
+$color-button_primary_light_outline-border: var(--semi-color-ai-purple); // Colorful 主要按钮边框颜色 - 边框模式
 
-$color-button_primary_light_borderless-text-default: var(--semi-color-ai-general); // colorful 主要按钮文字颜色 - 无背景
+$color-button_primary_light_borderless-text-default: var(--semi-color-ai-general); // Colorful 主要按钮文字填充色 - 无边框模式
 
 // secondary
 $color-button_secondary-bg-default: var(--semi-color-secondary); // 次要按钮背景颜色
 $color-button_secondary-border-default: var(--semi-color-secondary); // 次要按钮描边颜色
-$color-button_secondary-text-default: rgba(var(--semi-white), 1); // 次要按钮文字颜色
+$color-button_secondary-text-default: rgba(var(--semi-white), 1); // 次要按钮文字颜色 - solid 模式
 
 $color-button_secondary-bg-hover: var(--semi-color-secondary-hover); // 次要按钮背景颜色 - 悬浮
 $color-button_secondary-border-hover: var(--semi-color-secondary-hover); // 次要按钮描边颜色 - 悬浮
@@ -38,14 +38,14 @@ $color-button_secondary-text-hover: rgba(var(--semi-white), 1); // 次要按钮
 $color-button_secondary-bg-active: var(--semi-color-secondary-active); // 次要按钮背景颜色 - 按下
 $color-button_secondary-border-active: var(--semi-color-secondary-active); // 次要按钮描边颜色 - 按下
 $color-button_secondary-text-active: rgba(var(--semi-white), 1); // 次要按钮文字颜色 - 按下
-$color-button_secondary_outline-border-default: var(--semi-color-border); // 边框模式下 secondary 边框颜色
+$color-button_secondary_outline-border-default: var(--semi-color-border); // 次要按钮边框颜色 - 边框模式
 
-$color-button_secondary_borderless-text-default: var(--semi-color-secondary); // 次要按钮无边框文字颜色
+$color-button_secondary_borderless-text-default: var(--semi-color-secondary); // 次要按钮文字颜色 - 浅色/边框/无边框模式
 
 // danger
 $color-button_danger-bg-default: var(--semi-color-danger); // 危险按钮背景颜色
 $color-button_danger-border-default: var(--semi-color-danger); // 危险按钮描边颜色
-$color-button_danger-text-default: rgba(var(--semi-white), 1); // 危险按钮文字颜色
+$color-button_danger-text-default: rgba(var(--semi-white), 1); // 危险按钮文字颜色 - solid 模式
 
 $color-button_danger-bg-hover: var(--semi-color-danger-hover); // 危险按钮背景颜色 - 悬浮
 $color-button_danger-border-hover: var(--semi-color-danger); // 危险按钮描边颜色 - 悬浮
@@ -55,14 +55,14 @@ $color-button_danger-bg-active: var(--semi-color-danger-active); // 危险按钮
 $color-button_danger-border-active: var(--semi-color-danger-active); // 危险按钮描边颜色 - 按下
 $color-button_danger-text-active: rgba(var(--semi-white), 1); // 危险按钮文字颜色 - 按下
 $color-button_danger-outline-focus: var(--semi-color-danger-light-active); // 危险按钮轮廓 - 聚焦
-$color-button_danger_outline-border-default: var(--semi-color-danger); // 边框模式下 danger 边框颜色
+$color-button_danger_outline-border-default: var(--semi-color-danger); // 危险按钮边框颜色 - 边框模式
 
-$color-button_danger_borderless-text-default: var(--semi-color-danger); // 危险按钮无边框文字颜色
+$color-button_danger_borderless-text-default: var(--semi-color-danger); // 危险按钮文字颜色 - 浅色/边框/无边框模式
 
 // warning
 $color-button_warning-bg-default: var(--semi-color-warning); // 警告按钮背景颜色
 $color-button_warning-border-default: var(--semi-color-warning); // 警告按钮描边颜色
-$color-button_warning-text-default: rgba(var(--semi-white), 1); // 警告按钮文字颜色
+$color-button_warning-text-default: rgba(var(--semi-white), 1); // 警告按钮文字颜色 - solid 模式
 
 $color-button_warning-bg-hover: var(--semi-color-warning-hover); // 警告按钮背景颜色 - 悬浮
 $color-button_warning-border-hover: var(--semi-color-warning-hover); // 警告按钮描边颜色 - 悬浮
@@ -72,18 +72,18 @@ $color-button_warning-bg-active: var(--semi-color-warning-active); // 警告按
 $color-button_warning-border-active: var(--semi-color-warning-active); // 警告按钮描边颜色 - 按下
 $color-button_warning-text-active: rgba(var(--semi-white), 1); // 警告按钮文字颜色 - 按下
 $color-button_warning-outline-focus: var(--semi-color-warning-light-active); // 警告按钮轮廓 - 聚焦
-$color-button_warning_outline-border-default: var(--semi-color-warning); // 边框模式下 warning 边框颜色
-$color-button_warning_borderless-text-default: var(--semi-color-warning); // 警告按钮无边框文字颜色
+$color-button_warning_outline-border-default: var(--semi-color-warning); // 警告按钮边框颜色 - 边框模式
+$color-button_warning_borderless-text-default: var(--semi-color-warning); // 警告按钮文字颜色 - 浅色/边框/无边框模式
 
 // tertiary
 $color-button_tertiary-bg-default: var(--semi-color-tertiary); // 第三按钮背景颜色
 $color-button_tertiary-border-default: var(--semi-color-tertiary); // 第三按钮描边颜色
-$color-button_tertiary-text-default: rgba(var(--semi-white), 1); // 第三按钮文字颜色
+$color-button_tertiary-text-default: rgba(var(--semi-white), 1); // 第三按钮文字颜色 - solid 模式
 
 $color-button_tertiary_solid_colorful-bg-default: var(--semi-ai-general-0); // colorful 第三按钮背景颜色
 $color-button_tertiary_solid_colorful-bg-hover: var(--semi-ai-general-1); // colorful 第三按钮背景颜色 - 悬浮
 $color-button_tertiary_solid_colorful-bg-active: var(--semi-ai-general-2); // colorful 第三按钮背景颜色 - 按下
-$color-button_tertiary_solid_colorful-text-default: var(--semi-color-ai-general); // colorful 第三按钮文字颜色
+$color-button_tertiary_solid_colorful-text-default: var(--semi-color-ai-general); // Colorful 第三按钮文字填充色 - solid 主题
 
 $color-button_tertiary-bg-hover: var(--semi-color-tertiary-hover); // 第三按钮背景颜色 - 悬浮
 $color-button_tertiary-border-hover: var(--semi-color-tertiary-hover); // 第三按钮描边颜色 - 悬浮
@@ -92,22 +92,22 @@ $color-button_tertiary-text-hover: rgba(var(--semi-white), 1); // 第三按钮
 $color-button_tertiary-bg-active: var(--semi-color-tertiary-active); // 第三按钮背景颜色 - 按下
 $color-button_tertiary-border-active: var(--semi-color-tertiary-active); // 第三按钮描边颜色 - 按下
 $color-button_tertiary-text-active: rgba(var(--semi-white), 1); // 第三按钮文字颜色 - 按下
-$color-button_tertiary_outline-border-default: var(--semi-color-border); // 边框模式下 tertiary 边框颜色
-$color-button_tertiary_solid-text-default: var(--semi-color-text-1); // 浅色第三按钮文字颜色
+$color-button_tertiary_outline-border-default: var(--semi-color-border); // 第三按钮边框颜色 - 边框模式
+$color-button_tertiary_solid-text-default: var(--semi-color-text-1); // 第三按钮文字颜色 - 浅色/边框/无边框模式
 
 // disabled
-$color-button_disabled_solid-text-default: var(--semi-color-disabled-text); // 禁用按钮文字颜色 - 深色主题
+$color-button_disabled_solid-text-default: var(--semi-color-disabled-text); // 禁用按钮文字颜色 - solid 主题
 $color-button_disabled-text-default: var(--semi-color-disabled-text); // 禁用按钮文字颜色 - 浅色主题或无背景
 $color-button_disabled_outline_text-default: var(--semi-color-disabled-text); // 禁用按钮文字颜色 - 边框模式
 $color-button_disabled-bg-default: var(--semi-color-disabled-bg); // 禁用按钮背景颜色
-$color-button_disabled-text-hover: $color-button_disabled-text-default; // 禁用按钮文字颜色 - 深色主题 - 悬浮
+$color-button_disabled-text-hover: $color-button_disabled-text-default; // 禁用按钮文字颜色 - solid 主题 - 悬浮
 $color-button_disabled-bg-hover: var(--semi-color-disabled-bg); // 禁用按钮背景颜色 - 悬浮
 $color-button_disabled_primary-bg-default: $color-button_disabled-bg-default; // 禁用 primary 按钮背景颜色
 $color-button_disabled_secondary-bg-default: $color-button_disabled-bg-default; // 禁用 secondary 按钮背景颜色
 $color-button_disabled_danger-bg-default: $color-button_disabled-bg-default; // 禁用 danger 按钮背景颜色
 $color-button_disabled_warning-bg-default: $color-button_disabled-bg-default; // 禁用 warning 按钮背景颜色
 $color-button_disabled_tertiary-bg-default: $color-button_disabled-bg-default; // 禁用 tertiary 按钮背景颜色
-$color-button_disabled_outline-border-default: var(--semi-color-border); // 边框模式下 disable 边框颜色
+$color-button_disabled_outline-border-default: var(--semi-color-border); // 禁用按钮边框颜色 - 边框模式
 
 
 // light
@@ -126,7 +126,7 @@ $color-button_disabled_light_warning-bg-default: $color-button_light-bg-default;
 $color-button_disabled_light_tertiary-bg-default: $color-button_light-bg-default; // 禁用 light tertiary 按钮背景颜色
 
 // borderless
-$color-button_borderless-text-default: var(--semi-color-primary); // 无背景按钮背景颜色
+$color-button_borderless-text-default: var(--semi-color-primary); // 无背景按钮文字颜色
 $color-button_borderless-bg-hover: var(--semi-color-fill-0); // 无背景按钮背景颜色 - 悬浮
 $color-button_borderless-bg-active: var(--semi-color-fill-1); // 无背景按钮背景颜色 - 按下
 $color-button_borderless-border-default: transparent; // 无背景按钮描边颜色
@@ -203,7 +203,7 @@ $radius-button_group: $radius-button; // 按钮组圆角大小
 $width-button-outline: 2px; // 按钮轮廓宽度
 
 
-$radius-button_splitButtonGroup_first_topLeft: var(--semi-border-radius-small); // split button 左上圆角
-$radius-button_splitButtonGroup_first_bottomLeft: var(--semi-border-radius-small); // split button 左下圆角
-$radius-button_splitButtonGroup_last_topRight: var(--semi-border-radius-small); // split button 右上圆角
-$radius-button_splitButtonGroup_last_bottomRight: var(--semi-border-radius-small); // split button 右下圆角
+$radius-button_splitButtonGroup_first_topLeft: var(--semi-border-radius-small); // 组合按钮(Split) - 首个按钮左上圆角
+$radius-button_splitButtonGroup_first_bottomLeft: var(--semi-border-radius-small); // 组合按钮(Split) - 首个按钮左下圆角
+$radius-button_splitButtonGroup_last_topRight: var(--semi-border-radius-small); // 组合按钮(Split) - 末尾按钮右上圆角
+$radius-button_splitButtonGroup_last_bottomRight: var(--semi-border-radius-small); // 组合按钮(Split) - 末尾按钮右下圆角