vft 0.0.427 → 0.0.429

package/es/components/menu/menu.vue2.js

@@ -1,22 +1,22 @@
-import { defineComponent as A, useSlots as X, getCurrentInstance as Y, ref as a, computed as Z, watch as I, watchEffect as _, provide as N, reactive as ee, onMounted as te, h as g, nextTick as ne } from "vue";
+import { defineComponent as E, useSlots as X, getCurrentInstance as Y, ref as i, computed as Z, watch as y, watchEffect as _, provide as N, reactive as ee, onMounted as te, h as g, nextTick as ne } from "vue";
 import { isNullOrUndefined as R, isMobile as le } from "@vft/utils";
 import { VftIcon as oe } from "../icon/index.js";
 import { useResizeObserver as ue } from "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { flattedChildren as se } from "../../utils/vue/vnode.js";
+import { flattedChildren as ae } from "../../utils/vue/vnode.js";
 import "../form/index.js";
 import { useNamespace as w } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import ae from "./menu-collapse-transition.vue.js";
-import ie from "./sub-menu.vue2.js";
+import ie from "./menu-collapse-transition.vue.js";
+import se from "./sub-menu.vue2.js";
 import { useMenuCssVar as ce } from "./use-menu-css-var.js";
 import re from "./utils/menu-bar.js";
-const de = A({
+const de = E({
   name: "vft-menu"
-}), Pe = /* @__PURE__ */ A({
+}), Ae = /* @__PURE__ */ E({
   ...de,
   props: {
     mode: { default: "vertical" },
@@ -29,64 +29,69 @@ const de = A({
     collapseTransition: { type: Boolean, default: !0 },
     ellipsis: { type: Boolean, default: !0 },
     horizontalMenuProps: {},
-    persistent: { type: Boolean, default: !0 }
+    persistent: { type: Boolean, default: !0 },
+    disableSubMenuAction: { type: Boolean, default: !1 }
   },
   emits: ["update:collapse", "sub-menu-click", "select", "close", "open"],
-  setup(n, { expose: E, emit: W }) {
-    const v = W, M = w("menu"), V = X(), p = Y(), y = p.appContext.config.globalProperties.$router, i = a(), z = w("sub-menu"), m = a(-1), u = a(
+  setup(n, { expose: W, emit: V }) {
+    const v = V, M = w("menu"), $ = X(), h = Y(), I = h.appContext.config.globalProperties.$router, s = i(), z = w("sub-menu"), f = i(-1), a = i(
       n.defaultOpeneds && !n.collapse ? n.defaultOpeneds.slice(0) : []
-    ), s = a(n.defaultActive), r = a({}), h = a({}), $ = Z(() => n.mode === "horizontal" || n.mode === "vertical" && n.collapse), q = () => {
-      const e = s.value && r.value[s.value];
+    ), u = i(n.defaultActive), r = i({}), p = i({}), q = Z(() => n.mode === "horizontal" || n.mode === "vertical" && n.collapse), D = () => {
+      const e = u.value && r.value[u.value];
       if (!e || n.mode === "horizontal" || n.collapse) return;
       e.indexPath.forEach((l) => {
-        const o = h.value[l];
+        const o = p.value[l];
         o && b(l, o.indexPath);
       });
     }, b = (e, t, l) => {
-      u.value.includes(e) || (n.uniqueOpened && (u.value = u.value.filter(
+      a.value.includes(e) || (n.uniqueOpened && (a.value = a.value.filter(
         (o) => t.includes(o)
-      )), u.value.push(e), v("open", { index: e, indexPath: t, e: l }));
+      )), a.value.push(e), v("open", { index: e, indexPath: t, e: l }));
     }, x = (e, t, l) => {
-      const o = u.value.indexOf(e);
-      o !== -1 && u.value.splice(o, 1), v("close", { index: e, indexPath: t, e: l });
-    }, D = ({
+      const o = a.value.indexOf(e);
+      o !== -1 && a.value.splice(o, 1), v("close", { index: e, indexPath: t, event: l });
+    }, L = ({
       e,
       index: t,
       indexPath: l,
       isFirstLevel: o = !1
     }) => {
-      o || (u.value.includes(t) ? x(t, l, e) : b(t, l, e)), v("sub-menu-click", { e, index: t, indexPath: l });
-    }, L = (e) => {
-      (n.mode === "horizontal" || n.collapse) && (u.value = []);
+      if (!o) {
+        const c = a.value.includes(t);
+        u.value = t, n.disableSubMenuAction || (c ? x(t, l, e) : b(t, l, e));
+      }
+      v("sub-menu-click", { e, index: t, indexPath: l });
+    }, F = (e) => {
+      (n.mode === "horizontal" || n.collapse) && (a.value = []);
       const { index: t, indexPath: l } = e;
       if (!(R(t) || R(l))) {
-        if (n.router && y) {
-          const o = e.route || t, c = y.push(o).then((d) => (d || (s.value = t), d));
+        if (n.router && I) {
+          const o = e.route || t, c = I.push(o).then((d) => (d || (u.value = t), d));
           v("select", e, c);
         } else
-          s.value = t, v("select", e);
+          u.value = t, v("select", e);
         le() && setTimeout(() => {
-          u.value = [];
+          a.value = [];
         }, 100);
       }
-    }, F = (e) => {
-      const t = r.value, l = t[e] || s.value && t[s.value] || t[n.defaultActive];
-      l ? s.value = l.index : s.value = e;
+    }, C = (e) => {
+      const t = r.value, l = t[e] || u.value && t[u.value] || t[n.defaultActive];
+      l ? u.value = l.index : u.value = e;
     }, U = () => {
-      if (!i.value) return -1;
-      const e = Array.from(i.value?.childNodes ?? []).filter(
+      if (!s.value) return -1;
+      const e = Array.from(s.value?.childNodes ?? []).filter(
         (S) => S.nodeName !== "#text" || S.nodeValue
       ), t = 64, l = Number.parseInt(
-        getComputedStyle(i.value).paddingLeft,
+        getComputedStyle(s.value).paddingLeft,
         10
       ), o = Number.parseInt(
-        getComputedStyle(i.value).paddingRight,
+        getComputedStyle(s.value).paddingRight,
         10
-      ), c = i.value.clientWidth - l - o;
-      let d = 0, f = 0;
+      ), c = s.value.clientWidth - l - o;
+      let d = 0, m = 0;
       return e.forEach((S, Q) => {
-        d += S.offsetWidth || 0, d <= c - t && (f = Q + 1);
-      }), f === e.length ? -1 : f;
+        d += S.offsetWidth || 0, d <= c - t && (m = Q + 1);
+      }), m === e.length ? -1 : m;
     }, j = (e, t = 33.34) => {
       let l;
       return () => {
@@ -95,85 +100,87 @@ const de = A({
         }, t);
       };
     };
-    let C = !0;
-    const T = () => {
+    let T = !0;
+    const O = () => {
       const e = () => {
-        m.value = -1, ne(() => {
-          m.value = U();
+        f.value = -1, ne(() => {
+          f.value = U();
         });
       };
-      C ? e() : j(e)(), C = !1;
+      T ? e() : j(e)(), T = !1;
     };
-    I(
+    y(
       () => n.defaultActive,
       (e) => {
-        r.value[e] || (s.value = ""), F(e);
+        r.value[e] || (u.value = ""), C(e);
       }
-    ), I(
+    ), y(
       () => n.collapse,
       (e) => {
-        e && (u.value = []);
+        e && (a.value = []);
       }
-    ), I(r.value, q);
-    let O;
+    ), y(r.value, D);
+    let k;
     _(() => {
-      n.mode === "horizontal" && n.ellipsis ? O = ue(i, T).stop : O?.();
+      n.mode === "horizontal" && n.ellipsis ? k = ue(s, O).stop : k?.();
     });
-    const k = (e) => {
-      h.value[e.index] = e;
-    }, P = (e) => {
-      delete h.value[e.index];
+    const A = (e) => {
+      p.value[e.index] = e;
+    }, B = (e) => {
+      delete p.value[e.index];
     }, G = (e) => {
       r.value[e.index] = e;
     }, H = (e) => {
       delete r.value[e.index];
-    }, B = a(!1), J = a(), K = a();
+    }, P = i(!1), J = i(), K = i();
     return N(
       "rootMenu",
       ee({
-        props: p.props,
-        openedMenus: u,
+        props: h.props,
+        openedMenus: a,
         items: r,
-        subMenus: h,
-        activeIndex: s,
-        isMenuPopup: $,
-        inSubMenu: B,
+        subMenus: p,
+        activeIndex: u,
+        isMenuPopup: q,
+        inSubMenu: P,
         inSubMenuMouseEnterTimer: J,
         inSubMenuMouseleaveTimer: K,
         addMenuItem: G,
         removeMenuItem: H,
-        addSubMenu: k,
-        removeSubMenu: P,
+        addSubMenu: A,
+        removeSubMenu: B,
         openMenu: b,
         closeMenu: x,
-        handleMenuItemClick: L,
-        handleSubMenuClick: D
+        handleMenuItemClick: F,
+        handleSubMenuClick: L
       })
-    ), N(`subMenu:${p.uid}`, {
-      addSubMenu: k,
-      removeSubMenu: P,
-      mouseInChild: a(!1),
+    ), N(`subMenu:${h.uid}`, {
+      addSubMenu: A,
+      removeSubMenu: B,
+      mouseInChild: i(!1),
       // 表示当前是第一级的 sub-menu
       level: 0
     }), te(() => {
-      n.mode === "horizontal" && new re(p.vnode.el, M.namespace.value);
-    }), E({
+      n.mode === "horizontal" && new re(h.vnode.el, M.namespace.value);
+    }), W({
       open: (e) => {
-        const { indexPath: t } = h.value[e];
+        const { indexPath: t } = p.value[e];
         t.forEach((l) => b(l, t));
       },
       close: x,
-      handleResize: T,
-      menu: i,
-      inSubMenu: B
+      handleResize: O,
+      menu: s,
+      inSubMenu: P,
+      updateActiveIndex: C,
+      activeIndex: u
     }), () => {
-      let e = V.default?.() ?? [];
+      let e = $.default?.() ?? [];
       const t = [];
-      if (n.mode === "horizontal" && i.value) {
-        const c = se(e), d = m.value === -1 ? c : c.slice(0, m.value), f = m.value === -1 ? [] : c.slice(m.value);
-        f?.length && n.ellipsis && (e = d, t.push(
+      if (n.mode === "horizontal" && s.value) {
+        const c = ae(e), d = f.value === -1 ? c : c.slice(0, f.value), m = f.value === -1 ? [] : c.slice(f.value);
+        m?.length && n.ellipsis && (e = d, t.push(
           g(
-            ie,
+            se,
             {
               index: "sub-menu-more",
               class: z.e("hide-arrow"),
@@ -184,17 +191,17 @@ const de = A({
                 icon: "icon-menu-line",
                 class: z.e("icon-more")
               }),
-              default: () => f
+              default: () => m
             }
           )
         ));
       }
-      const l = ce(p.props, 0), o = g(
+      const l = ce(h.props, 0), o = g(
         "ul",
         {
           key: String(n.collapse),
           role: "menubar",
-          ref: i,
+          ref: s,
           style: l.value,
           class: {
             [M.b()]: !0,
@@ -204,10 +211,10 @@ const de = A({
         },
         [...e, ...t]
       );
-      return n.collapseTransition && n.mode === "vertical" ? g(ae, () => o) : o;
+      return n.collapseTransition && n.mode === "vertical" ? g(ie, () => o) : o;
     };
   }
 });
 export {
-  Pe as default
+  Ae as default
 };

package/es/components/menu/sub-menu.vue.d.ts

@@ -1,6 +1,6 @@
-import { type ToolTipProps } from 'vft/es/components/tooltip';
-import { type IconProps } from 'vft/es/components/icon';
-import { type ClassType } from '../types';
+import type { ToolTipProps } from 'vft/es/components/tooltip';
+import type { IconProps } from 'vft/es/components/icon';
+import type { ClassType } from '../types';
 export interface SubMenuProps {
     index: string;
     showTimeout?: number;

package/es/components/menu/sub-menu.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Z, getCurrentInstance as le, computed as l, inject as D, ref as C, reactive as ue, watch as ae, provide as se, onMounted as re, onBeforeUnmount as ie, useSlots as ce, h as s, Fragment as pe, withDirectives as de, vShow as me } from "vue";
+import { defineComponent as Z, getCurrentInstance as le, computed as l, inject as D, ref as C, reactive as ue, watch as ae, provide as se, onMounted as re, onBeforeUnmount as ie, useSlots as ce, h as s, Fragment as pe, withDirectives as me, vShow as de } from "vue";
 import { singleAttrToObj as g, renderTNode as ve, isMobile as fe } from "@vft/utils";
 import { VftTooltip as Me } from "../tooltip/index.js";
 import { VftIcon as L } from "../icon/index.js";
@@ -34,12 +34,8 @@ const Ce = Z({
     popperOffset: {
       default: 6
     },
-    expandIcon: {
-      default: () => ({})
-    },
-    collapseIcon: {
-      default: () => ({})
-    },
+    expandIcon: {},
+    collapseIcon: {},
     title: {},
     icon: {},
     showArrow: {
@@ -57,16 +53,16 @@ const Ce = Z({
     expose: q,
     emit: G
   }) {
-    const y = w("sub-menu"), I = G, d = le(), {
+    const y = G, I = w("sub-menu"), m = le(), {
       indexPath: f,
       parentMenu: k
-    } = he(d, l(() => o.index)), i = w("menu"), u = w("sub-menu"), e = D("rootMenu");
-    e || U(y.b(), "can not inject root menu");
+    } = he(m, l(() => o.index)), i = w("menu"), u = w("sub-menu"), e = D("rootMenu");
+    e || U(I.b(), "can not inject root menu");
     const r = D(`subMenu:${k.value.uid}`);
-    r || U(y.b(), "can not inject sub menu");
+    r || U(I.b(), "can not inject sub menu");
     const S = C({});
     let M;
-    const z = C(!1), J = C(), E = C(null), A = l(() => p.value === "horizontal" && b.value ? "bottom-start" : "right-start"), b = l(() => r.level === 0), x = l(() => o.teleported === void 0 ? b.value : o.teleported), K = l(() => e.props.collapse ? `${i.namespace.value}-zoom-in-left` : `${i.namespace.value}-zoom-in-top`), Q = l(() => p.value === "horizontal" && b.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = l(() => e.openedMenus.includes(o.index)), m = l(() => {
+    const z = C(!1), J = C(), E = C(null), A = l(() => p.value === "horizontal" && b.value ? "bottom-start" : "right-start"), b = l(() => r.level === 0), x = l(() => o.teleported === void 0 ? b.value : o.teleported), K = l(() => e.props.collapse ? `${i.namespace.value}-zoom-in-left` : `${i.namespace.value}-zoom-in-top`), Q = l(() => p.value === "horizontal" && b.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = l(() => e.openedMenus.includes(o.index)), d = l(() => {
       let t = !1;
       return Object.values(S.value).forEach((a) => {
         a.active && (t = !0);
@@ -74,12 +70,12 @@ const Ce = Z({
     }), B = l(() => e.props.backgroundColor || ""), P = l(() => e.props.activeTextColor || ""), F = l(() => e.props.textColor || ""), p = l(() => e.props.mode), W = l(() => e.props.persistent), h = ue({
       index: o.index,
       indexPath: f,
-      active: m
+      active: d
     }), j = Te(e.props, r.level + 1), $ = l(() => p.value !== "horizontal" ? {
       color: F.value
     } : {
-      borderBottomColor: m.value ? e.props.activeTextColor ? P.value : "" : "transparent",
-      color: m.value ? P.value : F.value
+      borderBottomColor: d.value ? e.props.activeTextColor ? P.value : "" : "transparent",
+      color: d.value ? P.value : F.value
     }), X = () => E.value?.popperRef?.popperInstanceRef?.destroy(), Y = (t) => {
       t || X();
     }, O = (t) => {
@@ -87,7 +83,7 @@ const Ce = Z({
         e: t,
         index: o.index,
         indexPath: f.value,
-        active: m.value
+        active: d.value
       };
       if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !fe() || e.props.collapse && e.props.mode === "vertical" || o.disabled) {
         e.handleSubMenuClick({
@@ -102,7 +98,7 @@ const Ce = Z({
         stop: M
       } = H(() => {
         e.openMenu(o.index, f.value);
-      }, a), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), I("mouseenter", t)));
+      }, a), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), y("mouseenter", t)));
     }, _ = () => {
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseEnterTimer = setTimeout(() => {
         e.inSubMenu = !0;
@@ -116,7 +112,7 @@ const Ce = Z({
         stop: M
       } = H(() => {
         !z.value && e.closeMenu(o.index, f.value);
-      }, o.hideTimeout), x.value && a && d.parent?.type.name === "vft-sub-menu" && r.handleMouseleave?.(t, !0), I("mouseleave", t));
+      }, o.hideTimeout), x.value && a && m.parent?.type.name === "vft-sub-menu" && r.handleMouseleave?.(t, !0), y("mouseleave", t));
     };
     ae(() => e.props.collapse, (t) => Y(!!t));
     {
@@ -125,7 +121,7 @@ const Ce = Z({
       }, a = (n) => {
         delete S.value[n.index];
       };
-      se(`subMenu:${d.uid}`, {
+      se(`subMenu:${m.uid}`, {
         addSubMenu: t,
         removeSubMenu: a,
         handleMouseleave: T,
@@ -148,13 +144,13 @@ const Ce = Z({
       icon: "icon-arrow-right",
       size: 18,
       ...te.value
-    }), R = l(() => ve(d, "title"));
+    }), R = l(() => ve(m, "title"));
     return () => {
       const t = [N.value?.icon ? s(L, {
         ...N.value
       }) : null, s("span", {
         class: [u.e("text"), u.is("arrow", o.showArrow)],
-        title: d.props.title
+        title: m.props.title
       }, R.value), o.showArrow ? s(L, {
         class: u.e("icon-arrow"),
         ...ne.value,
@@ -205,15 +201,15 @@ const Ce = Z({
           ref: J,
           onClick: O
         }, t) : null, s(be, {}, {
-          default: () => de(s("ul", {
+          default: () => me(s("ul", {
             role: "menu",
             class: [i.b(), i.m("inline")],
             style: j.value
-          }, [V.default?.()]), [[me, c.value]])
+          }, [V.default?.()]), [[de, c.value]])
         })])
       );
       return s("li", {
-        class: [u.b(), u.is("active", m.value), u.e(String(r.level)), u.is("in-popup", r.level !== 0), u.is("opened", c.value), u.is("arrow", !0), u.is("disabled", o.disabled)],
+        class: [u.b(), u.is("active", d.value), u.e(String(r.level)), u.is("in-popup", r.level !== 0), u.is("opened", c.value), u.is("arrow", !0), u.is("disabled", o.disabled)],
         role: "menuitem",
         ariaHaspopup: !0,
         ariaExpanded: c.value,

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

@@ -25,6 +25,10 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    disableSubMenuAction: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     isFixedLeft: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -75,6 +79,10 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    defaultOpenedsLevel: {
+        type: import("vue").PropType<number | boolean>;
+        default: boolean;
+    };
 }>, {
     sideRef: import("vue").Ref<any, any>;
     jumpActiveDom: ({ activeDom, offset, delay }?: {
@@ -82,6 +90,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         offset?: number | undefined;
         delay?: number | undefined;
     }) => void;
+    menuRef: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:collapse": (val: boolean) => void;
     "update:width": (val: string | number) => void;
@@ -92,6 +101,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         indexPath: string[];
     }) => void;
     subMenuClick: (val: any) => void;
+    subMenuOpenClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
     menuItemMouseleave: (val: any) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -121,6 +131,10 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    disableSubMenuAction: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     isFixedLeft: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -171,6 +185,10 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    defaultOpenedsLevel: {
+        type: import("vue").PropType<number | boolean>;
+        default: boolean;
+    };
 }>> & Readonly<{
     onSelect?: ((val: {
         route: string;
@@ -181,6 +199,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     onDragEnd?: ((oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => any) | undefined;
     onDragWidthEnd?: (() => any) | undefined;
     onSubMenuClick?: ((val: any) => any) | undefined;
+    onSubMenuOpenClick?: ((val: any) => any) | undefined;
     onMenuItemMouseenter?: ((val: any) => any) | undefined;
     onMenuItemMouseleave?: ((val: any) => any) | undefined;
 }>, {
@@ -188,6 +207,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     width: string | number;
     collapse: boolean;
     uniqueOpened: boolean;
+    disableSubMenuAction: boolean;
     isFixedLeft: boolean;
     collapseWidth: string | number;
     menuTopBottomHeight: number;
@@ -200,6 +220,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     autoScrollActiveDom: boolean | number;
     openMenuCollapse: boolean;
     disabledJudgeTurnOver: boolean;
+    defaultOpenedsLevel: number | boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftSideMenu;
 export * from './types';

package/es/components/side-menu/index.js

@@ -6,9 +6,8 @@ import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "../form/index.js";
 import o from "./side-menu.vue2.js";
-import "vue-router";
-const l = t(o);
+const s = t(o);
 export {
-  l as VftSideMenu,
-  l as default
+  s as VftSideMenu,
+  s as default
 };

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

@@ -44,6 +44,9 @@ export interface MenuConProps {
     defaultActive?: string;
     /** 默认展开 */
     defaultOpeneds?: Array<string | number>;
+    defaultOpenedsLevel?: number | boolean;
+    /** 禁用子菜单的展开收缩行为 */
+    disableSubMenuAction?: boolean;
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
     isFixedLeft: boolean;
@@ -59,6 +62,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     height: string;
     menuTopBottomHeight: number;
     useRouterJump: boolean;
+    disableSubMenuAction: boolean;
+    defaultOpenedsLevel: boolean;
 }>>, {
     sideRef: import("vue").Ref<any, any>;
     jumpActiveDom: ({ activeDom, offset, delay }?: {
@@ -66,6 +71,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         offset?: number | undefined;
         delay?: number | undefined;
     }) => void;
+    menuRef: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:collapse": (val: boolean) => void;
     "update:width": (val: string | number) => void;
@@ -76,6 +82,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         indexPath: string[];
     }) => void;
     subMenuClick: (val: any) => void;
+    subMenuOpenClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
     menuItemMouseleave: (val: any) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
@@ -92,6 +99,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     height: string;
     menuTopBottomHeight: number;
     useRouterJump: boolean;
+    disableSubMenuAction: boolean;
+    defaultOpenedsLevel: boolean;
 }>>> & Readonly<{
     onSelect?: ((val: {
         route: string;
@@ -102,6 +111,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onDragEnd?: ((oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => any) | undefined;
     onDragWidthEnd?: (() => any) | undefined;
     onSubMenuClick?: ((val: any) => any) | undefined;
+    onSubMenuOpenClick?: ((val: any) => any) | undefined;
     onMenuItemMouseenter?: ((val: any) => any) | undefined;
     onMenuItemMouseleave?: ((val: any) => any) | undefined;
 }>, {
@@ -109,6 +119,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     width: string | number;
     collapse: boolean;
     uniqueOpened: boolean;
+    disableSubMenuAction: boolean;
     isFixedLeft: boolean;
     collapseWidth: string | number;
     menuTopBottomHeight: number;
@@ -121,6 +132,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     autoScrollActiveDom: boolean | number;
     openMenuCollapse: boolean;
     disabledJudgeTurnOver: boolean;
+    defaultOpenedsLevel: number | boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;