st-comp 0.0.260 → 0.0.262

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

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