vft 0.0.370 → 0.0.372

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

@@ -24,12 +24,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("../types").ComponentSize>;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         dark: {
             type: import("vue").PropType<boolean>;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -114,12 +114,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("../types").ComponentSize>;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         dark: {
             type: import("vue").PropType<boolean>;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -199,12 +199,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     size: {
         type: import("vue").PropType<import("../types").ComponentSize>;
     };
-    icon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-    };
     dark: {
         type: import("vue").PropType<boolean>;
     };
+    icon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     };

package/es/components/carousel/use-carousel.js

@@ -10,7 +10,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as Ie } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { carouselContextKey as ge, CAROUSEL_ITEM_NAME as H } from "./constants.js";
+import { CAROUSEL_ITEM_NAME as H, carouselContextKey as ge } from "./constants.js";
 const L = 300, _e = (t, O, M) => {
   const {
     children: o,

package/es/components/form/form-item.vue.d.ts

@@ -32,10 +32,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {
-    required: boolean;
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
+    required: boolean;
     hideLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/es/components/form/form-item.vue2.js

@@ -1,4 +1,5 @@
 import { defineComponent as Y, useSlots as ye, inject as D, ref as b, computed as a, watch as E, reactive as Se, toRefs as ke, provide as qe, onMounted as Ie, onBeforeUnmount as Ve, createElementBlock as _e, openBlock as F, unref as f, normalizeClass as g, createBlock as T, createCommentVNode as R, createElementVNode as G, withCtx as B, resolveDynamicComponent as we, normalizeStyle as K, renderSlot as M, createTextVNode as Ce, toDisplayString as U, createVNode as Fe, TransitionGroup as Re, nextTick as Be } from "vue";
+import "../icon/index.js";
 import { refDebounced as Me } from "@vueuse/core";
 import { isBoolean as We, getProp as W, isFunction as ze } from "@vft/utils";
 import { addUnit as O, castArray as H } from "../../utils/helper.js";
@@ -14,7 +15,7 @@ import Ne from "./form-label-wrap.js";
 import { useFormSize as Le } from "./hooks/use-form-common-props.js";
 const je = ["role", "aria-labelledby"], De = Y({
   name: "vft-form-item"
-}), rt = /* @__PURE__ */ Y({
+}), ot = /* @__PURE__ */ Y({
   ...De,
   props: {
     label: {},
@@ -232,5 +233,5 @@ const je = ["role", "aria-labelledby"], De = Y({
   }
 });
 export {
-  rt as default
+  ot as default
 };

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

@@ -206,10 +206,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             size: {
                 type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
             rules: {
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
@@ -231,6 +227,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             hideRequiredAsterisk: {
                 type: import("vue").PropType<boolean>;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
             for: {
                 type: import("vue").PropType<string>;
             };
@@ -253,10 +253,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:error": (val: string) => void;
         }, import("vue").PublicProps, {
-            required: boolean;
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
+            required: boolean;
             hideLabel: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -278,10 +278,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             size: {
                 type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
             rules: {
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
@@ -303,6 +299,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             hideRequiredAsterisk: {
                 type: import("vue").PropType<boolean>;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
             for: {
                 type: import("vue").PropType<string>;
             };
@@ -323,10 +323,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             clearValidate: () => void;
             resetField: () => void;
         }, {}, {}, {}, {
-            required: boolean;
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
+            required: boolean;
             hideLabel: boolean;
         }>;
         __isFragment?: never;
@@ -345,10 +345,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
@@ -370,6 +366,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         hideRequiredAsterisk: {
             type: import("vue").PropType<boolean>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -392,10 +392,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:error": (val: string) => void;
     }, string, {
-        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        required: boolean;
         hideLabel: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -423,10 +423,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
@@ -448,6 +444,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         hideRequiredAsterisk: {
             type: import("vue").PropType<boolean>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -470,10 +470,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:error": (val: string) => void;
     }, import("vue").PublicProps, {
-        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        required: boolean;
         hideLabel: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -495,10 +495,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
@@ -520,6 +516,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         hideRequiredAsterisk: {
             type: import("vue").PropType<boolean>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -540,10 +540,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         clearValidate: () => void;
         resetField: () => void;
     }, {}, {}, {}, {
-        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        required: boolean;
         hideLabel: boolean;
     }>;
     __isFragment?: never;
@@ -562,10 +562,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     size: {
         type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: undefined;
-    };
     rules: {
         type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
     };
@@ -587,6 +583,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     hideRequiredAsterisk: {
         type: import("vue").PropType<boolean>;
     };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
     for: {
         type: import("vue").PropType<string>;
     };
@@ -609,10 +609,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:error": (val: string) => void;
 }, string, {
-    required: boolean;
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
+    required: boolean;
     hideLabel: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/es/components/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as ye } from "./utils.js";
-import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at, useFormDisabled as ot } from "../form/hooks/use-form-common-props.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
 const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       o.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(xe.props, {
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
       formItemContext: F
-    }), ke = at(), h = ot(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = et(), h = tt(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

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

@@ -7,14 +7,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-            default: string;
-        };
         teleported: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+            default: string;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -52,8 +52,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         cancel: (val: MouseEvent) => void;
     }, import("vue").PublicProps, {
         width: string | number;
-        icon: string | import("vft/es/vft").IconProps;
         teleported: boolean;
+        icon: string | import("vft/es/vft").IconProps;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -74,14 +74,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-            default: string;
-        };
         teleported: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+            default: string;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -116,8 +116,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         onConfirm?: ((val: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         width: string | number;
-        icon: string | import("vft/es/vft").IconProps;
         teleported: boolean;
+        icon: string | import("vft/es/vft").IconProps;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -135,14 +135,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    icon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        default: string;
-    };
     teleported: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    icon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        default: string;
+    };
     hideAfter: {
         type: import("vue").PropType<number>;
         default: number;
@@ -180,8 +180,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
     cancel: (val: MouseEvent) => void;
 }, string, {
     width: string | number;
-    icon: string | import("vft/es/vft").IconProps;
     teleported: boolean;
+    icon: string | import("vft/es/vft").IconProps;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: import("vft/es/vft").ButtonType;

package/es/components/popconfirm/popconfirm.vue.d.ts

@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onConfirm?: ((val: MouseEvent) => any) | undefined;
 }>, {
     width: string | number;
-    icon: string | IconProps;
     teleported: boolean;
+    icon: string | IconProps;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: ButtonType;

package/es/components/select/defaults.d.ts

@@ -1,6 +1,6 @@
 import type { Options, Placement } from 'vft/es/components/popper';
 import { type ComponentSize } from 'vft/es/constants';
-import type { __ExtractPublicPropTypes, EmitFn, ExtractPropTypes, PropType } from 'vue';
+import type { __ExtractPublicPropTypes, CSSProperties, EmitFn, ExtractPropTypes, PropType } from 'vue';
 import type { Option, OptionType } from './select.types';
 import SelectV2 from './select.vue';
 import { type Props } from './useProps';
@@ -172,7 +172,12 @@ export declare const optionV2Props: {
         __epPropKey: true;
     };
     readonly index: NumberConstructor;
-    readonly style: ObjectConstructor;
+    readonly style: {
+        readonly type: PropType<CSSProperties>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly selected: BooleanConstructor;
     readonly created: BooleanConstructor;
 };

package/es/components/select/defaults.js

@@ -176,7 +176,9 @@ const S = {
     required: !0
   },
   index: Number,
-  style: Object,
+  style: {
+    type: Object
+  },
   selected: Boolean,
   created: Boolean
 }), N = {

package/es/components/select/option-item.vue.d.ts

@@ -9,7 +9,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __epPropKey: true;
     };
     readonly index: NumberConstructor;
-    readonly style: ObjectConstructor;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vue").CSSProperties>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly selected: BooleanConstructor;
     readonly created: BooleanConstructor;
 }>, {
@@ -48,7 +53,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __epPropKey: true;
     };
     readonly index: NumberConstructor;
-    readonly style: ObjectConstructor;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vue").CSSProperties>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly selected: BooleanConstructor;
     readonly created: BooleanConstructor;
 }>> & Readonly<{

package/es/components/select/select-dropdown.js

@@ -26,7 +26,7 @@ const ie = {
   hoveringIndex: Number,
   width: Number
 }, Ne = /* @__PURE__ */ _({
-  name: "ElSelectDropdown",
+  name: "VftSelectDropdown",
   props: ie,
   setup(w, {
     slots: m,
@@ -45,14 +45,14 @@ const ie = {
     } : {
       estimatedSize: o.props.estimatedOptionHeight,
       itemSize: (e) => E.value[e]
-    }), A = (e = [], t) => {
+    }), V = (e = [], t) => {
       const {
         props: {
           valueKey: r
         }
       } = o;
       return K(t) ? e && e.some((s) => Q(b(s, r)) === b(t, r)) : e.includes(t);
-    }, P = (e, t) => {
+    }, A = (e, t) => {
       if (K(t)) {
         const {
           valueKey: r
@@ -60,7 +60,7 @@ const ie = {
         return b(e, r) === b(t, r);
       } else
         return e === t;
-    }, y = (e, t) => o.props.multiple ? A(e, g(t)) : P(e, g(t)), I = (e, t) => {
+    }, y = (e, t) => o.props.multiple ? V(e, g(t)) : A(e, g(t)), I = (e, t) => {
       const {
         disabled: r,
         multiple: s,
@@ -83,7 +83,7 @@ const ie = {
         e && e.resetScrollTop();
       }
     });
-    const V = (e) => {
+    const P = (e) => {
       const {
         index: t,
         data: r,
@@ -174,7 +174,7 @@ const ie = {
         total: e.length,
         onKeydown: B
       }), {
-        default: (i) => p(V, i, null)
+        default: (i) => p(P, i, null)
       }), m.footer?.()]);
     };
   }

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

@@ -78,19 +78,31 @@ export declare const VftSkeleton: import("vft/es/utils").SFCWithInstall<{
         variant: {
             type: import("vue").PropType<"button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text">;
         };
+        imgIcon: {
+            type: import("vue").PropType<import("vft/es/vft").IconProps>;
+        };
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         variant: {
             type: import("vue").PropType<"button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text">;
         };
+        imgIcon: {
+            type: import("vue").PropType<import("vft/es/vft").IconProps>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 };
 export declare const VftSkeletonItem: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     variant: {
         type: import("vue").PropType<"button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text">;
     };
+    imgIcon: {
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     variant: {
         type: import("vue").PropType<"button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text">;
     };
+    imgIcon: {
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default VftSkeleton;

package/es/components/skeleton/skeleton-item.vue.d.ts

@@ -1,5 +1,7 @@
+import { type IconProps } from 'vft/es/components/icon';
 interface Props {
     variant?: 'circle' | 'rect' | 'h1' | 'h3' | 'text' | 'caption' | 'p' | 'image' | 'button';
+    imgIcon?: IconProps;
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/skeleton/skeleton-item.vue2.js

@@ -1,32 +1,38 @@
-import { defineComponent as m, createElementBlock as n, openBlock as r, normalizeClass as i, unref as e, createBlock as a, createCommentVNode as p } from "vue";
-import { VftIcon as c } from "../icon/index.js";
+import { defineComponent as i, computed as c, createElementBlock as a, openBlock as n, normalizeClass as p, unref as e, createBlock as l, createCommentVNode as s } from "vue";
+import { VftIcon as f } from "../icon/index.js";
 import "@vueuse/core";
-import "@vft/utils";
+import { singleAttrToObj as u } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace as s } from "../../hooks/use-namespace/index.js";
+import { useNamespace as d } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const l = m({
+const _ = i({
   name: "VftSkeletonItem"
-}), h = /* @__PURE__ */ m({
-  ...l,
+}), j = /* @__PURE__ */ i({
+  ..._,
   props: {
-    variant: { default: "text" }
+    variant: { default: "text" },
+    imgIcon: {}
   },
-  setup(f) {
-    const t = s("skeleton");
-    return (o, u) => (r(), n("div", {
-      class: i([e(t).e("item"), e(t).e(o.variant)])
+  setup(r) {
+    const m = c(
+      () => u(r.imgIcon, "icon", {
+        size: 20,
+        icon: "icon-picture-filled"
+      })
+    ), o = d("skeleton");
+    return (t, k) => (n(), a("div", {
+      class: p([e(o).e("item"), e(o).e(t.variant)])
     }, [
-      o.variant === "image" ? (r(), a(e(c), {
+      t.variant === "image" ? (n(), l(e(f), {
         key: 0,
-        icon: "icon-picture-filled"
-      })) : p("", !0)
+        icon: m.value
+      }, null, 8, ["icon"])) : s("", !0)
     ], 2));
   }
 });
 export {
-  h as default
+  j as default
 };