fix(theme): [popover,tree] update popover/tree smb design (#1990)

* fix(theme): update popover/tree smb design

* fix(theme): fix

packages/theme/src/popover/index.less

@@ -139,8 +139,9 @@
   .@{popover-prefix-cls}__title {
     color: var(--ti-popover-title-text-color);
     font-size: var(--ti-popover-title-font-size);
+    font-weight: var(--ti-popover-title-weight);
     line-height: 1;
-    margin-bottom: 12px;
+    margin-bottom: var(--ti-popover-title-padding-bottom);
   }
 
   &:focus,

packages/theme/src/popover/smb-theme.js

@@ -6,5 +6,7 @@ export const tinyPopperSmbTheme = {
   'ti-popover-border-color': 'transparent',
   'ti-popover-arrow-border-color': 'transparent',
   'ti-popover-arrow-height': 'var(--ti-common-space-2x)',
-  'ti-popover-line-height': '20px'
+  'ti-popover-line-height': '20px',
+  'ti-popover-title-weight': 'bold',
+  'ti-popover-title-padding-bottom': '8px'
 }

packages/theme/src/popover/vars.less

@@ -12,7 +12,7 @@
 
 .component-css-vars-popover() {
   // 弹框字体
-  --ti-popover-font-family: var(--ti-common-font-family, 'Helvetica', 'Arial', 'PingFangSC-Regular', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei');
+  --ti-popover-font-family: var(--ti-common-font-family);
   // 弹框背景色
   --ti-popover-bg-color: var(--ti-common-color-light, #fff);
   // 弹框内容文本色
@@ -29,6 +29,10 @@
   --ti-popover-title-text-color: var(--ti-common-color-text-primary, #252b3a);
   // 弹框标题字号
   --ti-popover-title-font-size: var(--ti-common-font-size-2, 16px);
+  // 弹框标题字重
+  --ti-popover-title-weight: normal;
+  // 弹框标题字重
+  --ti-popover-title-padding-bottom: var(--ti-common-font-size-3, 12px);
   // 弹出框小箭头边框厚度
   --ti-popover-arrow-border-width: calc(var(--ti-common-border-weight-2, 3px) * 2);
   // 弹出框小箭头高度

packages/theme/src/transfer/index.less

@@ -259,8 +259,8 @@
     // 如果使用padding, 会影响插槽与边框的距离，贴在一起。 所以要改为margin 保证不影响插槽。
     margin-left: var(--ti-transfer-panel-filter-padding-left);
     margin-right: var(--ti-transfer-panel-filter-padding-right);
-    padding-top: var(--ti-transfer-panel-filter-padding-top);
-    padding-bottom: var(--ti-transfer-panel-filter-padding-bottom);
+    margin-top: var(--ti-transfer-panel-filter-padding-top);
+    margin-bottom: var(--ti-transfer-panel-filter-padding-bottom);
     box-sizing: border-box;
     display: block;
     width: auto;

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

@@ -7,6 +7,6 @@ export const tinyTreeSmbTheme = {
   'ti-tree-selected-text-color': 'var(--ti-common-color-text-highlight)',
   'ti-checkbox-bg-color-checked': 'var(--ti-common-color-icon-info)',
   'ti-tree-node-padding-left': 'var(--ti-common-space-4x)',
-  'ti-tree-padding-top': 'var(--ti-common-space-2x)',
-  'ti-tree-padding-bottom': 'var(--ti-common-space-2x)'
+  'ti-tree-padding-top': 'var(--ti-common-space-4x)',
+  'ti-tree-padding-bottom': 'var(--ti-common-space-4x)'
 }