fix(card, tag): close size

src/_internal/close/src/styles/index.cssr.ts

@@ -5,22 +5,18 @@ import { cB, cM, c } from '../../../../_utils/cssr'
 // --close-color-hover
 // --close-color-pressed
 // --close-color-disabled
-export default cB(
-  'base-close',
-  `
+export default cB('base-close', `
   cursor: pointer;
   color: var(--close-color);
-`,
-  [
-    c('&:hover', {
-      color: 'var(--close-color-hover)'
-    }),
-    c('&:active', {
-      color: 'var(--close-color-pressed)'
-    }),
-    cM('disabled', {
-      cursor: 'not-allowed!important',
-      color: 'var(--close-color-disabled)'
-    })
-  ]
-)
+`, [
+  c('&:hover', {
+    color: 'var(--close-color-hover)'
+  }),
+  c('&:active', {
+    color: 'var(--close-color-pressed)'
+  }),
+  cM('disabled', {
+    cursor: 'not-allowed!important',
+    color: 'var(--close-color-disabled)'
+  })
+])

src/card/src/Card.tsx

@@ -78,6 +78,7 @@ export default defineComponent({
             closeColorHover,
             closeColorPressed,
             lineHeight,
+            closeSize,
             [createKey('paddingTop', size)]: paddingTop,
             [createKey('paddingBottom', size)]: paddingBottom,
             [createKey('paddingLeft', size)]: paddingLeft,
@@ -105,7 +106,8 @@ export default defineComponent({
           '--padding-bottom': paddingBottom,
           '--padding-left': paddingLeft,
           '--font-size': fontSize,
-          '--title-font-size': titleFontSize
+          '--title-font-size': titleFontSize,
+          '--close-size': closeSize
         }
       })
     }

src/card/src/styles/index.cssr.ts

@@ -19,6 +19,7 @@ import { c, cB, cE, cM, insideModal } from '../../../_utils/cssr'
 // --close-color-hover
 // --close-color-pressed
 // --border-color
+// --close-size
 export default c([
   cB('card', `
     font-size: var(--font-size);
@@ -92,7 +93,7 @@ export default c([
           color: var(--text-color);
         `),
         cE('close', `
-          font-size: 16px;
+          font-size: var(--close-size);
           transition: color .3s var(--bezier);
         `)
       ]),

src/card/styles/_common.ts

@@ -14,5 +14,6 @@ export default {
   titleFontSizeSmall: '16px',
   titleFontSizeMedium: '18px',
   titleFontSizeLarge: '18px',
-  titleFontSizeHuge: '18px'
+  titleFontSizeHuge: '18px',
+  closeSize: '18px'
 }

src/tag/src/styles/index.cssr.ts

@@ -48,6 +48,7 @@ export default cB('tag', `
     font-size: var(--font-size);
 `, [
   cE('border', `
+    pointer-events: none;
     position: absolute;
     left: 0;
     right: 0;

src/tag/styles/_common.ts

@@ -1,7 +1,7 @@
 export default {
-  closeSizeSmall: '12px',
-  closeSizeMedium: '12px',
-  closeSizeLarge: '12px',
+  closeSizeSmall: '14px',
+  closeSizeMedium: '14px',
+  closeSizeLarge: '14px',
   // closeSize
   padding: '0 7px',
   closeMargin: '0 0 0 3px'