vft 0.0.149 → 0.0.151

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

@@ -26,89 +26,26 @@ export interface MenuConProps {
     defaultActive?: string;
     defaultOpeneds?: Array<string | number>;
 }
-declare const _default: import("vue").DefineComponent<{
-    height: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    width: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
-    collapse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    defaultActive: {
-        type: globalThis.PropType<string>;
-    };
-    defaultOpeneds: {
-        type: globalThis.PropType<(string | number)[]>;
-    };
-    uniqueOpened: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    isFixedLeft: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    menus: {
-        type: globalThis.PropType<MenuType[]>;
-        required: true;
-    };
-    collapseWidth: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
-    attrMapping: {
-        type: globalThis.PropType<MenuAttrMapping>;
-    };
-    menuTopBottomHeight: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    showCollapse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    dragOption: {
-        type: globalThis.PropType<Sortable.Options & {
-            dragClassName: string;
-        }>;
-    };
-    dragWidthCfg: {
-        type: globalThis.PropType<boolean | {
-            maxWidth?: number | undefined;
-            minWidth?: number | undefined;
-        }>;
-        default: boolean;
-    };
-    useRouterJump: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    openDisabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    autoScrollActiveDom: {
-        type: globalThis.PropType<number | boolean>;
-        default: boolean;
-    };
-    openMenuCollapse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    disabledJudgeTurnOver: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
+    isFixedLeft: boolean;
+    autoScrollActiveDom: boolean;
+    openMenuCollapse: boolean;
+    width: number;
+    collapseWidth: number;
+    uniqueOpened: boolean;
+    collapse: boolean;
+    showCollapse: boolean;
+    disabledJudgeTurnOver: boolean;
+    dragWidthCfg: boolean;
+    height: string;
+    menuTopBottomHeight: number;
+    useRouterJump: boolean;
+}>, {
     sideRef: globalThis.Ref<any>;
 }, unknown, {}, {}, 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;
+    dragEnd: (oldIndex: SortableEvent, newIndex: SortableEvent) => void;
     dragWidthEnd: () => void;
     select: (val: {
         route: string;
@@ -117,91 +54,28 @@ declare const _default: import("vue").DefineComponent<{
     subMenuClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
     menuItemMouseleave: (val: any) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    height: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    width: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
-    collapse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    defaultActive: {
-        type: globalThis.PropType<string>;
-    };
-    defaultOpeneds: {
-        type: globalThis.PropType<(string | number)[]>;
-    };
-    uniqueOpened: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    isFixedLeft: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    menus: {
-        type: globalThis.PropType<MenuType[]>;
-        required: true;
-    };
-    collapseWidth: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
-    attrMapping: {
-        type: globalThis.PropType<MenuAttrMapping>;
-    };
-    menuTopBottomHeight: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    showCollapse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    dragOption: {
-        type: globalThis.PropType<Sortable.Options & {
-            dragClassName: string;
-        }>;
-    };
-    dragWidthCfg: {
-        type: globalThis.PropType<boolean | {
-            maxWidth?: number | undefined;
-            minWidth?: number | undefined;
-        }>;
-        default: boolean;
-    };
-    useRouterJump: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    openDisabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    autoScrollActiveDom: {
-        type: globalThis.PropType<number | boolean>;
-        default: boolean;
-    };
-    openMenuCollapse: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    disabledJudgeTurnOver: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
+    isFixedLeft: boolean;
+    autoScrollActiveDom: boolean;
+    openMenuCollapse: boolean;
+    width: number;
+    collapseWidth: number;
+    uniqueOpened: boolean;
+    collapse: boolean;
+    showCollapse: boolean;
+    disabledJudgeTurnOver: boolean;
+    dragWidthCfg: boolean;
+    height: string;
+    menuTopBottomHeight: number;
+    useRouterJump: boolean;
+}>>> & {
     onSelect?: ((val: {
         route: string;
         indexPath: string[];
     }) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onUpdate:width"?: ((val: string | number) => any) | undefined;
-    onDragEnd?: ((oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => any) | undefined;
+    onDragEnd?: ((oldIndex: SortableEvent, newIndex: SortableEvent) => any) | undefined;
     onDragWidthEnd?: (() => any) | undefined;
     onSubMenuClick?: ((val: any) => any) | undefined;
     onMenuItemMouseenter?: ((val: any) => any) | undefined;
@@ -225,3 +99,20 @@ declare const _default: import("vue").DefineComponent<{
     disabledJudgeTurnOver: boolean;
 }, {}>;
 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_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/side-menu/side-menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),A=require("@vft/router"),X=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("../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 ee=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("../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("../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");const re=require("../../hooks/use-namespace/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"),d=re.useNamespace("side-menu");function te(b){return typeof b=="function"||Object.prototype.toString.call(b)==="[object Object]"&&!u.isVNode(b)}const ne=u.defineComponent({name:"vft-side-menu"}),oe=u.defineComponent({...ne,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(b,{expose:j,emit:q}){const r=b,{defaultActive:M,collapse:h,uniqueOpened:J,defaultOpeneds:C,openMenuCollapse:E}=u.toRefs(r),i=u.useSlots(),O=u.getCurrentInstance(),N=u.ref(),a=u.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...r.attrMapping}));A.listenerRouteChange(e=>{var t;!e||(t=e.meta)!=null&&t.hideSide&&!r.useRouterJump||(N.value=e.path)});const I=e=>{var n;const t=e.e;if(r.autoScrollActiveDom&&t){const s=g.isNumber(r.autoScrollActiveDom)?r.autoScrollActiveDom:0,o=t.target;(n=m.value)!=null&&n.menu&&o&&setTimeout(()=>{m.value.menu.scrollTop=m.value.menu.scrollTop+(o.getBoundingClientRect().top-m.value.menu.getBoundingClientRect().top)+s},300)}q("subMenuClick",e)},L=e=>{q("menuItemMouseenter",e)},P=e=>{q("menuItemMouseleave",e)},_=(e,t)=>{const n=e[a.value.path],s=e[a.value.title],o=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]),v=r.disabledJudgeTurnOver?!p:p,V=f||n||t+s;return o!=null&&o.length?u.h(y.VftSubMenu,{...e,popperAppendToBody:!0,key:V,index:V,title:s,icon:c,disabled:r.openDisabled&&v,popperClass:d.e("popper")},{default:()=>o==null?void 0:o.map((l,Y)=>{var k;const x=l[a.value.path],D=l[a.value.index],G=l[a.value.icon],K=l[a.value.title],R=!!l[a.value.disabled],Q=r.disabledJudgeTurnOver?!R:R;return(k=l==null?void 0:l[a.value.children])!=null&&k.length?_(l,Y):u.h(y.VftMenuItem,{...l,key:D||x,index:D||x,route:x,icon:G,title:K,disabled:r.openDisabled&&Q},i.menuItem?()=>{var W;return(W=i.menuItem)==null?void 0:W.call(i,{item:l})}:"")})}):u.h(y.VftMenuItem,{...e,key:f||n,index:f||n,title:s,route:n,icon:c,disabled:r.openDisabled&&v,onMouseenter:()=>L(e),onMouseleave:()=>P(e)},i.menuItem?()=>{var l;return(l=i.menuItem)==null?void 0:l.call(i,{item:e,index:t})}:"")},m=u.ref(),U=u.computed(()=>({...r.collapseWidth===0&&h.value?{width:0}:{},height:`calc(100% - ${r.menuTopBottomHeight}px)`})),$=u.computed(()=>{var t,n;let e;return u.h(u.createVNode(y.VftMenu,{ref:m,onSelect:H,onOpen:I,defaultActive:(M==null?void 0:M.value)||N.value,defaultOpeneds:C==null?void 0:C.value,class:[d.e("con"),(t=r.dragOption)!=null&&t.dragClassName?d.e((n=r.dragOption)==null?void 0:n.dragClassName):""],style:U.value,collapse:E.value?h.value:!1,uniqueOpened:J.value,collapseTransition:!1},te(e=r.menus.map((s,o)=>_(s,o)))?e:{default:()=>[e]}))}),w=O.appContext.config.globalProperties.$router;async function H(e){var t,n,s;if(r.useRouterJump){const{go:o}=A.useRouterHelper(w),f=e.route;let c=e.route;e.indexPath.some(v=>g.isUrl(v))&&(c=e.indexPath.slice(-2).join("/"));const p=(s=(n=(t=w.getRoutes().filter(v=>v.path===c))==null?void 0:t[0])==null?void 0:n.meta)==null?void 0:s.linkTarget;o(p?{url:f,winOpenOpt:{target:p}}:f)}q("select",e)}u.onMounted(()=>{u.nextTick(()=>{var e,t,n;if((e=r.dragOption)!=null&&e.dragClassName){const s=(n=document.querySelectorAll("."+d.e((t=r.dragOption)==null?void 0:t.dragClassName)))==null?void 0:n[0],{initSortable:o}=X.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});o()}})});const S=u.ref(),B=u.ref(),T=u.ref(),F=u.computed(()=>({...r.collapseWidth===0&&h.value?{borderRight:"none"}:{},width:g.addUnit(r.width),height:r.height}));u.watch(()=>h.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=u.computed(()=>({left:g.addUnit(r.width)})),z=u.computed(()=>[d.b(),r.isFixedLeft?d.m("fixed"):""]);return j({sideRef:S}),()=>{var e;return u.createVNode("div",{ref:S,class:z.value,style:F.value},[i.top?u.createVNode("div",{class:d.e("top")},[i.top()]):null,$.value,i.bottom?u.createVNode("div",{class:d.e("bottom")},[i.bottom()]):r.showCollapse?u.createVNode("div",{onClick:()=>q("update:collapse",!h.value),class:[d.e("bottom"),d.e("collapse")]},[u.createVNode(ee.VftIcon,{style:{transform:h.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,(e=i.default)==null?void 0:e.call(i),r.dragWidthCfg?u.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"),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("../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("../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("../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");const te=require("../../hooks/use-namespace/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"),d=te.useNamespace("side-menu");function ne(m){return typeof m=="function"||Object.prototype.toString.call(m)==="[object Object]"&&!t.isVNode(m)}const oe=t.defineComponent({name:"vft-side-menu"}),ie=t.defineComponent({...oe,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:h,uniqueOpened:E,defaultOpeneds:C,openMenuCollapse:I}=t.toRefs(r),q=J,i=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(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,o=u.target;(n=b.value)!=null&&n.menu&&o&&setTimeout(()=>{b.value.menu.scrollTop=b.value.menu.scrollTop+(o.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],o=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]),v=r.disabledJudgeTurnOver?!p:p,V=f||n||u+s;return o!=null&&o.length?t.h(y.VftSubMenu,{...e,popperAppendToBody:!0,key:V,index:V,title:s,icon:c,disabled:r.openDisabled&&v,popperClass:d.e("popper")},{default:()=>o==null?void 0:o.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},i.menuItem?()=>{var W;return(W=i.menuItem)==null?void 0:W.call(i,{item:l})}:"")})}):t.h(y.VftMenuItem,{...e,key:f||n,index:f||n,title:s,route:n,icon:c,disabled:r.openDisabled&&v,onMouseenter:()=>P(e),onMouseleave:()=>U(e)},i.menuItem?()=>{var l;return(l=i.menuItem)==null?void 0:l.call(i,{item:e,index:u})}:"")},b=t.ref(),$=t.computed(()=>({...r.collapseWidth===0&&h.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,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?h.value:!1,uniqueOpened:E.value,collapseTransition:!1},ne(e=r.menus.map((s,o)=>_(s,o)))?e:{default:()=>[e]}))}),w=O.appContext.config.globalProperties.$router;async function F(e){var u,n,s;if(r.useRouterJump){const{go:o}=A.useRouterHelper(w),f=e.route;let c=e.route;e.indexPath.some(v=>g.isUrl(v))&&(c=e.indexPath.slice(-2).join("/"));const p=(s=(n=(u=w.getRoutes().filter(v=>v.path===c))==null?void 0:u[0])==null?void 0:n.meta)==null?void 0:s.linkTarget;o(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:o}=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});o()}})});const S=t.ref(),B=t.ref(),T=t.ref(),Z=t.computed(()=>({...r.collapseWidth===0&&h.value?{borderRight:"none"}:{},width:g.addUnit(r.width),height:r.height}));t.watch(()=>h.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},[i.top?t.createVNode("div",{class:d.e("top")},[i.top()]):null,H.value,i.bottom?t.createVNode("div",{class:d.e("bottom")},[i.bottom()]):r.showCollapse?t.createVNode("div",{onClick:()=>q("update:collapse",!h.value),class:[d.e("bottom"),d.e("collapse")]},[t.createVNode(re.VftIcon,{style:{transform:h.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,(e=i.default)==null?void 0:e.call(i),r.dragWidthCfg?t.createVNode("div",{ref:B,style:z.value,class:d.e("drag-bar")},null):null])}}});exports.default=ie;

package/lib/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/lib/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/lib/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/lib/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/lib/components/slider/button.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vft/utils"),M=require("../tooltip/index.cjs"),S=require("../../constants/event.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const k=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../form/index.cjs");const x=require("./composables/use-slider-button.cjs"),D=["tabindex"],N=e.defineComponent({name:"VftSliderButton"}),T=e.defineComponent({...N,props:{modelValue:{default:0},vertical:{type:Boolean},tooltipClass:{},placement:{default:"top"}},emits:{[S.UPDATE_MODEL_EVENT]:u=>E.isNumber(u)},setup(u,{expose:m,emit:g}){const f=k.useNamespace("slider"),p=e.reactive({hovering:!1,dragging:!1,isClick:!1,startX:0,currentX:0,startY:0,currentY:0,startPosition:0,newPosition:0,oldValue:u.modelValue}),v=e.getCurrentInstance(),{disabled:b,button:c,tooltip:q,showTooltip:V,tooltipVisible:w,wrapperStyle:y,formatValue:C,handleMouseEnter:o,handleMouseLeave:s,onButtonDown:r,onKeyDown:l,setPosition:B}=x.useSliderButton(v.props,p,g),{hovering:i,dragging:a}=e.toRefs(p);return m({onButtonDown:r,onKeyDown:l,setPosition:B,hovering:i,dragging:a}),(d,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"button",ref:c,class:e.normalizeClass([e.unref(f).e("button-wrapper"),{hover:e.unref(i),dragging:e.unref(a)}]),style:e.normalizeStyle(e.unref(y)),tabindex:e.unref(b)?-1:0,onMouseenter:t[0]||(t[0]=(...n)=>e.unref(o)&&e.unref(o)(...n)),onMouseleave:t[1]||(t[1]=(...n)=>e.unref(s)&&e.unref(s)(...n)),onMousedown:t[2]||(t[2]=(...n)=>e.unref(r)&&e.unref(r)(...n)),onTouchstart:t[3]||(t[3]=(...n)=>e.unref(r)&&e.unref(r)(...n)),onFocus:t[4]||(t[4]=(...n)=>e.unref(o)&&e.unref(o)(...n)),onBlur:t[5]||(t[5]=(...n)=>e.unref(s)&&e.unref(s)(...n)),onKeydown:t[6]||(t[6]=(...n)=>e.unref(l)&&e.unref(l)(...n))},[e.createVNode(e.unref(M.VftTooltip),{ref_key:"tooltip",ref:q,visible:e.unref(w),placement:d.placement,"fallback-placements":["top","bottom","right","left"],"stop-popper-mouse-event":!1,"popper-class":d.tooltipClass,disabled:!e.unref(V),persistent:""},{content:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(e.unref(C)),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(f).e("button"),{hover:e.unref(i),dragging:e.unref(a)}])},null,2)]),_:1},8,["visible","placement","popper-class","disabled"])],46,D))}});exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),M=require("@vft/utils"),S=require("../tooltip/index.cjs"),k=require("../../constants/event.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const x=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../form/index.cjs");const D=require("./composables/use-slider-button.cjs"),N=["tabindex"],T=e.defineComponent({name:"VftSliderButton"}),P=e.defineComponent({...T,props:{modelValue:{default:0},vertical:{type:Boolean},tooltipClass:{},placement:{default:"top"}},emits:{[k.UPDATE_MODEL_EVENT]:u=>M.isNumber(u)},setup(u,{expose:m,emit:g}){const v=g,f=x.useNamespace("slider"),p=e.reactive({hovering:!1,dragging:!1,isClick:!1,startX:0,currentX:0,startY:0,currentY:0,startPosition:0,newPosition:0,oldValue:u.modelValue}),b=e.getCurrentInstance(),{disabled:c,button:q,tooltip:V,showTooltip:w,tooltipVisible:y,wrapperStyle:C,formatValue:B,handleMouseEnter:o,handleMouseLeave:s,onButtonDown:r,onKeyDown:i,setPosition:E}=D.useSliderButton(b.props,p,v),{hovering:l,dragging:a}=e.toRefs(p);return m({onButtonDown:r,onKeyDown:i,setPosition:E,hovering:l,dragging:a}),(d,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"button",ref:q,class:e.normalizeClass([e.unref(f).e("button-wrapper"),{hover:e.unref(l),dragging:e.unref(a)}]),style:e.normalizeStyle(e.unref(C)),tabindex:e.unref(c)?-1:0,onMouseenter:t[0]||(t[0]=(...n)=>e.unref(o)&&e.unref(o)(...n)),onMouseleave:t[1]||(t[1]=(...n)=>e.unref(s)&&e.unref(s)(...n)),onMousedown:t[2]||(t[2]=(...n)=>e.unref(r)&&e.unref(r)(...n)),onTouchstart:t[3]||(t[3]=(...n)=>e.unref(r)&&e.unref(r)(...n)),onFocus:t[4]||(t[4]=(...n)=>e.unref(o)&&e.unref(o)(...n)),onBlur:t[5]||(t[5]=(...n)=>e.unref(s)&&e.unref(s)(...n)),onKeydown:t[6]||(t[6]=(...n)=>e.unref(i)&&e.unref(i)(...n))},[e.createVNode(e.unref(S.VftTooltip),{ref_key:"tooltip",ref:V,visible:e.unref(y),placement:d.placement,"fallback-placements":["top","bottom","right","left"],"stop-popper-mouse-event":!1,"popper-class":d.tooltipClass,disabled:!e.unref(w),persistent:""},{content:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(e.unref(B)),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(f).e("button"),{hover:e.unref(l),dragging:e.unref(a)}])},null,2)]),_:1},8,["visible","placement","popper-class","disabled"])],46,N))}});exports.default=P;