vft 0.0.481 → 0.0.483

package/lib/components/select/index.d.ts

@@ -259,9 +259,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -677,9 +677,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1096,9 +1096,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1514,9 +1514,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;

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

@@ -255,9 +255,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -673,9 +673,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1092,9 +1092,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1510,9 +1510,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;

package/lib/components/select/useSelect.d.ts

@@ -103,9 +103,9 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -521,9 +521,9 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -940,9 +940,9 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1358,9 +1358,9 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;

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

@@ -15,20 +15,31 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<import("./types").MenuType[]>;
         required: true;
     };
+    tooltipCfg: {
+        type: import("vue").PropType<Partial<import("vft/es/vft").ToolTipProps>>;
+    };
     defaultActive: {
         type: import("vue").PropType<string>;
     };
     defaultOpeneds: {
-        type: import("vue").PropType<(string | number)[]>;
+        type: import("vue").PropType<string[]>;
     };
     uniqueOpened: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    collapseTransition: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     disableSubMenuAction: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    collapseType: {
+        type: import("vue").PropType<"menu-title">;
+        default: undefined;
+    };
     isFixedLeft: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -83,6 +94,18 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<number | boolean>;
         default: boolean;
     };
+    enableScroll: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    scrollThreshold: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    scrollMaxHeight: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
 }>, {
     sideRef: import("vue").Ref<any, any>;
     jumpActiveDom: ({ activeDom, offset, delay }?: {
@@ -96,7 +119,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     "update:width": (val: string | number) => void;
     dragEnd: (oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => void;
     dragWidthEnd: () => void;
-    select: (val: import("./types").MenuSelectEventData) => void;
+    select: (menuItem: import("vft/es/vft").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => void;
     subMenuClick: (val: any) => void;
     subMenuOpenClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
@@ -118,20 +141,31 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<import("./types").MenuType[]>;
         required: true;
     };
+    tooltipCfg: {
+        type: import("vue").PropType<Partial<import("vft/es/vft").ToolTipProps>>;
+    };
     defaultActive: {
         type: import("vue").PropType<string>;
     };
     defaultOpeneds: {
-        type: import("vue").PropType<(string | number)[]>;
+        type: import("vue").PropType<string[]>;
     };
     uniqueOpened: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    collapseTransition: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     disableSubMenuAction: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    collapseType: {
+        type: import("vue").PropType<"menu-title">;
+        default: undefined;
+    };
     isFixedLeft: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -186,8 +220,20 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<number | boolean>;
         default: boolean;
     };
+    enableScroll: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    scrollThreshold: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    scrollMaxHeight: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
 }>> & Readonly<{
-    onSelect?: ((val: import("./types").MenuSelectEventData) => any) | undefined;
+    onSelect?: ((menuItem: import("vft/es/vft").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onUpdate:width"?: ((val: string | number) => any) | undefined;
     onDragEnd?: ((oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => any) | undefined;
@@ -201,7 +247,9 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     width: string | number;
     collapse: boolean;
     uniqueOpened: boolean;
+    collapseTransition: boolean;
     disableSubMenuAction: boolean;
+    collapseType: "menu-title";
     isFixedLeft: boolean;
     collapseWidth: string | number;
     menuTopBottomHeight: number;
@@ -215,6 +263,9 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     openMenuCollapse: boolean;
     disabledJudgeTurnOver: boolean;
     defaultOpenedsLevel: number | boolean;
+    enableScroll: boolean;
+    scrollThreshold: number;
+    scrollMaxHeight: string | number;
 }, {}, {}, {}, 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

@@ -1,5 +1,7 @@
+import type { MenuItemClicked } from 'vft/es/components/menu';
 import type { SortableEvent } from 'sortablejs';
-import type { MenuSelectEventData, SideMenuProps } from './types';
+import type { NavigationFailure } from 'vue-router';
+import type { SideMenuProps } from './types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SideMenuProps>, {
     isFixedLeft: boolean;
     autoScrollActiveDom: boolean;
@@ -16,6 +18,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     useRouterJump: boolean;
     disableSubMenuAction: boolean;
     defaultOpenedsLevel: boolean;
+    enableScroll: boolean;
+    scrollThreshold: number;
+    scrollMaxHeight: number;
+    collapseTransition: boolean;
+    collapseType: undefined;
 }>>, {
     sideRef: import("vue").Ref<any, any>;
     jumpActiveDom: ({ activeDom, offset, delay }?: {
@@ -29,7 +36,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "update:width": (val: string | number) => void;
     dragEnd: (oldIndex: SortableEvent, newIndex: SortableEvent) => void;
     dragWidthEnd: () => void;
-    select: (val: MenuSelectEventData) => void;
+    select: (menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => void;
     subMenuClick: (val: any) => void;
     subMenuOpenClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
@@ -50,8 +57,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     useRouterJump: boolean;
     disableSubMenuAction: boolean;
     defaultOpenedsLevel: boolean;
+    enableScroll: boolean;
+    scrollThreshold: number;
+    scrollMaxHeight: number;
+    collapseTransition: boolean;
+    collapseType: undefined;
 }>>> & Readonly<{
-    onSelect?: ((val: MenuSelectEventData) => any) | undefined;
+    onSelect?: ((menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onUpdate:width"?: ((val: string | number) => any) | undefined;
     onDragEnd?: ((oldIndex: SortableEvent, newIndex: SortableEvent) => any) | undefined;
@@ -65,7 +77,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     width: string | number;
     collapse: boolean;
     uniqueOpened: boolean;
+    collapseTransition: boolean;
     disableSubMenuAction: boolean;
+    collapseType: "menu-title";
     isFixedLeft: boolean;
     collapseWidth: string | number;
     menuTopBottomHeight: number;
@@ -79,6 +93,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     openMenuCollapse: boolean;
     disabledJudgeTurnOver: boolean;
     defaultOpenedsLevel: number | boolean;
+    enableScroll: boolean;
+    scrollThreshold: number;
+    scrollMaxHeight: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : 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 n=require("vue"),R=require("@vft/router"),oe=require("@vft/use/sortable"),g=require("@vft/utils");require("@vueuse/core");const I=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const ue=require("../icon/index.cjs"),b=require("../menu/index.cjs"),ae=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("./use-drag-line.cjs");function ie(h){return typeof h=="function"||Object.prototype.toString.call(h)==="[object Object]"&&!n.isVNode(h)}const de=n.defineComponent({name:"vft-side-menu"}),re=n.defineComponent({...de,props:{isFixedLeft:{type:Boolean,default:!1},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:{},defaultOpenedsLevel:{type:[Number,Boolean],default:!1},disableSubMenuAction:{type:Boolean,default:!1}},emits:["update:collapse","update:width","dragEnd","dragWidthEnd","select","subMenuClick","subMenuOpenClick","menuItemMouseenter","menuItemMouseleave"],setup(h,{expose:W,emit:j}){const t=h,r=j,{defaultActive:L,collapse:f,uniqueOpened:E,defaultOpeneds:J,openMenuCollapse:P,defaultOpenedsLevel:y}=n.toRefs(t),s=ae.useNamespace("side-menu"),c=n.useSlots(),O=n.getCurrentInstance(),C=n.ref(),a=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping})),U=(e,u=1/0)=>{const l=[],o=(i,d=0)=>{d>=u||i.forEach(m=>{m[a.value.children]?.length&&(l.push(m[a.value.index]),o(m[a.value.children],d+1))})};return o(e),l};R.listenerRouteChange(({route:e})=>{!e||e.meta?.hideSide&&!t.useRouterJump||(C.value=e.path)});const $=e=>{const u=e.e;if(t.autoScrollActiveDom&&u){const l=g.isNumber(t.autoScrollActiveDom)?t.autoScrollActiveDom:0,o=u.target;x({activeDom:o,offset:l})}r("subMenuOpenClick",e)},H=e=>{r("subMenuClick",e)},x=({activeDom:e=null,offset:u=0,delay:l=300}={})=>{v.value?.menu&&setTimeout(()=>{const o=e||document.querySelector(".vft-menu-item.is-active")||document.querySelector(".vft-sub-menu.is-active");o&&(v.value.menu.scrollTop=v.value.menu.scrollTop+(o.getBoundingClientRect().top-v.value.menu.getBoundingClientRect().top)+u)},l)},F=e=>{r("menuItemMouseenter",e)},Z=e=>{r("menuItemMouseleave",e)},_=(e,u)=>{const l=e[a.value.path],o=e[a.value.title],i=e?.[a.value.children],d=e?.[a.value.index],m=e?.[a.value.icon],D=!!e?.[a.value.disabled],T=t.disabledJudgeTurnOver?!D:D,k=d||l||u+o;return i?.length?n.h(b.VftSubMenu,{...e,popperAppendToBody:!0,key:k,index:k,title:o,icon:m,disabled:t.openDisabled&&T,popperClass:s.e("popper")},{default:()=>i?.map((p,ee)=>{const S=p[a.value.path],A=p[a.value.index],te=p[a.value.icon],ne=p[a.value.title],V=!!p[a.value.disabled],le=t.disabledJudgeTurnOver?!V:V;return p?.[a.value.children]?.length?_(p,ee):n.h(b.VftMenuItem,{...p,key:A||S,index:A||S,route:S,icon:te,title:ne,disabled:t.openDisabled&&le},c.menuItem?()=>c.menuItem?.({item:p}):"")})}):n.h(b.VftMenuItem,{...e,key:d||l,index:d||l,title:o,route:l,icon:m,disabled:t.openDisabled&&T,onMouseenter:()=>F(e),onMouseleave:()=>Z(e)},c.menuItem?()=>c.menuItem?.({item:e,index:u}):"")},v=n.ref(),z=n.computed(()=>({...t.collapseWidth===0&&f.value?{width:0}:{},height:`calc(100% - ${t.menuTopBottomHeight}px)`})),q=O.appContext.config.globalProperties.$router;async function Y(e){if(t.useRouterJump){const{go:u}=R.useRouterHelper(q),l=e.route;let o=e.route;e.indexPath.some(d=>g.isUrl(d))&&(o=e.indexPath.slice(-2).join("/"));const i=q.getRoutes().filter(d=>d.path===o)?.[0]?.meta?.linkTarget;u(i?{url:l,winOpenOpt:{target:i}}:l)}r("select",e)}const M=n.ref(),N=n.ref(),B=n.ref(),G=n.computed(()=>({...t.collapseWidth===0&&f.value?{borderRight:"none"}:{},width:I.addUnit(t.width),height:t.height}));n.watch(()=>f.value,e=>{K.value||(e?r("update:width",t.collapseWidth):r("update:width",B.value||t.width),B.value=t.width)});const{isDraging:K}=se.useDragLine(M,N,O),Q=n.computed(()=>({left:I.addUnit(t.width)})),X=n.computed(()=>[s.b(),t.isFixedLeft?s.m("fixed"):""]),w=n.ref([]);return n.onMounted(()=>{n.nextTick(()=>{if(t.dragOption?.dragClassName){const e=document.querySelectorAll(`.${s.e(t.dragOption?.dragClassName)}`)?.[0],{initSortable:u}=oe.useSortable(e,{draggable:".vft-menu-item",onEnd:l=>{const{oldIndex:o,newIndex:i}=l;g.isNullOrUndefined(o)||g.isNullOrUndefined(i)||o===i||r("dragEnd",o,i)},...t.dragOption});u()}})}),W({sideRef:M,jumpActiveDom:x,menuRef:v}),()=>{let e;return y.value&&(w.value=U(t.menus,g.isNumber(y.value)?y.value:1/0)),n.createVNode("div",{ref:M,class:X.value,style:G.value},[c.top?n.createVNode("div",{class:s.e("top")},[c.top()]):null,n.h(n.createVNode(b.VftMenu,{ref:v,onSelect:Y,onOpen:$,onSubMenuClick:H,defaultActive:L?.value||C.value,defaultOpeneds:J?.value||w.value,disableSubMenuAction:t.disableSubMenuAction,class:[s.e("con"),t.dragOption?.dragClassName?s.e(t.dragOption?.dragClassName):""],style:z.value,collapse:P.value?f.value:!1,uniqueOpened:E.value,collapseTransition:!1},ie(e=t.menus.map((u,l)=>_(u,l)))?e:{default:()=>[e]})),c.bottom?n.createVNode("div",{class:s.e("bottom")},[c.bottom()]):t.showCollapse?n.createVNode("div",{onClick:()=>r("update:collapse",!f.value),class:[s.e("bottom"),s.e("collapse")]},[n.createVNode(ue.VftIcon,{style:{transform:f.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,c.default?.(),t.dragWidthCfg?n.createVNode("div",{ref:N,style:Q.value,class:s.e("drag-bar")},null):null])}}});exports.default=re;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),ue=require("../icon/index.cjs"),g=require("../menu/index.cjs");require("@vueuse/core");const b=require("@vft/utils"),C=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const R=require("@vft/router"),se=require("@vft/use/sortable"),ie=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const re=require("./use-drag-line.cjs");function de(m){return typeof m=="function"||Object.prototype.toString.call(m)==="[object Object]"&&!l.isVNode(m)}const ce=l.defineComponent({name:"vft-side-menu"}),pe=l.defineComponent({...ce,props:{isFixedLeft:{type:Boolean,default:!1},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:{},defaultOpenedsLevel:{type:[Number,Boolean],default:!1},disableSubMenuAction:{type:Boolean,default:!1},enableScroll:{type:Boolean,default:!0},scrollThreshold:{default:10},scrollMaxHeight:{default:500},collapseTransition:{type:Boolean,default:!1},collapseType:{default:void 0},tooltipCfg:{}},emits:["update:collapse","update:width","dragEnd","dragWidthEnd","select","subMenuClick","subMenuOpenClick","menuItemMouseenter","menuItemMouseleave"],setup(m,{expose:W,emit:j}){const t=m,d=j,{defaultActive:L,collapse:h,uniqueOpened:E,defaultOpeneds:H,openMenuCollapse:J,defaultOpenedsLevel:y}=l.toRefs(t),i=ie.useNamespace("side-menu"),c=l.useSlots(),O=l.getCurrentInstance(),x=l.ref(),u=l.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping})),U=(e,a=1/0)=>{const n=[],o=(s,p=0)=>{p>=a||s.forEach(r=>{r[u.value.children]?.length&&(n.push(r[u.value.index]),o(r[u.value.children],p+1))})};return o(e),n};R.listenerRouteChange(({route:e})=>{!e||e.meta?.hideSide&&!t.useRouterJump||(x.value=e.path)});const P=e=>{const a=e.e;if(t.autoScrollActiveDom&&a){const n=b.isNumber(t.autoScrollActiveDom)?t.autoScrollActiveDom:0,o=a.target;T({activeDom:o,offset:n})}d("subMenuOpenClick",e)},$=e=>{d("subMenuClick",e)},T=({activeDom:e=null,offset:a=0,delay:n=300}={})=>{v.value?.menu&&setTimeout(()=>{const o=e||document.querySelector(".vft-menu-item.is-active")||document.querySelector(".vft-sub-menu.is-active");o&&(v.value.menu.scrollTop=v.value.menu.scrollTop+(o.getBoundingClientRect().top-v.value.menu.getBoundingClientRect().top)+a)},n)},F=e=>{d("menuItemMouseenter",e)},Y=e=>{d("menuItemMouseleave",e)},Z=(e,a)=>!t.enableScroll||!e?e:h.value&&a>t.scrollThreshold?l.h(g.VftMenuItemGroup,{style:{maxHeight:C.addUnit(t.scrollMaxHeight),overflowY:"auto"}},()=>e):e,_=(e,a)=>{const n=e[u.value.path],o=e[u.value.title],s=e?.[u.value.children],p=e?.[u.value.index],r=e?.[u.value.icon],D=!!e?.[u.value.disabled],k=t.disabledJudgeTurnOver?!D:D,V=p||n||a+o;return s?.length?l.h(g.VftSubMenu,{...e,popperAppendToBody:!0,key:V,index:V,title:o,icon:r,disabled:t.openDisabled&&k,popperClass:i.e("popper"),toolTipCfg:{placement:"right","fallback-placements":["right-start","right"],...t.tooltipCfg}},{default:()=>{const te=s?.map((f,le)=>{const S=f[u.value.path],A=f[u.value.index],ne=f[u.value.icon],oe=f[u.value.title],I=!!f[u.value.disabled],ae=t.disabledJudgeTurnOver?!I:I;return f?.[u.value.children]?.length?_(f,le):l.h(g.VftMenuItem,{...f,key:A||S,index:A||S,route:S,icon:ne,title:oe,disabled:t.openDisabled&&ae},c.menuItem?()=>c.menuItem?.({item:f}):"")});return Z(te,s?.length||0)}}):l.h(g.VftMenuItem,{...e,key:p||n,index:p||n,title:o,route:n,icon:r,disabled:t.openDisabled&&k,onMouseenter:()=>F(e),onMouseleave:()=>Y(e)},c.menuItem?()=>c.menuItem?.({item:e,index:a}):"")},v=l.ref(),z=l.computed(()=>({...t.collapseWidth===0&&h.value?{width:0}:{},height:`calc(100% - ${t.menuTopBottomHeight}px)`})),q=O.appContext.config.globalProperties.$router;function G(e,a){if(t.useRouterJump){const{go:n}=R.useRouterHelper(q),o=e.route;let s=e.route;e.indexPath.some(r=>b.isUrl(r))&&(s=e.indexPath.slice(-2).join("/"));const p=q.getRoutes().filter(r=>r.path===s)?.[0]?.meta?.linkTarget;n(p?{url:o,winOpenOpt:{target:p}}:o)}d("select",e,a)}const M=l.ref(),B=l.ref(),N=l.ref(),K=l.computed(()=>({...t.collapseWidth===0&&h.value?{borderRight:"none"}:{},width:C.addUnit(t.width),height:t.height}));l.watch(()=>h.value,e=>{Q.value||(e?d("update:width",t.collapseWidth):d("update:width",N.value||t.width),N.value=t.width)});const{isDraging:Q}=re.useDragLine(M,B,O),X=l.computed(()=>({left:C.addUnit(t.width)})),ee=l.computed(()=>[i.b(),t.isFixedLeft?i.m("fixed"):""]),w=l.ref([]);return l.onMounted(()=>{l.nextTick(()=>{if(t.dragOption?.dragClassName){const e=document.querySelectorAll(`.${i.e(t.dragOption?.dragClassName)}`)?.[0],{initSortable:a}=se.useSortable(e,{draggable:".vft-menu-item",onEnd:n=>{const{oldIndex:o,newIndex:s}=n;b.isNullOrUndefined(o)||b.isNullOrUndefined(s)||o===s||d("dragEnd",o,s)},...t.dragOption});a()}})}),W({sideRef:M,jumpActiveDom:T,menuRef:v}),()=>{let e;return y.value&&(w.value=U(t.menus,b.isNumber(y.value)?y.value:1/0)),l.createVNode("div",{ref:M,class:ee.value,style:K.value},[c.top?l.createVNode("div",{class:i.e("top")},[c.top()]):null,l.h(l.createVNode(g.VftMenu,{ref:v,onSelect:G,onOpen:P,onSubMenuClick:$,defaultActive:L?.value||x.value,defaultOpeneds:H?.value||w.value,disableSubMenuAction:t.disableSubMenuAction,class:[i.e("con"),t.dragOption?.dragClassName?i.e(t.dragOption?.dragClassName):""],style:z.value,collapse:J.value?h.value:!1,uniqueOpened:E.value,collapseTransition:t.collapseTransition,collapseType:t.collapseType},de(e=t.menus.map((a,n)=>_(a,n)))?e:{default:()=>[e]})),c.bottom?l.createVNode("div",{class:i.e("bottom")},[c.bottom()]):t.showCollapse?l.createVNode("div",{onClick:()=>d("update:collapse",!h.value),class:[i.e("bottom"),i.e("collapse")]},[l.createVNode(ue.VftIcon,{style:{transform:h.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,c.default?.(),t.dragWidthCfg?l.createVNode("div",{ref:B,style:X.value,class:i.e("drag-bar")},null):null])}}});exports.default=pe;

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

@@ -1,5 +1,8 @@
+import type { MenuItemClicked } from 'vft/es/components/menu';
+import type { ToolTipProps } from 'vft/es/components/tooltip';
 import type Sortable from 'sortablejs';
 import type { SortableEvent } from 'sortablejs';
+import type { NavigationFailure } from 'vue-router';
 /** 菜单项类型 */
 export type MenuType = {
     /** 子菜单列表 */
@@ -72,11 +75,19 @@ export interface SideMenuProps {
     /** 默认选中的菜单索引 */
     defaultActive?: string;
     /** 默认展开的子菜单索引数组 */
-    defaultOpeneds?: Array<string | number>;
+    defaultOpeneds?: Array<string>;
     /** 默认展开的层级深度 */
     defaultOpenedsLevel?: number | boolean;
     /** 禁用子菜单的展开收缩行为 */
     disableSubMenuAction?: boolean;
+    enableScroll?: boolean;
+    scrollThreshold?: number;
+    scrollMaxHeight?: string | number;
+    /** 是否开启折叠动画 */
+    collapseTransition?: boolean;
+    /** 收缩类型 */
+    collapseType?: 'menu-title';
+    tooltipCfg?: Partial<ToolTipProps>;
 }
 /** 菜单选中事件参数 */
 export interface MenuSelectEventData {
@@ -96,7 +107,7 @@ export interface SideMenuEmits {
     /** 拖拽宽度结束事件 */
     (e: 'dragWidthEnd'): void;
     /** 菜单选中事件 */
-    (e: 'select', val: MenuSelectEventData): void;
+    (e: 'select', menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure>): void;
     /** 子菜单点击事件 */
     (e: 'subMenuClick', val: any): void;
     /** 子菜单展开点击事件 */

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.481";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.483";exports.version=e;

package/lib/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.481",
+  "version": "0.0.483",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.481",
+  "version": "0.0.483",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -57,11 +57,11 @@
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
     "@vft/constants": "0.0.75",
+    "@vft/router": "0.0.73",
     "@vft/use": "0.0.92",
     "@vft/store": "0.0.64",
-    "@vft/utils": "0.0.158",
-    "@vft/router": "0.0.73",
-    "@vft/directives": "0.0.36"
+    "@vft/directives": "0.0.36",
+    "@vft/utils": "0.0.158"
   },
   "vetur": {
     "tags": "tags.json",