st-comp 0.0.122 → 0.0.124

package/es/el-menu-item-dc904a35.cjs

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

package/es/el-message-e97bdea1.cjs

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

package/es/el-message-fd827012.js

@@ -0,0 +1,374 @@
+import { defineComponent as B, computed as m, openBlock as v, createElementBlock as z, normalizeClass as C, unref as s, renderSlot as I, createVNode as O, Transition as j, withCtx as E, withDirectives as Z, createElementVNode as L, normalizeStyle as q, createTextVNode as re, toDisplayString as G, vShow as W, shallowReactive as ie, ref as k, onMounted as ue, watch as de, createBlock as b, createCommentVNode as S, resolveDynamicComponent as ce, Fragment as pe, withModifiers as fe, isVNode as J, render as H } from "vue";
+import { b as me, a as ge } from "./el-scrollbar-906103f8.js";
+import { b as K, d as N, u as ye, a as T, y as A, _ as Q, w as ve, j as X, p as Ce, i as R, h as _, m as he, f as be, c as V, I as Te } from "./base-a8f938bd.js";
+import { j as we, f as P, E as U, T as Se } from "./use-form-common-props-f7d2e83c.js";
+import { m as Ee } from "./typescript-7ae59c4c.js";
+import { u as Ne } from "./use-global-config-8429db7d.js";
+import { E as Be } from "./index-6ced00c4.js";
+import { m as c } from "./config-provider-d3edea8a.js";
+const Me = K({
+  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: N([String, Object, Array])
+  },
+  offset: {
+    type: N(Array),
+    default: [0, 0]
+  },
+  badgeClass: {
+    type: String
+  }
+}), $e = B({
+  name: "ElBadge"
+}), ke = /* @__PURE__ */ B({
+  ...$e,
+  props: Me,
+  setup(o, { expose: t }) {
+    const e = o, a = ye("badge"), n = m(() => e.isDot ? "" : T(e.value) && T(e.max) ? e.max < e.value ? `${e.max}+` : `${e.value}` : `${e.value}`), p = m(() => {
+      var l, u, f, g, y;
+      return [
+        {
+          backgroundColor: e.color,
+          marginRight: A(-((u = (l = e.offset) == null ? void 0 : l[0]) != null ? u : 0)),
+          marginTop: A((g = (f = e.offset) == null ? void 0 : f[1]) != null ? g : 0)
+        },
+        (y = e.badgeStyle) != null ? y : {}
+      ];
+    });
+    return t({
+      content: n
+    }), (l, u) => (v(), z("div", {
+      class: C(s(a).b())
+    }, [
+      I(l.$slots, "default"),
+      O(j, {
+        name: `${s(a).namespace.value}-zoom-in-center`,
+        persisted: ""
+      }, {
+        default: E(() => [
+          Z(L("sup", {
+            class: C([
+              s(a).e("content"),
+              s(a).em("content", l.type),
+              s(a).is("fixed", !!l.$slots.default),
+              s(a).is("dot", l.isDot),
+              s(a).is("hide-zero", !l.showZero && e.value === 0),
+              l.badgeClass
+            ]),
+            style: q(s(p))
+          }, [
+            I(l.$slots, "content", { value: s(n) }, () => [
+              re(G(s(n)), 1)
+            ])
+          ], 6), [
+            [W, !l.hidden && (s(n) || l.isDot || l.$slots.content)]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name"])
+    ], 2));
+  }
+});
+var ze = /* @__PURE__ */ Q(ke, [["__file", "badge.vue"]]);
+const Ie = ve(ze), Y = ["success", "info", "warning", "error"], i = Ee({
+  customClass: "",
+  center: !1,
+  dangerouslyUseHTMLString: !1,
+  duration: 3e3,
+  icon: void 0,
+  id: "",
+  message: "",
+  onClose: void 0,
+  showClose: !1,
+  type: "info",
+  plain: !1,
+  offset: 16,
+  zIndex: 0,
+  grouping: !1,
+  repeatNum: 1,
+  appendTo: X ? document.body : void 0
+}), Le = K({
+  customClass: {
+    type: String,
+    default: i.customClass
+  },
+  center: {
+    type: Boolean,
+    default: i.center
+  },
+  dangerouslyUseHTMLString: {
+    type: Boolean,
+    default: i.dangerouslyUseHTMLString
+  },
+  duration: {
+    type: Number,
+    default: i.duration
+  },
+  icon: {
+    type: we,
+    default: i.icon
+  },
+  id: {
+    type: String,
+    default: i.id
+  },
+  message: {
+    type: N([
+      String,
+      Object,
+      Function
+    ]),
+    default: i.message
+  },
+  onClose: {
+    type: N(Function),
+    default: i.onClose
+  },
+  showClose: {
+    type: Boolean,
+    default: i.showClose
+  },
+  type: {
+    type: String,
+    values: Y,
+    default: i.type
+  },
+  plain: {
+    type: Boolean,
+    default: i.plain
+  },
+  offset: {
+    type: Number,
+    default: i.offset
+  },
+  zIndex: {
+    type: Number,
+    default: i.zIndex
+  },
+  grouping: {
+    type: Boolean,
+    default: i.grouping
+  },
+  repeatNum: {
+    type: Number,
+    default: i.repeatNum
+  }
+}), _e = {
+  destroy: () => !0
+}, d = ie([]), Oe = (o) => {
+  const t = d.findIndex((n) => n.id === o), e = d[t];
+  let a;
+  return t > 0 && (a = d[t - 1]), { current: e, prev: a };
+}, De = (o) => {
+  const { prev: t } = Oe(o);
+  return t ? t.vm.exposed.bottom.value : 0;
+}, xe = (o, t) => d.findIndex((a) => a.id === o) > 0 ? 16 : t, Fe = B({
+  name: "ElMessage"
+}), He = /* @__PURE__ */ B({
+  ...Fe,
+  props: Le,
+  emits: _e,
+  setup(o, { expose: t }) {
+    const e = o, { Close: a } = Se, { ns: n, zIndex: p } = Ne("message"), { currentZIndex: l, nextZIndex: u } = p, f = k(), g = k(!1), y = k(0);
+    let M;
+    const se = m(() => e.type ? e.type === "error" ? "danger" : e.type : "info"), oe = m(() => {
+      const r = e.type;
+      return { [n.bm("icon", r)]: r && P[r] };
+    }), D = m(() => e.icon || P[e.type] || ""), te = m(() => De(e.id)), x = m(() => xe(e.id, e.offset) + te.value), ne = m(() => y.value + x.value), ae = m(() => ({
+      top: `${x.value}px`,
+      zIndex: l.value
+    }));
+    function $() {
+      e.duration !== 0 && ({ stop: M } = Ce(() => {
+        w();
+      }, e.duration));
+    }
+    function F() {
+      M == null || M();
+    }
+    function w() {
+      g.value = !1;
+    }
+    function le({ code: r }) {
+      r === Be.esc && w();
+    }
+    return ue(() => {
+      $(), u(), g.value = !0;
+    }), de(() => e.repeatNum, () => {
+      F(), $();
+    }), me(document, "keydown", le), ge(f, () => {
+      y.value = f.value.getBoundingClientRect().height;
+    }), t({
+      visible: g,
+      bottom: ne,
+      close: w
+    }), (r, je) => (v(), b(j, {
+      name: s(n).b("fade"),
+      onBeforeLeave: r.onClose,
+      onAfterLeave: (Ze) => r.$emit("destroy"),
+      persisted: ""
+    }, {
+      default: E(() => [
+        Z(L("div", {
+          id: r.id,
+          ref_key: "messageRef",
+          ref: f,
+          class: C([
+            s(n).b(),
+            { [s(n).m(r.type)]: r.type },
+            s(n).is("center", r.center),
+            s(n).is("closable", r.showClose),
+            s(n).is("plain", r.plain),
+            r.customClass
+          ]),
+          style: q(s(ae)),
+          role: "alert",
+          onMouseenter: F,
+          onMouseleave: $
+        }, [
+          r.repeatNum > 1 ? (v(), b(s(Ie), {
+            key: 0,
+            value: r.repeatNum,
+            type: s(se),
+            class: C(s(n).e("badge"))
+          }, null, 8, ["value", "type", "class"])) : S("v-if", !0),
+          s(D) ? (v(), b(s(U), {
+            key: 1,
+            class: C([s(n).e("icon"), s(oe)])
+          }, {
+            default: E(() => [
+              (v(), b(ce(s(D))))
+            ]),
+            _: 1
+          }, 8, ["class"])) : S("v-if", !0),
+          I(r.$slots, "default", {}, () => [
+            r.dangerouslyUseHTMLString ? (v(), z(pe, { key: 1 }, [
+              S(" Caution here, message could've been compromised, never use user's input as message "),
+              L("p", {
+                class: C(s(n).e("content")),
+                innerHTML: r.message
+              }, null, 10, ["innerHTML"])
+            ], 2112)) : (v(), z("p", {
+              key: 0,
+              class: C(s(n).e("content"))
+            }, G(r.message), 3))
+          ]),
+          r.showClose ? (v(), b(s(U), {
+            key: 2,
+            class: C(s(n).e("closeBtn")),
+            onClick: fe(w, ["stop"])
+          }, {
+            default: E(() => [
+              O(s(a))
+            ]),
+            _: 1
+          }, 8, ["class", "onClick"])) : S("v-if", !0)
+        ], 46, ["id"]), [
+          [W, g.value]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name", "onBeforeLeave", "onAfterLeave"]));
+  }
+});
+var Ae = /* @__PURE__ */ Q(He, [["__file", "message.vue"]]);
+let Re = 1;
+const ee = (o) => {
+  const t = !o || R(o) || J(o) || _(o) ? { message: o } : o, e = {
+    ...i,
+    ...t
+  };
+  if (!e.appendTo)
+    e.appendTo = document.body;
+  else if (R(e.appendTo)) {
+    let a = document.querySelector(e.appendTo);
+    he(a) || (be("ElMessage", "the appendTo option is not an HTMLElement. Falling back to document.body."), a = document.body), e.appendTo = a;
+  }
+  return V(c.grouping) && !e.grouping && (e.grouping = c.grouping), T(c.duration) && e.duration === 3e3 && (e.duration = c.duration), T(c.offset) && e.offset === 16 && (e.offset = c.offset), V(c.showClose) && !e.showClose && (e.showClose = c.showClose), e;
+}, Ve = (o) => {
+  const t = d.indexOf(o);
+  if (t === -1)
+    return;
+  d.splice(t, 1);
+  const { handler: e } = o;
+  e.close();
+}, Pe = ({ appendTo: o, ...t }, e) => {
+  const a = `message_${Re++}`, n = t.onClose, p = document.createElement("div"), l = {
+    ...t,
+    id: a,
+    onClose: () => {
+      n == null || n(), Ve(y);
+    },
+    onDestroy: () => {
+      H(null, p);
+    }
+  }, u = O(Ae, l, _(l.message) || J(l.message) ? {
+    default: _(l.message) ? l.message : () => l.message
+  } : null);
+  u.appContext = e || h._context, H(u, p), o.appendChild(p.firstElementChild);
+  const f = u.component, y = {
+    id: a,
+    vnode: u,
+    vm: f,
+    handler: {
+      close: () => {
+        f.exposed.visible.value = !1;
+      }
+    },
+    props: u.component.props
+  };
+  return y;
+}, h = (o = {}, t) => {
+  if (!X)
+    return { close: () => {
+    } };
+  const e = ee(o);
+  if (e.grouping && d.length) {
+    const n = d.find(({ vnode: p }) => {
+      var l;
+      return ((l = p.props) == null ? void 0 : l.message) === e.message;
+    });
+    if (n)
+      return n.props.repeatNum += 1, n.props.type = e.type, n.handler;
+  }
+  if (T(c.max) && d.length >= c.max)
+    return { close: () => {
+    } };
+  const a = Pe(e, t);
+  return d.push(a), a.handler;
+};
+Y.forEach((o) => {
+  h[o] = (t = {}, e) => {
+    const a = ee(t);
+    return h({ ...a, type: o }, e);
+  };
+});
+function Ue(o) {
+  for (const t of d)
+    (!o || o === t.props.type) && t.handler.close();
+}
+h.closeAll = Ue;
+h._context = null;
+const es = Te(h, "$message");
+export {
+  es as E
+};

package/es/el-overlay-7b90d61c.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("./base-ec05f348.cjs"),$=require("./vnode-7fbc61e1.cjs"),F=require("./index-e1e83173.cjs"),A=require("./use-form-common-props-1b84d8f4.cjs"),j=require("./refs-d00b710b.cjs"),V=require("./event-61f49698.cjs"),W=require("./scroll-41224831.cjs"),x=require("./use-global-config-ac2dad80.cjs"),K=require("./index-c4649a37.cjs"),z=o=>{if(!o)return{onClick:t.NOOP,onMousedown:t.NOOP,onMouseup:t.NOOP};let l=!1,s=!1;return{onClick:i=>{l&&s&&o(i),l=s=!1},onMousedown:i=>{l=i.target===i.currentTarget},onMouseup:i=>{s=i.target===i.currentTarget}}},_=t.buildProps({mask:{type:Boolean,default:!0},customMaskEvent:Boolean,overlayClass:{type:t.definePropType([String,Array,Object])},zIndex:{type:t.definePropType([String,Number])}}),G={click:o=>o instanceof MouseEvent},Z="overlay";var J=e.defineComponent({name:"ElOverlay",props:_,emits:G,setup(o,{slots:l,emit:s}){const f=t.useNamespace(Z),a=r=>{s("click",r)},{onClick:c,onMousedown:i,onMouseup:m}=z(o.customMaskEvent?void 0:a);return()=>o.mask?e.createVNode("div",{class:[f.b(),o.overlayClass],style:{zIndex:o.zIndex},onClick:c,onMousedown:i,onMouseup:m},[e.renderSlot(l,"default")],$.PatchFlags.STYLE|$.PatchFlags.CLASS|$.PatchFlags.PROPS,["onClick","onMouseup","onMousedown"]):e.h("div",{class:o.overlayClass,style:{zIndex:o.zIndex,position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}},[e.renderSlot(l,"default")])}});const q=J,Y=Symbol("dialogInjectionKey"),U=t.buildProps({center:Boolean,alignCenter:Boolean,closeIcon:{type:A.iconPropType},draggable:Boolean,overflow:Boolean,fullscreen:Boolean,headerClass:String,bodyClass:String,footerClass:String,showClose:{type:Boolean,default:!0},title:{type:String,default:""},ariaLevel:{type:String,default:"2"}}),Q={close:()=>!0},R=(o,l,s,f)=>{let a={offsetX:0,offsetY:0};const c=d=>{const y=d.clientX,h=d.clientY,{offsetX:g,offsetY:v}=a,p=o.value.getBoundingClientRect(),b=p.left,u=p.top,D=p.width,E=p.height,O=document.documentElement.clientWidth,N=document.documentElement.clientHeight,L=-b+g,w=-u+v,k=O-b-D+g,S=N-u-E+v,T=n=>{let P=g+n.clientX-y,I=v+n.clientY-h;f!=null&&f.value||(P=Math.min(Math.max(P,L),k),I=Math.min(Math.max(I,w),S)),a={offsetX:P,offsetY:I},o.value&&(o.value.style.transform=`translate(${t.addUnit(P)}, ${t.addUnit(I)})`)},B=()=>{document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",B)};document.addEventListener("mousemove",T),document.addEventListener("mouseup",B)},i=()=>{l.value&&o.value&&l.value.addEventListener("mousedown",c)},m=()=>{l.value&&o.value&&l.value.removeEventListener("mousedown",c)},r=()=>{a={offsetX:0,offsetY:0},o.value&&(o.value.style.transform="none")};return e.onMounted(()=>{e.watchEffect(()=>{s.value?i():m()})}),e.onBeforeUnmount(()=>{m()}),{resetPosition:r}},ee=e.defineComponent({name:"ElDialogContent"}),oe=e.defineComponent({...ee,props:U,emits:Q,setup(o,{expose:l}){const s=o,{t:f}=t.useLocale(),{Close:a}=A.CloseComponents,{dialogRef:c,headerRef:i,bodyId:m,ns:r,style:d}=e.inject(Y),{focusTrapRef:y}=e.inject(F.FOCUS_TRAP_INJECTION_KEY),h=e.computed(()=>[r.b(),r.is("fullscreen",s.fullscreen),r.is("draggable",s.draggable),r.is("align-center",s.alignCenter),{[r.m("center")]:s.center}]),g=j.composeRefs(y,c),v=e.computed(()=>s.draggable),p=e.computed(()=>s.overflow),{resetPosition:b}=R(c,i,v,p);return l({resetPosition:b}),(u,D)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(g),class:e.normalizeClass(e.unref(h)),style:e.normalizeStyle(e.unref(d)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:i,class:e.normalizeClass([e.unref(r).e("header"),u.headerClass,{"show-close":u.showClose}])},[e.renderSlot(u.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading","aria-level":u.ariaLevel,class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString(u.title),11,["aria-level"])]),u.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":e.unref(f)("el.dialog.close"),class:e.normalizeClass(e.unref(r).e("headerbtn")),type:"button",onClick:E=>u.$emit("close")},[e.createVNode(e.unref(A.ElIcon),{class:e.normalizeClass(e.unref(r).e("close"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.closeIcon||e.unref(a))))]),_:1},8,["class"])],10,["aria-label","onClick"])):e.createCommentVNode("v-if",!0)],2),e.createElementVNode("div",{id:e.unref(m),class:e.normalizeClass([e.unref(r).e("body"),u.bodyClass])},[e.renderSlot(u.$slots,"default")],10,["id"]),u.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass([e.unref(r).e("footer"),u.footerClass])},[e.renderSlot(u.$slots,"footer")],2)):e.createCommentVNode("v-if",!0)],6))}});var te=t._export_sfc(oe,[["__file","dialog-content.vue"]]);const ne=t.buildProps({...U,appendToBody:Boolean,appendTo:{type:t.definePropType([String,Object]),default:"body"},beforeClose:{type:t.definePropType(Function)},destroyOnClose:Boolean,closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{type:Number,default:0},closeDelay:{type:Number,default:0},top:{type:String},modelValue:Boolean,modalClass:String,headerClass:String,bodyClass:String,footerClass:String,width:{type:[String,Number]},zIndex:{type:Number},trapFocus:Boolean,headerAriaLevel:{type:String,default:"2"}}),le={open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,[V.UPDATE_MODEL_EVENT]:o=>t.isBoolean(o),openAutoFocus:()=>!0,closeAutoFocus:()=>!0},X=(o,l={})=>{e.isRef(o)||t.throwError("[useLockscreen]","You need to pass a ref param to this function");const s=l.ns||t.useNamespace("popup"),f=e.computed(()=>s.bm("parent","hidden"));if(!t.isClient||t.hasClass(document.body,f.value))return;let a=0,c=!1,i="0";const m=()=>{setTimeout(()=>{typeof document>"u"||c&&document&&(document.body.style.width=i,t.removeClass(document.body,f.value))},200)};e.watch(o,r=>{if(!r){m();return}c=!t.hasClass(document.body,f.value),c&&(i=document.body.style.width,t.addClass(document.body,f.value)),a=W.getScrollBarWidth(s.namespace.value);const d=document.documentElement.clientHeight<document.body.scrollHeight,y=t.getStyle(document.body,"overflowY");a>0&&(d||y==="scroll")&&c&&(document.body.style.width=`calc(100% - ${a}px)`)}),e.onScopeDispose(()=>m())},se=(o,l)=>{var s;const a=e.getCurrentInstance().emit,{nextZIndex:c}=A.useZIndex();let i="";const m=t.useId(),r=t.useId(),d=e.ref(!1),y=e.ref(!1),h=e.ref(!1),g=e.ref((s=o.zIndex)!=null?s:c());let v,p;const b=x.useGlobalConfig("namespace",t.defaultNamespace),u=e.computed(()=>{const C={},M=`--${b.value}-dialog`;return o.fullscreen||(o.top&&(C[`${M}-margin-top`]=o.top),o.width&&(C[`${M}-width`]=t.addUnit(o.width))),C}),D=e.computed(()=>o.alignCenter?{display:"flex"}:{});function E(){a("opened")}function O(){a("closed"),a(V.UPDATE_MODEL_EVENT,!1),o.destroyOnClose&&(h.value=!1)}function N(){a("close")}function L(){p==null||p(),v==null||v(),o.openDelay&&o.openDelay>0?{stop:v}=t.useTimeoutFn(()=>T(),o.openDelay):T()}function w(){v==null||v(),p==null||p(),o.closeDelay&&o.closeDelay>0?{stop:p}=t.useTimeoutFn(()=>B(),o.closeDelay):B()}function k(){function C(M){M||(y.value=!0,d.value=!1)}o.beforeClose?o.beforeClose(C):w()}function S(){o.closeOnClickModal&&k()}function T(){t.isClient&&(d.value=!0)}function B(){d.value=!1}function n(){a("openAutoFocus")}function P(){a("closeAutoFocus")}function I(C){var M;((M=C.detail)==null?void 0:M.focusReason)==="pointer"&&C.preventDefault()}o.lockScroll&&X(d);function H(){o.closeOnPressEscape&&k()}return e.watch(()=>o.modelValue,C=>{C?(y.value=!1,L(),h.value=!0,g.value=F.isUndefined(o.zIndex)?c():g.value++,e.nextTick(()=>{a("open"),l.value&&(l.value.parentElement.scrollTop=0,l.value.parentElement.scrollLeft=0,l.value.scrollTop=0)})):d.value&&w()}),e.watch(()=>o.fullscreen,C=>{l.value&&(C?(i=l.value.style.transform,l.value.style.transform=""):l.value.style.transform=i)}),e.onMounted(()=>{o.modelValue&&(d.value=!0,h.value=!0,L())}),{afterEnter:E,afterLeave:O,beforeLeave:N,handleClose:k,onModalClick:S,close:w,doClose:B,onOpenAutoFocus:n,onCloseAutoFocus:P,onCloseRequested:H,onFocusoutPrevented:I,titleId:m,bodyId:r,closed:y,style:u,overlayDialogStyle:D,rendered:h,visible:d,zIndex:g}},ae=e.defineComponent({name:"ElDialog",inheritAttrs:!1}),re=e.defineComponent({...ae,props:ne,emits:le,setup(o,{expose:l}){const s=o,f=e.useSlots();K.useDeprecated({scope:"el-dialog",from:"the title slot",replacement:"the header slot",version:"3.0.0",ref:"https://element-plus.org/en-US/component/dialog.html#slots"},e.computed(()=>!!f.title));const a=t.useNamespace("dialog"),c=e.ref(),i=e.ref(),m=e.ref(),{visible:r,titleId:d,bodyId:y,style:h,overlayDialogStyle:g,rendered:v,zIndex:p,afterEnter:b,afterLeave:u,beforeLeave:D,handleClose:E,onModalClick:O,onOpenAutoFocus:N,onCloseAutoFocus:L,onCloseRequested:w,onFocusoutPrevented:k}=se(s,c);e.provide(Y,{dialogRef:c,headerRef:i,bodyId:y,ns:a,rendered:v,style:h});const S=z(O),T=e.computed(()=>s.draggable&&!s.fullscreen);return l({visible:r,dialogContentRef:m,resetPosition:()=>{var n;(n=m.value)==null||n.resetPosition()}}),(n,P)=>(e.openBlock(),e.createBlock(e.unref(F.ElTeleport),{to:n.appendTo,disabled:n.appendTo!=="body"?!1:!n.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"dialog-fade",onAfterEnter:e.unref(b),onAfterLeave:e.unref(u),onBeforeLeave:e.unref(D),persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(q),{"custom-mask-event":"",mask:n.modal,"overlay-class":n.modalClass,"z-index":e.unref(p)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":n.title||void 0,"aria-labelledby":n.title?void 0:e.unref(d),"aria-describedby":e.unref(y),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(g)),onClick:e.unref(S).onClick,onMousedown:e.unref(S).onMousedown,onMouseup:e.unref(S).onMouseup},[e.createVNode(e.unref(F.ElFocusTrap),{loop:"",trapped:e.unref(r),"focus-start-el":"container",onFocusAfterTrapped:e.unref(N),onFocusAfterReleased:e.unref(L),onFocusoutPrevented:e.unref(k),onReleaseRequested:e.unref(w)},{default:e.withCtx(()=>[e.unref(v)?(e.openBlock(),e.createBlock(te,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:m},n.$attrs,{center:n.center,"align-center":n.alignCenter,"close-icon":n.closeIcon,draggable:e.unref(T),overflow:n.overflow,fullscreen:n.fullscreen,"header-class":n.headerClass,"body-class":n.bodyClass,"footer-class":n.footerClass,"show-close":n.showClose,title:n.title,"aria-level":n.headerAriaLevel,onClose:e.unref(E)}),e.createSlots({header:e.withCtx(()=>[n.$slots.title?e.renderSlot(n.$slots,"title",{key:1}):e.renderSlot(n.$slots,"header",{key:0,close:e.unref(E),titleId:e.unref(d),titleClass:e.unref(a).e("title")})]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:2},[n.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"footer")])}:void 0]),1040,["center","align-center","close-icon","draggable","overflow","fullscreen","header-class","body-class","footer-class","show-close","title","aria-level","onClose"])):e.createCommentVNode("v-if",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,["aria-label","aria-labelledby","aria-describedby","onClick","onMousedown","onMouseup"])]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(r)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["to","disabled"]))}});var ie=t._export_sfc(re,[["__file","dialog.vue"]]);const ue=t.withInstall(ie);exports.ElDialog=ue;exports.ElOverlay=q;exports.useDraggable=R;exports.useLockscreen=X;exports.useSameTarget=z;