feat(popconfirm): [popconfirm] Adapting to the SMB theme (#2085)

* feat(popconfirm): [popconfirm] Adapting to the SMB theme

* feat(popconfirm): [popconfirm] Adapting to the SMB theme

* feat(popconfirm): [popconfirm] Adapting to the SMB theme

* feat(popconfirm): [popconfirm] Adapting to the SMB theme

* Update pc.vue

packages/design/smb/src/popconfirm/index.ts

@@ -1,8 +1,8 @@
-import { iconWarningTriangle, iconPromptExclamation } from '@opentiny/vue-icon'
+import { iconWarningTriangle, iconHelp } from '@opentiny/vue-icon'
 
 export default {
   icons: {
     warning: iconWarningTriangle(),
-    info: iconPromptExclamation()
+    info: iconHelp()
   }
 }

packages/theme/src/popconfirm/index.less

@@ -52,6 +52,7 @@
     height: var(--ti-popconfirm-popover-icon-width);
     width: var(--ti-popconfirm-popover-icon-width);
     margin-right: var(--ti-popconfirm-popover-icon-margin-right);
+    margin-bottom: var(--ti-popconfirm-popover-icon-margin-bottom);
   }
 
   &__title {
@@ -80,18 +81,18 @@
   }
 
   &--info {
-    fill: #5cacff;
+    fill: #1476FF;
   }
 
   &--error {
-    fill: #eb171f;
+    fill: #F23030;
   }
 
   &--warning {
-    fill: #fdc000;
+    fill: #FF8800;
   }
 
   &--success {
-    fill: #00a874;
+    fill: #5CB300;
   }
 }

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

@@ -9,5 +9,6 @@ export const tinyPopconfirmSmbTheme = {
   'ti-popconfirm-popover-icon-margin-right': 'var(--ti-common-space-base)',
   'ti-popconfirm-popover-margin-bottom': '8px',
   'ti-popconfirm-popover-text-color': '#191919',
-  'ti-popconfirm-popover-line-height': '1.5'
+  'ti-popconfirm-popover-line-height': '1.5',
+  'ti-popconfirm-popover-icon-margin-bottom': '2px'
 }

packages/theme/src/popconfirm/vars.less

@@ -22,7 +22,8 @@
   // 提示弹窗容器垂直内边距
   --ti-popconfirm-popover-container-padding-vertical: var(--ti-common-space-base, 4px);
   // 提示弹窗图标大小
-  --ti-popconfirm-popover-icon-width: var(--ti-common-size-6x, 24px);
+  --ti-popconfirm-popover-icon-width: calc(var(--ti-common-size-3x) + 2px);
+  --ti-popconfirm-popover-icon-margin-bottom: unset;
   // 提示弹窗图标上侧外边距
   --ti-popconfirm-popover-icon-margin-right: var(--ti-common-space-2x, 8px);
   // 提示弹窗底部按钮容器上侧外边距

packages/vue/src/popconfirm/src/index.ts

@@ -22,7 +22,7 @@ export const $constants = {
   ICON_MAP: {
     success: 'icon-success',
     error: 'icon-error',
-    info: 'icon-info-solid',
+    info: 'icon-help',
     warning: 'icon-warning'
   }
 }

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

@@ -55,7 +55,7 @@ import { setup, $prefix, defineComponent } from '@opentiny/vue-common'
 import { renderless, api } from '@opentiny/vue-renderless/popconfirm/vue'
 import Popover from '@opentiny/vue-popover'
 import Button from '@opentiny/vue-button'
-import { iconError, iconInfoSolid, iconWarning, iconSuccess } from '@opentiny/vue-icon'
+import { iconError, iconHelp, iconWarning, iconSuccess } from '@opentiny/vue-icon'
 import '@opentiny/vue-theme/popconfirm/index.less'
 
 export default defineComponent({
@@ -64,7 +64,7 @@ export default defineComponent({
     TinyPopover: Popover,
     TinyButton: Button,
     IconSuccess: iconSuccess(),
-    IconInfoSolid: iconInfoSolid(),
+    IconHelp: iconHelp(),
     IconWarning: iconWarning(),
     IconError: iconError()
   },