@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-1975.cjs

@@ -1 +1 @@
-"use strict";const t=require("./chunk-1915.cjs");var o=typeof exports=="object"&&exports&&!exports.nodeType&&exports,e=o&&typeof module=="object"&&module&&!module.nodeType&&module,n=e&&e.exports===o,r=n?t.Buffer:void 0;r&&r.allocUnsafe;function u(f,s){return f.slice()}module.exports=u;
+"use strict";const t=require("./chunk-1748.cjs"),i=require("./chunk-1976.cjs");t.withInstall(i);

package/dist/chunks/chunk-1975.js

@@ -1,9 +1,3 @@
-import f from "./chunk-1915.js";
-var r = typeof exports == "object" && exports && !exports.nodeType && exports, e = r && typeof module == "object" && module && !module.nodeType && module, p = e && e.exports === r, o = p ? f.Buffer : void 0;
-o && o.allocUnsafe;
-function l(t, u) {
-  return t.slice();
-}
-export {
-  l as default
-};
+import { withInstall as t } from "./chunk-1748.js";
+import o from "./chunk-1976.js";
+t(o);

package/dist/chunks/chunk-1976.cjs

@@ -1 +1 @@
-"use strict";const t=require("./chunk-1993.cjs"),r=require("./chunk-1994.cjs"),a=require("./chunk-1995.cjs"),o=require("./chunk-1996.cjs"),n=require("./chunk-1997.cjs"),b=require("./chunk-1918.cjs"),e=require("./chunk-1998.cjs");var f="[object Map]",l="[object Object]",g="[object Promise]",d="[object Set]",w="[object WeakMap]",p="[object DataView]",S=e(t),j=e(r),q=e(a),T=e(o),_=e(n);exports.default=b;(t&&exports.default(new t(new ArrayBuffer(1)))!=p||r&&exports.default(new r)!=f||a&&exports.default(a.resolve())!=g||o&&exports.default(new o)!=d||n&&exports.default(new n)!=w)&&(exports.default=function(c){var i=b(c),u=i==l?c.constructor:void 0,s=u?e(u):"";if(s)switch(s){case S:return p;case j:return f;case q:return g;case T:return d;case _:return w}return i});module.exports=exports.default;
+"use strict";const t=require("./chunk-2242.cjs");var e=t;module.exports=e;

package/dist/chunks/chunk-1976.js

@@ -1,28 +1,5 @@
-import e from "./chunk-1993.js";
-import a from "./chunk-1994.js";
-import o from "./chunk-1995.js";
-import i from "./chunk-1996.js";
-import n from "./chunk-1997.js";
-import S from "./chunk-1918.js";
-import t from "./chunk-1998.js";
-var g = "[object Map]", j = "[object Object]", f = "[object Promise]", u = "[object Set]", w = "[object WeakMap]", b = "[object DataView]", T = t(e), C = t(a), M = t(o), d = t(i), v = t(n), r = S;
-(e && r(new e(new ArrayBuffer(1))) != b || a && r(new a()) != g || o && r(o.resolve()) != f || i && r(new i()) != u || n && r(new n()) != w) && (r = function(m) {
-  var c = S(m), p = c == j ? m.constructor : void 0, s = p ? t(p) : "";
-  if (s)
-    switch (s) {
-      case T:
-        return b;
-      case C:
-        return g;
-      case M:
-        return f;
-      case d:
-        return u;
-      case v:
-        return w;
-    }
-  return c;
-});
+import t from "./chunk-2242.js";
+var e = t;
 export {
-  r as default
+  e as default
 };

package/dist/chunks/chunk-1977.cjs

@@ -1 +1 @@
-"use strict";var o=Object.prototype,i=o.hasOwnProperty;function r(t){var n=t.length,e=new t.constructor(n);return n&&typeof t[0]=="string"&&i.call(t,"index")&&(e.index=t.index,e.input=t.input),e}module.exports=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-1704.cjs"),n=require("./chunk-1752.cjs"),i=t.buildProps({type:{type:String,values:["primary","success","warning","info","danger","default"],default:void 0},underline:{type:[Boolean,String],values:[!0,!1,"always","never","hover"],default:void 0},disabled:Boolean,href:{type:String,default:""},target:{type:String,default:"_self"},icon:{type:n.iconPropType}}),r={click:e=>e instanceof MouseEvent};exports.linkEmits=r;exports.linkProps=i;

package/dist/chunks/chunk-1977.js

@@ -1,8 +1,59 @@
-var o = Object.prototype, i = o.hasOwnProperty;
-function p(t) {
-  var n = t.length, e = new t.constructor(n);
-  return n && typeof t[0] == "string" && i.call(t, "index") && (e.index = t.index, e.input = t.input), e;
-}
+import { buildProps as t } from "./chunk-1704.js";
+import { iconPropType as n } from "./chunk-1752.js";
+const i = t({
+  /**
+  * @description type
+  */
+  type: {
+    type: String,
+    values: [
+      "primary",
+      "success",
+      "warning",
+      "info",
+      "danger",
+      "default"
+    ],
+    default: void 0
+  },
+  /**
+  * @description when underlines should appear
+  */
+  underline: {
+    type: [Boolean, String],
+    values: [
+      !0,
+      !1,
+      "always",
+      "never",
+      "hover"
+    ],
+    default: void 0
+  },
+  /**
+  * @description whether the component is disabled
+  */
+  disabled: Boolean,
+  /**
+  * @description same as native hyperlink's `href`
+  */
+  href: {
+    type: String,
+    default: ""
+  },
+  /**
+  * @description same as native hyperlink's `target`
+  */
+  target: {
+    type: String,
+    default: "_self"
+  },
+  /**
+  * @description icon component
+  */
+  icon: { type: n }
+}), a = { click: (e) => e instanceof MouseEvent };
 export {
-  p as default
+  a as linkEmits,
+  i as linkProps
 };

package/dist/chunks/chunk-1978.cjs

@@ -1 +1 @@
-"use strict";const t=require("./chunk-2047.cjs"),c=require("./chunk-2048.cjs"),n=require("./chunk-2049.cjs"),o=require("./chunk-2050.cjs"),s=require("./chunk-2051.cjs");var i="[object Boolean]",u="[object Date]",g="[object Map]",T="[object Number]",b="[object RegExp]",y="[object Set]",l="[object String]",j="[object Symbol]",A="[object ArrayBuffer]",p="[object DataView]",f="[object Float32Array]",m="[object Float64Array]",w="[object Int8Array]",d="[object Int16Array]",q="[object Int32Array]",B="[object Uint8Array]",_="[object Uint8ClampedArray]",x="[object Uint16Array]",C="[object Uint32Array]";function D(e,r,S){var a=e.constructor;switch(r){case A:return t(e);case i:case u:return new a(+e);case p:return c(e);case f:case m:case w:case d:case q:case B:case _:case x:case C:return s(e);case g:return new a;case T:case l:return new a(e);case b:return n(e);case y:return new a;case j:return o(e)}}module.exports=D;
+"use strict";const t=require("./chunk-1748.cjs"),i=require("./chunk-1979.cjs");t.withInstall(i);

package/dist/chunks/chunk-1978.js

@@ -1,42 +1,3 @@
-import t from "./chunk-2047.js";
-import o from "./chunk-2048.js";
-import n from "./chunk-2049.js";
-import c from "./chunk-2050.js";
-import i from "./chunk-2051.js";
-var s = "[object Boolean]", g = "[object Date]", u = "[object Map]", T = "[object Number]", b = "[object RegExp]", l = "[object Set]", m = "[object String]", y = "[object Symbol]", f = "[object ArrayBuffer]", p = "[object DataView]", j = "[object Float32Array]", A = "[object Float64Array]", w = "[object Int8Array]", d = "[object Int16Array]", B = "[object Int32Array]", x = "[object Uint8Array]", C = "[object Uint8ClampedArray]", D = "[object Uint16Array]", S = "[object Uint32Array]";
-function R(a, r, U) {
-  var e = a.constructor;
-  switch (r) {
-    case f:
-      return t(a);
-    case s:
-    case g:
-      return new e(+a);
-    case p:
-      return o(a);
-    case j:
-    case A:
-    case w:
-    case d:
-    case B:
-    case x:
-    case C:
-    case D:
-    case S:
-      return i(a);
-    case u:
-      return new e();
-    case T:
-    case m:
-      return new e(a);
-    case b:
-      return n(a);
-    case l:
-      return new e();
-    case y:
-      return c(a);
-  }
-}
-export {
-  R as default
-};
+import { withInstall as t } from "./chunk-1748.js";
+import i from "./chunk-1979.js";
+t(i);

package/dist/chunks/chunk-1979.cjs

@@ -1 +1 @@
-"use strict";function s(t,n){for(var e=-1,h=n.length,i=t.length;++e<h;)t[i+e]=n[e];return t}module.exports=s;
+"use strict";const e=require("./chunk-2243.cjs");var t=e;module.exports=t;

package/dist/chunks/chunk-1979.js

@@ -1,8 +1,5 @@
-function l(e, n) {
-  for (var t = -1, h = n.length, f = e.length; ++t < h; )
-    e[f + t] = n[t];
-  return e;
-}
+import e from "./chunk-2243.js";
+var _ = e;
 export {
-  l as default
+  _ as default
 };

package/dist/chunks/chunk-1980.cjs

@@ -1 +1 @@
-"use strict";const e=require("./chunk-1983.cjs"),t=require("./chunk-1907.cjs"),n=require("./chunk-1889.cjs");var s=e?e.isConcatSpreadable:void 0;function i(r){return n(r)||t(r)||!!(s&&r&&r[s])}module.exports=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="rootMenu",N="subMenu:";exports.MENU_INJECTION_KEY=E;exports.SUB_MENU_INJECTION_KEY=N;

package/dist/chunks/chunk-1980.js

@@ -1,10 +1,5 @@
-import o from "./chunk-1983.js";
-import e from "./chunk-1907.js";
-import i from "./chunk-1889.js";
-var t = o ? o.isConcatSpreadable : void 0;
-function s(r) {
-  return i(r) || e(r) || !!(t && r && r[t]);
-}
+const E = "rootMenu", N = "subMenu:";
 export {
-  s as default
+  E as MENU_INJECTION_KEY,
+  N as SUB_MENU_INJECTION_KEY
 };

package/dist/chunks/chunk-1981.cjs

@@ -1 +1 @@
-"use strict";const a=require("./chunk-2000.cjs"),n=require("./chunk-2001.cjs"),c=require("./chunk-2008.cjs");function s(e){var t=n(e);return t.length==1&&t[0][2]?c(t[0][0],t[0][1]):function(r){return r===e||a(r,e,t)}}module.exports=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Q=require("./chunk-1741.cjs"),W=require("./chunk-1703.cjs"),$=require("./chunk-1706.cjs"),k=require("./chunk-1704.cjs"),h=require("./chunk-1752.cjs"),j=require("./chunk-1717.cjs"),X=require("./chunk-1754.cjs"),ee=require("./chunk-1671.cjs"),oe=require("./chunk-1906.cjs"),te=require("./chunk-1982.cjs"),ne=require("./chunk-1983.cjs"),y=require("./chunk-1980.cjs"),z=require("./chunk-1786.cjs"),e=require("vue"),ue=require("./chunk-1721.cjs"),B=require("./chunk-1722.cjs"),U=k.buildProps({index:{type:String,required:!0},showTimeout:Number,hideTimeout:Number,popperClass:String,popperStyle:{type:k.definePropType([String,Object])},disabled:Boolean,teleported:{type:Boolean,default:void 0},popperOffset:Number,expandCloseIcon:{type:h.iconPropType},expandOpenIcon:{type:h.iconPropType},collapseCloseIcon:{type:h.iconPropType},collapseOpenIcon:{type:h.iconPropType}}),S="ElSubMenu";var se=e.defineComponent({name:S,props:U,setup(t,{slots:b,expose:F}){const M=e.getCurrentInstance(),{indexPath:p,parentMenu:E}=te(M,e.computed(()=>t.index)),s=j.useNamespace("menu"),a=j.useNamespace("sub-menu"),o=e.inject(y.MENU_INJECTION_KEY);o||$.throwError(S,"can not inject root menu");const u=e.inject(`${y.SUB_MENU_INJECTION_KEY}${E.value.uid}`);u||$.throwError(S,"can not inject sub menu");const A=e.ref({}),C=e.ref({});let d;const O=e.ref(!1),R=e.ref(),P=e.ref(),m=e.computed(()=>u.level===0),N=e.computed(()=>i.value==="horizontal"&&m.value?"bottom-start":"right-start"),T=e.computed(()=>i.value==="horizontal"&&m.value||i.value==="vertical"&&!o.props.collapse?t.expandCloseIcon&&t.expandOpenIcon?l.value?t.expandOpenIcon:t.expandCloseIcon:z.ArrowDown:t.collapseCloseIcon&&t.collapseOpenIcon?l.value?t.collapseOpenIcon:t.collapseCloseIcon:z.ArrowRight),I=e.computed(()=>{const n=t.teleported;return W.isUndefined(n)?m.value:n}),D=e.computed(()=>o.props.collapse?`${s.namespace.value}-zoom-in-left`:`${s.namespace.value}-zoom-in-top`),J=e.computed(()=>i.value==="horizontal"&&m.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"]),l=e.computed(()=>o.openedMenus.includes(t.index)),x=e.computed(()=>[...Object.values(A.value),...Object.values(C.value)].some(({active:n})=>n)),i=e.computed(()=>o.props.mode),K=e.computed(()=>o.props.persistent),v=e.reactive({index:t.index,indexPath:p,active:x}),q=ne.useMenuCssVar(o.props,u.level+1),Y=e.computed(()=>t.popperOffset??o.props.popperOffset),w=e.computed(()=>t.popperClass??o.props.popperClass),H=e.computed(()=>t.popperStyle??o.props.popperStyle),V=e.computed(()=>t.showTimeout??o.props.showTimeout),L=e.computed(()=>t.hideTimeout??o.props.hideTimeout),Z=()=>P.value?.popperRef?.popperInstanceRef?.destroy(),G=n=>{n||Z()},_=()=>{o.props.menuTrigger==="hover"&&o.props.mode==="horizontal"||o.props.collapse&&o.props.mode==="vertical"||t.disabled||o.handleSubMenuClick({index:t.index,indexPath:p.value,active:x.value})},f=(n,c=V.value)=>{if(n.type!=="focus"){if(o.props.menuTrigger==="click"&&o.props.mode==="horizontal"||!o.props.collapse&&o.props.mode==="vertical"||t.disabled){u.mouseInChild.value=!0;return}u.mouseInChild.value=!0,d?.(),{stop:d}=B.useTimeoutFn(()=>{o.openMenu(t.index,p.value)},c),I.value&&E.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")),n.type==="mouseenter"&&n.target&&e.nextTick(()=>{Q.focusElement(n.target,{preventScroll:!0})})}},g=(n=!1)=>{if(o.props.menuTrigger==="click"&&o.props.mode==="horizontal"||!o.props.collapse&&o.props.mode==="vertical"){u.mouseInChild.value=!1;return}d?.(),u.mouseInChild.value=!1,{stop:d}=B.useTimeoutFn(()=>!O.value&&o.closeMenu(t.index,p.value),L.value),I.value&&n&&u.handleMouseleave?.(!0)};e.watch(()=>o.props.collapse,n=>G(!!n));{const n=r=>{C.value[r.index]=r},c=r=>{delete C.value[r.index]};e.provide(`${y.SUB_MENU_INJECTION_KEY}${M.uid}`,{addSubMenu:n,removeSubMenu:c,handleMouseleave:g,mouseInChild:O,level:u.level+1})}return F({opened:l}),e.onMounted(()=>{o.addSubMenu(v),u.addSubMenu(v)}),e.onBeforeUnmount(()=>{u.removeSubMenu(v),o.removeSubMenu(v)}),()=>{const n=[b.title?.(),e.h(X.ElIcon,{class:a.e("icon-arrow"),style:{transform:l.value?t.expandCloseIcon&&t.expandOpenIcon||t.collapseCloseIcon&&t.collapseOpenIcon&&o.props.collapse?"none":"rotateZ(180deg)":"none"}},{default:()=>ue.isString(T.value)?e.h(M.appContext.components[T.value]):e.h(T.value)})],c=o.isMenuPopup?e.h(ee.ElTooltip,{ref:P,visible:l.value,effect:"light",pure:!0,offset:Y.value,showArrow:!1,persistent:K.value,popperClass:w.value,popperStyle:H.value,placement:N.value,teleported:I.value,fallbackPlacements:J.value,transition:D.value,gpuAcceleration:!1},{content:()=>e.h("div",{class:[s.m(i.value),s.m("popup-container"),w.value],onMouseenter:r=>f(r,100),onMouseleave:()=>g(!0),onFocus:r=>f(r,100)},[e.h("ul",{class:[s.b(),s.m("popup"),s.m(`popup-${N.value}`)],style:q.value},[b.default?.()])]),default:()=>e.h("div",{class:a.e("title"),onClick:_},n)}):e.h(e.Fragment,{},[e.h("div",{class:a.e("title"),ref:R,onClick:_},n),e.h(oe.ElCollapseTransition,{},{default:()=>e.withDirectives(e.h("ul",{role:"menu",class:[s.b(),s.m("inline")],style:q.value},[b.default?.()]),[[e.vShow,l.value]])})]);return e.h("li",{class:[a.b(),a.is("active",x.value),a.is("opened",l.value),a.is("disabled",t.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:l.value,onMouseenter:f,onMouseleave:()=>g(),onFocus:f},[c])}}});exports.default=se;exports.subMenuProps=U;

package/dist/chunks/chunk-1981.js

@@ -1,12 +1,222 @@
-import e from "./chunk-2000.js";
-import m from "./chunk-2001.js";
-import n from "./chunk-2008.js";
-function h(a) {
-  var t = m(a);
-  return t.length == 1 && t[0][2] ? n(t[0][0], t[0][1]) : function(r) {
-    return r === a || e(r, a, t);
-  };
-}
+import { focusElement as Q } from "./chunk-1741.js";
+import { isUndefined as W } from "./chunk-1703.js";
+import { throwError as $ } from "./chunk-1706.js";
+import { buildProps as X, definePropType as ee } from "./chunk-1704.js";
+import { iconPropType as M } from "./chunk-1752.js";
+import { useNamespace as j } from "./chunk-1717.js";
+import { ElIcon as oe } from "./chunk-1754.js";
+import { ElTooltip as te } from "./chunk-1671.js";
+import { ElCollapseTransition as ne } from "./chunk-1906.js";
+import le from "./chunk-1982.js";
+import { useMenuCssVar as ae } from "./chunk-1983.js";
+import { MENU_INJECTION_KEY as se, SUB_MENU_INJECTION_KEY as B } from "./chunk-1980.js";
+import { ArrowDown as ue, ArrowRight as re } from "./chunk-1786.js";
+import { defineComponent as ie, getCurrentInstance as pe, computed as n, inject as A, ref as d, reactive as ce, watch as de, provide as me, onMounted as ve, onBeforeUnmount as fe, h as l, Fragment as be, withDirectives as he, vShow as Me, nextTick as Ce } from "vue";
+import { isString as Ie } from "./chunk-1721.js";
+import { useTimeoutFn as F } from "./chunk-1722.js";
+const ge = X({
+  /**
+  * @description unique identification
+  */
+  index: {
+    type: String,
+    required: !0
+  },
+  /**
+  * @description timeout before showing a sub-menu(inherit `show-timeout` of the menu by default.)
+  */
+  showTimeout: Number,
+  /**
+  * @description timeout before hiding a sub-menu(inherit `hide-timeout` of the menu by default.)
+  */
+  hideTimeout: Number,
+  /**
+  * @description custom class name for the popup menu
+  */
+  popperClass: String,
+  /**
+  * @description custom style for the popup menu
+  */
+  popperStyle: { type: ee([String, Object]) },
+  /**
+  * @description whether the sub-menu is disabled
+  */
+  disabled: Boolean,
+  /**
+  * @description whether popup menu is teleported to the body
+  */
+  teleported: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description offset of the popper (overrides the `popper` of menu)
+  */
+  popperOffset: Number,
+  /**
+  * @description Icon when menu are expanded and submenu are closed, `expand-close-icon` and `expand-open-icon` need to be passed together to take effect
+  */
+  expandCloseIcon: { type: M },
+  /**
+  * @description Icon when menu are expanded and submenu are opened, `expand-open-icon` and `expand-close-icon` need to be passed together to take effect
+  */
+  expandOpenIcon: { type: M },
+  /**
+  * @description Icon when menu are collapsed and submenu are closed, `collapse-close-icon` and `collapse-open-icon` need to be passed together to take effect
+  */
+  collapseCloseIcon: { type: M },
+  /**
+  * @description Icon when menu are collapsed and submenu are opened, `collapse-open-icon` and `collapse-close-icon` need to be passed together to take effect
+  */
+  collapseOpenIcon: { type: M }
+}), O = "ElSubMenu";
+var Fe = ie({
+  name: O,
+  props: ge,
+  setup(o, { slots: C, expose: U }) {
+    const I = pe(), { indexPath: m, parentMenu: w } = le(I, n(() => o.index)), s = j("menu"), i = j("sub-menu"), e = A(se);
+    e || $(O, "can not inject root menu");
+    const a = A(`${B}${w.value.uid}`);
+    a || $(O, "can not inject sub menu");
+    const R = d({}), g = d({});
+    let v;
+    const E = d(!1), D = d(), P = d(), f = n(() => a.level === 0), N = n(() => p.value === "horizontal" && f.value ? "bottom-start" : "right-start"), T = n(() => p.value === "horizontal" && f.value || p.value === "vertical" && !e.props.collapse ? o.expandCloseIcon && o.expandOpenIcon ? u.value ? o.expandOpenIcon : o.expandCloseIcon : ue : o.collapseCloseIcon && o.collapseOpenIcon ? u.value ? o.collapseOpenIcon : o.collapseCloseIcon : re), x = n(() => {
+      const t = o.teleported;
+      return W(t) ? f.value : t;
+    }), H = n(() => e.props.collapse ? `${s.namespace.value}-zoom-in-left` : `${s.namespace.value}-zoom-in-top`), J = n(() => p.value === "horizontal" && f.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"
+    ]), u = n(() => e.openedMenus.includes(o.index)), y = n(() => [...Object.values(R.value), ...Object.values(g.value)].some(({ active: t }) => t)), p = n(() => e.props.mode), K = n(() => e.props.persistent), b = ce({
+      index: o.index,
+      indexPath: m,
+      active: y
+    }), _ = ae(e.props, a.level + 1), Y = n(() => o.popperOffset ?? e.props.popperOffset), k = n(() => o.popperClass ?? e.props.popperClass), q = n(() => o.popperStyle ?? e.props.popperStyle), L = n(() => o.showTimeout ?? e.props.showTimeout), V = n(() => o.hideTimeout ?? e.props.hideTimeout), Z = () => P.value?.popperRef?.popperInstanceRef?.destroy(), G = (t) => {
+      t || Z();
+    }, z = () => {
+      e.props.menuTrigger === "hover" && e.props.mode === "horizontal" || e.props.collapse && e.props.mode === "vertical" || o.disabled || e.handleSubMenuClick({
+        index: o.index,
+        indexPath: m.value,
+        active: y.value
+      });
+    }, h = (t, c = L.value) => {
+      if (t.type !== "focus") {
+        if (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled) {
+          a.mouseInChild.value = !0;
+          return;
+        }
+        a.mouseInChild.value = !0, v?.(), { stop: v } = F(() => {
+          e.openMenu(o.index, m.value);
+        }, c), x.value && w.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), t.type === "mouseenter" && t.target && Ce(() => {
+          Q(t.target, { preventScroll: !0 });
+        });
+      }
+    }, S = (t = !1) => {
+      if (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical") {
+        a.mouseInChild.value = !1;
+        return;
+      }
+      v?.(), a.mouseInChild.value = !1, { stop: v } = F(() => !E.value && e.closeMenu(o.index, m.value), V.value), x.value && t && a.handleMouseleave?.(!0);
+    };
+    de(() => e.props.collapse, (t) => G(!!t));
+    {
+      const t = (r) => {
+        g.value[r.index] = r;
+      }, c = (r) => {
+        delete g.value[r.index];
+      };
+      me(`${B}${I.uid}`, {
+        addSubMenu: t,
+        removeSubMenu: c,
+        handleMouseleave: S,
+        mouseInChild: E,
+        level: a.level + 1
+      });
+    }
+    return U({ opened: u }), ve(() => {
+      e.addSubMenu(b), a.addSubMenu(b);
+    }), fe(() => {
+      a.removeSubMenu(b), e.removeSubMenu(b);
+    }), () => {
+      const t = [C.title?.(), l(oe, {
+        class: i.e("icon-arrow"),
+        style: { transform: u.value ? o.expandCloseIcon && o.expandOpenIcon || o.collapseCloseIcon && o.collapseOpenIcon && e.props.collapse ? "none" : "rotateZ(180deg)" : "none" }
+      }, { default: () => Ie(T.value) ? l(I.appContext.components[T.value]) : l(T.value) })], c = e.isMenuPopup ? l(te, {
+        ref: P,
+        visible: u.value,
+        effect: "light",
+        pure: !0,
+        offset: Y.value,
+        showArrow: !1,
+        persistent: K.value,
+        popperClass: k.value,
+        popperStyle: q.value,
+        placement: N.value,
+        teleported: x.value,
+        fallbackPlacements: J.value,
+        transition: H.value,
+        gpuAcceleration: !1
+      }, {
+        content: () => l("div", {
+          class: [
+            s.m(p.value),
+            s.m("popup-container"),
+            k.value
+          ],
+          onMouseenter: (r) => h(r, 100),
+          onMouseleave: () => S(!0),
+          onFocus: (r) => h(r, 100)
+        }, [l("ul", {
+          class: [
+            s.b(),
+            s.m("popup"),
+            s.m(`popup-${N.value}`)
+          ],
+          style: _.value
+        }, [C.default?.()])]),
+        default: () => l("div", {
+          class: i.e("title"),
+          onClick: z
+        }, t)
+      }) : l(be, {}, [l("div", {
+        class: i.e("title"),
+        ref: D,
+        onClick: z
+      }, t), l(ne, {}, { default: () => he(l("ul", {
+        role: "menu",
+        class: [s.b(), s.m("inline")],
+        style: _.value
+      }, [C.default?.()]), [[Me, u.value]]) })]);
+      return l("li", {
+        class: [
+          i.b(),
+          i.is("active", y.value),
+          i.is("opened", u.value),
+          i.is("disabled", o.disabled)
+        ],
+        role: "menuitem",
+        ariaHaspopup: !0,
+        ariaExpanded: u.value,
+        onMouseenter: h,
+        onMouseleave: () => S(),
+        onFocus: h
+      }, [c]);
+    };
+  }
+});
 export {
-  h as default
+  Fe as default,
+  ge as subMenuProps
 };

package/dist/chunks/chunk-1982.cjs

@@ -1 +1 @@
-"use strict";const i=require("./chunk-1917.cjs"),s=require("./chunk-1812.cjs"),o=require("./chunk-1903.cjs"),u=require("./chunk-1951.cjs"),c=require("./chunk-2002.cjs"),_=require("./chunk-2008.cjs"),q=require("./chunk-1952.cjs");var a=1,A=2;function E(e,r){return u(e)&&c(r)?_(q(e),r):function(n){var t=s(n,e);return t===void 0&&t===r?o(n,e):i(r,t,a|A)}}module.exports=E;
+"use strict";const r=require("vue");function a(n,u){const p=r.computed(()=>{let e=n.parent;const t=[u.value];for(;e.type.name!=="ElMenu";)e.props.index&&t.unshift(e.props.index),e=e.parent;return t});return{parentMenu:r.computed(()=>{let e=n.parent;for(;e&&!["ElMenu","ElSubMenu"].includes(e.type.name);)e=e.parent;return e}),indexPath:p}}module.exports=a;

package/dist/chunks/chunk-1982.js

@@ -1,17 +1,21 @@
-import i from "./chunk-1917.js";
-import e from "./chunk-1812.js";
-import f from "./chunk-1903.js";
-import n from "./chunk-1951.js";
-import a from "./chunk-2002.js";
-import p from "./chunk-2008.js";
-import s from "./chunk-1952.js";
-var u = 1, A = 2;
-function y(r, o) {
-  return n(r) && a(o) ? p(s(r), o) : function(m) {
-    var t = e(m, r);
-    return t === void 0 && t === o ? f(m, r) : i(o, t, u | A);
+import { computed as r } from "vue";
+function l(n, p) {
+  const u = r(() => {
+    let e = n.parent;
+    const t = [p.value];
+    for (; e.type.name !== "ElMenu"; )
+      e.props.index && t.unshift(e.props.index), e = e.parent;
+    return t;
+  });
+  return {
+    parentMenu: r(() => {
+      let e = n.parent;
+      for (; e && !["ElMenu", "ElSubMenu"].includes(e.type.name); ) e = e.parent;
+      return e;
+    }),
+    indexPath: u
   };
 }
 export {
-  y as default
+  l as default
 };

package/dist/chunks/chunk-1983.cjs

@@ -1 +1 @@
-"use strict";const o=require("./chunk-1915.cjs");var r=o.Symbol;module.exports=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-1717.cjs"),c=require("./chunk-2244.cjs"),u=require("vue"),l=(e,o)=>{const r=t.useNamespace("menu");return u.computed(()=>r.cssVarBlock({"text-color":e.textColor||"","hover-text-color":e.textColor||"","bg-color":e.backgroundColor||"","hover-bg-color":c(e).value||"","active-color":e.activeTextColor||"",level:`${o}`}))};exports.useMenuCssVar=l;

package/dist/chunks/chunk-1983.js

@@ -1,5 +1,17 @@
-import o from "./chunk-1915.js";
-var m = o.Symbol;
+import { useNamespace as t } from "./chunk-1717.js";
+import c from "./chunk-2244.js";
+import { computed as l } from "vue";
+const n = (o, e) => {
+  const r = t("menu");
+  return l(() => r.cssVarBlock({
+    "text-color": o.textColor || "",
+    "hover-text-color": o.textColor || "",
+    "bg-color": o.backgroundColor || "",
+    "hover-bg-color": c(o).value || "",
+    "active-color": o.activeTextColor || "",
+    level: `${e}`
+  }));
+};
 export {
-  m as default
+  n as useMenuCssVar
 };

package/dist/chunks/chunk-1984.cjs

@@ -1 +1 @@
-"use strict";function u(e,l){for(var t=-1,r=e==null?0:e.length,s=0,n=[];++t<r;){var i=e[t];l(i,t,e)&&(n[s++]=i)}return n}module.exports=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Z=require("./chunk-1703.cjs"),b=require("./chunk-1704.cjs"),ee=require("./chunk-1752.cjs"),te=require("./chunk-1738.cjs"),ne=require("./chunk-1785.cjs"),$=require("./chunk-1717.cjs"),le=require("./chunk-1754.cjs"),ue=require("./chunk-1834.cjs"),oe=require("./chunk-1985.cjs"),ie=require("./chunk-1986.cjs"),se=require("./chunk-1983.cjs"),W=require("./chunk-1980.cjs"),ae=require("./chunk-1981.cjs"),D=require("./chunk-1709.cjs"),re=require("./chunk-1786.cjs"),l=require("vue"),g=require("./chunk-1721.cjs"),L=require("./chunk-1819.cjs"),j=b.buildProps({mode:{type:String,values:["horizontal","vertical"],default:"vertical"},defaultActive:{type:String,default:""},defaultOpeneds:{type:b.definePropType(Array),default:()=>ne.mutable([])},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:ee.iconPropType,default:()=>re.More},popperEffect:{type:b.definePropType(String),default:"dark"},popperClass:String,popperStyle:{type:b.definePropType([String,Object])},showTimeout:{type:Number,default:300},hideTimeout:{type:Number,default:300},persistent:{type:Boolean,default:!0}}),T=n=>g.isArray(n)&&n.every(i=>g.isString(i)),F={close:(n,i)=>g.isString(n)&&T(i),open:(n,i)=>g.isString(n)&&T(i),select:(n,i,I,y)=>g.isString(n)&&T(i)&&g.isObject(I)&&(Z.isUndefined(y)||y instanceof Promise)},U=64;var ce=l.defineComponent({name:"ElMenu",props:j,emits:F,setup(n,{emit:i,slots:I,expose:y}){const x=l.getCurrentInstance(),q=x.appContext.config.globalProperties.$router,c=l.ref(),C=l.ref(),M=$.useNamespace("menu"),E=$.useNamespace("sub-menu");let N=U;const d=l.ref(-1),s=l.ref(n.defaultOpeneds&&!n.collapse?n.defaultOpeneds.slice(0):[]),r=l.ref(n.defaultActive),f=l.ref({}),h=l.ref({}),V=l.computed(()=>n.mode==="horizontal"||n.mode==="vertical"&&n.collapse),J=()=>{const e=r.value&&f.value[r.value];!e||n.mode==="horizontal"||n.collapse||e.indexPath.forEach(t=>{const u=h.value[t];u&&S(t,u.indexPath)})},S=(e,t)=>{s.value.includes(e)||(n.uniqueOpened&&(s.value=s.value.filter(u=>t.includes(u))),s.value.push(e),i("open",e,t))},O=e=>{const t=s.value.indexOf(e);t!==-1&&s.value.splice(t,1)},P=(e,t)=>{O(e),i("close",e,t)},K=({index:e,indexPath:t})=>{s.value.includes(e)?P(e,t):S(e,t)},Y=e=>{(n.mode==="horizontal"||n.collapse)&&(s.value=[]);const{index:t,indexPath:u}=e;if(!(L(t)||L(u)))if(n.router&&q){const a=e.route||t,o=q.push(a).then(v=>(v||(r.value=t),v));i("select",t,u,{index:t,indexPath:u,route:a},o)}else r.value=t,i("select",t,u,{index:t,indexPath:u})},k=e=>{const t=f.value;r.value=(t[e]||r.value&&t[r.value]||t[n.defaultActive])?.index??e},_=e=>{const t=getComputedStyle(e),u=Number.parseInt(t.marginLeft,10),a=Number.parseInt(t.marginRight,10);return e.offsetWidth+u+a||0},z=()=>{if(!c.value)return-1;const e=Array.from(c.value.childNodes).filter(m=>m.nodeName!=="#comment"&&(m.nodeName!=="#text"||m.nodeValue)),t=getComputedStyle(c.value),u=Number.parseInt(t.paddingLeft,10),a=Number.parseInt(t.paddingRight,10),o=c.value.clientWidth-u-a;let v=0,p=0;return e.forEach((m,X)=>{v+=_(m),v<=o-N&&(p=X+1)}),p===e.length?-1:p},H=e=>h.value[e].indexPath,G=(e,t=33.34)=>{let u;return()=>{u&&clearTimeout(u),u=setTimeout(()=>{e()},t)}};let B=!0;const w=()=>{const e=D.unrefElement(C);if(e&&(N=_(e)||U),d.value===z())return;const t=()=>{d.value=-1,l.nextTick(()=>{d.value=z()})};B?t():G(t)(),B=!1};l.watch(()=>n.defaultActive,e=>{f.value[e]||(r.value=""),k(e)}),l.watch(()=>n.collapse,e=>{e&&(s.value=[])}),l.watch(f.value,J);let A;l.watchEffect(()=>{n.mode==="horizontal"&&n.ellipsis?A=D.useResizeObserver(c,w).stop:A?.()});const R=l.ref(!1);{const e=o=>{h.value[o.index]=o},t=o=>{delete h.value[o.index]},u=o=>{f.value[o.index]=o},a=o=>{delete f.value[o.index]};l.provide(W.MENU_INJECTION_KEY,l.reactive({props:n,openedMenus:s,items:f,subMenus:h,activeIndex:r,isMenuPopup:V,addMenuItem:u,removeMenuItem:a,addSubMenu:e,removeSubMenu:t,openMenu:S,closeMenu:P,handleMenuItemClick:Y,handleSubMenuClick:K})),l.provide(`${W.SUB_MENU_INJECTION_KEY}${x.uid}`,{addSubMenu:e,removeSubMenu:t,mouseInChild:R,level:0})}l.onMounted(()=>{n.mode==="horizontal"&&new oe(x.vnode.el,M.namespace.value)}),y({open:t=>{const{indexPath:u}=h.value[t];u.forEach(a=>S(a,u))},close:O,updateActiveIndex:k,handleResize:w});const Q=se.useMenuCssVar(n,0);return()=>{let e=I.default?.()??[];const t=[];if(n.mode==="horizontal"&&c.value){const o=te.flattedChildren(e).filter(m=>m?.shapeFlag!==8),v=d.value===-1?o:o.slice(0,d.value),p=d.value===-1?[]:o.slice(d.value);p?.length&&n.ellipsis&&(e=v,t.push(l.h(ae.default,{ref:C,index:"sub-menu-more",class:E.e("hide-arrow"),popperOffset:n.popperOffset},{title:()=>l.h(le.ElIcon,{class:E.e("icon-more")},{default:()=>l.h(n.ellipsisIcon)}),default:()=>p})))}const u=n.closeOnClickOutside?[[ue,()=>{s.value.length&&(R.value||(s.value.forEach(o=>i("close",o,H(o))),s.value=[]))}]]:[],a=l.withDirectives(l.h("ul",{key:String(n.collapse),role:"menubar",ref:c,style:Q.value,class:{[M.b()]:!0,[M.m(n.mode)]:!0,[M.m("collapse")]:n.collapse}},[...e,...t]),u);return n.collapseTransition&&n.mode==="vertical"?l.h(ie,()=>a):a}}});exports.default=ce;exports.menuEmits=F;exports.menuProps=j;