cd-icon-picker 1.1.0 → 1.1.2

package/index.ts

@@ -3,12 +3,17 @@ import Icon from './src/Icon.vue';
 import SvgIcon from './src/SvgIcon.vue';
 import IconPicker from './src/IconPicker.vue';
 
+// 别名导出
+const CdIcon = Icon;
+const CdSvgIcon = SvgIcon;
+const CdIconPicker = IconPicker;
+
 const install = (app: App) => {
   app.component('CdIcon', Icon);
   app.component('CdSvgIcon', SvgIcon);
   app.component('CdIconPicker', IconPicker);
 };
 
-export { Icon, IconPicker, SvgIcon, install };
+export { Icon, IconPicker, SvgIcon, CdIcon, CdSvgIcon, CdIconPicker, install };
 
 export default IconPicker;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cd-icon-picker",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Vue 3 icon picker supporting TDesign & RemixIcon, with custom SVG via :diy-icon.",
   "license": "MIT",
   "type": "module",

package/src/Icon.vue

@@ -1,8 +1,8 @@
 <template>
-  <SvgIcon v-if="isSvgIcon" :size="size" :name="getSvgIcon" :class="[$attrs.class, 'cd-icon']" :spin="spin" />
+  <SvgIcon v-if="isSvgIcon" :size="String(size)" :name="getSvgIcon" :class="[$attrs.class, 'cd-icon']" :spin="spin" />
   <span v-else-if="isCompanyIcon" v-html="getCompanySvg" :class="['cd-icon', $attrs.class, spin && 'svg-icon-spin']" :style="getStyle"></span>
   <i v-else-if="isRemixIcon" :class="['cd-icon', $attrs.class, icon, spin && 'svg-icon-spin']" :style="getStyle"></i>
-  <t-icon v-else :name="icon" :size="size" :color="color" :spin="spin" :class="[$attrs.class, 'cd-icon']" />
+  <t-icon v-else :name="icon" :size="String(size)" :color="color" :spin="spin" :class="[$attrs.class, 'cd-icon']" />
 </template>
 <script lang="ts">
 import type { PropType } from 'vue';
@@ -23,8 +23,8 @@ export default defineComponent({
       default: '',
     },
     size: {
-      type: [String, Number] as PropType<string | number>,
-      default: 16,
+      type: String,
+      default: '16',
     },
     spin: {
       type: Boolean,

package/src/IconPicker.vue

@@ -21,9 +21,9 @@
         <div class="cd-picker-header">
           <span style="font-size: 14px;font-weight: normal;">当前图标：</span>
           <span v-if="isSvgMode && currentSelect">
-            <SvgIcon :name="currentSelect" :prefix="svgPrefix" :size="20" />
+            <SvgIcon :name="currentSelect" :prefix="svgPrefix" :size="'20'" />
           </span>
-          <Icon :icon="currentSelect || defaultIcon" :size="20" v-else />
+          <Icon :icon="currentSelect || defaultIcon" :size="'20'" v-else />
         </div>
       </template>
       <div class="cd-picker-body">

package/src/SvgIcon.vue

@@ -19,8 +19,8 @@
         required: true,
       },
       size: {
-        type: [Number, String],
-        default: 16,
+        type: String,
+        default: '16',
       },
       spin: {
         type: Boolean,