You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
4.7 KiB
2 lines
4.7 KiB
import{aa as H,d as $,j as L,c as k,o as f,v as D,x as E,r,n as t,e,A as Q,y as R,w as n,a as I,g as W,J as S,f as P,a2 as X,u as Z,m as F,p as _,E as x,a9 as ee,ai as oe,$ as se,a6 as ae,ah as le,h as te}from"./normalize-035cc755.js";import{E as ne,u as re}from"./el-overlay-711fbdc6.js";import{E as ie,_ as N,C as de}from"./base-a3ee0d3b.js";import{b as ce,c as ue,d as fe,a as me,u as pe}from"./use-dialog-a606ce56.js";import{a as ge}from"./config-provider-c5285acd.js";import{F as ve,g as be}from"./el-table-column-e794cc32.js";import{u as ye}from"./index-e156b27d.js";import{b as M}from"./el-button-61655bf9.js";const Ce=(...m)=>i=>{m.forEach(l=>{H(l)?l(i):l.value=i})},z=Symbol("dialogInjectionKey"),he=["aria-label"],ke=["id"],Ee=$({name:"ElDialogContent"}),Re=$({...Ee,props:ce,emits:ue,setup(m){const i=m,{t:l}=ge(),{Close:w}=de,{dialogRef:d,headerRef:p,bodyId:A,ns:s,style:g}=L(z),{focusTrapRef:y}=L(ve),C=Ce(y,d),h=k(()=>i.draggable);return ye(d,p,h),(a,v)=>(f(),D("div",{ref:e(C),class:t([e(s).b(),e(s).is("fullscreen",a.fullscreen),e(s).is("draggable",e(h)),e(s).is("align-center",a.alignCenter),{[e(s).m("center")]:a.center},a.customClass]),style:P(e(g)),tabindex:"-1"},[E("header",{ref_key:"headerRef",ref:p,class:t(e(s).e("header"))},[r(a.$slots,"header",{},()=>[E("span",{role:"heading",class:t(e(s).e("title"))},Q(a.title),3)]),a.showClose?(f(),D("button",{key:0,"aria-label":e(l)("el.dialog.close"),class:t(e(s).e("headerbtn")),type:"button",onClick:v[0]||(v[0]=T=>a.$emit("close"))},[R(e(ie),{class:t(e(s).e("close"))},{default:n(()=>[(f(),I(W(a.closeIcon||e(w))))]),_:1},8,["class"])],10,he)):S("v-if",!0)],2),E("div",{id:e(A),class:t(e(s).e("body"))},[r(a.$slots,"default")],10,ke),a.$slots.footer?(f(),D("footer",{key:0,class:t(e(s).e("footer"))},[r(a.$slots,"footer")],2)):S("v-if",!0)],6))}});var $e=N(Re,[["__file","/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog-content.vue"]]);const we=["aria-label","aria-labelledby","aria-describedby"],Ae=$({name:"ElDialog",inheritAttrs:!1}),De=$({...Ae,props:fe,emits:me,setup(m,{expose:i}){const l=m,w=X();M({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"},k(()=>!!w.title)),M({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"},k(()=>!!l.customClass));const d=Z("dialog"),p=F(),A=F(),s=F(),{visible:g,titleId:y,bodyId:C,style:h,overlayDialogStyle:a,rendered:v,zIndex:T,afterEnter:j,afterLeave:O,beforeLeave:q,handleClose:B,onModalClick:K,onOpenAutoFocus:U,onCloseAutoFocus:V,onCloseRequested:J,onFocusoutPrevented:Y}=pe(l,p);_(z,{dialogRef:p,headerRef:A,bodyId:C,ns:d,rendered:v,style:h});const c=re(K),G=k(()=>l.draggable&&!l.fullscreen);return i({visible:g,dialogContentRef:s}),(o,u)=>(f(),I(le,{to:"body",disabled:!o.appendToBody},[R(ae,{name:"dialog-fade",onAfterEnter:e(j),onAfterLeave:e(O),onBeforeLeave:e(q),persisted:""},{default:n(()=>[x(R(e(ne),{"custom-mask-event":"",mask:o.modal,"overlay-class":o.modalClass,"z-index":e(T)},{default:n(()=>[E("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e(y),"aria-describedby":e(C),class:t(`${e(d).namespace.value}-overlay-dialog`),style:P(e(a)),onClick:u[0]||(u[0]=(...b)=>e(c).onClick&&e(c).onClick(...b)),onMousedown:u[1]||(u[1]=(...b)=>e(c).onMousedown&&e(c).onMousedown(...b)),onMouseup:u[2]||(u[2]=(...b)=>e(c).onMouseup&&e(c).onMouseup(...b))},[R(e(be),{loop:"",trapped:e(g),"focus-start-el":"container",onFocusAfterTrapped:e(U),onFocusAfterReleased:e(V),onFocusoutPrevented:e(Y),onReleaseRequested:e(J)},{default:n(()=>[e(v)?(f(),I($e,ee({key:0,ref_key:"dialogContentRef",ref:s},o.$attrs,{"custom-class":o.customClass,center:o.center,"align-center":o.alignCenter,"close-icon":o.closeIcon,draggable:e(G),fullscreen:o.fullscreen,"show-close":o.showClose,title:o.title,onClose:e(B)}),oe({header:n(()=>[o.$slots.title?r(o.$slots,"title",{key:1}):r(o.$slots,"header",{key:0,close:e(B),titleId:e(y),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,["custom-class","center","align-center","close-icon","draggable","fullscreen","show-close","title","onClose"])):S("v-if",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,we)]),_:3},8,["mask","overlay-class","z-index"]),[[se,e(g)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"]))}});var Fe=N(De,[["__file","/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog.vue"]]);const ze=te(Fe);export{ze as E};
|