vft 0.0.482 → 0.0.483

package/es/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/es/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/es/components/side-menu/side-menu.vue2.js

@@ -1,25 +1,25 @@
-import { defineComponent as J, toRefs as ie, useSlots as de, getCurrentInstance as re, ref as h, computed as b, watch as ce, onMounted as pe, nextTick as fe, createVNode as p, h as y, isVNode as me } from "vue";
-import { listenerRouteChange as ve, useRouterHelper as he } from "@vft/router";
-import { useSortable as ge } from "@vft/use/sortable";
-import { isNullOrUndefined as W, isNumber as j, isUrl as be } from "@vft/utils";
+import { defineComponent as H, toRefs as de, useSlots as ce, getCurrentInstance as pe, ref as h, computed as b, watch as fe, onMounted as me, nextTick as ve, createVNode as m, h as y, isVNode as he } from "vue";
+import { VftIcon as ge } from "../icon/index.js";
+import { VftMenu as be, VftSubMenu as ye, VftMenuItem as j, VftMenuItemGroup as Me } from "../menu/index.js";
 import "@vueuse/core";
-import { addUnit as q } from "../../utils/helper.js";
+import { isNullOrUndefined as q, isNumber as E, isUrl as Se } from "@vft/utils";
+import { addUnit as O } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { VftIcon as ye } from "../icon/index.js";
-import { VftMenu as Me, VftSubMenu as Se, VftMenuItem as E } from "../menu/index.js";
-import { useNamespace as Oe } from "../../hooks/use-namespace/index.js";
+import { listenerRouteChange as Ce, useRouterHelper as Oe } from "@vft/router";
+import { useSortable as xe } from "@vft/use/sortable";
+import { useNamespace as Te } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useDragLine as Ce } from "./use-drag-line.js";
-function xe(g) {
-  return typeof g == "function" || Object.prototype.toString.call(g) === "[object Object]" && !me(g);
+import { useDragLine as Be } from "./use-drag-line.js";
+function _e(g) {
+  return typeof g == "function" || Object.prototype.toString.call(g) === "[object Object]" && !he(g);
 }
-const _e = J({
+const we = H({
   name: "vft-side-menu"
-}), Le = /* @__PURE__ */ J({
-  ..._e,
+}), Ue = /* @__PURE__ */ H({
+  ...we,
   props: {
     isFixedLeft: {
       type: Boolean,
@@ -84,21 +84,39 @@ const _e = J({
     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(g, {
-    expose: L,
-    emit: P
+    expose: J,
+    emit: L
   }) {
-    const t = g, d = P, {
-      defaultActive: H,
+    const t = g, r = L, {
+      defaultActive: P,
       collapse: f,
       uniqueOpened: U,
       defaultOpeneds: $,
       openMenuCollapse: F,
       defaultOpenedsLevel: M
-    } = ie(t), u = Oe("side-menu"), r = de(), C = re(), x = h(), a = b(() => ({
+    } = de(t), s = Te("side-menu"), d = ce(), x = pe(), T = h(), a = b(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -106,195 +124,204 @@ const _e = J({
       icon: "icon",
       disabled: "disabled",
       ...t.attrMapping
-    })), Z = (e, o = 1 / 0) => {
-      const l = [], n = (s, i = 0) => {
-        i >= o || s.forEach((v) => {
-          v[a.value.children]?.length && (l.push(v[a.value.index]), n(v[a.value.children], i + 1));
+    })), Y = (e, n = 1 / 0) => {
+      const l = [], o = (u, c = 0) => {
+        c >= n || u.forEach((i) => {
+          i[a.value.children]?.length && (l.push(i[a.value.index]), o(i[a.value.children], c + 1));
         });
       };
-      return n(e), l;
+      return o(e), l;
     };
-    ve(({
+    Ce(({
       route: e
     }) => {
-      !e || e.meta?.hideSide && !t.useRouterJump || (x.value = e.path);
+      !e || e.meta?.hideSide && !t.useRouterJump || (T.value = e.path);
     });
-    const z = (e) => {
-      const o = e.e;
-      if (t.autoScrollActiveDom && o) {
-        const l = j(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, n = o.target;
-        _({
-          activeDom: n,
+    const Z = (e) => {
+      const n = e.e;
+      if (t.autoScrollActiveDom && n) {
+        const l = E(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, o = n.target;
+        B({
+          activeDom: o,
           offset: l
         });
       }
-      d("subMenuOpenClick", e);
-    }, Y = (e) => {
-      d("subMenuClick", e);
-    }, _ = ({
+      r("subMenuOpenClick", e);
+    }, z = (e) => {
+      r("subMenuClick", e);
+    }, B = ({
       activeDom: e = null,
-      offset: o = 0,
+      offset: n = 0,
       delay: l = 300
     } = {}) => {
-      m.value?.menu && setTimeout(() => {
-        const n = e || document.querySelector(".vft-menu-item.is-active") || document.querySelector(".vft-sub-menu.is-active");
-        n && (m.value.menu.scrollTop = m.value.menu.scrollTop + (n.getBoundingClientRect().top - m.value.menu.getBoundingClientRect().top) + o);
+      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) + n);
       }, l);
     }, G = (e) => {
-      d("menuItemMouseenter", e);
+      r("menuItemMouseenter", e);
     }, K = (e) => {
-      d("menuItemMouseleave", e);
-    }, B = (e, o) => {
-      const l = e[a.value.path], n = e[a.value.title], s = e?.[a.value.children], i = e?.[a.value.index], v = e?.[a.value.icon], T = !!e?.[a.value.disabled], R = t.disabledJudgeTurnOver ? !T : T, N = i || l || o + n;
-      return s?.length ? y(
-        // @ts-ignore
-        Se,
-        {
-          ...e,
-          popperAppendToBody: !0,
-          key: N,
-          index: N,
-          title: n,
-          icon: v,
-          disabled: t.openDisabled && R,
-          popperClass: u.e("popper")
-        },
-        {
-          default: () => s?.map((c, oe) => {
-            const O = c[a.value.path], I = c[a.value.index], ae = c[a.value.icon], ue = c[a.value.title], V = !!c[a.value.disabled], se = t.disabledJudgeTurnOver ? !V : V;
-            return c?.[a.value.children]?.length ? B(c, oe) : (
+      r("menuItemMouseleave", e);
+    }, Q = (e, n) => !t.enableScroll || !e ? e : f.value && n > t.scrollThreshold ? y(Me, {
+      style: {
+        maxHeight: O(t.scrollMaxHeight),
+        overflowY: "auto"
+      }
+    }, () => e) : e, _ = (e, n) => {
+      const l = e[a.value.path], o = e[a.value.title], u = e?.[a.value.children], c = e?.[a.value.index], i = e?.[a.value.icon], R = !!e?.[a.value.disabled], I = t.disabledJudgeTurnOver ? !R : R, N = c || l || n + o;
+      return u?.length ? y(ye, {
+        ...e,
+        popperAppendToBody: !0,
+        key: N,
+        index: N,
+        title: o,
+        icon: i,
+        disabled: t.openDisabled && I,
+        popperClass: s.e("popper"),
+        toolTipCfg: {
+          placement: "right",
+          "fallback-placements": ["right-start", "right"],
+          ...t.tooltipCfg
+        }
+      }, {
+        default: () => {
+          const ae = u?.map((p, ue) => {
+            const C = p[a.value.path], V = p[a.value.index], se = p[a.value.icon], ie = p[a.value.title], W = !!p[a.value.disabled], re = t.disabledJudgeTurnOver ? !W : W;
+            return p?.[a.value.children]?.length ? _(p, ue) : (
               // @ts-ignore
-              y(E, {
-                ...c,
-                key: I || O,
-                index: I || O,
-                route: O,
-                icon: ae,
-                title: ue,
-                disabled: t.openDisabled && se
-              }, r.menuItem ? () => r.menuItem?.({
-                item: c
+              y(j, {
+                ...p,
+                key: V || C,
+                index: V || C,
+                route: C,
+                icon: se,
+                title: ie,
+                disabled: t.openDisabled && re
+              }, d.menuItem ? () => d.menuItem?.({
+                item: p
               }) : "")
             );
-          })
+          });
+          return Q(ae, u?.length || 0);
         }
-      ) : y(E, {
+      }) : y(j, {
         ...e,
-        key: i || l,
-        index: i || l,
-        title: n,
+        key: c || l,
+        index: c || l,
+        title: o,
         route: l,
-        icon: v,
-        disabled: t.openDisabled && R,
+        icon: i,
+        disabled: t.openDisabled && I,
         onMouseenter: () => G(e),
         onMouseleave: () => K(e)
-      }, r.menuItem ? () => r.menuItem?.({
+      }, d.menuItem ? () => d.menuItem?.({
         item: e,
-        index: o
+        index: n
       }) : "");
-    }, m = h(), Q = b(() => ({
+    }, v = h(), X = b(() => ({
       ...t.collapseWidth === 0 && f.value ? {
         width: 0
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
-    })), w = C.appContext.config.globalProperties.$router;
-    async function X(e) {
+    })), w = x.appContext.config.globalProperties.$router;
+    function ee(e, n) {
       if (t.useRouterJump) {
         const {
-          go: o
-        } = he(w), l = e.route;
-        let n = e.route;
-        e.indexPath.some((i) => be(i)) && (n = e.indexPath.slice(-2).join("/"));
-        const s = w.getRoutes().filter((i) => i.path === n)?.[0]?.meta?.linkTarget;
-        o(s ? {
-          url: l,
+          go: l
+        } = Oe(w), o = e.route;
+        let u = e.route;
+        e.indexPath.some((i) => Se(i)) && (u = e.indexPath.slice(-2).join("/"));
+        const c = w.getRoutes().filter((i) => i.path === u)?.[0]?.meta?.linkTarget;
+        l(c ? {
+          url: o,
           winOpenOpt: {
-            target: s
+            target: c
           }
-        } : l);
+        } : o);
       }
-      d("select", e);
+      r("select", e, n);
     }
-    const S = h(), D = h(), k = h(), ee = b(() => ({
+    const S = h(), k = h(), D = h(), te = b(() => ({
       ...t.collapseWidth === 0 && f.value ? {
         borderRight: "none"
       } : {},
-      width: q(t.width),
+      width: O(t.width),
       height: t.height
     }));
-    ce(() => f.value, (e) => {
-      te.value || (e ? d("update:width", t.collapseWidth) : d("update:width", k.value || t.width), k.value = t.width);
+    fe(() => f.value, (e) => {
+      le.value || (e ? r("update:width", t.collapseWidth) : r("update:width", D.value || t.width), D.value = t.width);
     });
     const {
-      isDraging: te
-    } = Ce(S, D, C), le = b(() => ({
-      left: q(t.width)
-    })), ne = b(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]), A = h([]);
-    return pe(() => {
-      fe(() => {
+      isDraging: le
+    } = Be(S, k, x), oe = b(() => ({
+      left: O(t.width)
+    })), ne = b(() => [s.b(), t.isFixedLeft ? s.m("fixed") : ""]), A = h([]);
+    return me(() => {
+      ve(() => {
         if (t.dragOption?.dragClassName) {
-          const e = document.querySelectorAll(`.${u.e(t.dragOption?.dragClassName)}`)?.[0], {
-            initSortable: o
-          } = ge(e, {
+          const e = document.querySelectorAll(`.${s.e(t.dragOption?.dragClassName)}`)?.[0], {
+            initSortable: n
+          } = xe(e, {
             draggable: ".vft-menu-item",
             onEnd: (l) => {
               const {
-                oldIndex: n,
-                newIndex: s
+                oldIndex: o,
+                newIndex: u
               } = l;
-              W(n) || W(s) || n === s || d("dragEnd", n, s);
+              q(o) || q(u) || o === u || r("dragEnd", o, u);
             },
             ...t.dragOption
           });
-          o();
+          n();
         }
       });
-    }), L({
+    }), J({
       sideRef: S,
-      jumpActiveDom: _,
-      menuRef: m
+      jumpActiveDom: B,
+      menuRef: v
     }), () => {
       let e;
-      return M.value && (A.value = Z(t.menus, j(M.value) ? M.value : 1 / 0)), p("div", {
+      return M.value && (A.value = Y(t.menus, E(M.value) ? M.value : 1 / 0)), m("div", {
         ref: S,
         class: ne.value,
-        style: ee.value
-      }, [r.top ? p("div", {
-        class: u.e("top")
-      }, [r.top()]) : null, y(p(Me, {
-        ref: m,
-        onSelect: X,
-        onOpen: z,
-        onSubMenuClick: Y,
-        defaultActive: H?.value || x.value,
+        style: te.value
+      }, [d.top ? m("div", {
+        class: s.e("top")
+      }, [d.top()]) : null, y(m(be, {
+        ref: v,
+        onSelect: ee,
+        onOpen: Z,
+        onSubMenuClick: z,
+        defaultActive: P?.value || T.value,
         defaultOpeneds: $?.value || A.value,
         disableSubMenuAction: t.disableSubMenuAction,
-        class: [u.e("con"), t.dragOption?.dragClassName ? u.e(t.dragOption?.dragClassName) : ""],
-        style: Q.value,
+        class: [s.e("con"), t.dragOption?.dragClassName ? s.e(t.dragOption?.dragClassName) : ""],
+        style: X.value,
         collapse: F.value ? f.value : !1,
         uniqueOpened: U.value,
-        collapseTransition: !1
-      }, xe(e = t.menus.map((o, l) => B(o, l))) ? e : {
+        collapseTransition: t.collapseTransition,
+        collapseType: t.collapseType
+      }, _e(e = t.menus.map((n, l) => _(n, l))) ? e : {
         default: () => [e]
-      })), r.bottom ? p("div", {
-        class: u.e("bottom")
-      }, [r.bottom()]) : t.showCollapse ? p("div", {
-        onClick: () => d("update:collapse", !f.value),
-        class: [u.e("bottom"), u.e("collapse")]
-      }, [p(ye, {
+      })), d.bottom ? m("div", {
+        class: s.e("bottom")
+      }, [d.bottom()]) : t.showCollapse ? m("div", {
+        onClick: () => r("update:collapse", !f.value),
+        class: [s.e("bottom"), s.e("collapse")]
+      }, [m(ge, {
         style: {
           transform: f.value ? "rotateY(180deg)" : ""
         },
         size: 20,
         icon: "icon-sidebar-collapse"
-      }, null)]) : null, r.default?.(), t.dragWidthCfg ? p("div", {
-        ref: D,
-        style: le.value,
-        class: u.e("drag-bar")
+      }, null)]) : null, d.default?.(), t.dragWidthCfg ? m("div", {
+        ref: k,
+        style: oe.value,
+        class: s.e("drag-bar")
       }, null) : null]);
     };
   }
 });
 export {
-  Le as default
+  Ue as default
 };

package/es/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/es/package.json.d.ts

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

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.482";
+const o = "0.0.483";
 export {
   o as version
 };