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
|