feat(tree-menu): [tree-menu] updata tree-menu xdesign (#2095)

Author: wuyiping0628

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

@@ -127,11 +127,22 @@
   .@{input-prefix-cls} {
     .@{input-prefix-cls}__inner {
       border: none;
-      border-bottom: 1px solid var(--ti-tree-menu-border-color);
     }
   }
 
   .@{tree-prefix-cls} {
+    padding-top: var(--ti-tree-menu-padding-top);
+    position: relative;
+
+    &:after {
+      content: '';
+      position: absolute;
+      left: 20px;
+      right: 20px;
+      top: 0;
+      bottom: 0;
+      border-top: 1px solid  var(--ti-tree-menu-border-top-color);
+    }
     .@{tree-node-prefix-cls} {
       &.is-disabled {
         & > .@{tree-node-prefix-cls}__content a {

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

@@ -4,6 +4,9 @@ export const tinyTreeMenuSmbTheme = {
   'ti-tree-menu-node-current-text-color': 'var(--ti-common-color-text-primary)',
   'ti-tree-menu-square-left-border-color': 'var(--ti-common-color-icon-active)',
   'ti-tree-menu-node-number-font-size': 'var(--ti-common-font-size-0)',
+  'ti-tree-menu-padding-top': 'var(--ti-common-size-2x)',
   'ti-tree-menu-border-color': 'var(--ti-common-color-light)',
+  'ti-tree-menu-collapse-icon-margin-right': 'var(--ti-common-size-5x)',
+  'ti-common-color-light': 'var(--ti-common-color-line-dividing)',
   'ti-tree-menu-node-number-color': 'var(--ti-common-color-text-weaken)'
 }

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

@@ -37,10 +37,14 @@
   --ti-tree-menu-collapse-icon-hover-color: var(--ti-common-bg-color-focus, #0067d1);
   // 折叠图标右边距
   --ti-tree-menu-collapse-icon-margin-right: var(--ti-common-size-2x, 8px);
+  // 输入框下面的线
+  --ti-tree-menu-border-top-color: var(--ti-common-color-light, #fff);
   // 节点序号字号
   --ti-tree-menu-node-number-font-size: var(--ti-common-font-size-base, 12px);
   // 活跃节点竖线与文本的间距
   --ti-tree-menu-node-vertical-line-margin-right: var(--ti-common-size-4x, 16px);
+  // 输入框与文本的间距
+  --ti-tree-menu-padding-top: var(--ti-common-size-4x, 16px);
   // 前缀图标右边距
   --ti-tree-menu-prefix-icon-margin-right: var(--ti-common-size-2x, 8px);
   // 禁用文本色