st-comp 0.0.279 → 0.0.281

package/es/el-menu-item-0ac22681.js

@@ -0,0 +1,824 @@
+import { u as k, w as we, b as he, t as te, i as ke, a as R, c as H, e as Ee, f as Fe, g as X, h as Q, r as ce, j as qe, k as Ue, l as Se, m as Oe, n as ge } from "./base-dd156b8e.js";
+import { i as U, u as Ve, a as Ge } from "./use-form-item-784142b4.js";
+import { g as Je, h as Ke, E as Ne, j as Ye } from "./index-6a52dc7c.js";
+import { E as Pe, g as Be, a as S } from "./el-popper-0454c8e8.js";
+import { defineComponent as F, openBlock as z, createBlock as be, Transition as $e, mergeProps as Ae, unref as x, toHandlers as Ze, withCtx as ne, renderSlot as B, computed as m, getCurrentInstance as ye, inject as oe, ref as C, reactive as Me, watch as ee, provide as fe, onMounted as Ie, onBeforeUnmount as He, h as y, Fragment as xe, withDirectives as ze, vShow as Qe, nextTick as Le, watchEffect as Xe, toRef as et, createElementBlock as ae, normalizeClass as se, createElementVNode as ve, createTextVNode as tt, toDisplayString as nt } from "vue";
+import { T as ot } from "./index-3806160e.js";
+import { f as at } from "./vnode-8ee9bf4e.js";
+import { m as st } from "./typescript-7ae59c4c.js";
+import { C as lt } from "./el-select-a573c78b.js";
+var ut = /* @__PURE__ */ F({
+  name: "ElCollapseTransition",
+  __name: "collapse-transition",
+  setup(e) {
+    const o = k("collapse-transition"), u = (t) => {
+      t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
+    }, n = {
+      beforeEnter(t) {
+        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.height && (t.dataset.elExistsHeight = t.style.height), t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0;
+      },
+      enter(t) {
+        requestAnimationFrame(() => {
+          t.dataset.oldOverflow = t.style.overflow, t.dataset.elExistsHeight ? t.style.maxHeight = t.dataset.elExistsHeight : t.scrollHeight !== 0 ? t.style.maxHeight = `${t.scrollHeight}px` : t.style.maxHeight = 0, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom, t.style.overflow = "hidden";
+        });
+      },
+      afterEnter(t) {
+        t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow;
+      },
+      enterCancelled(t) {
+        u(t);
+      },
+      beforeLeave(t) {
+        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.dataset.oldOverflow = t.style.overflow, t.style.maxHeight = `${t.scrollHeight}px`, t.style.overflow = "hidden";
+      },
+      leave(t) {
+        t.scrollHeight !== 0 && (t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0);
+      },
+      afterLeave(t) {
+        u(t);
+      },
+      leaveCancelled(t) {
+        u(t);
+      }
+    };
+    return (t, O) => (z(), be($e, Ae({ name: x(o).b() }, Ze(n)), {
+      default: ne(() => [B(t.$slots, "default")]),
+      _: 3
+    }, 16, ["name"]));
+  }
+}), rt = ut;
+const it = we(rt), _e = "rootMenu", le = "subMenu:";
+function je(e, o) {
+  const u = m(() => {
+    let n = e.parent;
+    const t = [o.value];
+    for (; n.type.name !== "ElMenu"; )
+      n.props.index && t.unshift(n.props.index), n = n.parent;
+    return t;
+  });
+  return {
+    parentMenu: m(() => {
+      let n = e.parent;
+      for (; n && !["ElMenu", "ElSubMenu"].includes(n.type.name); )
+        n = n.parent;
+      return n;
+    }),
+    indexPath: u
+  };
+}
+function ct(e) {
+  return m(() => {
+    const o = e.backgroundColor;
+    return o ? new ot(o).shade(20).toString() : "";
+  });
+}
+const We = (e, o) => {
+  const u = k("menu");
+  return m(() => u.cssVarBlock({
+    "text-color": e.textColor || "",
+    "hover-text-color": e.textColor || "",
+    "bg-color": e.backgroundColor || "",
+    "hover-bg-color": ct(e).value || "",
+    "active-color": e.activeTextColor || "",
+    level: `${o}`
+  }));
+}, dt = he({
+  /**
+  * @description unique identification
+  */
+  index: {
+    type: String,
+    required: !0
+  },
+  /**
+  * @description timeout before showing a sub-menu(inherit `show-timeout` of the menu by default.)
+  */
+  showTimeout: Number,
+  /**
+  * @description timeout before hiding a sub-menu(inherit `hide-timeout` of the menu by default.)
+  */
+  hideTimeout: Number,
+  /**
+  * @description custom class name for the popup menu
+  */
+  popperClass: {
+    type: H([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
+    default: void 0
+  },
+  /**
+  * @description custom style for the popup menu
+  */
+  popperStyle: {
+    type: H([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
+    default: void 0
+  },
+  /**
+  * @description whether the sub-menu is disabled
+  */
+  disabled: Boolean,
+  /**
+  * @description whether popup menu is teleported to the body
+  */
+  teleported: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description offset of the popper (overrides the `popper` of menu)
+  */
+  popperOffset: Number,
+  /**
+  * @description Icon when menu are expanded and submenu are closed, `expand-close-icon` and `expand-open-icon` need to be passed together to take effect
+  */
+  expandCloseIcon: { type: U },
+  /**
+  * @description Icon when menu are expanded and submenu are opened, `expand-open-icon` and `expand-close-icon` need to be passed together to take effect
+  */
+  expandOpenIcon: { type: U },
+  /**
+  * @description Icon when menu are collapsed and submenu are closed, `collapse-close-icon` and `collapse-open-icon` need to be passed together to take effect
+  */
+  collapseCloseIcon: { type: U },
+  /**
+  * @description Icon when menu are collapsed and submenu are opened, `collapse-open-icon` and `collapse-close-icon` need to be passed together to take effect
+  */
+  collapseOpenIcon: { type: U }
+}), de = "ElSubMenu";
+var Ce = F({
+  name: de,
+  props: dt,
+  setup(e, { slots: o, expose: u }) {
+    const n = ye(), { indexPath: t, parentMenu: O } = je(n, m(() => e.index)), c = k("menu"), _ = k("sub-menu"), l = oe(_e);
+    l || te(de, "can not inject root menu");
+    const f = oe(`${le}${O.value.uid}`);
+    f || te(de, "can not inject sub menu");
+    const $ = C({}), M = C({});
+    let d;
+    const h = C(!1), E = C(), I = C(), A = m(() => f.level === 0), V = m(() => P.value === "horizontal" && A.value ? "bottom-start" : "right-start"), N = m(() => P.value === "horizontal" && A.value || P.value === "vertical" && !l.props.collapse ? e.expandCloseIcon && e.expandOpenIcon ? w.value ? e.expandOpenIcon : e.expandCloseIcon : Je : e.collapseCloseIcon && e.collapseOpenIcon ? w.value ? e.collapseOpenIcon : e.collapseCloseIcon : Ke), L = m(() => {
+      const r = e.teleported;
+      return ke(r) ? A.value : r;
+    }), G = m(() => l.props.collapse ? `${c.namespace.value}-zoom-in-left` : `${c.namespace.value}-zoom-in-top`), ue = m(() => P.value === "horizontal" && A.value ? [
+      "bottom-start",
+      "bottom-end",
+      "top-start",
+      "top-end",
+      "right-start",
+      "left-start"
+    ] : [
+      "right-start",
+      "right",
+      "right-end",
+      "left-start",
+      "bottom-start",
+      "bottom-end",
+      "top-start",
+      "top-end"
+    ]), w = m(() => l.openedMenus.includes(e.index)), j = m(() => [...Object.values($.value), ...Object.values(M.value)].some(({ active: r }) => r)), P = m(() => l.props.mode), J = m(() => l.props.persistent), W = Me({
+      index: e.index,
+      indexPath: t,
+      active: j
+    }), K = We(l.props, f.level + 1), Y = m(() => e.popperOffset ?? l.props.popperOffset), q = m(() => e.popperClass ?? l.props.popperClass), D = m(() => e.popperStyle ?? l.props.popperStyle), Z = m(() => e.showTimeout ?? l.props.showTimeout), re = m(() => e.hideTimeout ?? l.props.hideTimeout), a = () => {
+      var r, b, p;
+      return (p = (b = (r = I.value) == null ? void 0 : r.popperRef) == null ? void 0 : b.popperInstanceRef) == null ? void 0 : p.destroy();
+    }, s = (r) => {
+      r || a();
+    }, i = () => {
+      l.props.menuTrigger === "hover" && l.props.mode === "horizontal" || l.props.collapse && l.props.mode === "vertical" || e.disabled || l.handleSubMenuClick({
+        index: e.index,
+        indexPath: t.value,
+        active: j.value
+      });
+    }, g = (r, b = Z.value) => {
+      var p;
+      if (r.type !== "focus") {
+        if (l.props.menuTrigger === "click" && l.props.mode === "horizontal" || !l.props.collapse && l.props.mode === "vertical" || e.disabled) {
+          f.mouseInChild.value = !0;
+          return;
+        }
+        f.mouseInChild.value = !0, d == null || d(), { stop: d } = Ee(() => {
+          l.openMenu(e.index, t.value);
+        }, b), L.value && ((p = O.value.vnode.el) == null || p.dispatchEvent(new MouseEvent("mouseenter"))), r.type === "mouseenter" && r.target && Le(() => {
+          Fe(r.target, { preventScroll: !0 });
+        });
+      }
+    }, v = (r = !1) => {
+      var b;
+      if (l.props.menuTrigger === "click" && l.props.mode === "horizontal" || !l.props.collapse && l.props.mode === "vertical") {
+        f.mouseInChild.value = !1;
+        return;
+      }
+      d == null || d(), f.mouseInChild.value = !1, { stop: d } = Ee(() => !h.value && l.closeMenu(e.index, t.value), re.value), L.value && r && ((b = f.handleMouseleave) == null || b.call(f, !0));
+    };
+    ee(() => l.props.collapse, (r) => s(!!r));
+    {
+      const r = (p) => {
+        M.value[p.index] = p;
+      }, b = (p) => {
+        delete M.value[p.index];
+      };
+      fe(`${le}${n.uid}`, {
+        addSubMenu: r,
+        removeSubMenu: b,
+        handleMouseleave: v,
+        mouseInChild: h,
+        level: f.level + 1
+      });
+    }
+    return u({ opened: w }), Ie(() => {
+      l.addSubMenu(W), f.addSubMenu(W);
+    }), He(() => {
+      f.removeSubMenu(W), l.removeSubMenu(W);
+    }), () => {
+      var p;
+      const r = [(p = o.title) == null ? void 0 : p.call(o), y(Ne, {
+        class: _.e("icon-arrow"),
+        style: { transform: w.value ? e.expandCloseIcon && e.expandOpenIcon || e.collapseCloseIcon && e.collapseOpenIcon && l.props.collapse ? "none" : "rotateZ(180deg)" : "none" }
+      }, { default: () => R(N.value) ? y(n.appContext.components[N.value]) : y(N.value) })], b = l.isMenuPopup ? y(Pe, {
+        ref: I,
+        visible: w.value,
+        effect: "light",
+        pure: !0,
+        offset: Y.value,
+        showArrow: !1,
+        persistent: J.value,
+        popperClass: q.value,
+        popperStyle: D.value,
+        placement: V.value,
+        teleported: L.value,
+        fallbackPlacements: ue.value,
+        transition: G.value,
+        gpuAcceleration: !1
+      }, {
+        content: () => {
+          var T;
+          return y("div", {
+            class: [
+              c.m(P.value),
+              c.m("popup-container"),
+              q.value
+            ],
+            onMouseenter: (ie) => g(ie, 100),
+            onMouseleave: () => v(!0),
+            onFocus: (ie) => g(ie, 100)
+          }, [y("ul", {
+            class: [
+              c.b(),
+              c.m("popup"),
+              c.m(`popup-${V.value}`)
+            ],
+            style: K.value
+          }, [(T = o.default) == null ? void 0 : T.call(o)])]);
+        },
+        default: () => y("div", {
+          class: _.e("title"),
+          onClick: i
+        }, r)
+      }) : y(xe, {}, [y("div", {
+        class: _.e("title"),
+        ref: E,
+        onClick: i
+      }, r), y(it, {}, { default: () => {
+        var T;
+        return ze(y("ul", {
+          role: "menu",
+          class: [c.b(), c.m("inline")],
+          style: K.value
+        }, [(T = o.default) == null ? void 0 : T.call(o)]), [[Qe, w.value]]);
+      } })]);
+      return y("li", {
+        class: [
+          _.b(),
+          _.is("active", j.value),
+          _.is("opened", w.value),
+          _.is("disabled", e.disabled)
+        ],
+        role: "menuitem",
+        ariaHaspopup: !0,
+        ariaExpanded: w.value,
+        onMouseenter: g,
+        onMouseleave: () => v(),
+        onFocus: g
+      }, [b]);
+    };
+  }
+}), pt = class {
+  constructor(e, o) {
+    this.parent = e, this.domNode = o, this.subIndex = 0, this.subMenuItems = this.domNode.querySelectorAll("li"), this.addListeners();
+  }
+  gotoSubIndex(e) {
+    e === this.subMenuItems.length ? e = 0 : e < 0 && (e = this.subMenuItems.length - 1), this.subMenuItems[e].focus(), this.subIndex = e;
+  }
+  addListeners() {
+    const e = this.parent.domNode;
+    this.subMenuItems.forEach((o) => {
+      o.addEventListener("keydown", (u) => {
+        const n = Be(u);
+        let t = !1;
+        switch (n) {
+          case S.down:
+            this.gotoSubIndex(this.subIndex + 1), t = !0;
+            break;
+          case S.up:
+            this.gotoSubIndex(this.subIndex - 1), t = !0;
+            break;
+          case S.tab:
+            X(e, "mouseleave");
+            break;
+          case S.enter:
+          case S.numpadEnter:
+          case S.space:
+            t = !0, u.currentTarget.click();
+            break;
+        }
+        return t && (u.preventDefault(), u.stopPropagation()), !1;
+      });
+    });
+  }
+}, mt = class {
+  constructor(e, o) {
+    this.domNode = e, this.submenu = null, this.init(o);
+  }
+  init(e) {
+    this.domNode.setAttribute("tabindex", "0");
+    const o = this.domNode.querySelector(`.${e}-menu`);
+    o && (this.submenu = new pt(this, o)), this.addListeners();
+  }
+  addListeners() {
+    this.domNode.addEventListener("keydown", (e) => {
+      var n, t;
+      const o = Be(e);
+      let u = !1;
+      switch (o) {
+        case S.down:
+          X(e.currentTarget, "mouseenter"), (n = this.submenu) == null || n.gotoSubIndex(0), u = !0;
+          break;
+        case S.up:
+          X(e.currentTarget, "mouseenter"), (t = this.submenu) == null || t.gotoSubIndex(this.submenu.subMenuItems.length - 1), u = !0;
+          break;
+        case S.tab:
+          X(e.currentTarget, "mouseleave");
+          break;
+        case S.enter:
+        case S.numpadEnter:
+        case S.space:
+          u = !0, e.currentTarget.click();
+          break;
+      }
+      u && e.preventDefault();
+    });
+  }
+}, ft = class {
+  constructor(e, o) {
+    this.domNode = e, this.init(o);
+  }
+  init(e) {
+    const o = this.domNode.childNodes;
+    Array.from(o).forEach((u) => {
+      u.nodeType === 1 && new mt(u, e);
+    });
+  }
+}, vt = /* @__PURE__ */ F({
+  name: "ElMenuCollapseTransition",
+  __name: "menu-collapse-transition",
+  setup(e) {
+    const o = k("menu"), u = {
+      onBeforeEnter: (n) => n.style.opacity = "0.2",
+      onEnter(n, t) {
+        Q(n, `${o.namespace.value}-opacity-transition`), n.style.opacity = "1", t();
+      },
+      onAfterEnter(n) {
+        ce(n, `${o.namespace.value}-opacity-transition`), n.style.opacity = "";
+      },
+      onBeforeLeave(n) {
+        n.dataset || (n.dataset = {}), qe(n, o.m("collapse")) ? (ce(n, o.m("collapse")), n.dataset.oldOverflow = n.style.overflow, n.dataset.scrollWidth = n.clientWidth.toString(), Q(n, o.m("collapse"))) : (Q(n, o.m("collapse")), n.dataset.oldOverflow = n.style.overflow, n.dataset.scrollWidth = n.clientWidth.toString(), ce(n, o.m("collapse"))), n.style.width = `${n.scrollWidth}px`, n.style.overflow = "hidden";
+      },
+      onLeave(n) {
+        Q(n, "horizontal-collapse-transition"), n.style.width = `${n.dataset.scrollWidth}px`;
+      }
+    };
+    return (n, t) => (z(), be($e, Ae({ mode: "out-in" }, u), {
+      default: ne(() => [B(n.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), ht = vt;
+const gt = he({
+  /**
+  * @description menu display mode
+  */
+  mode: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "vertical"
+  },
+  /**
+  * @description index of active menu on page load
+  */
+  defaultActive: {
+    type: String,
+    default: ""
+  },
+  /**
+  * @description array that contains indexes of currently active sub-menus
+  */
+  defaultOpeneds: {
+    type: H(Array),
+    default: () => st([])
+  },
+  /**
+  * @description whether only one sub-menu can be active
+  */
+  uniqueOpened: Boolean,
+  /**
+  * @description whether `vue-router` mode is activated. If true, index will be used as 'path' to activate the route action. Use with `default-active` to set the active item on load.
+  */
+  router: Boolean,
+  /**
+  * @description how sub-menus are triggered, only works when `mode` is 'horizontal'
+  */
+  menuTrigger: {
+    type: String,
+    values: ["hover", "click"],
+    default: "hover"
+  },
+  /**
+  * @description whether the menu is collapsed (available only in vertical mode)
+  */
+  collapse: Boolean,
+  /**
+  * @description background color of Menu (hex format) (deprecated, use `--bg-color` instead)
+  * @deprecated use `--bg-color` instead
+  */
+  backgroundColor: String,
+  /**
+  * @description text color of Menu (hex format) (deprecated, use `--text-color` instead)
+  * @deprecated use `--text-color` instead
+  */
+  textColor: String,
+  /**
+  * @description text color of currently active menu item (hex format) (deprecated, use `--active-color` instead)
+  * @deprecated use `--active-color` instead
+  */
+  activeTextColor: String,
+  /**
+  * @description optional, whether menu is collapsed when clicking outside
+  */
+  closeOnClickOutside: Boolean,
+  /**
+  * @description whether to enable the collapse transition
+  */
+  collapseTransition: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+  * @description whether the menu is ellipsis (available only in horizontal mode)
+  */
+  ellipsis: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+  * @description offset of the popper (effective for all submenus)
+  */
+  popperOffset: {
+    type: Number,
+    default: 6
+  },
+  /**
+  * @description custom ellipsis icon (available only in horizontal mode and ellipsis is true)
+  */
+  ellipsisIcon: {
+    type: U,
+    default: () => Ye
+  },
+  /**
+  * @description Tooltip theme, built-in theme: `dark` / `light` when menu is collapsed
+  */
+  popperEffect: {
+    type: H(String),
+    default: "dark"
+  },
+  /**
+  * @description custom class name for all popup menus
+  */
+  popperClass: {
+    type: H([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
+    default: void 0
+  },
+  /**
+  * @description custom style for all popup menus
+  */
+  popperStyle: {
+    type: H([
+      String,
+      Array,
+      Object,
+      Boolean
+    ]),
+    default: void 0
+  },
+  /**
+  * @description control timeout for all menus before showing
+  */
+  showTimeout: {
+    type: Number,
+    default: 300
+  },
+  /**
+  * @description control timeout for all menus before hiding
+  */
+  hideTimeout: {
+    type: Number,
+    default: 300
+  },
+  /**
+  * @description when menu inactive and `persistent` is `false` , dropdown menu will be destroyed
+  */
+  persistent: {
+    type: Boolean,
+    default: !0
+  }
+}), pe = (e) => Oe(e) && e.every((o) => R(o)), bt = {
+  close: (e, o) => R(e) && pe(o),
+  open: (e, o) => R(e) && pe(o),
+  select: (e, o, u, n) => R(e) && pe(o) && Ue(u) && (ke(n) || n instanceof Promise)
+}, Te = 64;
+var yt = F({
+  name: "ElMenu",
+  props: gt,
+  emits: bt,
+  setup(e, { emit: o, slots: u, expose: n }) {
+    const t = ye(), O = t.appContext.config.globalProperties.$router, c = C(), _ = C(), l = k("menu"), f = k("sub-menu");
+    let $ = Te;
+    const M = C(-1), d = C(e.defaultOpeneds && !e.collapse ? e.defaultOpeneds.slice(0) : []), h = C(e.defaultActive), E = C({}), I = C({}), A = m(() => e.mode === "horizontal" || e.mode === "vertical" && e.collapse), V = () => {
+      const a = h.value && E.value[h.value];
+      !a || e.mode === "horizontal" || e.collapse || a.indexPath.forEach((s) => {
+        const i = I.value[s];
+        i && N(s, i.indexPath);
+      });
+    }, N = (a, s) => {
+      d.value.includes(a) || (e.uniqueOpened && (d.value = d.value.filter((i) => s.includes(i))), d.value.push(a), o("open", a, s));
+    }, L = (a) => {
+      const s = d.value.indexOf(a);
+      s !== -1 && d.value.splice(s, 1);
+    }, G = (a, s) => {
+      L(a), o("close", a, s);
+    }, ue = ({ index: a, indexPath: s }) => {
+      d.value.includes(a) ? G(a, s) : N(a, s);
+    }, w = (a) => {
+      (e.mode === "horizontal" || e.collapse) && (d.value = []);
+      const { index: s, indexPath: i } = a;
+      if (!(Se(s) || Se(i)))
+        if (e.router && O) {
+          const g = a.route || s, v = O.push(g).then((r) => (r || (h.value = s), r));
+          o("select", s, i, {
+            index: s,
+            indexPath: i,
+            route: g
+          }, v);
+        } else
+          h.value = s, o("select", s, i, {
+            index: s,
+            indexPath: i
+          });
+    }, j = (a) => {
+      var i;
+      const s = E.value;
+      h.value = ((i = s[a] || h.value && s[h.value] || s[e.defaultActive]) == null ? void 0 : i.index) ?? a;
+    }, P = (a) => {
+      const s = getComputedStyle(a), i = Number.parseInt(s.marginLeft, 10), g = Number.parseInt(s.marginRight, 10);
+      return a.offsetWidth + i + g || 0;
+    }, J = () => {
+      if (!c.value)
+        return -1;
+      const a = Array.from(c.value.childNodes).filter((p) => p.nodeName !== "#comment" && (p.nodeName !== "#text" || p.nodeValue)), s = getComputedStyle(c.value), i = Number.parseInt(s.paddingLeft, 10), g = Number.parseInt(s.paddingRight, 10), v = c.value.clientWidth - i - g;
+      let r = 0, b = 0;
+      return a.forEach((p, T) => {
+        r += P(p), r <= v - $ && (b = T + 1);
+      }), b === a.length ? -1 : b;
+    }, W = (a) => I.value[a].indexPath, K = (a, s = 33.34) => {
+      let i;
+      return () => {
+        i && clearTimeout(i), i = setTimeout(() => {
+          a();
+        }, s);
+      };
+    };
+    let Y = !0;
+    const q = () => {
+      const a = Ge(_);
+      if (a && ($ = P(a) || Te), M.value === J())
+        return;
+      const s = () => {
+        M.value = -1, Le(() => {
+          M.value = J();
+        });
+      };
+      Y ? s() : K(s)(), Y = !1;
+    };
+    ee(() => e.defaultActive, (a) => {
+      E.value[a] || (h.value = ""), j(a);
+    }), ee(() => e.collapse, (a) => {
+      a && (d.value = []);
+    }), ee(E.value, V);
+    let D;
+    Xe(() => {
+      e.mode === "horizontal" && e.ellipsis ? D = Ve(c, q).stop : D == null || D();
+    });
+    const Z = C(!1);
+    {
+      const a = (v) => {
+        I.value[v.index] = v;
+      }, s = (v) => {
+        delete I.value[v.index];
+      };
+      fe(_e, Me({
+        props: e,
+        openedMenus: d,
+        items: E,
+        subMenus: I,
+        activeIndex: h,
+        isMenuPopup: A,
+        addMenuItem: (v) => {
+          E.value[v.index] = v;
+        },
+        removeMenuItem: (v) => {
+          delete E.value[v.index];
+        },
+        addSubMenu: a,
+        removeSubMenu: s,
+        openMenu: N,
+        closeMenu: G,
+        handleMenuItemClick: w,
+        handleSubMenuClick: ue
+      })), fe(`${le}${t.uid}`, {
+        addSubMenu: a,
+        removeSubMenu: s,
+        mouseInChild: Z,
+        level: 0
+      });
+    }
+    Ie(() => {
+      e.mode === "horizontal" && new ft(t.vnode.el, l.namespace.value);
+    }), n({
+      open: (s) => {
+        const { indexPath: i } = I.value[s];
+        i.forEach((g) => N(g, i));
+      },
+      close: L,
+      updateActiveIndex: j,
+      handleResize: q
+    });
+    const re = We(e, 0);
+    return () => {
+      var v;
+      let a = ((v = u.default) == null ? void 0 : v.call(u)) ?? [];
+      const s = [];
+      if (e.mode === "horizontal" && c.value) {
+        const r = at(a).filter((T) => (T == null ? void 0 : T.shapeFlag) !== 8), b = M.value === -1 ? r : r.slice(0, M.value), p = M.value === -1 ? [] : r.slice(M.value);
+        p != null && p.length && e.ellipsis && (a = b, s.push(y(Ce, {
+          ref: _,
+          index: "sub-menu-more",
+          class: f.e("hide-arrow"),
+          popperOffset: e.popperOffset
+        }, {
+          title: () => y(Ne, { class: f.e("icon-more") }, { default: () => y(e.ellipsisIcon) }),
+          default: () => p
+        })));
+      }
+      const i = e.closeOnClickOutside ? [[lt, () => {
+        d.value.length && (Z.value || (d.value.forEach((r) => o("close", r, W(r))), d.value = []));
+      }]] : [], g = ze(y("ul", {
+        key: String(e.collapse),
+        role: "menubar",
+        ref: c,
+        style: re.value,
+        class: {
+          [l.b()]: !0,
+          [l.m(e.mode)]: !0,
+          [l.m("collapse")]: e.collapse
+        }
+      }, [...a, ...s]), i);
+      return e.collapseTransition && e.mode === "vertical" ? y(ht, () => g) : g;
+    };
+  }
+});
+const Mt = he({
+  /**
+  * @description unique identification
+  */
+  index: {
+    type: String,
+    required: !0
+  },
+  /**
+  * @description Vue Router object
+  */
+  route: { type: H([String, Object]) },
+  /**
+  * @description whether disabled
+  */
+  disabled: Boolean
+}), It = { click: (e) => R(e.index) && Oe(e.indexPath) }, xt = {
+  /**
+  * @description group title
+  */
+  title: String
+}, me = "ElMenuItem";
+var _t = /* @__PURE__ */ F({
+  name: me,
+  __name: "menu-item",
+  props: Mt,
+  emits: It,
+  setup(e, { expose: o, emit: u }) {
+    const n = e, t = u, O = ye(), c = oe(_e), _ = k("menu"), l = k("menu-item");
+    c || te(me, "can not inject root menu");
+    const { parentMenu: f, indexPath: $ } = je(O, et(n, "index")), M = oe(`${le}${f.value.uid}`);
+    M || te(me, "can not inject sub menu");
+    const d = m(() => n.index === c.activeIndex), h = Me({
+      index: n.index,
+      indexPath: $,
+      active: d
+    }), E = () => {
+      n.disabled || (c.handleMenuItemClick({
+        index: n.index,
+        indexPath: $.value,
+        route: n.route
+      }), t("click", h));
+    };
+    return Ie(() => {
+      M.addSubMenu(h), c.addMenuItem(h);
+    }), He(() => {
+      M.removeSubMenu(h), c.removeMenuItem(h);
+    }), o({
+      parentMenu: f,
+      rootMenu: c,
+      active: d,
+      nsMenu: _,
+      nsMenuItem: l,
+      handleClick: E
+    }), (I, A) => (z(), ae("li", {
+      class: se([
+        x(l).b(),
+        x(l).is("active", d.value),
+        x(l).is("disabled", e.disabled)
+      ]),
+      role: "menuitem",
+      tabindex: "-1",
+      onClick: E
+    }, [x(f).type.name === "ElMenu" && x(c).props.collapse && I.$slots.title ? (z(), be(x(Pe), {
+      key: 0,
+      effect: x(c).props.popperEffect,
+      placement: "right",
+      "fallback-placements": ["left"],
+      "popper-class": x(c).props.popperClass,
+      "popper-style": x(c).props.popperStyle,
+      persistent: x(c).props.persistent,
+      "focus-on-target": ""
+    }, {
+      content: ne(() => [B(I.$slots, "title")]),
+      default: ne(() => [ve("div", { class: se(x(_).be("tooltip", "trigger")) }, [B(I.$slots, "default")], 2)]),
+      _: 3
+    }, 8, [
+      "effect",
+      "popper-class",
+      "popper-style",
+      "persistent"
+    ])) : (z(), ae(xe, { key: 1 }, [B(I.$slots, "default"), B(I.$slots, "title")], 64))], 2));
+  }
+}), De = _t, Ct = /* @__PURE__ */ F({
+  name: "ElMenuItemGroup",
+  __name: "menu-item-group",
+  props: xt,
+  setup(e) {
+    const o = k("menu-item-group");
+    return (u, n) => (z(), ae("li", { class: se(x(o).b()) }, [ve("div", { class: se(x(o).e("title")) }, [u.$slots.title ? B(u.$slots, "title", { key: 1 }) : (z(), ae(xe, { key: 0 }, [tt(nt(e.title), 1)], 64))], 2), ve("ul", null, [B(u.$slots, "default")])], 2));
+  }
+}), Re = Ct;
+const $t = we(yt, {
+  MenuItem: De,
+  MenuItemGroup: Re,
+  SubMenu: Ce
+}), At = ge(De);
+ge(Re);
+ge(Ce);
+export {
+  At as E,
+  $t as a
+};