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

package/lib/es/cascader/variables.scss

@@ -1,12 +1,12 @@
-$radius-cascader: var(--semi-border-radius-small); // 级联选择菜单圆角
+$radius-cascader: var(--semi-border-radius-small); // 级联选择触发器圆角
 $radius-cascader_option_empty: var(--semi-border-radius-medium); // 级联选择菜单空状态圆角
 
-$color-cascader_default-border-default: transparent; // 级联选择描边颜色 - 默认
-$color-cascader_default-border-hover: transparent; // 级联选择描边颜色 - 悬浮
-$color-cascader_default-border-focus: var(--semi-color-focus-border); // 级联选择描边颜色 - 选中
-$color-cascader_default-bg-default: var(--semi-color-fill-0); // 级联选择菜单项背景颜色 - 默认
-$color-cascader_default-bg-hover: var(--semi-color-fill-1); // 级联选择菜单项背景颜色 - 悬浮
-$color-cascader_default-bg-active: var(--semi-color-fill-2); // 级联选择菜单项背景颜色 - 按下
+$color-cascader_default-border-default: transparent; // 级联选择触发器描边颜色 - 默认
+$color-cascader_default-border-hover: transparent; // 级联选择触发器描边颜色 - 悬浮
+$color-cascader_default-border-focus: var(--semi-color-focus-border); // 级联选择触发器描边颜色 - 选中
+$color-cascader_default-bg-default: var(--semi-color-fill-0); // 级联选择触发器背景颜色 - 默认
+$color-cascader_default-bg-hover: var(--semi-color-fill-1); // 级联选择触发器背景颜色 - 悬浮
+$color-cascader_default-bg-active: var(--semi-color-fill-2); // 级联选择触发器背景颜色 - 按下
 $color-cascader_option_list-border-default: var(--semi-color-fill-0); // 级联选择各级菜单分割线颜色
 $color-cascader_option_main-text-default: var(--semi-color-text-0); // 级联选择菜单项文字颜色
 $color-cascader_option-bg-hover: var(--semi-color-fill-0); // 级联选择菜单项背景颜色 - 悬浮
@@ -72,9 +72,9 @@ $color-cascader_selection_n-text-disabled: var(--semi-color-disabled-text); //
 $color-cascader_selection_text_inactive: var(--semi-color-text-2); // 级联选择单选inpu输入框和text并存时，text颜色
 $color-cascader_selection-text-default: var(--semi-color-text-0); // 级联选择选中项文字颜色
 $color-cascader_placeholder-text-default: var(--semi-color-text-2); // 级联选择未选中项文字颜色
-$color-cascader-icon-default: var(--semi-color-text-2); // 级联选择图标颜色 - 默认
-$color-cascader-icon-hover: var(--semi-color-primary-hover); // 级联选择图标颜色 - 悬浮
-$color-cascader-icon-active: var(--semi-color-primary-active); // 级联选择图标颜色 - 按下
+$color-cascader-icon-default: var(--semi-color-text-2); // 级联选择触发器图标颜色 - 默认
+$color-cascader-icon-hover: var(--semi-color-primary-hover); // 级联选择触发器图标颜色 - 悬浮
+$color-cascader-icon-active: var(--semi-color-primary-active); // 级联选择触发器图标颜色 - 按下
 
 $color-cascader_label-text-default: var(--semi-color-text-2); // 级联选择 prefix 文字颜色
 $color-cascader_option-icon-default: $color-cascader-icon-default; // 级联选择菜单项图标颜色
@@ -106,7 +106,7 @@ $width-cascader_hover-border: $width-cascader-border; // 级联选择触发器
 $width-cascader_focus-border: $border-thickness-control-focus; // 级联选择触发器描边宽度 - 选中态
 $width-cascader_search-border: 1px; // 级联选择触搜索描边宽度
 $width-cascader-icon: 32px; // 级联选择触发器图标尺寸
-$width-cascader-option-icon: 16px; // 级联选择选项面板图标尺寸
+$width-cascader-option-icon: 16px; // 级联选择菜单项图标尺寸
 $width-cascader_option:  150px; // 级联选择各级菜单宽度
 $height-cascader_option_list: 180px; // 级联选择菜单高度
 $height-cascader_selection_tagInput_wrapper_small: 22px;  //级联选择多选搜索时搜索框最小高度 - 小尺寸
@@ -124,8 +124,8 @@ $spacing-cascader_selection_n-paddingX: $spacing-tight; // 级联选择 +N 的
 $spacing-cascader_flatten_list-paddingRight: 64px; // 级联选择搜索结果菜单右侧内边距
 $spacing-cascader_empty_icon-marginRight: 8px;  // 级联选择搜索结果菜单
 
-$spacing-cacader_option_list-paddingY: 4px; // 级联选择菜单项垂直内边距
-$spacing-cacader_option_list-paddingX: 0px; // 级联选择菜单项水平内边距
+$spacing-cacader_option_list-paddingY: 4px; // 级联选择下拉菜单列表垂直内边距
+$spacing-cacader_option_list-paddingX: 0px; // 级联选择下拉菜单列表水平内边距
 
 $spacing-cascader_search-paddingX: 12px; // 级联选择搜索水平内边距
 $spacing-cascader_search-paddingY: 8px; // 级联选择搜索垂直内边距

package/lib/es/checkbox/variables.scss

@@ -1,15 +1,15 @@
 $spacing-checkbox_label-paddingLeft: $spacing-tight; // 文字与选框间距
 $color-checkbox_label-text-default: var(--semi-color-text-0); // 文字颜色
 $color-checkbox_default-bg-hover: var(--semi-color-fill-0); // 选框背景颜色 - 悬浮
-$color-checkbox_default-bg-default: transparent; // 选框背景颜色 - 默认
+$color-checkbox_default-bg-default: transparent; // 复选框内部勾选框背景色 - 默认态
 
-$color-checkbox_default-border-hover: var(--semi-color-focus-border); // 选框描边颜色 - 悬浮
-$color-checkbox_default-border-default: var(--semi-color-text-3); // 选框描边颜色 - 默认
+$color-checkbox_default-border-hover: var(--semi-color-focus-border); // 复选框内部勾选框描边颜色 - 悬停态
+$color-checkbox_default-border-default: var(--semi-color-text-3); // 复选框内部勾选框描边颜色 - 默认态
 $color-checkbox_default-bg-active: var(--semi-color-fill-1); // 选框未选中态背景颜色 - 按下
 $font-checkbox_label-lineHeight: 20px; // 文字行高
 $color-checkbox_label-text-disabled: var(--semi-color-disabled-text); // 禁用文字颜色
 
-$color-checkbox_checked-bg-default: var(--semi-color-primary); // 选框选中态背景颜色 - 默认
+$color-checkbox_checked-bg-default: var(--semi-color-primary); // 复选框选中态内部勾选框背景色 - 默认态
 $color-checkbox_checked-bg-hover: var(--semi-color-primary-hover); // 选框选中态背景颜色 - 悬浮
 $color-checkbox_checked-bg-active: var(--semi-color-primary-active); // 选框选中态背景颜色 - 按下
 $color-checkbox_checked-icon-default: var(--semi-color-white); // 选框选中态对勾颜色 - 默认
@@ -26,11 +26,11 @@ $color-checkbox_cardType_checked_border-default: var(--semi-color-primary); //
 $color-checkbox_cardType_checked_border-hover: var(--semi-color-primary-hover); //卡片类型复选框选中时的边框颜色 - 悬浮
 $color-checkbox_cardType_checked_border-active: var(--semi-color-primary-active); //卡片类型复选框选中时的边框颜色 - 按下
 $color-checkbox_cardType_checked_disabled_border-default: var(--semi-color-primary-disabled); //卡片类型复选框选中且禁用时的边框颜色 - 默认
-$color-checkbox_cardType_addon-text-default: var(--semi-color-text-0); // 卡片类型复选框 addon 的文字颜色 - 默认
-$color-checkbox_cardType_extra-text-default: var(--semi-color-text-2); // 卡片类型复选框 extra 的文字颜色 - 默认
-$color-checkbox_cardType_inner-bg-hover: var(--semi-color-white); // 卡片类型复选框 inner 的背景颜色 - 悬浮
-$color-checkbox_cardType_inner-bg-active: var(--semi-color-white); // 卡片类型复选框 inner 的背景颜色 - 按下
-$color-checkbox_cardType_inner-bg-default: var(--semi-color-white); // 卡片类型复选框 inner 的背景颜色 -默认
+$color-checkbox_cardType_addon-text-default: var(--semi-color-text-0); // 卡片类型复选框标题文本颜色 - 默认
+$color-checkbox_cardType_extra-text-default: var(--semi-color-text-2); // 卡片复选框副标题文本颜色 - 默认
+$color-checkbox_cardType_inner-bg-hover: var(--semi-color-white); // 卡片复选框内部勾选框背景色 - 悬浮
+$color-checkbox_cardType_inner-bg-active: var(--semi-color-white); // 卡片复选框内部勾选框背景色 - 按下
+$color-checkbox_cardType_inner-bg-default: var(--semi-color-white); // 卡片复选框内部勾选框背景色 -默认
 
 $color-checkbox_disabled-bg-default: var(--semi-color-disabled-fill); // 选框禁用态背景颜色 - 默认
 $color-checkbox_disabled-border-default: var(--semi-color-border); // 选框禁用态描边颜色 - 默认
@@ -48,24 +48,24 @@ $width-checkbox_cardType_checked_disabled-border: 1px; // 卡片类型复选框
 $width-checkbox-outline: 2px; // 复选框轮廓宽度
 
 $radius-checkbox_cardType: 3px; // 卡片类型复选框的圆角大小
-$radius-checkbox_inner: var(--semi-border-radius-extra-small); // 选框圆角
-$spacing-checkbox_extra-paddingLeft: $width-icon-medium + $spacing-tight; // extra 副标题左侧内边距
-$spacing-checkbox_extra-marginTop: $spacing-extra-tight; // extra 副标题顶部内边距
+$radius-checkbox_inner: var(--semi-border-radius-extra-small); // 复选框内部勾选框圆角
+$spacing-checkbox_extra-paddingLeft: $width-icon-medium + $spacing-tight; // 复选框副标题左侧内边距
+$spacing-checkbox_extra-marginTop: $spacing-extra-tight; // 复选框副标题顶部内边距
 $spacing-checkbox_cardType-paddingX: $spacing-base; // 卡片类型复选框的水平内间距
 $spacing-checkbox_cardType-paddingY: $spacing-base-tight; // 卡片类型复选框的垂直内间距
 $spacing-checkbox_cardType_inner-marginRight: $spacing-tight; // 卡片类型复选框 inner 的右外边距
 $spacing-checkbox_card_group_vertical-marginBottom: $spacing-base; // 卡片样式复选框的下间距
 
-$color-checkbox_extra-text-default: var(--semi-color-text-2); // extra 副标题文字颜色
+$color-checkbox_extra-text-default: var(--semi-color-text-2); // 复选框副标题文本颜色
 
 $spacing-checkbox_group_vertical-marginBottom: $spacing-base; 
 $spacing-checkbox_group_vertical_item-marginBottom: $spacing-base-tight; // 垂直复选框组底部外边距
 
 $spacing-checkbox_group_horizontal-marginRight: $spacing-base; // 水平复选框组右侧外边距
 
-$font-checkbox_cardType_addon-size: $font-size-regular; // 卡片类型复选框的 addon 的文字大小
-$font-checkbox_cardType_addon-fontWeight: $font-weight-bold; // 卡片类型复选框的 addon 的 fontWeight
-$font-checkbox_cardType_addon-lineHeight: 20px; // 卡片类型复选框的 addon 的文字行高
-$font-checkbox_cardType_extra-size: $font-size-regular; // 卡片类型复选框的 extra 的文字大小
-$font-checkbox_cardType_extra-fontWeight: normal; // 卡片类型复选框的 extra 的 fontWeight
-$font-checkbox_cardType_extra-lineHeight: 20px; // 卡片类型复选框的 extra 的文字行高
+$font-checkbox_cardType_addon-size: $font-size-regular; // 卡片类型复选框标题文本大小
+$font-checkbox_cardType_addon-fontWeight: $font-weight-bold; // 卡片类型复选框的标题的 fontWeight
+$font-checkbox_cardType_addon-lineHeight: 20px; // 卡片类型复选框的标题的文字行高
+$font-checkbox_cardType_extra-size: $font-size-regular; // 卡片类型复选框的副标题的文字大小
+$font-checkbox_cardType_extra-fontWeight: normal; // 卡片类型复选框的副标题的 fontWeight
+$font-checkbox_cardType_extra-lineHeight: 20px; // 卡片类型复选框的副标题的文字行高

package/lib/es/datePicker/variables.scss

@@ -1,17 +1,17 @@
 // Size
-$width-datepicker_day: 36px; // 日期格子尺寸
+$width-datepicker_day: 36px; // 日期格子及星期标题尺寸
 $width-datepicker_day_main: 32px; // 日期格子内容尺寸
-$width-datepicker_month: $width-datepicker_day * 7; // 年月面板宽度
-$width-datepicker_nav: 32px; // 导航高度
+$width-datepicker_month: $width-datepicker_day * 7; // 日期视图单月面板宽度
+$width-datepicker_nav: 32px; // 顶部导航栏高度
 $height-datepicker_switch: 54px; // 日期时间切换高度
 $height-datepicker_timeType_yam: calc(100% - 54px); // 时间面板高度
 $height-datepicker_timeType_tpk: calc(100% - 54px); // 时间面板高度
-$height-datepicker_panel_yam_scrolllist:  266px; // 时间滚动内容高度
+$height-datepicker_panel_yam_scrolllist:  266px; // 年月选择列表滚动区域高度
 
 $width-datepicker_monthPanel_max: 284px; // 年月选择器最大宽度
 $width-datepicker_monthRangePanel_max: 384px; // 年月选择器最大宽度
-$height-datepicker_timepicker_header_min: 24px; // 年月选择 header 最小高度
-$width-datepicker_navigation_button_min: 32px; // header 按钮最小宽度
+$height-datepicker_timepicker_header_min: 24px; // 年月选择面板顶部导航栏最小高度
+$width-datepicker_navigation_button_min: 32px; // 顶部导航栏按钮最小宽度
 $height-datepicker_yamShowing_min: 378px; // 日期时间选择器菜单最小高度
 $width-datepicker_yamShowing_min: 284px; // 选择器菜单最小宽度
 $height-datepicker_dateType_yamShowing_min: 325px; // 日期选择器菜单最小高度
@@ -20,8 +20,8 @@ $width-datepicker_presetPanel_left_and_right: 200px; // 左右方位快捷选择
 $height-datepicker_presetPanel_top_and_bottom_max: 100px; // 上下方位快捷选择面板最大高度
 $width-datepicker_presetPanel_scroll_bar: 15px; // 快捷选择面板scrollbar宽度
 
-$width-datepicker-border: $border-thickness-control; // 年月选择 header 底部分割线宽度
-$width-datepicker_yam_header-borderRadius: var(--semi-border-radius-medium); // 年月选择 header 按钮圆角
+$width-datepicker-border: $border-thickness-control; // 年月选择面板顶部导航栏底部分割线宽度
+$width-datepicker_yam_header-borderRadius: var(--semi-border-radius-medium); // 年月选择面板顶部导航栏圆角
 $width-datepicker_day_main-borderRadius: var(--semi-border-radius-small); // 日期格子圆角
 $width-datepicker_quick_control-borderRadius: var(--semi-border-radius-medium); // 快捷操作按钮圆角
 $width-datepicker_slot-border: 1px; // 日期星期分割线宽度
@@ -40,8 +40,8 @@ $width-datepicker_range_trigger-border: 0px; //  触发器边框宽度
 
 // Spacing
 $spacing-datepicker_day-marginX: ($width-datepicker_day - $width-datepicker_day_main) * 0.5; // 日期格子水平外边距
-$spacing-datepicker_yam_header-paddingX: $spacing-base; // 年月选择 header 水平内边距
-$spacing-datepicker_yam_header-paddingY: $spacing-base-tight; // 年月选择 header 垂直内边距
+$spacing-datepicker_yam_header-paddingX: $spacing-base; // 年月选择面板顶部导航栏水平内边距
+$spacing-datepicker_yam_header-paddingY: $spacing-base-tight; // 年月选择面板顶部导航栏垂直内边距
 $spacing-datepicker_scrolllist_header-padding: $spacing-base; // 时间选择 header 内边距
 $spacing-datepicker_scrolllist_body-padding: 0; // 时间选择滚动菜单内边距
 $spacing-datepicker_footer-paddingTop: 10px; // 确认选择 footer 顶部内边距
@@ -55,7 +55,7 @@ $spacing-datepicker_month-padding: $spacing-base;
 $spacing-datepicker_switch_datetime-paddingTop: $spacing-base; // 日期时间切换顶部内边距
 $spacing-datepicker_switch_datetime-paddingBottom: $spacing-base; // 日期时间切换底部内边距
 $spacing-datepicker_switch_text-paddingLeft: $spacing-tight; // 日期时间切换左侧内边距
-$spacing-datepicker_quick_control_header-paddingTop: 18px;  // 快捷面板标题，上内边距
+$spacing-datepicker_quick_control_header-paddingTop: 18px;  // 快捷预设面板标题区域上内边距
 $spacing-datepicker_quick_control_top_and_bottom_content-paddingX: $spacing-base-loose; // 上下方位快捷操作面板, 左右内边距，默认20px
 $spacing-datepicker_quick_control_content-paddingX: 12px; // 快捷面板内容，左右内边距
 $spacing-datepicker_quick_control_content-marginTop: 14px; // 快捷面板内容，上边距
@@ -88,7 +88,7 @@ $color-datepicker_footer-bg-default: var(--semi-color-fill-0); // 日期选择
 $color-datepicker_quick-bg-default: transparent; // 日期选择器快捷操作背景颜色
 $color-datepicker_quick_button-text-default: var(--semi-color-primary); // 日期选择器快捷操作按钮文字颜色
 
-$color-datepicker_day-text-default: var(--semi-color-text-2); // 日期时间切换文字颜色 - 默认
+$color-datepicker_day-text-default: var(--semi-color-text-2); // 星期标题及日期时间切换按钮文字颜色 - 默认
 $color-datepicker_day-text-hover: var(--semi-color-fill-1); // 日期时间切换文字颜色 - 悬浮
 $color-datepicker_day-text-active: var(--semi-color-text-0); // 日期时间切换文字颜色 - 选中
 
@@ -109,13 +109,13 @@ $color-datepicker_date_today-text-default: var(--semi-color-primary); // 今日
 $color-datepicker_date_today_disabled-text-default: var(--semi-color-primary-disabled); // 今日文字颜色 - 禁用
 
 $color-datepicker_date_inHover-bg-default: var(--semi-color-primary-light-default); // 范围选择日期格子颜色
-$color-datepicker_date_inRangeHover-bg-default: var(--semi-color-fill-0); // 年月面板菜单项背景色 - 悬浮
-$color-datepicker_date_hoverDay-bg-default: var(--semi-color-fill-1); // 年月面板菜单项背景色 - 按下
+$color-datepicker_date_inRangeHover-bg-default: var(--semi-color-fill-0); // 范围选择时悬停路径内的日期背景色
+$color-datepicker_date_hoverDay-bg-default: var(--semi-color-fill-1); // 范围选择时日期格子背景色 - 悬停
 $color-datepicker_date_selectedRange-bg-hover: var(--semi-color-primary-light-hover); // 范围选择日期格子颜色 - 悬浮
 $color-datepicker_date_hoverday_range-bg-default: var(--semi-color-primary-light-active);
 $color-datepicker_date_hoverday_around_single_selected-bg-default: var(--semi-color-primary-light-active);
 
-$color-datepicker_nav_monthIcon-text-default: var(--semi-color-text-0); // 日期选择器 header 文字颜色
+$color-datepicker_nav_monthIcon-text-default: var(--semi-color-text-0); // 顶部导航栏年月文字颜色 - 默认
 $color-datepicker_navIcon-text-default: var(--semi-color-text-2);  // 日期选择器 header 左右箭头颜色
 $color-datepicker_input_primary-text-default: var(--semi-color-primary);
 $color-datepicker_range_input-text-default: var(--semi-color-text-2);

package/lib/es/inputNumber/foundation.js

@@ -112,7 +112,7 @@ class InputNumberFoundation extends BaseFoundation {
     for (const part of parts) {
       if (part.type === 'decimal') {
         this._decimalPointSymbol = part.value;
-        console.log('this._decimalPointSymbol: ', this._decimalPointSymbol);
+        // console.log('this._decimalPointSymbol: ', this._decimalPointSymbol);
       }
       // if (part.type === 'group') {
       //     groupSeparator = part.value;

package/lib/es/jsonViewer/jsonViewer.css

@@ -1,6 +1,10 @@
 /* shadow */
 /* sizing */
 /* spacing */
+.semi-json-viewer {
+  box-sizing: border-box;
+  padding: 12px 0;
+}
 .semi-json-viewer-background {
   background-color: var(--semi-color-default);
 }

package/lib/es/jsonViewer/jsonViewer.scss

@@ -3,6 +3,9 @@
 $module: #{$prefix}-json-viewer;
 
 .#{$module} {
+    box-sizing: border-box;
+    padding: $spacing-json-viewer-paddingY $spacing-json-viewer-paddingX;
+
     &-background {
         background-color: $color-json-viewer-background;
     }

package/lib/es/jsonViewer/variables.scss

@@ -13,3 +13,6 @@ $color-json-viewer-folding-icon: rgba(var(--semi-blue-7), 1); // JSON folding ic
 
 
 $color-json-viewer-line-number: rgba(var(--semi-grey-5), 1); // JSON line number 颜色
+
+$spacing-json-viewer-paddingY: 12px; // JSON 垂直内边距
+$spacing-json-viewer-paddingX: 0; // JSON 水平内边距

package/lib/es/navigation/variables.scss

@@ -6,7 +6,7 @@ $width-navigation_container_base: 240px; // 侧边导航栏展开后宽度
 $width-navigation_container_collapsed: 60px; // 侧边导航栏收起后宽度
 $width-navigation_header_logo: 36px; // 导航栏 logo 宽度
 $height-navigation_header_logo: 36px; // 导航栏 logo 高度
-$height-navigation_header_logo_collapsed: 36px; // 导航栏 logo 收起后宽度
+$height-navigation_header_logo_collapsed: 36px; // 导航栏 Logo 收起后尺寸（高度/宽度）
 $height-navigation_footer: 48px;  // 侧边导航栏 footer 高度
 $height-navigation_horizontal_header: 60px; // 顶部导航栏高度
 $width-navigation_icon_text_between: 12px; // 导航栏菜单项图标与标题间距
@@ -15,7 +15,7 @@ $width-navigation_item-borderRadius: var(--semi-border-radius-small); // 导航
 $width-navigation_dropdown_item_nav_item-minWidth: 150px; // 导航栏菜单项下拉菜单最小宽度
 $width-navigation_border: 1px; // 导航栏描边宽度
 $width-navigation_footer_border: 1px; // 导航栏 footer 描边宽度
-$width-navigation_icon_left-minWidth: 20px; // 导航栏菜单项展开收起按钮最小宽度
+$width-navigation_icon_left-minWidth: 20px; // 导航栏菜单项左侧图标区域最小宽度
 $width-navigation-outline: 2px; // 导航栏聚焦outline宽度
 $width-navigation-outlineOffset: -2px; // 导航栏聚焦outline偏移
 
@@ -30,18 +30,18 @@ $spacing-navigation_sub_wrap-marginTop: 0; // 侧边导航栏子级菜单组顶
 $spacing-navigation_sub_wrap-padding: 0; // 侧边导航栏子级菜单组内边距
 $spacing-navigation_sub-padding: 0; // 侧边导航栏子级菜单组内边距
 $spacing-navigation_item_sub-padding: 0; // 侧边导航栏子级菜单项内边距
-$spacing-navigation_header_logo-marginLeft: 0; // 导航栏 logo 左侧外边距
-$spacing-navigation_header_logo-marginRight: 8px; // 导航栏 logo 右侧外边距
+$spacing-navigation_header_logo-marginLeft: 0; // 侧边导航栏 Logo 左侧外边距
+$spacing-navigation_header_logo-marginRight: 8px; // 侧边导航栏 Logo 右侧外边距
 $spacing-navigation_header-paddingTop: 32px; // 导航栏 header 顶部内边距
 $spacing-navigation_header-paddingBottom: 36px; // 导航栏 header 底部内边距
 $spacing-navigation_list_wrapper-paddingTop: 12px; // 导航栏菜单项列表顶部内边距
 $spacing-navigation_footer-paddingX: 24px; // 导航栏 footer 水平方向内边距
 $spacing-navigation_footer-paddingY: 16px; // 导航栏 footer 垂直方向内边距
 $spacing-navigation_footer_collapse_btn_inner-paddingX: 8px; // 收起侧边栏按钮水平方向内边距
-$spacing-navigation_horizontal_header_logo-marginLeft: 24px; // 顶部导航兰 logo 左侧外边距
-$spacing-navigation_horizontal_header_logo-marginRight: 24px; // 顶部导航兰 logo 右侧外边距
-$spacing-navigation_horizontal-paddingLeft: 24px; // 顶部导航兰左侧内边距
-$spacing-navigation_horizontal-paddingRight: 24px; // 顶部导航兰右侧内边距
+$spacing-navigation_horizontal_header_logo-marginLeft: 24px; // 顶部导航栏 Logo 左侧外边距
+$spacing-navigation_horizontal_header_logo-marginRight: 24px; // 顶部导航栏 Logo 右侧外边距
+$spacing-navigation_horizontal-paddingLeft: 24px; // 顶部导航栏左侧内边距
+$spacing-navigation_horizontal-paddingRight: 24px; // 顶部导航栏右侧内边距
 $spacing-navigation_dropdown_item_nav_sub_title-paddingX: $spacing-base-tight; // 导航栏下拉菜单标题水平方向内边距
 $spacing-navigation_dropdown_item_nav_sub_title-paddingY: $spacing-tight; // 导航栏下拉菜单标题垂直方向内边距
 $spacing-navigation_dropdown_item_nav_item-marginTop: 0; // 导航栏下拉菜单项顶部外边距
@@ -54,7 +54,7 @@ $spacing-navigation_vertical_nav_header_collapsed-paddingRight: 0; // 侧边导
 $spacing-navigation_vertical_footer-paddingLeft: $spacing-tight; // 侧边导航栏 footer 左侧内边距
 $spacing-navigation_vertical_footer-paddingRight: $spacing-tight; // 侧边导航栏 footer 右侧内边距
 $spacing-navigation_vertical_footer_semi_button_content_right-marginLeft: 12px; // 收起侧边栏 按钮标题左侧外边距
-$spacing-navigation_horizontal_nav_list_item-marginBottom: 0; // 顶部导航栏菜单项底部外边距
+$spacing-navigation_horizontal_nav_list_item-marginBottom: 0; // 顶部导航栏列表项底部外边距
 $spacing-navigation_horizontal_nav_list_item_not_last-marginRight: $spacing-tight; // 顶部导航栏菜单项右侧外边距（非末位）
 $spacing-navigation_horizontal_icon_first-marginRight: $spacing-tight; // 顶部导航栏菜单项首位图标右侧外边距
 $spacing-navigation_horizontal_icon_last-marginLeft: $spacing-tight; // 顶部导航栏菜单项末位图标左侧外边距

package/lib/es/radio/variables.scss

@@ -1,33 +1,33 @@
-$color-radio_default-border-default: var(--semi-color-text-3); // 默认态描边颜色
-$color-radio_default-bg-default: transparent; // 默认态背景颜色
-$color-radio_default-bg-hover: var(--semi-color-fill-0); // 悬浮态背景颜色
-$color-radio_default-bg-active: var(--semi-color-fill-1); // 按下态背景颜色
-$color-radio_default-border-hover: var(--semi-color-focus-border); // 悬浮态描边颜色
-$color-radio_checked-border-hover: var(--semi-color-primary-hover); // 选中时悬浮态描边颜色
-$color-radio_checked-border-active: var(--semi-color-primary-active); // 选中时按下态描边颜色
+$color-radio_default-border-default: var(--semi-color-text-3); // 单选圆圈描边颜色 - 默认态
+$color-radio_default-bg-default: transparent; // 单选圆圈背景颜色 - 默认态
+$color-radio_default-bg-hover: var(--semi-color-fill-0); // 单选圆圈背景颜色 - 悬浮态
+$color-radio_default-bg-active: var(--semi-color-fill-1); // 单选圆圈背景颜色 - 按下态
+$color-radio_default-border-hover: var(--semi-color-focus-border); // 单选圆圈描边颜色 - 悬浮态
+$color-radio_checked-border-hover: var(--semi-color-primary-hover); // 选中状态单选圆圈描边颜色 - 悬浮态
+$color-radio_checked-border-active: var(--semi-color-primary-active); // 选中状态单选圆圈描边颜色 - 按下态
 
 $color-radio_default-text-default: var(--semi-color-text-0); // 选项文本颜色
 $color-radio_extra-text-default: var(--semi-color-text-2); // 辅助文本颜色
 
-$color-radio_primary-bg-hover: var(--semi-color-primary-hover); // 选中项悬浮态背景颜色
-$color-radio_primary-bg-active: var(--semi-color-primary-active); // 选中项按下态背景颜色
-$color-radio_primary-border-default: var(--semi-color-primary); // 选中项描边颜色
-$color-radio_primary-bg-default: var(--semi-color-primary); // 选中项背景颜色
-$color-radio_primary-text-default: rgba(var(--semi-white), 1); // 选中项圆点颜色
+$color-radio_primary-bg-hover: var(--semi-color-primary-hover); // 选中状态单选圆圈背景颜色 - 悬浮态
+$color-radio_primary-bg-active: var(--semi-color-primary-active); // 选中状态单选圆圈背景颜色 - 按下态
+$color-radio_primary-border-default: var(--semi-color-primary); // 选中状态单选圆圈描边颜色 - 默认态
+$color-radio_primary-bg-default: var(--semi-color-primary); // 选中状态单选圆圈背景颜色 - 默认态
+$color-radio_primary-text-default: rgba(var(--semi-white), 1); // 选中状态单选圆圈中心圆点颜色
 
-$color-radio_checked-bg-disabled: var(--semi-color-primary-disabled); // 选中项禁用态背景颜色
-$color-radio_default-border-disabled: var(--semi-color-border); // 禁用态描边颜色
-$color-radio_checked-border-disabled: var(--semi-color-primary-disabled); // 选中项禁用态描边颜色
+$color-radio_checked-bg-disabled: var(--semi-color-primary-disabled); // 选中状态单选圆圈背景颜色 - 禁用态
+$color-radio_default-border-disabled: var(--semi-color-border); // 单选圆圈描边颜色 - 禁用态
+$color-radio_checked-border-disabled: var(--semi-color-primary-disabled); // 选中状态单选圆圈描边颜色 - 禁用态
 
-$color-radio_disabled-bg-default: var(--semi-color-disabled-fill); // 禁用态背景颜色
+$color-radio_disabled-bg-default: var(--semi-color-disabled-fill); // 单选圆圈背景颜色 - 禁用态
 $color-radio_disabled-bg-hover: transparent;
 $color-radio_disabled-text-default: var(--semi-color-disabled-text); // 禁用态文本颜色
-$color-radio_disabled-border-default: var(--semi-color-border); // 禁用态描边颜色
-$color-radio_checked-icon-disabled: rgba(var(--semi-white), 1); // 禁用态圆点颜色
+$color-radio_disabled-border-default: var(--semi-color-border); // 单选圆圈描边颜色 - 禁用态
+$color-radio_checked-icon-disabled: rgba(var(--semi-white), 1); // 选中且禁用状态下中心圆点颜色
 
 $color-radio_buttonRadio-text-default: var(--semi-color-text-1); // 按钮样式单选文本颜色
 $color-radio_buttonRadio-bg-default: var(--semi-color-fill-0); // 按钮样式单选背景颜色
-$color-radio_buttonRadio-text-checked-hover: var(--semi-color-primary); // 按钮样式单选选中项文本颜色
+// $color-radio_buttonRadio-text-checked-hover: var(--semi-color-primary); // 按钮样式单选选中项文本颜色
 $color-radio_buttonRadio-text-disabled: var(--semi-color-disabled-text); // 按钮样式单选禁用态文本颜色
 
 $color-radio_addon_buttonRadio-bg-hover: var(--semi-color-fill-1); // 按钮样式单选悬浮态背景色
@@ -48,9 +48,9 @@ $color-radio_cardRadioGroup_addon-text-default: var(--semi-color-text-0); // 卡
 $color-radio_cardRadioGroup_extra-text-default: var(--semi-color-text-2); // 卡片样式单选辅助文字颜色
 $color-radio_cardRadioGroup_checked_disabled-border-default: var(--semi-color-primary-disabled); // 卡片样式选中项禁用态描边颜色 - 默认态
 $color-radio_cardRadioGroup_checked_disabled-border-hover:  var(--semi-color-primary-disabled); // 卡片样式选中项禁用态描边颜色 - 悬浮态
-$color-radio_card-bg-hover: var(--semi-color-white); // 单选圆点颜色
-$color-radio_card-bg-active: var(--semi-color-white); // 单选圆点颜色 - 按下态
-$color-radio_card-bg-default: var(--semi-color-white); // 单选圆点颜色 - 悬浮态
+$color-radio_card-bg-hover: var(--semi-color-white); // 卡片模式下单选圆圈背景颜色 - 悬浮态
+$color-radio_card-bg-active: var(--semi-color-white); // 卡片模式下单选圆圈背景颜色 - 按下态
+$color-radio_card-bg-default: var(--semi-color-white); // 卡片模式下单选圆圈背景颜色 - 默认态
 
 $color-radio_primary-outline-focus: var(--semi-color-primary-light-active); // 轮廓颜色 - 按键聚焦
 

package/lib/es/select/variables.scss

@@ -34,29 +34,28 @@ $color-select_main-text-default: var(--semi-color-text-0); // 选择器输入框
 $color-select-icon-default: var(--semi-color-text-2); // 选择器输入框图标颜色
 $color-select_clearBtn-text-default: var(--semi-color-text-2); // 选择器输入框清空按钮颜色 - 默认态
 $color-select_clearBtn-text-hover: var(--semi-color-primary); // 选择器输入框清空按钮颜色 - 悬停态
-$color-select_input-bg-default: transparent; // 选择器输入框清空按钮颜色 - 悬停态
+// $color-select_input-bg-default: transparent; // 选择器输入框清空按钮颜色 - 悬停态
 $color-select_input_disabled-bg: var(--semi-color-disabled-fill); // 禁用选择器输入框背景色
 $color-select_input_disabled-border: var(--semi-color-border); // 禁用选择器输入框描边颜色
 $color-select_input_disabled-border-focus: transparent; // 禁用选择器输入框描边颜色 - 聚焦态
 $color-select_input_disabled-text: var(--semi-color-disabled-text); // 禁用选择器输入框回填内容文字颜色
-$color-select_input_disabled-bg-hover: var(--semi-color-disabled-fill); // 选择器输入框回填内容文字颜色 - 悬停态
-$color-select_input_disabled-bg-focus: var(--semi-color-disabled-fill); // 选择器输入框回填内容文字颜色 - 聚焦态
+$color-select_input_disabled-bg-hover: var(--semi-color-disabled-fill); // 禁用选择器输入框背景色 - 悬停态
+$color-select_input_disabled-bg-focus: var(--semi-color-disabled-fill); // 禁用选择器输入框背景色 - 聚焦态
 
 $color-select_input_placeholder-text: var(--semi-color-text-2); // 选择器输入框占位文本文字颜色
 
-$color-select_option_main-text: var(--semi-color-text-0); // 选择器菜单选项文本颜色
-$color-select_option_keyword-text: var(--semi-color-primary); // 选择器菜单选项匹配搜索结果文本颜色
-$color-select_option-bg-default: transparent; // 选择器菜单选项背景颜色 - 默认态
-$color-select_option-icon-default: transparent; // 选择器菜单选项图标颜色 - 默认态
-$color-select_option-bg-hover: var(--semi-color-fill-0); // 选择器菜单选项背景颜色 - 悬停态
-$color-select_option-bg-active: var(--semi-color-fill-1); // 选择器菜单选项背景颜色 - 按下态
-$color-select_option_disabled-text: var(--semi-color-disabled-text); // 禁用选择器菜单选项文字颜色
-$color-select_option_disabled-bg: transparent; // 禁用选择器菜单选项背景颜色
-$color-select_option-icon-active: var(--semi-color-text-2); // 禁用选择器菜单选项图标颜色 - 选中态
-$color-select_option-border-default: var(--semi-color-border); // 分组选择器菜单项描边颜色
-$color-select-option-bg-selected: transparent; // 选择器菜单选项背景颜色 - 选中态
-$color-select_create_tips-text: var(--semi-color-text-2); // 分组选择器菜单项提示文本颜色
-$color-select_group-text: var(--semi-color-text-2); // 分组选择器菜单项分组标题文本颜色
+$color-select_option_main-text: var(--semi-color-text-0); // 选择器下拉菜单选项文本颜色
+$color-select_option_keyword-text: var(--semi-color-primary); // 选择器下拉菜单选项匹配搜索结果文本颜色
+$color-select_option-icon-default: transparent; // 选择器下拉菜单选项图标颜色 - 默认态
+$color-select_option-bg-hover: var(--semi-color-fill-0); // 选择器下拉菜单选项背景颜色 - 悬停态
+$color-select_option-bg-active: var(--semi-color-fill-1); // 选择器下拉菜单选项背景颜色 - 按下态
+$color-select_option_disabled-text: var(--semi-color-disabled-text); // 禁用选择器下拉菜单选项文字颜色
+// $color-select_option_disabled-bg: transparent; // 禁用选择器下拉菜单选项背景颜色
+$color-select_option-icon-active: var(--semi-color-text-2); // 选择器下拉菜单选项图标颜色 - 选中态
+$color-select_option-border-default: var(--semi-color-border); // 选择器下拉菜单分组标题分割线颜色
+$color-select-option-bg-selected: transparent; // 选择器下拉菜单选项背景颜色 - 选中态
+$color-select_create_tips-text: var(--semi-color-text-2); // 选择器下拉菜单新建选项提示文本颜色
+$color-select_group-text: var(--semi-color-text-2); // 选择器下拉菜单分组标题文本颜色
 
 $color-select_prefix_suffix_text-default: var(--semi-color-text-2); // 选择器输入框前后缀文本颜色
 
@@ -65,12 +64,12 @@ $width-select_icon_right: ($width-icon-medium + $spacing-tight * 2); // 选择
 $height-select_large: $height-control-large; // 选择器输入框高度 - 大尺寸
 $height-select_small: $height-control-small; // 选择器输入框高度 - 小尺寸
 $height-select_default: $height-control-default; // 选择器输入框高度 - 默认尺寸
-$width-select_option_tick: $width-icon-small; // 选择器菜单项选中对勾图标大小
+$width-select_option_tick: $width-icon-small; // 选择器下拉菜单项选中对勾图标大小
 $width-select-border: 1px; // 选择器输入框描边宽度
 $width-select_arrow: 32px; // 选择器输入框下拉箭头宽度
 $width-select_arrow_empty: 12px; // 选择器输入框下拉箭头为空时（有suffix icon）宽度
 $width-select_clear-icon: 32px; // 选择器输入框清空按钮宽度
-$width-select_group_top-border: $border-thickness-control; // 选择器菜单分组标题描边宽度
+$width-select_group_top-border: $border-thickness-control; // 选择器下拉菜单分组标题描边宽度
 
 $height-select_multiple_input_small: 20px; // 小尺寸多项选择器输入框Input框高度
 $height-select_multiple_input_default: 24px; // 默认多项选择器输入框Input框高度
@@ -80,27 +79,27 @@ $width-select-border-hover: $width-select-border;  // 选择器输入框描边
 $width-select-border-focus: $width-select-border-hover; // 选择器输入框描边宽度 - 按下
 $width-select-border-active: $width-select-border-focus; // 选择器输入框描边宽度 - 选中
 // Spacing
-$spacing-select_option_tick-marginRight: $spacing-tight; // 选择器菜单选中对勾右侧外边距
+$spacing-select_option_tick-marginRight: $spacing-tight; // 选择器下拉菜单选中对勾右侧外边距
 $spacing-select_prefix_suffix_text-marginX: $spacing-base-tight; // 选择器输入框前后缀文本水平内边距
 $spacing-select_prefix_suffix_text-marginY: 0px; // 选择器输入框前后缀文本垂直内边距
 $spacing-select_prefix_suffix_icon-marginX: $spacing-tight; // 选择器输入框前后缀图标水平内边距
 $spacing-select_prefix_suffix_icon-marginY: 0px; // 选择器输入框前后缀图标垂直内边距
 $spacing-select_create_tips-marginRight: $spacing-extra-tight; // 创建新选项右侧外边距
-$spacing-select_group-marginTop: $spacing-extra-tight; // 选择器菜单分组标题顶部外边距
-$spacing-select_group-paddingTop: $spacing-base-tight; // 选择器菜单分组标题顶部内边距
-$spacing-select_group-paddingBottom: $spacing-extra-tight; // 选择器菜单分组标题底部内边距
-$spacing-select_group-paddingLeft: $spacing-base-tight + $width-select_option_tick + $spacing-select_option_tick-marginRight; // 选择器菜单分组标题左侧外边距
-$spacing-select_group-paddingRight: $spacing-base; // 选择器菜单分组标题右侧内边距
+$spacing-select_group-marginTop: $spacing-extra-tight; // 选择器下拉菜单分组标题顶部外边距
+$spacing-select_group-paddingTop: $spacing-base-tight; // 选择器下拉菜单分组标题顶部内边距
+$spacing-select_group-paddingBottom: $spacing-extra-tight; // 选择器下拉菜单分组标题底部内边距
+$spacing-select_group-paddingLeft: $spacing-base-tight + $width-select_option_tick + $spacing-select_option_tick-marginRight; // 选择器下拉菜单分组标题左侧内边距
+$spacing-select_group-paddingRight: $spacing-base; // 选择器下拉菜单分组标题右侧内边距
 $spacing-select_loading_wrapper-paddingLeft: $spacing-base; // 选择器加载左侧内边距
 $spacing-select_loading_wrapper-paddingRight: $spacing-base; // 选择器加载右侧内边距
 $spacing-select_loading_wrapper-paddingTop: $spacing-tight; // 选择器加载顶部内边距
 $spacing-select_loading_wrapper-paddingBottom: $spacing-tight; // 选择器加载底部内边距
 $spacing-select_multiple_content_wrapper_empty-marginLeft: $spacing-tight; // 多项选择器空回填内容为空时左侧内边距
 $spacing-select_multiple_selection-marginLeft: $spacing-extra-tight; // 多项选择器回填内容左侧内边距
-$spacing-select_option-paddingLeft: $spacing-base-tight; // 选择器菜单项左侧内边距
-$spacing-select_option-paddingRight: $spacing-base-tight; // 选择器菜单项右侧内边距
-$spacing-select_option-paddingTop: $spacing-tight; // 选择器菜单项顶部内边距
-$spacing-select_option-paddingBottom: $spacing-tight; // 选择器菜单项底部内边距
+$spacing-select_option-paddingLeft: $spacing-base-tight; // 选择器下拉菜单项左侧内边距
+$spacing-select_option-paddingRight: $spacing-base-tight; // 选择器下拉菜单项右侧内边距
+$spacing-select_option-paddingTop: $spacing-tight; // 选择器下拉菜单项顶部内边距
+$spacing-select_option-paddingBottom: $spacing-tight; // 选择器下拉菜单项底部内边距
 
 
 $spacing-select_tag-marginTop: $spacing-super-tight - 1px; // 多项选择器标签顶部外边距

package/lib/es/sidebar/animation.scss

@@ -0,0 +1,7 @@
+$animation_duration_sidebar_inner-show: 180ms; // 侧边栏打开-动画持续时间
+$animation_function_sidebar_inner-show: cubic-bezier(0.25, 0.46, 0.45, 0.94); // 侧边栏打开-过渡曲线
+$animation_delay_sidebar_inner-show: 0ms; // 侧边栏打开-延迟时间
+
+$animation_duration_sidebar_inner-hide: 180ms; // 侧边栏关闭-动画持续时间
+$animation_function_sidebar_inner-hide: cubic-bezier(0.25, 0.46, 0.45, 0.94); // 侧边栏关闭-过渡曲线
+$animation_delay_sidebar_inner-hide: 0ms; // 侧边栏关闭-延迟时间

package/lib/es/sidebar/constants.d.ts

@@ -0,0 +1,37 @@
+declare const cssClasses: {
+    SIDEBAR: string;
+    COLLAPSE: string;
+    SIDEBAR_CONTENT: string;
+    MCP_CONFIGURE_CONTENT: string;
+    ANNOTATION_CONTENT: string;
+    ANNOTATION_ITEM: string;
+    ANNOTATION: string;
+    OPTIONS: string;
+    FILE: string;
+};
+declare const strings: {
+    MODE: {
+        MAIN: string;
+        CODE: string;
+        FILE: string;
+    };
+    MCP_MODE: {
+        INNER: "inner";
+        CUSTOM: "custom";
+    };
+    DIRECTION: {
+        left: boolean;
+        right: boolean;
+        top: boolean;
+        bottom: boolean;
+        topLeft: boolean;
+        topRight: boolean;
+        bottomLeft: boolean;
+        bottomRight: boolean;
+    };
+    JSON_VIEWER_OPTIONS: {
+        readOnly: boolean;
+        autoWrap: boolean;
+    };
+};
+export { cssClasses, strings };

package/lib/es/sidebar/constants.js

@@ -0,0 +1,38 @@
+import { BASE_CLASS_PREFIX } from '../base/constants';
+const cssClasses = {
+  SIDEBAR: `${BASE_CLASS_PREFIX}-sidebar`,
+  COLLAPSE: `${BASE_CLASS_PREFIX}-sidebar-collapse`,
+  SIDEBAR_CONTENT: `${BASE_CLASS_PREFIX}-sidebar-content`,
+  MCP_CONFIGURE_CONTENT: `${BASE_CLASS_PREFIX}-sidebar-mcp-configure-content`,
+  ANNOTATION_CONTENT: `${BASE_CLASS_PREFIX}-sidebar-annotation_content`,
+  ANNOTATION_ITEM: `${BASE_CLASS_PREFIX}-sidebar-annotation-item`,
+  ANNOTATION: `${BASE_CLASS_PREFIX}-sidebar-annotation`,
+  OPTIONS: `${BASE_CLASS_PREFIX}-sidebar-options`,
+  FILE: `${BASE_CLASS_PREFIX}-sidebar-file`
+};
+const strings = {
+  MODE: {
+    MAIN: 'main',
+    CODE: 'code',
+    FILE: 'file'
+  },
+  MCP_MODE: {
+    INNER: 'inner',
+    CUSTOM: 'custom'
+  },
+  DIRECTION: {
+    left: true,
+    right: false,
+    top: false,
+    bottom: false,
+    topLeft: false,
+    topRight: false,
+    bottomLeft: false,
+    bottomRight: false
+  },
+  JSON_VIEWER_OPTIONS: {
+    readOnly: true,
+    autoWrap: true
+  }
+};
+export { cssClasses, strings };

package/lib/es/sidebar/containerFoundation.d.ts

@@ -0,0 +1,42 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+export interface ContainerProps {
+    title?: any;
+    resizable?: boolean;
+    style?: Record<string, any>;
+    className?: string;
+    defaultSize?: {
+        width?: number | string;
+        height?: number | string;
+    };
+    onCancel?: (e: any) => void;
+    children?: any;
+    visible?: boolean;
+    motion?: boolean;
+    afterVisibleChange?: (isVisible: boolean) => void;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    showClose?: boolean;
+}
+export interface ContainerState {
+    displayNone: boolean;
+    onCancelReturnPromiseStatus?: "pending" | "fulfilled" | "rejected";
+}
+export interface ContainerAdapter extends DefaultAdapter<ContainerProps, ContainerState> {
+    notifyCancel: (e: any) => void;
+    notifyVisibleChange: (visible: boolean) => void;
+    setOnKeyDownListener: () => void;
+    removeKeyDownListener: () => void;
+    toggleDisplayNone: (displayNone: boolean) => void;
+}
+export default class ContainerFoundation extends BaseFoundation<ContainerAdapter> {
+    constructor(adapter: ContainerAdapter);
+    init: () => void;
+    destroy: () => void;
+    handleCancel(e: any): void;
+    beforeShow(): void;
+    afterHide(): void;
+    handleKeyDown(e: any): void;
+    onVisibleChange(visible: boolean): void;
+    toggleDisplayNone: (displayNone: boolean) => void;
+    handleAnimationEnd: () => void;
+}