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

import{G as Y,d as $,j as L,c as k,o as f,v as D,x as E,r,n as t,e,A as H,y as R,w as n,a as F,g as Q,I as S,f as P,R as X,u as Z,m as I,p as _,E as x,W as ee,V as oe,a9 as se,ag as ae,am as le,h as te}from"./normalize-040897f0.js";import{E as ne,u as re}from"./el-overlay-b5a20fb9.js";import{E as ie,_ as N,C as de}from"./base-4c430c4f.js";import{b as ce,c as ue,d as fe,a as me,u as pe}from"./use-dialog-6cd66e85.js";import{u as ge}from"./config-provider-d42b9336.js";import{F as ve,e as be}from"./el-table-column-f46826b5.js";import{u as ye}from"./index-e30a9d5f.js";import{c as M}from"./el-button-0ee2e9a3.js";const Ce=(...m)=>i=>{m.forEach(l=>{Y(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"))},H(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(),F(Q(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=I(),A=I(),s=I(),{visible:g,titleId:y,bodyId:C,style:h,overlayDialogStyle:a,rendered:v,zIndex:T,afterEnter:j,afterLeave:O,beforeLeave:V,handleClose:B,onModalClick:q,onOpenAutoFocus:K,onCloseAutoFocus:U,onCloseRequested:G,onFocusoutPrevented:J}=pe(l,p);_(z,{dialogRef:p,headerRef:A,bodyId:C,ns:d,rendered:v,style:h});const c=re(q),W=k(()=>l.draggable&&!l.fullscreen);return i({visible:g,dialogContentRef:s}),(o,u)=>(f(),F(le,{to:"body",disabled:!o.appendToBody},[R(ae,{name:"dialog-fade",onAfterEnter:e(j),onAfterLeave:e(O),onBeforeLeave:e(V),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(K),onFocusAfterReleased:e(U),onFocusoutPrevented:e(J),onReleaseRequested:e(G)},{default:n(()=>[e(v)?(f(),F($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(W),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 Ie=N(De,[["__file","/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog.vue"]]);const ze=te(Ie);export{ze as E};