vft 0.0.239 → 0.0.240

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

@@ -1,5 +1,5 @@
-import { defineComponent as D, getCurrentInstance as J, useAttrs as K, inject as P, computed as u, reactive as L, onMounted as Q, onBeforeUnmount as R, createElementBlock as k, openBlock as r, Fragment as y, createBlock as p, createCommentVNode as d, createElementVNode as b, unref as o, normalizeClass as A, withCtx as E, renderSlot as g, normalizeProps as S, mergeProps as T, createVNode as W } from "vue";
-import { singleAttrToObj as X, renderTNode as Y, VNode as Z } from "@vft/utils";
+import { defineComponent as E, getCurrentInstance as F, useAttrs as O, inject as N, computed as s, reactive as q, onMounted as G, onBeforeUnmount as H, createElementBlock as v, openBlock as i, Fragment as k, createBlock as n, createCommentVNode as u, createElementVNode as b, unref as o, normalizeClass as M, withCtx as $, renderSlot as y, normalizeProps as I, mergeProps as V, createVNode as J } from "vue";
+import { singleAttrToObj as K, renderTNode as L, VNode as Q } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -20,7 +20,7 @@ import "../date-picker/index.js";
 import "../date-time-select/index.js";
 import "../descriptions/index.js";
 import "../dialog/index.js";
-import { VftDivider as w } from "../divider/index.js";
+import { VftDivider as h } from "../divider/index.js";
 import "../drawer/index.js";
 import "../dropdown/index.js";
 import "../empty/index.js";
@@ -30,7 +30,7 @@ import "../form/index.js";
 import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
-import { VftIcon as x } from "../icon/index.js";
+import { VftIcon as j } from "../icon/index.js";
 import "../icon-text/index.js";
 import "../iframe-layout/index.js";
 import "../image/index.js";
@@ -65,7 +65,7 @@ import "../table/index.js";
 import "../tabs/index.js";
 import "../tag/index.js";
 import "../time-picker/index.js";
-import { VftTooltip as _ } from "../tooltip/index.js";
+import { VftTooltip as R } from "../tooltip/index.js";
 import "../tree/index.js";
 import "../verify-code/index.js";
 import "../virtual-list/components/dynamic-size-grid.js";
@@ -88,10 +88,10 @@ import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
 import "@vueuse/core";
-import { throwError as z } from "../../utils/error.js";
+import { throwError as P } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as U } from "../../hooks/use-namespace/index.js";
+import { useNamespace as A } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
@@ -99,12 +99,12 @@ import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
 import "vue-router";
-import tt from "./use-menu.js";
-const et = ["title"], it = D({
+import W from "./use-menu.js";
+const X = ["title"], Y = E({
   name: "vft-menu-item",
   inheritAttrs: !1
-}), Ye = /* @__PURE__ */ D({
-  ...it,
+}), Le = /* @__PURE__ */ E({
+  ...Y,
   props: {
     index: {},
     route: {},
@@ -117,91 +117,85 @@ const et = ["title"], it = D({
     reverse: { type: Boolean }
   },
   emits: ["click", "mouseenter", "mouseleave"],
-  setup(e, { emit: F }) {
-    const c = U("menu-item"), f = F, B = J(), O = K(), q = U("menu"), v = U("menu-item"), t = e.isAloneUse ? null : P("rootMenu");
-    !t && !e.isAloneUse && z(c.b(), "can not inject root menu");
-    const { parentMenu: C, indexPath: N } = tt(
-      B,
-      u(() => e.index)
-    ), m = e.isAloneUse ? null : P(`subMenu:${C.value.uid}`);
-    !m && !e.isAloneUse && z(c.b(), "can not inject sub menu");
-    const $ = u(() => e.index === (t == null ? void 0 : t.activeIndex)), n = L({
-      index: e.index,
-      indexPath: N,
-      active: $
-    }), G = () => {
-      e.disabled || (t == null || t.handleMenuItemClick({
-        ...O,
-        index: e.index,
-        indexPath: N.value,
-        route: e.route
-      }), f("click", n));
-    }, l = u(() => X(e.icon, "icon")), H = u(() => Y(B, "title"));
-    return Q(() => {
-      e.isAloneUse || (m == null || m.addSubMenu(n), t == null || t.addMenuItem(n));
-    }), R(() => {
-      e.isAloneUse || (m == null || m.removeSubMenu(n), t == null || t.removeMenuItem(n));
-    }), (i, s) => {
-      var I, V, h, j, M;
-      return r(), k(y, null, [
-        i.reverse && i.divider ? (r(), p(o(w), {
+  setup(t, { emit: S }) {
+    const a = A("menu-item"), d = S, g = F(), T = O(), w = A("menu"), c = A("menu-item"), r = t.isAloneUse ? null : N("rootMenu");
+    !r && !t.isAloneUse && P(a.b(), "can not inject root menu");
+    const { parentMenu: U, indexPath: B } = W(
+      g,
+      s(() => t.index)
+    ), f = t.isAloneUse ? null : N(`subMenu:${U.value.uid}`);
+    !f && !t.isAloneUse && P(a.b(), "can not inject sub menu");
+    const C = s(() => t.index === r?.activeIndex), m = q({
+      index: t.index,
+      indexPath: B,
+      active: C
+    }), x = () => {
+      t.disabled || (r?.handleMenuItemClick({
+        ...T,
+        index: t.index,
+        indexPath: B.value,
+        route: t.route
+      }), d("click", m));
+    }, p = s(() => K(t.icon, "icon")), z = s(() => L(g, "title"));
+    return G(() => {
+      t.isAloneUse || (f?.addSubMenu(m), r?.addMenuItem(m));
+    }), H(() => {
+      t.isAloneUse || (f?.removeSubMenu(m), r?.removeMenuItem(m));
+    }), (e, l) => (i(), v(k, null, [
+      e.reverse && e.divider ? (i(), n(o(h), {
+        key: 0,
+        "margin-y": "0"
+      })) : u("", !0),
+      b("li", {
+        class: M([
+          e.className,
+          o(c).b(),
+          o(c).is("active", e.isAloneUse ? !1 : C.value),
+          o(c).is("disabled", e.disabled)
+        ]),
+        onMouseenter: l[0] || (l[0] = (D) => d("mouseenter")),
+        onMouseleave: l[1] || (l[1] = (D) => d("mouseleave")),
+        role: "menuitem",
+        tabindex: "-1",
+        onClick: x
+      }, [
+        o(U)?.type?.name === "vft-menu" && o(r)?.props.collapse && e.$slots.title ? (i(), n(o(R), {
           key: 0,
-          "margin-y": "0"
-        })) : d("", !0),
-        b("li", {
-          class: A([
-            i.className,
-            o(v).b(),
-            o(v).is("active", i.isAloneUse ? !1 : $.value),
-            o(v).is("disabled", i.disabled)
+          placement: "right",
+          "fallback-placements": ["left"],
+          persistent: ""
+        }, {
+          content: $(() => [
+            y(e.$slots, "title")
           ]),
-          onMouseenter: s[0] || (s[0] = (a) => f("mouseenter")),
-          onMouseleave: s[1] || (s[1] = (a) => f("mouseleave")),
-          role: "menuitem",
-          tabindex: "-1",
-          onClick: G
-        }, [
-          ((V = (I = o(C)) == null ? void 0 : I.type) == null ? void 0 : V.name) === "vft-menu" && ((h = o(t)) != null && h.props.collapse) && i.$slots.title ? (r(), p(o(_), {
-            key: 0,
-            placement: "right",
-            "fallback-placements": ["left"],
-            persistent: ""
-          }, {
-            content: E(() => [
-              g(i.$slots, "title")
-            ]),
-            default: E(() => {
-              var a;
-              return [
-                b("div", {
-                  class: A(o(q).be("tooltip", "trigger"))
-                }, [
-                  (a = l.value) != null && a.icon ? (r(), p(o(x), S(T({ key: 0 }, l.value)), null, 16)) : d("", !0),
-                  g(i.$slots, "default")
-                ], 2)
-              ];
-            }),
-            _: 3
-          })) : (r(), k(y, { key: 1 }, [
-            (j = i.$slots) != null && j.default ? g(i.$slots, "default", { key: 0 }) : (r(), k(y, { key: 1 }, [
-              (M = l.value) != null && M.icon ? (r(), p(o(x), S(T({ key: 0 }, l.value)), null, 16)) : d("", !0),
-              b("span", {
-                class: A(o(c).e("text")),
-                title: i.title
-              }, [
-                W(o(Z), { content: H.value }, null, 8, ["content"])
-              ], 10, et)
-            ], 64))
+          default: $(() => [
+            b("div", {
+              class: M(o(w).be("tooltip", "trigger"))
+            }, [
+              p.value?.icon ? (i(), n(o(j), I(V({ key: 0 }, p.value)), null, 16)) : u("", !0),
+              y(e.$slots, "default")
+            ], 2)
+          ]),
+          _: 3
+        })) : (i(), v(k, { key: 1 }, [
+          e.$slots?.default ? y(e.$slots, "default", { key: 0 }) : (i(), v(k, { key: 1 }, [
+            p.value?.icon ? (i(), n(o(j), I(V({ key: 0 }, p.value)), null, 16)) : u("", !0),
+            b("span", {
+              class: M(o(a).e("text")),
+              title: e.title
+            }, [
+              J(o(Q), { content: z.value }, null, 8, ["content"])
+            ], 10, X)
           ], 64))
-        ], 34),
-        !i.reverse && i.divider ? (r(), p(o(w), {
-          key: 1,
-          "margin-y": "0"
-        })) : d("", !0)
-      ], 64);
-    };
+        ], 64))
+      ], 34),
+      !e.reverse && e.divider ? (i(), n(o(h), {
+        key: 1,
+        "margin-y": "0"
+      })) : u("", !0)
+    ], 64));
   }
 });
 export {
-  Ye as default
+  Le as default
 };

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

@@ -21,42 +21,43 @@ export interface MenuProps {
     /** 是否省略多余的子项（仅在横向模式生效） */
     ellipsis?: boolean;
     horizontalMenuProps?: Partial<SubMenuProps>;
+    persistent?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MenuProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuProps>>, {
     open: (index: string) => void;
-    close: (index: string, indexPath: string[], e?: Event | undefined) => void;
+    close: (index: string, indexPath: string[], e?: Event) => void;
     handleResize: () => void;
-    menu: import("vue").Ref<HTMLUListElement | undefined>;
-    inSubMenu: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    menu: import("vue").Ref<HTMLUListElement | undefined, HTMLUListElement | undefined>;
+    inSubMenu: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:collapse": (val: boolean) => void;
     "sub-menu-click": (val: any) => void;
     select: (menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => void;
     close: (val: {
         index: string;
         indexPath: string[];
-        event?: Event | undefined;
+        event?: Event;
     }) => void;
     open: (val: {
         index: string;
         indexPath: string[];
-        event?: Event | undefined;
+        event?: Event;
     }) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuProps>>> & Readonly<{
     onSelect?: ((menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((val: {
         index: string;
         indexPath: string[];
-        event?: Event | undefined;
+        event?: Event;
     }) => any) | undefined;
     onOpen?: ((val: {
         index: string;
         indexPath: string[];
-        event?: Event | undefined;
+        event?: Event;
     }) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onSub-menu-click"?: ((val: any) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

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

@@ -16,15 +16,15 @@ export interface SubMenuProps {
     teleported?: boolean;
     [key: string]: any;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<SubMenuProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SubMenuProps>>, {
     opened: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     mouseenter: (event: MouseEvent | FocusEvent) => void;
     mouseleave: (event: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SubMenuProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SubMenuProps>>> & Readonly<{
     onMouseenter?: ((event: MouseEvent | FocusEvent) => any) | undefined;
     onMouseleave?: ((event: MouseEvent) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {