vft 0.0.249 → 0.0.252

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

@@ -1,92 +1,8 @@
-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 { defineComponent as E, getCurrentInstance as F, useAttrs as O, inject as N, computed as a, reactive as q, onMounted as G, onBeforeUnmount as H, createElementBlock as k, openBlock as o, Fragment as b, createBlock as s, createCommentVNode as m, createElementVNode as p, unref as n, 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";
-import "../button/index.js";
-import "../card/index.js";
-import "../check-tag/index.js";
-import "../checkbox/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../clamp-tooltip/index.js";
-import "../col/index.js";
-import "../collapse-transition/index.js";
-import "../color-picker/index.js";
-import "../config-provider/index.js";
-import "../container/index.js";
-import "../context-menu/context-menu.vue2.js";
-import "../date-picker/index.js";
-import "../date-time-select/index.js";
-import "../descriptions/index.js";
-import "../dialog/index.js";
-import { VftDivider as h } from "../divider/index.js";
-import "../drawer/index.js";
-import "../dropdown/index.js";
-import "../empty/index.js";
-import "../exception/index.js";
-import "../footer-layout/index.js";
-import "../form/index.js";
-import "../full-screen/index.js";
-import "../header-layout/index.js";
-import "../horizontal-menu/index.js";
-import { VftIcon as j } from "../icon/index.js";
-import "../icon-text/index.js";
-import "../iframe-layout/index.js";
-import "../image/index.js";
-import "../image-viewer/index.js";
-import "../input/index.js";
-import "../input-number/index.js";
-import "../link/index.js";
-import "../list-cell/index.js";
-import "../logo/index.js";
-import "./index.js";
-import "../multiple-tabs/index.js";
-import "../overlay/index.js";
-import "../page-wrapper/index.js";
-import "../pagination/index.js";
-import "../popconfirm/index.js";
-import "../popover/index.js";
-import "../popper/index.js";
-import "../qrcode/index.js";
-import "../radio/index.js";
-import "../result/index.js";
-import "../router-view-content/index.js";
-import "../row/index.js";
-import "../scrollbar/index.js";
-import "../search/index.js";
-import "../select/index.js";
-import "../side-menu/index.js";
-import "../skeleton/index.js";
-import "../slider/index.js";
-import "../space/index.js";
-import "../switch/index.js";
-import "../table/index.js";
-import "../tabs/index.js";
-import "../tag/index.js";
-import "../time-picker/index.js";
+import { VftIcon as h } from "../icon/index.js";
+import { VftDivider as j } from "../divider/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";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/props.js";
-import "../steps/index.js";
-import "../autocomplete/index.js";
-import "../modal/index.js";
-import "../progress/index.js";
-import "../super-form/index.js";
-import "../upload/index.js";
-import "../carousel/index.js";
-import "../timeline/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../md-comment/index.js";
-import "../md-container/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
 import "@vueuse/core";
 import { throwError as P } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
@@ -95,15 +11,12 @@ 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";
-import "../message/index.js";
-import "../infinite-scroll/index.js";
-import "../progress-i/index.js";
 import "vue-router";
 import W from "./use-menu.js";
 const X = ["title"], Y = E({
   name: "vft-menu-item",
   inheritAttrs: !1
-}), Le = /* @__PURE__ */ E({
+}), fe = /* @__PURE__ */ E({
   ...Y,
   props: {
     index: {},
@@ -117,85 +30,85 @@ const X = ["title"], Y = E({
     reverse: { type: Boolean }
   },
   emits: ["click", "mouseenter", "mouseleave"],
-  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");
+  setup(e, { emit: S }) {
+    const d = A("menu-item"), c = S, g = F(), T = O(), w = A("menu"), f = A("menu-item"), i = e.isAloneUse ? null : N("rootMenu");
+    !i && !e.isAloneUse && P(d.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,
+      a(() => e.index)
+    ), v = e.isAloneUse ? null : N(`subMenu:${U.value.uid}`);
+    !v && !e.isAloneUse && P(d.b(), "can not inject sub menu");
+    const C = a(() => e.index === i?.activeIndex), l = q({
+      index: e.index,
       indexPath: B,
       active: C
     }), x = () => {
-      t.disabled || (r?.handleMenuItemClick({
+      e.disabled || (i?.handleMenuItemClick({
         ...T,
-        index: t.index,
+        index: e.index,
         indexPath: B.value,
-        route: t.route
-      }), d("click", m));
-    }, p = s(() => K(t.icon, "icon")), z = s(() => L(g, "title"));
+        route: e.route
+      }), c("click", l));
+    }, r = a(() => K(e.icon, "icon")), z = a(() => L(g, "title"));
     return G(() => {
-      t.isAloneUse || (f?.addSubMenu(m), r?.addMenuItem(m));
+      e.isAloneUse || (v?.addSubMenu(l), i?.addMenuItem(l));
     }), H(() => {
-      t.isAloneUse || (f?.removeSubMenu(m), r?.removeMenuItem(m));
-    }), (e, l) => (i(), v(k, null, [
-      e.reverse && e.divider ? (i(), n(o(h), {
+      e.isAloneUse || (v?.removeSubMenu(l), i?.removeMenuItem(l));
+    }), (t, u) => (o(), k(b, null, [
+      t.reverse && t.divider ? (o(), s(n(j), {
         key: 0,
         "margin-y": "0"
-      })) : u("", !0),
-      b("li", {
+      })) : m("", !0),
+      p("li", {
         class: M([
-          e.className,
-          o(c).b(),
-          o(c).is("active", e.isAloneUse ? !1 : C.value),
-          o(c).is("disabled", e.disabled)
+          t.className,
+          n(f).b(),
+          n(f).is("active", t.isAloneUse ? !1 : C.value),
+          n(f).is("disabled", t.disabled)
         ]),
-        onMouseenter: l[0] || (l[0] = (D) => d("mouseenter")),
-        onMouseleave: l[1] || (l[1] = (D) => d("mouseleave")),
+        onMouseenter: u[0] || (u[0] = (D) => c("mouseenter")),
+        onMouseleave: u[1] || (u[1] = (D) => c("mouseleave")),
         role: "menuitem",
         tabindex: "-1",
         onClick: x
       }, [
-        o(U)?.type?.name === "vft-menu" && o(r)?.props.collapse && e.$slots.title ? (i(), n(o(R), {
+        n(U)?.type?.name === "vft-menu" && n(i)?.props.collapse && t.$slots.title ? (o(), s(n(R), {
           key: 0,
           placement: "right",
           "fallback-placements": ["left"],
           persistent: ""
         }, {
           content: $(() => [
-            y(e.$slots, "title")
+            y(t.$slots, "title")
           ]),
           default: $(() => [
-            b("div", {
-              class: M(o(w).be("tooltip", "trigger"))
+            p("div", {
+              class: M(n(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")
+              r.value?.icon ? (o(), s(n(h), I(V({ key: 0 }, r.value)), null, 16)) : m("", !0),
+              y(t.$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
+        })) : (o(), k(b, { key: 1 }, [
+          t.$slots?.default ? y(t.$slots, "default", { key: 0 }) : (o(), k(b, { key: 1 }, [
+            r.value?.icon ? (o(), s(n(h), I(V({ key: 0 }, r.value)), null, 16)) : m("", !0),
+            p("span", {
+              class: M(n(d).e("text")),
+              title: t.title
             }, [
-              J(o(Q), { content: z.value }, null, 8, ["content"])
+              J(n(Q), { content: z.value }, null, 8, ["content"])
             ], 10, X)
           ], 64))
         ], 64))
       ], 34),
-      !e.reverse && e.divider ? (i(), n(o(h), {
+      !t.reverse && t.divider ? (o(), s(n(j), {
         key: 1,
         "margin-y": "0"
-      })) : u("", !0)
+      })) : m("", !0)
     ], 64));
   }
 });
 export {
-  Le as default
+  fe as default
 };

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

@@ -1,4 +1,5 @@
-import { type IconProps, type ToolTipProps } from 'vft/es/components';
+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;

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

@@ -1,92 +1,8 @@
-import { defineComponent as Z, getCurrentInstance as re, computed as i, inject as D, ref as C, reactive as ie, watch as ne, provide as le, onMounted as ue, onBeforeUnmount as ae, useSlots as se, h as u, Fragment as me, withDirectives as pe, vShow as ce } from "vue";
-import { singleAttrToObj as g, renderTNode as de, isMobile as ve } from "@vft/utils";
-import "../alert/index.js";
-import "../avatar/index.js";
-import "../backtop/index.js";
-import "../button/index.js";
-import "../card/index.js";
-import "../check-tag/index.js";
-import "../checkbox/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../clamp-tooltip/index.js";
-import "../col/index.js";
-import { VftCollapseTransition as fe } from "../collapse-transition/index.js";
-import "../color-picker/index.js";
-import "../config-provider/index.js";
-import "../container/index.js";
-import "../context-menu/context-menu.vue2.js";
-import "../date-picker/index.js";
-import "../date-time-select/index.js";
-import "../descriptions/index.js";
-import "../dialog/index.js";
-import "../divider/index.js";
-import "../drawer/index.js";
-import "../dropdown/index.js";
-import "../empty/index.js";
-import "../exception/index.js";
-import "../footer-layout/index.js";
-import "../form/index.js";
-import "../full-screen/index.js";
-import "../header-layout/index.js";
-import "../horizontal-menu/index.js";
+import { defineComponent as Z, getCurrentInstance as ne, computed as l, inject as D, ref as C, reactive as le, watch as ue, provide as ae, onMounted as se, onBeforeUnmount as re, useSlots as ie, h as s, Fragment as ce, withDirectives as de, vShow as me } from "vue";
+import { singleAttrToObj as g, renderTNode as pe, isMobile as ve } from "@vft/utils";
+import { VftTooltip as fe } from "../tooltip/index.js";
 import { VftIcon as L } from "../icon/index.js";
-import "../icon-text/index.js";
-import "../iframe-layout/index.js";
-import "../image/index.js";
-import "../image-viewer/index.js";
-import "../input/index.js";
-import "../input-number/index.js";
-import "../link/index.js";
-import "../list-cell/index.js";
-import "../logo/index.js";
-import "./index.js";
-import "../multiple-tabs/index.js";
-import "../overlay/index.js";
-import "../page-wrapper/index.js";
-import "../pagination/index.js";
-import "../popconfirm/index.js";
-import "../popover/index.js";
-import "../popper/index.js";
-import "../qrcode/index.js";
-import "../radio/index.js";
-import "../result/index.js";
-import "../router-view-content/index.js";
-import "../row/index.js";
-import "../scrollbar/index.js";
-import "../search/index.js";
-import "../select/index.js";
-import "../side-menu/index.js";
-import "../skeleton/index.js";
-import "../slider/index.js";
-import "../space/index.js";
-import "../switch/index.js";
-import "../table/index.js";
-import "../tabs/index.js";
-import "../tag/index.js";
-import "../time-picker/index.js";
-import { VftTooltip as Me } from "../tooltip/index.js";
-import "../tree/index.js";
-import "../verify-code/index.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/props.js";
-import "../steps/index.js";
-import "../autocomplete/index.js";
-import "../modal/index.js";
-import "../progress/index.js";
-import "../super-form/index.js";
-import "../upload/index.js";
-import "../carousel/index.js";
-import "../timeline/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../md-comment/index.js";
-import "../md-container/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
+import { VftCollapseTransition as Me } from "../collapse-transition/index.js";
 import { useTimeoutFn as H } from "@vueuse/core";
 import { throwError as U } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
@@ -95,15 +11,12 @@ 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 "../message/index.js";
-import "../infinite-scroll/index.js";
-import "../progress-i/index.js";
 import be from "./use-menu.js";
 import { useMenuCssVar as he } from "./use-menu-css-var.js";
 const Te = Z({
   name: "vft-sub-menu",
   inheritAttrs: !1
-}), ft = /* @__PURE__ */ Z({
+}), $e = /* @__PURE__ */ Z({
   ...Te,
   props: {
     index: {},
@@ -143,52 +56,52 @@ const Te = Z({
     expose: q,
     emit: G
   }) {
-    const y = w("sub-menu"), I = G, c = re(), {
+    const y = w("sub-menu"), I = G, m = ne(), {
       indexPath: f,
       parentMenu: k
-    } = be(c, i(() => o.index)), s = w("menu"), n = w("sub-menu"), e = D("rootMenu");
+    } = be(m, l(() => o.index)), i = w("menu"), u = w("sub-menu"), e = D("rootMenu");
     e || U(y.b(), "can not inject root menu");
-    const a = D(`subMenu:${k.value.uid}`);
-    a || U(y.b(), "can not inject sub menu");
+    const r = D(`subMenu:${k.value.uid}`);
+    r || U(y.b(), "can not inject sub menu");
     const S = C({});
     let M;
-    const z = C(!1), J = C(), E = C(null), A = i(() => p.value === "horizontal" && b.value ? "bottom-start" : "right-start"), b = i(() => a.level === 0), x = i(() => o.teleported === void 0 ? b.value : o.teleported), K = i(() => e.props.collapse ? `${s.namespace.value}-zoom-in-left` : `${s.namespace.value}-zoom-in-top`), Q = i(() => 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"]), m = i(() => e.openedMenus.includes(o.index)), d = i(() => {
+    const z = C(!1), J = C(), E = C(null), A = l(() => d.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(() => d.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)), p = l(() => {
       let t = !1;
-      return Object.values(S.value).forEach((l) => {
-        l.active && (t = !0);
+      return Object.values(S.value).forEach((a) => {
+        a.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
-    }), B = i(() => e.props.backgroundColor || ""), P = i(() => e.props.activeTextColor || ""), F = i(() => e.props.textColor || ""), p = i(() => e.props.mode), h = ie({
+    }), B = l(() => e.props.backgroundColor || ""), P = l(() => e.props.activeTextColor || ""), F = l(() => e.props.textColor || ""), d = l(() => e.props.mode), h = le({
       index: o.index,
       indexPath: f,
-      active: d
-    }), j = he(e.props, a.level + 1), $ = i(() => p.value !== "horizontal" ? {
+      active: p
+    }), j = he(e.props, r.level + 1), $ = l(() => d.value !== "horizontal" ? {
       color: F.value
     } : {
-      borderBottomColor: d.value ? e.props.activeTextColor ? P.value : "" : "transparent",
-      color: d.value ? P.value : F.value
+      borderBottomColor: p.value ? e.props.activeTextColor ? P.value : "" : "transparent",
+      color: p.value ? P.value : F.value
     }), W = () => E.value?.popperRef?.popperInstanceRef?.destroy(), X = (t) => {
       t || W();
     }, O = (t) => {
-      const l = {
+      const a = {
         e: t,
         index: o.index,
         indexPath: f.value,
-        active: d.value
+        active: p.value
       };
       if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !ve() || e.props.collapse && e.props.mode === "vertical" || o.disabled) {
         e.handleSubMenuClick({
-          ...l,
+          ...a,
           isFirstLevel: !0
         });
         return;
       }
-      e.handleSubMenuClick(l);
-    }, v = (t, l = o.showTimeout) => {
-      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (a.mouseInChild.value = !0, M?.(), {
+      e.handleSubMenuClick(a);
+    }, v = (t, a = o.showTimeout) => {
+      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (r.mouseInChild.value = !0, M?.(), {
         stop: M
       } = H(() => {
         e.openMenu(o.index, f.value);
-      }, l), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), I("mouseenter", t)));
+      }, a), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), I("mouseenter", t)));
     }, Y = () => {
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseEnterTimer = setTimeout(() => {
         e.inSubMenu = !0;
@@ -197,36 +110,36 @@ const Te = Z({
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseleaveTimer = setTimeout(() => {
         e.inSubMenu = !1;
       }, o.hideTimeout - 10);
-    }, T = (t, l = !1) => {
-      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (M?.(), a.mouseInChild.value = !1, {
+    }, T = (t, a = !1) => {
+      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (M?.(), r.mouseInChild.value = !1, {
         stop: M
       } = H(() => {
         !z.value && e.closeMenu(o.index, f.value);
-      }, o.hideTimeout), x.value && l && c.parent?.type.name === "vft-sub-menu" && a.handleMouseleave?.(t, !0), I("mouseleave", t));
+      }, o.hideTimeout), x.value && a && m.parent?.type.name === "vft-sub-menu" && r.handleMouseleave?.(t, !0), I("mouseleave", t));
     };
-    ne(() => e.props.collapse, (t) => X(!!t));
+    ue(() => e.props.collapse, (t) => X(!!t));
     {
-      const t = (r) => {
-        S.value[r.index] = r;
-      }, l = (r) => {
-        delete S.value[r.index];
+      const t = (n) => {
+        S.value[n.index] = n;
+      }, a = (n) => {
+        delete S.value[n.index];
       };
-      le(`subMenu:${c.uid}`, {
+      ae(`subMenu:${m.uid}`, {
         addSubMenu: t,
-        removeSubMenu: l,
+        removeSubMenu: a,
         handleMouseleave: T,
         mouseInChild: z,
-        level: a.level + 1
+        level: r.level + 1
       });
     }
     q({
-      opened: m
-    }), ue(() => {
-      e.addSubMenu(h), a.addSubMenu(h);
-    }), ae(() => {
-      a.removeSubMenu(h), e.removeSubMenu(h);
+      opened: c
+    }), se(() => {
+      e.addSubMenu(h), r.addSubMenu(h);
+    }), re(() => {
+      r.removeSubMenu(h), e.removeSubMenu(h);
     });
-    const V = se(), N = i(() => g(o.icon, "icon")), ee = i(() => g(o.expandIcon, "icon")), oe = i(() => g(o.collapseIcon, "icon")), te = i(() => p.value === "horizontal" && b.value || p.value === "vertical" && !e.props.collapse ? {
+    const V = ie(), N = l(() => g(o.icon, "icon")), ee = l(() => g(o.expandIcon, "icon")), oe = l(() => g(o.collapseIcon, "icon")), te = l(() => d.value === "horizontal" && b.value || d.value === "vertical" && !e.props.collapse ? {
       icon: "icon-arrow-down",
       size: 20,
       ...ee.value
@@ -234,22 +147,22 @@ const Te = Z({
       icon: "icon-arrow-right",
       size: 18,
       ...oe.value
-    }), R = i(() => de(c, "title"));
+    }), R = l(() => pe(m, "title"));
     return () => {
-      const t = [N.value?.icon ? u(L, {
+      const t = [N.value?.icon ? s(L, {
         ...N.value
-      }) : null, u("span", {
-        class: [n.e("text"), n.is("arrow", o.showArrow)],
-        title: c.props.title
-      }, R.value), o.showArrow ? u(L, {
-        class: n.e("icon-arrow"),
+      }) : null, s("span", {
+        class: [u.e("text"), u.is("arrow", o.showArrow)],
+        title: m.props.title
+      }, R.value), o.showArrow ? s(L, {
+        class: u.e("icon-arrow"),
         ...te.value,
         style: {
-          transform: m.value ? "rotateZ(180deg)" : "none"
+          transform: c.value ? "rotateZ(180deg)" : "none"
         }
-      }) : !1], l = e.isMenuPopup ? u(Me, {
+      }) : !1], a = e.isMenuPopup ? s(fe, {
         ref: E,
-        visible: m.value,
+        visible: c.value,
         effect: "light",
         pure: !0,
         offset: o.popperOffset,
@@ -263,53 +176,53 @@ const Te = Z({
         gpuAcceleration: !1,
         ...o.toolTipCfg
       }, {
-        content: () => u("div", {
-          class: [s.m(p.value), s.m("popup-container"), o.popperClass],
-          onMouseenter: (r) => v(r, 100),
-          onMouseleave: (r) => T(r, !0),
-          onFocus: (r) => v(r, 100)
-        }, [u("ul", {
-          class: [s.b(), s.m("popup"), s.m(`popup-${A.value}`)],
+        content: () => s("div", {
+          class: [i.m(d.value), i.m("popup-container"), o.popperClass],
+          onMouseenter: (n) => v(n, 100),
+          onMouseleave: (n) => T(n, !0),
+          onFocus: (n) => v(n, 100)
+        }, [s("ul", {
+          class: [i.b(), i.m("popup"), i.m(`popup-${A.value}`)],
           style: j.value
         }, [V.default?.()])]),
-        default: () => u("div", {
-          class: n.e("title"),
+        default: () => s("div", {
+          class: u.e("title"),
           style: [$.value, {
             backgroundColor: B.value
           }],
-          onMouseenter: (r) => v(r),
-          onMouseleave: (r) => T(r, !0),
-          onClick: (r) => O(r)
+          onMouseenter: (n) => v(n),
+          onMouseleave: (n) => T(n, !0),
+          onClick: (n) => O(n)
         }, t)
       }) : (
         // 以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-        u(me, {}, [R.value ? u("div", {
-          class: n.e("title"),
+        s(ce, {}, [R.value ? s("div", {
+          class: u.e("title"),
           style: [$.value, {
             backgroundColor: B.value
           }],
           ref: J,
           onClick: O
-        }, t) : null, u(fe, {}, {
-          default: () => pe(u("ul", {
+        }, t) : null, s(Me, {}, {
+          default: () => de(s("ul", {
             role: "menu",
-            class: [s.b(), s.m("inline")],
+            class: [i.b(), i.m("inline")],
             style: j.value
-          }, [V.default?.()]), [[ce, m.value]])
+          }, [V.default?.()]), [[me, c.value]])
         })])
       );
-      return u("li", {
-        class: [n.b(), n.is("active", d.value), n.e(String(a.level)), n.is("in-popup", a.level !== 0), n.is("opened", m.value), n.is("arrow", !0), n.is("disabled", o.disabled)],
+      return s("li", {
+        class: [u.b(), u.is("active", p.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: m.value,
-        onMouseenter: [Y, (r) => v(r)],
-        onMouseleave: [_, (r) => T(r, !0)],
+        ariaExpanded: c.value,
+        onMouseenter: [Y, (n) => v(n)],
+        onMouseleave: [_, (n) => T(n, !0)],
         onFocus: v
-      }, [l]);
+      }, [a]);
     };
   }
 });
 export {
-  ft as default
+  $e as default
 };