feat(popconfirm): [popconfirm] Apating to the SMB thmem (#1955)

Author: Youyou-smiles

packages/theme/src/popconfirm/index.less

@@ -52,6 +52,8 @@
 
   &__title {
     flex: 1 1 auto;
+    font-size: var(--ti-popconfirm-popover-title-font-size);
+    font-weight: var(--ti-popconfirm-popover-title-font-weight);
   }
 
   &__content {

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

@@ -1,7 +1,10 @@
 export const tinyPopconfirmSmbTheme = {
   'ti-popconfirm-margin-right': 'var(--ti-common-space-6x)',
-  'ti-popconfirm-popover-footer-justify-content': 'center',
-  'ti-popconfirm-popover-container-padding-vertical': '7px',
+  'ti-popconfirm-popover-footer-justify-content': 'right',
+  'ti-popconfirm-popover-container-padding-vertical': 'unset',
   'ti-popconfirm-popover-footer-font-color': '#191919',
-  'ti-popconfirm-popover-icon-width': 'var(--ti-common-size-4x)'
+  'ti-popconfirm-popover-icon-width': 'var(--ti-common-size-4x)',
+  'ti-popconfirm-popover-title-font-weight': 'var(--ti-common-font-weight-bold)',
+  'ti-popconfirm-popover-title-font-size': 'var(--ti-common-font-size-2)',
+  'ti-popconfirm-popover-icon-margin-right': 'var(--ti-common-space-base)'
 }

packages/theme/src/popconfirm/vars.less

@@ -27,4 +27,7 @@
   --ti-popconfirm-popover-icon-margin-right: var(--ti-common-space-2x, 8px);
   // 提示弹窗底部按钮容器上侧外边距
   --ti-popconfirm-popover-footer-margin-top: var(--ti-common-space-4x, 16px);
+  // 标题字重、大小
+  --ti-popconfirm-popover-title-font-size: var(--ti-common-font-size-1);
+  --ti-popconfirm-popover-title-font-weight: var(--ti-common-font-weight-normal, 400);
 }

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

@@ -1,10 +1,10 @@
 export const tinyPopperSmbTheme = {
   'ti-popover-box-shadow': '0px 2px 12px 0px rgba(0,0,0,0.08)',
-  'ti-popover-border-radius': '8px',
-  'ti-popover-padding-vertical': '9px',
-  'ti-popover-padding-horizontal': '16px',
+  'ti-popover-border-radius': 'var(--ti-common-border-radius-4)',
+  'ti-popover-padding-vertical': 'var(--ti-common-space-4x)',
+  'ti-popover-padding-horizontal': 'var(--ti-common-space-4x)',
   'ti-popover-border-color': 'transparent',
   'ti-popover-arrow-border-color': 'transparent',
-  'ti-popover-arrow-height': '8px',
+  'ti-popover-arrow-height': 'var(--ti-common-space-2x)',
   'ti-popover-line-height': '20px'
 }

packages/vue/src/popconfirm/src/pc.vue

@@ -7,7 +7,6 @@
         :placement="placement"
         trigger="manual"
         :width="width"
-        :title="title"
         :popper-class="'tiny-popconfirm-popover ' + (customClass || '')"
         :popper-options="popperOptions"
         :append-to-body="popperAppendToBody"