vft 0.0.50 → 0.0.53

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

@@ -0,0 +1,167 @@
+import { defineComponent as S, getCurrentInstance as M, inject as V, computed as l, reactive as Y, onMounted as D, onBeforeUnmount as F, openBlock as m, createElementBlock as p, Fragment as c, createBlock as s, unref as e, createCommentVNode as d, createElementVNode as u, normalizeClass as $, withCtx as j, renderSlot as f, normalizeProps as O, mergeProps as q, createVNode as G } from "vue";
+import { singleAttrToObj as H, renderTNode as J, VNode as K } from "@vft/utils";
+import { throwError as P } from "../../utils/error.js";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { useNamespace as v } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import L from "./use-menu.js";
+import { VftDivider as E } from "../divider/index.js";
+import { VftIcon as Q } from "../icon/index.js";
+import "../avatar/index.js";
+import "../empty/index.js";
+import "../result/index.js";
+import "../tabs/index.js";
+import "../popper/index.js";
+import "../collapse-transition/index.js";
+import { VftTooltip as R } from "../tooltip/index.js";
+import "../popover/index.js";
+import "./index.js";
+import "@vft/use";
+import "../multiple-tabs/multiple-tabs.vue2.js";
+import "@vft/router";
+import "@vft/store";
+import "vue-router";
+import "../header-layout/index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+import "../back-top/index.js";
+import "../config-provider/index.js";
+import "../descriptions/index.js";
+import "../full-screen/index.js";
+import "../icon-text/index.js";
+import "../image/index.js";
+import "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "../search/index.js";
+import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../image-viewer/index.js";
+import "../md-container/index.js";
+import "../md-comment/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../message/index.js";
+const W = ["title"], k = (
+  /* hoist-static*/
+  v("menu-item")
+), X = S({
+  name: k.b()
+}), he = /* @__PURE__ */ S({
+  ...X,
+  props: {
+    index: null,
+    route: null,
+    disabled: { type: Boolean },
+    icon: null,
+    title: null,
+    isAloneUse: { type: Boolean },
+    divider: { type: Boolean },
+    className: null,
+    reverse: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(t, { emit: T }) {
+    const b = M(), w = v("menu"), a = v("menu-item"), i = t.isAloneUse ? null : V("rootMenu");
+    !i && !t.isAloneUse && P(k.b(), "can not inject root menu");
+    const { parentMenu: y, indexPath: g } = L(
+      b,
+      l(() => t.index)
+    ), o = t.isAloneUse ? null : V(`subMenu:${y.value.uid}`);
+    !o && !t.isAloneUse && P(k.b(), "can not inject sub menu");
+    const h = l(() => t.index === (i == null ? void 0 : i.activeIndex)), r = Y({
+      index: t.index,
+      indexPath: g,
+      active: h
+    }), z = () => {
+      t.disabled || (i == null || i.handleMenuItemClick({
+        index: t.index,
+        indexPath: g.value,
+        route: t.route
+      }), T("click", r));
+    }, x = l(() => H(t.icon, "icon")), A = l(() => J(b, "title"));
+    return D(() => {
+      t.isAloneUse || (o == null || o.addSubMenu(r), i == null || i.addMenuItem(r));
+    }), F(() => {
+      t.isAloneUse || (o == null || o.removeSubMenu(r), i == null || i.removeMenuItem(r));
+    }), (n, Z) => {
+      var U, B, C, N, I;
+      return m(), p(c, null, [
+        t.reverse && t.divider ? (m(), s(e(E), {
+          key: 0,
+          marginY: "0"
+        })) : d("", !0),
+        u("li", {
+          class: $([t.className, e(a).b(), e(a).is("active", t.isAloneUse ? !1 : e(h)), e(a).is("disabled", t.disabled)]),
+          role: "menuitem",
+          tabindex: "-1",
+          onClick: z
+        }, [
+          ((B = (U = e(y)) == null ? void 0 : U.type) == null ? void 0 : B.name) === "vft-menu" && ((C = e(i)) != null && C.props.collapse) && n.$slots.title ? (m(), s(e(R), {
+            key: 0,
+            placement: "right",
+            "fallback-placements": ["left"],
+            persistent: ""
+          }, {
+            content: j(() => [
+              f(n.$slots, "title")
+            ]),
+            default: j(() => [
+              u("div", {
+                class: $(e(w).be("tooltip", "trigger"))
+              }, [
+                f(n.$slots, "default")
+              ], 2)
+            ]),
+            _: 3
+          })) : (m(), p(c, { key: 1 }, [
+            (N = n.$slots) != null && N.default ? f(n.$slots, "default", { key: 0 }) : (m(), p(c, { key: 1 }, [
+              (I = e(x)) != null && I.icon ? (m(), s(e(Q), O(q({ key: 0 }, e(x))), null, 16)) : d("", !0),
+              u("span", { title: e(A) }, [
+                G(e(K), { content: e(A) }, null, 8, ["content"])
+              ], 8, W)
+            ], 64))
+          ], 64))
+        ], 2),
+        !t.reverse && t.divider ? (m(), s(e(E), {
+          key: 1,
+          marginY: "0"
+        })) : d("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  he as default
+};

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

@@ -52,7 +52,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     open: (index: string) => void;
     close: (index: string, indexPath: string[]) => void;
     handleResize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "select")[], "open" | "close" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "select")[], "close" | "open" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: __PropType<"horizontal" | "vertical" | undefined>;
         required: false;
@@ -102,8 +102,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

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

@@ -0,0 +1,208 @@
+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 "lodash";
+import "../../utils/ns-cover.js";
+import { useNamespace as N } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import te 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";
+const M = (
+  /* hoist-static*/
+  N("menu")
+), ae = B({
+  name: M.b()
+}), Se = /* @__PURE__ */ B({
+  ...ae,
+  props: {
+    mode: { default: "vertical" },
+    defaultActive: { default: "" },
+    defaultOpeneds: { default: [] },
+    uniqueOpened: { type: Boolean },
+    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)
+        return;
+      e.indexPath.forEach((n) => {
+        const a = h.value[n];
+        a && g(n, a.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));
+          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)
+        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);
+      }), p === e.length ? -1 : p;
+    }, F = (e, t = 33.34) => {
+      let n;
+      return () => {
+        n && clearTimeout(n), n = setTimeout(() => {
+          e();
+        }, t);
+      };
+    };
+    let k = !0;
+    const P = () => {
+      const e = () => {
+        f.value = -1, Z(() => {
+          f.value = L();
+        });
+      };
+      k ? e() : F(e)(), k = !1;
+    };
+    O(
+      () => l.defaultActive,
+      (e) => {
+        c.value[e] || (u.value = ""), D(e);
+      }
+    ), O(
+      () => l.collapse,
+      (e) => {
+        e && (o.value = []);
+      }
+    ), O(c.value, V);
+    let x;
+    U(() => {
+      l.mode === "horizontal" && l.ellipsis ? x = _(s, P).stop : x == null || x();
+    });
+    const R = (e) => {
+      h.value[e.index] = e;
+    }, w = (e) => {
+      delete h.value[e.index];
+    }, j = (e) => {
+      c.value[e.index] = e;
+    }, G = (e) => {
+      delete c.value[e.index];
+    };
+    return A(
+      "rootMenu",
+      X({
+        props: v.props,
+        openedMenus: o,
+        items: c,
+        subMenus: h,
+        activeIndex: u,
+        isMenuPopup: E,
+        addMenuItem: j,
+        removeMenuItem: G,
+        addSubMenu: R,
+        removeSubMenu: w,
+        openMenu: g,
+        closeMenu: S,
+        handleMenuItemClick: q,
+        handleSubMenuClick: $
+      })
+    ), A(`subMenu:${v.uid}`, {
+      addSubMenu: R,
+      removeSubMenu: w,
+      mouseInChild: d(!1),
+      // 表示当前是第一级的 sub-menu
+      level: 0
+    }), Y(() => {
+      l.mode === "horizontal" && new te(v.vnode.el, M.namespace.value);
+    }), W({
+      open: (e) => {
+        const { indexPath: t } = h.value[e];
+        t.forEach((n) => g(n, t));
+      },
+      close: S,
+      handleResize: P
+    }), () => {
+      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(
+          0,
+          f.value
+        ), r = f.value === -1 ? [] : i.slice(f.value);
+        r != null && r.length && l.ellipsis && (e = p, t.push(
+          I(
+            ne,
+            {
+              index: "sub-menu-more",
+              class: z.e("hide-arrow")
+            },
+            {
+              title: () => I(
+                ue,
+                {
+                  icon: "ico-line-md:menu",
+                  class: z.e("icon-more")
+                }
+              ),
+              default: () => r
+            }
+          )
+        ));
+      }
+      const n = oe(v.props, 0), a = I(
+        "ul",
+        {
+          key: String(l.collapse),
+          role: "menubar",
+          ref: s,
+          style: n.value,
+          class: {
+            [M.b()]: !0,
+            [M.m(l.mode)]: !0,
+            [M.m("collapse")]: l.collapse
+          }
+        },
+        [...e, ...t]
+      );
+      return l.collapseTransition && l.mode === "vertical" ? I(le, () => a) : a;
+    };
+  }
+});
+export {
+  Se as default
+};

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

@@ -0,0 +1,284 @@
+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 "../divider/index.js";
+import { VftIcon as H } from "../icon/index.js";
+import "../avatar/index.js";
+import "../empty/index.js";
+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 "../popover/index.js";
+import "./index.js";
+import { singleAttrToObj as se, renderTNode as me } from "@vft/utils";
+import "@vft/use";
+import "../multiple-tabs/multiple-tabs.vue2.js";
+import "@vft/router";
+import "@vft/store";
+import "vue-router";
+import "../header-layout/index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+import "../back-top/index.js";
+import "../config-provider/index.js";
+import "../descriptions/index.js";
+import "../full-screen/index.js";
+import "../icon-text/index.js";
+import "../image/index.js";
+import "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "../search/index.js";
+import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../image-viewer/index.js";
+import "../md-container/index.js";
+import "../md-comment/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../message/index.js";
+import { useNamespace as I } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { useTimeoutFn as L } from "@vueuse/core";
+import { throwError as U } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import ce from "./use-menu.js";
+import { useMenuCssVar as de } from "./use-menu-css-var.js";
+const S = (
+  /* hoist-static*/
+  I("sub-menu")
+), ve = Z({
+  name: S.b()
+}), No = /* @__PURE__ */ Z({
+  ...ve,
+  props: {
+    index: null,
+    showTimeout: {
+      default: 300
+    },
+    hideTimeout: {
+      default: 300
+    },
+    popperClass: null,
+    disabled: {
+      type: Boolean
+    },
+    popperAppendToBody: {
+      type: Boolean,
+      default: void 0
+    },
+    popperOffset: {
+      default: 6
+    },
+    expandIcon: {
+      default: {}
+    },
+    collapseIcon: {
+      default: {}
+    },
+    title: null,
+    icon: null,
+    showArrow: {
+      type: Boolean,
+      default: !0
+    },
+    toolTipCfg: null
+  },
+  setup(o, {
+    expose: q
+  }) {
+    const v = Y(), {
+      indexPath: h,
+      parentMenu: z
+    } = ce(v, r(() => o.index)), u = I("menu"), p = 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 : Boolean(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 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 = _({
+      index: o.index,
+      indexPath: h,
+      active: f
+    }), $ = r(() => c.value !== "horizontal" ? {
+      color: F.value
+    } : {
+      borderBottomColor: f.value ? e.props.activeTextColor ? E.value : "" : "transparent",
+      color: f.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();
+    }, W = (t) => {
+      t || Q();
+    }, O = () => {
+      e.props.menuTrigger === "hover" && e.props.mode === "horizontal" || e.props.collapse && e.props.mode === "vertical" || o.disabled || e.handleSubMenuClick({
+        index: o.index,
+        indexPath: h.value,
+        active: f.value
+      });
+    }, 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
+      } = L(() => {
+        e.openMenu(o.index, h.value);
+      }, l), w.value && ((n = z.value.vnode.el) == null || n.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)));
+    };
+    ee(() => e.props.collapse, (t) => W(Boolean(t)));
+    {
+      const t = (n) => {
+        T.value[n.index] = n;
+      }, l = (n) => {
+        delete T.value[n.index];
+      };
+      oe(`subMenu:${v.uid}`, {
+        addSubMenu: t,
+        removeSubMenu: l,
+        handleMouseleave: y,
+        mouseInChild: B,
+        level: a.level + 1
+      });
+    }
+    q({
+      opened: m
+    }), 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 ? {
+      icon: "ico-ep:arrow-down",
+      size: 20,
+      ...o.expandIcon
+    } : {
+      icon: "ico-ep:arrow-right",
+      size: 18,
+      ...o.collapseIcon
+    }), V = r(() => se(o.icon, "icon")), N = r(() => me(v, "title"));
+    return () => {
+      var R;
+      const t = [(R = V.value) != null && R.icon ? i(H, {
+        ...V.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"),
+        ...X.value,
+        style: {
+          transform: m.value ? "rotateZ(180deg)" : "none"
+        }
+      }) : !1], l = de(e.props, a.level + 1), n = e.isMenuPopup ? i(pe, {
+        ref: A,
+        visible: m.value,
+        effect: "light",
+        pure: !0,
+        offset: o.popperOffset,
+        showArrow: !1,
+        persistent: !0,
+        popperClass: o.popperClass,
+        placement: P.value,
+        teleported: w.value,
+        fallbackPlacements: K.value,
+        transition: J.value,
+        gpuAcceleration: !1,
+        ...o.toolTipCfg
+      }, {
+        content: () => {
+          var b;
+          return i("div", {
+            class: [u.m(c.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)])]);
+        },
+        default: () => i("div", {
+          class: p.e("title"),
+          style: [$.value, {
+            backgroundColor: j.value
+          }],
+          onClick: O
+        }, t)
+      }) : (
+        /**
+         *  Fragment 碎片化节点，可以让 dom 没有根节点
+         *
+         *  以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
+         */
+        i(le, {}, [N.value ? i("div", {
+          class: p.e("title"),
+          style: [$.value, {
+            backgroundColor: j.value
+          }],
+          ref: G,
+          onClick: O
+        }, t) : null, i(ue, {}, {
+          default: () => {
+            var b;
+            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]]);
+          }
+        })])
+      );
+      return i("li", {
+        class: [p.b(), p.is("active", f.value), p.is("opened", m.value), p.is("disabled", o.disabled)],
+        role: "menuitem",
+        ariaHaspopup: !0,
+        ariaExpanded: m.value,
+        onMouseenter: g,
+        onMouseleave: () => y(!0),
+        onFocus: g
+      }, [n]);
+    };
+  }
+});
+export {
+  No as default
+};