hzzt-plus 2.0.6 → 2.0.8

package/es/components/collapse/src/collapse2.mjs

@@ -1,2 +1,90 @@
+import { defineComponent, ref, watch, openBlock, createElementBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, unref, withDirectives, vShow } from 'vue';
+import '../../../hooks/index.mjs';
+import HzztIcon from '../../icon/src/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
 
+const _hoisted_1 = { class: "hzzt-collapse flex column" };
+const _hoisted_2 = { class: "hzzt-collapse__top" };
+const _hoisted_3 = { class: "hzzt-collapse__title" };
+const _hoisted_4 = {
+  key: 0,
+  class: "hzzt-collapse__line"
+};
+const _hoisted_5 = { class: "hzzt-collapse__content flex-1" };
+const __default__ = defineComponent({
+  name: "HzztCollapse"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    defaultActive: {
+      type: Boolean,
+      default: true
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    showLine: {
+      type: Boolean,
+      default: true
+    },
+    modelValue: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const { t } = useLocale();
+    const expand = ref(props.modelValue);
+    if (!props.defaultActive) {
+      emit("update:modelValue", false);
+      expand.value = false;
+    }
+    watch(() => props.modelValue, (v) => {
+      expand.value = v;
+    });
+    function toggle() {
+      expand.value = !expand.value;
+      emit("update:modelValue", expand.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(__props.title), 1)
+            ])
+          ]),
+          __props.showLine ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "toggle-btn", {}, () => [
+            createElementVNode("div", {
+              class: "hzzt-collapse__btn",
+              onClick: toggle
+            }, [
+              createVNode(HzztIcon, {
+                name: !expand.value ? "hzzt-plus-square-outline" : "hzzt-minus-square-outline",
+                class: "hzzt-collapse__icon",
+                size: "14"
+              }, null, 8, ["name"]),
+              createElementVNode("span", null, toDisplayString(expand.value ? unref(t)("hzzt.collapse.retract") : unref(t)("hzzt.collapse.expand")), 1)
+            ])
+          ])
+        ]),
+        withDirectives(createElementVNode("div", _hoisted_5, [
+          renderSlot(_ctx.$slots, "default")
+        ], 512), [
+          [vShow, expand.value]
+        ]),
+        renderSlot(_ctx.$slots, "active", { active: expand.value })
+      ]);
+    };
+  }
+});
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "collapse.vue"]]);
+
+export { Collapse as default };
 //# sourceMappingURL=collapse2.mjs.map

package/es/components/collapse/src/collapse2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-collapse flex column\">\n    <div class=\"hzzt-collapse__top\">\n      <div class=\"hzzt-collapse__title\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n      <div v-if=\"showLine\" class=\"hzzt-collapse__line\" />\n      <slot name=\"toggle-btn\">\n        <div class=\"hzzt-collapse__btn\" @click=\"toggle\">\n          <hzzt-icon :name=\"!expand ? 'hzzt-plus-square-outline' : 'hzzt-minus-square-outline'\"\n                     class=\"hzzt-collapse__icon\" size=\"14\" />\n          <span>{{ expand ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand') }}</span>\n        </div>\n      </slot>\n    </div>\n    <div v-show=\"expand\" class=\"hzzt-collapse__content flex-1\">\n      <slot />\n    </div>\n\n    <slot :active=\"expand\" name=\"active\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import {useLocale} from '@hzzt-plus/hooks'\n  import HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n  import {ref, watch} from 'vue'\n\n  defineOptions({\n    name: 'HzztCollapse',\n  })\n  const {t} = useLocale()\n  const props = defineProps({\n    defaultActive: {\n      type: Boolean,\n      default: true,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    showLine: {\n      type: Boolean,\n      default: true,\n    },\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n  })\n  const emit = defineEmits(['update:modelValue'])\n\n  const expand = ref(props.modelValue)\n\n  if (!props.defaultActive) {\n    emit('update:modelValue', false);\n    expand.value = false;\n  }\n\n  watch(() => props.modelValue, (v) => {\n    expand.value = v;\n  })\n\n  function toggle() {\n    expand.value = !expand.value;\n    emit('update:modelValue', expand.value);\n  }\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;mCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAM,MAAA,EAAC,CAAC,EAAA,GAAI,SAAU,EAAA,CAAA;AAqBtB,IAAM,MAAA,MAAA,GAAS,GAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAEnC,IAAI,IAAA,CAAC,MAAM,aAAe,EAAA;AACxB,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,MAAA,CAAO,KAAQ,GAAA,KAAA,CAAA;AAAA,KACjB;AAEA,IAAA,KAAA,CAAM,MAAM,KAAA,CAAM,UAAY,EAAA,CAAC,CAAM,KAAA;AACnC,MAAA,MAAA,CAAO,KAAQ,GAAA,CAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAA,SAAS,MAAS,GAAA;AAChB,MAAO,MAAA,CAAA,KAAA,GAAQ,CAAC,MAAO,CAAA,KAAA,CAAA;AACvB,MAAK,IAAA,CAAA,mBAAA,EAAqB,OAAO,KAAK,CAAA,CAAA;AAAA,KACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/icon/index.d.ts

@@ -1,5 +1,440 @@
-import type { App } from '@vue/runtime-core';
-export declare const HzztIcon: {
-    install(app: App): void;
+export declare const HzztIcon: import("hzzt-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: (NumberConstructor | StringConstructor)[];
+        color: StringConstructor;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    attrs: {
+        [x: string]: unknown;
+    };
+    componentName: import("vue").ComputedRef<string>;
+    ElIcon: import("element-plus/es/utils").SFCWithInstall<{
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                readonly size: {
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly color: {
+                    readonly type: import("vue").PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                readonly size: {
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly color: {
+                    readonly type: import("vue").PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            readonly size: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly color: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        readonly size: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly color: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    })>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
+}>>, {
+    type: string;
+}>> & {
+    HzztPlusSquareOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    HzztMinusSquareOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    AddLocation: any;
+    Aim: any;
+    AlarmClock: any;
+    Apple: any;
+    ArrowDownBold: any;
+    ArrowDown: any;
+    ArrowLeftBold: any;
+    ArrowLeft: any;
+    ArrowRightBold: any;
+    ArrowRight: any;
+    ArrowUpBold: any;
+    ArrowUp: any;
+    Avatar: any;
+    Back: any;
+    Baseball: any;
+    Basketball: any;
+    BellFilled: any;
+    Bell: any;
+    Bicycle: any;
+    BottomLeft: any;
+    BottomRight: any;
+    Bottom: any;
+    Bowl: any;
+    Box: any;
+    Briefcase: any;
+    BrushFilled: any;
+    Brush: any;
+    Burger: any;
+    Calendar: any;
+    CameraFilled: any;
+    Camera: any;
+    CaretBottom: any;
+    CaretLeft: any;
+    CaretRight: any;
+    CaretTop: any;
+    Cellphone: any;
+    ChatDotRound: any;
+    ChatDotSquare: any;
+    ChatLineRound: any;
+    ChatLineSquare: any;
+    ChatRound: any;
+    ChatSquare: any;
+    Check: any;
+    Checked: any;
+    Cherry: any;
+    Chicken: any;
+    ChromeFilled: any;
+    CircleCheckFilled: any;
+    CircleCheck: any;
+    CircleCloseFilled: any;
+    CircleClose: any;
+    CirclePlusFilled: any;
+    CirclePlus: any;
+    Clock: any;
+    CloseBold: any;
+    Close: any;
+    Cloudy: any;
+    CoffeeCup: any;
+    Coffee: any;
+    Coin: any;
+    ColdDrink: any;
+    CollectionTag: any;
+    Collection: any;
+    Comment: any;
+    Compass: any;
+    Connection: any;
+    Coordinate: any;
+    CopyDocument: any;
+    Cpu: any;
+    CreditCard: any;
+    Crop: any;
+    DArrowLeft: any;
+    DArrowRight: any;
+    DCaret: any;
+    DataAnalysis: any;
+    DataBoard: any;
+    DataLine: any;
+    DeleteFilled: any;
+    DeleteLocation: any;
+    Delete: any;
+    Dessert: any;
+    Discount: any;
+    DishDot: any;
+    Dish: any;
+    DocumentAdd: any;
+    DocumentChecked: any;
+    DocumentCopy: any;
+    DocumentDelete: any;
+    DocumentRemove: any;
+    Document: any;
+    Download: any;
+    Drizzling: any;
+    EditPen: any;
+    Edit: any;
+    ElemeFilled: any;
+    Eleme: any;
+    ElementPlus: any;
+    Expand: any;
+    Failed: any;
+    Female: any;
+    Files: any;
+    Film: any;
+    Filter: any;
+    Finished: any;
+    FirstAidKit: any;
+    Flag: any;
+    Fold: any;
+    FolderAdd: any;
+    FolderChecked: any;
+    FolderDelete: any;
+    FolderOpened: any;
+    FolderRemove: any;
+    Folder: any;
+    Food: any;
+    Football: any;
+    ForkSpoon: any;
+    Fries: any;
+    FullScreen: any;
+    GobletFull: any;
+    GobletSquareFull: any;
+    GobletSquare: any;
+    Goblet: any;
+    GoldMedal: any;
+    GoodsFilled: any;
+    Goods: any;
+    Grape: any;
+    Grid: any;
+    Guide: any;
+    Handbag: any;
+    Headset: any;
+    HelpFilled: any;
+    Help: any;
+    Hide: any;
+    Histogram: any;
+    HomeFilled: any;
+    HotWater: any;
+    House: any;
+    IceCreamRound: any;
+    IceCreamSquare: any;
+    IceCream: any;
+    IceDrink: any;
+    IceTea: any;
+    InfoFilled: any;
+    Iphone: any;
+    Key: any;
+    KnifeFork: any;
+    Lightning: any;
+    Link: any;
+    List: any;
+    Loading: any;
+    LocationFilled: any;
+    LocationInformation: any;
+    Location: any;
+    Lock: any;
+    Lollipop: any;
+    MagicStick: any;
+    Magnet: any;
+    Male: any;
+    Management: any;
+    MapLocation: any;
+    Medal: any;
+    Memo: any;
+    Menu: any;
+    MessageBox: any;
+    Message: any;
+    Mic: any;
+    Microphone: any;
+    MilkTea: any;
+    Minus: any;
+    Money: any;
+    Monitor: any;
+    MoonNight: any;
+    Moon: any;
+    MoreFilled: any;
+    More: any;
+    MostlyCloudy: any;
+    Mouse: any;
+    Mug: any;
+    MuteNotification: any;
+    Mute: any;
+    NoSmoking: any;
+    Notebook: any;
+    Notification: any;
+    Odometer: any;
+    OfficeBuilding: any;
+    Open: any;
+    Operation: any;
+    Opportunity: any;
+    Orange: any;
+    Paperclip: any;
+    PartlyCloudy: any;
+    Pear: any;
+    PhoneFilled: any;
+    Phone: any;
+    PictureFilled: any;
+    PictureRounded: any;
+    Picture: any;
+    PieChart: any;
+    Place: any;
+    Platform: any;
+    Plus: any;
+    Pointer: any;
+    Position: any;
+    Postcard: any;
+    Pouring: any;
+    Present: any;
+    PriceTag: any;
+    Printer: any;
+    Promotion: any;
+    QuartzWatch: any;
+    QuestionFilled: any;
+    Rank: any;
+    ReadingLamp: any;
+    Reading: any;
+    RefreshLeft: any;
+    RefreshRight: any;
+    Refresh: any;
+    Refrigerator: any;
+    RemoveFilled: any;
+    Remove: any;
+    Right: any;
+    ScaleToOriginal: any;
+    School: any;
+    Scissor: any;
+    Search: any;
+    Select: any;
+    Sell: any;
+    SemiSelect: any;
+    Service: any;
+    SetUp: any;
+    Setting: any;
+    Share: any;
+    Ship: any;
+    Shop: any;
+    ShoppingBag: any;
+    ShoppingCartFull: any;
+    ShoppingCart: any;
+    ShoppingTrolley: any;
+    Smoking: any;
+    Soccer: any;
+    SoldOut: any;
+    SortDown: any;
+    SortUp: any;
+    Sort: any;
+    Stamp: any;
+    StarFilled: any;
+    Star: any;
+    Stopwatch: any;
+    SuccessFilled: any;
+    Sugar: any;
+    SuitcaseLine: any;
+    Suitcase: any;
+    Sunny: any;
+    Sunrise: any;
+    Sunset: any;
+    SwitchButton: any;
+    SwitchFilled: any;
+    Switch: any;
+    TakeawayBox: any;
+    Ticket: any;
+    Tickets: any;
+    Timer: any;
+    ToiletPaper: any;
+    Tools: any;
+    TopLeft: any;
+    TopRight: any;
+    Top: any;
+    TrendCharts: any;
+    TrophyBase: any;
+    Trophy: any;
+    TurnOff: any;
+    Umbrella: any;
+    Unlock: any;
+    UploadFilled: any;
+    Upload: any;
+    UserFilled: any;
+    User: any;
+    Van: any;
+    VideoCameraFilled: any;
+    VideoCamera: any;
+    VideoPause: any;
+    VideoPlay: any;
+    View: any;
+    WalletFilled: any;
+    Wallet: any;
+    WarnTriangleFilled: any;
+    WarningFilled: any;
+    Warning: any;
+    Watch: any;
+    Watermelon: any;
+    WindPower: any;
+    ZoomIn: any;
+    ZoomOut: any;
 };
 export default HzztIcon;

package/es/components/icon/index.mjs

@@ -1,21 +1,22 @@
 import * as Icons from '@element-plus/icons-vue';
 import * as index from './src/components/index.mjs';
 import HzztIcon$1 from './src/index.mjs';
+import '../../utils/index.mjs';
+import { withInstall } from '../../utils/vue/install.mjs';
 
-const HzztIcon = {
-  install(app) {
-    app.component("HzztIcon", HzztIcon$1);
-    for (const key in Icons) {
-      app.component(tarnsElIconName(key), Icons[key]);
-    }
-    for (const key in index) {
-      app.component(tarnsElIconName(key), Icons[key]);
-    }
-  }
-};
 function tarnsElIconName(name) {
   return `hzzt-el${name.replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`)}`;
 }
+for (const key in Icons) {
+  Icons[key].name = tarnsElIconName(key);
+}
+for (const key in index) {
+  index[key].name = tarnsElIconName(key);
+}
+const HzztIcon = withInstall(HzztIcon$1, {
+  ...Icons,
+  ...index
+});
 
 export { HzztIcon, HzztIcon as default };
 //# sourceMappingURL=index.mjs.map

package/es/components/icon/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import * as Icons from '@element-plus/icons-vue'\nimport * as HzztIcons from './src/components/index'\nimport Icon from './src/index.vue'\nimport type {App} from '@vue/runtime-core'\n\nexport const HzztIcon = {\n  install(app: App) {\n    app.component('HzztIcon', Icon)\n    for (const key in Icons) {\n      app.component(tarnsElIconName(key), Icons[key])\n    }\n    for (const key in HzztIcons) {\n      app.component(tarnsElIconName(key), Icons[key])\n    }\n  },\n}\n\nexport default HzztIcon\n\nfunction tarnsElIconName(name) {\n  return `hzzt-el${name.replace(\n    /[A-Z]/g,\n    (match) => `-${match.toLocaleLowerCase()}`\n  )}`\n}\n"],"names":["Icon","HzztIcons"],"mappings":";;;;AAGY,MAAC,QAAQ,GAAG;AACxB,EAAE,OAAO,CAAC,GAAG,EAAE;AACf,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,EAAEA,UAAI,CAAC,CAAC;AACpC,IAAI,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AAC7B,MAAM,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD,KAAK;AACL,IAAI,KAAK,MAAM,GAAG,IAAIC,KAAS,EAAE;AACjC,MAAM,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD,KAAK;AACL,GAAG;AACH,EAAE;AAEF,SAAS,eAAe,CAAC,IAAI,EAAE;AAC/B,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxF;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import * as Icons from '@element-plus/icons-vue'\nimport * as HzztIcons from './src/components/index'\nimport Icon from './src/index.vue'\nimport {withInstall} from \"@hzzt-plus/utils\";\n\nfunction tarnsElIconName(name: string) {\n  return `hzzt-el${name.replace(\n    /[A-Z]/g,\n    (match: string) => `-${match.toLocaleLowerCase()}`\n  )}`\n}\n\nfor (const key in Icons) {\n  Icons[key].name = tarnsElIconName(key);\n}\nfor (const key in HzztIcons) {\n  HzztIcons[key].name = tarnsElIconName(key);\n}\n\n\nexport const HzztIcon = withInstall(Icon, {\n  ...Icons,\n  ...HzztIcons,\n})\n\nexport default HzztIcon\n"],"names":["HzztIcons","Icon"],"mappings":";;;;;;AAIA,SAAS,eAAe,CAAC,IAAI,EAAE;AAC/B,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxF,CAAC;AACD,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACzB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC;AACD,KAAK,MAAM,GAAG,IAAIA,KAAS,EAAE;AAC7B,EAAEA,KAAS,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;AAC7C,CAAC;AACW,MAAC,QAAQ,GAAG,WAAW,CAACC,UAAI,EAAE;AAC1C,EAAE,GAAG,KAAK;AACV,EAAE,GAAGD,KAAS;AACd,CAAC;;;;"}

package/es/components/icon/src/index.mjs

@@ -1,9 +1,12 @@
-import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, resolveDynamicComponent } from 'vue';
+import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, mergeProps, withCtx, resolveDynamicComponent } from 'vue';
 import { ElIcon } from 'element-plus';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
+const __default__ = defineComponent({
+  name: "HzztIcon"
+});
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
+  ...__default__,
   props: {
     name: {
       type: String,
@@ -12,19 +15,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     type: {
       type: String,
       default: "el"
-    }
+    },
+    size: [String, Number],
+    color: String
   },
   setup(__props) {
     const props = __props;
     const attrs = useAttrs();
     const componentName = computed(() => `hzzt-${props.type}-${props.name}`);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElIcon), normalizeProps(guardReactiveProps(unref(attrs))), {
+      return openBlock(), createBlock(unref(ElIcon), mergeProps(unref(attrs), {
+        size: __props.size,
+        color: __props.color
+      }), {
         default: withCtx(() => [
           (openBlock(), createBlock(resolveDynamicComponent(unref(componentName))))
         ]),
         _: 1
-      }, 16);
+      }, 16, ["size", "color"]);
     };
   }
 });

package/es/components/icon/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/icon/src/index.vue"],"sourcesContent":["<template>\n  <ElIcon v-bind=\"attrs\">\n    <component :is=\"componentName\" />\n  </ElIcon>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport { ElIcon } from 'element-plus'\n\nconst props = defineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n  type: {\n    type: String,\n    default: 'el',\n  },\n})\n\nconst attrs = useAttrs()\n\nconst componentName = computed(() => `hzzt-${props.type}-${props.name}`)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM,CAAA,KAAA,EAAQ,MAAM,IAAI,CAAA,CAAA,EAAI,KAAM,CAAA,IAAI,CAAE,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/icon/src/index.vue"],"sourcesContent":["<template>\n  <ElIcon v-bind=\"attrs\" :size=\"size\" :color=\"color\">\n    <component :is=\"componentName\" />\n  </ElIcon>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport { ElIcon } from 'element-plus'\n\ndefineOptions({\n  name: 'HzztIcon',\n})\n\nconst props = defineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n  type: {\n    type: String,\n    default: 'el',\n  },\n  size: [String, Number],\n  color: String,\n})\n\nconst attrs = useAttrs()\n\nconst componentName = computed(() => `hzzt-${props.type}-${props.name}`)\n</script>\n"],"names":[],"mappings":";;;;mCAUc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM,CAAA,KAAA,EAAQ,MAAM,IAAI,CAAA,CAAA,EAAI,KAAM,CAAA,IAAI,CAAE,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}

package/es/components/icon/src/index.vue.d.ts

@@ -7,6 +7,8 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         name: {
@@ -17,6 +19,8 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        size: (NumberConstructor | StringConstructor)[];
+        color: StringConstructor;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -132,6 +136,8 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
 }>>, {
     type: string;
 }>;