@wyfex/ivue 0.10.0 → 0.11.0

package/dist/types/UseSvgIcon/index.vue.d.ts

@@ -0,0 +1,54 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator(val: any): any;
+    };
+    color: {
+        type: import('vue').PropType<string | Record<string, any>[]>;
+        validator(val: any): any;
+    };
+    margin: {
+        type: StringConstructor;
+    };
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hoverClass: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator(val: any): any;
+    };
+    color: {
+        type: import('vue').PropType<string | Record<string, any>[]>;
+        validator(val: any): any;
+    };
+    margin: {
+        type: StringConstructor;
+    };
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hoverClass: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    size: string | number;
+    clickable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/UseSvgIcon/props.d.ts

@@ -0,0 +1,27 @@
+import { PropType } from 'vue';
+declare const _default: {
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator(val: any): any;
+    };
+    color: {
+        type: PropType<string | Record<string, any>[]>;
+        validator(val: any): any;
+    };
+    margin: {
+        type: StringConstructor;
+    };
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hoverClass: {
+        type: StringConstructor;
+    };
+};
+export default _default;

package/dist/types/index.d.ts

@@ -8,3 +8,4 @@ export { default as UseElInput } from './UseElInput/index.vue';
 export { default as UseElSelect } from './UseElSelect/index.vue';
 export { default as UseElTable } from './UseElTable/index.vue';
 export { default as UseRender } from './UseRender/index.vue';
+export { default as UseSvgIcon } from './UseSvgIcon/index.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wyfex/ivue",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的 iVue 组件库",
   "homepage": "https://wyfe.top/idocs/ivue",
   "type": "module",

package/src/components/UseSvgIcon/props.ts

@@ -0,0 +1,59 @@
+import type { PropType } from 'vue'
+import { isArray } from '@wyfex/iutils'
+import { parseUnit, isValidUnit } from '@/utils'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 图标名称 必传
+   */
+  name: {
+    type: String,
+    required: true
+  },
+  /**
+   * 图标大小 默认类型为数字（单位为px）；可传带单位的字符串，如：20px、0.2rem
+   */
+  size: {
+    type: [Number, String],
+    default: 28,
+    validator(val: any) {
+      if (typeof val === 'number') return val
+      return isValidUnit(parseUnit(val)) && val
+    }
+  },
+  /**
+   * 图标颜色 可传String或Array
+   * 若传Array，只能传两项 第一项为默认图标颜色 第二项为暗黑模式下图标颜色
+   */
+  color: {
+    type: [String, Array] as PropType<string | Record<string, any>[]>,
+    validator(val: any) {
+      if (!isArray(val)) return val
+      if (!val.length) throw new Error(`color类型为Array时length不能为0`)
+      if (val.length > 2) throw new Error(`color类型为Array时length最大为2`)
+      return val
+    }
+  },
+  /**
+   * 图标的margin外边距 同css的margin规则
+   */
+  margin: {
+    type: String
+  },
+  /**
+   * 是否可点击
+   */
+  clickable: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * hover类名
+   */
+  hoverClass: {
+    type: String
+  }
+}