st-comp 0.0.143 → 0.0.144

package/es/el-overlay-891dcc40.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),t=require("./base-ec05f348.cjs"),$=require("./vnode-7fbc61e1.cjs"),F=require("./index-e1e83173.cjs"),A=require("./use-form-common-props-1b84d8f4.cjs"),W=require("./refs-d00b710b.cjs"),V=require("./event-61f49698.cjs"),x=require("./scroll-41224831.cjs"),q=require("./index-8a0b1c53.cjs"),z=o=>{if(!o)return{onClick:t.NOOP,onMousedown:t.NOOP,onMouseup:t.NOOP};let l=!1,s=!1;return{onClick:i=>{l&&s&&o(i),l=s=!1},onMousedown:i=>{l=i.target===i.currentTarget},onMouseup:i=>{s=i.target===i.currentTarget}}},K=t.buildProps({mask:{type:Boolean,default:!0},customMaskEvent:Boolean,overlayClass:{type:t.definePropType([String,Array,Object])},zIndex:{type:t.definePropType([String,Number])}}),_={click:o=>o instanceof MouseEvent},Z="overlay";var G=e.defineComponent({name:"ElOverlay",props:K,emits:_,setup(o,{slots:l,emit:s}){const f=t.useNamespace(Z),a=r=>{s("click",r)},{onClick:c,onMousedown:i,onMouseup:m}=z(o.customMaskEvent?void 0:a);return()=>o.mask?e.createVNode("div",{class:[f.b(),o.overlayClass],style:{zIndex:o.zIndex},onClick:c,onMousedown:i,onMouseup:m},[e.renderSlot(l,"default")],$.PatchFlags.STYLE|$.PatchFlags.CLASS|$.PatchFlags.PROPS,["onClick","onMouseup","onMousedown"]):e.h("div",{class:o.overlayClass,style:{zIndex:o.zIndex,position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}},[e.renderSlot(l,"default")])}});const Y=G,U=Symbol("dialogInjectionKey"),R=t.buildProps({center:Boolean,alignCenter:Boolean,closeIcon:{type:A.iconPropType},draggable:Boolean,overflow:Boolean,fullscreen:Boolean,headerClass:String,bodyClass:String,footerClass:String,showClose:{type:Boolean,default:!0},title:{type:String,default:""},ariaLevel:{type:String,default:"2"}}),J={close:()=>!0},X=(o,l,s,f)=>{let a={offsetX:0,offsetY:0};const c=d=>{const y=d.clientX,h=d.clientY,{offsetX:g,offsetY:v}=a,p=o.value.getBoundingClientRect(),b=p.left,u=p.top,D=p.width,E=p.height,O=document.documentElement.clientWidth,N=document.documentElement.clientHeight,L=-b+g,w=-u+v,k=O-b-D+g,S=N-u-E+v,T=n=>{let P=g+n.clientX-y,I=v+n.clientY-h;f!=null&&f.value||(P=Math.min(Math.max(P,L),k),I=Math.min(Math.max(I,w),S)),a={offsetX:P,offsetY:I},o.value&&(o.value.style.transform=`translate(${t.addUnit(P)}, ${t.addUnit(I)})`)},B=()=>{document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",B)};document.addEventListener("mousemove",T),document.addEventListener("mouseup",B)},i=()=>{l.value&&o.value&&l.value.addEventListener("mousedown",c)},m=()=>{l.value&&o.value&&l.value.removeEventListener("mousedown",c)},r=()=>{a={offsetX:0,offsetY:0},o.value&&(o.value.style.transform="none")};return e.onMounted(()=>{e.watchEffect(()=>{s.value?i():m()})}),e.onBeforeUnmount(()=>{m()}),{resetPosition:r}},Q=e.defineComponent({name:"ElDialogContent"}),ee=e.defineComponent({...Q,props:R,emits:J,setup(o,{expose:l}){const s=o,{t:f}=t.useLocale(),{Close:a}=A.CloseComponents,{dialogRef:c,headerRef:i,bodyId:m,ns:r,style:d}=e.inject(U),{focusTrapRef:y}=e.inject(F.FOCUS_TRAP_INJECTION_KEY),h=e.computed(()=>[r.b(),r.is("fullscreen",s.fullscreen),r.is("draggable",s.draggable),r.is("align-center",s.alignCenter),{[r.m("center")]:s.center}]),g=W.composeRefs(y,c),v=e.computed(()=>s.draggable),p=e.computed(()=>s.overflow),{resetPosition:b}=X(c,i,v,p);return l({resetPosition:b}),(u,D)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(g),class:e.normalizeClass(e.unref(h)),style:e.normalizeStyle(e.unref(d)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:i,class:e.normalizeClass([e.unref(r).e("header"),u.headerClass,{"show-close":u.showClose}])},[e.renderSlot(u.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading","aria-level":u.ariaLevel,class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString(u.title),11,["aria-level"])]),u.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":e.unref(f)("el.dialog.close"),class:e.normalizeClass(e.unref(r).e("headerbtn")),type:"button",onClick:E=>u.$emit("close")},[e.createVNode(e.unref(A.ElIcon),{class:e.normalizeClass(e.unref(r).e("close"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.closeIcon||e.unref(a))))]),_:1},8,["class"])],10,["aria-label","onClick"])):e.createCommentVNode("v-if",!0)],2),e.createElementVNode("div",{id:e.unref(m),class:e.normalizeClass([e.unref(r).e("body"),u.bodyClass])},[e.renderSlot(u.$slots,"default")],10,["id"]),u.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass([e.unref(r).e("footer"),u.footerClass])},[e.renderSlot(u.$slots,"footer")],2)):e.createCommentVNode("v-if",!0)],6))}});var oe=t._export_sfc(ee,[["__file","dialog-content.vue"]]);const te=t.buildProps({...R,appendToBody:Boolean,appendTo:{type:t.definePropType([String,Object]),default:"body"},beforeClose:{type:t.definePropType(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,headerClass:String,bodyClass:String,footerClass:String,width:{type:[String,Number]},zIndex:{type:Number},trapFocus:Boolean,headerAriaLevel:{type:String,default:"2"}}),ne={open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,[V.UPDATE_MODEL_EVENT]:o=>t.isBoolean(o),openAutoFocus:()=>!0,closeAutoFocus:()=>!0},H=(o,l={})=>{e.isRef(o)||t.throwError("[useLockscreen]","You need to pass a ref param to this function");const s=l.ns||t.useNamespace("popup"),f=e.computed(()=>s.bm("parent","hidden"));if(!t.isClient||t.hasClass(document.body,f.value))return;let a=0,c=!1,i="0";const m=()=>{setTimeout(()=>{typeof document>"u"||c&&document&&(document.body.style.width=i,t.removeClass(document.body,f.value))},200)};e.watch(o,r=>{if(!r){m();return}c=!t.hasClass(document.body,f.value),c&&(i=document.body.style.width,t.addClass(document.body,f.value)),a=x.getScrollBarWidth(s.namespace.value);const d=document.documentElement.clientHeight<document.body.scrollHeight,y=t.getStyle(document.body,"overflowY");a>0&&(d||y==="scroll")&&c&&(document.body.style.width=`calc(100% - ${a}px)`)}),e.onScopeDispose(()=>m())},le=(o,l)=>{var s;const a=e.getCurrentInstance().emit,{nextZIndex:c}=A.useZIndex();let i="";const m=t.useId(),r=t.useId(),d=e.ref(!1),y=e.ref(!1),h=e.ref(!1),g=e.ref((s=o.zIndex)!=null?s:c());let v,p;const b=q.useGlobalConfig("namespace",t.defaultNamespace),u=e.computed(()=>{const C={},M=`--${b.value}-dialog`;return o.fullscreen||(o.top&&(C[`${M}-margin-top`]=o.top),o.width&&(C[`${M}-width`]=t.addUnit(o.width))),C}),D=e.computed(()=>o.alignCenter?{display:"flex"}:{});function E(){a("opened")}function O(){a("closed"),a(V.UPDATE_MODEL_EVENT,!1),o.destroyOnClose&&(h.value=!1)}function N(){a("close")}function L(){p==null||p(),v==null||v(),o.openDelay&&o.openDelay>0?{stop:v}=t.useTimeoutFn(()=>T(),o.openDelay):T()}function w(){v==null||v(),p==null||p(),o.closeDelay&&o.closeDelay>0?{stop:p}=t.useTimeoutFn(()=>B(),o.closeDelay):B()}function k(){function C(M){M||(y.value=!0,d.value=!1)}o.beforeClose?o.beforeClose(C):w()}function S(){o.closeOnClickModal&&k()}function T(){t.isClient&&(d.value=!0)}function B(){d.value=!1}function n(){a("openAutoFocus")}function P(){a("closeAutoFocus")}function I(C){var M;((M=C.detail)==null?void 0:M.focusReason)==="pointer"&&C.preventDefault()}o.lockScroll&&H(d);function j(){o.closeOnPressEscape&&k()}return e.watch(()=>o.modelValue,C=>{C?(y.value=!1,L(),h.value=!0,g.value=F.isUndefined(o.zIndex)?c():g.value++,e.nextTick(()=>{a("open"),l.value&&(l.value.parentElement.scrollTop=0,l.value.parentElement.scrollLeft=0,l.value.scrollTop=0)})):d.value&&w()}),e.watch(()=>o.fullscreen,C=>{l.value&&(C?(i=l.value.style.transform,l.value.style.transform=""):l.value.style.transform=i)}),e.onMounted(()=>{o.modelValue&&(d.value=!0,h.value=!0,L())}),{afterEnter:E,afterLeave:O,beforeLeave:N,handleClose:k,onModalClick:S,close:w,doClose:B,onOpenAutoFocus:n,onCloseAutoFocus:P,onCloseRequested:j,onFocusoutPrevented:I,titleId:m,bodyId:r,closed:y,style:u,overlayDialogStyle:D,rendered:h,visible:d,zIndex:g}},se=e.defineComponent({name:"ElDialog",inheritAttrs:!1}),ae=e.defineComponent({...se,props:te,emits:ne,setup(o,{expose:l}){const s=o,f=e.useSlots();q.useDeprecated({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"},e.computed(()=>!!f.title));const a=t.useNamespace("dialog"),c=e.ref(),i=e.ref(),m=e.ref(),{visible:r,titleId:d,bodyId:y,style:h,overlayDialogStyle:g,rendered:v,zIndex:p,afterEnter:b,afterLeave:u,beforeLeave:D,handleClose:E,onModalClick:O,onOpenAutoFocus:N,onCloseAutoFocus:L,onCloseRequested:w,onFocusoutPrevented:k}=le(s,c);e.provide(U,{dialogRef:c,headerRef:i,bodyId:y,ns:a,rendered:v,style:h});const S=z(O),T=e.computed(()=>s.draggable&&!s.fullscreen);return l({visible:r,dialogContentRef:m,resetPosition:()=>{var n;(n=m.value)==null||n.resetPosition()}}),(n,P)=>(e.openBlock(),e.createBlock(e.unref(F.ElTeleport),{to:n.appendTo,disabled:n.appendTo!=="body"?!1:!n.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"dialog-fade",onAfterEnter:e.unref(b),onAfterLeave:e.unref(u),onBeforeLeave:e.unref(D),persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(Y),{"custom-mask-event":"",mask:n.modal,"overlay-class":n.modalClass,"z-index":e.unref(p)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":n.title||void 0,"aria-labelledby":n.title?void 0:e.unref(d),"aria-describedby":e.unref(y),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(g)),onClick:e.unref(S).onClick,onMousedown:e.unref(S).onMousedown,onMouseup:e.unref(S).onMouseup},[e.createVNode(e.unref(F.ElFocusTrap),{loop:"",trapped:e.unref(r),"focus-start-el":"container",onFocusAfterTrapped:e.unref(N),onFocusAfterReleased:e.unref(L),onFocusoutPrevented:e.unref(k),onReleaseRequested:e.unref(w)},{default:e.withCtx(()=>[e.unref(v)?(e.openBlock(),e.createBlock(oe,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:m},n.$attrs,{center:n.center,"align-center":n.alignCenter,"close-icon":n.closeIcon,draggable:e.unref(T),overflow:n.overflow,fullscreen:n.fullscreen,"header-class":n.headerClass,"body-class":n.bodyClass,"footer-class":n.footerClass,"show-close":n.showClose,title:n.title,"aria-level":n.headerAriaLevel,onClose:e.unref(E)}),e.createSlots({header:e.withCtx(()=>[n.$slots.title?e.renderSlot(n.$slots,"title",{key:1}):e.renderSlot(n.$slots,"header",{key:0,close:e.unref(E),titleId:e.unref(d),titleClass:e.unref(a).e("title")})]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:2},[n.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"footer")])}:void 0]),1040,["center","align-center","close-icon","draggable","overflow","fullscreen","header-class","body-class","footer-class","show-close","title","aria-level","onClose"])):e.createCommentVNode("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"]),[[e.vShow,e.unref(r)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["to","disabled"]))}});var re=t._export_sfc(ae,[["__file","dialog.vue"]]);const ie=t.withInstall(re);exports.ElDialog=ie;exports.ElOverlay=Y;exports.useDraggable=X;exports.useLockscreen=H;exports.useSameTarget=z;