vft 0.0.149 → 0.0.151

package/lib/components/scrollbar/bar.vue.d.ts

@@ -5,39 +5,16 @@ export interface barProps {
     ratioX?: number;
     ratioY?: number;
 }
-declare const _default: import("vue").DefineComponent<{
-    always: {
-        type: globalThis.PropType<boolean>;
-    };
-    width: {
-        type: globalThis.PropType<string>;
-    };
-    height: {
-        type: globalThis.PropType<string>;
-    };
-    ratioX: {
-        type: globalThis.PropType<number>;
-    };
-    ratioY: {
-        type: globalThis.PropType<number>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<barProps>, {
     handleScroll: (wrap: HTMLDivElement) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    always: {
-        type: globalThis.PropType<boolean>;
-    };
-    width: {
-        type: globalThis.PropType<string>;
-    };
-    height: {
-        type: globalThis.PropType<string>;
-    };
-    ratioX: {
-        type: globalThis.PropType<number>;
-    };
-    ratioY: {
-        type: globalThis.PropType<number>;
-    };
-}>>, {}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<barProps>>>, {}, {}>;
 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/lib/components/scrollbar/index.d.ts

@@ -1,160 +1,106 @@
 import Scrollbar from './scrollbar.vue';
 export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly height?: string | number | undefined;
-            style?: unknown;
-            readonly maxHeight?: string | number | undefined;
-            key?: string | number | symbol | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            class?: unknown;
-            onScroll?: ((args_0: {
-                scrollTop: number;
-                scrollLeft: number;
-            }) => any) | undefined;
-            readonly native?: boolean | undefined;
-            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 tag?: string | undefined;
-            readonly always?: boolean | undefined;
-            readonly wrapStyle?: import("vue").StyleValue | undefined;
-            readonly wrapClass?: string | any[] | undefined;
-            readonly viewClass?: string | any[] | undefined;
-            readonly viewStyle?: import("vue").StyleValue | undefined;
-            readonly noresize?: boolean | undefined;
-            readonly minSize?: number | undefined;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: globalThis.ComponentPublicInstance | null;
-        $parent: globalThis.ComponentPublicInstance | null;
-        $emit: (event: "scroll", args_0: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<globalThis.ExtractPropTypes<{
+        height: {
+            type: globalThis.PropType<string | number>;
+        };
+        maxHeight: {
+            type: globalThis.PropType<string | number>;
+        };
+        native: {
+            type: globalThis.PropType<boolean>;
+        };
+        wrapStyle: {
+            type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+        wrapClass: {
+            type: globalThis.PropType<string | any[]>;
+        };
+        viewClass: {
+            type: globalThis.PropType<string | any[]>;
+        };
+        viewStyle: {
+            type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+        noresize: {
+            type: globalThis.PropType<boolean>;
+        };
+        tag: {
+            type: globalThis.PropType<string>;
+        };
+        always: {
+            type: globalThis.PropType<boolean>;
+        };
+        minSize: {
+            type: globalThis.PropType<number>;
+        };
+    }>> & {
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+    }, {
+        wrapRef: globalThis.Ref<HTMLDivElement | undefined>;
+        update: () => void;
+        scrollTo: {
+            (xCord: number, yCord?: number | undefined): void;
+            (options: ScrollToOptions): void;
+        };
+        setScrollTop: (value: number) => void;
+        setScrollLeft: (value: number) => void;
+        handleScroll: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        scroll: (args_0: {
             scrollTop: number;
             scrollLeft: number;
         }) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
-            height: {
-                type: globalThis.PropType<string | number>;
-            };
-            maxHeight: {
-                type: globalThis.PropType<string | number>;
-            };
-            native: {
-                type: globalThis.PropType<boolean>;
-            };
-            wrapStyle: {
-                type: globalThis.PropType<import("vue").StyleValue>;
-            };
-            wrapClass: {
-                type: globalThis.PropType<string | any[]>;
-            };
-            viewClass: {
-                type: globalThis.PropType<string | any[]>;
-            };
-            viewStyle: {
-                type: globalThis.PropType<import("vue").StyleValue>;
-            };
-            noresize: {
-                type: globalThis.PropType<boolean>;
-            };
-            tag: {
-                type: globalThis.PropType<string>;
-            };
-            always: {
-                type: globalThis.PropType<boolean>;
-            };
-            minSize: {
-                type: globalThis.PropType<number>;
-            };
-        }>> & {
-            onScroll?: ((args_0: {
-                scrollTop: number;
-                scrollLeft: number;
-            }) => any) | undefined;
-        }, {
-            wrapRef: globalThis.Ref<HTMLDivElement | undefined>;
-            update: () => void;
-            scrollTo: {
-                (xCord: number, yCord?: number | undefined): void;
-                (options: ScrollToOptions): void;
-            };
-            setScrollTop: (value: number) => void;
-            setScrollLeft: (value: number) => void;
-            handleScroll: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            scroll: (args_0: {
-                scrollTop: number;
-                scrollLeft: number;
-            }) => void;
-        }, 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<{
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<globalThis.ExtractPropTypes<{
+        height: {
+            type: globalThis.PropType<string | number>;
+        };
+        maxHeight: {
+            type: globalThis.PropType<string | number>;
+        };
+        native: {
+            type: globalThis.PropType<boolean>;
+        };
+        wrapStyle: {
+            type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+        wrapClass: {
+            type: globalThis.PropType<string | any[]>;
+        };
+        viewClass: {
+            type: globalThis.PropType<string | any[]>;
+        };
+        viewStyle: {
+            type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+        noresize: {
+            type: globalThis.PropType<boolean>;
+        };
+        tag: {
+            type: globalThis.PropType<string>;
+        };
+        always: {
+            type: globalThis.PropType<boolean>;
+        };
+        minSize: {
+            type: globalThis.PropType<number>;
+        };
+    }>> & {
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+    }, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<globalThis.ExtractPropTypes<{
         height: {
             type: globalThis.PropType<string | number>;
         };
@@ -165,7 +111,7 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<boolean>;
         };
         wrapStyle: {
-            type: globalThis.PropType<import("vue").StyleValue>;
+            type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
         wrapClass: {
             type: globalThis.PropType<string | any[]>;
@@ -174,7 +120,7 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string | any[]>;
         };
         viewStyle: {
-            type: globalThis.PropType<import("vue").StyleValue>;
+            type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
         noresize: {
             type: globalThis.PropType<boolean>;
@@ -193,7 +139,7 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
             scrollTop: number;
             scrollLeft: number;
         }) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
+    }, {
         wrapRef: globalThis.Ref<HTMLDivElement | undefined>;
         update: () => void;
         scrollTo: {
@@ -203,7 +149,7 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
         setScrollTop: (value: number) => void;
         setScrollLeft: (value: number) => void;
         handleScroll: () => void;
-    }> & {} & import("vue").ComponentCustomProperties & {};
+    }, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -218,7 +164,7 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<boolean>;
     };
     wrapStyle: {
-        type: globalThis.PropType<import("vue").StyleValue>;
+        type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
     };
     wrapClass: {
         type: globalThis.PropType<string | any[]>;
@@ -227,7 +173,7 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<string | any[]>;
     };
     viewStyle: {
-        type: globalThis.PropType<import("vue").StyleValue>;
+        type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
     };
     noresize: {
         type: globalThis.PropType<boolean>;

package/lib/components/scrollbar/scrollbar.vue.d.ts

@@ -47,41 +47,7 @@ export interface ScrollbarProps {
 }
 declare function scrollTo(xCord: number, yCord?: number): void;
 declare function scrollTo(options: ScrollToOptions): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    height: {
-        type: globalThis.PropType<string | number>;
-    };
-    maxHeight: {
-        type: globalThis.PropType<string | number>;
-    };
-    native: {
-        type: globalThis.PropType<boolean>;
-    };
-    wrapStyle: {
-        type: globalThis.PropType<StyleValue>;
-    };
-    wrapClass: {
-        type: globalThis.PropType<string | any[]>;
-    };
-    viewClass: {
-        type: globalThis.PropType<string | any[]>;
-    };
-    viewStyle: {
-        type: globalThis.PropType<StyleValue>;
-    };
-    noresize: {
-        type: globalThis.PropType<boolean>;
-    };
-    tag: {
-        type: globalThis.PropType<string>;
-    };
-    always: {
-        type: globalThis.PropType<boolean>;
-    };
-    minSize: {
-        type: globalThis.PropType<number>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ScrollbarProps>, {
     /** @description scrollbar wrap ref */
     wrapRef: globalThis.Ref<HTMLDivElement | undefined>;
     /** @description update scrollbar state manually */
@@ -99,41 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         scrollTop: number;
         scrollLeft: number;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    height: {
-        type: globalThis.PropType<string | number>;
-    };
-    maxHeight: {
-        type: globalThis.PropType<string | number>;
-    };
-    native: {
-        type: globalThis.PropType<boolean>;
-    };
-    wrapStyle: {
-        type: globalThis.PropType<StyleValue>;
-    };
-    wrapClass: {
-        type: globalThis.PropType<string | any[]>;
-    };
-    viewClass: {
-        type: globalThis.PropType<string | any[]>;
-    };
-    viewStyle: {
-        type: globalThis.PropType<StyleValue>;
-    };
-    noresize: {
-        type: globalThis.PropType<boolean>;
-    };
-    tag: {
-        type: globalThis.PropType<string>;
-    };
-    always: {
-        type: globalThis.PropType<boolean>;
-    };
-    minSize: {
-        type: globalThis.PropType<number>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ScrollbarProps>>> & {
     onScroll?: ((args_0: {
         scrollTop: number;
         scrollLeft: number;
@@ -142,6 +74,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {}): 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/lib/components/scrollbar/scrollbar.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils"),x=require("@vueuse/core"),q=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const W=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const P=require("./bar.vue2.cjs"),A=require("./constants.cjs"),d=require("./util.cjs"),p="ElScrollbar",s=W.useNamespace("scrollbar"),G=e.defineComponent({name:s.b()}),L=e.defineComponent({...G,props:{height:{default:""},maxHeight:{default:""},native:{type:Boolean,default:!1},wrapStyle:{default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{default:""},noresize:{type:Boolean},tag:{default:"div"},always:{type:Boolean},minSize:{default:20}},emits:{scroll:({scrollTop:a,scrollLeft:v})=>[a,v].every(i.isNumber)},setup(a,{expose:v,emit:N}){let n,u;const b=e.ref(),l=e.ref(),w=e.ref(),g=e.ref("0"),S=e.ref("0"),m=e.ref(),z=e.ref(1),C=e.ref(1),T=e.computed(()=>{const t={};return a.height&&(t.height=i.addUnit(a.height)),a.maxHeight&&(t.maxHeight=i.addUnit(a.maxHeight)),[a.wrapStyle,t]}),H=e.computed(()=>[a.wrapClass,s.e("wrap"),{[s.em("wrap","hidden-default")]:!a.native}]),B=e.computed(()=>[s.e("view"),a.viewClass]),k=()=>{var t;l.value&&((t=m.value)==null||t.handleScroll(l.value),N("scroll",{scrollTop:l.value.scrollTop,scrollLeft:l.value.scrollLeft}))};function E(t,r){i.isObject(t)?l.value.scrollTo(t):i.isNumber(t)&&i.isNumber(r)&&l.value.scrollTo(t,r)}const M=t=>{if(!i.isNumber(t)){q.debugWarn(p,"value must be a number");return}l.value.scrollTop=t},R=t=>{if(!i.isNumber(t)){q.debugWarn(p,"value must be a number");return}l.value.scrollLeft=t},o=()=>{if(!l.value)return;const t=l.value.offsetHeight-d.GAP,r=l.value.offsetWidth-d.GAP,h=t**2/l.value.scrollHeight,y=r**2/l.value.scrollWidth,c=Math.max(h,a.minSize),f=Math.max(y,a.minSize);z.value=h/(t-h)/(c/(t-c)),C.value=y/(r-y)/(f/(r-f)),S.value=c+d.GAP<t?`${c}px`:"",g.value=f+d.GAP<r?`${f}px`:""};return e.watch(()=>a.noresize,t=>{t?(n==null||n(),u==null||u()):({stop:n}=x.useResizeObserver(w,o),u=x.useEventListener("resize",o))},{immediate:!0}),e.watch(()=>[a.maxHeight,a.height],()=>{a.native||e.nextTick(()=>{var t;o(),l.value&&((t=m.value)==null||t.handleScroll(l.value))})}),e.provide(A.scrollbarContextKey,e.reactive({scrollbarElement:b,wrapElement:l})),e.onMounted(()=>{a.native||e.nextTick(()=>{o()})}),e.onUpdated(()=>o()),v({wrapRef:l,update:o,scrollTo:E,setScrollTop:M,setScrollLeft:R,handleScroll:k}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"scrollbarRef",ref:b,class:e.normalizeClass(e.unref(s).b())},[e.createElementVNode("div",{ref_key:"wrapRef",ref:l,class:e.normalizeClass(H.value),style:e.normalizeStyle(T.value),onScroll:k},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{ref_key:"resizeRef",ref:w,class:e.normalizeClass(B.value),style:e.normalizeStyle(t.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","style"]))],38),t.native?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(P.default,{key:0,ref_key:"barRef",ref:m,height:S.value,width:g.value,always:t.always,"ratio-x":C.value,"ratio-y":z.value},null,8,["height","width","always","ratio-x","ratio-y"]))],2))}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils"),p=require("@vueuse/core"),x=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const W=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const O=require("./bar.vue2.cjs"),P=require("./constants.cjs"),d=require("./util.cjs"),q="ElScrollbar",n=W.useNamespace("scrollbar"),j=e.defineComponent({name:n.b()}),G=e.defineComponent({...j,props:{height:{default:""},maxHeight:{default:""},native:{type:Boolean,default:!1},wrapStyle:{type:[Boolean,null,String,Object,Array],default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{type:[Boolean,null,String,Object,Array],default:""},noresize:{type:Boolean},tag:{default:"div"},always:{type:Boolean},minSize:{default:20}},emits:{scroll:({scrollTop:a,scrollLeft:v})=>[a,v].every(i.isNumber)},setup(a,{expose:v,emit:B}){const N=B;let s,u;const b=e.ref(),l=e.ref(),g=e.ref(),w=e.ref("0"),S=e.ref("0"),m=e.ref(),z=e.ref(1),C=e.ref(1),T=e.computed(()=>{const t={};return a.height&&(t.height=i.addUnit(a.height)),a.maxHeight&&(t.maxHeight=i.addUnit(a.maxHeight)),[a.wrapStyle,t]}),H=e.computed(()=>[a.wrapClass,n.e("wrap"),{[n.em("wrap","hidden-default")]:!a.native}]),E=e.computed(()=>[n.e("view"),a.viewClass]),k=()=>{var t;l.value&&((t=m.value)==null||t.handleScroll(l.value),N("scroll",{scrollTop:l.value.scrollTop,scrollLeft:l.value.scrollLeft}))};function A(t,r){i.isObject(t)?l.value.scrollTo(t):i.isNumber(t)&&i.isNumber(r)&&l.value.scrollTo(t,r)}const M=t=>{if(!i.isNumber(t)){x.debugWarn(q,"value must be a number");return}l.value.scrollTop=t},R=t=>{if(!i.isNumber(t)){x.debugWarn(q,"value must be a number");return}l.value.scrollLeft=t},o=()=>{if(!l.value)return;const t=l.value.offsetHeight-d.GAP,r=l.value.offsetWidth-d.GAP,h=t**2/l.value.scrollHeight,y=r**2/l.value.scrollWidth,c=Math.max(h,a.minSize),f=Math.max(y,a.minSize);z.value=h/(t-h)/(c/(t-c)),C.value=y/(r-y)/(f/(r-f)),S.value=c+d.GAP<t?`${c}px`:"",w.value=f+d.GAP<r?`${f}px`:""};return e.watch(()=>a.noresize,t=>{t?(s==null||s(),u==null||u()):({stop:s}=p.useResizeObserver(g,o),u=p.useEventListener("resize",o))},{immediate:!0}),e.watch(()=>[a.maxHeight,a.height],()=>{a.native||e.nextTick(()=>{var t;o(),l.value&&((t=m.value)==null||t.handleScroll(l.value))})}),e.provide(P.scrollbarContextKey,e.reactive({scrollbarElement:b,wrapElement:l})),e.onMounted(()=>{a.native||e.nextTick(()=>{o()})}),e.onUpdated(()=>o()),v({wrapRef:l,update:o,scrollTo:A,setScrollTop:M,setScrollLeft:R,handleScroll:k}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"scrollbarRef",ref:b,class:e.normalizeClass(e.unref(n).b())},[e.createElementVNode("div",{ref_key:"wrapRef",ref:l,class:e.normalizeClass(H.value),style:e.normalizeStyle(T.value),onScroll:k},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{ref_key:"resizeRef",ref:g,class:e.normalizeClass(E.value),style:e.normalizeStyle(t.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","style"]))],38),t.native?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O.default,{key:0,ref_key:"barRef",ref:m,height:S.value,width:w.value,always:t.always,"ratio-x":C.value,"ratio-y":z.value},null,8,["height","width","always","ratio-x","ratio-y"]))],2))}});exports.default=G;

package/lib/components/scrollbar/thumb.vue.d.ts

@@ -5,39 +5,14 @@ export interface ThumbProps {
     ratio: number;
     always?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
-    vertical: {
-        type: globalThis.PropType<boolean>;
-    };
-    size: {
-        type: globalThis.PropType<string>;
-    };
-    move: {
-        type: globalThis.PropType<number>;
-    };
-    ratio: {
-        type: globalThis.PropType<number>;
-        required: true;
-    };
-    always: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    vertical: {
-        type: globalThis.PropType<boolean>;
-    };
-    size: {
-        type: globalThis.PropType<string>;
-    };
-    move: {
-        type: globalThis.PropType<number>;
-    };
-    ratio: {
-        type: globalThis.PropType<number>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ThumbProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ThumbProps>>>, {}, {}>;
+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;
     };
-    always: {
-        type: globalThis.PropType<boolean>;
-    };
-}>>, {}, {}>;
-export default _default;
+};