vft 0.0.71 → 0.0.72

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as Z, getCurrentInstance as Y, computed as r, inject as D, ref as x, reactive as _, watch as ee, provide as oe, onMounted as te, onBeforeUnmount as re, useSlots as ne, h as i, Fragment as le, withDirectives as ie, vShow as ae } from "vue";
+import { defineComponent as Z, getCurrentInstance as Y, computed as n, inject as D, ref as x, reactive as _, watch as ee, provide as oe, onMounted as te, onBeforeUnmount as re, useSlots as ne, h as i, Fragment as le, withDirectives as ie, vShow as ae } from "vue";
 import "../divider/index.js";
 import { VftIcon as H } from "../icon/index.js";
 import "../avatar/index.js";
@@ -7,10 +7,10 @@ import "../result/index.js";
 import "../tabs/index.js";
 import "../popper/index.js";
 import { VftCollapseTransition as ue } from "../collapse-transition/index.js";
-import { VftTooltip as pe } from "../tooltip/index.js";
+import { VftTooltip as se } from "../tooltip/index.js";
 import "../popover/index.js";
 import "./index.js";
-import { singleAttrToObj as se, renderTNode as me } from "@vft/utils";
+import { singleAttrToObj as pe, renderTNode as me } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/index.js";
 import "../header-layout/index.js";
@@ -19,6 +19,7 @@ import "../iframe-layout/index.js";
 import "../router-view-content/index.js";
 import "../logo/index.js";
 import "../back-top/index.js";
+import "../container/index.js";
 import "../config-provider/index.js";
 import "../descriptions/index.js";
 import "../full-screen/index.js";
@@ -56,6 +57,11 @@ import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
 import "../date-time-select/index.js";
+import "../col/index.js";
+import "../row/index.js";
+import "../horizontal-menu/index.js";
+import "../time-picker/index.js";
+import "../date-picker/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -76,8 +82,9 @@ const S = (
   /* hoist-static*/
   I("sub-menu")
 ), ve = Z({
-  name: S.b()
-}), Oo = /* @__PURE__ */ Z({
+  name: S.b(),
+  inheritAttrs: !1
+}), Lo = /* @__PURE__ */ Z({
   ...ve,
   props: {
     index: null,
@@ -91,10 +98,6 @@ const S = (
     disabled: {
       type: Boolean
     },
-    popperAppendToBody: {
-      type: Boolean,
-      default: void 0
-    },
     popperOffset: {
       default: 6
     },
@@ -110,81 +113,89 @@ const S = (
       type: Boolean,
       default: !0
     },
-    toolTipCfg: null
+    toolTipCfg: null,
+    teleported: {
+      type: Boolean,
+      default: void 0
+    }
   },
   setup(o, {
     expose: q
   }) {
-    const v = Y(), {
+    const f = Y(), {
       indexPath: h,
       parentMenu: z
-    } = ce(v, r(() => o.index)), u = I("menu"), p = I("sub-menu"), e = D("rootMenu");
+    } = ce(f, n(() => o.index)), u = I("menu"), s = I("sub-menu"), e = D("rootMenu");
     e || U(S.b(), "can not inject root menu");
     const a = D(`subMenu:${z.value.uid}`);
     a || U(S.b(), "can not inject sub menu");
     const T = x({});
-    let s;
-    const B = x(!1), G = x(), A = x(null), P = r(() => c.value === "horizontal" && M.value ? "bottom-start" : "right-start"), M = r(() => a.level === 0), w = r(() => o.popperAppendToBody === void 0 ? M.value : !!o.popperAppendToBody), J = r(() => e.props.collapse ? `${u.namespace.value}-zoom-in-left` : `${u.namespace.value}-zoom-in-top`), K = r(() => c.value === "horizontal" && M.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 = r(() => e.openedMenus.includes(o.index)), f = r(() => {
+    let p;
+    const A = x(!1), G = x(), B = x(null), P = n(() => d.value === "horizontal" && M.value ? "bottom-start" : "right-start"), M = n(() => a.level === 0), w = n(() => o.teleported === void 0 ? M.value : o.teleported), J = n(() => e.props.collapse ? `${u.namespace.value}-zoom-in-left` : `${u.namespace.value}-zoom-in-top`), K = n(() => d.value === "horizontal" && M.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 = n(() => e.openedMenus.includes(o.index)), b = n(() => {
       let t = !1;
       return Object.values(T.value).forEach((l) => {
         l.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
-    }), j = r(() => e.props.backgroundColor || ""), E = r(() => e.props.activeTextColor || ""), F = r(() => e.props.textColor || ""), c = r(() => e.props.mode), C = _({
+    }), j = n(() => e.props.backgroundColor || ""), E = n(() => e.props.activeTextColor || ""), F = n(() => e.props.textColor || ""), d = n(() => e.props.mode), C = _({
       index: o.index,
       indexPath: h,
-      active: f
-    }), $ = r(() => c.value !== "horizontal" ? {
+      active: b
+    }), $ = de(e.props, a.level + 1), O = n(() => d.value !== "horizontal" ? {
       color: F.value
     } : {
-      borderBottomColor: f.value ? e.props.activeTextColor ? E.value : "" : "transparent",
-      color: f.value ? E.value : F.value
+      borderBottomColor: b.value ? e.props.activeTextColor ? E.value : "" : "transparent",
+      color: b.value ? E.value : F.value
     }), Q = () => {
-      var t, l, n;
-      return (n = (l = (t = A.value) == null ? void 0 : t.popperRef) == null ? void 0 : l.popperInstanceRef) == null ? void 0 : n.destroy();
+      var t, l, r;
+      return (r = (l = (t = B.value) == null ? void 0 : t.popperRef) == null ? void 0 : l.popperInstanceRef) == null ? void 0 : r.destroy();
     }, W = (t) => {
       t || Q();
-    }, O = () => {
-      e.props.menuTrigger === "hover" && e.props.mode === "horizontal" || e.props.collapse && e.props.mode === "vertical" || o.disabled || e.handleSubMenuClick({
+    }, V = (t) => {
+      if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" || e.props.collapse && e.props.mode === "vertical" || o.disabled)
+        return;
+      const l = {
+        e: t,
         index: o.index,
         indexPath: h.value,
-        active: f.value
-      });
+        active: b.value
+      };
+      e.handleSubMenuClick(l);
     }, g = (t, l = o.showTimeout) => {
-      var n;
-      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (a.mouseInChild.value = !0, s == null || s(), {
-        stop: s
+      var r;
+      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (a.mouseInChild.value = !0, p == null || p(), {
+        stop: p
       } = L(() => {
         e.openMenu(o.index, h.value);
-      }, l), w.value && ((n = z.value.vnode.el) == null || n.dispatchEvent(new MouseEvent("mouseenter")))));
+      }, l), w.value && ((r = z.value.vnode.el) == null || r.dispatchEvent(new MouseEvent("mouseenter")))));
     }, y = (t = !1) => {
-      var l, n;
-      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (s == null || s(), a.mouseInChild.value = !1, {
-        stop: s
-      } = L(() => !B.value && e.closeMenu(o.index, h.value), o.hideTimeout), w.value && t && ((l = v.parent) == null ? void 0 : l.type.name) === "vft-sub-menu" && ((n = a.handleMouseleave) == null || n.call(a, !0)));
+      var l, r;
+      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (p == null || p(), a.mouseInChild.value = !1, {
+        stop: p
+      } = L(() => !A.value && e.closeMenu(o.index, h.value), o.hideTimeout), w.value && t && ((l = f.parent) == null ? void 0 : l.type.name) === "vft-sub-menu" && ((r = a.handleMouseleave) == null || r.call(a, !0)));
     };
     ee(() => e.props.collapse, (t) => W(!!t));
     {
-      const t = (n) => {
-        T.value[n.index] = n;
-      }, l = (n) => {
-        delete T.value[n.index];
+      const t = (r) => {
+        T.value[r.index] = r;
+      }, l = (r) => {
+        delete T.value[r.index];
       };
-      oe(`subMenu:${v.uid}`, {
+      oe(`subMenu:${f.uid}`, {
         addSubMenu: t,
         removeSubMenu: l,
         handleMouseleave: y,
-        mouseInChild: B,
+        mouseInChild: A,
         level: a.level + 1
       });
     }
     q({
-      opened: m
+      opened: c
     }), te(() => {
       e.addSubMenu(C), a.addSubMenu(C);
     }), re(() => {
       a.removeSubMenu(C), e.removeSubMenu(C);
     });
-    const d = ne(), X = r(() => c.value === "horizontal" && M.value || c.value === "vertical" && !e.props.collapse ? {
+    const v = ne(), X = n(() => d.value === "horizontal" && M.value || d.value === "vertical" && !e.props.collapse ? {
       icon: "ico-ep:arrow-down",
       size: 20,
       ...o.expandIcon
@@ -192,23 +203,23 @@ const S = (
       icon: "ico-ep:arrow-right",
       size: 18,
       ...o.collapseIcon
-    }), V = r(() => se(o.icon, "icon")), N = r(() => me(v, "title"));
+    }), N = n(() => pe(o.icon, "icon")), R = n(() => me(f, "title"));
     return () => {
-      var R;
-      const t = [(R = V.value) != null && R.icon ? i(H, {
-        ...V.value
+      var r;
+      const t = [(r = N.value) != null && r.icon ? i(H, {
+        ...N.value
       }) : null, i("span", {
-        class: o.showArrow ? p.e("text") : "",
-        title: v.props.title
-      }, N.value), o.showArrow ? i(H, {
-        class: p.e("icon-arrow"),
+        class: o.showArrow ? s.e("text") : "",
+        title: f.props.title
+      }, R.value), o.showArrow ? i(H, {
+        class: s.e("icon-arrow"),
         ...X.value,
         style: {
-          transform: m.value ? "rotateZ(180deg)" : "none"
+          transform: c.value ? "rotateZ(180deg)" : "none"
         }
-      }) : !1], l = de(e.props, a.level + 1), n = e.isMenuPopup ? i(pe, {
-        ref: A,
-        visible: m.value,
+      }) : !1], l = e.isMenuPopup ? i(se, {
+        ref: B,
+        visible: c.value,
         effect: "light",
         pure: !0,
         offset: o.popperOffset,
@@ -223,60 +234,56 @@ const S = (
         ...o.toolTipCfg
       }, {
         content: () => {
-          var b;
+          var m;
           return i("div", {
-            class: [u.m(c.value), u.m("popup-container"), o.popperClass],
+            class: [u.m(d.value), u.m("popup-container"), o.popperClass],
             onMouseenter: (k) => g(k, 100),
             onMouseleave: () => y(!0),
             onFocus: (k) => g(k, 100)
           }, [i("ul", {
             class: [u.b(), u.m("popup"), u.m(`popup-${P.value}`)],
-            style: l.value
-          }, [(b = d.default) == null ? void 0 : b.call(d)])]);
+            style: $.value
+          }, [(m = v.default) == null ? void 0 : m.call(v)])]);
         },
         default: () => i("div", {
-          class: p.e("title"),
-          style: [$.value, {
+          class: s.e("title"),
+          style: [O.value, {
             backgroundColor: j.value
           }],
-          onClick: O
+          onClick: (m) => V(m)
         }, t)
       }) : (
-        /**
-         *  Fragment 碎片化节点，可以让 dom 没有根节点
-         *
-         *  以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-         */
-        i(le, {}, [N.value ? i("div", {
-          class: p.e("title"),
-          style: [$.value, {
+        // 以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
+        i(le, {}, [R.value ? i("div", {
+          class: s.e("title"),
+          style: [O.value, {
             backgroundColor: j.value
           }],
           ref: G,
-          onClick: O
+          onClick: V
         }, t) : null, i(ue, {}, {
           default: () => {
-            var b;
+            var m;
             return ie(i("ul", {
               role: "menu",
               class: [u.b(), u.m("inline")],
-              style: l.value
-            }, [(b = d.default) == null ? void 0 : b.call(d)]), [[ae, m.value]]);
+              style: $.value
+            }, [(m = v.default) == null ? void 0 : m.call(v)]), [[ae, c.value]]);
           }
         })])
       );
       return i("li", {
-        class: [p.b(), p.is("active", f.value), p.is("opened", m.value), p.is("disabled", o.disabled)],
+        class: [s.b(), s.is("active", b.value), s.is("opened", c.value), s.is("disabled", o.disabled)],
         role: "menuitem",
         ariaHaspopup: !0,
-        ariaExpanded: m.value,
+        ariaExpanded: c.value,
         onMouseenter: g,
         onMouseleave: () => y(!0),
         onFocus: g
-      }, [n]);
+      }, [l]);
     };
   }
 });
 export {
-  Oo as default
+  Lo as default
 };