vft 0.0.239 → 0.0.241

package/lib/components/side-menu/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     height: {
         type: import("vue").PropType<string>;
         default: string;
@@ -51,8 +51,8 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     };
     dragWidthCfg: {
         type: import("vue").PropType<boolean | {
-            maxWidth?: number | undefined;
-            minWidth?: number | undefined;
+            maxWidth?: number;
+            minWidth?: number;
         }>;
         default: boolean;
     };
@@ -75,9 +75,9 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<boolean>;
         default: 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: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => void;
@@ -142,8 +142,8 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     };
     dragWidthCfg: {
         type: import("vue").PropType<boolean | {
-            maxWidth?: number | undefined;
-            minWidth?: number | undefined;
+            maxWidth?: number;
+            minWidth?: number;
         }>;
         default: boolean;
     };
@@ -166,7 +166,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onSelect?: ((val: {
         route: string;
         indexPath: string[];
@@ -178,7 +178,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     onSubMenuClick?: ((val: any) => any) | undefined;
     onMenuItemMouseenter?: ((val: any) => any) | undefined;
     onMenuItemMouseleave?: ((val: any) => any) | undefined;
-}, {
+}>, {
     height: string;
     width: string | number;
     collapse: boolean;
@@ -188,13 +188,13 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     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;
-}, {}>> & Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftSideMenu;
 export * from './types';

package/lib/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/lib/components/side-menu/side-menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),A=require("@vft/router"),ee=require("@vft/use"),g=require("@vft/utils");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const re=require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");const y=require("../menu/index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("./index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../steps/index.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../timeline/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const te=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const ue=require("./use-drag-line.cjs");function ne(m){return typeof m=="function"||Object.prototype.toString.call(m)==="[object Object]"&&!t.isVNode(m)}const ie=t.defineComponent({name:"vft-side-menu"}),oe=t.defineComponent({...ie,props:{isFixedLeft:{type:Boolean,default:!0},menus:{},width:{default:200},height:{default:"100%"},collapseWidth:{default:50},attrMapping:{},menuTopBottomHeight:{default:0},showCollapse:{type:Boolean,default:!1},dragOption:{},dragWidthCfg:{type:[Boolean,Object],default:!1},useRouterJump:{type:Boolean,default:!1},openDisabled:{type:Boolean},autoScrollActiveDom:{type:[Boolean,Number],default:!0},openMenuCollapse:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},uniqueOpened:{type:Boolean,default:!0},disabledJudgeTurnOver:{type:Boolean,default:!1},defaultActive:{},defaultOpeneds:{}},emits:["update:collapse","update:width","dragEnd","dragWidthEnd","select","subMenuClick","menuItemMouseenter","menuItemMouseleave"],setup(m,{expose:j,emit:J}){const r=m,{defaultActive:M,collapse:v,uniqueOpened:E,defaultOpeneds:C,openMenuCollapse:I}=t.toRefs(r),q=J,d=te.useNamespace("side-menu"),o=t.useSlots(),O=t.getCurrentInstance(),N=t.ref(),a=t.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...r.attrMapping}));A.listenerRouteChange(({route:e})=>{var u;!e||(u=e.meta)!=null&&u.hideSide&&!r.useRouterJump||(N.value=e.path)});const L=e=>{var n;const u=e.e;if(r.autoScrollActiveDom&&u){const s=g.isNumber(r.autoScrollActiveDom)?r.autoScrollActiveDom:0,i=u.target;(n=b.value)!=null&&n.menu&&i&&setTimeout(()=>{b.value.menu.scrollTop=b.value.menu.scrollTop+(i.getBoundingClientRect().top-b.value.menu.getBoundingClientRect().top)+s},300)}q("subMenuClick",e)},P=e=>{q("menuItemMouseenter",e)},U=e=>{q("menuItemMouseleave",e)},_=(e,u)=>{const n=e[a.value.path],s=e[a.value.title],i=e==null?void 0:e[a.value.children],f=e==null?void 0:e[a.value.index],c=e==null?void 0:e[a.value.icon],p=!!(e!=null&&e[a.value.disabled]),h=r.disabledJudgeTurnOver?!p:p,V=f||n||u+s;return i!=null&&i.length?t.h(y.VftSubMenu,{...e,popperAppendToBody:!0,key:V,index:V,title:s,icon:c,disabled:r.openDisabled&&h,popperClass:d.e("popper")},{default:()=>i==null?void 0:i.map((l,G)=>{var k;const x=l[a.value.path],D=l[a.value.index],K=l[a.value.icon],Q=l[a.value.title],R=!!l[a.value.disabled],X=r.disabledJudgeTurnOver?!R:R;return(k=l==null?void 0:l[a.value.children])!=null&&k.length?_(l,G):t.h(y.VftMenuItem,{...l,key:D||x,index:D||x,route:x,icon:K,title:Q,disabled:r.openDisabled&&X},o.menuItem?()=>{var W;return(W=o.menuItem)==null?void 0:W.call(o,{item:l})}:"")})}):t.h(y.VftMenuItem,{...e,key:f||n,index:f||n,title:s,route:n,icon:c,disabled:r.openDisabled&&h,onMouseenter:()=>P(e),onMouseleave:()=>U(e)},o.menuItem?()=>{var l;return(l=o.menuItem)==null?void 0:l.call(o,{item:e,index:u})}:"")},b=t.ref(),$=t.computed(()=>({...r.collapseWidth===0&&v.value?{width:0}:{},height:`calc(100% - ${r.menuTopBottomHeight}px)`})),H=t.computed(()=>{var u,n;let e;return t.h(t.createVNode(y.VftMenu,{ref:b.value,onSelect:F,onOpen:L,defaultActive:(M==null?void 0:M.value)||N.value,defaultOpeneds:C==null?void 0:C.value,class:[d.e("con"),(u=r.dragOption)!=null&&u.dragClassName?d.e((n=r.dragOption)==null?void 0:n.dragClassName):""],style:$.value,collapse:I.value?v.value:!1,uniqueOpened:E.value,collapseTransition:!1},ne(e=r.menus.map((s,i)=>_(s,i)))?e:{default:()=>[e]}))}),w=O.appContext.config.globalProperties.$router;async function F(e){var u,n,s;if(r.useRouterJump){const{go:i}=A.useRouterHelper(w),f=e.route;let c=e.route;e.indexPath.some(h=>g.isUrl(h))&&(c=e.indexPath.slice(-2).join("/"));const p=(s=(n=(u=w.getRoutes().filter(h=>h.path===c))==null?void 0:u[0])==null?void 0:n.meta)==null?void 0:s.linkTarget;i(p?{url:f,winOpenOpt:{target:p}}:f)}q("select",e)}t.onMounted(()=>{t.nextTick(()=>{var e,u,n;if((e=r.dragOption)!=null&&e.dragClassName){const s=(n=document.querySelectorAll("."+d.e((u=r.dragOption)==null?void 0:u.dragClassName)))==null?void 0:n[0],{initSortable:i}=ee.useSortable(s,{draggable:".vft-menu-item",onEnd:f=>{const{oldIndex:c,newIndex:p}=f;g.isNullOrUndefined(c)||g.isNullOrUndefined(p)||c===p||q("dragEnd",c,p)},...r.dragOption});i()}})});const S=t.ref(),B=t.ref(),T=t.ref(),Z=t.computed(()=>({...r.collapseWidth===0&&v.value?{borderRight:"none"}:{},width:g.addUnit(r.width),height:r.height}));t.watch(()=>v.value,e=>{e?q("update:width",r.collapseWidth):q("update:width",T.value||r.width),T.value=r.width}),r.dragWidthCfg&&ue.useDragLine(S,B,O);const z=t.computed(()=>({left:g.addUnit(r.width)})),Y=t.computed(()=>[d.b(),r.isFixedLeft?d.m("fixed"):""]);return j({sideRef:S}),()=>{var e;return t.createVNode("div",{ref:S,class:Y.value,style:Z.value},[o.top?t.createVNode("div",{class:d.e("top")},[o.top()]):null,H.value,o.bottom?t.createVNode("div",{class:d.e("bottom")},[o.bottom()]):r.showCollapse?t.createVNode("div",{onClick:()=>q("update:collapse",!v.value),class:[d.e("bottom"),d.e("collapse")]},[t.createVNode(re.VftIcon,{style:{transform:v.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,(e=o.default)==null?void 0:e.call(o),r.dragWidthCfg?t.createVNode("div",{ref:B,style:z.value,class:d.e("drag-bar")},null):null])}}});exports.default=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),D=require("@vft/router"),Q=require("@vft/use"),f=require("@vft/utils");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const X=require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");const m=require("../menu/index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("./index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../steps/index.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../timeline/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const ee=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const re=require("./use-drag-line.cjs");function te(h){return typeof h=="function"||Object.prototype.toString.call(h)==="[object Object]"&&!t.isVNode(h)}const ue=t.defineComponent({name:"vft-side-menu"}),ie=t.defineComponent({...ue,props:{isFixedLeft:{type:Boolean,default:!0},menus:{},width:{default:200},height:{default:"100%"},collapseWidth:{default:50},attrMapping:{},menuTopBottomHeight:{default:0},showCollapse:{type:Boolean,default:!1},dragOption:{},dragWidthCfg:{type:[Boolean,Object],default:!1},useRouterJump:{type:Boolean,default:!1},openDisabled:{type:Boolean},autoScrollActiveDom:{type:[Boolean,Number],default:!0},openMenuCollapse:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},uniqueOpened:{type:Boolean,default:!0},disabledJudgeTurnOver:{type:Boolean,default:!1},defaultActive:{},defaultOpeneds:{}},emits:["update:collapse","update:width","dragEnd","dragWidthEnd","select","subMenuClick","menuItemMouseenter","menuItemMouseleave"],setup(h,{expose:R,emit:k}){const r=h,{defaultActive:A,collapse:q,uniqueOpened:I,defaultOpeneds:W,openMenuCollapse:j}=t.toRefs(r),c=k,l=ee.useNamespace("side-menu"),a=t.useSlots(),y=t.getCurrentInstance(),M=t.ref(),n=t.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...r.attrMapping}));D.listenerRouteChange(({route:e})=>{!e||e.meta?.hideSide&&!r.useRouterJump||(M.value=e.path)});const J=e=>{const o=e.e;if(r.autoScrollActiveDom&&o){const u=f.isNumber(r.autoScrollActiveDom)?r.autoScrollActiveDom:0,i=o.target;v.value?.menu&&i&&setTimeout(()=>{v.value.menu.scrollTop=v.value.menu.scrollTop+(i.getBoundingClientRect().top-v.value.menu.getBoundingClientRect().top)+u},300)}c("subMenuClick",e)},E=e=>{c("menuItemMouseenter",e)},L=e=>{c("menuItemMouseleave",e)},C=(e,o)=>{const u=e[n.value.path],i=e[n.value.title],s=e?.[n.value.children],p=e?.[n.value.index],_=e?.[n.value.icon],N=!!e?.[n.value.disabled],w=r.disabledJudgeTurnOver?!N:N,B=p||u||o+i;return s?.length?t.h(m.VftSubMenu,{...e,popperAppendToBody:!0,key:B,index:B,title:i,icon:_,disabled:r.openDisabled&&w,popperClass:l.e("popper")},{default:()=>s?.map((d,z)=>{const b=d[n.value.path],T=d[n.value.index],Y=d[n.value.icon],G=d[n.value.title],V=!!d[n.value.disabled],K=r.disabledJudgeTurnOver?!V:V;return d?.[n.value.children]?.length?C(d,z):t.h(m.VftMenuItem,{...d,key:T||b,index:T||b,route:b,icon:Y,title:G,disabled:r.openDisabled&&K},a.menuItem?()=>a.menuItem?.({item:d}):"")})}):t.h(m.VftMenuItem,{...e,key:p||u,index:p||u,title:i,route:u,icon:_,disabled:r.openDisabled&&w,onMouseenter:()=>E(e),onMouseleave:()=>L(e)},a.menuItem?()=>a.menuItem?.({item:e,index:o}):"")},v=t.ref(),P=t.computed(()=>({...r.collapseWidth===0&&q.value?{width:0}:{},height:`calc(100% - ${r.menuTopBottomHeight}px)`})),U=t.computed(()=>{let e;return t.h(t.createVNode(m.VftMenu,{ref:v.value,onSelect:$,onOpen:J,defaultActive:A?.value||M.value,defaultOpeneds:W?.value,class:[l.e("con"),r.dragOption?.dragClassName?l.e(r.dragOption?.dragClassName):""],style:P.value,collapse:j.value?q.value:!1,uniqueOpened:I.value,collapseTransition:!1},te(e=r.menus.map((o,u)=>C(o,u)))?e:{default:()=>[e]}))}),O=y.appContext.config.globalProperties.$router;async function $(e){if(r.useRouterJump){const{go:o}=D.useRouterHelper(O),u=e.route;let i=e.route;e.indexPath.some(p=>f.isUrl(p))&&(i=e.indexPath.slice(-2).join("/"));const s=O.getRoutes().filter(p=>p.path===i)?.[0]?.meta?.linkTarget;o(s?{url:u,winOpenOpt:{target:s}}:u)}c("select",e)}t.onMounted(()=>{t.nextTick(()=>{if(r.dragOption?.dragClassName){const e=document.querySelectorAll("."+l.e(r.dragOption?.dragClassName))?.[0],{initSortable:o}=Q.useSortable(e,{draggable:".vft-menu-item",onEnd:u=>{const{oldIndex:i,newIndex:s}=u;f.isNullOrUndefined(i)||f.isNullOrUndefined(s)||i===s||c("dragEnd",i,s)},...r.dragOption});o()}})});const g=t.ref(),S=t.ref(),x=t.ref(),H=t.computed(()=>({...r.collapseWidth===0&&q.value?{borderRight:"none"}:{},width:f.addUnit(r.width),height:r.height}));t.watch(()=>q.value,e=>{e?c("update:width",r.collapseWidth):c("update:width",x.value||r.width),x.value=r.width}),r.dragWidthCfg&&re.useDragLine(g,S,y);const F=t.computed(()=>({left:f.addUnit(r.width)})),Z=t.computed(()=>[l.b(),r.isFixedLeft?l.m("fixed"):""]);return R({sideRef:g}),()=>t.createVNode("div",{ref:g,class:Z.value,style:H.value},[a.top?t.createVNode("div",{class:l.e("top")},[a.top()]):null,U.value,a.bottom?t.createVNode("div",{class:l.e("bottom")},[a.bottom()]):r.showCollapse?t.createVNode("div",{onClick:()=>c("update:collapse",!q.value),class:[l.e("bottom"),l.e("collapse")]},[t.createVNode(X.VftIcon,{style:{transform:q.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,a.default?.(),r.dragWidthCfg?t.createVNode("div",{ref:S,style:F.value,class:l.e("drag-bar")},null):null])}});exports.default=ie;

package/lib/components/side-menu/use-drag-line.cjs

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

package/lib/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/lib/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> = {

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

@@ -5,17 +5,19 @@ interface Props {
     loading?: boolean;
     throttle?: number;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
-    /** @description loading state */
-    uiLoading: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+declare function __VLS_template(): {
     template?(_: {
         key: number;
     }): any;
     default?(_: {
         [x: string]: unknown;
     }): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
+    /** @description loading state */
+    uiLoading: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -5,17 +5,17 @@ export interface SliderButtonProps {
     tooltipClass?: string;
     placement?: Placement;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<SliderButtonProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderButtonProps>>, {
     onButtonDown: (event: MouseEvent | TouchEvent) => void;
     onKeyDown: (event: KeyboardEvent) => void;
     setPosition: (newPosition: number) => Promise<void>;
-    hovering: import("vue").Ref<boolean>;
-    dragging: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hovering: import("vue").Ref<boolean, boolean>;
+    dragging: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderButtonProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderButtonProps>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/slider/composables/use-lifecycle.d.ts

@@ -1,5 +1,5 @@
 import type { SliderInitData } from '../slider';
 import type { SliderProps } from '../slider.vue';
 export declare const useLifecycle: (props: SliderProps, initData: SliderInitData, resetSize: () => void) => {
-    sliderWrapper: import("vue").Ref<HTMLElement | undefined>;
+    sliderWrapper: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
 };

package/lib/components/slider/composables/use-slide.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../form/index.cjs");const v=require("../../../constants/event.cjs"),l=require("vue"),_=require("../../form/hooks/use-form-item.cjs"),k=(e,u,s)=>{const{form:a,formItem:C}=_.useFormItem(),i=l.shallowRef(),d=l.ref(),g=l.ref(),f={firstButton:d,secondButton:g},S=l.computed(()=>e.disabled||(a==null?void 0:a.disabled)||!1),r=l.computed(()=>Math.min(u.firstValue,u.secondValue)),c=l.computed(()=>Math.max(u.firstValue,u.secondValue)),V=l.computed(()=>e.range?`${100*(c.value-r.value)/(e.max-e.min)}%`:`${100*(u.firstValue-e.min)/(e.max-e.min)}%`),b=l.computed(()=>e.range?`${100*(r.value-e.min)/(e.max-e.min)}%`:"0%"),M=l.computed(()=>e.vertical?{height:e.height}:{}),N=l.computed(()=>e.vertical?{height:V.value,bottom:b.value}:{width:V.value,left:b.value}),h=()=>{i.value&&(u.sliderSize=i.value[`client${e.vertical?"Height":"Width"}`])},z=t=>{const n=e.min+t*(e.max-e.min)/100;if(!e.range)return d;let o;return Math.abs(r.value-n)<Math.abs(c.value-n)?o=u.firstValue<u.secondValue?"firstButton":"secondButton":o=u.firstValue>u.secondValue?"firstButton":"secondButton",f[o]},B=t=>{const n=z(t);return n.value.setPosition(t),n},I=t=>{u.firstValue=t,E(e.range?[r.value,c.value]:t)},O=t=>{u.secondValue=t,e.range&&E([r.value,c.value])},E=t=>{s(v.UPDATE_MODEL_EVENT,t),s(v.INPUT_EVENT,t)},P=async()=>{await l.nextTick(),s(v.CHANGE_EVENT,e.range?[r.value,c.value]:e.modelValue)},R=t=>{var o,w,x,y;if(S.value||u.dragging)return;h();let n=0;if(e.vertical){const m=((w=(o=t.touches)==null?void 0:o.item(0))==null?void 0:w.clientY)??t.clientY;n=(i.value.getBoundingClientRect().bottom-m)/u.sliderSize*100}else{const m=((y=(x=t.touches)==null?void 0:x.item(0))==null?void 0:y.clientX)??t.clientX,T=i.value.getBoundingClientRect().left;n=(m-T)/u.sliderSize*100}if(!(n<0||n>100))return B(n)};return{elFormItem:C,slider:i,firstButton:d,secondButton:g,sliderDisabled:S,minValue:r,maxValue:c,runwayStyle:M,barStyle:N,resetSize:h,setPosition:B,emitChange:P,onSliderWrapperPrevent:t=>{var n,o;((n=f.firstButton.value)!=null&&n.dragging||(o=f.secondButton.value)!=null&&o.dragging)&&t.preventDefault()},onSliderClick:t=>{R(t)&&P()},onSliderDown:async t=>{const n=R(t);n&&(await l.nextTick(),n.value.onButtonDown(t))},setFirstValue:I,setSecondValue:O}};exports.useSlide=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../form/index.cjs");const f=require("../../../constants/event.cjs"),l=require("vue"),N=require("../../form/hooks/use-form-item.cjs"),z=(e,n,s)=>{const{form:R,formItem:w}=N.useFormItem(),i=l.shallowRef(),a=l.ref(),m=l.ref(),d={firstButton:a,secondButton:m},v=l.computed(()=>e.disabled||R?.disabled||!1),o=l.computed(()=>Math.min(n.firstValue,n.secondValue)),c=l.computed(()=>Math.max(n.firstValue,n.secondValue)),g=l.computed(()=>e.range?`${100*(c.value-o.value)/(e.max-e.min)}%`:`${100*(n.firstValue-e.min)/(e.max-e.min)}%`),S=l.computed(()=>e.range?`${100*(o.value-e.min)/(e.max-e.min)}%`:"0%"),x=l.computed(()=>e.vertical?{height:e.height}:{}),y=l.computed(()=>e.vertical?{height:g.value,bottom:S.value}:{width:g.value,left:S.value}),V=()=>{i.value&&(n.sliderSize=i.value[`client${e.vertical?"Height":"Width"}`])},T=t=>{const u=e.min+t*(e.max-e.min)/100;if(!e.range)return a;let r;return Math.abs(o.value-u)<Math.abs(c.value-u)?r=n.firstValue<n.secondValue?"firstButton":"secondButton":r=n.firstValue>n.secondValue?"firstButton":"secondButton",d[r]},b=t=>{const u=T(t);return u.value.setPosition(t),u},C=t=>{n.firstValue=t,h(e.range?[o.value,c.value]:t)},M=t=>{n.secondValue=t,e.range&&h([o.value,c.value])},h=t=>{s(f.UPDATE_MODEL_EVENT,t),s(f.INPUT_EVENT,t)},B=async()=>{await l.nextTick(),s(f.CHANGE_EVENT,e.range?[o.value,c.value]:e.modelValue)},E=t=>{if(v.value||n.dragging)return;V();let u=0;if(e.vertical){const r=t.touches?.item(0)?.clientY??t.clientY;u=(i.value.getBoundingClientRect().bottom-r)/n.sliderSize*100}else{const r=t.touches?.item(0)?.clientX??t.clientX,P=i.value.getBoundingClientRect().left;u=(r-P)/n.sliderSize*100}if(!(u<0||u>100))return b(u)};return{elFormItem:w,slider:i,firstButton:a,secondButton:m,sliderDisabled:v,minValue:o,maxValue:c,runwayStyle:x,barStyle:y,resetSize:V,setPosition:b,emitChange:B,onSliderWrapperPrevent:t=>{(d.firstButton.value?.dragging||d.secondButton.value?.dragging)&&t.preventDefault()},onSliderClick:t=>{E(t)&&B()},onSliderDown:async t=>{const u=E(t);u&&(await l.nextTick(),u.value.onButtonDown(t))},setFirstValue:C,setSecondValue:M}};exports.useSlide=z;

package/lib/components/slider/composables/use-slide.d.ts

@@ -2,10 +2,10 @@ import type { CSSProperties, Ref, SetupContext } from 'vue';
 import type { SliderButtonInstance } from '../button';
 import type { SliderEmits, SliderInitData } from '../slider';
 import type { SliderProps } from '../slider.vue';
-export declare const useSlide: (props: SliderProps, initData: SliderInitData, emit: SetupContext<SliderEmits>['emit']) => {
+export declare const useSlide: (props: SliderProps, initData: SliderInitData, emit: SetupContext<SliderEmits>["emit"]) => {
     elFormItem: import("vft/es/components/form").FormItemContext | undefined;
-    slider: import("vue").ShallowRef<HTMLElement | undefined>;
-    firstButton: Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    slider: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    firstButton: Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: import("vue").PropType<number>;
         };
@@ -18,17 +18,24 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {
+    }>, {
         onButtonDown: (event: MouseEvent | TouchEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
         setPosition: (newPosition: number) => Promise<void>;
-        hovering: Ref<boolean>;
-        dragging: Ref<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: number) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: import("vue").PropType<number>;
         };
@@ -41,9 +48,38 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }>, {
+        onButtonDown: (event: MouseEvent | TouchEvent) => void;
+        onKeyDown: (event: KeyboardEvent) => void;
+        setPosition: (newPosition: number) => Promise<void>;
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
+    }, {}, {}, {}, {}> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<number>;
+        };
+        vertical: {
+            type: import("vue").PropType<boolean>;
+        };
+        tooltipClass: {
+            type: import("vue").PropType<string>;
+        };
+        placement: {
+            type: import("vue").PropType<import("@popperjs/core").Placement>;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    }>, {
+        onButtonDown: (event: MouseEvent | TouchEvent) => void;
+        onKeyDown: (event: KeyboardEvent) => void;
+        setPosition: (newPosition: number) => Promise<void>;
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: number) => void;
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -63,16 +99,16 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {
+    }>, {
         onButtonDown: (event: MouseEvent | TouchEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
         setPosition: (newPosition: number) => Promise<void>;
-        hovering: Ref<boolean>;
-        dragging: Ref<boolean>;
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
     }, {}, {}, {}, {}> | undefined>;
-    secondButton: Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    secondButton: Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: import("vue").PropType<number>;
         };
@@ -85,17 +121,24 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {
+    }>, {
         onButtonDown: (event: MouseEvent | TouchEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
         setPosition: (newPosition: number) => Promise<void>;
-        hovering: Ref<boolean>;
-        dragging: Ref<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: number) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: import("vue").PropType<number>;
         };
@@ -108,9 +151,38 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }>, {
+        onButtonDown: (event: MouseEvent | TouchEvent) => void;
+        onKeyDown: (event: KeyboardEvent) => void;
+        setPosition: (newPosition: number) => Promise<void>;
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
+    }, {}, {}, {}, {}> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<number>;
+        };
+        vertical: {
+            type: import("vue").PropType<boolean>;
+        };
+        tooltipClass: {
+            type: import("vue").PropType<string>;
+        };
+        placement: {
+            type: import("vue").PropType<import("@popperjs/core").Placement>;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    }>, {
+        onButtonDown: (event: MouseEvent | TouchEvent) => void;
+        onKeyDown: (event: KeyboardEvent) => void;
+        setPosition: (newPosition: number) => Promise<void>;
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: number) => void;
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -130,14 +202,14 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {
+    }>, {
         onButtonDown: (event: MouseEvent | TouchEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
         setPosition: (newPosition: number) => Promise<void>;
-        hovering: Ref<boolean>;
-        dragging: Ref<boolean>;
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
     }, {}, {}, {}, {}> | undefined>;
     sliderDisabled: import("vue").ComputedRef<boolean>;
     minValue: import("vue").ComputedRef<number>;

package/lib/components/slider/composables/use-slider-button.d.ts

@@ -1,11 +1,11 @@
 import type { ComputedRef, CSSProperties, Ref, SetupContext } from 'vue';
 import type { SliderButtonEmits, SliderButtonInitData } from '../button';
 import type { SliderButtonProps } from '../button.vue';
-export declare const useSliderButton: (props: SliderButtonProps, initData: SliderButtonInitData, emit: SetupContext<SliderButtonEmits>['emit']) => {
+export declare const useSliderButton: (props: SliderButtonProps, initData: SliderButtonInitData, emit: SetupContext<SliderButtonEmits>["emit"]) => {
     disabled: boolean | undefined;
-    button: Ref<HTMLDivElement | undefined>;
-    tooltip: Ref<any>;
-    tooltipVisible: Ref<boolean>;
+    button: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    tooltip: Ref<any, any>;
+    tooltipVisible: Ref<boolean, boolean>;
     showTooltip: boolean | undefined;
     wrapperStyle: ComputedRef<CSSProperties>;
     formatValue: ComputedRef<string | number | undefined>;