feat(toggle-menu): [toggle-menu] add smb theme (#1861)

packages/theme/src/theme.config.js

@@ -27,6 +27,8 @@ export default {
   'checkbox-group': 'checkbox-group',
   'context-menu': 'context-menu',
   'collapse-item': 'collapse-item',
+  'color-select-panel': 'color-select-panel',
+  'color-picker': 'color-picker',
   'detail-page': 'detail-page',
   'dialog-box': 'dialog-box__wrapper',
   'dropdown-item': 'dropdown-item',

packages/theme/src/toggle-menu/index.less

@@ -48,7 +48,7 @@
 
   & &__filter {
     position: relative;
-    margin-bottom: 4px;
+    margin-bottom: 8px;
     width: calc(100% - 16px);
   }
 
@@ -121,9 +121,30 @@
   }
 
   .@{tree-prefix-cls} {
+    .is-current:not(.show-checkbox) {
+      > .@{tree-node-prefix-cls}__content > .@{tree-node-prefix-cls}__content-left {
+        font-weight: var(--ti-toggle-menu-toggle-font-weight);
+      }
+    }
+
+    .@{tree-node-prefix-cls}__content {
+      height: 32px;
+    }
+
+    :not(.show-checkbox) > .@{tree-node-prefix-cls}__content .@{tree-node-prefix-cls}__content-box,.@{tree-node-prefix-cls}__content-right {
+      &:hover {
+        background-color: var(--ti-toggle-menu-toggle-bg-hover-color);
+        font-weight: var(--ti-toggle-menu-toggle-font-weight);
+      }
+    }
+
+    .@{tree-node-prefix-cls}__expand-icon {
+      font-size: 16px;
+    }
+
     &.is-wrap {
       .@{tree-node-prefix-cls}__content {
-        height: auto;
+        height: 32px;
       }
 
       .@{toggle-menu-prefix-cls}__name {

packages/theme/src/toggle-menu/smb-theme.js

@@ -0,0 +1,4 @@
+export const tinyToggleMenuSmbTheme = {
+  'ti-toggle-menu-tree-node-height': 'var(--ti-common-size-8x)',
+  'ti-toggle-menu-font-size': 'var(--ti-common-font-size-1)'
+}

packages/theme/src/toggle-menu/vars.less

@@ -31,4 +31,8 @@
   --ti-toggle-menu-toggle-icon-color-hover: var(--ti-common-color-primary-hover, #7693f5);
   // 收缩菜单收缩按钮背景色
   --ti-toggle-menu-toggle-bg-color: var(--ti-common-color-border, #adb0b8);
+  // 收缩菜单选中字重色
+  --ti-toggle-menu-toggle-font-weight: var(--ti-common-font-weight-6);
+  // 收缩菜单收缩标签悬浮背景色
+  --ti-toggle-menu-toggle-bg-hover-color: var(--ti-common-color-hover-background);
 }

packages/theme/src/vars.less

@@ -44,6 +44,7 @@
 @import './month-table/vars.less';
 @import './pager/vars.less';
 @import './panel/vars.less';
+@import './toggle-menu/vars.less';
 @import './popover/vars.less';
 @import './radio/vars.less';
 @import './slider/vars.less';