st-comp 0.0.146 → 0.0.147

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

@@ -1,771 +0,0 @@
-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
-};