st-comp 0.0.200 → 0.0.202

package/es/{el-menu-item-828bc6fa.cjs → el-menu-item-17dc717e.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),P=require("./use-form-common-props-d8866dc6.cjs"),H=require("./index-1fb95601.cjs"),f=require("./el-popper-b962125f.cjs"),a=require("./base-ef747d02.cjs"),le=require("./index-eea0bcb3.cjs"),ae=require("./el-tag-a15520b3.cjs"),ue=require("./typescript-b63f8e83.cjs"),re=require("./index-ce63356a.cjs"),ie=e.defineComponent({name:"ElCollapseTransition"}),ce=e.defineComponent({...ie,setup(n){const o=a.useNamespace("collapse-transition"),i=t=>{t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom},s={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){i(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){i(t)},leaveCancelled(t){i(t)}};return(t,b)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(o).b()},e.toHandlers(s)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["name"]))}});var de=a._export_sfc(ce,[["__file","collapse-transition.vue"]]);const pe=a.withInstall(de);let me=class{constructor(o,i){this.parent=o,this.domNode=i,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,i=>{i.addEventListener("keydown",s=>{let t=!1;switch(s.code){case f.EVENT_CODE.down:{this.gotoSubIndex(this.subIndex+1),t=!0;break}case f.EVENT_CODE.up:{this.gotoSubIndex(this.subIndex-1),t=!0;break}case f.EVENT_CODE.tab:{f.triggerEvent(o,"mouseleave");break}case f.EVENT_CODE.enter:case f.EVENT_CODE.numpadEnter:case f.EVENT_CODE.space:{t=!0,s.currentTarget.click();break}}return t&&(s.preventDefault(),s.stopPropagation()),!1})})}},fe=class{constructor(o,i){this.domNode=o,this.submenu=null,this.submenu=null,this.init(i)}init(o){this.domNode.setAttribute("tabindex","0");const i=this.domNode.querySelector(`.${o}-menu`);i&&(this.submenu=new me(this,i)),this.addListeners()}addListeners(){this.domNode.addEventListener("keydown",o=>{let i=!1;switch(o.code){case f.EVENT_CODE.down:{f.triggerEvent(o.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(0),i=!0;break}case f.EVENT_CODE.up:{f.triggerEvent(o.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(this.submenu.subMenuItems.length-1),i=!0;break}case f.EVENT_CODE.tab:{f.triggerEvent(o.currentTarget,"mouseleave");break}case f.EVENT_CODE.enter:case f.EVENT_CODE.numpadEnter:case f.EVENT_CODE.space:{i=!0,o.currentTarget.click();break}}i&&o.preventDefault()})}},ve=class{constructor(o,i){this.domNode=o,this.init(i)}init(o){const i=this.domNode.childNodes;Array.from(i).forEach(s=>{s.nodeType===1&&new fe(s,o)})}};const he=e.defineComponent({name:"ElMenuCollapseTransition"}),ge=e.defineComponent({...he,setup(n){const o=a.useNamespace("menu"),i={onBeforeEnter:s=>s.style.opacity="0.2",onEnter(s,t){a.addClass(s,`${o.namespace.value}-opacity-transition`),s.style.opacity="1",t()},onAfterEnter(s){a.removeClass(s,`${o.namespace.value}-opacity-transition`),s.style.opacity=""},onBeforeLeave(s){s.dataset||(s.dataset={}),a.hasClass(s,o.m("collapse"))?(a.removeClass(s,o.m("collapse")),s.dataset.oldOverflow=s.style.overflow,s.dataset.scrollWidth=s.clientWidth.toString(),a.addClass(s,o.m("collapse"))):(a.addClass(s,o.m("collapse")),s.dataset.oldOverflow=s.style.overflow,s.dataset.scrollWidth=s.clientWidth.toString(),a.removeClass(s,o.m("collapse"))),s.style.width=`${s.scrollWidth}px`,s.style.overflow="hidden"},onLeave(s){a.addClass(s,"horizontal-collapse-transition"),s.style.width=`${s.dataset.scrollWidth}px`}};return(s,t)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({mode:"out-in"},e.unref(i)),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16))}});var be=a._export_sfc(ge,[["__file","menu-collapse-transition.vue"]]);function ee(n,o){const i=e.computed(()=>{let t=n.parent;const b=[o.value];for(;t.type.name!=="ElMenu";)t.props.index&&b.unshift(t.props.index),t=t.parent;return b});return{parentMenu:e.computed(()=>{let t=n.parent;for(;t&&!["ElMenu","ElSubMenu"].includes(t.type.name);)t=t.parent;return t}),indexPath:i}}function Ee(n){return e.computed(()=>{const i=n.backgroundColor;return i?new le.TinyColor(i).shade(20).toString():""})}const te=(n,o)=>{const i=a.useNamespace("menu");return e.computed(()=>i.cssVarBlock({"text-color":n.textColor||"","hover-text-color":n.textColor||"","bg-color":n.backgroundColor||"","hover-bg-color":Ee(n).value||"","active-color":n.activeTextColor||"",level:`${o}`}))},Q="rootMenu",U="subMenu:",Me=a.buildProps({index:{type:String,required:!0},showTimeout:Number,hideTimeout:Number,popperClass:String,disabled:Boolean,teleported:{type:Boolean,default:void 0},popperOffset:Number,expandCloseIcon:{type:P.iconPropType},expandOpenIcon:{type:P.iconPropType},collapseCloseIcon:{type:P.iconPropType},collapseOpenIcon:{type:P.iconPropType}}),K="ElSubMenu";var X=e.defineComponent({name:K,props:Me,setup(n,{slots:o,expose:i}){const s=e.getCurrentInstance(),{indexPath:t,parentMenu:b}=ee(s,e.computed(()=>n.index)),h=a.useNamespace("menu"),y=a.useNamespace("sub-menu"),c=e.inject(Q);c||f.throwError(K,"can not inject root menu");const E=e.inject(`${U}${b.value.uid}`);E||f.throwError(K,"can not inject sub menu");const N=e.ref({}),C=e.ref({});let p;const x=e.ref(!1),M=e.ref(),_=e.ref(),B=e.computed(()=>E.level===0),q=e.computed(()=>k.value==="horizontal"&&B.value?"bottom-start":"right-start"),w=e.computed(()=>k.value==="horizontal"&&B.value||k.value==="vertical"&&!c.props.collapse?n.expandCloseIcon&&n.expandOpenIcon?T.value?n.expandOpenIcon:n.expandCloseIcon:H.arrow_down_default:n.collapseCloseIcon&&n.collapseOpenIcon?T.value?n.collapseOpenIcon:n.collapseCloseIcon:H.arrow_right_default),$=e.computed(()=>{const l=n.teleported;return a.isUndefined(l)?B.value:l}),L=e.computed(()=>c.props.collapse?`${h.namespace.value}-zoom-in-left`:`${h.namespace.value}-zoom-in-top`),G=e.computed(()=>k.value==="horizontal"&&B.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"]),T=e.computed(()=>c.openedMenus.includes(n.index)),z=e.computed(()=>[...Object.values(N.value),...Object.values(C.value)].some(({active:l})=>l)),k=e.computed(()=>c.props.mode),W=e.computed(()=>c.props.persistent),D=e.reactive({index:n.index,indexPath:t,active:z}),j=te(c.props,E.level+1),F=e.computed(()=>{var l;return(l=n.popperOffset)!=null?l:c.props.popperOffset}),A=e.computed(()=>{var l;return(l=n.popperClass)!=null?l:c.props.popperClass}),V=e.computed(()=>{var l;return(l=n.showTimeout)!=null?l:c.props.showTimeout}),R=e.computed(()=>{var l;return(l=n.hideTimeout)!=null?l:c.props.hideTimeout}),J=()=>{var l,g,v;return(v=(g=(l=_.value)==null?void 0:l.popperRef)==null?void 0:g.popperInstanceRef)==null?void 0:v.destroy()},u=l=>{l||J()},r=()=>{c.props.menuTrigger==="hover"&&c.props.mode==="horizontal"||c.props.collapse&&c.props.mode==="vertical"||n.disabled||c.handleSubMenuClick({index:n.index,indexPath:t.value,active:z.value})},d=(l,g=V.value)=>{var v;if(l.type!=="focus"){if(c.props.menuTrigger==="click"&&c.props.mode==="horizontal"||!c.props.collapse&&c.props.mode==="vertical"||n.disabled){E.mouseInChild.value=!0;return}E.mouseInChild.value=!0,p==null||p(),{stop:p}=a.useTimeoutFn(()=>{c.openMenu(n.index,t.value)},g),$.value&&((v=b.value.vnode.el)==null||v.dispatchEvent(new MouseEvent("mouseenter"))),l.type==="mouseenter"&&l.target&&e.nextTick(()=>{f.focusElement(l.target,{preventScroll:!0})})}},m=(l=!1)=>{var g;if(c.props.menuTrigger==="click"&&c.props.mode==="horizontal"||!c.props.collapse&&c.props.mode==="vertical"){E.mouseInChild.value=!1;return}p==null||p(),E.mouseInChild.value=!1,{stop:p}=a.useTimeoutFn(()=>!x.value&&c.closeMenu(n.index,t.value),R.value),$.value&&l&&((g=E.handleMouseleave)==null||g.call(E,!0))};e.watch(()=>c.props.collapse,l=>u(!!l));{const l=v=>{C.value[v.index]=v},g=v=>{delete C.value[v.index]};e.provide(`${U}${s.uid}`,{addSubMenu:l,removeSubMenu:g,handleMouseleave:m,mouseInChild:x,level:E.level+1})}return i({opened:T}),e.onMounted(()=>{c.addSubMenu(D),E.addSubMenu(D)}),e.onBeforeUnmount(()=>{E.removeSubMenu(D),c.removeSubMenu(D)}),()=>{var l;const g=[(l=o.title)==null?void 0:l.call(o),e.h(H.ElIcon,{class:y.e("icon-arrow"),style:{transform:T.value?n.expandCloseIcon&&n.expandOpenIcon||n.collapseCloseIcon&&n.collapseOpenIcon&&c.props.collapse?"none":"rotateZ(180deg)":"none"}},{default:()=>a.isString(w.value)?e.h(s.appContext.components[w.value]):e.h(w.value)})],v=c.isMenuPopup?e.h(f.ElTooltip,{ref:_,visible:T.value,effect:"light",pure:!0,offset:F.value,showArrow:!1,persistent:W.value,popperClass:A.value,placement:q.value,teleported:$.value,fallbackPlacements:G.value,transition:L.value,gpuAcceleration:!1},{content:()=>{var S;return e.h("div",{class:[h.m(k.value),h.m("popup-container"),A.value],onMouseenter:I=>d(I,100),onMouseleave:()=>m(!0),onFocus:I=>d(I,100)},[e.h("ul",{class:[h.b(),h.m("popup"),h.m(`popup-${q.value}`)],style:j.value},[(S=o.default)==null?void 0:S.call(o)])])},default:()=>e.h("div",{class:y.e("title"),onClick:r},g)}):e.h(e.Fragment,{},[e.h("div",{class:y.e("title"),ref:M,onClick:r},g),e.h(pe,{},{default:()=>{var S;return e.withDirectives(e.h("ul",{role:"menu",class:[h.b(),h.m("inline")],style:j.value},[(S=o.default)==null?void 0:S.call(o)]),[[e.vShow,T.value]])}})]);return e.h("li",{class:[y.b(),y.is("active",z.value),y.is("opened",T.value),y.is("disabled",n.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:T.value,onMouseenter:d,onMouseleave:()=>m(),onFocus:d},[v])}}});const ye=a.buildProps({mode:{type:String,values:["horizontal","vertical"],default:"vertical"},defaultActive:{type:String,default:""},defaultOpeneds:{type:a.definePropType(Array),default:()=>ue.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:P.iconPropType,default:()=>H.more_default},popperEffect:{type:a.definePropType(String),default:"dark"},popperClass:String,showTimeout:{type:Number,default:300},hideTimeout:{type:Number,default:300},persistent:{type:Boolean,default:!0}}),Y=n=>a.isArray(n)&&n.every(o=>a.isString(o)),Ce={close:(n,o)=>a.isString(n)&&Y(o),open:(n,o)=>a.isString(n)&&Y(o),select:(n,o,i,s)=>a.isString(n)&&Y(o)&&a.isObject(i)&&(a.isUndefined(s)||s instanceof Promise)};var xe=e.defineComponent({name:"ElMenu",props:ye,emits:Ce,setup(n,{emit:o,slots:i,expose:s}){const t=e.getCurrentInstance(),b=t.appContext.config.globalProperties.$router,h=e.ref(),y=e.ref(),c=a.useNamespace("menu"),E=a.useNamespace("sub-menu");let N=64;const C=e.ref(-1),p=e.ref(n.defaultOpeneds&&!n.collapse?n.defaultOpeneds.slice(0):[]),x=e.ref(n.defaultActive),M=e.ref({}),_=e.ref({}),B=e.computed(()=>n.mode==="horizontal"||n.mode==="vertical"&&n.collapse),q=()=>{const u=x.value&&M.value[x.value];if(!u||n.mode==="horizontal"||n.collapse)return;u.indexPath.forEach(d=>{const m=_.value[d];m&&w(d,m.indexPath)})},w=(u,r)=>{p.value.includes(u)||(n.uniqueOpened&&(p.value=p.value.filter(d=>r.includes(d))),p.value.push(u),o("open",u,r))},$=u=>{const r=p.value.indexOf(u);r!==-1&&p.value.splice(r,1)},L=(u,r)=>{$(u),o("close",u,r)},G=({index:u,indexPath:r})=>{p.value.includes(u)?L(u,r):w(u,r)},T=u=>{(n.mode==="horizontal"||n.collapse)&&(p.value=[]);const{index:r,indexPath:d}=u;if(!(a.isNil(r)||a.isNil(d)))if(n.router&&b){const m=u.route||r,l=b.push(m).then(g=>(g||(x.value=r),g));o("select",r,d,{index:r,indexPath:d,route:m},l)}else x.value=r,o("select",r,d,{index:r,indexPath:d})},z=u=>{var r;const d=M.value,m=d[u]||x.value&&d[x.value]||d[n.defaultActive];x.value=(r=m==null?void 0:m.index)!=null?r:u},k=u=>{const r=getComputedStyle(u),d=Number.parseInt(r.marginLeft,10),m=Number.parseInt(r.marginRight,10);return u.offsetWidth+d+m||0},W=()=>{var u,r;if(!h.value)return-1;const d=Array.from((r=(u=h.value)==null?void 0:u.childNodes)!=null?r:[]).filter(O=>O.nodeName!=="#comment"&&(O.nodeName!=="#text"||O.nodeValue)),m=getComputedStyle(h.value),l=Number.parseInt(m.paddingLeft,10),g=Number.parseInt(m.paddingRight,10),v=h.value.clientWidth-l-g;let S=0,I=0;return d.forEach((O,se)=>{S+=k(O),S<=v-N&&(I=se+1)}),I===d.length?-1:I},D=u=>_.value[u].indexPath,j=(u,r=33.34)=>{let d;return()=>{d&&clearTimeout(d),d=setTimeout(()=>{u()},r)}};let F=!0;const A=()=>{const u=P.unrefElement(y);if(u&&(N=k(u)||64),C.value===W())return;const r=()=>{C.value=-1,e.nextTick(()=>{C.value=W()})};F?r():j(r)(),F=!1};e.watch(()=>n.defaultActive,u=>{M.value[u]||(x.value=""),z(u)}),e.watch(()=>n.collapse,u=>{u&&(p.value=[])}),e.watch(M.value,q);let V;e.watchEffect(()=>{n.mode==="horizontal"&&n.ellipsis?V=P.useResizeObserver(h,A).stop:V==null||V()});const R=e.ref(!1);{const u=l=>{_.value[l.index]=l},r=l=>{delete _.value[l.index]},d=l=>{M.value[l.index]=l},m=l=>{delete M.value[l.index]};e.provide(Q,e.reactive({props:n,openedMenus:p,items:M,subMenus:_,activeIndex:x,isMenuPopup:B,addMenuItem:d,removeMenuItem:m,addSubMenu:u,removeSubMenu:r,openMenu:w,closeMenu:L,handleMenuItemClick:T,handleSubMenuClick:G})),e.provide(`${U}${t.uid}`,{addSubMenu:u,removeSubMenu:r,mouseInChild:R,level:0})}e.onMounted(()=>{n.mode==="horizontal"&&new ve(t.vnode.el,c.namespace.value)}),s({open:r=>{const{indexPath:d}=_.value[r];d.forEach(m=>w(m,d))},close:$,updateActiveIndex:z,handleResize:A});const J=te(n,0);return()=>{var u,r;let d=(r=(u=i.default)==null?void 0:u.call(i))!=null?r:[];const m=[];if(n.mode==="horizontal"&&h.value){const v=re.flattedChildren(d).filter(O=>(O==null?void 0:O.shapeFlag)!==8),S=C.value===-1?v:v.slice(0,C.value),I=C.value===-1?[]:v.slice(C.value);I!=null&&I.length&&n.ellipsis&&(d=S,m.push(e.h(X,{ref:y,index:"sub-menu-more",class:E.e("hide-arrow"),popperOffset:n.popperOffset},{title:()=>e.h(H.ElIcon,{class:E.e("icon-more")},{default:()=>e.h(n.ellipsisIcon)}),default:()=>I})))}const l=n.closeOnClickOutside?[[ae.ClickOutside,()=>{p.value.length&&(R.value||(p.value.forEach(v=>o("close",v,D(v))),p.value=[]))}]]:[],g=e.withDirectives(e.h("ul",{key:String(n.collapse),role:"menubar",ref:h,style:J.value,class:{[c.b()]:!0,[c.m(n.mode)]:!0,[c.m("collapse")]:n.collapse}},[...d,...m]),l);return n.collapseTransition&&n.mode==="vertical"?e.h(be,()=>g):g}}});const Ie=a.buildProps({index:{type:a.definePropType([String,null]),default:null},route:{type:a.definePropType([String,Object])},disabled:Boolean}),_e={click:n=>a.isString(n.index)&&a.isArray(n.indexPath)},Z="ElMenuItem",Te=e.defineComponent({name:Z}),Se=e.defineComponent({...Te,props:Ie,emits:_e,setup(n,{expose:o,emit:i}){const s=n;a.isPropAbsent(s.index)&&f.debugWarn();const t=e.getCurrentInstance(),b=e.inject(Q),h=a.useNamespace("menu"),y=a.useNamespace("menu-item");b||f.throwError(Z,"can not inject root menu");const{parentMenu:c,indexPath:E}=ee(t,e.toRef(s,"index")),N=e.inject(`${U}${c.value.uid}`);N||f.throwError(Z,"can not inject sub menu");const C=e.computed(()=>s.index===b.activeIndex),p=e.reactive({index:s.index,indexPath:E,active:C}),x=()=>{s.disabled||(b.handleMenuItemClick({index:s.index,indexPath:E.value,route:s.route}),i("click",p))};return e.onMounted(()=>{N.addSubMenu(p),b.addMenuItem(p)}),e.onBeforeUnmount(()=>{N.removeSubMenu(p),b.removeMenuItem(p)}),o({parentMenu:c,rootMenu:b,active:C,nsMenu:h,nsMenuItem:y,handleClick:x}),(M,_)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([e.unref(y).b(),e.unref(y).is("active",e.unref(C)),e.unref(y).is("disabled",M.disabled)]),role:"menuitem",tabindex:"-1",onClick:x},[e.unref(c).type.name==="ElMenu"&&e.unref(b).props.collapse&&M.$slots.title?(e.openBlock(),e.createBlock(e.unref(f.ElTooltip),{key:0,effect:e.unref(b).props.popperEffect,placement:"right","fallback-placements":["left"],persistent:e.unref(b).props.persistent,"focus-on-target":""},{content:e.withCtx(()=>[e.renderSlot(M.$slots,"title")]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h).be("tooltip","trigger"))},[e.renderSlot(M.$slots,"default")],2)]),_:3},8,["effect","persistent"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(M.$slots,"default"),e.renderSlot(M.$slots,"title")],64))],2))}});var ne=a._export_sfc(Se,[["__file","menu-item.vue"]]);const Ne={title:String},we=e.defineComponent({name:"ElMenuItemGroup"}),ke=e.defineComponent({...we,props:Ne,setup(n){const o=a.useNamespace("menu-item-group");return(i,s)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("title"))},[i.$slots.title?e.renderSlot(i.$slots,"title",{key:1}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(i.title),1)],64))],2),e.createElementVNode("ul",null,[e.renderSlot(i.$slots,"default")])],2))}});var oe=a._export_sfc(ke,[["__file","menu-item-group.vue"]]);const Oe=a.withInstall(xe,{MenuItem:ne,MenuItemGroup:oe,SubMenu:X}),Pe=a.withNoopInstall(ne);a.withNoopInstall(oe);a.withNoopInstall(X);exports.ElMenu=Oe;exports.ElMenuItem=Pe;
+"use strict";const e=require("vue"),P=require("./use-form-common-props-fd9b61a0.cjs"),H=require("./index-098c2447.cjs"),f=require("./el-popper-b6c99b28.cjs"),a=require("./base-ef747d02.cjs"),le=require("./index-eea0bcb3.cjs"),ae=require("./el-tag-a33c4b22.cjs"),ue=require("./typescript-b63f8e83.cjs"),re=require("./vnode-b906ae6d.cjs"),ie=e.defineComponent({name:"ElCollapseTransition"}),ce=e.defineComponent({...ie,setup(n){const o=a.useNamespace("collapse-transition"),i=t=>{t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom},s={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){i(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){i(t)},leaveCancelled(t){i(t)}};return(t,b)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(o).b()},e.toHandlers(s)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["name"]))}});var de=a._export_sfc(ce,[["__file","collapse-transition.vue"]]);const pe=a.withInstall(de);let me=class{constructor(o,i){this.parent=o,this.domNode=i,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,i=>{i.addEventListener("keydown",s=>{let t=!1;switch(s.code){case f.EVENT_CODE.down:{this.gotoSubIndex(this.subIndex+1),t=!0;break}case f.EVENT_CODE.up:{this.gotoSubIndex(this.subIndex-1),t=!0;break}case f.EVENT_CODE.tab:{f.triggerEvent(o,"mouseleave");break}case f.EVENT_CODE.enter:case f.EVENT_CODE.numpadEnter:case f.EVENT_CODE.space:{t=!0,s.currentTarget.click();break}}return t&&(s.preventDefault(),s.stopPropagation()),!1})})}},fe=class{constructor(o,i){this.domNode=o,this.submenu=null,this.submenu=null,this.init(i)}init(o){this.domNode.setAttribute("tabindex","0");const i=this.domNode.querySelector(`.${o}-menu`);i&&(this.submenu=new me(this,i)),this.addListeners()}addListeners(){this.domNode.addEventListener("keydown",o=>{let i=!1;switch(o.code){case f.EVENT_CODE.down:{f.triggerEvent(o.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(0),i=!0;break}case f.EVENT_CODE.up:{f.triggerEvent(o.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(this.submenu.subMenuItems.length-1),i=!0;break}case f.EVENT_CODE.tab:{f.triggerEvent(o.currentTarget,"mouseleave");break}case f.EVENT_CODE.enter:case f.EVENT_CODE.numpadEnter:case f.EVENT_CODE.space:{i=!0,o.currentTarget.click();break}}i&&o.preventDefault()})}},ve=class{constructor(o,i){this.domNode=o,this.init(i)}init(o){const i=this.domNode.childNodes;Array.from(i).forEach(s=>{s.nodeType===1&&new fe(s,o)})}};const he=e.defineComponent({name:"ElMenuCollapseTransition"}),ge=e.defineComponent({...he,setup(n){const o=a.useNamespace("menu"),i={onBeforeEnter:s=>s.style.opacity="0.2",onEnter(s,t){a.addClass(s,`${o.namespace.value}-opacity-transition`),s.style.opacity="1",t()},onAfterEnter(s){a.removeClass(s,`${o.namespace.value}-opacity-transition`),s.style.opacity=""},onBeforeLeave(s){s.dataset||(s.dataset={}),a.hasClass(s,o.m("collapse"))?(a.removeClass(s,o.m("collapse")),s.dataset.oldOverflow=s.style.overflow,s.dataset.scrollWidth=s.clientWidth.toString(),a.addClass(s,o.m("collapse"))):(a.addClass(s,o.m("collapse")),s.dataset.oldOverflow=s.style.overflow,s.dataset.scrollWidth=s.clientWidth.toString(),a.removeClass(s,o.m("collapse"))),s.style.width=`${s.scrollWidth}px`,s.style.overflow="hidden"},onLeave(s){a.addClass(s,"horizontal-collapse-transition"),s.style.width=`${s.dataset.scrollWidth}px`}};return(s,t)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({mode:"out-in"},e.unref(i)),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16))}});var be=a._export_sfc(ge,[["__file","menu-collapse-transition.vue"]]);function ee(n,o){const i=e.computed(()=>{let t=n.parent;const b=[o.value];for(;t.type.name!=="ElMenu";)t.props.index&&b.unshift(t.props.index),t=t.parent;return b});return{parentMenu:e.computed(()=>{let t=n.parent;for(;t&&!["ElMenu","ElSubMenu"].includes(t.type.name);)t=t.parent;return t}),indexPath:i}}function Ee(n){return e.computed(()=>{const i=n.backgroundColor;return i?new le.TinyColor(i).shade(20).toString():""})}const te=(n,o)=>{const i=a.useNamespace("menu");return e.computed(()=>i.cssVarBlock({"text-color":n.textColor||"","hover-text-color":n.textColor||"","bg-color":n.backgroundColor||"","hover-bg-color":Ee(n).value||"","active-color":n.activeTextColor||"",level:`${o}`}))},Q="rootMenu",U="subMenu:",Me=a.buildProps({index:{type:String,required:!0},showTimeout:Number,hideTimeout:Number,popperClass:String,disabled:Boolean,teleported:{type:Boolean,default:void 0},popperOffset:Number,expandCloseIcon:{type:P.iconPropType},expandOpenIcon:{type:P.iconPropType},collapseCloseIcon:{type:P.iconPropType},collapseOpenIcon:{type:P.iconPropType}}),K="ElSubMenu";var X=e.defineComponent({name:K,props:Me,setup(n,{slots:o,expose:i}){const s=e.getCurrentInstance(),{indexPath:t,parentMenu:b}=ee(s,e.computed(()=>n.index)),h=a.useNamespace("menu"),y=a.useNamespace("sub-menu"),c=e.inject(Q);c||f.throwError(K,"can not inject root menu");const E=e.inject(`${U}${b.value.uid}`);E||f.throwError(K,"can not inject sub menu");const N=e.ref({}),C=e.ref({});let p;const x=e.ref(!1),M=e.ref(),_=e.ref(),B=e.computed(()=>E.level===0),q=e.computed(()=>k.value==="horizontal"&&B.value?"bottom-start":"right-start"),w=e.computed(()=>k.value==="horizontal"&&B.value||k.value==="vertical"&&!c.props.collapse?n.expandCloseIcon&&n.expandOpenIcon?T.value?n.expandOpenIcon:n.expandCloseIcon:H.arrow_down_default:n.collapseCloseIcon&&n.collapseOpenIcon?T.value?n.collapseOpenIcon:n.collapseCloseIcon:H.arrow_right_default),$=e.computed(()=>{const l=n.teleported;return a.isUndefined(l)?B.value:l}),L=e.computed(()=>c.props.collapse?`${h.namespace.value}-zoom-in-left`:`${h.namespace.value}-zoom-in-top`),G=e.computed(()=>k.value==="horizontal"&&B.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"]),T=e.computed(()=>c.openedMenus.includes(n.index)),z=e.computed(()=>[...Object.values(N.value),...Object.values(C.value)].some(({active:l})=>l)),k=e.computed(()=>c.props.mode),W=e.computed(()=>c.props.persistent),D=e.reactive({index:n.index,indexPath:t,active:z}),j=te(c.props,E.level+1),F=e.computed(()=>{var l;return(l=n.popperOffset)!=null?l:c.props.popperOffset}),A=e.computed(()=>{var l;return(l=n.popperClass)!=null?l:c.props.popperClass}),V=e.computed(()=>{var l;return(l=n.showTimeout)!=null?l:c.props.showTimeout}),R=e.computed(()=>{var l;return(l=n.hideTimeout)!=null?l:c.props.hideTimeout}),J=()=>{var l,g,v;return(v=(g=(l=_.value)==null?void 0:l.popperRef)==null?void 0:g.popperInstanceRef)==null?void 0:v.destroy()},u=l=>{l||J()},r=()=>{c.props.menuTrigger==="hover"&&c.props.mode==="horizontal"||c.props.collapse&&c.props.mode==="vertical"||n.disabled||c.handleSubMenuClick({index:n.index,indexPath:t.value,active:z.value})},d=(l,g=V.value)=>{var v;if(l.type!=="focus"){if(c.props.menuTrigger==="click"&&c.props.mode==="horizontal"||!c.props.collapse&&c.props.mode==="vertical"||n.disabled){E.mouseInChild.value=!0;return}E.mouseInChild.value=!0,p==null||p(),{stop:p}=a.useTimeoutFn(()=>{c.openMenu(n.index,t.value)},g),$.value&&((v=b.value.vnode.el)==null||v.dispatchEvent(new MouseEvent("mouseenter"))),l.type==="mouseenter"&&l.target&&e.nextTick(()=>{f.focusElement(l.target,{preventScroll:!0})})}},m=(l=!1)=>{var g;if(c.props.menuTrigger==="click"&&c.props.mode==="horizontal"||!c.props.collapse&&c.props.mode==="vertical"){E.mouseInChild.value=!1;return}p==null||p(),E.mouseInChild.value=!1,{stop:p}=a.useTimeoutFn(()=>!x.value&&c.closeMenu(n.index,t.value),R.value),$.value&&l&&((g=E.handleMouseleave)==null||g.call(E,!0))};e.watch(()=>c.props.collapse,l=>u(!!l));{const l=v=>{C.value[v.index]=v},g=v=>{delete C.value[v.index]};e.provide(`${U}${s.uid}`,{addSubMenu:l,removeSubMenu:g,handleMouseleave:m,mouseInChild:x,level:E.level+1})}return i({opened:T}),e.onMounted(()=>{c.addSubMenu(D),E.addSubMenu(D)}),e.onBeforeUnmount(()=>{E.removeSubMenu(D),c.removeSubMenu(D)}),()=>{var l;const g=[(l=o.title)==null?void 0:l.call(o),e.h(H.ElIcon,{class:y.e("icon-arrow"),style:{transform:T.value?n.expandCloseIcon&&n.expandOpenIcon||n.collapseCloseIcon&&n.collapseOpenIcon&&c.props.collapse?"none":"rotateZ(180deg)":"none"}},{default:()=>a.isString(w.value)?e.h(s.appContext.components[w.value]):e.h(w.value)})],v=c.isMenuPopup?e.h(f.ElTooltip,{ref:_,visible:T.value,effect:"light",pure:!0,offset:F.value,showArrow:!1,persistent:W.value,popperClass:A.value,placement:q.value,teleported:$.value,fallbackPlacements:G.value,transition:L.value,gpuAcceleration:!1},{content:()=>{var S;return e.h("div",{class:[h.m(k.value),h.m("popup-container"),A.value],onMouseenter:I=>d(I,100),onMouseleave:()=>m(!0),onFocus:I=>d(I,100)},[e.h("ul",{class:[h.b(),h.m("popup"),h.m(`popup-${q.value}`)],style:j.value},[(S=o.default)==null?void 0:S.call(o)])])},default:()=>e.h("div",{class:y.e("title"),onClick:r},g)}):e.h(e.Fragment,{},[e.h("div",{class:y.e("title"),ref:M,onClick:r},g),e.h(pe,{},{default:()=>{var S;return e.withDirectives(e.h("ul",{role:"menu",class:[h.b(),h.m("inline")],style:j.value},[(S=o.default)==null?void 0:S.call(o)]),[[e.vShow,T.value]])}})]);return e.h("li",{class:[y.b(),y.is("active",z.value),y.is("opened",T.value),y.is("disabled",n.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:T.value,onMouseenter:d,onMouseleave:()=>m(),onFocus:d},[v])}}});const ye=a.buildProps({mode:{type:String,values:["horizontal","vertical"],default:"vertical"},defaultActive:{type:String,default:""},defaultOpeneds:{type:a.definePropType(Array),default:()=>ue.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:P.iconPropType,default:()=>H.more_default},popperEffect:{type:a.definePropType(String),default:"dark"},popperClass:String,showTimeout:{type:Number,default:300},hideTimeout:{type:Number,default:300},persistent:{type:Boolean,default:!0}}),Y=n=>a.isArray(n)&&n.every(o=>a.isString(o)),Ce={close:(n,o)=>a.isString(n)&&Y(o),open:(n,o)=>a.isString(n)&&Y(o),select:(n,o,i,s)=>a.isString(n)&&Y(o)&&a.isObject(i)&&(a.isUndefined(s)||s instanceof Promise)};var xe=e.defineComponent({name:"ElMenu",props:ye,emits:Ce,setup(n,{emit:o,slots:i,expose:s}){const t=e.getCurrentInstance(),b=t.appContext.config.globalProperties.$router,h=e.ref(),y=e.ref(),c=a.useNamespace("menu"),E=a.useNamespace("sub-menu");let N=64;const C=e.ref(-1),p=e.ref(n.defaultOpeneds&&!n.collapse?n.defaultOpeneds.slice(0):[]),x=e.ref(n.defaultActive),M=e.ref({}),_=e.ref({}),B=e.computed(()=>n.mode==="horizontal"||n.mode==="vertical"&&n.collapse),q=()=>{const u=x.value&&M.value[x.value];if(!u||n.mode==="horizontal"||n.collapse)return;u.indexPath.forEach(d=>{const m=_.value[d];m&&w(d,m.indexPath)})},w=(u,r)=>{p.value.includes(u)||(n.uniqueOpened&&(p.value=p.value.filter(d=>r.includes(d))),p.value.push(u),o("open",u,r))},$=u=>{const r=p.value.indexOf(u);r!==-1&&p.value.splice(r,1)},L=(u,r)=>{$(u),o("close",u,r)},G=({index:u,indexPath:r})=>{p.value.includes(u)?L(u,r):w(u,r)},T=u=>{(n.mode==="horizontal"||n.collapse)&&(p.value=[]);const{index:r,indexPath:d}=u;if(!(a.isNil(r)||a.isNil(d)))if(n.router&&b){const m=u.route||r,l=b.push(m).then(g=>(g||(x.value=r),g));o("select",r,d,{index:r,indexPath:d,route:m},l)}else x.value=r,o("select",r,d,{index:r,indexPath:d})},z=u=>{var r;const d=M.value,m=d[u]||x.value&&d[x.value]||d[n.defaultActive];x.value=(r=m==null?void 0:m.index)!=null?r:u},k=u=>{const r=getComputedStyle(u),d=Number.parseInt(r.marginLeft,10),m=Number.parseInt(r.marginRight,10);return u.offsetWidth+d+m||0},W=()=>{var u,r;if(!h.value)return-1;const d=Array.from((r=(u=h.value)==null?void 0:u.childNodes)!=null?r:[]).filter(O=>O.nodeName!=="#comment"&&(O.nodeName!=="#text"||O.nodeValue)),m=getComputedStyle(h.value),l=Number.parseInt(m.paddingLeft,10),g=Number.parseInt(m.paddingRight,10),v=h.value.clientWidth-l-g;let S=0,I=0;return d.forEach((O,se)=>{S+=k(O),S<=v-N&&(I=se+1)}),I===d.length?-1:I},D=u=>_.value[u].indexPath,j=(u,r=33.34)=>{let d;return()=>{d&&clearTimeout(d),d=setTimeout(()=>{u()},r)}};let F=!0;const A=()=>{const u=P.unrefElement(y);if(u&&(N=k(u)||64),C.value===W())return;const r=()=>{C.value=-1,e.nextTick(()=>{C.value=W()})};F?r():j(r)(),F=!1};e.watch(()=>n.defaultActive,u=>{M.value[u]||(x.value=""),z(u)}),e.watch(()=>n.collapse,u=>{u&&(p.value=[])}),e.watch(M.value,q);let V;e.watchEffect(()=>{n.mode==="horizontal"&&n.ellipsis?V=P.useResizeObserver(h,A).stop:V==null||V()});const R=e.ref(!1);{const u=l=>{_.value[l.index]=l},r=l=>{delete _.value[l.index]},d=l=>{M.value[l.index]=l},m=l=>{delete M.value[l.index]};e.provide(Q,e.reactive({props:n,openedMenus:p,items:M,subMenus:_,activeIndex:x,isMenuPopup:B,addMenuItem:d,removeMenuItem:m,addSubMenu:u,removeSubMenu:r,openMenu:w,closeMenu:L,handleMenuItemClick:T,handleSubMenuClick:G})),e.provide(`${U}${t.uid}`,{addSubMenu:u,removeSubMenu:r,mouseInChild:R,level:0})}e.onMounted(()=>{n.mode==="horizontal"&&new ve(t.vnode.el,c.namespace.value)}),s({open:r=>{const{indexPath:d}=_.value[r];d.forEach(m=>w(m,d))},close:$,updateActiveIndex:z,handleResize:A});const J=te(n,0);return()=>{var u,r;let d=(r=(u=i.default)==null?void 0:u.call(i))!=null?r:[];const m=[];if(n.mode==="horizontal"&&h.value){const v=re.flattedChildren(d).filter(O=>(O==null?void 0:O.shapeFlag)!==8),S=C.value===-1?v:v.slice(0,C.value),I=C.value===-1?[]:v.slice(C.value);I!=null&&I.length&&n.ellipsis&&(d=S,m.push(e.h(X,{ref:y,index:"sub-menu-more",class:E.e("hide-arrow"),popperOffset:n.popperOffset},{title:()=>e.h(H.ElIcon,{class:E.e("icon-more")},{default:()=>e.h(n.ellipsisIcon)}),default:()=>I})))}const l=n.closeOnClickOutside?[[ae.ClickOutside,()=>{p.value.length&&(R.value||(p.value.forEach(v=>o("close",v,D(v))),p.value=[]))}]]:[],g=e.withDirectives(e.h("ul",{key:String(n.collapse),role:"menubar",ref:h,style:J.value,class:{[c.b()]:!0,[c.m(n.mode)]:!0,[c.m("collapse")]:n.collapse}},[...d,...m]),l);return n.collapseTransition&&n.mode==="vertical"?e.h(be,()=>g):g}}});const Ie=a.buildProps({index:{type:a.definePropType([String,null]),default:null},route:{type:a.definePropType([String,Object])},disabled:Boolean}),_e={click:n=>a.isString(n.index)&&a.isArray(n.indexPath)},Z="ElMenuItem",Te=e.defineComponent({name:Z}),Se=e.defineComponent({...Te,props:Ie,emits:_e,setup(n,{expose:o,emit:i}){const s=n;a.isPropAbsent(s.index)&&f.debugWarn();const t=e.getCurrentInstance(),b=e.inject(Q),h=a.useNamespace("menu"),y=a.useNamespace("menu-item");b||f.throwError(Z,"can not inject root menu");const{parentMenu:c,indexPath:E}=ee(t,e.toRef(s,"index")),N=e.inject(`${U}${c.value.uid}`);N||f.throwError(Z,"can not inject sub menu");const C=e.computed(()=>s.index===b.activeIndex),p=e.reactive({index:s.index,indexPath:E,active:C}),x=()=>{s.disabled||(b.handleMenuItemClick({index:s.index,indexPath:E.value,route:s.route}),i("click",p))};return e.onMounted(()=>{N.addSubMenu(p),b.addMenuItem(p)}),e.onBeforeUnmount(()=>{N.removeSubMenu(p),b.removeMenuItem(p)}),o({parentMenu:c,rootMenu:b,active:C,nsMenu:h,nsMenuItem:y,handleClick:x}),(M,_)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([e.unref(y).b(),e.unref(y).is("active",e.unref(C)),e.unref(y).is("disabled",M.disabled)]),role:"menuitem",tabindex:"-1",onClick:x},[e.unref(c).type.name==="ElMenu"&&e.unref(b).props.collapse&&M.$slots.title?(e.openBlock(),e.createBlock(e.unref(f.ElTooltip),{key:0,effect:e.unref(b).props.popperEffect,placement:"right","fallback-placements":["left"],persistent:e.unref(b).props.persistent,"focus-on-target":""},{content:e.withCtx(()=>[e.renderSlot(M.$slots,"title")]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h).be("tooltip","trigger"))},[e.renderSlot(M.$slots,"default")],2)]),_:3},8,["effect","persistent"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(M.$slots,"default"),e.renderSlot(M.$slots,"title")],64))],2))}});var ne=a._export_sfc(Se,[["__file","menu-item.vue"]]);const Ne={title:String},we=e.defineComponent({name:"ElMenuItemGroup"}),ke=e.defineComponent({...we,props:Ne,setup(n){const o=a.useNamespace("menu-item-group");return(i,s)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("title"))},[i.$slots.title?e.renderSlot(i.$slots,"title",{key:1}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(i.title),1)],64))],2),e.createElementVNode("ul",null,[e.renderSlot(i.$slots,"default")])],2))}});var oe=a._export_sfc(ke,[["__file","menu-item-group.vue"]]);const Oe=a.withInstall(xe,{MenuItem:ne,MenuItemGroup:oe,SubMenu:X}),Pe=a.withNoopInstall(ne);a.withNoopInstall(oe);a.withNoopInstall(X);exports.ElMenu=Oe;exports.ElMenuItem=Pe;

package/es/{el-menu-item-8a210e21.js → el-menu-item-7e881203.js}

@@ -1,12 +1,12 @@
 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, h as Ke, r as Ye } from "./use-form-common-props-e6cba60f.js";
-import { g as Ze, r as Qe, E as $e, t as Xe } from "./index-847d58bc.js";
-import { c as E, k as ee, t as ae, E as Be, l as et, d as tt } from "./el-popper-986a8371.js";
-import { u as O, _ as ie, w as ze, k as Q, r as de, v as nt, b as xe, p as Ae, c as j, x as Te, d as le, g as ot, q as Se, m as He, O as st, y as Ce } from "./base-8348063b.js";
+import { i as V, u as Ke, a as Ye } from "./use-form-common-props-815d48a6.js";
+import { f as Ze, g as Qe, E as $e, m as Xe } from "./index-a871c3eb.js";
+import { a as E, t as ee, b as ae, E as Be, f as et, d as tt } from "./el-popper-b4f97157.js";
+import { u as O, _ as ie, w as ze, a as Q, r as de, h as nt, b as xe, i as Ae, c as D, d as Te, e as le, f as ot, g as Se, j as He, k as st, l as Ce } from "./base-a5af3db3.js";
 import { T as at } from "./index-657047bb.js";
-import { C as lt } from "./el-tag-75a7573a.js";
+import { C as lt } from "./el-tag-66cab138.js";
 import { m as ut } from "./typescript-7ae59c4c.js";
-import { f as it } from "./index-56ea97a9.js";
+import { f as it } from "./vnode-5ddb7ed1.js";
 const rt = N({
   name: "ElCollapseTransition"
 }), ct = /* @__PURE__ */ N({
@@ -258,7 +258,7 @@ var Ee = N({
       "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), D = Me({
+    ]), 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
@@ -324,9 +324,9 @@ var Ee = N({
     return u({
       opened: w
     }), ye(() => {
-      i.addSubMenu(D), b.addSubMenu(D);
+      i.addSubMenu(j), b.addSubMenu(j);
     }), Oe(() => {
-      b.removeSubMenu(D), i.removeSubMenu(D);
+      b.removeSubMenu(j), i.removeSubMenu(j);
     }), () => {
       var s;
       const f = [
@@ -337,7 +337,7 @@ var Ee = N({
             transform: w.value ? t.expandCloseIcon && t.expandOpenIcon || t.collapseCloseIcon && t.collapseOpenIcon && i.props.collapse ? "none" : "rotateZ(180deg)" : "none"
           }
         }, {
-          default: () => j($.value) ? g(o.appContext.components[$.value]) : g($.value)
+          default: () => D($.value) ? g(o.appContext.components[$.value]) : g($.value)
         })
       ], p = i.isMenuPopup ? g(Be, {
         ref: S,
@@ -473,10 +473,10 @@ const It = xe({
     type: Boolean,
     default: !0
   }
-}), me = (t) => He(t) && t.every((n) => j(n)), xt = {
-  close: (t, n) => j(t) && me(n),
-  open: (t, n) => j(t) && me(n),
-  select: (t, n, u, o) => j(t) && me(n) && ot(u) && (Ae(o) || o instanceof Promise)
+}), me = (t) => He(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) && (Ae(o) || o instanceof Promise)
 };
 var Ct = N({
   name: "ElMenu",
@@ -527,10 +527,10 @@ var Ct = N({
         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, je) => {
-        k += B(z), k <= p - P && (T = je + 1);
+      return r.forEach((z, De) => {
+        k += B(z), k <= p - P && (T = De + 1);
       }), T === r.length ? -1 : T;
-    }, D = (a) => S.value[a].indexPath, K = (a, l = 33.34) => {
+    }, j = (a) => S.value[a].indexPath, K = (a, l = 33.34) => {
       let r;
       return () => {
         r && clearTimeout(r), r = setTimeout(() => {
@@ -628,7 +628,7 @@ var Ct = N({
         [
           lt,
           () => {
-            c.value.length && (Z.value || (c.value.forEach((p) => n("close", p, D(p))), c.value = []));
+            c.value.length && (Z.value || (c.value.forEach((p) => n("close", p, j(p))), c.value = []));
           }
         ]
       ] : [], f = Ne(g("ul", {
@@ -656,7 +656,7 @@ const _t = xe({
   },
   disabled: Boolean
 }), Et = {
-  click: (t) => j(t.index) && He(t.indexPath)
+  click: (t) => D(t.index) && He(t.indexPath)
 }, he = "ElMenuItem", Tt = N({
   name: he
 }), St = /* @__PURE__ */ N({
@@ -754,13 +754,13 @@ const wt = {
     ], 2));
   }
 });
-var De = /* @__PURE__ */ ie(Ot, [["__file", "menu-item-group.vue"]]);
+var je = /* @__PURE__ */ ie(Ot, [["__file", "menu-item-group.vue"]]);
 const Ft = ze(Ct, {
   MenuItem: Re,
-  MenuItemGroup: De,
+  MenuItemGroup: je,
   SubMenu: Ee
 }), qt = Ce(Re);
-Ce(De);
+Ce(je);
 Ce(Ee);
 export {
   qt as E,

package/es/{el-message-a1ac37d4.cjs → el-message-5e6a6be9.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),v=require("./use-form-common-props-d8866dc6.cjs"),a=require("./base-ef747d02.cjs"),$=require("./index-1fb95601.cjs"),U=require("./typescript-b63f8e83.cjs"),H=require("./use-global-config-72d50e62.cjs"),I=require("./el-popper-b962125f.cjs"),p=require("./config-provider-eb0460f1.cjs"),Z=a.buildProps({value:{type:[String,Number],default:""},max:{type:Number,default:99},isDot:Boolean,hidden:Boolean,type:{type:String,values:["primary","success","warning","info","danger"],default:"danger"},showZero:{type:Boolean,default:!0},color:String,badgeStyle:{type:a.definePropType([String,Object,Array])},offset:{type:a.definePropType(Array),default:[0,0]},badgeClass:{type:String}}),G=e.defineComponent({name:"ElBadge"}),j=e.defineComponent({...G,props:Z,setup(t,{expose:r}){const n=t,o=a.useNamespace("badge"),c=e.computed(()=>n.isDot?"":a.isNumber(n.value)&&a.isNumber(n.max)?n.max<n.value?`${n.max}+`:`${n.value}`:`${n.value}`),i=e.computed(()=>{var s,f,g,h,m;return[{backgroundColor:n.color,marginRight:a.addUnit(-((f=(s=n.offset)==null?void 0:s[0])!=null?f:0)),marginTop:a.addUnit((h=(g=n.offset)==null?void 0:g[1])!=null?h:0)},(m=n.badgeStyle)!=null?m:{}]});return r({content:c}),(s,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o).b())},[e.renderSlot(s.$slots,"default"),e.createVNode(e.Transition,{name:`${e.unref(o).namespace.value}-zoom-in-center`,persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("sup",{class:e.normalizeClass([e.unref(o).e("content"),e.unref(o).em("content",s.type),e.unref(o).is("fixed",!!s.$slots.default),e.unref(o).is("dot",s.isDot),e.unref(o).is("hide-zero",!s.showZero&&n.value===0),s.badgeClass]),style:e.normalizeStyle(e.unref(i))},[e.renderSlot(s.$slots,"content",{value:e.unref(c)},()=>[e.createTextVNode(e.toDisplayString(e.unref(c)),1)])],6),[[e.vShow,!s.hidden&&(e.unref(c)||s.isDot||s.$slots.content)]])]),_:3},8,["name"])],2))}});var W=a._export_sfc(j,[["__file","badge.vue"]]);const J=a.withInstall(W),_=["primary","success","info","warning","error"],z=["top","top-left","top-right","bottom","bottom-left","bottom-right"],C="top",u=U.mutable({customClass:"",dangerouslyUseHTMLString:!1,duration:3e3,icon:void 0,id:"",message:"",onClose:void 0,showClose:!1,type:"info",plain:!1,offset:16,placement:void 0,zIndex:0,grouping:!1,repeatNum:1,appendTo:a.isClient?document.body:void 0}),K=a.buildProps({customClass:{type:String,default:u.customClass},dangerouslyUseHTMLString:{type:Boolean,default:u.dangerouslyUseHTMLString},duration:{type:Number,default:u.duration},icon:{type:v.iconPropType,default:u.icon},id:{type:String,default:u.id},message:{type:a.definePropType([String,Object,Function]),default:u.message},onClose:{type:a.definePropType(Function),default:u.onClose},showClose:{type:Boolean,default:u.showClose},type:{type:String,values:_,default:u.type},plain:{type:Boolean,default:u.plain},offset:{type:Number,default:u.offset},placement:{type:String,values:z,default:u.placement},zIndex:{type:Number,default:u.zIndex},grouping:{type:Boolean,default:u.grouping},repeatNum:{type:Number,default:u.repeatNum}}),Q={destroy:()=>!0},d=e.shallowReactive({}),X=t=>(d[t]||(d[t]=e.shallowReactive([])),d[t]),Y=(t,r)=>{const n=d[r]||[],o=n.findIndex(s=>s.id===t),c=n[o];let i;return o>0&&(i=n[o-1]),{current:c,prev:i}},ee=(t,r)=>{const{prev:n}=Y(t,r);return n?n.vm.exposed.bottom.value:0},ne=(t,r,n)=>(d[n]||[]).findIndex(i=>i.id===t)>0?16:r,te=e.defineComponent({name:"ElMessage"}),oe=e.defineComponent({...te,props:K,emits:Q,setup(t,{expose:r,emit:n}){const o=t,{Close:c}=v.TypeComponents,i=e.ref(!1),{ns:s,zIndex:f}=H.useGlobalComponentSettings("message"),{currentZIndex:g,nextZIndex:h}=f,m=e.ref(),T=e.ref(!1),E=e.ref(0);let S;const L=e.computed(()=>o.type?o.type==="error"?"danger":o.type:"info"),V=e.computed(()=>{const l=o.type;return{[s.bm("icon",l)]:l&&v.TypeComponentsMap[l]}}),w=e.computed(()=>o.icon||v.TypeComponentsMap[o.type]||""),b=e.computed(()=>o.placement||C),D=e.computed(()=>ee(o.id,b.value)),k=e.computed(()=>ne(o.id,o.offset,b.value)+D.value),O=e.computed(()=>E.value+k.value),A=e.computed(()=>b.value.includes("left")?s.is("left"):b.value.includes("right")?s.is("right"):s.is("center")),M=e.computed(()=>b.value.startsWith("top")?"top":"bottom"),F=e.computed(()=>({[M.value]:`${k.value}px`,zIndex:g.value}));function N(){o.duration!==0&&({stop:S}=a.useTimeoutFn(()=>{B()},o.duration))}function P(){S==null||S()}function B(){T.value=!1,e.nextTick(()=>{var l;i.value||((l=o.onClose)==null||l.call(o),n("destroy"))})}function q({code:l}){l===I.EVENT_CODE.esc&&B()}return e.onMounted(()=>{N(),h(),T.value=!0}),e.watch(()=>o.repeatNum,()=>{P(),N()}),v.useEventListener(document,"keydown",q),v.useResizeObserver(m,()=>{E.value=m.value.getBoundingClientRect().height}),r({visible:T,bottom:O,close:B}),(l,de)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(s).b("fade"),onBeforeEnter:R=>i.value=!0,onBeforeLeave:l.onClose,onAfterLeave:R=>l.$emit("destroy"),persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:l.id,ref_key:"messageRef",ref:m,class:e.normalizeClass([e.unref(s).b(),{[e.unref(s).m(l.type)]:l.type},e.unref(s).is("closable",l.showClose),e.unref(s).is("plain",l.plain),e.unref(s).is("bottom",e.unref(M)==="bottom"),e.unref(A),l.customClass]),style:e.normalizeStyle(e.unref(F)),role:"alert",onMouseenter:P,onMouseleave:N},[l.repeatNum>1?(e.openBlock(),e.createBlock(e.unref(J),{key:0,value:l.repeatNum,type:e.unref(L),class:e.normalizeClass(e.unref(s).e("badge"))},null,8,["value","type","class"])):e.createCommentVNode("v-if",!0),e.unref(w)?(e.openBlock(),e.createBlock(e.unref($.ElIcon),{key:1,class:e.normalizeClass([e.unref(s).e("icon"),e.unref(V)])},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(w))))]),_:1},8,["class"])):e.createCommentVNode("v-if",!0),e.renderSlot(l.$slots,"default",{},()=>[l.dangerouslyUseHTMLString?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),e.createElementVNode("p",{class:e.normalizeClass(e.unref(s).e("content")),innerHTML:l.message},null,10,["innerHTML"])],2112)):(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(s).e("content"))},e.toDisplayString(l.message),3))]),l.showClose?(e.openBlock(),e.createBlock(e.unref($.ElIcon),{key:2,class:e.normalizeClass(e.unref(s).e("closeBtn")),onClick:e.withModifiers(B,["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(c))]),_:1},8,["class","onClick"])):e.createCommentVNode("v-if",!0)],46,["id"]),[[e.vShow,T.value]])]),_:3},8,["name","onBeforeEnter","onBeforeLeave","onAfterLeave"]))}});var se=a._export_sfc(oe,[["__file","message.vue"]]);let ae=1;const re=t=>{if(!t.appendTo)t.appendTo=document.body;else if(a.isString(t.appendTo)){let n=document.querySelector(t.appendTo);a.isElement(n)||(n=document.body),t.appendTo=n}},le=t=>{!t.placement&&a.isString(p.messageConfig.placement)&&p.messageConfig.placement&&(t.placement=p.messageConfig.placement),t.placement||(t.placement=C),z.includes(t.placement)||(I.debugWarn("ElMessage",`Invalid placement: ${t.placement}. Falling back to '${C}'.`),t.placement=C)},x=t=>{const r=!t||a.isString(t)||e.isVNode(t)||a.isFunction(t)?{message:t}:t,n={...u,...r};return re(n),le(n),a.isBoolean(p.messageConfig.grouping)&&!n.grouping&&(n.grouping=p.messageConfig.grouping),a.isNumber(p.messageConfig.duration)&&n.duration===3e3&&(n.duration=p.messageConfig.duration),a.isNumber(p.messageConfig.offset)&&n.offset===16&&(n.offset=p.messageConfig.offset),a.isBoolean(p.messageConfig.showClose)&&!n.showClose&&(n.showClose=p.messageConfig.showClose),a.isBoolean(p.messageConfig.plain)&&!n.plain&&(n.plain=p.messageConfig.plain),n},ie=t=>{const r=t.props.placement||C,n=d[r],o=n.indexOf(t);if(o===-1)return;n.splice(o,1);const{handler:c}=t;c.close()},ce=({appendTo:t,...r},n)=>{const o=`message_${ae++}`,c=r.onClose,i=document.createElement("div"),s={...r,id:o,onClose:()=>{c==null||c(),ie(m)},onDestroy:()=>{e.render(null,i)}},f=e.createVNode(se,s,a.isFunction(s.message)||e.isVNode(s.message)?{default:a.isFunction(s.message)?s.message:()=>s.message}:null);f.appContext=n||y._context,e.render(f,i),t.appendChild(i.firstElementChild);const g=f.component,m={id:o,vnode:f,vm:g,handler:{close:()=>{g.exposed.close()}},props:f.component.props};return m},y=(t={},r)=>{if(!a.isClient)return{close:()=>{}};const n=x(t),o=X(n.placement||C);if(n.grouping&&o.length){const i=o.find(({vnode:s})=>{var f;return((f=s.props)==null?void 0:f.message)===n.message});if(i)return i.props.repeatNum+=1,i.props.type=n.type,i.handler}if(a.isNumber(p.messageConfig.max)&&o.length>=p.messageConfig.max)return{close:()=>{}};const c=ce(n,r);return o.push(c),c.handler};_.forEach(t=>{y[t]=(r={},n)=>{const o=x(r);return y({...o,type:t},n)}});function ue(t){for(const r in d)if(a.hasOwn(d,r)){const n=[...d[r]];for(const o of n)(!t||t===o.props.type)&&o.handler.close()}}function pe(t){if(!d[t])return;[...d[t]].forEach(n=>n.handler.close())}y.closeAll=ue;y.closeAllByPlacement=pe;y._context=null;const fe=a.withInstallFunction(y,"$message");exports.ElMessage=fe;
+"use strict";const e=require("vue"),v=require("./use-form-common-props-fd9b61a0.cjs"),a=require("./base-ef747d02.cjs"),$=require("./index-098c2447.cjs"),U=require("./typescript-b63f8e83.cjs"),H=require("./use-global-config-30d7d8ce.cjs"),I=require("./el-popper-b6c99b28.cjs"),p=require("./config-provider-a584d81e.cjs"),Z=a.buildProps({value:{type:[String,Number],default:""},max:{type:Number,default:99},isDot:Boolean,hidden:Boolean,type:{type:String,values:["primary","success","warning","info","danger"],default:"danger"},showZero:{type:Boolean,default:!0},color:String,badgeStyle:{type:a.definePropType([String,Object,Array])},offset:{type:a.definePropType(Array),default:[0,0]},badgeClass:{type:String}}),G=e.defineComponent({name:"ElBadge"}),j=e.defineComponent({...G,props:Z,setup(t,{expose:r}){const n=t,o=a.useNamespace("badge"),c=e.computed(()=>n.isDot?"":a.isNumber(n.value)&&a.isNumber(n.max)?n.max<n.value?`${n.max}+`:`${n.value}`:`${n.value}`),i=e.computed(()=>{var s,f,g,h,m;return[{backgroundColor:n.color,marginRight:a.addUnit(-((f=(s=n.offset)==null?void 0:s[0])!=null?f:0)),marginTop:a.addUnit((h=(g=n.offset)==null?void 0:g[1])!=null?h:0)},(m=n.badgeStyle)!=null?m:{}]});return r({content:c}),(s,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o).b())},[e.renderSlot(s.$slots,"default"),e.createVNode(e.Transition,{name:`${e.unref(o).namespace.value}-zoom-in-center`,persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("sup",{class:e.normalizeClass([e.unref(o).e("content"),e.unref(o).em("content",s.type),e.unref(o).is("fixed",!!s.$slots.default),e.unref(o).is("dot",s.isDot),e.unref(o).is("hide-zero",!s.showZero&&n.value===0),s.badgeClass]),style:e.normalizeStyle(e.unref(i))},[e.renderSlot(s.$slots,"content",{value:e.unref(c)},()=>[e.createTextVNode(e.toDisplayString(e.unref(c)),1)])],6),[[e.vShow,!s.hidden&&(e.unref(c)||s.isDot||s.$slots.content)]])]),_:3},8,["name"])],2))}});var W=a._export_sfc(j,[["__file","badge.vue"]]);const J=a.withInstall(W),_=["primary","success","info","warning","error"],z=["top","top-left","top-right","bottom","bottom-left","bottom-right"],C="top",u=U.mutable({customClass:"",dangerouslyUseHTMLString:!1,duration:3e3,icon:void 0,id:"",message:"",onClose:void 0,showClose:!1,type:"info",plain:!1,offset:16,placement:void 0,zIndex:0,grouping:!1,repeatNum:1,appendTo:a.isClient?document.body:void 0}),K=a.buildProps({customClass:{type:String,default:u.customClass},dangerouslyUseHTMLString:{type:Boolean,default:u.dangerouslyUseHTMLString},duration:{type:Number,default:u.duration},icon:{type:v.iconPropType,default:u.icon},id:{type:String,default:u.id},message:{type:a.definePropType([String,Object,Function]),default:u.message},onClose:{type:a.definePropType(Function),default:u.onClose},showClose:{type:Boolean,default:u.showClose},type:{type:String,values:_,default:u.type},plain:{type:Boolean,default:u.plain},offset:{type:Number,default:u.offset},placement:{type:String,values:z,default:u.placement},zIndex:{type:Number,default:u.zIndex},grouping:{type:Boolean,default:u.grouping},repeatNum:{type:Number,default:u.repeatNum}}),Q={destroy:()=>!0},d=e.shallowReactive({}),X=t=>(d[t]||(d[t]=e.shallowReactive([])),d[t]),Y=(t,r)=>{const n=d[r]||[],o=n.findIndex(s=>s.id===t),c=n[o];let i;return o>0&&(i=n[o-1]),{current:c,prev:i}},ee=(t,r)=>{const{prev:n}=Y(t,r);return n?n.vm.exposed.bottom.value:0},ne=(t,r,n)=>(d[n]||[]).findIndex(i=>i.id===t)>0?16:r,te=e.defineComponent({name:"ElMessage"}),oe=e.defineComponent({...te,props:K,emits:Q,setup(t,{expose:r,emit:n}){const o=t,{Close:c}=v.TypeComponents,i=e.ref(!1),{ns:s,zIndex:f}=H.useGlobalComponentSettings("message"),{currentZIndex:g,nextZIndex:h}=f,m=e.ref(),T=e.ref(!1),E=e.ref(0);let S;const L=e.computed(()=>o.type?o.type==="error"?"danger":o.type:"info"),V=e.computed(()=>{const l=o.type;return{[s.bm("icon",l)]:l&&v.TypeComponentsMap[l]}}),w=e.computed(()=>o.icon||v.TypeComponentsMap[o.type]||""),b=e.computed(()=>o.placement||C),D=e.computed(()=>ee(o.id,b.value)),k=e.computed(()=>ne(o.id,o.offset,b.value)+D.value),O=e.computed(()=>E.value+k.value),A=e.computed(()=>b.value.includes("left")?s.is("left"):b.value.includes("right")?s.is("right"):s.is("center")),M=e.computed(()=>b.value.startsWith("top")?"top":"bottom"),F=e.computed(()=>({[M.value]:`${k.value}px`,zIndex:g.value}));function N(){o.duration!==0&&({stop:S}=a.useTimeoutFn(()=>{B()},o.duration))}function P(){S==null||S()}function B(){T.value=!1,e.nextTick(()=>{var l;i.value||((l=o.onClose)==null||l.call(o),n("destroy"))})}function q({code:l}){l===I.EVENT_CODE.esc&&B()}return e.onMounted(()=>{N(),h(),T.value=!0}),e.watch(()=>o.repeatNum,()=>{P(),N()}),v.useEventListener(document,"keydown",q),v.useResizeObserver(m,()=>{E.value=m.value.getBoundingClientRect().height}),r({visible:T,bottom:O,close:B}),(l,de)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(s).b("fade"),onBeforeEnter:R=>i.value=!0,onBeforeLeave:l.onClose,onAfterLeave:R=>l.$emit("destroy"),persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:l.id,ref_key:"messageRef",ref:m,class:e.normalizeClass([e.unref(s).b(),{[e.unref(s).m(l.type)]:l.type},e.unref(s).is("closable",l.showClose),e.unref(s).is("plain",l.plain),e.unref(s).is("bottom",e.unref(M)==="bottom"),e.unref(A),l.customClass]),style:e.normalizeStyle(e.unref(F)),role:"alert",onMouseenter:P,onMouseleave:N},[l.repeatNum>1?(e.openBlock(),e.createBlock(e.unref(J),{key:0,value:l.repeatNum,type:e.unref(L),class:e.normalizeClass(e.unref(s).e("badge"))},null,8,["value","type","class"])):e.createCommentVNode("v-if",!0),e.unref(w)?(e.openBlock(),e.createBlock(e.unref($.ElIcon),{key:1,class:e.normalizeClass([e.unref(s).e("icon"),e.unref(V)])},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(w))))]),_:1},8,["class"])):e.createCommentVNode("v-if",!0),e.renderSlot(l.$slots,"default",{},()=>[l.dangerouslyUseHTMLString?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),e.createElementVNode("p",{class:e.normalizeClass(e.unref(s).e("content")),innerHTML:l.message},null,10,["innerHTML"])],2112)):(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(s).e("content"))},e.toDisplayString(l.message),3))]),l.showClose?(e.openBlock(),e.createBlock(e.unref($.ElIcon),{key:2,class:e.normalizeClass(e.unref(s).e("closeBtn")),onClick:e.withModifiers(B,["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(c))]),_:1},8,["class","onClick"])):e.createCommentVNode("v-if",!0)],46,["id"]),[[e.vShow,T.value]])]),_:3},8,["name","onBeforeEnter","onBeforeLeave","onAfterLeave"]))}});var se=a._export_sfc(oe,[["__file","message.vue"]]);let ae=1;const re=t=>{if(!t.appendTo)t.appendTo=document.body;else if(a.isString(t.appendTo)){let n=document.querySelector(t.appendTo);a.isElement(n)||(n=document.body),t.appendTo=n}},le=t=>{!t.placement&&a.isString(p.messageConfig.placement)&&p.messageConfig.placement&&(t.placement=p.messageConfig.placement),t.placement||(t.placement=C),z.includes(t.placement)||(I.debugWarn("ElMessage",`Invalid placement: ${t.placement}. Falling back to '${C}'.`),t.placement=C)},x=t=>{const r=!t||a.isString(t)||e.isVNode(t)||a.isFunction(t)?{message:t}:t,n={...u,...r};return re(n),le(n),a.isBoolean(p.messageConfig.grouping)&&!n.grouping&&(n.grouping=p.messageConfig.grouping),a.isNumber(p.messageConfig.duration)&&n.duration===3e3&&(n.duration=p.messageConfig.duration),a.isNumber(p.messageConfig.offset)&&n.offset===16&&(n.offset=p.messageConfig.offset),a.isBoolean(p.messageConfig.showClose)&&!n.showClose&&(n.showClose=p.messageConfig.showClose),a.isBoolean(p.messageConfig.plain)&&!n.plain&&(n.plain=p.messageConfig.plain),n},ie=t=>{const r=t.props.placement||C,n=d[r],o=n.indexOf(t);if(o===-1)return;n.splice(o,1);const{handler:c}=t;c.close()},ce=({appendTo:t,...r},n)=>{const o=`message_${ae++}`,c=r.onClose,i=document.createElement("div"),s={...r,id:o,onClose:()=>{c==null||c(),ie(m)},onDestroy:()=>{e.render(null,i)}},f=e.createVNode(se,s,a.isFunction(s.message)||e.isVNode(s.message)?{default:a.isFunction(s.message)?s.message:()=>s.message}:null);f.appContext=n||y._context,e.render(f,i),t.appendChild(i.firstElementChild);const g=f.component,m={id:o,vnode:f,vm:g,handler:{close:()=>{g.exposed.close()}},props:f.component.props};return m},y=(t={},r)=>{if(!a.isClient)return{close:()=>{}};const n=x(t),o=X(n.placement||C);if(n.grouping&&o.length){const i=o.find(({vnode:s})=>{var f;return((f=s.props)==null?void 0:f.message)===n.message});if(i)return i.props.repeatNum+=1,i.props.type=n.type,i.handler}if(a.isNumber(p.messageConfig.max)&&o.length>=p.messageConfig.max)return{close:()=>{}};const c=ce(n,r);return o.push(c),c.handler};_.forEach(t=>{y[t]=(r={},n)=>{const o=x(r);return y({...o,type:t},n)}});function ue(t){for(const r in d)if(a.hasOwn(d,r)){const n=[...d[r]];for(const o of n)(!t||t===o.props.type)&&o.handler.close()}}function pe(t){if(!d[t])return;[...d[t]].forEach(n=>n.handler.close())}y.closeAll=ue;y.closeAllByPlacement=pe;y._context=null;const fe=a.withInstallFunction(y,"$message");exports.ElMessage=fe;