ele-admin-plus 1.5.1-beta.4 → 1.6.0-beta.2

package/es/style/themes/default.scss

@@ -23,10 +23,30 @@ $icon-expand-path: 'M362 811 662 512 362 213' !default;
 // 树表格加载图标
 $icon-loading-path: 'M512 128V299M789 235 672 352M896 512H725M789 789 672 672M512 896V725M235 789 352 672M128 512H299M235 235 352 352' !default;
 // 字体
-$logo-family:
-  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
-  Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-  'Segoe UI Symbol', 'Noto Color Emoji' !default;
+$logo-family: (
+  -apple-system,
+  BlinkMacSystemFont,
+  'Segoe UI',
+  Roboto,
+  'Helvetica Neue',
+  Arial,
+  'Noto Sans',
+  sans-serif,
+  'Apple Color Emoji',
+  'Segoe UI Emoji',
+  'Segoe UI Symbol',
+  'Noto Color Emoji'
+) !default;
+// 代码字体
+$code-family: (
+  'Fira Code',
+  'Fira Mono',
+  Menlo,
+  Consolas,
+  'DejaVu Sans Mono',
+  'Sarasa Gothic SC',
+  monospace
+) !default;
 
 // 主题变量
 $ele: () !default;
@@ -46,14 +66,16 @@ $ele: map.deep-merge(
       'bg': elVar('bg-color', 'page'),
       'index': 99,
       'mask-index': calc(#{elVar('index', 'popper')} + 2000),
-      'button-tab-page-pt': 0
+      'button-tab-page-pt': 0,
+      'ghost-header-page-pt': 16px
     ),
     'header': (
       // 顶栏
       'height': 54px,
       'bg': elVar('bg-color'),
-      'shadow': 0 1px 4px rgba(0, 21, 41, 0.08),
+      'shadow': 0 0 0 0.8px elVar('border-color', 'lighter'),
       'line-color': elVar('border-color', 'extra-light'),
+      'divider-shadow': 0 -0.8px 0 eleVar('header', 'line-color') inset,
       'menu-height': eleVar('header', 'height'),
       'tools-padding': 12px,
       'tool-padding': 12px,
@@ -62,10 +84,10 @@ $ele: map.deep-merge(
       'tool-hover-bg': rgba(0, 0, 0, 0.04),
       'dark-tool-hover-bg': rgba(255, 255, 255, 0.12),
       'dark-color': #fff,
-      'dark-bg': #001529,
-      'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.1),
+      'dark-bg': #191a23,
+      'dark-shadow': none,
       'primary-bg': elVar('color-primary'),
-      'primary-shadow': eleVar('header', 'dark-shadow'),
+      'primary-shadow': none,
       'primary-active-bg': transparent,
       'ghost-bg': hsla(0, 0%, 100%, 0.4),
       'ghost-filter': blur(8px)
@@ -83,16 +105,18 @@ $ele: map.deep-merge(
       'collapse-width': 54px,
       'mix-width': 160px,
       'bg': elVar('bg-color'),
-      'dark-bg': #001529,
-      'shadow': 1px 0 3px rgba(0, 21, 41, 0.08),
-      'dark-shadow': 0 0 4px rgba(0, 0, 0, 0.35),
+      'dark-bg': #191a23,
+      'shadow': 0 0 0 0.8px elVar('border-color', 'lighter'),
+      'dark-shadow': none,
+      'divider-shadow': 0 0 0 0.8px elVar('border-color', 'lighter'),
+      'dark-divider-shadow': -0.8px 0 0 0 #000 inset,
       'transition': (width $transition-base, left $transition-base),
       'tool-height': 40px,
       'mobile-backdrop-filter': none,
       'mobile-bg': eleVar('sidebar', 'bg'),
       'mobile-dark-bg': eleVar('sidebar', 'dark-bg'),
       'mobile-dark-backdrop-filter': none,
-      'ghost-bg': elVar('fill-color', 'lighter')
+      'ghost-bg': eleVar('sidebar', 'bg')
     ),
     'sidebox': (
       // 双侧栏一级
@@ -108,8 +132,8 @@ $ele: map.deep-merge(
     ),
     'menu-dark-thumb': (
       // 菜单暗色主题滚动条
-      'color': #4d5b69,
-      'hover-color': #66737f
+      'color': rgba(255, 255, 255, 0.32),
+      'hover-color': rgba(255, 255, 255, 0.48)
     ),
     'alert': (
       // 警告提示
@@ -142,9 +166,10 @@ $ele: map.deep-merge(
     ),
     'backtop': (
       // 返回顶部
-      'color': elVar('color-primary'),
+      'color': elVar('text-color', 'regular'),
       'bg': elVar('bg-color', 'overlay'),
-      'shadow': elVar('box-shadow', 'light')
+      'shadow': elVar('box-shadow', 'light'),
+      'hover-color': elVar('color-primary')
     ),
     'message': (
       // 消息提示
@@ -197,14 +222,12 @@ $ele: map.deep-merge(
       // 卡片标题
       'padding': 20px,
       'bg': elVar('bg-color'),
-      'border': 1px solid elVar('border-color', 'light'),
       'radius': elVar('border-radius', 'base'),
+      'border': 1px solid elVar('border-color', 'lighter'),
+      'none-border': none,
+      'none-shadow': none,
       'shadow': elVar('box-shadow', 'lighter'),
-      'hover-shadow': (
-        0 1px 2px -2px rgba(0, 0, 0, 0.16),
-        0 3px 6px 0 rgba(0, 0, 0, 0.12),
-        0 5px 12px 4px rgba(0, 0, 0, 0.09)
-      ),
+      'hover-shadow': elVar('box-shadow'),
       'header-padding': 14px 22px,
       'header-color': elVar('text-color', 'primary'),
       'header-font-size': elVar('font-size', 'medium'),
@@ -241,7 +264,7 @@ $ele: map.deep-merge(
     ),
     'drawer': (
       // 抽屉
-      'bg': elVar('bg-color', 'overlay'),
+      'bg': elVar('bg-color'),
       'header-color': elVar('text-color', 'primary'),
       'header-font-size': elVar('font-size', 'medium'),
       'header-font-weight': normal,
@@ -263,7 +286,7 @@ $ele: map.deep-merge(
       // 下拉菜单
       'padding': 6px 0,
       'item-height': 32px,
-      'item-margin': 0,
+      'item-margin': 2px,
       'item-padding': 0 16px,
       'item-radius': 0,
       'item-font-size': elVar('font-size', 'base'),
@@ -273,7 +296,7 @@ $ele: map.deep-merge(
       'item-active-color': elVar('color-primary'),
       'item-active-bg': elVar('color-primary', 'light-9'),
       'item-active-hover-bg': elVar('color-primary', 'light-8'),
-      'item-active-font-weight': bold,
+      'item-active-font-weight': normal,
       'item-danger-color': elVar('color-danger'),
       'item-danger-bg': elVar('color-danger', 'light-9'),
       'item-danger-hover-bg': elVar('color-danger', 'light-8'),
@@ -288,7 +311,7 @@ $ele: map.deep-merge(
       'arrow-padding': 0 0 0 6px,
       'arrow-margin': 0 -8px 0 auto,
       'divider': 1px solid elVar('border-color', 'light'),
-      'divider-margin': 6px 0,
+      'divider-margin': 4px 0,
       'sub-menu-index': elVar('index', 'popper'),
       'sm-padding': 3px 0,
       'sm-item-height': 24px,
@@ -399,7 +422,8 @@ $ele: map.deep-merge(
     ),
     'map': (
       // 地图位置选择
-      'search-padding': 6px 12px
+      'search-padding': 6px 12px,
+      'btn-index': 9999
     ),
     'menu': (
       // 菜单
@@ -477,8 +501,8 @@ $ele: map.deep-merge(
     ),
     'menu-dark': (
       // 暗色菜单
-      'bg': #001529,
-      'child-bg': #000c17,
+      'bg': #191a23,
+      'child-bg': #101117,
       'color': rgba(255, 255, 255, 0.8),
       'hover-color': #fff,
       'hover-bg': transparent,
@@ -511,7 +535,7 @@ $ele: map.deep-merge(
     ),
     'modal': (
       // 弹窗
-      'bg': elVar('bg-color', 'overlay'),
+      'bg': elVar('bg-color'),
       'radius': elVar('border-radius', 'base'),
       'header-color': elVar('text-color', 'primary'),
       'header-font-size': elVar('font-size', 'medium'),
@@ -615,6 +639,7 @@ $ele: map.deep-merge(
       'radius': 2px,
       'height': 28px,
       'font-size': 14px,
+      'font-weight': normal,
       'item-padding': 12px,
       'color': elVar('text-color', 'secondary'),
       'hover-color': elVar('text-color', 'primary'),
@@ -650,8 +675,8 @@ $ele: map.deep-merge(
       'collapse-btn-height': 24px,
       'collapse-btn-radius': 50%,
       'collapse-btn-bg': elVar('bg-color', 'overlay'),
-      'collapse-btn-border': 1px solid elVar('border-color', 'extra-light'),
-      'collapse-btn-shadow': 0 2px 3px 0px rgba(0, 0, 0, 0.04),
+      'collapse-btn-border': 1px solid elVar('border-color', 'lighter'),
+      'collapse-btn-shadow': elVar('box-shadow', 'lighter'),
       'collapse-btn-font-size': 14px,
       'collapse-btn-color': elVar('text-color', 'secondary'),
       'collapse-btn-hover-color': elVar('text-color', 'primary'),
@@ -730,6 +755,7 @@ $ele: map.deep-merge(
       'padding': 16px,
       'color': elVar('text-color', 'regular'),
       'font-size': elVar('font-size', 'base'),
+      'font-weight': normal,
       'hover-color': elVar('color-primary'),
       'active-color': elVar('color-primary'),
       'close-size': elVar('font-size', 'base'),
@@ -770,6 +796,7 @@ $ele: map.deep-merge(
       'simple-active-bg': elVar('color-primary', 'light-9'),
       'simple-active-weight': normal,
       'simple-active-line': 2px,
+      'simple-line-width': 100%,
       'simple-line-display': block,
       'simple-angle-size': 0px,
       'simple-angle-display': none,
@@ -784,12 +811,14 @@ $ele: map.deep-merge(
       'button-padding': 8px,
       'button-space': 8px,
       'button-radius': 4px,
-      'button-bg': hsla(0, 0%, 100%, 0.66),
+      'button-bg': elVar('bg-color'),
+      'button-shadow': 0 0 0 0.8px elVar('border-color', 'lighter') inset,
       'button-hover-color': elVar('color-primary'),
-      'button-hover-bg': elVar('bg-color'),
+      'button-hover-bg': eleVar('tab', 'button-bg'),
+      'button-hover-shadow': eleVar('tab', 'button-shadow'),
       'button-active-color': elVar('color-primary'),
-      'button-active-bg': elVar('bg-color', 'overlay'),
-      'button-active-shadow': none,
+      'button-active-bg': eleVar('tab', 'button-bg'),
+      'button-active-shadow': 0 0 0 0.8px elVar('border-color') inset,
       'button-active-weight': normal
     ),
     'text': (
@@ -858,7 +887,7 @@ $ele: map.deep-merge(
       'max-height': 386px,
       'padding': 6px 0,
       'item-height': 32px,
-      'item-margin': 0,
+      'item-margin': 2px,
       'item-padding': 0 16px,
       'item-radius': 0,
       'item-color': elVar('text-color', 'regular'),
@@ -867,7 +896,7 @@ $ele: map.deep-merge(
       'item-active-color': elVar('color-primary'),
       'item-active-bg': elVar('color-primary', 'light-9'),
       'item-active-hover-bg': elVar('color-primary', 'light-8'),
-      'item-active-font-weight': bold,
+      'item-active-font-weight': normal,
       'footer-padding': 6px 10px,
       'footer-border': 1px solid elVar('border-color', 'light')
     ),
@@ -897,7 +926,8 @@ $ele: map.deep-merge(
       'btn-hover-color': elVar('text-color', 'primary'),
       'btn-hover-bg': transparent,
       'btn-active-color': elVar('color-primary'),
-      'btn-active-bg': transparent
+      'btn-active-bg': transparent,
+      'input-bg': elVar('bg-color')
     ),
     'toolbar': (
       // 工具栏
@@ -927,7 +957,7 @@ $ele: map.deep-merge(
       // 下拉表格选择
       'padding': 10px,
       'th-bg': elVar('fill-color', 'light'),
-      'tr-bg': elVar('bg-color', 'overlay'),
+      'tr-bg': eleVar('popper', 'bg'),
       'even-bg': elVar('fill-color', 'light'),
       'mobile-space': 16px
     ),
@@ -1000,6 +1030,185 @@ $ele: map.deep-merge(
         )
         center / 16px 16px repeat
     ),
+    'chat': (
+      // AI对话
+      'side-bg': elVar('fill-color', 'extra-light'),
+      'side-pop-bg': elVar('bg-color', 'overlay'),
+      'side-line': 1px solid elVar('border-color', 'light'),
+      'side-size': 238px,
+      'side-tools-padding': 8px 12px,
+      'logo-padding': 14px 10px 10px 16px,
+      'logo-size': 30px,
+      'logo-font-size': elVar('font-size', 'large'),
+      'logo-color': elVar('text-color', 'primary'),
+      'logo-gap': 8px,
+      'logo-tool-color': elVar('text-color', 'secondary'),
+      'logo-tool-font-size': elVar('font-size', 'medium'),
+      'logo-tool-size': 28px,
+      'logo-tool-radius': elVar('border-radius', 'base'),
+      'logo-tool-hover-color': elVar('text-color', 'primary'),
+      'logo-tool-hover-bg': elVar('fill-color'),
+      'header-padding': 6px 16px,
+      'header-color': elVar('text-color', 'regular'),
+      'header-font-size': elVar('font-size', 'small'),
+      'header-title-margin': 0 118px 0 0,
+      'header-tools-border': 1px solid elVar('border-color', 'light'),
+      'header-tools-bg': elVar('bg-color', 'overlay'),
+      'header-tools-padding': 4px,
+      'header-tools-radius': 40px,
+      'header-tools-margin': 0 12px,
+      'header-tool-color': elVar('text-color', 'regular'),
+      'header-tool-font-size': elVar('font-size', 'medium'),
+      'header-tool-size': 28px,
+      'header-tool-radius': 50%,
+      'header-tool-hover-color': elVar('text-color', 'primary'),
+      'header-tool-hover-bg': elVar('fill-color', 'light'),
+      'content-max-width': 880px,
+      'content-padding': 8px 12px,
+      'bottom-padding': 0 12px 6px 12px,
+      'footer-color': elVar('text-color', 'placeholder'),
+      'footer-font-size': 11px,
+      'footer-padding': 6px 0 0 0,
+      'conversation-group-color': elVar('text-color', 'secondary'),
+      'conversation-group-font-size': elVar('font-size', 'extra-small'),
+      'conversation-group-padding': 12px 16px 2px 16px,
+      'conversation-color': elVar('text-color', 'regular'),
+      'conversation-font-size': elVar('font-size', 'base'),
+      'conversation-padding': 8px 18px,
+      'conversation-margin': 2px 0,
+      'conversation-radius': 0px,
+      'conversation-hover-bg': elVar('fill-color'),
+      'conversation-active-color': elVar('color-primary'),
+      'conversation-active-bg': elVar('color-primary', 'light-9'),
+      'conversation-more-color': elVar('text-color', 'secondary'),
+      'conversation-more-font-size': elVar('font-size', 'base'),
+      'conversation-more-size': 22px,
+      'conversation-more-radius': elVar('border-radius', 'base'),
+      'conversation-more-margin': 0 -8px 0 4px,
+      'conversation-more-bg': transparent,
+      'conversation-more-hover-color': elVar('text-color', 'primary'),
+      'conversation-more-hover-bg': hsla(0, 0%, 60%, 0.15),
+      'bubble-gap': 6px,
+      'bubble-max-width': 760px,
+      'bubble-padding': 12px 16px,
+      'bubble-color': elVar('text-color', 'regular'),
+      'bubble-font-size': elVar('font-size', 'base'),
+      'bubble-shadow': none,
+      'bubble-bg': elVar('fill-color', 'light'),
+      'bubble-border': none,
+      'bubble-radius': 6px,
+      'bubble-end-bg': elVar('color-primary', 'light-9'),
+      'bubble-end-border': none,
+      'bubble-end-radius': 6px,
+      'bubble-avatar-size': 34px,
+      'bubble-avatar-bg': elVar('bg-color'),
+      'bubble-avatar-border': 1px solid elVar('border-color', 'lighter'),
+      'bubble-avatar-radius': elVar('border-radius', 'base'),
+      'bubble-avatar-padding': 2px,
+      'bubble-avatar-margin': 8px,
+      'bubble-header-color': elVar('text-color', 'secondary'),
+      'bubble-header-font-size': elVar('font-size', 'small'),
+      'bubble-header-margin': 2px 0 4px 0,
+      'bubble-tool-gap': 2px,
+      'bubble-tool-size': 26px,
+      'bubble-tool-color': elVar('text-color', 'secondary'),
+      'bubble-tool-font-size': elVar('font-size', 'small'),
+      'bubble-tool-radius': 24px,
+      'bubble-tool-bg': transparent,
+      'bubble-tool-border': none,
+      'bubble-tool-hover-color': elVar('text-color', 'primary'),
+      'bubble-tool-hover-bg': elVar('fill-color'),
+      'bubble-tool-hover-border': none,
+      'bubble-tool-disabled-color': elVar('disabled', 'text-color'),
+      'bubble-tool-disabled-bg': transparent,
+      'bubble-tool-disabled-border': none,
+      'bubble-loading-padding': 14px 8px,
+      'bubble-loading-gap': 8px,
+      'bubble-loading-size': 4px,
+      'think-color': elVar('text-color', 'regular'),
+      'think-font-size': elVar('font-size', 'small'),
+      'think-hover-color': elVar('color-primary'),
+      'think-text-color': elVar('text-color', 'secondary'),
+      'think-text-font-size': elVar('font-size', 'small'),
+      'input-padding': 8px,
+      'input-bg': elVar('bg-color', 'overlay'),
+      'input-height': 52px,
+      'input-max-height': 128px,
+      'input-font-size': elVar('font-size', 'base'),
+      'input-line-height': 20px,
+      'input-radius': 8px,
+      'input-border': 1px solid elVar('border-color'),
+      'input-shadow': 0 2px 12px 0 rgba(0, 0, 0, 0.06),
+      'input-hover-border': 1px solid elVar('color-primary', 'light-5'),
+      'input-hover-shadow': 0 2px 12px 0 rgba(0, 0, 0, 0.06),
+      'input-focus-border': 1px solid elVar('color-primary'),
+      'input-focus-shadow': 0 2px 20px 0 elVar('color-primary', 'light-8'),
+      'input-inner-padding': 4px 12px,
+      'input-tool-gap': 6px,
+      'input-tool-color': elVar('text-color', 'regular'),
+      'input-tool-font-size': elVar('font-size', 'base'),
+      'input-tool-size': 32px,
+      'input-tool-icon-size': elVar('font-size', 'medium'),
+      'input-tool-radius': elVar('border-radius', 'base'),
+      'input-tool-round-radius': 32px,
+      'input-tool-border': 1px solid elVar('border-color', 'light'),
+      'input-tool-padding': 0 8px,
+      'input-tool-bg': transparent,
+      'input-tool-hover-color': elVar('text-color', 'regular'),
+      'input-tool-hover-bg': elVar('fill-color', 'light'),
+      'input-tool-hover-border': 1px solid elVar('border-color'),
+      'input-tool-selected-color': elVar('color-primary'),
+      'input-tool-selected-bg': elVar('color-primary', 'light-9'),
+      'input-tool-selected-border': 1px solid elVar('color-primary', 'light-5'),
+      'input-tool-disabled-color': elVar('disabled', 'text-color'),
+      'input-tool-disabled-bg': transparent,
+      'input-tool-disabled-border': elVar('disabled', 'border-color'),
+      'input-tool-label-margin': 0 0 0 4px,
+      'file-gap': 8px,
+      'file-item-width': 200px,
+      'file-item-padding': 6px 8px,
+      'file-item-bg': transparent,
+      'file-item-border': 1px solid elVar('border-color', 'light'),
+      'file-item-radius': elVar('border-radius', 'base'),
+      'file-item-hover-bg': elVar('fill-color', 'light'),
+      'file-item-hover-border': 1px solid elVar('border-color'),
+      'file-item-color': elVar('text-color', 'regular'),
+      'file-item-font-size': elVar('font-size', 'small'),
+      'file-item-sub-color': elVar('text-color', 'secondary'),
+      'file-item-sub-font-size': elVar('font-size', 'extra-small'),
+      'file-item-icon-size': 32px,
+      'file-item-icon-margin': 0 8px 0 0,
+      'file-item-del-color': #fff,
+      'file-item-del-font-size': 12px,
+      'file-item-del-size': 16px,
+      'file-item-del-radius': 50%,
+      'file-item-del-position': 4px,
+      'file-item-del-bg': elVar('text-color', 'disabled'),
+      'file-item-del-hover-bg': elVar('text-color', 'secondary'),
+      'file-tool-color': elVar('text-color', 'secondary'),
+      'file-tool-font-size': elVar('font-size', 'medium'),
+      'file-tool-size': 24px,
+      'file-tool-radius': 50%,
+      'file-tool-bg': elVar('bg-color', 'overlay'),
+      'file-tool-border': 1px solid elVar('border-color'),
+      'file-tool-shadow': elVar('box-shadow', 'lighter'),
+      'file-tool-hover-color': elVar('text-color', 'primary'),
+      'file-tool-hover-bg': elVar('fill-color', 'light'),
+      'file-tool-hover-border': 1px solid elVar('border-color'),
+      'file-tool-hover-shadow': elVar('box-shadow', 'lighter'),
+      'backbottom-color': elVar('text-color', 'secondary'),
+      'backbottom-font-size': elVar('font-size', 'medium'),
+      'backbottom-size': 32px,
+      'backbottom-radius': 50%,
+      'backbottom-bg': elVar('bg-color', 'overlay'),
+      'backbottom-border': 1px solid elVar('border-color'),
+      'backbottom-shadow': elVar('box-shadow', 'lighter'),
+      'backbottom-margin': 0 auto 16px auto,
+      'backbottom-hover-color': elVar('text-color', 'primary'),
+      'backbottom-hover-bg': elVar('fill-color', 'light'),
+      'mask-bg': elVar('overlay-color', 'lighter'),
+      'mask-index': 90
+    ),
     'popper': (
       // 底层气泡
       'bg': elVar('bg-color', 'overlay'),
@@ -1016,7 +1225,7 @@ $ele: map.deep-merge(
       'color': #fff,
       'font-size': elVar('font-size', 'small'),
       'line-height': 22px,
-      'padding': 6px 12px,
+      'padding': 4px 10px,
       'bg': #000,
       'border': none,
       'radius': elVar('border-radius', 'base'),
@@ -1040,7 +1249,7 @@ $ele: map.deep-merge(
       'padding': 12px 16px,
       'title-color': elVar('text-color', 'primary'),
       'title-font-size': elVar('font-size', 'base'),
-      'title-font-weight': bold,
+      'title-font-weight': 500,
       'title-padding': 8px 16px,
       'title-border': 1px solid elVar('border-color', 'light')
     ),
@@ -1049,10 +1258,10 @@ $ele: map.deep-merge(
       'padding': 14px 12px,
       'title-color': elVar('text-color', 'primary'),
       'title-font-size': elVar('font-size', 'base'),
-      'title-font-weight': bold,
+      'title-font-weight': 500,
       'title-margin': 6px,
       'icon-font-size': 17px,
-      'icon-margin': 2px 8px 0 0,
+      'icon-margin': 3px 8px 0 0,
       'action-margin': 10px,
       'action-space': 8px
     ),
@@ -1060,12 +1269,12 @@ $ele: map.deep-merge(
       // 下拉框
       'padding': 6px 0,
       'item-height': 32px,
-      'item-margin': 0,
+      'item-margin': 2px,
       'item-padding': 0 16px,
       'item-radius': 0,
       'item-active-bg': elVar('color-primary', 'light-9'),
       'item-active-hover-bg': elVar('color-primary', 'light-8'),
-      'item-active-font-weight': bold,
+      'item-active-font-weight': normal,
       'icon-size': 16px,
       'icon-margin': 0 -4px 0 4px
     ),
@@ -1073,7 +1282,7 @@ $ele: map.deep-merge(
       // 自动补全输入框
       'padding': 6px 0,
       'item-height': 32px,
-      'item-margin': 0,
+      'item-margin': 2px,
       'item-padding': 0 16px,
       'item-radius': 0
     ),
@@ -1081,12 +1290,12 @@ $ele: map.deep-merge(
       // 级联选择器
       'menu-padding': 6px 0,
       'item-height': 32px,
-      'item-margin': 0,
+      'item-margin': 2px,
       'item-padding': 0 16px,
       'item-radius': 0,
       'item-active-bg': elVar('color-primary', 'light-9'),
       'item-active-hover-bg': elVar('color-primary', 'light-8'),
-      'item-active-font-weight': bold
+      'item-active-font-weight': normal
     ),
     'message-box': (
       // 消息弹出框
@@ -1319,11 +1528,11 @@ $ele: map.deep-merge(
       // 树
       'item-height': 30px,
       'item-line-height': 16px,
-      'item-margin': 0,
+      'item-margin': 2px,
       'item-padding': 0 16px,
       'item-radius': 0px,
       'item-active-color': elVar('color-primary'),
-      'item-active-weight': bold,
+      'item-active-weight': normal,
       'item-active-bg': elVar('color-primary', 'light-9'),
       'item-active-hover-bg': elVar('color-primary', 'light-8'),
       'expand-size': 12px,
@@ -1357,7 +1566,7 @@ $ele: map.deep-merge(
       'header-padding': 0 12px,
       'header-border': 1px solid elVar('border-color', 'light'),
       'label-size': 15px,
-      'label-weight': bold,
+      'label-weight': 500,
       'label-color': elVar('text-color', 'regular'),
       'label-hover-color': elVar('color', 'primary'),
       'label-space': 8px,