2 lines
6.9 KiB
JavaScript
2 lines
6.9 KiB
JavaScript
import{Q as oe,R as J,S as le,a as M,T as se,U as K,V as ae,W as I,X as te,o as D,h as U,i as O,Y as k,Z as C,u as e,t as ne,j as N,k as h,c as j,F as re,H as ie,p as q,C as Q,$ as W,a0 as ue,a1 as de,a2 as X,a3 as ce,a4 as fe,a5 as Z,r as E,a6 as me,a7 as pe,a8 as ye,a9 as ge,N as G,aa as ve,ab as Ce,O as be,ac as Y,ad as he,ae as ke,af as H,ag as Ee,ah as De,ai as Ie,aj as Be,ak as Se,al as Te,G as $e,am as Ae,an as we,ao as Fe,ap as Re,aq as Oe}from"./entry.49b00e51.js";const Ne=(...o)=>t=>{o.forEach(r=>{oe(r)?r(t):r.value=t})},_=Symbol("dialogInjectionKey"),x=J({center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{type:le},customClass:{type:String,default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{type:String,default:""}}),Me={close:()=>!0},Pe=["aria-label"],Le=["id"],ze=M({name:"ElDialogContent"}),Ve=M({...ze,props:x,emits:Me,setup(o){const t=o,{t:r}=se(),{Close:i}=ue,{dialogRef:d,headerRef:m,bodyId:B,ns:a,style:n}=K(_),{focusTrapRef:p}=K(ae),c=Ne(p,d),y=I(()=>t.draggable);return te(d,m,y),(s,u)=>(D(),U("div",{ref:e(c),class:C([e(a).b(),e(a).is("fullscreen",s.fullscreen),e(a).is("draggable",e(y)),e(a).is("align-center",s.alignCenter),{[e(a).m("center")]:s.center},s.customClass]),style:Q(e(n)),tabindex:"-1"},[O("header",{ref_key:"headerRef",ref:m,class:C(e(a).e("header"))},[k(s.$slots,"header",{},()=>[O("span",{role:"heading",class:C(e(a).e("title"))},ne(s.title),3)]),s.showClose?(D(),U("button",{key:0,"aria-label":e(r)("el.dialog.close"),class:C(e(a).e("headerbtn")),type:"button",onClick:u[0]||(u[0]=$=>s.$emit("close"))},[N(e(ie),{class:C(e(a).e("close"))},{default:h(()=>[(D(),j(re(s.closeIcon||e(i))))]),_:1},8,["class"])],10,Pe)):q("v-if",!0)],2),O("div",{id:e(B),class:C(e(a).e("body"))},[k(s.$slots,"default")],10,Le),s.$slots.footer?(D(),U("footer",{key:0,class:C(e(a).e("footer"))},[k(s.$slots,"footer")],2)):q("v-if",!0)],6))}});var Ue=W(Ve,[["__file","/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog-content.vue"]]);const je=J({...x,appendToBody:{type:Boolean,default:!1},beforeClose:{type:de(Function)},destroyOnClose:{type:Boolean,default:!1},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:{type:Boolean,default:!1},modalClass:String,width:{type:[String,Number]},zIndex:{type:Number},trapFocus:{type:Boolean,default:!1}}),qe={open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,[X]:o=>ce(o),openAutoFocus:()=>!0,closeAutoFocus:()=>!0},Ke=(o,t)=>{const i=be().emit,{nextZIndex:d}=fe();let m="";const B=Z(),a=Z(),n=E(!1),p=E(!1),c=E(!1),y=E(o.zIndex||d());let s,u;const $=me("namespace",pe),P=I(()=>{const f={},R=`--${$.value}-dialog`;return o.fullscreen||(o.top&&(f[`${R}-margin-top`]=o.top),o.width&&(f[`${R}-width`]=ye(o.width))),f}),L=I(()=>o.alignCenter?{display:"flex"}:{});function z(){i("opened")}function A(){i("closed"),i(X,!1),o.destroyOnClose&&(c.value=!1)}function V(){i("close")}function w(){u==null||u(),s==null||s(),o.openDelay&&o.openDelay>0?{stop:s}=Y(()=>F(),o.openDelay):F()}function S(){s==null||s(),u==null||u(),o.closeDelay&&o.closeDelay>0?{stop:u}=Y(()=>l(),o.closeDelay):l()}function T(){function f(R){R||(p.value=!0,n.value=!1)}o.beforeClose?o.beforeClose(f):S()}function g(){o.closeOnClickModal&&T()}function F(){!he||(n.value=!0)}function l(){n.value=!1}function v(){i("openAutoFocus")}function b(){i("closeAutoFocus")}o.lockScroll&&ge(n);function ee(){o.closeOnPressEscape&&T()}return G(()=>o.modelValue,f=>{f?(p.value=!1,w(),c.value=!0,y.value=o.zIndex?y.value++:d(),ve(()=>{i("open"),t.value&&(t.value.scrollTop=0)})):n.value&&S()}),G(()=>o.fullscreen,f=>{!t.value||(f?(m=t.value.style.transform,t.value.style.transform=""):t.value.style.transform=m)}),Ce(()=>{o.modelValue&&(n.value=!0,c.value=!0,w())}),{afterEnter:z,afterLeave:A,beforeLeave:V,handleClose:T,onModalClick:g,close:S,doClose:l,onOpenAutoFocus:v,onCloseAutoFocus:b,onCloseRequested:ee,titleId:B,bodyId:a,closed:p,style:P,overlayDialogStyle:L,rendered:c,visible:n,zIndex:y}},Ze=["aria-label","aria-labelledby","aria-describedby"],Ge=M({name:"ElDialog",inheritAttrs:!1}),Ye=M({...Ge,props:je,emits:qe,setup(o,{expose:t}){const r=o,i=ke();H({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"},I(()=>!!i.title)),H({scope:"el-dialog",from:"custom-class",replacement:"class",version:"2.3.0",ref:"https://element-plus.org/en-US/component/dialog.html#attributes",type:"Attribute"},I(()=>!!r.customClass));const d=Ee("dialog"),m=E(),B=E(),a=E(),{visible:n,titleId:p,bodyId:c,style:y,overlayDialogStyle:s,rendered:u,zIndex:$,afterEnter:P,afterLeave:L,beforeLeave:z,handleClose:A,onModalClick:V,onOpenAutoFocus:w,onCloseAutoFocus:S,onCloseRequested:T}=Ke(r,m);De(_,{dialogRef:m,headerRef:B,bodyId:c,ns:d,rendered:u,style:y});const g=Ie(V),F=I(()=>r.draggable&&!r.fullscreen);return t({visible:n,dialogContentRef:a}),(l,v)=>(D(),j(Re,{to:"body",disabled:!l.appendToBody},[N(Fe,{name:"dialog-fade",onAfterEnter:e(P),onAfterLeave:e(L),onBeforeLeave:e(z),persisted:""},{default:h(()=>[Be(N(e(Se),{"custom-mask-event":"",mask:l.modal,"overlay-class":l.modalClass,"z-index":e($)},{default:h(()=>[O("div",{role:"dialog","aria-modal":"true","aria-label":l.title||void 0,"aria-labelledby":l.title?void 0:e(p),"aria-describedby":e(c),class:C(`${e(d).namespace.value}-overlay-dialog`),style:Q(e(s)),onClick:v[0]||(v[0]=(...b)=>e(g).onClick&&e(g).onClick(...b)),onMousedown:v[1]||(v[1]=(...b)=>e(g).onMousedown&&e(g).onMousedown(...b)),onMouseup:v[2]||(v[2]=(...b)=>e(g).onMouseup&&e(g).onMouseup(...b))},[N(e(Te),{loop:"",trapped:e(n),"focus-start-el":"container",onFocusAfterTrapped:e(w),onFocusAfterReleased:e(S),onReleaseRequested:e(T)},{default:h(()=>[e(u)?(D(),j(Ue,$e({key:0,ref_key:"dialogContentRef",ref:a},l.$attrs,{"custom-class":l.customClass,center:l.center,"align-center":l.alignCenter,"close-icon":l.closeIcon,draggable:e(F),fullscreen:l.fullscreen,"show-close":l.showClose,title:l.title,onClose:e(A)}),Ae({header:h(()=>[l.$slots.title?k(l.$slots,"title",{key:1}):k(l.$slots,"header",{key:0,close:e(A),titleId:e(p),titleClass:e(d).e("title")})]),default:h(()=>[k(l.$slots,"default")]),_:2},[l.$slots.footer?{name:"footer",fn:h(()=>[k(l.$slots,"footer")])}:void 0]),1040,["custom-class","center","align-center","close-icon","draggable","fullscreen","show-close","title","onClose"])):q("v-if",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onReleaseRequested"])],46,Ze)]),_:3},8,["mask","overlay-class","z-index"]),[[we,e(n)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"]))}});var He=W(Ye,[["__file","/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog.vue"]]);const Qe=Oe(He);export{Qe as E,Ne as c};
|