@gopowerteam/modal-render 0.0.29 → 0.0.30

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");const N=Symbol("__MODAL__");function H(n){return e.getCurrentScope()?(e.onScopeDispose(n),!0):!1}function w(n){return typeof n=="function"?n():e.unref(n)}const z=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const I=Object.prototype.toString,W=n=>I.call(n)==="[object Object]",j=()=>{};function G(n,s={}){if(!e.isRef(n))return e.toRefs(n);const r=Array.isArray(n.value)?Array.from({length:n.value.length}):{};for(const t in n.value)r[t]=e.customRef(()=>({get(){return n.value[t]},set(a){var l;if((l=w(s.replaceRef))!=null?l:!0)if(Array.isArray(n.value)){const y=[...n.value];y[t]=a,n.value=y}else{const y={...n.value,[t]:a};Object.setPrototypeOf(y,Object.getPrototypeOf(n.value)),n.value=y}else n.value[t]=a}}));return r}function K(n){var s;const r=w(n);return(s=r==null?void 0:r.$el)!=null?s:r}const D=z?window:void 0;function P(...n){let s,r,t,a;if(typeof n[0]=="string"||Array.isArray(n[0])?([r,t,a]=n,s=D):[s,r,t,a]=n,!s)return j;Array.isArray(r)||(r=[r]),Array.isArray(t)||(t=[t]);const l=[],p=()=>{l.forEach(m=>m()),l.length=0},y=(m,h,i,f)=>(m.addEventListener(h,i,f),()=>m.removeEventListener(h,i,f)),C=e.watch(()=>[K(s),w(a)],([m,h])=>{if(p(),!m)return;const i=W(h)?{...h}:h;l.push(...r.flatMap(f=>t.map(c=>y(m,f,c,i))))},{immediate:!0,flush:"post"}),b=()=>{C(),p()};return H(b),b}function X(n,s={}){var r,t;const{pointerTypes:a,preventDefault:l,stopPropagation:p,exact:y,onMove:C,onEnd:b,onStart:m,initialValue:h,axis:i="both",draggingElement:f=D,containerElement:c,handle:v=n}=s,d=e.ref((r=w(h))!=null?r:{x:0,y:0}),k=e.ref(),E=u=>a?a.includes(u.pointerType):!0,x=u=>{w(l)&&u.preventDefault(),w(p)&&u.stopPropagation()},L=u=>{var S;if(!E(u)||w(y)&&u.target!==w(n))return;const _=w(c),B=(S=_==null?void 0:_.getBoundingClientRect)==null?void 0:S.call(_),o=w(n).getBoundingClientRect(),g={x:u.clientX-(_?o.left-B.left:o.left),y:u.clientY-(_?o.top-B.top:o.top)};(m==null?void 0:m(g,u))!==!1&&(k.value=g,x(u))},A=u=>{var S;if(!E(u)||!k.value)return;const _=w(c),B=(S=_==null?void 0:_.getBoundingClientRect)==null?void 0:S.call(_),o=w(n).getBoundingClientRect();let{x:g,y:M}=d.value;(i==="x"||i==="both")&&(g=u.clientX-k.value.x,_&&(g=Math.min(Math.max(0,g),B.width-o.width))),(i==="y"||i==="both")&&(M=u.clientY-k.value.y,_&&(M=Math.min(Math.max(0,M),B.height-o.height))),d.value={x:g,y:M},C==null||C(d.value,u),x(u)},T=u=>{E(u)&&k.value&&(k.value=void 0,b==null||b(d.value,u),x(u))};if(z){const u={capture:(t=s.capture)!=null?t:!0};P(v,"pointerdown",L,u),P(f,"pointermove",A,u),P(f,"pointerup",T,u)}return{...G(d),position:d,isDragging:e.computed(()=>!!k.value),style:e.computed(()=>`left:${d.value.x}px;top:${d.value.y}px;`)}}const R=n=>(e.pushScopeId("data-v-4af3c744"),n=n(),e.popScopeId(),n),Y={class:"title text-16px font-bold"},q={class:"action"},U=R(()=>e.createElementVNode("div",{id:"modal-header-slot"},null,-1)),J=R(()=>e.createElementVNode("div",{id:"modal-footer-slot"},null,-1)),Q={key:1,class:"modal-footer space-x-2"},Z=["form"],ee={key:2,class:"modal-loading"},te=R(()=>e.createElementVNode("div",{class:"lds-ring"},[e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div")],-1)),oe=[te],ne={name:"ModalContainer",inheritAttrs:!0},re=e.defineComponent({...ne,props:{id:{},form:{},component:{},componentProps:{},width:{},maxWidth:{},maxHeight:{},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:"取消"}},emits:["submit"],setup(n,{expose:s,emit:r}){const t=n,a=r,l=e.inject(N),p=e.ref(!1);let y=0,C=0;const b=e.shallowRef(),m=e.shallowRef(),h=e.shallowRef(),{x:i,y:f}=X(h,{initialValue:{x:0,y:0}});function c(){l==null||l.close(t.id)}function v(o){if(typeof o=="number")return`${o}px`;if(typeof o=="string")return o}const d=e.computed(()=>{const o={};return t.mode==="dialog"&&(o.justifyContent="center"),t.mode==="drawer"&&(o.justifyContent="flex-end"),o}),k=e.computed(()=>{const o={};return t.size&&(o.width=v(t.sizes[t.size])),t.width&&(o.width=v(t.width)),t.maxWidth&&(o.maxWidth=v(t.maxWidth)),t.fullscreen&&(o.maxWidth="unset",o.width="100%",o.position="fixed",o.top=0,o.left=0,o.bottom=0,o.right=0,o.borderRadius=0),t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(o.transform=`translate3d(${i.value-y}px, ${f.value-C}px, 0px)`),t.mode==="drawer"&&(o.borderRadius=0,o.height="100%"),t.offset&&t.mode==="dialog"&&(o.marginLeft=`${t.offset.x||0}px`,o.marginTop=`${t.offset.y||0}px`),t.backgroundColor&&(o.backgroundColor=t.backgroundColor),o}),E=e.computed(()=>{const o={};return t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(o.cursor="move"),o}),x=e.computed(()=>{var g;const o={};return t.maxHeight&&(o.maxHeight=`calc(${(g=v(t.maxHeight))==null?void 0:g.replace("%","vh")} - 50px)`),t.mode==="drawer"&&(o.maxHeight="unset",o.height=`calc(100% - ${(t.header?50:0)+(t.footer?50:0)}px)`),t.fullscreen&&(o.maxHeight="unset",o.height=`calc(100% - ${(t.header?50:0)+(t.footer?50:0)}px)`),t.type!=="component"&&(o.padding="0"),t.bodyStyle&&Object.assign(o,t.bodyStyle),o});function L(){const o=m.value;if(t.form&&o){const g=o.querySelector(`form[name="${t.form}"]`);g&&g.dispatchEvent(new Event("submit"))}a("submit")}function A(){l==null||l.close(t.id)}function T(){window&&window.addEventListener("resize",()=>{e.triggerRef(b),e.triggerRef(m),m.value&&(y=m.value.offsetLeft,C=m.value.offsetTop)})}function u(){if(t.closeable&&t.esc){const o=({key:g})=>{g==="Escape"&&(l==null||l.close(t.id),window.removeEventListener("keydown",o))};window.addEventListener("keydown",o)}}function S(){y=m.value.offsetLeft,C=m.value.offsetTop}e.onMounted(()=>{u(),T()}),e.onUnmounted(()=>{});function _(){return p.value=!0,()=>B()}function B(){p.value=!1}return s({showLoading:_,hideLoading:B}),(o,g)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:b,class:"modal-wrapper",style:e.normalizeStyle(d.value),onClick:g[0]||(g[0]=e.withModifiers(M=>o.maskClosable&&c(),["self"]))},[e.createElementVNode("div",{ref_key:"contentRef",ref:m,class:e.normalizeClass(["modal-content",{[`${o.mode}-mode`]:!0}]),style:e.normalizeStyle(k.value)},[o.header?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:h,class:"modal-header",style:e.normalizeStyle(E.value),onMousedown:S},[e.createElementVNode("div",Y,e.toDisplayString(o.title),1),e.createElementVNode("div",q,[o.closeable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"i-icon-park-outline:close block cursor-pointer",onClick:c})):e.createCommentVNode("",!0)])],36)):e.createCommentVNode("",!0),U,e.createElementVNode("div",{class:"modal-body",style:e.normalizeStyle(x.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.component),e.normalizeProps(e.guardReactiveProps(o.componentProps)),null,16))],4),J,o.footer?(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("button",{class:"cancel-button",type:"button",onClick:A},e.toDisplayString(o.cancelText),1),e.createElementVNode("button",{class:"submit-button",form:o.form,type:"submit",onClick:L},e.toDisplayString(o.submitText),9,Z)])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("div",ee,oe)):e.createCommentVNode("",!0)],6)],4))}});const $=(n,s)=>{const r=n.__vccOpts||n;for(const[t,a]of s)r[t]=a;return r},O=$(re,[["__scopeId","data-v-4af3c744"]]),le={class:"modal-dialog"},ie={class:"dialog-body"},se={class:"dialog-title"},ae={class:"dialog-content"},ce=e.defineComponent({__name:"modal-dialog",props:{type:{},title:{},content:{},okText:{default:"确定"},cancelText:{default:"取消"},onOk:{},onCancel:{},footer:{}},setup(n){const s=n,r=F(),t=e.computed(()=>s.title?s.title:{confirm:"提示",info:"提示",warning:"警告",error:"错误",success:"成功"}[s.type]);async function a(){s.onOk&&await s.onOk(),r.close()}async function l(){s.onCancel&&await s.onCancel(),r.close()}return(p,y)=>(e.openBlock(),e.createElementBlock("section",le,[e.createElementVNode("div",ie,[e.createElementVNode("div",se,e.toDisplayString(t.value),1),e.createElementVNode("div",ae,e.toDisplayString(p.content),1)]),e.createElementVNode("div",{class:"dialog-footer space-x-2",style:e.normalizeStyle(p.type==="confirm"?{"justify-content":"end"}:{"border-top":"none"})},[p.footer?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.footer),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("button",{class:"submit-button",type:"submit",onClick:a},e.toDisplayString(p.okText),1),p.type==="confirm"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"cancel-button",type:"button",onClick:l},e.toDisplayString(p.cancelText),1)):e.createCommentVNode("",!0)],64))],4)]))}});const de=$(ce,[["__scopeId","data-v-8326e5a5"]]),ue={key:0,class:"modal-teleport"},fe={name:"ModalProvider",inheritAttrs:!0},pe=e.defineComponent({...fe,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(n,{expose:s}){const r=e.shallowRef([]),t=e.ref(!1),a=e.getCurrentInstance();function l(i,f={},c={}){const v=e.defineAsyncComponent(()=>Promise.resolve(typeof i=="string"?de:i));typeof i=="string"&&(f.type=i,c.size="small",c.fullscreen=!1,c.mode="dialog",c.footer=!1,c.header=!1);const d=Math.random().toString(32).slice(2),k=new Promise((E,x)=>{r.value.push({id:d,component:v,props:f||{},options:{...c,type:typeof i=="string"?i:"component"},resolve:E,reject:x,listeners:[]}),e.triggerRef(r)}).catch(E=>E==="CANCEL"?new Promise(()=>{}):Promise.reject(E));return Object.assign(k,{close:()=>p(d)})}function p(i,f){const c=r.value.findIndex(d=>d.id===i);if(c<0)return;const v=r.value[c];f===void 0?v==null||v.reject("CANCEL"):v==null||v.resolve(f),r.value.splice(c,1),e.triggerRef(r)}function y(){!r.value||r.value.length===0||(r.value.forEach(i=>{i==null||i.reject("CANCEL")}),r.value=[],e.triggerRef(r))}function C(i,f){const c=r.value.find(d=>d.id===i);if(!c)return;const v=c.listeners.find(d=>d.event===f);v&&v.callback({open:l,close:d=>p(c.id,d),closeAll:y,showLoading:()=>b(c.id),hideLoading:()=>m(c.id),confirm:d=>l("confirm",d),success:d=>l("success",d),error:d=>l("error",d),warning:d=>l("warning",d),info:d=>l("info",d)})}function b(i){if(!a)return;const[f]=a.refs[`modal-container_${i}`];if(f)return f.showLoading()}function m(i){if(!a)return;const[f]=a.refs[`modal-container_${i}`];if(f)return f.hideLoading()}function h(i,f,c){const v=r.value.find(d=>d.id===i);v&&v.listeners.push({event:f,callback:c})}return e.provide(N,{open:l,close:p,closeAll:y,addEventListener:h}),s({elements:r,open:l,close:p,closeAll:y}),e.onMounted(()=>{t.value=!0}),(i,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(i.$slots,"default",{},void 0,!0),t.value?(e.openBlock(),e.createElementBlock("div",ue,[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!i.appendToBody,to:typeof i.appendToBody=="string"?i.appendToBody:"body"},[e.createVNode(e.TransitionGroup,{name:"modal-fade"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,c=>(e.openBlock(),e.createBlock(O,e.mergeProps({id:c.id,key:c.id,ref_for:!0,ref:`modal-container_${c.id}`,component:c.component,"component-props":c.props,"max-height":i.maxHeight,"max-width":i.maxWidth,offset:i.offset,sizes:i.sizes},c.options,{onSubmit:()=>C(c.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 me=$(pe,[["__scopeId","data-v-241a8304"]]);const ve={},ye={class:"modal-footer"};function ge(n,s){return e.openBlock(),e.createBlock(e.Teleport,{to:"#modal-footer-slot"},[e.createElementVNode("div",ye,[e.renderSlot(n.$slots,"default",{},void 0,!0)])])}const he=$(ve,[["render",ge],["__scopeId","data-v-2080a86e"]]);const _e={},we={class:"modal-header"};function ke(n,s){return e.openBlock(),e.createBlock(e.Teleport,{to:"#modal-header-slot"},[e.createElementVNode("div",we,[e.renderSlot(n.$slots,"default",{},void 0,!0)])])}const Ce=$(_e,[["render",ke],["__scopeId","data-v-d0247172"]]);function V(n,s){var t,a;let r=n==null?void 0:n.parent;for(;r&&((t=r==null?void 0:r.type)==null?void 0:t.name)!==s;)r=r.parent;return((a=r==null?void 0:r.type)==null?void 0:a.name)===s?r:null}function F(){const n=e.inject(N),s=e.getCurrentInstance();function r(t,a,l){if(!n)throw new Error("Not Found Modal Provider Component");return n.open(t,a,l)}return{open:r,close(t){var p;if(!n)throw new Error("Not Found Modal Provider Component");const a=V(s,"ModalContainer"),l=(p=a==null?void 0:a.props)==null?void 0:p.id;if(!l)throw new Error("Not Found Current Modal Container");n.close(l,t)},closeAll(){if(!n)throw new Error("Not Found Modal Provider Component");n.closeAll()},showLoading(){var l;if(!n)throw new Error("Not Found Modal Provider Component");const t=V(s,"ModalContainer");if(!((l=t==null?void 0:t.props)==null?void 0:l.id))throw new Error("Not Found Current Modal Container");t!=null&&t.exposed&&(t==null||t.exposed.showLoading())},hideLoading(){var l;if(!n)throw new Error("Not Found Modal Provider Component");const t=V(s,"ModalContainer");if(!((l=t==null?void 0:t.props)==null?void 0:l.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 be(n){var l;const s=e.inject(N),r=e.getCurrentInstance(),t=V(r,"ModalContainer"),a=(l=t==null?void 0:t.props)==null?void 0:l.id;s&&a&&s.addEventListener(a,"submit",n)}exports.ModalContainer=O;exports.ModalFooter=he;exports.ModalHeader=Ce;exports.ModalKey=N;exports.ModalProvider=me;exports.onSubmit=be;exports.useModal=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");const A=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 U=Object.prototype.toString,J=o=>U.call(o)==="[object Object]",Q=()=>{};function Z(o,s={}){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(c){var i;if((i=k(s.replaceRef))!=null?i:!0)if(Array.isArray(o.value)){const m=[...o.value];m[t]=c,o.value=m}else{const m={...o.value,[t]:c};Object.setPrototypeOf(m,Object.getPrototypeOf(o.value)),o.value=m}else o.value[t]=c}}));return n}function ee(o,s=!0){e.getCurrentInstance()?e.onMounted(o):s?o():e.nextTick(o)}function R(o){var s;const n=k(o);return(s=n==null?void 0:n.$el)!=null?s:n}const O=j?window:void 0;function F(...o){let s,n,t,c;if(typeof o[0]=="string"||Array.isArray(o[0])?([n,t,c]=o,s=O):[s,n,t,c]=o,!s)return Q;Array.isArray(n)||(n=[n]),Array.isArray(t)||(t=[t]);const i=[],u=()=>{i.forEach(v=>v()),i.length=0},m=(v,d,l,f)=>(v.addEventListener(d,l,f),()=>v.removeEventListener(d,l,f)),y=e.watch(()=>[R(s),k(c)],([v,d])=>{if(u(),!v)return;const l=J(d)?{...d}:d;i.push(...n.flatMap(f=>t.map(a=>m(v,f,a,l))))},{immediate:!0,flush:"post"}),_=()=>{y(),u()};return W(_),_}function te(){const o=e.ref(!1);return e.getCurrentInstance()&&e.onMounted(()=>{o.value=!0}),o}function oe(o){const s=te();return e.computed(()=>(s.value,!!o()))}function ne(o,s={}){var n,t;const{pointerTypes:c,preventDefault:i,stopPropagation:u,exact:m,onMove:y,onEnd:_,onStart:v,initialValue:d,axis:l="both",draggingElement:f=O,containerElement:a,handle:g=o}=s,p=e.ref((n=k(d))!=null?n:{x:0,y:0}),b=e.ref(),E=h=>c?c.includes(h.pointerType):!0,B=h=>{k(i)&&h.preventDefault(),k(u)&&h.stopPropagation()},D=h=>{var M;if(!E(h)||k(m)&&h.target!==k(o))return;const w=k(a),N=(M=w==null?void 0:w.getBoundingClientRect)==null?void 0:M.call(w),x=k(o).getBoundingClientRect(),S={x:h.clientX-(w?x.left-N.left:x.left),y:h.clientY-(w?x.top-N.top:x.top)};(v==null?void 0:v(S,h))!==!1&&(b.value=S,B(h))},T=h=>{var M;if(!E(h)||!b.value)return;const w=k(a),N=(M=w==null?void 0:w.getBoundingClientRect)==null?void 0:M.call(w),x=k(o).getBoundingClientRect();let{x:S,y:V}=p.value;(l==="x"||l==="both")&&(S=h.clientX-b.value.x,w&&(S=Math.min(Math.max(0,S),N.width-x.width))),(l==="y"||l==="both")&&(V=h.clientY-b.value.y,w&&(V=Math.min(Math.max(0,V),N.height-x.height))),p.value={x:S,y:V},y==null||y(p.value,h),B(h)},$=h=>{E(h)&&b.value&&(b.value=void 0,_==null||_(p.value,h),B(h))};if(j){const h={capture:(t=s.capture)!=null?t:!0};F(g,"pointerdown",D,h),F(f,"pointermove",T,h),F(f,"pointerup",$,h)}return{...Z(p),position:p,isDragging:e.computed(()=>!!b.value),style:e.computed(()=>`left:${p.value.x}px;top:${p.value.y}px;`)}}function re(o,s,n={}){const{window:t=O,...c}=n;let i;const u=oe(()=>t&&"ResizeObserver"in t),m=()=>{i&&(i.disconnect(),i=void 0)},y=e.computed(()=>Array.isArray(o)?o.map(d=>R(d)):[R(o)]),_=e.watch(y,d=>{if(m(),u.value&&t){i=new ResizeObserver(s);for(const l of d)l&&i.observe(l,c)}},{immediate:!0,flush:"post",deep:!0}),v=()=>{m(),_()};return W(v),{isSupported:u,stop:v}}function z(o,s={width:0,height:0},n={}){const{window:t=O,box:c="content-box"}=n,i=e.computed(()=>{var d,l;return(l=(d=R(o))==null?void 0:d.namespaceURI)==null?void 0:l.includes("svg")}),u=e.ref(s.width),m=e.ref(s.height),{stop:y}=re(o,([d])=>{const l=c==="border-box"?d.borderBoxSize:c==="content-box"?d.contentBoxSize:d.devicePixelContentBoxSize;if(t&&i.value){const f=R(o);if(f){const a=t.getComputedStyle(f);u.value=Number.parseFloat(a.width),m.value=Number.parseFloat(a.height)}}else if(l){const f=Array.isArray(l)?l:[l];u.value=f.reduce((a,{inlineSize:g})=>a+g,0),m.value=f.reduce((a,{blockSize:g})=>a+g,0)}else u.value=d.contentRect.width,m.value=d.contentRect.height},n);ee(()=>{const d=R(o);d&&(u.value="offsetWidth"in d?d.offsetWidth:s.width,m.value="offsetHeight"in d?d.offsetHeight:s.height)});const _=e.watch(()=>R(o),d=>{u.value=d?s.width:0,m.value=d?s.height:0});function v(){y(),_()}return{width:u,height:m,stop:v}}const le=o=>(e.pushScopeId("data-v-eaa553bd"),o=o(),e.popScopeId(),o),se={class:"title text-16px font-bold"},ie={class:"action"},ae=["form"],ce={key:2,class:"modal-loading"},de=le(()=>e.createElementVNode("div",{class:"lds-ring"},[e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div")],-1)),ue=[de],fe={name:"ModalContainer",inheritAttrs:!0},pe=e.defineComponent({...fe,props:{id:{},form:{},component:{},componentProps:{},width:{},maxWidth:{},maxHeight:{},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:"取消"}},emits:["submit"],setup(o,{expose:s,emit:n}){const t=o,c=n,i=e.inject(A),u=e.ref(!1);let m=0,y=0;const _=e.shallowRef(),v=e.shallowRef(),d=e.shallowRef(),l=e.shallowRef(),f=e.shallowRef(),a=e.shallowRef(),{height:g}=z(d),{height:p}=z(l),{height:b}=z(f),{height:E}=z(a),{x:B,y:D}=ne(d,{initialValue:{x:0,y:0}});function T(){i==null||i.close(t.id)}function $(r){if(typeof r=="number")return`${r}px`;if(typeof r=="string")return r}const h=e.computed(()=>{const r={};return t.mode==="dialog"&&(r.justifyContent="center"),t.mode==="drawer"&&(r.justifyContent="flex-end"),r}),M=e.computed(()=>{const r={};return t.size&&(r.width=$(t.sizes[t.size])),t.width&&(r.width=$(t.width)),t.maxWidth&&(r.maxWidth=$(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(${B.value-m}px, ${D.value-y}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}),w=e.computed(()=>{const r={};return t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(r.cursor="move"),r}),N=e.computed(()=>{var H;const r={},C=b.value+E.value+g.value+p.value;return t.maxHeight&&(r.maxHeight=`calc(${(H=$(t.maxHeight))==null?void 0:H.replace("%","vh")} - ${C}px)`),t.mode==="drawer"&&(r.maxHeight="unset",r.height=`calc(100% - ${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 x(){const r=v.value;if(t.form&&r){const C=r.querySelector(`form[name="${t.form}"]`);C&&C.dispatchEvent(new Event("submit"))}c("submit")}function S(){i==null||i.close(t.id)}function V(){window&&window.addEventListener("resize",()=>{e.triggerRef(_),e.triggerRef(v),v.value&&(m=v.value.offsetLeft,y=v.value.offsetTop)})}function X(){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 Y(){m=v.value.offsetLeft,y=v.value.offsetTop}e.onMounted(()=>{X(),V()}),e.onUnmounted(()=>{});function q(){return u.value=!0,()=>I()}function I(){u.value=!1}return s({showLoading:q,hideLoading:I}),(r,C)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:_,class:"modal-wrapper",style:e.normalizeStyle(h.value),onClick:C[0]||(C[0]=e.withModifiers(H=>r.maskClosable&&T(),["self"]))},[e.createTextVNode(e.toDisplayString(e.unref(b))+" ",1),e.createElementVNode("div",{ref_key:"contentRef",ref:v,class:e.normalizeClass(["modal-content",{[`${r.mode}-mode`]:!0}]),style:e.normalizeStyle(M.value)},[r.header?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:d,class:"modal-header",style:e.normalizeStyle(w.value),onMousedown:Y},[e.createElementVNode("div",se,e.toDisplayString(r.title),1),e.createElementVNode("div",ie,[r.closeable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"i-icon-park-outline:close block cursor-pointer",onClick:T})):e.createCommentVNode("",!0)])],36)):e.createCommentVNode("",!0),e.createElementVNode("div",{id:"modal-header-slot",ref_key:"headerSlotRef",ref:f},null,512),e.createElementVNode("div",{class:"modal-body",style:e.normalizeStyle(N.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:a},null,512),r.footer?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"footerRef",ref:l,class:"modal-footer space-x-2"},[e.createElementVNode("button",{class:"cancel-button",type:"button",onClick:S},e.toDisplayString(r.cancelText),1),e.createElementVNode("button",{class:"submit-button",form:r.form,type:"submit",onClick:x},e.toDisplayString(r.submitText),9,ae)],512)):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",ce,ue)):e.createCommentVNode("",!0)],6)],4))}});const L=(o,s)=>{const n=o.__vccOpts||o;for(const[t,c]of s)n[t]=c;return n},G=L(pe,[["__scopeId","data-v-eaa553bd"]]),me={class:"modal-dialog"},he={class:"dialog-body"},ve={class:"dialog-title"},ge={class:"dialog-content"},ye=e.defineComponent({__name:"modal-dialog",props:{type:{},title:{},content:{},okText:{default:"确定"},cancelText:{default:"取消"},onOk:{},onCancel:{},footer:{}},setup(o){const s=o,n=K(),t=e.computed(()=>s.title?s.title:{confirm:"提示",info:"提示",warning:"警告",error:"错误",success:"成功"}[s.type]);async function c(){s.onOk&&await s.onOk(),n.close()}async function i(){s.onCancel&&await s.onCancel(),n.close()}return(u,m)=>(e.openBlock(),e.createElementBlock("section",me,[e.createElementVNode("div",he,[e.createElementVNode("div",ve,e.toDisplayString(t.value),1),e.createElementVNode("div",ge,e.toDisplayString(u.content),1)]),e.createElementVNode("div",{class:"dialog-footer space-x-2",style:e.normalizeStyle(u.type==="confirm"?{"justify-content":"end"}:{"border-top":"none"})},[u.footer?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.footer),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("button",{class:"submit-button",type:"submit",onClick:c},e.toDisplayString(u.okText),1),u.type==="confirm"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"cancel-button",type:"button",onClick:i},e.toDisplayString(u.cancelText),1)):e.createCommentVNode("",!0)],64))],4)]))}});const _e=L(ye,[["__scopeId","data-v-8326e5a5"]]),we={key:0,class:"modal-teleport"},be={name:"ModalProvider",inheritAttrs:!0},ke=e.defineComponent({...be,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:s}){const n=e.shallowRef([]),t=e.ref(!1),c=e.getCurrentInstance();function i(l,f={},a={}){const g=e.defineAsyncComponent(()=>Promise.resolve(typeof l=="string"?_e:l));typeof l=="string"&&(f.type=l,a.size="small",a.fullscreen=!1,a.mode="dialog",a.footer=!1,a.header=!1);const p=Math.random().toString(32).slice(2),b=new Promise((E,B)=>{n.value.push({id:p,component:g,props:f||{},options:{...a,type:typeof l=="string"?l:"component"},resolve:E,reject:B,listeners:[]}),e.triggerRef(n)}).catch(E=>E==="CANCEL"?new Promise(()=>{}):Promise.reject(E));return Object.assign(b,{close:()=>u(p)})}function u(l,f){const a=n.value.findIndex(p=>p.id===l);if(a<0)return;const g=n.value[a];f===void 0?g==null||g.reject("CANCEL"):g==null||g.resolve(f),n.value.splice(a,1),e.triggerRef(n)}function m(){!n.value||n.value.length===0||(n.value.forEach(l=>{l==null||l.reject("CANCEL")}),n.value=[],e.triggerRef(n))}function y(l,f){const a=n.value.find(p=>p.id===l);if(!a)return;const g=a.listeners.find(p=>p.event===f);g&&g.callback({open:i,close:p=>u(a.id,p),closeAll:m,showLoading:()=>_(a.id),hideLoading:()=>v(a.id),confirm:p=>i("confirm",p),success:p=>i("success",p),error:p=>i("error",p),warning:p=>i("warning",p),info:p=>i("info",p)})}function _(l){if(!c)return;const[f]=c.refs[`modal-container_${l}`];if(f)return f.showLoading()}function v(l){if(!c)return;const[f]=c.refs[`modal-container_${l}`];if(f)return f.hideLoading()}function d(l,f,a){const g=n.value.find(p=>p.id===l);g&&g.listeners.push({event:f,callback:a})}return e.provide(A,{open:i,close:u,closeAll:m,addEventListener:d}),s({elements:n,open:i,close:u,closeAll:m}),e.onMounted(()=>{t.value=!0}),(l,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(l.$slots,"default",{},void 0,!0),t.value?(e.openBlock(),e.createElementBlock("div",we,[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!l.appendToBody,to:typeof l.appendToBody=="string"?l.appendToBody:"body"},[e.createVNode(e.TransitionGroup,{name:"modal-fade"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,a=>(e.openBlock(),e.createBlock(G,e.mergeProps({id:a.id,key:a.id,ref_for:!0,ref:`modal-container_${a.id}`,component:a.component,"component-props":a.props,"max-height":l.maxHeight,"max-width":l.maxWidth,offset:l.offset,sizes:l.sizes},a.options,{onSubmit:()=>y(a.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 Ce=L(ke,[["__scopeId","data-v-241a8304"]]);const Ee={},xe={class:"modal-footer"};function Se(o,s){return e.openBlock(),e.createBlock(e.Teleport,{to:"#modal-footer-slot"},[e.createElementVNode("div",xe,[e.renderSlot(o.$slots,"default",{},void 0,!0)])])}const Be=L(Ee,[["render",Se],["__scopeId","data-v-2080a86e"]]);const Me={},Ne={class:"modal-header"};function Re(o,s){return e.openBlock(),e.createBlock(e.Teleport,{to:"#modal-header-slot"},[e.createElementVNode("div",Ne,[e.renderSlot(o.$slots,"default",{},void 0,!0)])])}const $e=L(Me,[["render",Re],["__scopeId","data-v-d0247172"]]);function P(o,s){var t,c;let n=o==null?void 0:o.parent;for(;n&&((t=n==null?void 0:n.type)==null?void 0:t.name)!==s;)n=n.parent;return((c=n==null?void 0:n.type)==null?void 0:c.name)===s?n:null}function K(){const o=e.inject(A),s=e.getCurrentInstance();function n(t,c,i){if(!o)throw new Error("Not Found Modal Provider Component");return o.open(t,c,i)}return{open:n,close(t){var u;if(!o)throw new Error("Not Found Modal Provider Component");const c=P(s,"ModalContainer"),i=(u=c==null?void 0:c.props)==null?void 0:u.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=P(s,"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=P(s,"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 Ve(o){var i;const s=e.inject(A),n=e.getCurrentInstance(),t=P(n,"ModalContainer"),c=(i=t==null?void 0:t.props)==null?void 0:i.id;s&&c&&s.addEventListener(c,"submit",o)}exports.ModalContainer=G;exports.ModalFooter=Be;exports.ModalHeader=$e;exports.ModalKey=A;exports.ModalProvider=Ce;exports.onSubmit=Ve;exports.useModal=K;

package/dist/es/index.mjs

@@ -1,141 +1,215 @@
-import { unref as ne, isRef as re, toRefs as ie, customRef as se, getCurrentScope as le, onScopeDispose as ae, ref as H, computed as A, watch as de, defineComponent as Y, inject as K, shallowRef as D, onMounted as Z, onUnmounted as ce, openBlock as g, createElementBlock as x, normalizeStyle as z, withModifiers as ue, createElementVNode as v, normalizeClass as fe, toDisplayString as P, createCommentVNode as T, createBlock as B, resolveDynamicComponent as ee, normalizeProps as pe, guardReactiveProps as me, triggerRef as R, pushScopeId as ve, popScopeId as he, Fragment as X, getCurrentInstance as q, provide as ye, renderSlot as U, Teleport as J, createVNode as ge, TransitionGroup as _e, withCtx as we, renderList as be, mergeProps as Ce, defineAsyncComponent as xe } from "vue";
-const W = Symbol("__MODAL__");
-function ke(o) {
-  return le() ? (ae(o), !0) : !1;
+import { unref as le, isRef as ve, toRefs as he, customRef as me, getCurrentInstance as V, onMounted as K, nextTick as ye, getCurrentScope as ge, onScopeDispose as _e, ref as z, computed as $, watch as te, defineComponent as oe, inject as ne, shallowRef as T, onUnmounted as we, openBlock as g, createElementBlock as M, normalizeStyle as D, withModifiers as be, createTextVNode as xe, toDisplayString as L, createElementVNode as y, normalizeClass as Ce, createCommentVNode as F, createBlock as W, resolveDynamicComponent as ae, normalizeProps as ke, guardReactiveProps as Me, triggerRef as I, pushScopeId as Se, popScopeId as $e, Fragment as ee, provide as Ee, renderSlot as se, Teleport as re, createVNode as Ae, TransitionGroup as Le, withCtx as Re, renderList as Be, mergeProps as Pe, defineAsyncComponent as Te } from "vue";
+const U = Symbol("__MODAL__");
+function de(t) {
+  return ge() ? (_e(t), !0) : !1;
 }
-function b(o) {
-  return typeof o == "function" ? o() : ne(o);
+function C(t) {
+  return typeof t == "function" ? t() : le(t);
 }
-const te = typeof window < "u" && typeof document < "u";
+const ce = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Me = Object.prototype.toString, Ee = (o) => Me.call(o) === "[object Object]", $e = () => {
+const Oe = Object.prototype.toString, ze = (t) => Oe.call(t) === "[object Object]", He = () => {
 };
-function Se(o, s = {}) {
-  if (!re(o))
-    return ie(o);
-  const n = Array.isArray(o.value) ? Array.from({ length: o.value.length }) : {};
-  for (const e in o.value)
-    n[e] = se(() => ({
+function Ne(t, r = {}) {
+  if (!ve(t))
+    return he(t);
+  const o = Array.isArray(t.value) ? Array.from({ length: t.value.length }) : {};
+  for (const e in t.value)
+    o[e] = me(() => ({
       get() {
-        return o.value[e];
+        return t.value[e];
       },
-      set(l) {
-        var r;
-        if ((r = b(s.replaceRef)) != null ? r : !0)
-          if (Array.isArray(o.value)) {
-            const h = [...o.value];
-            h[e] = l, o.value = h;
+      set(a) {
+        var i;
+        if ((i = C(r.replaceRef)) != null ? i : !0)
+          if (Array.isArray(t.value)) {
+            const p = [...t.value];
+            p[e] = a, t.value = p;
           } else {
-            const h = { ...o.value, [e]: l };
-            Object.setPrototypeOf(h, Object.getPrototypeOf(o.value)), o.value = h;
+            const p = { ...t.value, [e]: a };
+            Object.setPrototypeOf(p, Object.getPrototypeOf(t.value)), t.value = p;
           }
         else
-          o.value[e] = l;
+          t.value[e] = a;
       }
     }));
-  return n;
+  return o;
 }
-function Le(o) {
-  var s;
-  const n = b(o);
-  return (s = n == null ? void 0 : n.$el) != null ? s : n;
+function Fe(t, r = !0) {
+  V() ? K(t) : r ? t() : ye(t);
 }
-const oe = te ? window : void 0;
-function G(...o) {
-  let s, n, e, l;
-  if (typeof o[0] == "string" || Array.isArray(o[0]) ? ([n, e, l] = o, s = oe) : [s, n, e, l] = o, !s)
-    return $e;
-  Array.isArray(n) || (n = [n]), Array.isArray(e) || (e = [e]);
-  const r = [], f = () => {
-    r.forEach((p) => p()), r.length = 0;
-  }, h = (p, _, i, u) => (p.addEventListener(_, i, u), () => p.removeEventListener(_, i, u)), k = de(
-    () => [Le(s), b(l)],
-    ([p, _]) => {
-      if (f(), !p)
+function O(t) {
+  var r;
+  const o = C(t);
+  return (r = o == null ? void 0 : o.$el) != null ? r : o;
+}
+const q = ce ? window : void 0;
+function Z(...t) {
+  let r, o, e, a;
+  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([o, e, a] = t, r = q) : [r, o, e, a] = t, !r)
+    return He;
+  Array.isArray(o) || (o = [o]), Array.isArray(e) || (e = [e]);
+  const i = [], c = () => {
+    i.forEach((h) => h()), i.length = 0;
+  }, p = (h, d, s, u) => (h.addEventListener(d, s, u), () => h.removeEventListener(d, s, u)), _ = te(
+    () => [O(r), C(a)],
+    ([h, d]) => {
+      if (c(), !h)
         return;
-      const i = Ee(_) ? { ..._ } : _;
-      r.push(
-        ...n.flatMap((u) => e.map((a) => h(p, u, a, i)))
+      const s = ze(d) ? { ...d } : d;
+      i.push(
+        ...o.flatMap((u) => e.map((l) => p(h, u, l, s)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), M = () => {
-    k(), f();
+  ), w = () => {
+    _(), c();
   };
-  return ke(M), M;
+  return de(w), w;
+}
+function We() {
+  const t = z(!1);
+  return V() && K(() => {
+    t.value = !0;
+  }), t;
 }
-function Ae(o, s = {}) {
-  var n, e;
+function De(t) {
+  const r = We();
+  return $(() => (r.value, !!t()));
+}
+function Ie(t, r = {}) {
+  var o, e;
   const {
-    pointerTypes: l,
-    preventDefault: r,
-    stopPropagation: f,
-    exact: h,
-    onMove: k,
-    onEnd: M,
-    onStart: p,
-    initialValue: _,
-    axis: i = "both",
-    draggingElement: u = oe,
-    containerElement: a,
-    handle: m = o
-  } = s, d = H(
-    (n = b(_)) != null ? n : { x: 0, y: 0 }
-  ), C = H(), E = (c) => l ? l.includes(c.pointerType) : !0, S = (c) => {
-    b(r) && c.preventDefault(), b(f) && c.stopPropagation();
-  }, I = (c) => {
-    var L;
-    if (!E(c) || b(h) && c.target !== b(o))
+    pointerTypes: a,
+    preventDefault: i,
+    stopPropagation: c,
+    exact: p,
+    onMove: _,
+    onEnd: w,
+    onStart: h,
+    initialValue: d,
+    axis: s = "both",
+    draggingElement: u = q,
+    containerElement: l,
+    handle: m = t
+  } = r, f = z(
+    (o = C(d)) != null ? o : { x: 0, y: 0 }
+  ), x = z(), S = (v) => a ? a.includes(v.pointerType) : !0, R = (v) => {
+    C(i) && v.preventDefault(), C(c) && v.stopPropagation();
+  }, J = (v) => {
+    var B;
+    if (!S(v) || C(p) && v.target !== C(t))
       return;
-    const w = b(a), $ = (L = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : L.call(w), t = b(o).getBoundingClientRect(), y = {
-      x: c.clientX - (w ? t.left - $.left : t.left),
-      y: c.clientY - (w ? t.top - $.top : t.top)
+    const b = C(l), P = (B = b == null ? void 0 : b.getBoundingClientRect) == null ? void 0 : B.call(b), E = C(t).getBoundingClientRect(), A = {
+      x: v.clientX - (b ? E.left - P.left : E.left),
+      y: v.clientY - (b ? E.top - P.top : E.top)
     };
-    (p == null ? void 0 : p(y, c)) !== !1 && (C.value = y, S(c));
-  }, V = (c) => {
-    var L;
-    if (!E(c) || !C.value)
+    (h == null ? void 0 : h(A, v)) !== !1 && (x.value = A, R(v));
+  }, G = (v) => {
+    var B;
+    if (!S(v) || !x.value)
       return;
-    const w = b(a), $ = (L = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : L.call(w), t = b(o).getBoundingClientRect();
-    let { x: y, y: O } = d.value;
-    (i === "x" || i === "both") && (y = c.clientX - C.value.x, w && (y = Math.min(Math.max(0, y), $.width - t.width))), (i === "y" || i === "both") && (O = c.clientY - C.value.y, w && (O = Math.min(Math.max(0, O), $.height - t.height))), d.value = {
-      x: y,
-      y: O
-    }, k == null || k(d.value, c), S(c);
-  }, j = (c) => {
-    E(c) && C.value && (C.value = void 0, M == null || M(d.value, c), S(c));
+    const b = C(l), P = (B = b == null ? void 0 : b.getBoundingClientRect) == null ? void 0 : B.call(b), E = C(t).getBoundingClientRect();
+    let { x: A, y: N } = f.value;
+    (s === "x" || s === "both") && (A = v.clientX - x.value.x, b && (A = Math.min(Math.max(0, A), P.width - E.width))), (s === "y" || s === "both") && (N = v.clientY - x.value.y, b && (N = Math.min(Math.max(0, N), P.height - E.height))), f.value = {
+      x: A,
+      y: N
+    }, _ == null || _(f.value, v), R(v);
+  }, H = (v) => {
+    S(v) && x.value && (x.value = void 0, w == null || w(f.value, v), R(v));
   };
-  if (te) {
-    const c = { capture: (e = s.capture) != null ? e : !0 };
-    G(m, "pointerdown", I, c), G(u, "pointermove", V, c), G(u, "pointerup", j, c);
+  if (ce) {
+    const v = { capture: (e = r.capture) != null ? e : !0 };
+    Z(m, "pointerdown", J, v), Z(u, "pointermove", G, v), Z(u, "pointerup", H, v);
   }
   return {
-    ...Se(d),
-    position: d,
-    isDragging: A(() => !!C.value),
-    style: A(
-      () => `left:${d.value.x}px;top:${d.value.y}px;`
+    ...Ne(f),
+    position: f,
+    isDragging: $(() => !!x.value),
+    style: $(
+      () => `left:${f.value.x}px;top:${f.value.y}px;`
     )
   };
 }
-const Q = (o) => (ve("data-v-4af3c744"), o = o(), he(), o), Pe = { class: "title text-16px font-bold" }, Te = { class: "action" }, Be = /* @__PURE__ */ Q(() => /* @__PURE__ */ v("div", { id: "modal-header-slot" }, null, -1)), Oe = /* @__PURE__ */ Q(() => /* @__PURE__ */ v("div", { id: "modal-footer-slot" }, null, -1)), ze = {
-  key: 1,
-  class: "modal-footer space-x-2"
-}, Re = ["form"], Ne = {
+function Ve(t, r, o = {}) {
+  const { window: e = q, ...a } = o;
+  let i;
+  const c = De(() => e && "ResizeObserver" in e), p = () => {
+    i && (i.disconnect(), i = void 0);
+  }, _ = $(() => Array.isArray(t) ? t.map((d) => O(d)) : [O(t)]), w = te(
+    _,
+    (d) => {
+      if (p(), c.value && e) {
+        i = new ResizeObserver(r);
+        for (const s of d)
+          s && i.observe(s, a);
+      }
+    },
+    { immediate: !0, flush: "post", deep: !0 }
+  ), h = () => {
+    p(), w();
+  };
+  return de(h), {
+    isSupported: c,
+    stop: h
+  };
+}
+function X(t, r = { width: 0, height: 0 }, o = {}) {
+  const { window: e = q, box: a = "content-box" } = o, i = $(() => {
+    var d, s;
+    return (s = (d = O(t)) == null ? void 0 : d.namespaceURI) == null ? void 0 : s.includes("svg");
+  }), c = z(r.width), p = z(r.height), { stop: _ } = Ve(
+    t,
+    ([d]) => {
+      const s = a === "border-box" ? d.borderBoxSize : a === "content-box" ? d.contentBoxSize : d.devicePixelContentBoxSize;
+      if (e && i.value) {
+        const u = O(t);
+        if (u) {
+          const l = e.getComputedStyle(u);
+          c.value = Number.parseFloat(l.width), p.value = Number.parseFloat(l.height);
+        }
+      } else if (s) {
+        const u = Array.isArray(s) ? s : [s];
+        c.value = u.reduce((l, { inlineSize: m }) => l + m, 0), p.value = u.reduce((l, { blockSize: m }) => l + m, 0);
+      } else
+        c.value = d.contentRect.width, p.value = d.contentRect.height;
+    },
+    o
+  );
+  Fe(() => {
+    const d = O(t);
+    d && (c.value = "offsetWidth" in d ? d.offsetWidth : r.width, p.value = "offsetHeight" in d ? d.offsetHeight : r.height);
+  });
+  const w = te(
+    () => O(t),
+    (d) => {
+      c.value = d ? r.width : 0, p.value = d ? r.height : 0;
+    }
+  );
+  function h() {
+    _(), w();
+  }
+  return {
+    width: c,
+    height: p,
+    stop: h
+  };
+}
+const je = (t) => (Se("data-v-eaa553bd"), t = t(), $e(), t), Ge = { class: "title text-16px font-bold" }, Xe = { class: "action" }, Ye = ["form"], Ke = {
   key: 2,
   class: "modal-loading"
-}, De = /* @__PURE__ */ Q(() => /* @__PURE__ */ v("div", { class: "lds-ring" }, [
-  /* @__PURE__ */ v("div"),
-  /* @__PURE__ */ v("div"),
-  /* @__PURE__ */ v("div"),
-  /* @__PURE__ */ v("div")
-], -1)), Fe = [
-  De
-], He = {
+}, Ue = /* @__PURE__ */ je(() => /* @__PURE__ */ y("div", { class: "lds-ring" }, [
+  /* @__PURE__ */ y("div"),
+  /* @__PURE__ */ y("div"),
+  /* @__PURE__ */ y("div"),
+  /* @__PURE__ */ y("div")
+], -1)), qe = [
+  Ue
+], Je = {
   name: "ModalContainer",
   inheritAttrs: !0
-}, We = /* @__PURE__ */ Y({
-  ...He,
+}, Qe = /* @__PURE__ */ oe({
+  ...Je,
   props: {
     id: {},
     form: {},
@@ -163,137 +237,151 @@ const Q = (o) => (ve("data-v-4af3c744"), o = o(), he(), o), Pe = { class: "title
     cancelText: { default: "取消" }
   },
   emits: ["submit"],
-  setup(o, { expose: s, emit: n }) {
-    const e = o, l = n, r = K(W), f = H(!1);
-    let h = 0, k = 0;
-    const M = D(), p = D(), _ = D(), { x: i, y: u } = Ae(_, {
+  setup(t, { expose: r, emit: o }) {
+    const e = t, a = o, i = ne(U), c = z(!1);
+    let p = 0, _ = 0;
+    const w = T(), h = T(), d = T(), s = T(), u = T(), l = T(), { height: m } = X(d), { height: f } = X(s), { height: x } = X(u), { height: S } = X(l), { x: R, y: J } = Ie(d, {
       initialValue: { x: 0, y: 0 }
     });
-    function a() {
-      r == null || r.close(e.id);
+    function G() {
+      i == null || i.close(e.id);
     }
-    function m(t) {
-      if (typeof t == "number")
-        return `${t}px`;
-      if (typeof t == "string")
-        return t;
+    function H(n) {
+      if (typeof n == "number")
+        return `${n}px`;
+      if (typeof n == "string")
+        return n;
     }
-    const d = A(() => {
-      const t = {};
-      return e.mode === "dialog" && (t.justifyContent = "center"), e.mode === "drawer" && (t.justifyContent = "flex-end"), t;
-    }), C = A(() => {
-      const t = {};
-      return e.size && (t.width = m(e.sizes[e.size])), e.width && (t.width = m(e.width)), e.maxWidth && (t.maxWidth = m(e.maxWidth)), e.fullscreen && (t.maxWidth = "unset", t.width = "100%", t.position = "fixed", t.top = 0, t.left = 0, t.bottom = 0, t.right = 0, t.borderRadius = 0), e.draggable && !e.fullscreen && e.mode === "dialog" && (t.transform = `translate3d(${i.value - h}px, ${u.value - k}px, 0px)`), e.mode === "drawer" && (t.borderRadius = 0, t.height = "100%"), e.offset && e.mode === "dialog" && (t.marginLeft = `${e.offset.x || 0}px`, t.marginTop = `${e.offset.y || 0}px`), e.backgroundColor && (t.backgroundColor = e.backgroundColor), t;
-    }), E = A(() => {
-      const t = {};
-      return e.draggable && !e.fullscreen && e.mode === "dialog" && (t.cursor = "move"), t;
-    }), S = A(() => {
-      var y;
-      const t = {};
-      return e.maxHeight && (t.maxHeight = `calc(${(y = m(e.maxHeight)) == null ? void 0 : y.replace("%", "vh")} - 50px)`), e.mode === "drawer" && (t.maxHeight = "unset", t.height = `calc(100% - ${(e.header ? 50 : 0) + (e.footer ? 50 : 0)}px)`), e.fullscreen && (t.maxHeight = "unset", t.height = `calc(100% - ${(e.header ? 50 : 0) + (e.footer ? 50 : 0)}px)`), e.type !== "component" && (t.padding = "0"), e.bodyStyle && Object.assign(t, e.bodyStyle), t;
+    const v = $(() => {
+      const n = {};
+      return e.mode === "dialog" && (n.justifyContent = "center"), e.mode === "drawer" && (n.justifyContent = "flex-end"), n;
+    }), B = $(() => {
+      const n = {};
+      return e.size && (n.width = H(e.sizes[e.size])), e.width && (n.width = H(e.width)), e.maxWidth && (n.maxWidth = H(e.maxWidth)), e.fullscreen && (n.maxWidth = "unset", n.width = "100%", n.position = "fixed", n.top = 0, n.left = 0, n.bottom = 0, n.right = 0, n.borderRadius = 0), e.draggable && !e.fullscreen && e.mode === "dialog" && (n.transform = `translate3d(${R.value - p}px, ${J.value - _}px, 0px)`), e.mode === "drawer" && (n.borderRadius = 0, n.height = "100%"), e.offset && e.mode === "dialog" && (n.marginLeft = `${e.offset.x || 0}px`, n.marginTop = `${e.offset.y || 0}px`), e.backgroundColor && (n.backgroundColor = e.backgroundColor), n;
+    }), b = $(() => {
+      const n = {};
+      return e.draggable && !e.fullscreen && e.mode === "dialog" && (n.cursor = "move"), n;
+    }), P = $(() => {
+      var Q;
+      const n = {}, k = x.value + S.value + m.value + f.value;
+      return e.maxHeight && (n.maxHeight = `calc(${(Q = H(e.maxHeight)) == null ? void 0 : Q.replace("%", "vh")} - ${k}px)`), e.mode === "drawer" && (n.maxHeight = "unset", n.height = `calc(100% - ${k}px)`), e.fullscreen && (n.maxHeight = "unset", n.height = `calc(100% - ${k}px)`), e.type !== "component" && (n.padding = "0"), e.bodyStyle && Object.assign(n, e.bodyStyle), n;
     });
-    function I() {
-      const t = p.value;
-      if (e.form && t) {
-        const y = t.querySelector(`form[name="${e.form}"]`);
-        y && y.dispatchEvent(new Event("submit"));
+    function E() {
+      const n = h.value;
+      if (e.form && n) {
+        const k = n.querySelector(`form[name="${e.form}"]`);
+        k && k.dispatchEvent(new Event("submit"));
       }
-      l("submit");
+      a("submit");
     }
-    function V() {
-      r == null || r.close(e.id);
+    function A() {
+      i == null || i.close(e.id);
     }
-    function j() {
+    function N() {
       window && window.addEventListener("resize", () => {
-        R(M), R(p), p.value && (h = p.value.offsetLeft, k = p.value.offsetTop);
+        I(w), I(h), h.value && (p = h.value.offsetLeft, _ = h.value.offsetTop);
       });
     }
-    function c() {
+    function ue() {
       if (e.closeable && e.esc) {
-        const t = ({ key: y }) => {
-          y === "Escape" && (r == null || r.close(e.id), window.removeEventListener("keydown", t));
+        const n = ({ key: k }) => {
+          k === "Escape" && (i == null || i.close(e.id), window.removeEventListener("keydown", n));
         };
-        window.addEventListener("keydown", t);
+        window.addEventListener("keydown", n);
       }
     }
-    function L() {
-      h = p.value.offsetLeft, k = p.value.offsetTop;
+    function fe() {
+      p = h.value.offsetLeft, _ = h.value.offsetTop;
     }
-    Z(() => {
-      c(), j();
-    }), ce(() => {
+    K(() => {
+      ue(), N();
+    }), we(() => {
     });
-    function w() {
-      return f.value = !0, () => $();
+    function pe() {
+      return c.value = !0, () => ie();
     }
-    function $() {
-      f.value = !1;
+    function ie() {
+      c.value = !1;
     }
-    return s({
-      showLoading: w,
-      hideLoading: $
-    }), (t, y) => (g(), x("div", {
+    return r({
+      showLoading: pe,
+      hideLoading: ie
+    }), (n, k) => (g(), M("div", {
       ref_key: "wrapperRef",
-      ref: M,
+      ref: w,
       class: "modal-wrapper",
-      style: z(d.value),
-      onClick: y[0] || (y[0] = ue((O) => t.maskClosable && a(), ["self"]))
+      style: D(v.value),
+      onClick: k[0] || (k[0] = be((Q) => n.maskClosable && G(), ["self"]))
     }, [
-      v("div", {
+      xe(L(le(x)) + " ", 1),
+      y("div", {
         ref_key: "contentRef",
-        ref: p,
-        class: fe(["modal-content", { [`${t.mode}-mode`]: !0 }]),
-        style: z(C.value)
+        ref: h,
+        class: Ce(["modal-content", { [`${n.mode}-mode`]: !0 }]),
+        style: D(B.value)
       }, [
-        t.header ? (g(), x("div", {
+        n.header ? (g(), M("div", {
           key: 0,
           ref_key: "headerRef",
-          ref: _,
+          ref: d,
           class: "modal-header",
-          style: z(E.value),
-          onMousedown: L
+          style: D(b.value),
+          onMousedown: fe
         }, [
-          v("div", Pe, P(t.title), 1),
-          v("div", Te, [
-            t.closeable ? (g(), x("div", {
+          y("div", Ge, L(n.title), 1),
+          y("div", Xe, [
+            n.closeable ? (g(), M("div", {
               key: 0,
               class: "i-icon-park-outline:close block cursor-pointer",
-              onClick: a
-            })) : T("", !0)
+              onClick: G
+            })) : F("", !0)
           ])
-        ], 36)) : T("", !0),
-        Be,
-        v("div", {
+        ], 36)) : F("", !0),
+        y("div", {
+          id: "modal-header-slot",
+          ref_key: "headerSlotRef",
+          ref: u
+        }, null, 512),
+        y("div", {
           class: "modal-body",
-          style: z(S.value)
+          style: D(P.value)
         }, [
-          (g(), B(ee(t.component), pe(me(t.componentProps)), null, 16))
+          (g(), W(ae(n.component), ke(Me(n.componentProps)), null, 16))
         ], 4),
-        Oe,
-        t.footer ? (g(), x("div", ze, [
-          v("button", {
+        y("div", {
+          id: "modal-footer-slot",
+          ref_key: "footerSlotRef",
+          ref: l
+        }, null, 512),
+        n.footer ? (g(), M("div", {
+          key: 1,
+          ref_key: "footerRef",
+          ref: s,
+          class: "modal-footer space-x-2"
+        }, [
+          y("button", {
             class: "cancel-button",
             type: "button",
-            onClick: V
-          }, P(t.cancelText), 1),
-          v("button", {
+            onClick: A
+          }, L(n.cancelText), 1),
+          y("button", {
             class: "submit-button",
-            form: t.form,
+            form: n.form,
             type: "submit",
-            onClick: I
-          }, P(t.submitText), 9, Re)
-        ])) : T("", !0),
-        f.value ? (g(), x("div", Ne, Fe)) : T("", !0)
+            onClick: E
+          }, L(n.submitText), 9, Ye)
+        ], 512)) : F("", !0),
+        c.value ? (g(), M("div", Ke, qe)) : F("", !0)
       ], 6)
     ], 4));
   }
 });
-const N = (o, s) => {
-  const n = o.__vccOpts || o;
-  for (const [e, l] of s)
-    n[e] = l;
-  return n;
-}, Ie = /* @__PURE__ */ N(We, [["__scopeId", "data-v-4af3c744"]]), Ve = { class: "modal-dialog" }, je = { class: "dialog-body" }, Ge = { class: "dialog-title" }, Xe = { class: "dialog-content" }, Ye = /* @__PURE__ */ Y({
+const j = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [e, a] of r)
+    o[e] = a;
+  return o;
+}, Ze = /* @__PURE__ */ j(Qe, [["__scopeId", "data-v-eaa553bd"]]), et = { class: "modal-dialog" }, tt = { class: "dialog-body" }, ot = { class: "dialog-title" }, nt = { class: "dialog-content" }, st = /* @__PURE__ */ oe({
   __name: "modal-dialog",
   props: {
     type: {},
@@ -305,54 +393,54 @@ const N = (o, s) => {
     onCancel: {},
     footer: {}
   },
-  setup(o) {
-    const s = o, n = rt(), e = A(() => s.title ? s.title : {
+  setup(t) {
+    const r = t, o = ht(), e = $(() => r.title ? r.title : {
       confirm: "提示",
       info: "提示",
       warning: "警告",
       error: "错误",
       success: "成功"
-    }[s.type]);
-    async function l() {
-      s.onOk && await s.onOk(), n.close();
+    }[r.type]);
+    async function a() {
+      r.onOk && await r.onOk(), o.close();
     }
-    async function r() {
-      s.onCancel && await s.onCancel(), n.close();
+    async function i() {
+      r.onCancel && await r.onCancel(), o.close();
     }
-    return (f, h) => (g(), x("section", Ve, [
-      v("div", je, [
-        v("div", Ge, P(e.value), 1),
-        v("div", Xe, P(f.content), 1)
+    return (c, p) => (g(), M("section", et, [
+      y("div", tt, [
+        y("div", ot, L(e.value), 1),
+        y("div", nt, L(c.content), 1)
       ]),
-      v("div", {
+      y("div", {
         class: "dialog-footer space-x-2",
-        style: z(f.type === "confirm" ? { "justify-content": "end" } : { "border-top": "none" })
+        style: D(c.type === "confirm" ? { "justify-content": "end" } : { "border-top": "none" })
       }, [
-        f.footer ? (g(), B(ee(f.footer), { key: 0 })) : (g(), x(X, { key: 1 }, [
-          v("button", {
+        c.footer ? (g(), W(ae(c.footer), { key: 0 })) : (g(), M(ee, { key: 1 }, [
+          y("button", {
             class: "submit-button",
             type: "submit",
-            onClick: l
-          }, P(f.okText), 1),
-          f.type === "confirm" ? (g(), x("button", {
+            onClick: a
+          }, L(c.okText), 1),
+          c.type === "confirm" ? (g(), M("button", {
             key: 0,
             class: "cancel-button",
             type: "button",
-            onClick: r
-          }, P(f.cancelText), 1)) : T("", !0)
+            onClick: i
+          }, L(c.cancelText), 1)) : F("", !0)
         ], 64))
       ], 4)
     ]));
   }
 });
-const Ke = /* @__PURE__ */ N(Ye, [["__scopeId", "data-v-8326e5a5"]]), qe = {
+const rt = /* @__PURE__ */ j(st, [["__scopeId", "data-v-8326e5a5"]]), it = {
   key: 0,
   class: "modal-teleport"
-}, Ue = {
+}, lt = {
   name: "ModalProvider",
   inheritAttrs: !0
-}, Je = /* @__PURE__ */ Y({
-  ...Ue,
+}, at = /* @__PURE__ */ oe({
+  ...lt,
   props: {
     appendToBody: { type: [Boolean, String], default: !1 },
     sizes: { default: () => ({
@@ -364,190 +452,190 @@ const Ke = /* @__PURE__ */ N(Ye, [["__scopeId", "data-v-8326e5a5"]]), qe = {
     maxHeight: { default: "90%" },
     offset: { default: () => ({ x: 0, y: 0 }) }
   },
-  setup(o, { expose: s }) {
-    const n = D([]), e = H(!1), l = q();
-    function r(i, u = {}, a = {}) {
-      const m = xe(
-        () => Promise.resolve(typeof i == "string" ? Ke : i)
+  setup(t, { expose: r }) {
+    const o = T([]), e = z(!1), a = V();
+    function i(s, u = {}, l = {}) {
+      const m = Te(
+        () => Promise.resolve(typeof s == "string" ? rt : s)
       );
-      typeof i == "string" && (u.type = i, a.size = "small", a.fullscreen = !1, a.mode = "dialog", a.footer = !1, a.header = !1);
-      const d = Math.random().toString(32).slice(2), C = new Promise((E, S) => {
-        n.value.push({
-          id: d,
+      typeof s == "string" && (u.type = s, l.size = "small", l.fullscreen = !1, l.mode = "dialog", l.footer = !1, l.header = !1);
+      const f = Math.random().toString(32).slice(2), x = new Promise((S, R) => {
+        o.value.push({
+          id: f,
           component: m,
           props: u || {},
           options: {
-            ...a,
-            type: typeof i == "string" ? i : "component"
+            ...l,
+            type: typeof s == "string" ? s : "component"
           },
-          resolve: E,
-          reject: S,
+          resolve: S,
+          reject: R,
           listeners: []
-        }), R(n);
-      }).catch((E) => E === "CANCEL" ? new Promise(() => {
-      }) : Promise.reject(E));
-      return Object.assign(C, {
-        close: () => f(d)
+        }), I(o);
+      }).catch((S) => S === "CANCEL" ? new Promise(() => {
+      }) : Promise.reject(S));
+      return Object.assign(x, {
+        close: () => c(f)
       });
     }
-    function f(i, u) {
-      const a = n.value.findIndex((d) => d.id === i);
-      if (a < 0)
+    function c(s, u) {
+      const l = o.value.findIndex((f) => f.id === s);
+      if (l < 0)
         return;
-      const m = n.value[a];
-      u === void 0 ? m == null || m.reject("CANCEL") : m == null || m.resolve(u), n.value.splice(a, 1), R(n);
+      const m = o.value[l];
+      u === void 0 ? m == null || m.reject("CANCEL") : m == null || m.resolve(u), o.value.splice(l, 1), I(o);
     }
-    function h() {
-      !n.value || n.value.length === 0 || (n.value.forEach((i) => {
-        i == null || i.reject("CANCEL");
-      }), n.value = [], R(n));
+    function p() {
+      !o.value || o.value.length === 0 || (o.value.forEach((s) => {
+        s == null || s.reject("CANCEL");
+      }), o.value = [], I(o));
     }
-    function k(i, u) {
-      const a = n.value.find((d) => d.id === i);
-      if (!a)
+    function _(s, u) {
+      const l = o.value.find((f) => f.id === s);
+      if (!l)
         return;
-      const m = a.listeners.find((d) => d.event === u);
+      const m = l.listeners.find((f) => f.event === u);
       m && m.callback({
-        open: r,
-        close: (d) => f(a.id, d),
-        closeAll: h,
-        showLoading: () => M(a.id),
-        hideLoading: () => p(a.id),
-        confirm: (d) => r("confirm", d),
-        success: (d) => r("success", d),
-        error: (d) => r("error", d),
-        warning: (d) => r("warning", d),
-        info: (d) => r("info", d)
+        open: i,
+        close: (f) => c(l.id, f),
+        closeAll: p,
+        showLoading: () => w(l.id),
+        hideLoading: () => h(l.id),
+        confirm: (f) => i("confirm", f),
+        success: (f) => i("success", f),
+        error: (f) => i("error", f),
+        warning: (f) => i("warning", f),
+        info: (f) => i("info", f)
       });
     }
-    function M(i) {
-      if (!l)
+    function w(s) {
+      if (!a)
         return;
-      const [u] = l.refs[`modal-container_${i}`];
+      const [u] = a.refs[`modal-container_${s}`];
       if (u)
         return u.showLoading();
     }
-    function p(i) {
-      if (!l)
+    function h(s) {
+      if (!a)
         return;
-      const [u] = l.refs[`modal-container_${i}`];
+      const [u] = a.refs[`modal-container_${s}`];
       if (u)
         return u.hideLoading();
     }
-    function _(i, u, a) {
-      const m = n.value.find((d) => d.id === i);
+    function d(s, u, l) {
+      const m = o.value.find((f) => f.id === s);
       m && m.listeners.push({
         event: u,
-        callback: a
+        callback: l
       });
     }
-    return ye(W, {
-      open: r,
-      close: f,
-      closeAll: h,
-      addEventListener: _
-    }), s({
-      elements: n,
-      open: r,
-      close: f,
-      closeAll: h
-    }), Z(() => {
+    return Ee(U, {
+      open: i,
+      close: c,
+      closeAll: p,
+      addEventListener: d
+    }), r({
+      elements: o,
+      open: i,
+      close: c,
+      closeAll: p
+    }), K(() => {
       e.value = !0;
-    }), (i, u) => (g(), x(X, null, [
-      U(i.$slots, "default", {}, void 0, !0),
-      e.value ? (g(), x("div", qe, [
-        (g(), B(J, {
-          disabled: !i.appendToBody,
-          to: typeof i.appendToBody == "string" ? i.appendToBody : "body"
+    }), (s, u) => (g(), M(ee, null, [
+      se(s.$slots, "default", {}, void 0, !0),
+      e.value ? (g(), M("div", it, [
+        (g(), W(re, {
+          disabled: !s.appendToBody,
+          to: typeof s.appendToBody == "string" ? s.appendToBody : "body"
         }, [
-          ge(_e, { name: "modal-fade" }, {
-            default: we(() => [
-              (g(!0), x(X, null, be(n.value, (a) => (g(), B(Ie, Ce({
-                id: a.id,
-                key: a.id,
+          Ae(Le, { name: "modal-fade" }, {
+            default: Re(() => [
+              (g(!0), M(ee, null, Be(o.value, (l) => (g(), W(Ze, Pe({
+                id: l.id,
+                key: l.id,
                 ref_for: !0,
-                ref: `modal-container_${a.id}`,
-                component: a.component,
-                "component-props": a.props,
-                "max-height": i.maxHeight,
-                "max-width": i.maxWidth,
-                offset: i.offset,
-                sizes: i.sizes
-              }, a.options, {
-                onSubmit: () => k(a.id, "submit")
+                ref: `modal-container_${l.id}`,
+                component: l.component,
+                "component-props": l.props,
+                "max-height": s.maxHeight,
+                "max-width": s.maxWidth,
+                offset: s.offset,
+                sizes: s.sizes
+              }, l.options, {
+                onSubmit: () => _(l.id, "submit")
               }), null, 16, ["id", "component", "component-props", "max-height", "max-width", "offset", "sizes", "onSubmit"]))), 128))
             ]),
             _: 1
           })
         ], 8, ["disabled", "to"]))
-      ])) : T("", !0)
+      ])) : F("", !0)
     ], 64));
   }
 });
-const st = /* @__PURE__ */ N(Je, [["__scopeId", "data-v-241a8304"]]);
-const Qe = {}, Ze = { class: "modal-footer" };
-function et(o, s) {
-  return g(), B(J, { to: "#modal-footer-slot" }, [
-    v("div", Ze, [
-      U(o.$slots, "default", {}, void 0, !0)
+const yt = /* @__PURE__ */ j(at, [["__scopeId", "data-v-241a8304"]]);
+const dt = {}, ct = { class: "modal-footer" };
+function ut(t, r) {
+  return g(), W(re, { to: "#modal-footer-slot" }, [
+    y("div", ct, [
+      se(t.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const lt = /* @__PURE__ */ N(Qe, [["render", et], ["__scopeId", "data-v-2080a86e"]]);
-const tt = {}, ot = { class: "modal-header" };
-function nt(o, s) {
-  return g(), B(J, { to: "#modal-header-slot" }, [
-    v("div", ot, [
-      U(o.$slots, "default", {}, void 0, !0)
+const gt = /* @__PURE__ */ j(dt, [["render", ut], ["__scopeId", "data-v-2080a86e"]]);
+const ft = {}, pt = { class: "modal-header" };
+function vt(t, r) {
+  return g(), W(re, { to: "#modal-header-slot" }, [
+    y("div", pt, [
+      se(t.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const at = /* @__PURE__ */ N(tt, [["render", nt], ["__scopeId", "data-v-d0247172"]]);
-function F(o, s) {
-  var e, l;
-  let n = o == null ? void 0 : o.parent;
-  for (; n && ((e = n == null ? void 0 : n.type) == null ? void 0 : e.name) !== s; )
-    n = n.parent;
-  return ((l = n == null ? void 0 : n.type) == null ? void 0 : l.name) === s ? n : null;
+const _t = /* @__PURE__ */ j(ft, [["render", vt], ["__scopeId", "data-v-d0247172"]]);
+function Y(t, r) {
+  var e, a;
+  let o = t == null ? void 0 : t.parent;
+  for (; o && ((e = o == null ? void 0 : o.type) == null ? void 0 : e.name) !== r; )
+    o = o.parent;
+  return ((a = o == null ? void 0 : o.type) == null ? void 0 : a.name) === r ? o : null;
 }
-function rt() {
-  const o = K(W), s = q();
-  function n(e, l, r) {
-    if (!o)
+function ht() {
+  const t = ne(U), r = V();
+  function o(e, a, i) {
+    if (!t)
       throw new Error("Not Found Modal Provider Component");
-    return o.open(e, l, r);
+    return t.open(e, a, i);
   }
   return {
-    open: n,
+    open: o,
     close(e) {
-      var f;
-      if (!o)
+      var c;
+      if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const l = F(s, "ModalContainer"), r = (f = l == null ? void 0 : l.props) == null ? void 0 : f.id;
-      if (!r)
+      const a = Y(r, "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(r, e);
+      t.close(i, e);
     },
     closeAll() {
-      if (!o)
+      if (!t)
         throw new Error("Not Found Modal Provider Component");
-      o.closeAll();
+      t.closeAll();
     },
     showLoading() {
-      var r;
-      if (!o)
+      var i;
+      if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const e = F(s, "ModalContainer");
-      if (!((r = e == null ? void 0 : e.props) == null ? void 0 : r.id))
+      const e = Y(r, "ModalContainer");
+      if (!((i = e == null ? void 0 : e.props) == null ? void 0 : i.id))
         throw new Error("Not Found Current Modal Container");
       e != null && e.exposed && (e == null || e.exposed.showLoading());
     },
     hideLoading() {
-      var r;
-      if (!o)
+      var i;
+      if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const e = F(s, "ModalContainer");
-      if (!((r = e == null ? void 0 : e.props) == null ? void 0 : r.id))
+      const e = Y(r, "ModalContainer");
+      if (!((i = e == null ? void 0 : e.props) == null ? void 0 : i.id))
         throw new Error("Not Found Current Modal Container");
       e != null && e.exposed && (e == null || e.exposed.hideLoading());
     },
@@ -568,17 +656,17 @@ function rt() {
     }
   };
 }
-function dt(o) {
-  var r;
-  const s = K(W), n = q(), e = F(n, "ModalContainer"), l = (r = e == null ? void 0 : e.props) == null ? void 0 : r.id;
-  s && l && s.addEventListener(l, "submit", o);
+function wt(t) {
+  var i;
+  const r = ne(U), o = V(), e = Y(o, "ModalContainer"), a = (i = e == null ? void 0 : e.props) == null ? void 0 : i.id;
+  r && a && r.addEventListener(a, "submit", t);
 }
 export {
-  Ie as ModalContainer,
-  lt as ModalFooter,
-  at as ModalHeader,
-  W as ModalKey,
-  st as ModalProvider,
-  dt as onSubmit,
-  rt as useModal
+  Ze as ModalContainer,
+  gt as ModalFooter,
+  _t as ModalHeader,
+  U as ModalKey,
+  yt as ModalProvider,
+  wt as onSubmit,
+  ht as useModal
 };

package/dist/style.css

@@ -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-4af3c744]{z-index:1000;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-4af3c744]{background:#ffffff;border-radius:5px;position:relative}.modal-header[data-v-4af3c744]{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-4af3c744]{padding:10px;box-sizing:border-box;max-height:10vw;overflow:auto;position:relative}.modal-footer[data-v-4af3c744]{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-4af3c744]{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-4af3c744]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.modal-footer button.submit-button[data-v-4af3c744]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.modal-footer button.cancel-button[data-v-4af3c744]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.modal-footer button.cancel-button[data-v-4af3c744]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-loading[data-v-4af3c744]{position:absolute;z-index:1001;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-4af3c744]{display:inline-block;position:relative;width:80px;height:80px}.modal-loading .lds-ring div[data-v-4af3c744]{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring-4af3c744 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.modal-loading .lds-ring div[data-v-4af3c744]:nth-child(1){animation-delay:-.45s}.modal-loading .lds-ring div[data-v-4af3c744]:nth-child(2){animation-delay:-.3s}.modal-loading .lds-ring div[data-v-4af3c744]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-4af3c744{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-241a8304],.modal-fade-leave-active[data-v-241a8304]{transition:opacity .5s ease}.modal-fade-enter-active[data-v-241a8304] .modal-content.drawer-mode,.modal-fade-leave-active[data-v-241a8304] .modal-content.drawer-mode{transition:transform .5s ease}.modal-fade-enter-from[data-v-241a8304],.modal-fade-leave-to[data-v-241a8304]{opacity:0}.modal-fade-enter-from[data-v-241a8304] .modal-content.drawer-mode,.modal-fade-leave-to[data-v-241a8304] .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)}
+*,: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-eaa553bd]{z-index:1000;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-eaa553bd]{background:#ffffff;border-radius:5px;position:relative}.modal-header[data-v-eaa553bd]{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-eaa553bd]{padding:10px;box-sizing:border-box;overflow:auto;position:relative}.modal-footer[data-v-eaa553bd]{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-eaa553bd]{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-eaa553bd]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.modal-footer button.submit-button[data-v-eaa553bd]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.modal-footer button.cancel-button[data-v-eaa553bd]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.modal-footer button.cancel-button[data-v-eaa553bd]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-loading[data-v-eaa553bd]{position:absolute;z-index:1001;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-eaa553bd]{display:inline-block;position:relative;width:80px;height:80px}.modal-loading .lds-ring div[data-v-eaa553bd]{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring-eaa553bd 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.modal-loading .lds-ring div[data-v-eaa553bd]:nth-child(1){animation-delay:-.45s}.modal-loading .lds-ring div[data-v-eaa553bd]:nth-child(2){animation-delay:-.3s}.modal-loading .lds-ring div[data-v-eaa553bd]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-eaa553bd{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-241a8304],.modal-fade-leave-active[data-v-241a8304]{transition:opacity .5s ease}.modal-fade-enter-active[data-v-241a8304] .modal-content.drawer-mode,.modal-fade-leave-active[data-v-241a8304] .modal-content.drawer-mode{transition:transform .5s ease}.modal-fade-enter-from[data-v-241a8304],.modal-fade-leave-to[data-v-241a8304]{opacity:0}.modal-fade-enter-from[data-v-241a8304] .modal-content.drawer-mode,.modal-fade-leave-to[data-v-241a8304] .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

@@ -1,7 +1,7 @@
 {
   "name": "@gopowerteam/modal-render",
   "type": "module",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "author": {
     "name": "zhuchentong",
     "email": "2037630@gmail.com"