@gopowerteam/modal-render 0.0.36 → 0.0.37

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"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 b(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,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=b(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 oe(o,s=!0){e.getCurrentInstance()?e.onMounted(o):s?o():e.nextTick(o)}function R(o){var s;const n=b(o);return(s=n==null?void 0:n.$el)!=null?s:n}const T=j?window:void 0;function D(...o){let s,n,t,c;if(typeof o[0]=="string"||Array.isArray(o[0])?([n,t,c]=o,s=T):[s,n,t,c]=o,!s)return ee;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)),_=e.watch(()=>[R(s),b(c)],([v,d])=>{if(u(),!v)return;const l=Q(d)?{...d}:d;i.push(...n.flatMap(f=>t.map(a=>m(v,f,a,l))))},{immediate:!0,flush:"post"}),y=()=>{_(),u()};return W(y),y}function ne(){const o=e.ref(!1);return e.getCurrentInstance()&&e.onMounted(()=>{o.value=!0}),o}function re(o){const s=ne();return e.computed(()=>(s.value,!!o()))}function le(o,s={}){var n,t;const{pointerTypes:c,preventDefault:i,stopPropagation:u,exact:m,onMove:_,onEnd:y,onStart:v,initialValue:d,axis:l="both",draggingElement:f=T,containerElement:a,handle:g=o}=s,p=e.ref((n=b(d))!=null?n:{x:0,y:0}),k=e.ref(),M=h=>c?c.includes(h.pointerType):!0,x=h=>{b(i)&&h.preventDefault(),b(u)&&h.stopPropagation()},V=h=>{var E;if(!M(h)||b(m)&&h.target!==b(o))return;const w=b(a),N=(E=w==null?void 0:w.getBoundingClientRect)==null?void 0:E.call(w),S=b(o).getBoundingClientRect(),B={x:h.clientX-(w?S.left-N.left:S.left),y:h.clientY-(w?S.top-N.top:S.top)};(v==null?void 0:v(B,h))!==!1&&(k.value=B,x(h))},P=h=>{var E;if(!M(h)||!k.value)return;const w=b(a),N=(E=w==null?void 0:w.getBoundingClientRect)==null?void 0:E.call(w),S=b(o).getBoundingClientRect();let{x:B,y:$}=p.value;(l==="x"||l==="both")&&(B=h.clientX-k.value.x,w&&(B=Math.min(Math.max(0,B),N.width-S.width))),(l==="y"||l==="both")&&($=h.clientY-k.value.y,w&&($=Math.min(Math.max(0,$),N.height-S.height))),p.value={x:B,y:$},_==null||_(p.value,h),x(h)},H=h=>{M(h)&&k.value&&(k.value=void 0,y==null||y(p.value,h),x(h))};if(j){const h={capture:(t=s.capture)!=null?t:!0};D(g,"pointerdown",V,h),D(f,"pointermove",P,h),D(f,"pointerup",H,h)}return{...te(p),position:p,isDragging:e.computed(()=>!!k.value),style:e.computed(()=>`left:${p.value.x}px;top:${p.value.y}px;`)}}function se(o,s,n={}){const{window:t=T,...c}=n;let i;const u=re(()=>t&&"ResizeObserver"in t),m=()=>{i&&(i.disconnect(),i=void 0)},_=e.computed(()=>Array.isArray(o)?o.map(d=>R(d)):[R(o)]),y=e.watch(_,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(),y()};return W(v),{isSupported:u,stop:v}}function z(o,s={width:0,height:0},n={}){const{window:t=T,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:_}=se(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);oe(()=>{const d=R(o);d&&(u.value="offsetWidth"in d?d.offsetWidth:s.width,m.value="offsetHeight"in d?d.offsetHeight:s.height)});const y=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 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:s,emit:n}){e.useCssVars(r=>({"359e2d1e":r.zIndex,"635715bb":V.value}));const t=o,c=n,i=e.inject(A),u=e.ref(!1);let m=0,_=0;const y=e.shallowRef(),v=e.shallowRef(),d=e.shallowRef(),l=e.shallowRef(),f=e.shallowRef(),a=e.shallowRef(),{height:g}=z(y),{height:p}=z(d,void 0,{box:"border-box"}),{height:k}=z(l,void 0,{box:"border-box"}),{height:M}=z(f),{height:x}=z(a),V=e.computed(()=>t.zIndex+100),{x:P,y:H}=le(d,{initialValue:{x:0,y:0}});function h(){i==null||i.close(t.id)}function E(r){return typeof r=="number"?`${r}px`:r}const w=e.computed(()=>{const r={};return t.mode==="dialog"&&(r.justifyContent="center"),t.mode==="drawer"&&(r.justifyContent="flex-end"),r}),N=e.computed(()=>{const r={};return t.size&&(r.width=E(t.sizes[t.size])),t.width&&(r.width=E(t.width)),t.maxWidth&&(r.maxWidth=E(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(${P.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}),S=e.computed(()=>{const r={};return t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(r.cursor="move"),r}),B=e.computed(()=>{const r={},C=M.value+x.value+p.value+k.value,F=Math.floor(g.value*(Number(E(t.maxHeight).replace("%",""))/100));return t.maxHeight&&(r.maxHeight=`${F-C}px`),t.mode==="drawer"&&(r.maxHeight="unset",r.height=`${g.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 $(){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 X(){i==null||i.close(t.id)}function Y(){window&&window.addEventListener("resize",()=>{e.triggerRef(y),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 u.value=!0,()=>I()}function I(){u.value=!1}return s({showLoading:Z,hideLoading:I}),(r,C)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:y,class:"modal-wrapper",style:e.normalizeStyle(w.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(N.value)},[r.header?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:d,class:"modal-header",style:e.normalizeStyle(S.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:f},null,512),e.createElementVNode("div",{class:"modal-body",style:e.normalizeStyle(B.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:X},e.toDisplayString(r.cancelText),1),e.createElementVNode("button",{class:"submit-button",form:r.form,type:"submit",onClick:$},e.toDisplayString(r.submitText),9,de)],512)):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",ue,pe)):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(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 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",ve,[e.createElementVNode("div",ge,[e.createElementVNode("div",ye,e.toDisplayString(t.value),1),e.createElementVNode("div",_e,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 be=L(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: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"?be: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),k=Object.assign({zIndex:typeof l=="string"?1e3:1100},a),M=new Promise((x,V)=>{n.value.push({id:p,component:g,props:f||{},options:{...k,type:typeof l=="string"?l:"component"},resolve:x,reject:V,listeners:[]}),e.triggerRef(n)}).catch(x=>x==="CANCEL"?new Promise(()=>{}):Promise.reject(x));return Object.assign(M,{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 _(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:()=>y(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 y(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",ke,[(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:()=>_(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 Ee=L(xe,[["__scopeId","data-v-c32d730b"]]);const Se={},Be={class:"modal-footer"};function Me(o,s){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=L(Se,[["render",Me],["__scopeId","data-v-2080a86e"]]);const Re={},$e={class:"modal-header"};function Ve(o,s){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=L(Re,[["render",Ve],["__scopeId","data-v-d0247172"]]);function O(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=O(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=O(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=O(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 Ae(o){var i;const s=e.inject(A),n=e.getCurrentInstance(),t=O(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=Ne;exports.ModalHeader=ze;exports.ModalKey=A;exports.ModalProvider=Ee;exports.onSubmit=Ae;exports.useModal=K;
+"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 b(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]",Z=()=>{};function ee(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=b(s.replaceRef))!=null?i:!0)if(Array.isArray(o.value)){const h=[...o.value];h[t]=c,o.value=h}else{const h={...o.value,[t]:c};Object.setPrototypeOf(h,Object.getPrototypeOf(o.value)),o.value=h}else o.value[t]=c}}));return n}function te(o,s=!0){e.getCurrentInstance()?e.onMounted(o):s?o():e.nextTick(o)}function R(o){var s;const n=b(o);return(s=n==null?void 0:n.$el)!=null?s:n}const P=j?window:void 0;function D(...o){let s,n,t,c;if(typeof o[0]=="string"||Array.isArray(o[0])?([n,t,c]=o,s=P):[s,n,t,c]=o,!s)return Z;Array.isArray(n)||(n=[n]),Array.isArray(t)||(t=[t]);const i=[],u=()=>{i.forEach(v=>v()),i.length=0},h=(v,d,l,f)=>(v.addEventListener(d,l,f),()=>v.removeEventListener(d,l,f)),_=e.watch(()=>[R(s),b(c)],([v,d])=>{if(u(),!v)return;const l=Q(d)?{...d}:d;i.push(...n.flatMap(f=>t.map(a=>h(v,f,a,l))))},{immediate:!0,flush:"post"}),y=()=>{_(),u()};return W(y),y}function oe(){const o=e.ref(!1);return e.getCurrentInstance()&&e.onMounted(()=>{o.value=!0}),o}function ne(o){const s=oe();return e.computed(()=>(s.value,!!o()))}function re(o,s={}){var n,t;const{pointerTypes:c,preventDefault:i,stopPropagation:u,exact:h,onMove:_,onEnd:y,onStart:v,initialValue:d,axis:l="both",draggingElement:f=P,containerElement:a,handle:g=o}=s,p=e.ref((n=b(d))!=null?n:{x:0,y:0}),k=e.ref(),B=m=>c?c.includes(m.pointerType):!0,x=m=>{b(i)&&m.preventDefault(),b(u)&&m.stopPropagation()},V=m=>{var M;if(!B(m)||b(h)&&m.target!==b(o))return;const w=b(a),N=(M=w==null?void 0:w.getBoundingClientRect)==null?void 0:M.call(w),E=b(o).getBoundingClientRect(),S={x:m.clientX-(w?E.left-N.left:E.left),y:m.clientY-(w?E.top-N.top:E.top)};(v==null?void 0:v(S,m))!==!1&&(k.value=S,x(m))},H=m=>{var M;if(!B(m)||!k.value)return;const w=b(a),N=(M=w==null?void 0:w.getBoundingClientRect)==null?void 0:M.call(w),E=b(o).getBoundingClientRect();let{x:S,y:$}=p.value;(l==="x"||l==="both")&&(S=m.clientX-k.value.x,w&&(S=Math.min(Math.max(0,S),N.width-E.width))),(l==="y"||l==="both")&&($=m.clientY-k.value.y,w&&($=Math.min(Math.max(0,$),N.height-E.height))),p.value={x:S,y:$},_==null||_(p.value,m),x(m)},O=m=>{B(m)&&k.value&&(k.value=void 0,y==null||y(p.value,m),x(m))};if(j){const m={capture:(t=s.capture)!=null?t:!0};D(g,"pointerdown",V,m),D(f,"pointermove",H,m),D(f,"pointerup",O,m)}return{...ee(p),position:p,isDragging:e.computed(()=>!!k.value),style:e.computed(()=>`left:${p.value.x}px;top:${p.value.y}px;`)}}function le(o,s,n={}){const{window:t=P,...c}=n;let i;const u=ne(()=>t&&"ResizeObserver"in t),h=()=>{i&&(i.disconnect(),i=void 0)},_=e.computed(()=>Array.isArray(o)?o.map(d=>R(d)):[R(o)]),y=e.watch(_,d=>{if(h(),u.value&&t){i=new ResizeObserver(s);for(const l of d)l&&i.observe(l,c)}},{immediate:!0,flush:"post",deep:!0}),v=()=>{h(),y()};return W(v),{isSupported:u,stop:v}}function A(o,s={width:0,height:0},n={}){const{window:t=P,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),h=e.ref(s.height),{stop:_}=le(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),h.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),h.value=f.reduce((a,{blockSize:g})=>a+g,0)}else u.value=d.contentRect.width,h.value=d.contentRect.height},n);te(()=>{const d=R(o);d&&(u.value="offsetWidth"in d?d.offsetWidth:s.width,h.value="offsetHeight"in d?d.offsetHeight:s.height)});const y=e.watch(()=>R(o),d=>{u.value=d?s.width:0,h.value=d?s.height:0});function v(){_(),y()}return{width:u,height:h,stop:v}}const se=o=>(e.pushScopeId("data-v-189513f2"),o=o(),e.popScopeId(),o),ie={class:"title text-16px font-bold"},ae={class:"action"},ce=["form"],de={key:2,class:"modal-loading"},ue=se(()=>e.createElementVNode("div",{class:"lds-ring"},[e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div")],-1)),fe=[ue],pe={name:"ModalContainer",inheritAttrs:!0},me=e.defineComponent({...pe,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:s,emit:n}){e.useCssVars(r=>({b10a2d42:r.zIndex}));const t=o,c=n,i=e.inject(L),u=e.ref(!1);let h=0,_=0;const y=e.shallowRef(),v=e.shallowRef(),d=e.shallowRef(),l=e.shallowRef(),f=e.shallowRef(),a=e.shallowRef(),{height:g}=A(y),{height:p}=A(d,void 0,{box:"border-box"}),{height:k}=A(l,void 0,{box:"border-box"}),{height:B}=A(f),{height:x}=A(a),{x:V,y:H}=re(d,{initialValue:{x:0,y:0}});function O(){i==null||i.close(t.id)}function m(r){return typeof r=="number"?`${r}px`:r}const M=e.computed(()=>{const r={};return t.mode==="dialog"&&(r.justifyContent="center"),t.mode==="drawer"&&(r.justifyContent="flex-end"),r}),w=e.computed(()=>{const r={};return t.size&&(r.width=m(t.sizes[t.size])),t.width&&(r.width=m(t.width)),t.maxWidth&&(r.maxWidth=m(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(${V.value-h}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}),N=e.computed(()=>{const r={};return t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(r.cursor="move"),r}),E=e.computed(()=>{const r={},C=B.value+x.value+p.value+k.value,F=Math.floor(g.value*(Number(m(t.maxHeight).replace("%",""))/100));return t.maxHeight&&(r.maxHeight=`${F-C}px`),t.mode==="drawer"&&(r.maxHeight="unset",r.height=`${g.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 S(){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 $(){i==null||i.close(t.id)}function X(){window&&window.addEventListener("resize",()=>{e.triggerRef(y),e.triggerRef(v),v.value&&(h=v.value.offsetLeft,_=v.value.offsetTop)})}function Y(){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 q(){h=v.value.offsetLeft,_=v.value.offsetTop}e.onMounted(()=>{Y(),X()}),e.onUnmounted(()=>{});function U(){return u.value=!0,()=>I()}function I(){u.value=!1}return s({showLoading:U,hideLoading:I}),(r,C)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:y,class:"modal-wrapper",style:e.normalizeStyle(M.value),onClick:C[0]||(C[0]=e.withModifiers(F=>r.maskClosable&&O(),["self"]))},[e.createElementVNode("div",{ref_key:"contentRef",ref:v,class:e.normalizeClass(["modal-content",{[`${r.mode}-mode`]:!0}]),style:e.normalizeStyle(w.value)},[r.header?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:d,class:"modal-header",style:e.normalizeStyle(N.value),onMousedown:q},[e.createElementVNode("div",ie,e.toDisplayString(r.title),1),e.createElementVNode("div",ae,[r.closeable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"i-icon-park-outline:close block cursor-pointer",onClick:O})):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(E.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:$},e.toDisplayString(r.cancelText),1),e.createElementVNode("button",{class:"submit-button",form:r.form,type:"submit",onClick:S},e.toDisplayString(r.submitText),9,ce)],512)):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",de,fe)):e.createCommentVNode("",!0)],6)],4))}});const z=(o,s)=>{const n=o.__vccOpts||o;for(const[t,c]of s)n[t]=c;return n},G=z(me,[["__scopeId","data-v-189513f2"]]),he={class:"modal-dialog"},ve={class:"dialog-body"},ge={class:"dialog-title"},ye={class:"dialog-content"},_e=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,h)=>(e.openBlock(),e.createElementBlock("section",he,[e.createElementVNode("div",ve,[e.createElementVNode("div",ge,e.toDisplayString(t.value),1),e.createElementVNode("div",ye,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 we=z(_e,[["__scopeId","data-v-8326e5a5"]]),be={key:0,class:"modal-teleport"},ke={name:"ModalProvider",inheritAttrs:!0},Ce=e.defineComponent({...ke,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"?we: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),k=Object.assign({zIndex:typeof l=="string"?1100:1e3},a),B=new Promise((x,V)=>{n.value.push({id:p,component:g,props:f||{},options:{...k,type:typeof l=="string"?l:"component"},resolve:x,reject:V,listeners:[]}),e.triggerRef(n)}).catch(x=>x==="CANCEL"?new Promise(()=>{}):Promise.reject(x));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 h(){!n.value||n.value.length===0||(n.value.forEach(l=>{l==null||l.reject("CANCEL")}),n.value=[],e.triggerRef(n))}function _(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:h,showLoading:()=>y(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 y(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(L,{open:i,close:u,closeAll:h,addEventListener:d}),s({elements:n,open:i,close:u,closeAll:h}),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",be,[(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:()=>_(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 xe=z(Ce,[["__scopeId","data-v-45a851d0"]]);const Ee={},Se={class:"modal-footer"};function Be(o,s){return e.openBlock(),e.createBlock(e.Teleport,{to:"#modal-footer-slot"},[e.createElementVNode("div",Se,[e.renderSlot(o.$slots,"default",{},void 0,!0)])])}const Me=z(Ee,[["render",Be],["__scopeId","data-v-2080a86e"]]);const Ne={},Re={class:"modal-header"};function $e(o,s){return e.openBlock(),e.createBlock(e.Teleport,{to:"#modal-header-slot"},[e.createElementVNode("div",Re,[e.renderSlot(o.$slots,"default",{},void 0,!0)])])}const Ve=z(Ne,[["render",$e],["__scopeId","data-v-d0247172"]]);function T(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(L),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=T(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=T(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=T(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 Ae(o){var i;const s=e.inject(L),n=e.getCurrentInstance(),t=T(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=Me;exports.ModalHeader=Ve;exports.ModalKey=L;exports.ModalProvider=xe;exports.onSubmit=Ae;exports.useModal=K;

package/dist/es/index.mjs

@@ -1,21 +1,21 @@
-import { unref as he, isRef as me, toRefs as ge, customRef as ye, getCurrentInstance as j, onMounted as Y, nextTick as _e, getCurrentScope as be, onScopeDispose as we, ref as T, computed as M, watch as ee, defineComponent as te, useCssVars as xe, inject as oe, shallowRef as B, onUnmounted as Ce, openBlock as y, createElementBlock as S, normalizeStyle as D, withModifiers as ke, createElementVNode as g, normalizeClass as Me, toDisplayString as O, createCommentVNode as N, createBlock as I, resolveDynamicComponent as le, normalizeProps as Se, guardReactiveProps as Ee, triggerRef as V, 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";
-const K = Symbol("__MODAL__");
+import { unref as ve, isRef as he, toRefs as me, customRef as ge, getCurrentInstance as j, onMounted as K, nextTick as ye, getCurrentScope as _e, onScopeDispose as we, ref as T, computed as E, watch as ee, defineComponent as te, useCssVars as be, inject as oe, shallowRef as O, onUnmounted as xe, openBlock as y, createElementBlock as M, normalizeStyle as D, withModifiers as Ce, createElementVNode as g, normalizeClass as ke, toDisplayString as z, createCommentVNode as N, createBlock as F, resolveDynamicComponent as le, normalizeProps as Me, guardReactiveProps as Se, triggerRef as V, pushScopeId as Ee, popScopeId as $e, Fragment as Z, provide as Ae, renderSlot as ne, Teleport as se, createVNode as Le, TransitionGroup as Re, withCtx as Be, renderList as Oe, mergeProps as ze, defineAsyncComponent as Pe } from "vue";
+const U = Symbol("__MODAL__");
 function ae(t) {
-  return be() ? (we(t), !0) : !1;
+  return _e() ? (we(t), !0) : !1;
 }
 function x(t) {
-  return typeof t == "function" ? t() : he(t);
+  return typeof t == "function" ? t() : ve(t);
 }
 const de = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const He = Object.prototype.toString, Ne = (t) => He.call(t) === "[object Object]", Ie = () => {
+const Te = Object.prototype.toString, He = (t) => Te.call(t) === "[object Object]", Ne = () => {
 };
 function Fe(t, r = {}) {
-  if (!me(t))
-    return ge(t);
+  if (!he(t))
+    return me(t);
   const o = Array.isArray(t.value) ? Array.from({ length: t.value.length }) : {};
   for (const e in t.value)
-    o[e] = ye(() => ({
+    o[e] = ge(() => ({
       get() {
         return t.value[e];
       },
@@ -23,11 +23,11 @@ function Fe(t, r = {}) {
         var i;
         if ((i = x(r.replaceRef)) != null ? i : !0)
           if (Array.isArray(t.value)) {
-            const p = [...t.value];
-            p[e] = a, t.value = p;
+            const v = [...t.value];
+            v[e] = a, t.value = v;
           } else {
-            const p = { ...t.value, [e]: a };
-            Object.setPrototypeOf(p, Object.getPrototypeOf(t.value)), t.value = p;
+            const v = { ...t.value, [e]: a };
+            Object.setPrototypeOf(v, Object.getPrototypeOf(t.value)), t.value = v;
           }
         else
           t.value[e] = a;
@@ -35,111 +35,111 @@ function Fe(t, r = {}) {
     }));
   return o;
 }
-function We(t, r = !0) {
-  j() ? Y(t) : r ? t() : _e(t);
+function Ie(t, r = !0) {
+  j() ? K(t) : r ? t() : ye(t);
 }
 function P(t) {
   var r;
   const o = x(t);
   return (r = o == null ? void 0 : o.$el) != null ? r : o;
 }
-const U = de ? window : void 0;
-function J(...t) {
+const q = de ? window : void 0;
+function Q(...t) {
   let r, o, e, a;
-  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([o, e, a] = t, r = U) : [r, o, e, a] = t, !r)
-    return Ie;
+  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([o, e, a] = t, r = q) : [r, o, e, a] = t, !r)
+    return Ne;
   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)), b = ee(
+  }, v = (h, d, s, u) => (h.addEventListener(d, s, u), () => h.removeEventListener(d, s, u)), w = ee(
     () => [P(r), x(a)],
     ([h, d]) => {
       if (c(), !h)
         return;
-      const s = Ne(d) ? { ...d } : d;
+      const s = He(d) ? { ...d } : d;
       i.push(
-        ...o.flatMap((u) => e.map((l) => p(h, u, l, s)))
+        ...o.flatMap((u) => e.map((l) => v(h, u, l, s)))
       );
     },
     { immediate: !0, flush: "post" }
   ), _ = () => {
-    b(), c();
+    w(), c();
   };
   return ae(_), _;
 }
-function De() {
+function We() {
   const t = T(!1);
-  return j() && Y(() => {
+  return j() && K(() => {
     t.value = !0;
   }), t;
 }
-function Ve(t) {
-  const r = De();
-  return M(() => (r.value, !!t()));
+function De(t) {
+  const r = We();
+  return E(() => (r.value, !!t()));
 }
-function je(t, r = {}) {
+function Ve(t, r = {}) {
   var o, e;
   const {
     pointerTypes: a,
     preventDefault: i,
     stopPropagation: c,
-    exact: p,
-    onMove: b,
+    exact: v,
+    onMove: w,
     onEnd: _,
     onStart: h,
     initialValue: d,
     axis: s = "both",
-    draggingElement: u = U,
+    draggingElement: u = q,
     containerElement: l,
     handle: m = t
   } = r, f = T(
     (o = x(d)) != null ? o : { x: 0, y: 0 }
-  ), C = T(), R = (v) => a ? a.includes(v.pointerType) : !0, E = (v) => {
-    x(i) && v.preventDefault(), x(c) && v.stopPropagation();
-  }, F = (v) => {
-    var $;
-    if (!R(v) || x(p) && v.target !== x(t))
+  ), C = T(), L = (p) => a ? a.includes(p.pointerType) : !0, S = (p) => {
+    x(i) && p.preventDefault(), x(c) && p.stopPropagation();
+  }, I = (p) => {
+    var R;
+    if (!L(p) || x(v) && p.target !== x(t))
       return;
-    const w = x(l), z = ($ = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : $.call(w), A = x(t).getBoundingClientRect(), L = {
-      x: v.clientX - (w ? A.left - z.left : A.left),
-      y: v.clientY - (w ? A.top - z.top : A.top)
+    const b = x(l), B = (R = b == null ? void 0 : b.getBoundingClientRect) == null ? void 0 : R.call(b), $ = x(t).getBoundingClientRect(), A = {
+      x: p.clientX - (b ? $.left - B.left : $.left),
+      y: p.clientY - (b ? $.top - B.top : $.top)
     };
-    (h == null ? void 0 : h(L, v)) !== !1 && (C.value = L, E(v));
-  }, q = (v) => {
-    var $;
-    if (!R(v) || !C.value)
+    (h == null ? void 0 : h(A, p)) !== !1 && (C.value = A, S(p));
+  }, J = (p) => {
+    var R;
+    if (!L(p) || !C.value)
       return;
-    const w = x(l), z = ($ = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : $.call(w), A = x(t).getBoundingClientRect();
-    let { x: L, y: H } = f.value;
-    (s === "x" || s === "both") && (L = v.clientX - C.value.x, w && (L = Math.min(Math.max(0, L), z.width - A.width))), (s === "y" || s === "both") && (H = v.clientY - C.value.y, w && (H = Math.min(Math.max(0, H), z.height - A.height))), f.value = {
-      x: L,
+    const b = x(l), B = (R = b == null ? void 0 : b.getBoundingClientRect) == null ? void 0 : R.call(b), $ = x(t).getBoundingClientRect();
+    let { x: A, y: H } = f.value;
+    (s === "x" || s === "both") && (A = p.clientX - C.value.x, b && (A = Math.min(Math.max(0, A), B.width - $.width))), (s === "y" || s === "both") && (H = p.clientY - C.value.y, b && (H = Math.min(Math.max(0, H), B.height - $.height))), f.value = {
+      x: A,
       y: H
-    }, b == null || b(f.value, v), E(v);
-  }, Z = (v) => {
-    R(v) && C.value && (C.value = void 0, _ == null || _(f.value, v), E(v));
+    }, w == null || w(f.value, p), S(p);
+  }, X = (p) => {
+    L(p) && C.value && (C.value = void 0, _ == null || _(f.value, p), S(p));
   };
   if (de) {
-    const v = { capture: (e = r.capture) != null ? e : !0 };
-    J(m, "pointerdown", F, v), J(u, "pointermove", q, v), J(u, "pointerup", Z, v);
+    const p = { capture: (e = r.capture) != null ? e : !0 };
+    Q(m, "pointerdown", I, p), Q(u, "pointermove", J, p), Q(u, "pointerup", X, p);
   }
   return {
     ...Fe(f),
     position: f,
-    isDragging: M(() => !!C.value),
-    style: M(
+    isDragging: E(() => !!C.value),
+    style: E(
       () => `left:${f.value.x}px;top:${f.value.y}px;`
     )
   };
 }
-function Ge(t, r, o = {}) {
-  const { window: e = U, ...a } = o;
+function je(t, r, o = {}) {
+  const { window: e = q, ...a } = o;
   let i;
-  const c = Ve(() => e && "ResizeObserver" in e), p = () => {
+  const c = De(() => e && "ResizeObserver" in e), v = () => {
     i && (i.disconnect(), i = void 0);
-  }, b = M(() => Array.isArray(t) ? t.map((d) => P(d)) : [P(t)]), _ = ee(
-    b,
+  }, w = E(() => Array.isArray(t) ? t.map((d) => P(d)) : [P(t)]), _ = ee(
+    w,
     (d) => {
-      if (p(), c.value && e) {
+      if (v(), c.value && e) {
         i = new ResizeObserver(r);
         for (const s of d)
           s && i.observe(s, a);
@@ -147,7 +147,7 @@ function Ge(t, r, o = {}) {
     },
     { immediate: !0, flush: "post", deep: !0 }
   ), h = () => {
-    p(), _();
+    v(), _();
   };
   return ae(h), {
     isSupported: c,
@@ -155,10 +155,10 @@ function Ge(t, r, o = {}) {
   };
 }
 function W(t, r = { width: 0, height: 0 }, o = {}) {
-  const { window: e = U, box: a = "content-box" } = o, i = M(() => {
+  const { window: e = q, box: a = "content-box" } = o, i = E(() => {
     var d, s;
     return (s = (d = P(t)) == null ? void 0 : d.namespaceURI) == null ? void 0 : s.includes("svg");
-  }), c = T(r.width), p = T(r.height), { stop: b } = Ge(
+  }), c = T(r.width), v = T(r.height), { stop: w } = je(
     t,
     ([d]) => {
       const s = a === "border-box" ? d.borderBoxSize : a === "content-box" ? d.contentBoxSize : d.devicePixelContentBoxSize;
@@ -166,49 +166,49 @@ function W(t, r = { width: 0, height: 0 }, o = {}) {
         const u = P(t);
         if (u) {
           const l = e.getComputedStyle(u);
-          c.value = Number.parseFloat(l.width), p.value = Number.parseFloat(l.height);
+          c.value = Number.parseFloat(l.width), v.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);
+        c.value = u.reduce((l, { inlineSize: m }) => l + m, 0), v.value = u.reduce((l, { blockSize: m }) => l + m, 0);
       } else
-        c.value = d.contentRect.width, p.value = d.contentRect.height;
+        c.value = d.contentRect.width, v.value = d.contentRect.height;
     },
     o
   );
-  We(() => {
+  Ie(() => {
     const d = P(t);
-    d && (c.value = "offsetWidth" in d ? d.offsetWidth : r.width, p.value = "offsetHeight" in d ? d.offsetHeight : r.height);
+    d && (c.value = "offsetWidth" in d ? d.offsetWidth : r.width, v.value = "offsetHeight" in d ? d.offsetHeight : r.height);
   });
   const _ = ee(
     () => P(t),
     (d) => {
-      c.value = d ? r.width : 0, p.value = d ? r.height : 0;
+      c.value = d ? r.width : 0, v.value = d ? r.height : 0;
     }
   );
   function h() {
-    b(), _();
+    w(), _();
   }
   return {
     width: c,
-    height: p,
+    height: v,
     stop: h
   };
 }
-const Xe = (t) => ($e("data-v-8dfa7cd4"), t = t(), Ae(), t), Ye = { class: "title text-16px font-bold" }, Ke = { class: "action" }, Ue = ["form"], qe = {
+const Ge = (t) => (Ee("data-v-189513f2"), t = t(), $e(), t), Xe = { class: "title text-16px font-bold" }, Ye = { class: "action" }, Ke = ["form"], Ue = {
   key: 2,
   class: "modal-loading"
-}, Ze = /* @__PURE__ */ Xe(() => /* @__PURE__ */ g("div", { class: "lds-ring" }, [
+}, qe = /* @__PURE__ */ Ge(() => /* @__PURE__ */ g("div", { class: "lds-ring" }, [
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div")
 ], -1)), Je = [
-  Ze
+  qe
 ], Qe = {
   name: "ModalContainer",
   inheritAttrs: !0
-}, et = /* @__PURE__ */ te({
+}, Ze = /* @__PURE__ */ te({
   ...Qe,
   props: {
     id: {},
@@ -239,35 +239,34 @@ const Xe = (t) => ($e("data-v-8dfa7cd4"), t = t(), Ae(), t), Ye = { class: "titl
   },
   emits: ["submit"],
   setup(t, { expose: r, emit: o }) {
-    xe((n) => ({
-      "359e2d1e": n.zIndex,
-      "635715bb": F.value
+    be((n) => ({
+      b10a2d42: n.zIndex
     }));
-    const e = t, a = o, i = oe(K), c = T(!1);
-    let p = 0, b = 0;
-    const _ = B(), h = B(), d = B(), s = B(), u = B(), l = B(), { height: m } = W(_), { height: f } = W(d, void 0, { box: "border-box" }), { height: C } = W(s, void 0, { box: "border-box" }), { height: R } = W(u), { height: E } = W(l), F = M(() => e.zIndex + 100), { x: q, y: Z } = je(d, {
+    const e = t, a = o, i = oe(U), c = T(!1);
+    let v = 0, w = 0;
+    const _ = O(), h = O(), d = O(), s = O(), u = O(), l = O(), { height: m } = W(_), { height: f } = W(d, void 0, { box: "border-box" }), { height: C } = W(s, void 0, { box: "border-box" }), { height: L } = W(u), { height: S } = W(l), { x: I, y: J } = Ve(d, {
       initialValue: { x: 0, y: 0 }
     });
-    function v() {
+    function X() {
       i == null || i.close(e.id);
     }
-    function $(n) {
+    function p(n) {
       return typeof n == "number" ? `${n}px` : n;
     }
-    const w = M(() => {
+    const R = E(() => {
       const n = {};
       return e.mode === "dialog" && (n.justifyContent = "center"), e.mode === "drawer" && (n.justifyContent = "flex-end"), n;
-    }), z = M(() => {
+    }), b = E(() => {
       const n = {};
-      return e.size && (n.width = $(e.sizes[e.size])), e.width && (n.width = $(e.width)), e.maxWidth && (n.maxWidth = $(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(${q.value - p}px, ${Z.value - b}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;
-    }), A = M(() => {
+      return e.size && (n.width = p(e.sizes[e.size])), e.width && (n.width = p(e.width)), e.maxWidth && (n.maxWidth = p(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(${I.value - v}px, ${J.value - w}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 = E(() => {
       const n = {};
       return e.draggable && !e.fullscreen && e.mode === "dialog" && (n.cursor = "move"), n;
-    }), L = M(() => {
-      const n = {}, k = R.value + E.value + f.value + C.value, ie = Math.floor(m.value * (Number($(e.maxHeight).replace("%", "")) / 100));
+    }), $ = E(() => {
+      const n = {}, k = L.value + S.value + f.value + C.value, ie = Math.floor(m.value * (Number(p(e.maxHeight).replace("%", "")) / 100));
       return e.maxHeight && (n.maxHeight = `${ie - k}px`), e.mode === "drawer" && (n.maxHeight = "unset", n.height = `${m.value - 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 H() {
+    function A() {
       const n = h.value;
       if (e.form && n) {
         const k = n.querySelector(`form[name="${e.form}"]`);
@@ -275,15 +274,15 @@ const Xe = (t) => ($e("data-v-8dfa7cd4"), t = t(), Ae(), t), Ye = { class: "titl
       }
       a("submit");
     }
-    function ce() {
+    function H() {
       i == null || i.close(e.id);
     }
-    function ue() {
+    function ce() {
       window && window.addEventListener("resize", () => {
-        V(_), V(h), h.value && (p = h.value.offsetLeft, b = h.value.offsetTop);
+        V(_), V(h), h.value && (v = h.value.offsetLeft, w = h.value.offsetTop);
       });
     }
-    function fe() {
+    function ue() {
       if (e.closeable && e.esc) {
         const n = ({ key: k }) => {
           k === "Escape" && (i == null || i.close(e.id), window.removeEventListener("keydown", n));
@@ -291,49 +290,49 @@ const Xe = (t) => ($e("data-v-8dfa7cd4"), t = t(), Ae(), t), Ye = { class: "titl
         window.addEventListener("keydown", n);
       }
     }
-    function pe() {
-      p = h.value.offsetLeft, b = h.value.offsetTop;
+    function fe() {
+      v = h.value.offsetLeft, w = h.value.offsetTop;
     }
-    Y(() => {
-      fe(), ue();
-    }), Ce(() => {
+    K(() => {
+      ue(), ce();
+    }), xe(() => {
     });
-    function ve() {
+    function pe() {
       return c.value = !0, () => re();
     }
     function re() {
       c.value = !1;
     }
     return r({
-      showLoading: ve,
+      showLoading: pe,
       hideLoading: re
-    }), (n, k) => (y(), S("div", {
+    }), (n, k) => (y(), M("div", {
       ref_key: "wrapperRef",
       ref: _,
       class: "modal-wrapper",
-      style: D(w.value),
-      onClick: k[0] || (k[0] = ke((ie) => n.maskClosable && v(), ["self"]))
+      style: D(R.value),
+      onClick: k[0] || (k[0] = Ce((ie) => n.maskClosable && X(), ["self"]))
     }, [
       g("div", {
         ref_key: "contentRef",
         ref: h,
-        class: Me(["modal-content", { [`${n.mode}-mode`]: !0 }]),
-        style: D(z.value)
+        class: ke(["modal-content", { [`${n.mode}-mode`]: !0 }]),
+        style: D(b.value)
       }, [
-        n.header ? (y(), S("div", {
+        n.header ? (y(), M("div", {
           key: 0,
           ref_key: "headerRef",
           ref: d,
           class: "modal-header",
-          style: D(A.value),
-          onMousedown: pe
+          style: D(B.value),
+          onMousedown: fe
         }, [
-          g("div", Ye, O(n.title), 1),
-          g("div", Ke, [
-            n.closeable ? (y(), S("div", {
+          g("div", Xe, z(n.title), 1),
+          g("div", Ye, [
+            n.closeable ? (y(), M("div", {
               key: 0,
               class: "i-icon-park-outline:close block cursor-pointer",
-              onClick: v
+              onClick: X
             })) : N("", !0)
           ])
         ], 36)) : N("", !0),
@@ -344,16 +343,16 @@ const Xe = (t) => ($e("data-v-8dfa7cd4"), t = t(), Ae(), t), Ye = { class: "titl
         }, null, 512),
         g("div", {
           class: "modal-body",
-          style: D(L.value)
+          style: D($.value)
         }, [
-          (y(), I(le(n.component), Se(Ee(n.componentProps)), null, 16))
+          (y(), F(le(n.component), Me(Se(n.componentProps)), null, 16))
         ], 4),
         g("div", {
           id: "modal-footer-slot",
           ref_key: "footerSlotRef",
           ref: l
         }, null, 512),
-        n.footer ? (y(), S("div", {
+        n.footer ? (y(), M("div", {
           key: 1,
           ref_key: "footerRef",
           ref: s,
@@ -362,16 +361,16 @@ const Xe = (t) => ($e("data-v-8dfa7cd4"), t = t(), Ae(), t), Ye = { class: "titl
           g("button", {
             class: "cancel-button",
             type: "button",
-            onClick: ce
-          }, O(n.cancelText), 1),
+            onClick: H
+          }, z(n.cancelText), 1),
           g("button", {
             class: "submit-button",
             form: n.form,
             type: "submit",
-            onClick: H
-          }, O(n.submitText), 9, Ue)
+            onClick: A
+          }, z(n.submitText), 9, Ke)
         ], 512)) : N("", !0),
-        c.value ? (y(), S("div", qe, Je)) : N("", !0)
+        c.value ? (y(), M("div", Ue, Je)) : N("", !0)
       ], 6)
     ], 4));
   }
@@ -381,7 +380,7 @@ const G = (t, r) => {
   for (const [e, a] of r)
     o[e] = a;
   return o;
-}, tt = /* @__PURE__ */ G(et, [["__scopeId", "data-v-8dfa7cd4"]]), ot = { class: "modal-dialog" }, nt = { class: "dialog-body" }, st = { class: "dialog-title" }, rt = { class: "dialog-content" }, it = /* @__PURE__ */ te({
+}, et = /* @__PURE__ */ G(Ze, [["__scopeId", "data-v-189513f2"]]), tt = { class: "modal-dialog" }, ot = { class: "dialog-body" }, nt = { class: "dialog-title" }, st = { class: "dialog-content" }, rt = /* @__PURE__ */ te({
   __name: "modal-dialog",
   props: {
     type: {},
@@ -394,7 +393,7 @@ const G = (t, r) => {
     footer: {}
   },
   setup(t) {
-    const r = t, o = gt(), e = M(() => r.title ? r.title : {
+    const r = t, o = mt(), e = E(() => r.title ? r.title : {
       confirm: "提示",
       info: "提示",
       warning: "警告",
@@ -407,40 +406,40 @@ const G = (t, r) => {
     async function i() {
       r.onCancel && await r.onCancel(), o.close();
     }
-    return (c, p) => (y(), S("section", ot, [
-      g("div", nt, [
-        g("div", st, O(e.value), 1),
-        g("div", rt, O(c.content), 1)
+    return (c, v) => (y(), M("section", tt, [
+      g("div", ot, [
+        g("div", nt, z(e.value), 1),
+        g("div", st, z(c.content), 1)
       ]),
       g("div", {
         class: "dialog-footer space-x-2",
         style: D(c.type === "confirm" ? { "justify-content": "end" } : { "border-top": "none" })
       }, [
-        c.footer ? (y(), I(le(c.footer), { key: 0 })) : (y(), S(Q, { key: 1 }, [
+        c.footer ? (y(), F(le(c.footer), { key: 0 })) : (y(), M(Z, { key: 1 }, [
           g("button", {
             class: "submit-button",
             type: "submit",
             onClick: a
-          }, O(c.okText), 1),
-          c.type === "confirm" ? (y(), S("button", {
+          }, z(c.okText), 1),
+          c.type === "confirm" ? (y(), M("button", {
             key: 0,
             class: "cancel-button",
             type: "button",
             onClick: i
-          }, O(c.cancelText), 1)) : N("", !0)
+          }, z(c.cancelText), 1)) : N("", !0)
         ], 64))
       ], 4)
     ]));
   }
 });
-const lt = /* @__PURE__ */ G(it, [["__scopeId", "data-v-8326e5a5"]]), at = {
+const it = /* @__PURE__ */ G(rt, [["__scopeId", "data-v-8326e5a5"]]), lt = {
   key: 0,
   class: "modal-teleport"
-}, dt = {
+}, at = {
   name: "ModalProvider",
   inheritAttrs: !0
-}, ct = /* @__PURE__ */ te({
-  ...dt,
+}, dt = /* @__PURE__ */ te({
+  ...at,
   props: {
     appendToBody: { type: [Boolean, String], default: !1 },
     sizes: { default: () => ({
@@ -453,15 +452,15 @@ const lt = /* @__PURE__ */ G(it, [["__scopeId", "data-v-8326e5a5"]]), at = {
     offset: { default: () => ({ x: 0, y: 0 }) }
   },
   setup(t, { expose: r }) {
-    const o = B([]), e = T(!1), a = j();
+    const o = O([]), e = T(!1), a = j();
     function i(s, u = {}, l = {}) {
-      const m = Te(
-        () => Promise.resolve(typeof s == "string" ? lt : s)
+      const m = Pe(
+        () => Promise.resolve(typeof s == "string" ? it : s)
       );
       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), C = Object.assign({
-        zIndex: typeof s == "string" ? 1e3 : 1100
-      }, l), R = new Promise((E, F) => {
+        zIndex: typeof s == "string" ? 1100 : 1e3
+      }, l), L = new Promise((S, I) => {
         o.value.push({
           id: f,
           component: m,
@@ -470,13 +469,13 @@ const lt = /* @__PURE__ */ G(it, [["__scopeId", "data-v-8326e5a5"]]), at = {
             ...C,
             type: typeof s == "string" ? s : "component"
           },
-          resolve: E,
-          reject: F,
+          resolve: S,
+          reject: I,
           listeners: []
         }), V(o);
-      }).catch((E) => E === "CANCEL" ? new Promise(() => {
-      }) : Promise.reject(E));
-      return Object.assign(R, {
+      }).catch((S) => S === "CANCEL" ? new Promise(() => {
+      }) : Promise.reject(S));
+      return Object.assign(L, {
         close: () => c(f)
       });
     }
@@ -487,12 +486,12 @@ const lt = /* @__PURE__ */ G(it, [["__scopeId", "data-v-8326e5a5"]]), at = {
       const m = o.value[l];
       u === void 0 ? m == null || m.reject("CANCEL") : m == null || m.resolve(u), o.value.splice(l, 1), V(o);
     }
-    function p() {
+    function v() {
       !o.value || o.value.length === 0 || (o.value.forEach((s) => {
         s == null || s.reject("CANCEL");
       }), o.value = [], V(o));
     }
-    function b(s, u) {
+    function w(s, u) {
       const l = o.value.find((f) => f.id === s);
       if (!l)
         return;
@@ -500,7 +499,7 @@ const lt = /* @__PURE__ */ G(it, [["__scopeId", "data-v-8326e5a5"]]), at = {
       m && m.callback({
         open: i,
         close: (f) => c(l.id, f),
-        closeAll: p,
+        closeAll: v,
         showLoading: () => _(l.id),
         hideLoading: () => h(l.id),
         confirm: (f) => i("confirm", f),
@@ -531,28 +530,28 @@ const lt = /* @__PURE__ */ G(it, [["__scopeId", "data-v-8326e5a5"]]), at = {
         callback: l
       });
     }
-    return Le(K, {
+    return Ae(U, {
       open: i,
       close: c,
-      closeAll: p,
+      closeAll: v,
       addEventListener: d
     }), r({
       elements: o,
       open: i,
       close: c,
-      closeAll: p
-    }), Y(() => {
+      closeAll: v
+    }), K(() => {
       e.value = !0;
-    }), (s, u) => (y(), S(Q, null, [
+    }), (s, u) => (y(), M(Z, null, [
       ne(s.$slots, "default", {}, void 0, !0),
-      e.value ? (y(), S("div", at, [
-        (y(), I(se, {
+      e.value ? (y(), M("div", lt, [
+        (y(), F(se, {
           disabled: !s.appendToBody,
           to: typeof s.appendToBody == "string" ? s.appendToBody : "body"
         }, [
-          Re(ze, { name: "modal-fade" }, {
+          Le(Re, { name: "modal-fade" }, {
             default: Be(() => [
-              (y(!0), S(Q, null, Oe(o.value, (l) => (y(), I(tt, Pe({
+              (y(!0), M(Z, null, Oe(o.value, (l) => (y(), F(et, ze({
                 id: l.id,
                 key: l.id,
                 ref_for: !0,
@@ -564,7 +563,7 @@ const lt = /* @__PURE__ */ G(it, [["__scopeId", "data-v-8326e5a5"]]), at = {
                 offset: s.offset,
                 sizes: s.sizes
               }, l.options, {
-                onSubmit: () => b(l.id, "submit")
+                onSubmit: () => w(l.id, "submit")
               }), null, 16, ["id", "component", "component-props", "max-height", "max-width", "offset", "sizes", "onSubmit"]))), 128))
             ]),
             _: 1
@@ -574,34 +573,34 @@ const lt = /* @__PURE__ */ G(it, [["__scopeId", "data-v-8326e5a5"]]), at = {
     ], 64));
   }
 });
-const _t = /* @__PURE__ */ G(ct, [["__scopeId", "data-v-c32d730b"]]);
-const ut = {}, ft = { class: "modal-footer" };
-function pt(t, r) {
-  return y(), I(se, { to: "#modal-footer-slot" }, [
-    g("div", ft, [
+const yt = /* @__PURE__ */ G(dt, [["__scopeId", "data-v-45a851d0"]]);
+const ct = {}, ut = { class: "modal-footer" };
+function ft(t, r) {
+  return y(), F(se, { to: "#modal-footer-slot" }, [
+    g("div", ut, [
       ne(t.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const bt = /* @__PURE__ */ G(ut, [["render", pt], ["__scopeId", "data-v-2080a86e"]]);
-const vt = {}, ht = { class: "modal-header" };
-function mt(t, r) {
-  return y(), I(se, { to: "#modal-header-slot" }, [
-    g("div", ht, [
+const _t = /* @__PURE__ */ G(ct, [["render", ft], ["__scopeId", "data-v-2080a86e"]]);
+const pt = {}, vt = { class: "modal-header" };
+function ht(t, r) {
+  return y(), F(se, { to: "#modal-header-slot" }, [
+    g("div", vt, [
       ne(t.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const wt = /* @__PURE__ */ G(vt, [["render", mt], ["__scopeId", "data-v-d0247172"]]);
-function X(t, r) {
+const wt = /* @__PURE__ */ G(pt, [["render", ht], ["__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 gt() {
-  const t = oe(K), r = j();
+function mt() {
+  const t = oe(U), r = j();
   function o(e, a, i) {
     if (!t)
       throw new Error("Not Found Modal Provider Component");
@@ -613,7 +612,7 @@ function gt() {
       var c;
       if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const a = X(r, "ModalContainer"), i = (c = a == null ? void 0 : a.props) == null ? void 0 : c.id;
+      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");
       t.close(i, e);
@@ -627,7 +626,7 @@ function gt() {
       var i;
       if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const e = X(r, "ModalContainer");
+      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());
@@ -636,7 +635,7 @@ function gt() {
       var i;
       if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const e = X(r, "ModalContainer");
+      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());
@@ -658,17 +657,17 @@ function gt() {
     }
   };
 }
-function xt(t) {
+function bt(t) {
   var i;
-  const r = oe(K), o = j(), e = X(o, "ModalContainer"), a = (i = e == null ? void 0 : e.props) == null ? void 0 : i.id;
+  const r = oe(U), o = j(), 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 {
-  tt as ModalContainer,
-  bt as ModalFooter,
+  et as ModalContainer,
+  _t as ModalFooter,
   wt as ModalHeader,
-  K as ModalKey,
-  _t as ModalProvider,
-  xt as onSubmit,
-  gt as useModal
+  U as ModalKey,
+  yt as ModalProvider,
+  bt as onSubmit,
+  mt 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-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-c32d730b],.modal-fade-leave-active[data-v-c32d730b]{transition:opacity .5s ease}.modal-fade-enter-active[data-v-c32d730b] .modal-content.drawer-mode,.modal-fade-leave-active[data-v-c32d730b] .modal-content.drawer-mode{transition:transform .5s ease}.modal-fade-enter-from[data-v-c32d730b],.modal-fade-leave-to[data-v-c32d730b]{opacity:0}.modal-fade-enter-from[data-v-c32d730b] .modal-content.drawer-mode,.modal-fade-leave-to[data-v-c32d730b] .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-189513f2]{z-index:var(--b10a2d42);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-189513f2]{background:#ffffff;border-radius:5px;position:relative}.modal-header[data-v-189513f2]{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-189513f2]{padding:10px;box-sizing:border-box;overflow:auto;position:relative}.modal-footer[data-v-189513f2]{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-189513f2]{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-189513f2]{color:#fff;background-color:rgb(var(--primary-6, 45, 106, 251))}.modal-footer button.submit-button[data-v-189513f2]:hover{background-color:rgb(var(--primary-5, 28, 76, 207))}.modal-footer button.cancel-button[data-v-189513f2]{color:rgb(var(--color-text-2, 78, 89, 105));background-color:var(--color-fill-1, #f5f5f5)}.modal-footer button.cancel-button[data-v-189513f2]:hover{background-color:var(--color-fill-4, #c9cdd4)}.modal-loading[data-v-189513f2]{position:absolute;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-189513f2]{display:inline-block;position:relative;width:80px;height:80px}.modal-loading .lds-ring div[data-v-189513f2]{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring-189513f2 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.modal-loading .lds-ring div[data-v-189513f2]:nth-child(1){animation-delay:-.45s}.modal-loading .lds-ring div[data-v-189513f2]:nth-child(2){animation-delay:-.3s}.modal-loading .lds-ring div[data-v-189513f2]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-189513f2{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-45a851d0],.modal-fade-leave-active[data-v-45a851d0]{transition:opacity .5s ease}.modal-fade-enter-active[data-v-45a851d0] .modal-content.drawer-mode,.modal-fade-leave-active[data-v-45a851d0] .modal-content.drawer-mode{transition:transform .5s ease}.modal-fade-enter-from[data-v-45a851d0],.modal-fade-leave-to[data-v-45a851d0]{opacity:0}.modal-fade-enter-from[data-v-45a851d0] .modal-content.drawer-mode,.modal-fade-leave-to[data-v-45a851d0] .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.36",
+  "version": "0.0.37",
   "author": {
     "name": "zhuchentong",
     "email": "2037630@gmail.com"