vft 0.0.149 → 0.0.151

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;
+    };
+};

package/es/components/slider/button.vue2.js

@@ -1,19 +1,19 @@
-import { defineComponent as v, reactive as S, getCurrentInstance as T, toRefs as x, openBlock as P, createElementBlock as z, normalizeClass as f, unref as t, normalizeStyle as K, createVNode as L, withCtx as g, createElementVNode as b, toDisplayString as X } from "vue";
-import { isNumber as Y } from "@vft/utils";
-import { VftTooltip as A } from "../tooltip/index.js";
-import { UPDATE_MODEL_EVENT as F } from "../../constants/event.js";
+import { defineComponent as v, reactive as T, getCurrentInstance as x, toRefs as P, openBlock as z, createElementBlock as K, normalizeClass as f, unref as t, normalizeStyle as L, createVNode as X, withCtx as g, createElementVNode as b, toDisplayString as Y } from "vue";
+import { isNumber as A } from "@vft/utils";
+import { VftTooltip as F } from "../tooltip/index.js";
+import { UPDATE_MODEL_EVENT as I } from "../../constants/event.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as I } from "../../hooks/use-namespace/index.js";
+import { useNamespace as O } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../form/index.js";
-import { useSliderButton as O } from "./composables/use-slider-button.js";
-const R = ["tabindex"], U = v({
+import { useSliderButton as R } from "./composables/use-slider-button.js";
+const U = ["tabindex"], j = v({
   name: "VftSliderButton"
-}), et = /* @__PURE__ */ v({
-  ...U,
+}), ot = /* @__PURE__ */ v({
+  ...j,
   props: {
     modelValue: { default: 0 },
     vertical: { type: Boolean },
@@ -21,10 +21,10 @@ const R = ["tabindex"], U = v({
     placement: { default: "top" }
   },
   emits: {
-    [F]: (l) => Y(l)
+    [I]: (l) => A(l)
   },
   setup(l, { expose: V, emit: w }) {
-    const m = I("slider"), u = S({
+    const y = w, m = O("slider"), u = T({
       hovering: !1,
       dragging: !1,
       isClick: !1,
@@ -35,32 +35,32 @@ const R = ["tabindex"], U = v({
       startPosition: 0,
       newPosition: 0,
       oldValue: l.modelValue
-    }), y = T(), {
-      disabled: c,
-      button: B,
-      tooltip: C,
-      showTooltip: E,
-      tooltipVisible: k,
-      wrapperStyle: D,
-      formatValue: M,
+    }), c = x(), {
+      disabled: B,
+      button: C,
+      tooltip: E,
+      showTooltip: k,
+      tooltipVisible: D,
+      wrapperStyle: M,
+      formatValue: N,
       handleMouseEnter: r,
       handleMouseLeave: s,
       onButtonDown: n,
       onKeyDown: i,
-      setPosition: N
-    } = O(y.props, u, w), { hovering: p, dragging: a } = x(u);
+      setPosition: S
+    } = R(c.props, u, y), { hovering: p, dragging: a } = P(u);
     return V({
       onButtonDown: n,
       onKeyDown: i,
-      setPosition: N,
+      setPosition: S,
       hovering: p,
       dragging: a
-    }), (d, e) => (P(), z("div", {
+    }), (d, e) => (z(), K("div", {
       ref_key: "button",
-      ref: B,
+      ref: C,
       class: f([t(m).e("button-wrapper"), { hover: t(p), dragging: t(a) }]),
-      style: K(t(D)),
-      tabindex: t(c) ? -1 : 0,
+      style: L(t(M)),
+      tabindex: t(B) ? -1 : 0,
       onMouseenter: e[0] || (e[0] = //@ts-ignore
       (...o) => t(r) && t(r)(...o)),
       onMouseleave: e[1] || (e[1] = //@ts-ignore
@@ -76,19 +76,19 @@ const R = ["tabindex"], U = v({
       onKeydown: e[6] || (e[6] = //@ts-ignore
       (...o) => t(i) && t(i)(...o))
     }, [
-      L(t(A), {
+      X(t(F), {
         ref_key: "tooltip",
-        ref: C,
-        visible: t(k),
+        ref: E,
+        visible: t(D),
         placement: d.placement,
         "fallback-placements": ["top", "bottom", "right", "left"],
         "stop-popper-mouse-event": !1,
         "popper-class": d.tooltipClass,
-        disabled: !t(E),
+        disabled: !t(k),
         persistent: ""
       }, {
         content: g(() => [
-          b("span", null, X(t(M)), 1)
+          b("span", null, Y(t(N)), 1)
         ]),
         default: g(() => [
           b("div", {
@@ -97,9 +97,9 @@ const R = ["tabindex"], U = v({
         ]),
         _: 1
       }, 8, ["visible", "placement", "popper-class", "disabled"])
-    ], 46, R));
+    ], 46, U));
   }
 });
 export {
-  et as default
+  ot as default
 };