index-BexzfmiG.js 4.4 KB

1
  1. import{al as N,d as h,cj as Y,ck as H,b7 as J,a7 as B,cl as G,c as u,cm as Q,cn as W,a as S,o as i,b as C,M as F,U as r,Y as t,e,t as X,m as y,w as n,H as L,aq as Z,co as _,S as x,ar as q,cp as ee,cq as oe,am as se,ak as ae,an as le,i as T,cr as te,c2 as ne,D as re,cs as ie,ct as de,cu as ce,bg as fe,ci as ue,R as pe,cv as ge,au as ve,ax as me}from"./index-DxXX42ml.js";const z=Symbol("dialogInjectionKey"),be=h({name:"ElDialogContent"}),Ce=h({...be,props:H,emits:Y,setup(k,{expose:w}){const l=k,{t:R}=J(),{Close:d}=_,{dialogRef:c,headerRef:p,bodyId:f,ns:s,style:g}=B(z),{focusTrapRef:v}=B(G),E=u(()=>[s.b(),s.is("fullscreen",l.fullscreen),s.is("draggable",l.draggable),s.is("align-center",l.alignCenter),{[s.m("center")]:l.center}]),$=Q(v,c),m=u(()=>l.draggable),D=u(()=>l.overflow),{resetPosition:A,updatePosition:I}=W(c,p,m,D);return w({resetPosition:A,updatePosition:I}),(a,b)=>(i(),S("div",{ref:e($),class:t(e(E)),style:q(e(g)),tabindex:"-1"},[C("header",{ref_key:"headerRef",ref:p,class:t([e(s).e("header"),a.headerClass,{"show-close":a.showClose}])},[r(a.$slots,"header",{},()=>[C("span",{role:"heading","aria-level":a.ariaLevel,class:t(e(s).e("title"))},X(a.title),11,["aria-level"])]),a.showClose?(i(),S("button",{key:0,"aria-label":e(R)("el.dialog.close"),class:t(e(s).e("headerbtn")),type:"button",onClick:M=>a.$emit("close")},[y(e(x),{class:t(e(s).e("close"))},{default:n(()=>[(i(),L(Z(a.closeIcon||e(d))))]),_:1},8,["class"])],10,["aria-label","onClick"])):F("v-if",!0)],2),C("div",{id:e(f),class:t([e(s).e("body"),a.bodyClass])},[r(a.$slots,"default")],10,["id"]),a.$slots.footer?(i(),S("footer",{key:0,class:t([e(s).e("footer"),a.footerClass])},[r(a.$slots,"footer")],2)):F("v-if",!0)],6))}});var ye=N(Ce,[["__file","dialog-content.vue"]]);const he=h({name:"ElDialog",inheritAttrs:!1}),ke=h({...he,props:oe,emits:ee,setup(k,{expose:w}){const l=k,R=se();ae({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"},u(()=>!!R.title));const d=le("dialog"),c=T(),p=T(),f=T(),{visible:s,titleId:g,bodyId:v,style:E,overlayDialogStyle:$,rendered:m,zIndex:D,afterEnter:A,afterLeave:I,beforeLeave:a,handleClose:b,onModalClick:M,onOpenAutoFocus:j,onCloseAutoFocus:K,onCloseRequested:O,onFocusoutPrevented:U}=te(l,c);ve(z,{dialogRef:c,headerRef:p,bodyId:v,ns:d,rendered:m,style:E});const P=de(M),V=u(()=>l.draggable&&!l.fullscreen);return w({visible:s,dialogContentRef:f,resetPosition:()=>{var o;(o=f.value)==null||o.resetPosition()},handleClose:b}),(o,Ee)=>(i(),L(e(ge),{to:o.appendTo,disabled:o.appendTo!=="body"?!1:!o.appendToBody},{default:n(()=>[y(ne,{name:"dialog-fade",onAfterEnter:e(A),onAfterLeave:e(I),onBeforeLeave:e(a),persisted:""},{default:n(()=>[re(y(e(ie),{"custom-mask-event":"",mask:o.modal,"overlay-class":o.modalClass,"z-index":e(D)},{default:n(()=>[C("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e(g),"aria-describedby":e(v),class:t(`${e(d).namespace.value}-overlay-dialog`),style:q(e($)),onClick:e(P).onClick,onMousedown:e(P).onMousedown,onMouseup:e(P).onMouseup},[y(e(ce),{loop:"",trapped:e(s),"focus-start-el":"container",onFocusAfterTrapped:e(j),onFocusAfterReleased:e(K),onFocusoutPrevented:e(U),onReleaseRequested:e(O)},{default:n(()=>[e(m)?(i(),L(ye,fe({key:0,ref_key:"dialogContentRef",ref:f},o.$attrs,{center:o.center,"align-center":o.alignCenter,"close-icon":o.closeIcon,draggable:e(V),overflow:o.overflow,fullscreen:o.fullscreen,"header-class":o.headerClass,"body-class":o.bodyClass,"footer-class":o.footerClass,"show-close":o.showClose,title:o.title,"aria-level":o.headerAriaLevel,onClose:e(b)}),ue({header:n(()=>[o.$slots.title?r(o.$slots,"title",{key:1}):r(o.$slots,"header",{key:0,close:e(b),titleId:e(g),titleClass:e(d).e("title")})]),default:n(()=>[r(o.$slots,"default")]),_:2},[o.$slots.footer?{name:"footer",fn:n(()=>[r(o.$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"])):F("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"]),[[pe,e(s)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["to","disabled"]))}});var we=N(ke,[["__file","dialog.vue"]]);const De=me(we);export{De as E};