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.
1 lines
9.7 KiB
1 lines
9.7 KiB
import{aw as de,E as te,G as fe,J as me,H as ve,h as k,l as W,ac as pe,au as j,f as H,b as R,r as b,Y as ye,P as Z,o as z,c as V,a as U,n as w,u as o,t as ge,w as E,z as _,ak as he,g as q,i as se,k as A,aj as be,N as Ce,I as we,K as Ee,T as ke,x as Me,am as Te,aA as Be,O as Ie}from"./Ca9y1zsW.js";import{c as x,u as G,q as ne,af as Q,U as Se,ag as De,ah as Le,b as J,h as X,a as Pe,E as Ae,_ as le,j as Fe,a2 as Oe,H as ee,w as $e}from"./BPRC2v3K.js";import{P as K}from"./BR6Cm0N-.js";import{E as ze}from"./BAT_Brgp.js";import{i as Ne,C as Ye}from"./Immh241S.js";import{F as Re,i as He,E as Ue}from"./CEJARbP8.js";import{U as ae}from"./BB_Ol6Sd.js";import{u as Xe}from"./B3sO6I2n.js";import{u as oe}from"./sr4qPEz_.js";import{a as je}from"./YeUNH851.js";import{t as Ve}from"./Cq9Fpw4b.js";import{a as Ke}from"./DYOBeiWW.js";import{u as We}from"./DaX0k22-.js";const _e=(...e)=>s=>{e.forEach(t=>{de(t)?t(s):t.value=s})},qe=(e,s,t,d)=>{let l={offsetX:0,offsetY:0};const i=u=>{const p=u.clientX,h=u.clientY,{offsetX:g,offsetY:m}=l,v=e.value.getBoundingClientRect(),C=v.left,c=v.top,F=v.width,M=v.height,N=document.documentElement.clientWidth,Y=document.documentElement.clientHeight,O=-C+g,T=-c+m,B=N-C-F+g,I=Y-c-M+m,S=n=>{let L=g+n.clientX-p,$=m+n.clientY-h;d!=null&&d.value||(L=Math.min(Math.max(L,O),B),$=Math.min(Math.max($,T),I)),l={offsetX:L,offsetY:$},e.value&&(e.value.style.transform=`translate(${x(L)}, ${x($)})`)},D=()=>{document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",D)};document.addEventListener("mousemove",S),document.addEventListener("mouseup",D)},r=()=>{s.value&&e.value&&s.value.addEventListener("mousedown",i)},f=()=>{s.value&&e.value&&s.value.removeEventListener("mousedown",i)},a=()=>{l={offsetX:0,offsetY:0},e.value&&(e.value.style.transform="none")};return te(()=>{fe(()=>{t.value?r():f()})}),me(()=>{f()}),{resetPostion:a}},xe=(e,s={})=>{ve(e)||Ve("[useLockscreen]","You need to pass a ref param to this function");const t=s.ns||G("popup"),d=k(()=>t.bm("parent","hidden"));if(!ne||Q(document.body,d.value))return;let l=0,i=!1,r="0";const f=()=>{setTimeout(()=>{Le(document==null?void 0:document.body,d.value),i&&document&&(document.body.style.width=r)},200)};W(e,a=>{if(!a){f();return}i=!Q(document.body,d.value),i&&(r=document.body.style.width),l=Ke(t.namespace.value);const u=document.documentElement.clientHeight<document.body.scrollHeight,p=Se(document.body,"overflowY");l>0&&(u||p==="scroll")&&i&&(document.body.style.width=`calc(100% - ${l}px)`),De(document.body,d.value)}),pe(()=>f())},re=e=>{if(!e)return{onClick:j,onMousedown:j,onMouseup:j};let s=!1,t=!1;return{onClick:r=>{s&&t&&e(r),s=t=!1},onMousedown:r=>{s=r.target===r.currentTarget},onMouseup:r=>{t=r.target===r.currentTarget}}},Ge=J({mask:{type:Boolean,default:!0},customMaskEvent:Boolean,overlayClass:{type:X([String,Array,Object])},zIndex:{type:X([String,Number])}}),Je={click:e=>e instanceof MouseEvent},Ze="overlay";var Qe=H({name:"ElOverlay",props:Ge,emits:Je,setup(e,{slots:s,emit:t}){const d=G(Ze),l=a=>{t("click",a)},{onClick:i,onMousedown:r,onMouseup:f}=re(e.customMaskEvent?void 0:l);return()=>e.mask?R("div",{class:[d.b(),e.overlayClass],style:{zIndex:e.zIndex},onClick:i,onMousedown:r,onMouseup:f},[b(s,"default")],K.STYLE|K.CLASS|K.PROPS,["onClick","onMouseup","onMousedown"]):ye("div",{class:e.overlayClass,style:{zIndex:e.zIndex,position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}},[b(s,"default")])}});const eo=Qe,ie=Symbol("dialogInjectionKey"),ue=J({center:Boolean,alignCenter:Boolean,closeIcon:{type:Ne},draggable:Boolean,overflow:Boolean,fullscreen:Boolean,showClose:{type:Boolean,default:!0},title:{type:String,default:""},ariaLevel:{type:String,default:"2"}}),oo={close:()=>!0},to=H({name:"ElDialogContent"}),so=H({...to,props:ue,emits:oo,setup(e,{expose:s}){const t=e,{t:d}=Pe(),{Close:l}=Ye,{dialogRef:i,headerRef:r,bodyId:f,ns:a,style:u}=Z(ie),{focusTrapRef:p}=Z(Re),h=k(()=>[a.b(),a.is("fullscreen",t.fullscreen),a.is("draggable",t.draggable),a.is("align-center",t.alignCenter),{[a.m("center")]:t.center}]),g=_e(p,i),m=k(()=>t.draggable),v=k(()=>t.overflow),{resetPostion:C}=qe(i,r,m,v);return s({resetPostion:C}),(c,F)=>(z(),V("div",{ref:o(g),class:w(o(h)),style:se(o(u)),tabindex:"-1"},[U("header",{ref_key:"headerRef",ref:r,class:w([o(a).e("header"),{"show-close":c.showClose}])},[b(c.$slots,"header",{},()=>[U("span",{role:"heading","aria-level":c.ariaLevel,class:w(o(a).e("title"))},ge(c.title),11,["aria-level"])]),c.showClose?(z(),V("button",{key:0,"aria-label":o(d)("el.dialog.close"),class:w(o(a).e("headerbtn")),type:"button",onClick:M=>c.$emit("close")},[R(o(Ae),{class:w(o(a).e("close"))},{default:E(()=>[(z(),_(he(c.closeIcon||o(l))))]),_:1},8,["class"])],10,["aria-label","onClick"])):q("v-if",!0)],2),U("div",{id:o(f),class:w(o(a).e("body"))},[b(c.$slots,"default")],10,["id"]),c.$slots.footer?(z(),V("footer",{key:0,class:w(o(a).e("footer"))},[b(c.$slots,"footer")],2)):q("v-if",!0)],6))}});var no=le(so,[["__file","dialog-content.vue"]]);const lo=J({...ue,appendToBody:Boolean,appendTo:{type:X([String,Object]),default:"body"},beforeClose:{type:X(Function)},destroyOnClose:Boolean,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:Boolean,modalClass:String,width:{type:[String,Number]},zIndex:{type:Number},trapFocus:Boolean,headerAriaLevel:{type:String,default:"2"}}),ao={open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,[ae]:e=>Fe(e),openAutoFocus:()=>!0,closeAutoFocus:()=>!0},ro=(e,s)=>{var t;const l=Ce().emit,{nextZIndex:i}=Xe();let r="";const f=oe(),a=oe(),u=A(!1),p=A(!1),h=A(!1),g=A((t=e.zIndex)!=null?t:i());let m,v;const C=je("namespace",Oe),c=k(()=>{const y={},P=`--${C.value}-dialog`;return e.fullscreen||(e.top&&(y[`${P}-margin-top`]=e.top),e.width&&(y[`${P}-width`]=x(e.width))),y}),F=k(()=>e.alignCenter?{display:"flex"}:{});function M(){l("opened")}function N(){l("closed"),l(ae,!1),e.destroyOnClose&&(h.value=!1)}function Y(){l("close")}function O(){v==null||v(),m==null||m(),e.openDelay&&e.openDelay>0?{stop:m}=ee(()=>S(),e.openDelay):S()}function T(){m==null||m(),v==null||v(),e.closeDelay&&e.closeDelay>0?{stop:v}=ee(()=>D(),e.closeDelay):D()}function B(){function y(P){P||(p.value=!0,u.value=!1)}e.beforeClose?e.beforeClose(y):T()}function I(){e.closeOnClickModal&&B()}function S(){ne&&(u.value=!0)}function D(){u.value=!1}function n(){l("openAutoFocus")}function L(){l("closeAutoFocus")}function $(y){var P;((P=y.detail)==null?void 0:P.focusReason)==="pointer"&&y.preventDefault()}e.lockScroll&&xe(u);function ce(){e.closeOnPressEscape&&B()}return W(()=>e.modelValue,y=>{y?(p.value=!1,O(),h.value=!0,g.value=He(e.zIndex)?i():g.value++,be(()=>{l("open"),s.value&&(s.value.scrollTop=0)})):u.value&&T()}),W(()=>e.fullscreen,y=>{s.value&&(y?(r=s.value.style.transform,s.value.style.transform=""):s.value.style.transform=r)}),te(()=>{e.modelValue&&(u.value=!0,h.value=!0,O())}),{afterEnter:M,afterLeave:N,beforeLeave:Y,handleClose:B,onModalClick:I,close:T,doClose:D,onOpenAutoFocus:n,onCloseAutoFocus:L,onCloseRequested:ce,onFocusoutPrevented:$,titleId:f,bodyId:a,closed:p,style:c,overlayDialogStyle:F,rendered:h,visible:u,zIndex:g}},io=H({name:"ElDialog",inheritAttrs:!1}),uo=H({...io,props:lo,emits:ao,setup(e,{expose:s}){const t=e,d=we();We({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(()=>!!d.title));const l=G("dialog"),i=A(),r=A(),f=A(),{visible:a,titleId:u,bodyId:p,style:h,overlayDialogStyle:g,rendered:m,zIndex:v,afterEnter:C,afterLeave:c,beforeLeave:F,handleClose:M,onModalClick:N,onOpenAutoFocus:Y,onCloseAutoFocus:O,onCloseRequested:T,onFocusoutPrevented:B}=ro(t,i);Ee(ie,{dialogRef:i,headerRef:r,bodyId:p,ns:l,rendered:m,style:h});const I=re(N),S=k(()=>t.draggable&&!t.fullscreen);return s({visible:a,dialogContentRef:f,resetPostion:()=>{f.value.resetPostion()}}),(n,L)=>(z(),_(o(ze),{to:n.appendTo,disabled:n.appendTo!=="body"?!1:!n.appendToBody},{default:E(()=>[R(ke,{name:"dialog-fade",onAfterEnter:o(C),onAfterLeave:o(c),onBeforeLeave:o(F),persisted:""},{default:E(()=>[Me(R(o(eo),{"custom-mask-event":"",mask:n.modal,"overlay-class":n.modalClass,"z-index":o(v)},{default:E(()=>[U("div",{role:"dialog","aria-modal":"true","aria-label":n.title||void 0,"aria-labelledby":n.title?void 0:o(u),"aria-describedby":o(p),class:w(`${o(l).namespace.value}-overlay-dialog`),style:se(o(g)),onClick:o(I).onClick,onMousedown:o(I).onMousedown,onMouseup:o(I).onMouseup},[R(o(Ue),{loop:"",trapped:o(a),"focus-start-el":"container",onFocusAfterTrapped:o(Y),onFocusAfterReleased:o(O),onFocusoutPrevented:o(B),onReleaseRequested:o(T)},{default:E(()=>[o(m)?(z(),_(no,Te({key:0,ref_key:"dialogContentRef",ref:f},n.$attrs,{center:n.center,"align-center":n.alignCenter,"close-icon":n.closeIcon,draggable:o(S),overflow:n.overflow,fullscreen:n.fullscreen,"show-close":n.showClose,title:n.title,"aria-level":n.headerAriaLevel,onClose:o(M)}),Be({header:E(()=>[n.$slots.title?b(n.$slots,"title",{key:1}):b(n.$slots,"header",{key:0,close:o(M),titleId:o(u),titleClass:o(l).e("title")})]),default:E(()=>[b(n.$slots,"default")]),_:2},[n.$slots.footer?{name:"footer",fn:E(()=>[b(n.$slots,"footer")])}:void 0]),1040,["center","align-center","close-icon","draggable","overflow","fullscreen","show-close","title","aria-level","onClose"])):q("v-if",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,["aria-label","aria-labelledby","aria-describedby","onClick","onMousedown","onMouseup"])]),_:3},8,["mask","overlay-class","z-index"]),[[Ie,o(a)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["to","disabled"]))}});var co=le(uo,[["__file","dialog.vue"]]);const To=$e(co);export{To as E,_e as c};
|