vft 0.0.150 → 0.0.153

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

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

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

@@ -1,110 +1,46 @@
 export declare const VftSkeleton: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            style?: unknown;
-            key?: string | number | symbol | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            class?: unknown;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            readonly loading?: boolean | undefined;
-            readonly count?: number | undefined;
-            readonly rows?: number | undefined;
-            readonly animated?: boolean | undefined;
-            readonly throttle?: number | undefined;
-        };
-        $attrs: {
-            [x: string]: unknown;
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<globalThis.ExtractPropTypes<{
+        animated: {
+            type: globalThis.PropType<boolean>;
         };
-        $refs: {
-            [x: string]: unknown;
+        count: {
+            type: globalThis.PropType<number>;
+        };
+        rows: {
+            type: globalThis.PropType<number>;
+        };
+        loading: {
+            type: globalThis.PropType<boolean>;
+        };
+        throttle: {
+            type: globalThis.PropType<number>;
+        };
+    }>>, {
+        uiLoading: globalThis.Ref<boolean>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<globalThis.ExtractPropTypes<{
+        animated: {
+            type: globalThis.PropType<boolean>;
+        };
+        count: {
+            type: globalThis.PropType<number>;
+        };
+        rows: {
+            type: globalThis.PropType<number>;
+        };
+        loading: {
+            type: globalThis.PropType<boolean>;
+        };
+        throttle: {
+            type: globalThis.PropType<number>;
         };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: globalThis.ComponentPublicInstance | null;
-        $parent: globalThis.ComponentPublicInstance | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
-            animated: {
-                type: globalThis.PropType<boolean>;
-            };
-            count: {
-                type: globalThis.PropType<number>;
-            };
-            rows: {
-                type: globalThis.PropType<number>;
-            };
-            loading: {
-                type: globalThis.PropType<boolean>;
-            };
-            throttle: {
-                type: globalThis.PropType<number>;
-            };
-        }>>, {
-            uiLoading: globalThis.Ref<boolean>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, 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: globalThis.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<globalThis.ExtractPropTypes<{
+    }>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<globalThis.ExtractPropTypes<{
         animated: {
             type: globalThis.PropType<boolean>;
         };
@@ -120,9 +56,9 @@ export declare const VftSkeleton: import("vft/es/utils").SFCWithInstall<{
         throttle: {
             type: globalThis.PropType<number>;
         };
-    }>> & import("vue").ShallowUnwrapRef<{
+    }>>, {
         uiLoading: globalThis.Ref<boolean>;
-    }> & {} & import("vue").ComponentCustomProperties & {};
+    }, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -158,7 +94,7 @@ export declare const VftSkeleton: import("vft/es/utils").SFCWithInstall<{
         variant: {
             type: globalThis.PropType<"button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text">;
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
         variant: {
             type: globalThis.PropType<"button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text">;
         };
@@ -168,7 +104,7 @@ export declare const VftSkeletonItem: import("vft/es/utils").SFCWithInstall<impo
     variant: {
         type: globalThis.PropType<"button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text">;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     variant: {
         type: globalThis.PropType<"button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text">;
     };

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

@@ -1,10 +1,14 @@
-declare const _default: import("vue").DefineComponent<{
-    variant: {
-        type: globalThis.PropType<"button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text">;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    variant: {
-        type: globalThis.PropType<"button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text">;
-    };
-}>>, {}, {}>;
+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<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -1,39 +1,14 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    animated: {
-        type: globalThis.PropType<boolean>;
-    };
-    count: {
-        type: globalThis.PropType<number>;
-    };
-    rows: {
-        type: globalThis.PropType<number>;
-    };
-    loading: {
-        type: globalThis.PropType<boolean>;
-    };
-    throttle: {
-        type: globalThis.PropType<number>;
-    };
-}, {
+interface Props {
+    animated?: boolean;
+    count?: number;
+    rows?: number;
+    loading?: boolean;
+    throttle?: number;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     /** @description loading state */
     uiLoading: globalThis.Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    animated: {
-        type: globalThis.PropType<boolean>;
-    };
-    count: {
-        type: globalThis.PropType<number>;
-    };
-    rows: {
-        type: globalThis.PropType<number>;
-    };
-    loading: {
-        type: globalThis.PropType<boolean>;
-    };
-    throttle: {
-        type: globalThis.PropType<number>;
-    };
-}>>, {}, {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     template?(_: {
         key: number;
     }): any;
@@ -42,6 +17,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     }): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/es/components/slider/button.vue.d.ts

@@ -5,20 +5,7 @@ export interface SliderButtonProps {
     tooltipClass?: string;
     placement?: Placement;
 }
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: globalThis.PropType<number>;
-    };
-    vertical: {
-        type: globalThis.PropType<boolean>;
-    };
-    tooltipClass: {
-        type: globalThis.PropType<string>;
-    };
-    placement: {
-        type: globalThis.PropType<Placement>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<SliderButtonProps>, {
     onButtonDown: (event: MouseEvent | TouchEvent) => void;
     onKeyDown: (event: KeyboardEvent) => void;
     setPosition: (newPosition: number) => Promise<void>;
@@ -26,20 +13,16 @@ declare const _default: import("vue").DefineComponent<{
     dragging: globalThis.Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    modelValue: {
-        type: globalThis.PropType<number>;
-    };
-    vertical: {
-        type: globalThis.PropType<boolean>;
-    };
-    tooltipClass: {
-        type: globalThis.PropType<string>;
-    };
-    placement: {
-        type: globalThis.PropType<Placement>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderButtonProps>>> & {
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};