vft 0.0.239 → 0.0.240

package/es/components/side-menu/side-menu.vue.d.ts

@@ -45,7 +45,7 @@ export interface MenuConProps {
     /** 默认展开 */
     defaultOpeneds?: Array<string | number>;
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
     isFixedLeft: boolean;
     autoScrollActiveDom: boolean;
     openMenuCollapse: boolean;
@@ -59,9 +59,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     height: string;
     menuTopBottomHeight: number;
     useRouterJump: boolean;
-}>, {
-    sideRef: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {
+    sideRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:collapse": (val: boolean) => void;
     "update:width": (val: string | number) => void;
     dragEnd: (oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => void;
@@ -87,7 +87,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     height: string;
     menuTopBottomHeight: number;
     useRouterJump: boolean;
-}>>> & {
+}>>> & Readonly<{
     onSelect?: ((val: {
         route: string;
         indexPath: string[];
@@ -99,7 +99,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onSubMenuClick?: ((val: any) => any) | undefined;
     onMenuItemMouseenter?: ((val: any) => any) | undefined;
     onMenuItemMouseleave?: ((val: any) => any) | undefined;
-}, {
+}>, {
     height: string;
     width: string | number;
     collapse: boolean;
@@ -109,14 +109,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     menuTopBottomHeight: number;
     showCollapse: boolean;
     dragWidthCfg: boolean | {
-        maxWidth?: number | undefined;
-        minWidth?: number | undefined;
+        maxWidth?: number;
+        minWidth?: number;
     };
     useRouterJump: boolean;
-    autoScrollActiveDom: number | boolean;
+    autoScrollActiveDom: boolean | number;
     openMenuCollapse: boolean;
     disabledJudgeTurnOver: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/side-menu/side-menu.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as I, toRefs as ie, useSlots as ne, getCurrentInstance as le, ref as C, computed as g, h as M, createVNode as f, onMounted as pe, nextTick as ae, watch as ue, isVNode as se } from "vue";
-import { listenerRouteChange as de, useRouterHelper as me } from "@vft/router";
-import { useSortable as ce } from "@vft/use";
-import { isUrl as fe, isNullOrUndefined as j, addUnit as E, isNumber as ve } from "@vft/utils";
+import { defineComponent as V, toRefs as oe, useSlots as ie, getCurrentInstance as le, ref as g, computed as f, h as b, createVNode as d, onMounted as re, nextTick as ne, watch as pe, isVNode as ae } from "vue";
+import { listenerRouteChange as ue, useRouterHelper as se } from "@vft/router";
+import { useSortable as me } from "@vft/use";
+import { isUrl as de, isNullOrUndefined as A, addUnit as W, isNumber as ce } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -32,7 +32,7 @@ import "../form/index.js";
 import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
-import { VftIcon as he } from "../icon/index.js";
+import { VftIcon as fe } from "../icon/index.js";
 import "../icon-text/index.js";
 import "../iframe-layout/index.js";
 import "../image/index.js";
@@ -42,7 +42,7 @@ import "../input-number/index.js";
 import "../link/index.js";
 import "../list-cell/index.js";
 import "../logo/index.js";
-import { VftMenu as ge, VftSubMenu as be, VftMenuItem as q } from "../menu/index.js";
+import { VftMenu as he, VftSubMenu as ve, VftMenuItem as I } from "../menu/index.js";
 import "../multiple-tabs/index.js";
 import "../overlay/index.js";
 import "../page-wrapper/index.js";
@@ -92,21 +92,21 @@ import "../md-vue-playground/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as ye } from "../../hooks/use-namespace/index.js";
+import { useNamespace as ge } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-import { useDragLine as Ce } from "./use-drag-line.js";
-function Me(b) {
-  return typeof b == "function" || Object.prototype.toString.call(b) === "[object Object]" && !se(b);
+import { useDragLine as be } from "./use-drag-line.js";
+function ye(h) {
+  return typeof h == "function" || Object.prototype.toString.call(h) === "[object Object]" && !ae(h);
 }
-const Se = I({
+const Ce = V({
   name: "vft-side-menu"
-}), bo = /* @__PURE__ */ I({
-  ...Se,
+}), vo = /* @__PURE__ */ V({
+  ...Ce,
   props: {
     isFixedLeft: {
       type: Boolean,
@@ -166,17 +166,17 @@ const Se = I({
     defaultOpeneds: {}
   },
   emits: ["update:collapse", "update:width", "dragEnd", "dragWidthEnd", "select", "subMenuClick", "menuItemMouseenter", "menuItemMouseleave"],
-  setup(b, {
-    expose: L,
-    emit: P
+  setup(h, {
+    expose: J,
+    emit: j
   }) {
-    const t = b, {
-      defaultActive: S,
-      collapse: v,
-      uniqueOpened: H,
-      defaultOpeneds: x,
-      openMenuCollapse: U
-    } = ie(t), m = P, u = ye("side-menu"), n = ne(), B = le(), _ = C(), p = g(() => ({
+    const t = h, {
+      defaultActive: E,
+      collapse: c,
+      uniqueOpened: q,
+      defaultOpeneds: L,
+      openMenuCollapse: P
+    } = oe(t), s = j, n = ge("side-menu"), p = ie(), M = le(), O = g(), l = f(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -185,185 +185,170 @@ const Se = I({
       disabled: "disabled",
       ...t.attrMapping
     }));
-    de(({
+    ue(({
       route: e
     }) => {
-      var o;
-      !e || (o = e.meta) != null && o.hideSide && !t.useRouterJump || (_.value = e.path);
+      !e || e.meta?.hideSide && !t.useRouterJump || (O.value = e.path);
     });
-    const F = (e) => {
-      var r;
-      const o = e.e;
-      if (t.autoScrollActiveDom && o) {
-        const a = ve(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, i = o.target;
-        (r = y.value) != null && r.menu && i && setTimeout(() => {
-          y.value.menu.scrollTop = y.value.menu.scrollTop + (i.getBoundingClientRect().top - y.value.menu.getBoundingClientRect().top) + a;
+    const H = (e) => {
+      const r = e.e;
+      if (t.autoScrollActiveDom && r) {
+        const o = ce(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, i = r.target;
+        v.value?.menu && i && setTimeout(() => {
+          v.value.menu.scrollTop = v.value.menu.scrollTop + (i.getBoundingClientRect().top - v.value.menu.getBoundingClientRect().top) + o;
         }, 300);
       }
-      m("subMenuClick", e);
-    }, Z = (e) => {
-      m("menuItemMouseenter", e);
-    }, $ = (e) => {
-      m("menuItemMouseleave", e);
-    }, T = (e, o) => {
-      const r = e[p.value.path], a = e[p.value.title], i = e == null ? void 0 : e[p.value.children], c = e == null ? void 0 : e[p.value.index], s = e == null ? void 0 : e[p.value.icon], d = !!(e != null && e[p.value.disabled]), h = t.disabledJudgeTurnOver ? !d : d, N = c || r || o + a;
-      return i != null && i.length ? M(
+      s("subMenuClick", e);
+    }, U = (e) => {
+      s("menuItemMouseenter", e);
+    }, F = (e) => {
+      s("menuItemMouseleave", e);
+    }, S = (e, r) => {
+      const o = e[l.value.path], i = e[l.value.title], a = e?.[l.value.children], m = e?.[l.value.index], B = e?.[l.value.icon], T = !!e?.[l.value.disabled], D = t.disabledJudgeTurnOver ? !T : T, R = m || o || r + i;
+      return a?.length ? b(
         // @ts-ignore
-        be,
+        ve,
         {
           ...e,
           popperAppendToBody: !0,
-          key: N,
-          index: N,
-          title: a,
-          icon: s,
-          disabled: t.openDisabled && h,
-          popperClass: u.e("popper")
+          key: R,
+          index: R,
+          title: i,
+          icon: B,
+          disabled: t.openDisabled && D,
+          popperClass: n.e("popper")
         },
         {
-          default: () => i == null ? void 0 : i.map((l, ee) => {
-            var V;
-            const w = l[p.value.path], W = l[p.value.index], te = l[p.value.icon], oe = l[p.value.title], A = !!l[p.value.disabled], re = t.disabledJudgeTurnOver ? !A : A;
-            return (V = l == null ? void 0 : l[p.value.children]) != null && V.length ? T(l, ee) : (
+          default: () => a?.map((u, Q) => {
+            const C = u[l.value.path], k = u[l.value.index], X = u[l.value.icon], ee = u[l.value.title], N = !!u[l.value.disabled], te = t.disabledJudgeTurnOver ? !N : N;
+            return u?.[l.value.children]?.length ? S(u, Q) : (
               // @ts-ignore
-              M(q, {
-                ...l,
-                key: W || w,
-                index: W || w,
-                route: w,
-                icon: te,
-                title: oe,
-                disabled: t.openDisabled && re
-              }, n.menuItem ? () => {
-                var J;
-                return (J = n.menuItem) == null ? void 0 : J.call(n, {
-                  item: l
-                });
-              } : "")
+              b(I, {
+                ...u,
+                key: k || C,
+                index: k || C,
+                route: C,
+                icon: X,
+                title: ee,
+                disabled: t.openDisabled && te
+              }, p.menuItem ? () => p.menuItem?.({
+                item: u
+              }) : "")
             );
           })
         }
-      ) : M(q, {
+      ) : b(I, {
         ...e,
-        key: c || r,
-        index: c || r,
-        title: a,
-        route: r,
-        icon: s,
-        disabled: t.openDisabled && h,
-        onMouseenter: () => Z(e),
-        onMouseleave: () => $(e)
-      }, n.menuItem ? () => {
-        var l;
-        return (l = n.menuItem) == null ? void 0 : l.call(n, {
-          item: e,
-          index: o
-        });
-      } : "");
-    }, y = C(), z = g(() => ({
-      ...t.collapseWidth === 0 && v.value ? {
+        key: m || o,
+        index: m || o,
+        title: i,
+        route: o,
+        icon: B,
+        disabled: t.openDisabled && D,
+        onMouseenter: () => U(e),
+        onMouseleave: () => F(e)
+      }, p.menuItem ? () => p.menuItem?.({
+        item: e,
+        index: r
+      }) : "");
+    }, v = g(), Z = f(() => ({
+      ...t.collapseWidth === 0 && c.value ? {
         width: 0
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
-    })), Y = g(() => {
-      var o, r;
+    })), $ = f(() => {
       let e;
-      return M(f(ge, {
-        ref: y.value,
-        onSelect: G,
-        onOpen: F,
-        defaultActive: (S == null ? void 0 : S.value) || _.value,
-        defaultOpeneds: x == null ? void 0 : x.value,
-        class: [u.e("con"), (o = t.dragOption) != null && o.dragClassName ? u.e((r = t.dragOption) == null ? void 0 : r.dragClassName) : ""],
-        style: z.value,
-        collapse: U.value ? v.value : !1,
-        uniqueOpened: H.value,
+      return b(d(he, {
+        ref: v.value,
+        onSelect: z,
+        onOpen: H,
+        defaultActive: E?.value || O.value,
+        defaultOpeneds: L?.value,
+        class: [n.e("con"), t.dragOption?.dragClassName ? n.e(t.dragOption?.dragClassName) : ""],
+        style: Z.value,
+        collapse: P.value ? c.value : !1,
+        uniqueOpened: q.value,
         collapseTransition: !1
-      }, Me(e = t.menus.map((a, i) => T(a, i))) ? e : {
+      }, ye(e = t.menus.map((r, o) => S(r, o))) ? e : {
         default: () => [e]
       }));
-    }), D = B.appContext.config.globalProperties.$router;
-    async function G(e) {
-      var o, r, a;
+    }), x = M.appContext.config.globalProperties.$router;
+    async function z(e) {
       if (t.useRouterJump) {
         const {
-          go: i
-        } = me(D), c = e.route;
-        let s = e.route;
-        e.indexPath.some((h) => fe(h)) && (s = e.indexPath.slice(-2).join("/"));
-        const d = (a = (r = (o = D.getRoutes().filter((h) => h.path === s)) == null ? void 0 : o[0]) == null ? void 0 : r.meta) == null ? void 0 : a.linkTarget;
-        i(d ? {
-          url: c,
+          go: r
+        } = se(x), o = e.route;
+        let i = e.route;
+        e.indexPath.some((m) => de(m)) && (i = e.indexPath.slice(-2).join("/"));
+        const a = x.getRoutes().filter((m) => m.path === i)?.[0]?.meta?.linkTarget;
+        r(a ? {
+          url: o,
           winOpenOpt: {
-            target: d
+            target: a
           }
-        } : c);
+        } : o);
       }
-      m("select", e);
+      s("select", e);
     }
-    pe(() => {
-      ae(() => {
-        var e, o, r;
-        if ((e = t.dragOption) != null && e.dragClassName) {
-          const a = (r = document.querySelectorAll("." + u.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : r[0], {
-            initSortable: i
-          } = ce(a, {
+    re(() => {
+      ne(() => {
+        if (t.dragOption?.dragClassName) {
+          const e = document.querySelectorAll("." + n.e(t.dragOption?.dragClassName))?.[0], {
+            initSortable: r
+          } = me(e, {
             draggable: ".vft-menu-item",
-            onEnd: (c) => {
+            onEnd: (o) => {
               const {
-                oldIndex: s,
-                newIndex: d
-              } = c;
-              j(s) || j(d) || s === d || m("dragEnd", s, d);
+                oldIndex: i,
+                newIndex: a
+              } = o;
+              A(i) || A(a) || i === a || s("dragEnd", i, a);
             },
             ...t.dragOption
           });
-          i();
+          r();
         }
       });
     });
-    const O = C(), R = C(), k = C(), K = g(() => ({
-      ...t.collapseWidth === 0 && v.value ? {
+    const y = g(), _ = g(), w = g(), Y = f(() => ({
+      ...t.collapseWidth === 0 && c.value ? {
         borderRight: "none"
       } : {},
-      width: E(t.width),
+      width: W(t.width),
       height: t.height
     }));
-    ue(() => v.value, (e) => {
-      e ? m("update:width", t.collapseWidth) : m("update:width", k.value || t.width), k.value = t.width;
-    }), t.dragWidthCfg && Ce(O, R, B);
-    const Q = g(() => ({
-      left: E(t.width)
-    })), X = g(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
-    return L({
-      sideRef: O
-    }), () => {
-      var e;
-      return f("div", {
-        ref: O,
-        class: X.value,
-        style: K.value
-      }, [n.top ? f("div", {
-        class: u.e("top")
-      }, [n.top()]) : null, Y.value, n.bottom ? f("div", {
-        class: u.e("bottom")
-      }, [n.bottom()]) : t.showCollapse ? f("div", {
-        onClick: () => m("update:collapse", !v.value),
-        class: [u.e("bottom"), u.e("collapse")]
-      }, [f(he, {
-        style: {
-          transform: v.value ? "rotateY(180deg)" : ""
-        },
-        size: 20,
-        icon: "icon-sidebar-collapse"
-      }, null)]) : null, (e = n.default) == null ? void 0 : e.call(n), t.dragWidthCfg ? f("div", {
-        ref: R,
-        style: Q.value,
-        class: u.e("drag-bar")
-      }, null) : null]);
-    };
+    pe(() => c.value, (e) => {
+      e ? s("update:width", t.collapseWidth) : s("update:width", w.value || t.width), w.value = t.width;
+    }), t.dragWidthCfg && be(y, _, M);
+    const G = f(() => ({
+      left: W(t.width)
+    })), K = f(() => [n.b(), t.isFixedLeft ? n.m("fixed") : ""]);
+    return J({
+      sideRef: y
+    }), () => d("div", {
+      ref: y,
+      class: K.value,
+      style: Y.value
+    }, [p.top ? d("div", {
+      class: n.e("top")
+    }, [p.top()]) : null, $.value, p.bottom ? d("div", {
+      class: n.e("bottom")
+    }, [p.bottom()]) : t.showCollapse ? d("div", {
+      onClick: () => s("update:collapse", !c.value),
+      class: [n.e("bottom"), n.e("collapse")]
+    }, [d(fe, {
+      style: {
+        transform: c.value ? "rotateY(180deg)" : ""
+      },
+      size: 20,
+      icon: "icon-sidebar-collapse"
+    }, null)]) : null, p.default?.(), t.dragWidthCfg ? d("div", {
+      ref: _,
+      style: G.value,
+      class: n.e("drag-bar")
+    }, null) : null]);
   }
 });
 export {
-  bo as default
+  vo as default
 };

package/es/components/side-menu/use-drag-line.js

@@ -1,47 +1,42 @@
-import { useDebounceFn as v, useThrottleFn as T } from "@vft/use";
-import { onMounted as C, nextTick as M, unref as r } from "vue";
-function L(a, l, i) {
-  var s, f;
-  const h = ((f = (s = i.props) == null ? void 0 : s.dragWidthCfg) == null ? void 0 : f.minWidth) || 200;
-  C(() => {
-    M(() => {
-      v(x, 100)();
+import { useDebounceFn as W, useThrottleFn as g } from "@vft/use";
+import { onMounted as x, nextTick as w, unref as u } from "vue";
+function M(f, d, r) {
+  const l = r.props?.dragWidthCfg?.minWidth || 200;
+  x(() => {
+    w(() => {
+      W(a, 100)();
     });
   });
-  function c(t) {
-    var e;
-    const o = r(t);
-    return o ? Reflect.has(o, "$el") ? (e = r(t)) == null ? void 0 : e.$el : r(t) : null;
+  function c(e) {
+    const n = u(e);
+    return n ? Reflect.has(n, "$el") ? u(e)?.$el : u(e) : null;
   }
-  function W(t, o, e) {
-    document.onmousemove = function(u) {
-      var m, p;
-      let n = t.left + (u.clientX - e);
-      u = u || window.event;
-      const d = ((p = (m = i.props) == null ? void 0 : m.dragWidthCfg) == null ? void 0 : p.maxWidth) || 800, w = r(h);
-      return n <= w ? void 0 : (n < 0 && (n = 0), n > d && (n = d), t.style.left = n + "px", T(() => {
-        i.emit("update:width", n);
+  function m(e, n, i) {
+    document.onmousemove = function(o) {
+      let t = e.left + (o.clientX - i);
+      o = o || window.event;
+      const s = r.props?.dragWidthCfg?.maxWidth || 800, h = u(l);
+      return t <= h ? void 0 : (t < 0 && (t = 0), t > s && (t = s), e.style.left = t + "px", g(() => {
+        r.emit("update:width", t);
       }, 150)(), !1);
     };
   }
-  function g(t) {
+  function p(e) {
     document.onmouseup = function() {
-      var o;
-      document.onmousemove = null, document.onmouseup = null, (o = t.releaseCapture) == null || o.call(t);
+      document.onmousemove = null, document.onmouseup = null, e.releaseCapture?.();
     };
   }
-  function x() {
-    const t = c(l);
-    if (!t) return;
-    const o = c(a);
-    o && (t.onmousedown = (e) => {
-      var n;
-      const u = e == null ? void 0 : e.clientX;
-      return t.left = t.offsetLeft, W(t, o, u), g(t), (n = t.setCapture) == null || n.call(t), !1;
+  function a() {
+    const e = c(d);
+    if (!e) return;
+    const n = c(f);
+    n && (e.onmousedown = (i) => {
+      const o = i?.clientX;
+      return e.left = e.offsetLeft, m(e, n, o), p(e), e.setCapture?.(), !1;
     });
   }
   return {};
 }
 export {
-  L as useDragLine
+  M as useDragLine
 };

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

@@ -1,5 +1,5 @@
 export declare const VftSkeleton: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         animated: {
             type: import("vue").PropType<boolean>;
         };
@@ -15,25 +15,9 @@ export declare const VftSkeleton: import("vft/es/utils").SFCWithInstall<{
         throttle: {
             type: import("vue").PropType<number>;
         };
-    }>>, {
-        uiLoading: import("vue").Ref<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        animated: {
-            type: import("vue").PropType<boolean>;
-        };
-        count: {
-            type: import("vue").PropType<number>;
-        };
-        rows: {
-            type: import("vue").PropType<number>;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-        };
-        throttle: {
-            type: import("vue").PropType<number>;
-        };
-    }>>, {}, true, {}, {}, {
+    }>> & Readonly<{}>, {
+        uiLoading: import("vue").Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -56,12 +40,12 @@ export declare const VftSkeleton: import("vft/es/utils").SFCWithInstall<{
         throttle: {
             type: import("vue").PropType<number>;
         };
-    }>>, {
-        uiLoading: import("vue").Ref<boolean>;
+    }>> & Readonly<{}>, {
+        uiLoading: import("vue").Ref<boolean, boolean>;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     animated: {
         type: import("vue").PropType<boolean>;
@@ -78,9 +62,9 @@ export declare const VftSkeleton: import("vft/es/utils").SFCWithInstall<{
     throttle: {
         type: import("vue").PropType<number>;
     };
-}>>, {
-    uiLoading: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}>> & Readonly<{}>, {
+    uiLoading: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         template?(_: {
             key: number;
@@ -90,23 +74,23 @@ export declare const VftSkeleton: import("vft/es/utils").SFCWithInstall<{
         }): any;
     };
 })> & {
-    SkeletonItem: import("vue").DefineComponent<{
+    SkeletonItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         variant: {
             type: import("vue").PropType<"button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text">;
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>, {}, {}, {}, {}, 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">;
         };
-    }>>, {}, {}>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 };
-export declare const VftSkeletonItem: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+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">;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, 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">;
     };
-}>>, {}, {}>>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default VftSkeleton;

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

@@ -1,7 +1,7 @@
 interface Props {
     variant?: 'circle' | 'rect' | 'h1' | 'h3' | 'text' | 'caption' | 'p' | 'image' | 'button';
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+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;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {