@gopowerteam/modal-render 0.0.34 → 0.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/cjs/index.cjs +1 -1
  2. package/dist/es/index.mjs +15 -15
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
package/dist/cjs/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");const L=Symbol("__MODAL__");function W(o){return e.getCurrentScope()?(e.onScopeDispose(o),!0):!1}function k(o){return typeof o=="function"?o():e.unref(o)}const j=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const J=Object.prototype.toString,Q=o=>J.call(o)==="[object Object]",ee=()=>{};function te(o,l={}){if(!e.isRef(o))return e.toRefs(o);const n=Array.isArray(o.value)?Array.from({length:o.value.length}):{};for(const t in o.value)n[t]=e.customRef(()=>({get(){return o.value[t]},set(a){var i;if((i=k(l.replaceRef))!=null?i:!0)if(Array.isArray(o.value)){const m=[...o.value];m[t]=a,o.value=m}else{const m={...o.value,[t]:a};Object.setPrototypeOf(m,Object.getPrototypeOf(o.value)),o.value=m}else o.value[t]=a}}));return n}function oe(o,l=!0){e.getCurrentInstance()?e.onMounted(o):l?o():e.nextTick(o)}function $(o){var l;const n=k(o);return(l=n==null?void 0:n.$el)!=null?l:n}const O=j?window:void 0;function I(...o){let l,n,t,a;if(typeof o[0]=="string"||Array.isArray(o[0])?([n,t,a]=o,l=O):[l,n,t,a]=o,!l)return ee;Array.isArray(n)||(n=[n]),Array.isArray(t)||(t=[t]);const i=[],c=()=>{i.forEach(v=>v()),i.length=0},m=(v,d,g,s)=>(v.addEventListener(d,g,s),()=>v.removeEventListener(d,g,s)),_=e.watch(()=>[$(l),k(a)],([v,d])=>{if(c(),!v)return;const g=Q(d)?{...d}:d;i.push(...n.flatMap(s=>t.map(p=>m(v,s,p,g))))},{immediate:!0,flush:"post"}),w=()=>{_(),c()};return W(w),w}function ne(){const o=e.ref(!1);return e.getCurrentInstance()&&e.onMounted(()=>{o.value=!0}),o}function re(o){const l=ne();return e.computed(()=>(l.value,!!o()))}function le(o,l={}){var n,t;const{pointerTypes:a,preventDefault:i,stopPropagation:c,exact:m,onMove:_,onEnd:w,onStart:v,initialValue:d,axis:g="both",draggingElement:s=O,containerElement:p,handle:u=o}=l,y=e.ref((n=k(d))!=null?n:{x:0,y:0}),f=e.ref(),M=h=>a?a.includes(h.pointerType):!0,N=h=>{k(i)&&h.preventDefault(),k(c)&&h.stopPropagation()},B=h=>{var x;if(!M(h)||k(m)&&h.target!==k(o))return;const b=k(p),R=(x=b==null?void 0:b.getBoundingClientRect)==null?void 0:x.call(b),E=k(o).getBoundingClientRect(),S={x:h.clientX-(b?E.left-R.left:E.left),y:h.clientY-(b?E.top-R.top:E.top)};(v==null?void 0:v(S,h))!==!1&&(f.value=S,N(h))},z=h=>{var x;if(!M(h)||!f.value)return;const b=k(p),R=(x=b==null?void 0:b.getBoundingClientRect)==null?void 0:x.call(b),E=k(o).getBoundingClientRect();let{x:S,y:V}=y.value;(g==="x"||g==="both")&&(S=h.clientX-f.value.x,b&&(S=Math.min(Math.max(0,S),R.width-E.width))),(g==="y"||g==="both")&&(V=h.clientY-f.value.y,b&&(V=Math.min(Math.max(0,V),R.height-E.height))),y.value={x:S,y:V},_==null||_(y.value,h),N(h)},H=h=>{M(h)&&f.value&&(f.value=void 0,w==null||w(y.value,h),N(h))};if(j){const h={capture:(t=l.capture)!=null?t:!0};I(u,"pointerdown",B,h),I(s,"pointermove",z,h),I(s,"pointerup",H,h)}return{...te(y),position:y,isDragging:e.computed(()=>!!f.value),style:e.computed(()=>`left:${y.value.x}px;top:${y.value.y}px;`)}}function se(o,l,n={}){const{window:t=O,...a}=n;let i;const c=re(()=>t&&"ResizeObserver"in t),m=()=>{i&&(i.disconnect(),i=void 0)},_=e.computed(()=>Array.isArray(o)?o.map(d=>$(d)):[$(o)]),w=e.watch(_,d=>{if(m(),c.value&&t){i=new ResizeObserver(l);for(const g of d)g&&i.observe(g,a)}},{immediate:!0,flush:"post",deep:!0}),v=()=>{m(),w()};return W(v),{isSupported:c,stop:v}}function A(o,l={width:0,height:0},n={}){const{window:t=O,box:a="content-box"}=n,i=e.computed(()=>{var d,g;return(g=(d=$(o))==null?void 0:d.namespaceURI)==null?void 0:g.includes("svg")}),c=e.ref(l.width),m=e.ref(l.height),{stop:_}=se(o,([d])=>{const g=a==="border-box"?d.borderBoxSize:a==="content-box"?d.contentBoxSize:d.devicePixelContentBoxSize;if(t&&i.value){const s=$(o);if(s){const p=t.getComputedStyle(s);c.value=Number.parseFloat(p.width),m.value=Number.parseFloat(p.height)}}else if(g){const s=Array.isArray(g)?g:[g];c.value=s.reduce((p,{inlineSize:u})=>p+u,0),m.value=s.reduce((p,{blockSize:u})=>p+u,0)}else c.value=d.contentRect.width,m.value=d.contentRect.height},n);oe(()=>{const d=$(o);d&&(c.value="offsetWidth"in d?d.offsetWidth:l.width,m.value="offsetHeight"in d?d.offsetHeight:l.height)});const w=e.watch(()=>$(o),d=>{c.value=d?l.width:0,m.value=d?l.height:0});function v(){_(),w()}return{width:c,height:m,stop:v}}const ie=o=>(e.pushScopeId("data-v-8dfa7cd4"),o=o(),e.popScopeId(),o),ae={class:"title text-16px font-bold"},ce={class:"action"},de=["form"],ue={key:2,class:"modal-loading"},fe=ie(()=>e.createElementVNode("div",{class:"lds-ring"},[e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div")],-1)),pe=[fe],me={name:"ModalContainer",inheritAttrs:!0},he=e.defineComponent({...me,props:{id:{},form:{},component:{},componentProps:{},width:{},maxWidth:{},maxHeight:{default:90},sizes:{},size:{default:"middle"},fullscreen:{type:Boolean},title:{},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!1},closeable:{type:Boolean,default:!0},esc:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},mode:{default:"dialog"},type:{},offset:{},backgroundColor:{},bodyStyle:{},submitText:{default:"确定"},cancelText:{default:"取消"},zIndex:{default:1e3}},emits:["submit"],setup(o,{expose:l,emit:n}){e.useCssVars(r=>({"359e2d1e":r.zIndex,"635715bb":B.value}));const t=o,a=n,i=e.inject(L),c=e.ref(!1);let m=0,_=0;const w=e.shallowRef(),v=e.shallowRef(),d=e.shallowRef(),g=e.shallowRef(),s=e.shallowRef(),p=e.shallowRef(),{height:u}=A(w),{height:y}=A(d,void 0,{box:"border-box"}),{height:f}=A(g,void 0,{box:"border-box"}),{height:M}=A(s),{height:N}=A(p),B=e.computed(()=>t.zIndex+100),{x:z,y:H}=le(d,{initialValue:{x:0,y:0}});function h(){i==null||i.close(t.id)}function x(r){return typeof r=="number"?`${r}px`:r}const b=e.computed(()=>{const r={};return t.mode==="dialog"&&(r.justifyContent="center"),t.mode==="drawer"&&(r.justifyContent="flex-end"),r}),R=e.computed(()=>{const r={};return t.size&&(r.width=x(t.sizes[t.size])),t.width&&(r.width=x(t.width)),t.maxWidth&&(r.maxWidth=x(t.maxWidth)),t.fullscreen&&(r.maxWidth="unset",r.width="100%",r.position="fixed",r.top=0,r.left=0,r.bottom=0,r.right=0,r.borderRadius=0),t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(r.transform=`translate3d(${z.value-m}px, ${H.value-_}px, 0px)`),t.mode==="drawer"&&(r.borderRadius=0,r.height="100%"),t.offset&&t.mode==="dialog"&&(r.marginLeft=`${t.offset.x||0}px`,r.marginTop=`${t.offset.y||0}px`),t.backgroundColor&&(r.backgroundColor=t.backgroundColor),r}),E=e.computed(()=>{const r={};return t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(r.cursor="move"),r}),S=e.computed(()=>{const r={},C=M.value+N.value+y.value+f.value,F=Math.floor(u.value*(Number(x(t.maxHeight).replace("%",""))/100));return t.maxHeight&&(r.maxHeight=`${F-C}px`),t.mode==="drawer"&&(r.maxHeight="unset",r.height=`${u.value-C}px`),t.fullscreen&&(r.maxHeight="unset",r.height=`calc(100% - ${C}px)`),t.type!=="component"&&(r.padding="0"),t.bodyStyle&&Object.assign(r,t.bodyStyle),r});function V(){const r=v.value;if(t.form&&r){const C=r.querySelector(`form[name="${t.form}"]`);C&&C.dispatchEvent(new Event("submit"))}a("submit")}function X(){i==null||i.close(t.id)}function Y(){window&&window.addEventListener("resize",()=>{e.triggerRef(w),e.triggerRef(v),v.value&&(m=v.value.offsetLeft,_=v.value.offsetTop)})}function q(){if(t.closeable&&t.esc){const r=({key:C})=>{C==="Escape"&&(i==null||i.close(t.id),window.removeEventListener("keydown",r))};window.addEventListener("keydown",r)}}function U(){m=v.value.offsetLeft,_=v.value.offsetTop}e.onMounted(()=>{q(),Y()}),e.onUnmounted(()=>{});function Z(){return c.value=!0,()=>D()}function D(){c.value=!1}return l({showLoading:Z,hideLoading:D}),(r,C)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:w,class:"modal-wrapper",style:e.normalizeStyle(b.value),onClick:C[0]||(C[0]=e.withModifiers(F=>r.maskClosable&&h(),["self"]))},[e.createElementVNode("div",{ref_key:"contentRef",ref:v,class:e.normalizeClass(["modal-content",{[`${r.mode}-mode`]:!0}]),style:e.normalizeStyle(R.value)},[r.header?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:d,class:"modal-header",style:e.normalizeStyle(E.value),onMousedown:U},[e.createElementVNode("div",ae,e.toDisplayString(r.title),1),e.createElementVNode("div",ce,[r.closeable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"i-icon-park-outline:close block cursor-pointer",onClick:h})):e.createCommentVNode("",!0)])],36)):e.createCommentVNode("",!0),e.createElementVNode("div",{id:"modal-header-slot",ref_key:"headerSlotRef",ref:s},null,512),e.createElementVNode("div",{class:"modal-body",style:e.normalizeStyle(S.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.normalizeProps(e.guardReactiveProps(r.componentProps)),null,16))],4),e.createElementVNode("div",{id:"modal-footer-slot",ref_key:"footerSlotRef",ref:p},null,512),r.footer?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"footerRef",ref:g,class:"modal-footer space-x-2"},[e.createElementVNode("button",{class:"cancel-button",type:"button",onClick:X},e.toDisplayString(r.cancelText),1),e.createElementVNode("button",{class:"submit-button",form:r.form,type:"submit",onClick:V},e.toDisplayString(r.submitText),9,de)],512)):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("div",ue,pe)):e.createCommentVNode("",!0)],6)],4))}});const P=(o,l)=>{const n=o.__vccOpts||o;for(const[t,a]of l)n[t]=a;return n},G=P(he,[["__scopeId","data-v-8dfa7cd4"]]),ve={class:"modal-dialog"},ge={class:"dialog-body"},ye={class:"dialog-title"},_e={class:"dialog-content"},we=e.defineComponent({__name:"modal-dialog",props:{type:{},title:{},content:{},okText:{default:"确定"},cancelText:{default:"取消"},onOk:{},onCancel:{},footer:{}},setup(o){const l=o,n=K(),t=e.computed(()=>l.title?l.title:{confirm:"提示",info:"提示",warning:"警告",error:"错误",success:"成功"}[l.type]);async function a(){l.onOk&&await l.onOk(),n.close()}async function i(){l.onCancel&&await l.onCancel(),n.close()}return(c,m)=>(e.openBlock(),e.createElementBlock("section",ve,[e.createElementVNode("div",ge,[e.createElementVNode("div",ye,e.toDisplayString(t.value),1),e.createElementVNode("div",_e,e.toDisplayString(c.content),1)]),e.createElementVNode("div",{class:"dialog-footer space-x-2",style:e.normalizeStyle(c.type==="confirm"?{"justify-content":"end"}:{"border-top":"none"})},[c.footer?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.footer),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("button",{class:"submit-button",type:"submit",onClick:a},e.toDisplayString(c.okText),1),c.type==="confirm"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"cancel-button",type:"button",onClick:i},e.toDisplayString(c.cancelText),1)):e.createCommentVNode("",!0)],64))],4)]))}});const be=P(we,[["__scopeId","data-v-8326e5a5"]]),ke={key:0,class:"modal-teleport"},Ce={name:"ModalProvider",inheritAttrs:!0},xe=e.defineComponent({...Ce,props:{appendToBody:{type:[Boolean,String],default:!1},sizes:{default:()=>({small:520,middle:860,large:1190})},maxWidth:{default:"90%"},maxHeight:{default:"90%"},offset:{default:()=>({x:0,y:0})}},setup(o,{expose:l}){const n=e.shallowRef([]),t=e.ref(!1),a=e.getCurrentInstance();let i=1100;function c(s,p={},u={}){const y=e.defineAsyncComponent(()=>Promise.resolve(typeof s=="string"?be:s));typeof s=="string"&&(p.type=s,u.size="small",u.fullscreen=!1,u.mode="dialog",u.footer=!1,u.header=!1);const f=Math.random().toString(32).slice(2),M=Object.assign({zIndex:i++},p),N=new Promise((B,z)=>{n.value.push({id:f,component:y,props:M,options:{...u,type:typeof s=="string"?s:"component"},resolve:B,reject:z,listeners:[]}),e.triggerRef(n)}).catch(B=>B==="CANCEL"?new Promise(()=>{}):Promise.reject(B));return Object.assign(N,{close:()=>m(f)})}function m(s,p){const u=n.value.findIndex(f=>f.id===s);if(u<0)return;const y=n.value[u];p===void 0?y==null||y.reject("CANCEL"):y==null||y.resolve(p),n.value.splice(u,1),e.triggerRef(n)}function _(){!n.value||n.value.length===0||(n.value.forEach(s=>{s==null||s.reject("CANCEL")}),n.value=[],e.triggerRef(n))}function w(s,p){const u=n.value.find(f=>f.id===s);if(!u)return;const y=u.listeners.find(f=>f.event===p);y&&y.callback({open:c,close:f=>m(u.id,f),closeAll:_,showLoading:()=>v(u.id),hideLoading:()=>d(u.id),confirm:f=>c("confirm",f),success:f=>c("success",f),error:f=>c("error",f),warning:f=>c("warning",f),info:f=>c("info",f)})}function v(s){if(!a)return;const[p]=a.refs[`modal-container_${s}`];if(p)return p.showLoading()}function d(s){if(!a)return;const[p]=a.refs[`modal-container_${s}`];if(p)return p.hideLoading()}function g(s,p,u){const y=n.value.find(f=>f.id===s);y&&y.listeners.push({event:p,callback:u})}return e.provide(L,{open:c,close:m,closeAll:_,addEventListener:g}),l({elements:n,open:c,close:m,closeAll:_}),e.onMounted(()=>{t.value=!0}),(s,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(s.$slots,"default",{},void 0,!0),t.value?(e.openBlock(),e.createElementBlock("div",ke,[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!s.appendToBody,to:typeof s.appendToBody=="string"?s.appendToBody:"body"},[e.createVNode(e.TransitionGroup,{name:"modal-fade"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,u=>(e.openBlock(),e.createBlock(G,e.mergeProps({id:u.id,key:u.id,ref_for:!0,ref:`modal-container_${u.id}`,component:u.component,"component-props":u.props,"max-height":s.maxHeight,"max-width":s.maxWidth,offset:s.offset,sizes:s.sizes},u.options,{onSubmit:()=>w(u.id,"submit")}),null,16,["id","component","component-props","max-height","max-width","offset","sizes","onSubmit"]))),128))]),_:1})],8,["disabled","to"]))])):e.createCommentVNode("",!0)],64))}});const Ee=P(xe,[["__scopeId","data-v-69463faf"]]);const Se={},Be={class:"modal-footer"};function Me(o,l){return e.openBlock(),e.createBlock(e.Teleport,{to:"#modal-footer-slot"},[e.createElementVNode("div",Be,[e.renderSlot(o.$slots,"default",{},void 0,!0)])])}const Ne=P(Se,[["render",Me],["__scopeId","data-v-2080a86e"]]);const Re={},$e={class:"modal-header"};function Ve(o,l){return e.openBlock(),e.createBlock(e.Teleport,{to:"#modal-header-slot"},[e.createElementVNode("div",$e,[e.renderSlot(o.$slots,"default",{},void 0,!0)])])}const ze=P(Re,[["render",Ve],["__scopeId","data-v-d0247172"]]);function T(o,l){var t,a;let n=o==null?void 0:o.parent;for(;n&&((t=n==null?void 0:n.type)==null?void 0:t.name)!==l;)n=n.parent;return((a=n==null?void 0:n.type)==null?void 0:a.name)===l?n:null}function K(){const o=e.inject(L),l=e.getCurrentInstance();function n(t,a,i){if(!o)throw new Error("Not Found Modal Provider Component");return o.open(t,a,i)}return{open:n,close(t){var c;if(!o)throw new Error("Not Found Modal Provider Component");const a=T(l,"ModalContainer"),i=(c=a==null?void 0:a.props)==null?void 0:c.id;if(!i)throw new Error("Not Found Current Modal Container");o.close(i,t)},closeAll(){if(!o)throw new Error("Not Found Modal Provider Component");o.closeAll()},showLoading(){var i;if(!o)throw new Error("Not Found Modal Provider Component");const t=T(l,"ModalContainer");if(!((i=t==null?void 0:t.props)==null?void 0:i.id))throw new Error("Not Found Current Modal Container");t!=null&&t.exposed&&(t==null||t.exposed.showLoading())},hideLoading(){var i;if(!o)throw new Error("Not Found Modal Provider Component");const t=T(l,"ModalContainer");if(!((i=t==null?void 0:t.props)==null?void 0:i.id))throw new Error("Not Found Current Modal Container");t!=null&&t.exposed&&(t==null||t.exposed.hideLoading())},confirm(t){return this.open("confirm",t)},info(t){return this.open("info",t)},error(t){return this.open("error",t)},warning(t){return this.open("warning",t)},success(t){return this.open("success",t)}}}function Ae(o){var i;const l=e.inject(L),n=e.getCurrentInstance(),t=T(n,"ModalContainer"),a=(i=t==null?void 0:t.props)==null?void 0:i.id;l&&a&&l.addEventListener(a,"submit",o)}exports.ModalContainer=G;exports.ModalFooter=Ne;exports.ModalHeader=ze;exports.ModalKey=L;exports.ModalProvider=Ee;exports.onSubmit=Ae;exports.useModal=K;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");const L=Symbol("__MODAL__");function W(o){return e.getCurrentScope()?(e.onScopeDispose(o),!0):!1}function k(o){return typeof o=="function"?o():e.unref(o)}const j=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const J=Object.prototype.toString,Q=o=>J.call(o)==="[object Object]",ee=()=>{};function te(o,l={}){if(!e.isRef(o))return e.toRefs(o);const n=Array.isArray(o.value)?Array.from({length:o.value.length}):{};for(const t in o.value)n[t]=e.customRef(()=>({get(){return o.value[t]},set(a){var i;if((i=k(l.replaceRef))!=null?i:!0)if(Array.isArray(o.value)){const m=[...o.value];m[t]=a,o.value=m}else{const m={...o.value,[t]:a};Object.setPrototypeOf(m,Object.getPrototypeOf(o.value)),o.value=m}else o.value[t]=a}}));return n}function oe(o,l=!0){e.getCurrentInstance()?e.onMounted(o):l?o():e.nextTick(o)}function $(o){var l;const n=k(o);return(l=n==null?void 0:n.$el)!=null?l:n}const P=j?window:void 0;function I(...o){let l,n,t,a;if(typeof o[0]=="string"||Array.isArray(o[0])?([n,t,a]=o,l=P):[l,n,t,a]=o,!l)return ee;Array.isArray(n)||(n=[n]),Array.isArray(t)||(t=[t]);const i=[],c=()=>{i.forEach(v=>v()),i.length=0},m=(v,d,g,s)=>(v.addEventListener(d,g,s),()=>v.removeEventListener(d,g,s)),_=e.watch(()=>[$(l),k(a)],([v,d])=>{if(c(),!v)return;const g=Q(d)?{...d}:d;i.push(...n.flatMap(s=>t.map(p=>m(v,s,p,g))))},{immediate:!0,flush:"post"}),w=()=>{_(),c()};return W(w),w}function ne(){const o=e.ref(!1);return e.getCurrentInstance()&&e.onMounted(()=>{o.value=!0}),o}function re(o){const l=ne();return e.computed(()=>(l.value,!!o()))}function le(o,l={}){var n,t;const{pointerTypes:a,preventDefault:i,stopPropagation:c,exact:m,onMove:_,onEnd:w,onStart:v,initialValue:d,axis:g="both",draggingElement:s=P,containerElement:p,handle:u=o}=l,y=e.ref((n=k(d))!=null?n:{x:0,y:0}),f=e.ref(),M=h=>a?a.includes(h.pointerType):!0,N=h=>{k(i)&&h.preventDefault(),k(c)&&h.stopPropagation()},B=h=>{var x;if(!M(h)||k(m)&&h.target!==k(o))return;const b=k(p),R=(x=b==null?void 0:b.getBoundingClientRect)==null?void 0:x.call(b),E=k(o).getBoundingClientRect(),S={x:h.clientX-(b?E.left-R.left:E.left),y:h.clientY-(b?E.top-R.top:E.top)};(v==null?void 0:v(S,h))!==!1&&(f.value=S,N(h))},z=h=>{var x;if(!M(h)||!f.value)return;const b=k(p),R=(x=b==null?void 0:b.getBoundingClientRect)==null?void 0:x.call(b),E=k(o).getBoundingClientRect();let{x:S,y:V}=y.value;(g==="x"||g==="both")&&(S=h.clientX-f.value.x,b&&(S=Math.min(Math.max(0,S),R.width-E.width))),(g==="y"||g==="both")&&(V=h.clientY-f.value.y,b&&(V=Math.min(Math.max(0,V),R.height-E.height))),y.value={x:S,y:V},_==null||_(y.value,h),N(h)},H=h=>{M(h)&&f.value&&(f.value=void 0,w==null||w(y.value,h),N(h))};if(j){const h={capture:(t=l.capture)!=null?t:!0};I(u,"pointerdown",B,h),I(s,"pointermove",z,h),I(s,"pointerup",H,h)}return{...te(y),position:y,isDragging:e.computed(()=>!!f.value),style:e.computed(()=>`left:${y.value.x}px;top:${y.value.y}px;`)}}function se(o,l,n={}){const{window:t=P,...a}=n;let i;const c=re(()=>t&&"ResizeObserver"in t),m=()=>{i&&(i.disconnect(),i=void 0)},_=e.computed(()=>Array.isArray(o)?o.map(d=>$(d)):[$(o)]),w=e.watch(_,d=>{if(m(),c.value&&t){i=new ResizeObserver(l);for(const g of d)g&&i.observe(g,a)}},{immediate:!0,flush:"post",deep:!0}),v=()=>{m(),w()};return W(v),{isSupported:c,stop:v}}function A(o,l={width:0,height:0},n={}){const{window:t=P,box:a="content-box"}=n,i=e.computed(()=>{var d,g;return(g=(d=$(o))==null?void 0:d.namespaceURI)==null?void 0:g.includes("svg")}),c=e.ref(l.width),m=e.ref(l.height),{stop:_}=se(o,([d])=>{const g=a==="border-box"?d.borderBoxSize:a==="content-box"?d.contentBoxSize:d.devicePixelContentBoxSize;if(t&&i.value){const s=$(o);if(s){const p=t.getComputedStyle(s);c.value=Number.parseFloat(p.width),m.value=Number.parseFloat(p.height)}}else if(g){const s=Array.isArray(g)?g:[g];c.value=s.reduce((p,{inlineSize:u})=>p+u,0),m.value=s.reduce((p,{blockSize:u})=>p+u,0)}else c.value=d.contentRect.width,m.value=d.contentRect.height},n);oe(()=>{const d=$(o);d&&(c.value="offsetWidth"in d?d.offsetWidth:l.width,m.value="offsetHeight"in d?d.offsetHeight:l.height)});const w=e.watch(()=>$(o),d=>{c.value=d?l.width:0,m.value=d?l.height:0});function v(){_(),w()}return{width:c,height:m,stop:v}}const ie=o=>(e.pushScopeId("data-v-8dfa7cd4"),o=o(),e.popScopeId(),o),ae={class:"title text-16px font-bold"},ce={class:"action"},de=["form"],ue={key:2,class:"modal-loading"},fe=ie(()=>e.createElementVNode("div",{class:"lds-ring"},[e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div")],-1)),pe=[fe],me={name:"ModalContainer",inheritAttrs:!0},he=e.defineComponent({...me,props:{id:{},form:{},component:{},componentProps:{},width:{},maxWidth:{},maxHeight:{default:90},sizes:{},size:{default:"middle"},fullscreen:{type:Boolean},title:{},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!1},closeable:{type:Boolean,default:!0},esc:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},mode:{default:"dialog"},type:{},offset:{},backgroundColor:{},bodyStyle:{},submitText:{default:"确定"},cancelText:{default:"取消"},zIndex:{default:1e3}},emits:["submit"],setup(o,{expose:l,emit:n}){e.useCssVars(r=>({"359e2d1e":r.zIndex,"635715bb":B.value}));const t=o,a=n,i=e.inject(L),c=e.ref(!1);let m=0,_=0;const w=e.shallowRef(),v=e.shallowRef(),d=e.shallowRef(),g=e.shallowRef(),s=e.shallowRef(),p=e.shallowRef(),{height:u}=A(w),{height:y}=A(d,void 0,{box:"border-box"}),{height:f}=A(g,void 0,{box:"border-box"}),{height:M}=A(s),{height:N}=A(p),B=e.computed(()=>t.zIndex+100),{x:z,y:H}=le(d,{initialValue:{x:0,y:0}});function h(){i==null||i.close(t.id)}function x(r){return typeof r=="number"?`${r}px`:r}const b=e.computed(()=>{const r={};return t.mode==="dialog"&&(r.justifyContent="center"),t.mode==="drawer"&&(r.justifyContent="flex-end"),r}),R=e.computed(()=>{const r={};return t.size&&(r.width=x(t.sizes[t.size])),t.width&&(r.width=x(t.width)),t.maxWidth&&(r.maxWidth=x(t.maxWidth)),t.fullscreen&&(r.maxWidth="unset",r.width="100%",r.position="fixed",r.top=0,r.left=0,r.bottom=0,r.right=0,r.borderRadius=0),t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(r.transform=`translate3d(${z.value-m}px, ${H.value-_}px, 0px)`),t.mode==="drawer"&&(r.borderRadius=0,r.height="100%"),t.offset&&t.mode==="dialog"&&(r.marginLeft=`${t.offset.x||0}px`,r.marginTop=`${t.offset.y||0}px`),t.backgroundColor&&(r.backgroundColor=t.backgroundColor),r}),E=e.computed(()=>{const r={};return t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(r.cursor="move"),r}),S=e.computed(()=>{const r={},C=M.value+N.value+y.value+f.value,F=Math.floor(u.value*(Number(x(t.maxHeight).replace("%",""))/100));return t.maxHeight&&(r.maxHeight=`${F-C}px`),t.mode==="drawer"&&(r.maxHeight="unset",r.height=`${u.value-C}px`),t.fullscreen&&(r.maxHeight="unset",r.height=`calc(100% - ${C}px)`),t.type!=="component"&&(r.padding="0"),t.bodyStyle&&Object.assign(r,t.bodyStyle),r});function V(){const r=v.value;if(t.form&&r){const C=r.querySelector(`form[name="${t.form}"]`);C&&C.dispatchEvent(new Event("submit"))}a("submit")}function X(){i==null||i.close(t.id)}function Y(){window&&window.addEventListener("resize",()=>{e.triggerRef(w),e.triggerRef(v),v.value&&(m=v.value.offsetLeft,_=v.value.offsetTop)})}function q(){if(t.closeable&&t.esc){const r=({key:C})=>{C==="Escape"&&(i==null||i.close(t.id),window.removeEventListener("keydown",r))};window.addEventListener("keydown",r)}}function U(){m=v.value.offsetLeft,_=v.value.offsetTop}e.onMounted(()=>{q(),Y()}),e.onUnmounted(()=>{});function Z(){return c.value=!0,()=>D()}function D(){c.value=!1}return l({showLoading:Z,hideLoading:D}),(r,C)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:w,class:"modal-wrapper",style:e.normalizeStyle(b.value),onClick:C[0]||(C[0]=e.withModifiers(F=>r.maskClosable&&h(),["self"]))},[e.createElementVNode("div",{ref_key:"contentRef",ref:v,class:e.normalizeClass(["modal-content",{[`${r.mode}-mode`]:!0}]),style:e.normalizeStyle(R.value)},[r.header?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:d,class:"modal-header",style:e.normalizeStyle(E.value),onMousedown:U},[e.createElementVNode("div",ae,e.toDisplayString(r.title),1),e.createElementVNode("div",ce,[r.closeable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"i-icon-park-outline:close block cursor-pointer",onClick:h})):e.createCommentVNode("",!0)])],36)):e.createCommentVNode("",!0),e.createElementVNode("div",{id:"modal-header-slot",ref_key:"headerSlotRef",ref:s},null,512),e.createElementVNode("div",{class:"modal-body",style:e.normalizeStyle(S.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.normalizeProps(e.guardReactiveProps(r.componentProps)),null,16))],4),e.createElementVNode("div",{id:"modal-footer-slot",ref_key:"footerSlotRef",ref:p},null,512),r.footer?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"footerRef",ref:g,class:"modal-footer space-x-2"},[e.createElementVNode("button",{class:"cancel-button",type:"button",onClick:X},e.toDisplayString(r.cancelText),1),e.createElementVNode("button",{class:"submit-button",form:r.form,type:"submit",onClick:V},e.toDisplayString(r.submitText),9,de)],512)):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("div",ue,pe)):e.createCommentVNode("",!0)],6)],4))}});const O=(o,l)=>{const n=o.__vccOpts||o;for(const[t,a]of l)n[t]=a;return n},G=O(he,[["__scopeId","data-v-8dfa7cd4"]]),ve={class:"modal-dialog"},ge={class:"dialog-body"},ye={class:"dialog-title"},_e={class:"dialog-content"},we=e.defineComponent({__name:"modal-dialog",props:{type:{},title:{},content:{},okText:{default:"确定"},cancelText:{default:"取消"},onOk:{},onCancel:{},footer:{}},setup(o){const l=o,n=K(),t=e.computed(()=>l.title?l.title:{confirm:"提示",info:"提示",warning:"警告",error:"错误",success:"成功"}[l.type]);async function a(){l.onOk&&await l.onOk(),n.close()}async function i(){l.onCancel&&await l.onCancel(),n.close()}return(c,m)=>(e.openBlock(),e.createElementBlock("section",ve,[e.createElementVNode("div",ge,[e.createElementVNode("div",ye,e.toDisplayString(t.value),1),e.createElementVNode("div",_e,e.toDisplayString(c.content),1)]),e.createElementVNode("div",{class:"dialog-footer space-x-2",style:e.normalizeStyle(c.type==="confirm"?{"justify-content":"end"}:{"border-top":"none"})},[c.footer?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.footer),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("button",{class:"submit-button",type:"submit",onClick:a},e.toDisplayString(c.okText),1),c.type==="confirm"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"cancel-button",type:"button",onClick:i},e.toDisplayString(c.cancelText),1)):e.createCommentVNode("",!0)],64))],4)]))}});const be=O(we,[["__scopeId","data-v-8326e5a5"]]),ke={key:0,class:"modal-teleport"},Ce={name:"ModalProvider",inheritAttrs:!0},xe=e.defineComponent({...Ce,props:{appendToBody:{type:[Boolean,String],default:!1},sizes:{default:()=>({small:520,middle:860,large:1190})},maxWidth:{default:"90%"},maxHeight:{default:"90%"},offset:{default:()=>({x:0,y:0})}},setup(o,{expose:l}){const n=e.shallowRef([]),t=e.ref(!1),a=e.getCurrentInstance();let i=1100;function c(s,p={},u={}){const y=e.defineAsyncComponent(()=>Promise.resolve(typeof s=="string"?be:s));typeof s=="string"&&(p.type=s,u.size="small",u.fullscreen=!1,u.mode="dialog",u.footer=!1,u.header=!1);const f=Math.random().toString(32).slice(2),M=Object.assign({zIndex:i++},u),N=new Promise((B,z)=>{n.value.push({id:f,component:y,props:p||{},options:{...M,type:typeof s=="string"?s:"component"},resolve:B,reject:z,listeners:[]}),e.triggerRef(n)}).catch(B=>B==="CANCEL"?new Promise(()=>{}):Promise.reject(B));return Object.assign(N,{close:()=>m(f)})}function m(s,p){const u=n.value.findIndex(f=>f.id===s);if(u<0)return;const y=n.value[u];p===void 0?y==null||y.reject("CANCEL"):y==null||y.resolve(p),n.value.splice(u,1),e.triggerRef(n)}function _(){!n.value||n.value.length===0||(n.value.forEach(s=>{s==null||s.reject("CANCEL")}),n.value=[],e.triggerRef(n))}function w(s,p){const u=n.value.find(f=>f.id===s);if(!u)return;const y=u.listeners.find(f=>f.event===p);y&&y.callback({open:c,close:f=>m(u.id,f),closeAll:_,showLoading:()=>v(u.id),hideLoading:()=>d(u.id),confirm:f=>c("confirm",f),success:f=>c("success",f),error:f=>c("error",f),warning:f=>c("warning",f),info:f=>c("info",f)})}function v(s){if(!a)return;const[p]=a.refs[`modal-container_${s}`];if(p)return p.showLoading()}function d(s){if(!a)return;const[p]=a.refs[`modal-container_${s}`];if(p)return p.hideLoading()}function g(s,p,u){const y=n.value.find(f=>f.id===s);y&&y.listeners.push({event:p,callback:u})}return e.provide(L,{open:c,close:m,closeAll:_,addEventListener:g}),l({elements:n,open:c,close:m,closeAll:_}),e.onMounted(()=>{t.value=!0}),(s,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(s.$slots,"default",{},void 0,!0),t.value?(e.openBlock(),e.createElementBlock("div",ke,[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!s.appendToBody,to:typeof s.appendToBody=="string"?s.appendToBody:"body"},[e.createVNode(e.TransitionGroup,{name:"modal-fade"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,u=>(e.openBlock(),e.createBlock(G,e.mergeProps({id:u.id,key:u.id,ref_for:!0,ref:`modal-container_${u.id}`,component:u.component,"component-props":u.props,"max-height":s.maxHeight,"max-width":s.maxWidth,offset:s.offset,sizes:s.sizes},u.options,{onSubmit:()=>w(u.id,"submit")}),null,16,["id","component","component-props","max-height","max-width","offset","sizes","onSubmit"]))),128))]),_:1})],8,["disabled","to"]))])):e.createCommentVNode("",!0)],64))}});const Ee=O(xe,[["__scopeId","data-v-71d304a4"]]);const Se={},Be={class:"modal-footer"};function Me(o,l){return e.openBlock(),e.createBlock(e.Teleport,{to:"#modal-footer-slot"},[e.createElementVNode("div",Be,[e.renderSlot(o.$slots,"default",{},void 0,!0)])])}const Ne=O(Se,[["render",Me],["__scopeId","data-v-2080a86e"]]);const Re={},$e={class:"modal-header"};function Ve(o,l){return e.openBlock(),e.createBlock(e.Teleport,{to:"#modal-header-slot"},[e.createElementVNode("div",$e,[e.renderSlot(o.$slots,"default",{},void 0,!0)])])}const ze=O(Re,[["render",Ve],["__scopeId","data-v-d0247172"]]);function T(o,l){var t,a;let n=o==null?void 0:o.parent;for(;n&&((t=n==null?void 0:n.type)==null?void 0:t.name)!==l;)n=n.parent;return((a=n==null?void 0:n.type)==null?void 0:a.name)===l?n:null}function K(){const o=e.inject(L),l=e.getCurrentInstance();function n(t,a,i){if(!o)throw new Error("Not Found Modal Provider Component");return o.open(t,a,i)}return{open:n,close(t){var c;if(!o)throw new Error("Not Found Modal Provider Component");const a=T(l,"ModalContainer"),i=(c=a==null?void 0:a.props)==null?void 0:c.id;if(!i)throw new Error("Not Found Current Modal Container");o.close(i,t)},closeAll(){if(!o)throw new Error("Not Found Modal Provider Component");o.closeAll()},showLoading(){var i;if(!o)throw new Error("Not Found Modal Provider Component");const t=T(l,"ModalContainer");if(!((i=t==null?void 0:t.props)==null?void 0:i.id))throw new Error("Not Found Current Modal Container");t!=null&&t.exposed&&(t==null||t.exposed.showLoading())},hideLoading(){var i;if(!o)throw new Error("Not Found Modal Provider Component");const t=T(l,"ModalContainer");if(!((i=t==null?void 0:t.props)==null?void 0:i.id))throw new Error("Not Found Current Modal Container");t!=null&&t.exposed&&(t==null||t.exposed.hideLoading())},confirm(t){return this.open("confirm",t)},info(t){return this.open("info",t)},error(t){return this.open("error",t)},warning(t){return this.open("warning",t)},success(t){return this.open("success",t)}}}function Ae(o){var i;const l=e.inject(L),n=e.getCurrentInstance(),t=T(n,"ModalContainer"),a=(i=t==null?void 0:t.props)==null?void 0:i.id;l&&a&&l.addEventListener(a,"submit",o)}exports.ModalContainer=G;exports.ModalFooter=Ne;exports.ModalHeader=ze;exports.ModalKey=L;exports.ModalProvider=Ee;exports.onSubmit=Ae;exports.useModal=K;
package/dist/es/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { unref as he, isRef as me, toRefs as ge, customRef as ye, getCurrentInstance as G, onMounted as K, nextTick as _e, getCurrentScope as be, onScopeDispose as we, ref as H, computed as M, watch as ee, defineComponent as te, useCssVars as xe, inject as oe, shallowRef as P, onUnmounted as Ce, openBlock as _, createElementBlock as S, normalizeStyle as V, withModifiers as ke, createElementVNode as y, normalizeClass as Me, toDisplayString as O, createCommentVNode as N, createBlock as F, resolveDynamicComponent as le, normalizeProps as Se, guardReactiveProps as Ee, triggerRef as j, pushScopeId as $e, popScopeId as Ae, Fragment as Q, provide as Le, renderSlot as ne, Teleport as se, createVNode as Re, TransitionGroup as ze, withCtx as Be, renderList as Pe, mergeProps as Oe, defineAsyncComponent as Te } from "vue";
1
+ import { unref as he, isRef as me, toRefs as ge, customRef as ye, getCurrentInstance as G, onMounted as K, nextTick as _e, getCurrentScope as be, onScopeDispose as we, ref as H, computed as M, watch as ee, defineComponent as te, useCssVars as xe, inject as oe, shallowRef as O, onUnmounted as Ce, openBlock as _, createElementBlock as S, normalizeStyle as V, withModifiers as ke, createElementVNode as y, normalizeClass as Me, toDisplayString as P, createCommentVNode as N, createBlock as F, resolveDynamicComponent as le, normalizeProps as Se, guardReactiveProps as Ee, triggerRef as j, pushScopeId as $e, popScopeId as Ae, Fragment as Q, provide as Le, renderSlot as ne, Teleport as se, createVNode as Re, TransitionGroup as ze, withCtx as Be, renderList as Oe, mergeProps as Pe, defineAsyncComponent as Te } from "vue";
2
2
  const U = Symbol("__MODAL__");
3
3
  function ae(t) {
4
4
  return be() ? (we(t), !0) : !1;
@@ -245,7 +245,7 @@ const Xe = (t) => ($e("data-v-8dfa7cd4"), t = t(), Ae(), t), Ye = { class: "titl
245
245
  }));
246
246
  const e = t, l = o, i = oe(U), a = H(!1);
247
247
  let p = 0, b = 0;
248
- const w = P(), h = P(), d = P(), m = P(), r = P(), f = P(), { height: c } = D(w), { height: g } = D(d, void 0, { box: "border-box" }), { height: u } = D(m, void 0, { box: "border-box" }), { height: R } = D(r), { height: z } = D(f), L = M(() => e.zIndex + 100), { x: W, y: Z } = je(d, {
248
+ const w = O(), h = O(), d = O(), m = O(), r = O(), f = O(), { height: c } = D(w), { height: g } = D(d, void 0, { box: "border-box" }), { height: u } = D(m, void 0, { box: "border-box" }), { height: R } = D(r), { height: z } = D(f), L = M(() => e.zIndex + 100), { x: W, y: Z } = je(d, {
249
249
  initialValue: { x: 0, y: 0 }
250
250
  });
251
251
  function v() {
@@ -328,7 +328,7 @@ const Xe = (t) => ($e("data-v-8dfa7cd4"), t = t(), Ae(), t), Ye = { class: "titl
328
328
  style: V($.value),
329
329
  onMousedown: pe
330
330
  }, [
331
- y("div", Ye, O(n.title), 1),
331
+ y("div", Ye, P(n.title), 1),
332
332
  y("div", Ke, [
333
333
  n.closeable ? (_(), S("div", {
334
334
  key: 0,
@@ -363,13 +363,13 @@ const Xe = (t) => ($e("data-v-8dfa7cd4"), t = t(), Ae(), t), Ye = { class: "titl
363
363
  class: "cancel-button",
364
364
  type: "button",
365
365
  onClick: ce
366
- }, O(n.cancelText), 1),
366
+ }, P(n.cancelText), 1),
367
367
  y("button", {
368
368
  class: "submit-button",
369
369
  form: n.form,
370
370
  type: "submit",
371
371
  onClick: I
372
- }, O(n.submitText), 9, Ue)
372
+ }, P(n.submitText), 9, Ue)
373
373
  ], 512)) : N("", !0),
374
374
  a.value ? (_(), S("div", qe, Je)) : N("", !0)
375
375
  ], 6)
@@ -409,8 +409,8 @@ const X = (t, s) => {
409
409
  }
410
410
  return (a, p) => (_(), S("section", ot, [
411
411
  y("div", nt, [
412
- y("div", st, O(e.value), 1),
413
- y("div", rt, O(a.content), 1)
412
+ y("div", st, P(e.value), 1),
413
+ y("div", rt, P(a.content), 1)
414
414
  ]),
415
415
  y("div", {
416
416
  class: "dialog-footer space-x-2",
@@ -421,13 +421,13 @@ const X = (t, s) => {
421
421
  class: "submit-button",
422
422
  type: "submit",
423
423
  onClick: l
424
- }, O(a.okText), 1),
424
+ }, P(a.okText), 1),
425
425
  a.type === "confirm" ? (_(), S("button", {
426
426
  key: 0,
427
427
  class: "cancel-button",
428
428
  type: "button",
429
429
  onClick: i
430
- }, O(a.cancelText), 1)) : N("", !0)
430
+ }, P(a.cancelText), 1)) : N("", !0)
431
431
  ], 64))
432
432
  ], 4)
433
433
  ]));
@@ -453,20 +453,20 @@ const lt = /* @__PURE__ */ X(it, [["__scopeId", "data-v-8326e5a5"]]), at = {
453
453
  offset: { default: () => ({ x: 0, y: 0 }) }
454
454
  },
455
455
  setup(t, { expose: s }) {
456
- const o = P([]), e = H(!1), l = G();
456
+ const o = O([]), e = H(!1), l = G();
457
457
  let i = 1100;
458
458
  function a(r, f = {}, c = {}) {
459
459
  const g = Te(
460
460
  () => Promise.resolve(typeof r == "string" ? lt : r)
461
461
  );
462
462
  typeof r == "string" && (f.type = r, c.size = "small", c.fullscreen = !1, c.mode = "dialog", c.footer = !1, c.header = !1);
463
- const u = Math.random().toString(32).slice(2), R = Object.assign({ zIndex: i++ }, f), z = new Promise((L, W) => {
463
+ const u = Math.random().toString(32).slice(2), R = Object.assign({ zIndex: i++ }, c), z = new Promise((L, W) => {
464
464
  o.value.push({
465
465
  id: u,
466
466
  component: g,
467
- props: R,
467
+ props: f || {},
468
468
  options: {
469
- ...c,
469
+ ...R,
470
470
  type: typeof r == "string" ? r : "component"
471
471
  },
472
472
  resolve: L,
@@ -551,7 +551,7 @@ const lt = /* @__PURE__ */ X(it, [["__scopeId", "data-v-8326e5a5"]]), at = {
551
551
  }, [
552
552
  Re(ze, { name: "modal-fade" }, {
553
553
  default: Be(() => [
554
- (_(!0), S(Q, null, Pe(o.value, (c) => (_(), F(tt, Oe({
554
+ (_(!0), S(Q, null, Oe(o.value, (c) => (_(), F(tt, Pe({
555
555
  id: c.id,
556
556
  key: c.id,
557
557
  ref_for: !0,
@@ -573,7 +573,7 @@ const lt = /* @__PURE__ */ X(it, [["__scopeId", "data-v-8326e5a5"]]), at = {
573
573
  ], 64));
574
574
  }
575
575
  });
576
- const _t = /* @__PURE__ */ X(ct, [["__scopeId", "data-v-69463faf"]]);
576
+ const _t = /* @__PURE__ */ X(ct, [["__scopeId", "data-v-71d304a4"]]);
577
577
  const ut = {}, ft = { class: "modal-footer" };
578
578
  function pt(t, s) {
579
579
  return _(), F(se, { to: "#modal-footer-slot" }, [
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-icon-park-outline\:close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 48 48' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m8 8l32 32M8 40L40 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.resize{resize:both}.space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(.5rem * var(--un-space-x-reverse))}.border{border-width:1px}.px{padding-left:1rem;padding-right:1rem}.text-16px{font-size:16px}.font-bold{font-weight:700}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-wrapper[data-v-8dfa7cd4]{z-index:var(--359e2d1e);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:rgba(0,0,0,.3)}.modal-content[data-v-8dfa7cd4]{background:#ffffff;border-radius:5px;position:relative}.modal-header[data-v-8dfa7cd4]{box-sizing:border-box;padding:10px;height:50px;display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px var(--color-border-1, #e8e8e8);color:var(--color-text-2, #4E5969)}.modal-body[data-v-8dfa7cd4]{padding:10px;box-sizing:border-box;overflow:auto;position:relative}.modal-footer[data-v-8dfa7cd4]{box-sizing:border-box;height:50px;border-top:solid 1px var(--color-border-1, #e8e8e8);display:flex;justify-content:flex-end;padding:10px}.modal-footer button[data-v-8dfa7cd4]{height:28px;line-height:28px;width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0;box-sizing:content-box}.modal-footer button.submit-button[data-v-8dfa7cd4]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.modal-footer button.submit-button[data-v-8dfa7cd4]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.modal-footer button.cancel-button[data-v-8dfa7cd4]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.modal-footer button.cancel-button[data-v-8dfa7cd4]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-loading[data-v-8dfa7cd4]{position:absolute;z-index:var(--635715bb);top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0000001a}.modal-loading .lds-ring[data-v-8dfa7cd4]{display:inline-block;position:relative;width:80px;height:80px}.modal-loading .lds-ring div[data-v-8dfa7cd4]{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring-8dfa7cd4 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.modal-loading .lds-ring div[data-v-8dfa7cd4]:nth-child(1){animation-delay:-.45s}.modal-loading .lds-ring div[data-v-8dfa7cd4]:nth-child(2){animation-delay:-.3s}.modal-loading .lds-ring div[data-v-8dfa7cd4]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-8dfa7cd4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dialog-body[data-v-8326e5a5]{padding:20px 10px 10px}.dialog-title[data-v-8326e5a5]{padding:5px;font-weight:700;font-size:16px}.dialog-content[data-v-8326e5a5]{padding:5px}.dialog-footer[data-v-8326e5a5]{box-sizing:border-box;height:50px;border-top:solid 1px var(--color-border-1, #e8e8e8);display:flex;justify-content:center;align-items:center;padding:0 10px}.dialog-footer button[data-v-8326e5a5]{height:28px;line-height:28px;width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0;box-sizing:content-box}.dialog-footer button.submit-button[data-v-8326e5a5]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.dialog-footer button.submit-button[data-v-8326e5a5]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.dialog-footer button.cancel-button[data-v-8326e5a5]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.dialog-footer button.cancel-button[data-v-8326e5a5]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-fade-enter-active[data-v-69463faf],.modal-fade-leave-active[data-v-69463faf]{transition:opacity .5s ease}.modal-fade-enter-active[data-v-69463faf] .modal-content.drawer-mode,.modal-fade-leave-active[data-v-69463faf] .modal-content.drawer-mode{transition:transform .5s ease}.modal-fade-enter-from[data-v-69463faf],.modal-fade-leave-to[data-v-69463faf]{opacity:0}.modal-fade-enter-from[data-v-69463faf] .modal-content.drawer-mode,.modal-fade-leave-to[data-v-69463faf] .modal-content.drawer-mode{transform:translate3d(100%,0,0)}.modal-footer[data-v-2080a86e]{box-sizing:border-box;min-height:50px;border-top:solid 1px var(--color-border-1, rgb(232, 232, 232));padding:10px}.modal-footer button[data-v-2080a86e]{height:28px;line-height:28px;width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0;box-sizing:content-box}.modal-footer button.submit-button[data-v-2080a86e]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.modal-footer button.submit-button[data-v-2080a86e]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.modal-footer button.cancel-button[data-v-2080a86e]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.modal-footer button.cancel-button[data-v-2080a86e]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-header[data-v-d0247172]{box-sizing:border-box;padding:10px;min-height:50px;border-bottom:solid 1px var(--color-border-1, rgb(232, 232, 232));color:var(--color-text-2, #4E5969)}
1
+ *,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-icon-park-outline\:close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 48 48' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m8 8l32 32M8 40L40 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.resize{resize:both}.space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(.5rem * var(--un-space-x-reverse))}.border{border-width:1px}.px{padding-left:1rem;padding-right:1rem}.text-16px{font-size:16px}.font-bold{font-weight:700}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-wrapper[data-v-8dfa7cd4]{z-index:var(--359e2d1e);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:rgba(0,0,0,.3)}.modal-content[data-v-8dfa7cd4]{background:#ffffff;border-radius:5px;position:relative}.modal-header[data-v-8dfa7cd4]{box-sizing:border-box;padding:10px;height:50px;display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px var(--color-border-1, #e8e8e8);color:var(--color-text-2, #4E5969)}.modal-body[data-v-8dfa7cd4]{padding:10px;box-sizing:border-box;overflow:auto;position:relative}.modal-footer[data-v-8dfa7cd4]{box-sizing:border-box;height:50px;border-top:solid 1px var(--color-border-1, #e8e8e8);display:flex;justify-content:flex-end;padding:10px}.modal-footer button[data-v-8dfa7cd4]{height:28px;line-height:28px;width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0;box-sizing:content-box}.modal-footer button.submit-button[data-v-8dfa7cd4]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.modal-footer button.submit-button[data-v-8dfa7cd4]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.modal-footer button.cancel-button[data-v-8dfa7cd4]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.modal-footer button.cancel-button[data-v-8dfa7cd4]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-loading[data-v-8dfa7cd4]{position:absolute;z-index:var(--635715bb);top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0000001a}.modal-loading .lds-ring[data-v-8dfa7cd4]{display:inline-block;position:relative;width:80px;height:80px}.modal-loading .lds-ring div[data-v-8dfa7cd4]{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring-8dfa7cd4 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.modal-loading .lds-ring div[data-v-8dfa7cd4]:nth-child(1){animation-delay:-.45s}.modal-loading .lds-ring div[data-v-8dfa7cd4]:nth-child(2){animation-delay:-.3s}.modal-loading .lds-ring div[data-v-8dfa7cd4]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-8dfa7cd4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dialog-body[data-v-8326e5a5]{padding:20px 10px 10px}.dialog-title[data-v-8326e5a5]{padding:5px;font-weight:700;font-size:16px}.dialog-content[data-v-8326e5a5]{padding:5px}.dialog-footer[data-v-8326e5a5]{box-sizing:border-box;height:50px;border-top:solid 1px var(--color-border-1, #e8e8e8);display:flex;justify-content:center;align-items:center;padding:0 10px}.dialog-footer button[data-v-8326e5a5]{height:28px;line-height:28px;width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0;box-sizing:content-box}.dialog-footer button.submit-button[data-v-8326e5a5]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.dialog-footer button.submit-button[data-v-8326e5a5]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.dialog-footer button.cancel-button[data-v-8326e5a5]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.dialog-footer button.cancel-button[data-v-8326e5a5]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-fade-enter-active[data-v-71d304a4],.modal-fade-leave-active[data-v-71d304a4]{transition:opacity .5s ease}.modal-fade-enter-active[data-v-71d304a4] .modal-content.drawer-mode,.modal-fade-leave-active[data-v-71d304a4] .modal-content.drawer-mode{transition:transform .5s ease}.modal-fade-enter-from[data-v-71d304a4],.modal-fade-leave-to[data-v-71d304a4]{opacity:0}.modal-fade-enter-from[data-v-71d304a4] .modal-content.drawer-mode,.modal-fade-leave-to[data-v-71d304a4] .modal-content.drawer-mode{transform:translate3d(100%,0,0)}.modal-footer[data-v-2080a86e]{box-sizing:border-box;min-height:50px;border-top:solid 1px var(--color-border-1, rgb(232, 232, 232));padding:10px}.modal-footer button[data-v-2080a86e]{height:28px;line-height:28px;width:80px;outline:none;border-color:transparent;font-size:14px;border-radius:4px;padding:0;box-sizing:content-box}.modal-footer button.submit-button[data-v-2080a86e]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.modal-footer button.submit-button[data-v-2080a86e]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.modal-footer button.cancel-button[data-v-2080a86e]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.modal-footer button.cancel-button[data-v-2080a86e]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-header[data-v-d0247172]{box-sizing:border-box;padding:10px;min-height:50px;border-bottom:solid 1px var(--color-border-1, rgb(232, 232, 232));color:var(--color-text-2, #4E5969)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@gopowerteam/modal-render",
3
3
  "type": "module",
4
- "version": "0.0.34",
4
+ "version": "0.0.35",
5
5
  "author": {
6
6
  "name": "zhuchentong",
7
7
  "email": "2037630@gmail.com"