st-comp 0.0.262 → 0.0.263

package/es/el-menu-item-dac65bb3.js

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