st-comp 0.0.147 → 0.0.149

package/es/el-menu-item-7d04c11a.js

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