2 lines
3.3 KiB
JavaScript
2 lines
3.3 KiB
JavaScript
import{cf as e,b as a,cg as s,_ as t,d as l,ch as o,ci as r,F as d,r as i,a as n,u as c,cj as f,X as u,m as p,e as v,w as b,N as y,T as h,g as k,R as m,ck as C,cl as A,l as w,J as F,Q as R,c as E,al as L,n as _,f as g,t as T,E as $,ak as x,S,cm as z,v as B}from"./index.DjZ03hFA.js";const I=a({...s,direction:{type:String,default:"rtl",values:["ltr","rtl","ttb","btt"]},size:{type:[String,Number],default:"30%"},withHeader:{type:Boolean,default:!0},modalFade:{type:Boolean,default:!0},headerAriaLevel:{type:String,default:"2"}}),P=e,q=l({name:"ElDrawer",inheritAttrs:!1});const D=B(t(l({...q,props:I,emits:P,setup(e,{expose:a}){const s=e,t=o();r({scope:"el-drawer",from:"the title slot",replacement:"the header slot",version:"3.0.0",ref:"https://element-plus.org/en-US/component/drawer.html#slots"},d(()=>!!t.title));const l=i(),B=i(),I=n("drawer"),{t:P}=c(),{afterEnter:q,afterLeave:D,beforeLeave:j,visible:H,rendered:N,titleId:O,bodyId:J,zIndex:M,onModalClick:Q,onOpenAutoFocus:U,onCloseAutoFocus:X,onFocusoutPrevented:G,onCloseRequested:K,handleClose:V}=f(s,l),W=d(()=>"rtl"===s.direction||"ltr"===s.direction),Y=d(()=>u(s.size));return a({handleClose:V,afterEnter:q,afterLeave:D}),(e,a)=>(v(),p(k(z),{to:e.appendTo,disabled:"body"===e.appendTo&&!e.appendToBody},{default:b(()=>[y(h,{name:k(I).b("fade"),onAfterEnter:k(q),onAfterLeave:k(D),onBeforeLeave:k(j),persisted:""},{default:b(()=>[m(y(k(C),{mask:e.modal,"overlay-class":e.modalClass,"z-index":k(M),onClick:k(Q)},{default:b(()=>[y(k(A),{loop:"",trapped:k(H),"focus-trap-el":l.value,"focus-start-el":B.value,onFocusAfterTrapped:k(U),onFocusAfterReleased:k(X),onFocusoutPrevented:k(G),onReleaseRequested:k(K)},{default:b(()=>[w("div",F({ref_key:"drawerRef",ref:l,"aria-modal":"true","aria-label":e.title||void 0,"aria-labelledby":e.title?void 0:k(O),"aria-describedby":k(J)},e.$attrs,{class:[k(I).b(),e.direction,k(H)&&"open"],style:k(W)?"width: "+k(Y):"height: "+k(Y),role:"dialog",onClick:R(()=>{},["stop"])}),[w("span",{ref_key:"focusStartRef",ref:B,class:_(k(I).e("sr-focus")),tabindex:"-1"},null,2),e.withHeader?(v(),E("header",{key:0,class:_([k(I).e("header"),e.headerClass])},[e.$slots.title?g(e.$slots,"title",{key:1},()=>[L(" DEPRECATED SLOT ")]):g(e.$slots,"header",{key:0,close:k(V),titleId:k(O),titleClass:k(I).e("title")},()=>[e.$slots.title?L("v-if",!0):(v(),E("span",{key:0,id:k(O),role:"heading","aria-level":e.headerAriaLevel,class:_(k(I).e("title"))},T(e.title),11,["id","aria-level"]))]),e.showClose?(v(),E("button",{key:2,"aria-label":k(P)("el.drawer.close"),class:_(k(I).e("close-btn")),type:"button",onClick:k(V)},[y(k($),{class:_(k(I).e("close"))},{default:b(()=>[y(k(x))]),_:1},8,["class"])],10,["aria-label","onClick"])):L("v-if",!0)],2)):L("v-if",!0),k(N)?(v(),E("div",{key:1,id:k(J),class:_([k(I).e("body"),e.bodyClass])},[g(e.$slots,"default")],10,["id"])):L("v-if",!0),e.$slots.footer?(v(),E("div",{key:2,class:_([k(I).e("footer"),e.footerClass])},[g(e.$slots,"footer")],2)):L("v-if",!0)],16,["aria-label","aria-labelledby","aria-describedby","onClick"])]),_:3},8,["trapped","focus-trap-el","focus-start-el","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])]),_:3},8,["mask","overlay-class","z-index","onClick"]),[[S,k(H)]])]),_:3},8,["name","onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["to","disabled"]))}}),[["__file","drawer.vue"]]));export{D as E};
|