@gopowerteam/modal-render 0.0.22 → 0.0.24

package/dist/cjs/components/modal-footer.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/cjs/components/modal-provider.vue.d.ts

@@ -14,9 +14,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maxWidth: string;
     maxHeight: string;
     sizes: () => {
-        small: string;
-        middle: string;
-        large: string;
+        small: number;
+        middle: number;
+        large: number;
     };
     offset: () => {
         x: number;
@@ -43,9 +43,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maxWidth: string;
     maxHeight: string;
     sizes: () => {
-        small: string;
-        middle: string;
-        large: string;
+        small: number;
+        middle: number;
+        large: number;
     };
     offset: () => {
         x: number;

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 F(n){return e.getCurrentScope()?(e.onScopeDispose(n),!0):!1}function w(n){return typeof n=="function"?n():e.unref(n)}const T=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const W=Object.prototype.toString,I=n=>W.call(n)==="[object Object]",H=()=>{};function j(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 i;if((i=w(s.replaceRef))!=null?i:!0)if(Array.isArray(n.value)){const v=[...n.value];v[t]=a,n.value=v}else{const v={...n.value,[t]:a};Object.setPrototypeOf(v,Object.getPrototypeOf(n.value)),n.value=v}else n.value[t]=a}}));return r}function G(n){var s;const r=w(n);return(s=r==null?void 0:r.$el)!=null?s:r}const z=T?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=z):[s,r,t,a]=n,!s)return H;Array.isArray(r)||(r=[r]),Array.isArray(t)||(t=[t]);const i=[],p=()=>{i.forEach(m=>m()),i.length=0},v=(m,h,l,f)=>(m.addEventListener(h,l,f),()=>m.removeEventListener(h,l,f)),C=e.watch(()=>[G(s),w(a)],([m,h])=>{if(p(),!m)return;const l=I(h)?{...h}:h;i.push(...r.flatMap(f=>t.map(c=>v(m,f,c,l))))},{immediate:!0,flush:"post"}),b=()=>{C(),p()};return F(b),b}function K(n,s={}){var r,t;const{pointerTypes:a,preventDefault:i,stopPropagation:p,exact:v,onMove:C,onEnd:b,onStart:m,initialValue:h,axis:l="both",draggingElement:f=z,containerElement:c,handle:y=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,B=u=>{w(i)&&u.preventDefault(),w(p)&&u.stopPropagation()},V=u=>{var S;if(!E(u)||w(v)&&u.target!==w(n))return;const _=w(c),x=(S=_==null?void 0:_.getBoundingClientRect)==null?void 0:S.call(_),o=w(n).getBoundingClientRect(),g={x:u.clientX-(_?o.left-x.left:o.left),y:u.clientY-(_?o.top-x.top:o.top)};(m==null?void 0:m(g,u))!==!1&&(k.value=g,B(u))},$=u=>{var S;if(!E(u)||!k.value)return;const _=w(c),x=(S=_==null?void 0:_.getBoundingClientRect)==null?void 0:S.call(_),o=w(n).getBoundingClientRect();let{x:g,y:M}=d.value;(l==="x"||l==="both")&&(g=u.clientX-k.value.x,_&&(g=Math.min(Math.max(0,g),x.width-o.width))),(l==="y"||l==="both")&&(M=u.clientY-k.value.y,_&&(M=Math.min(Math.max(0,M),x.height-o.height))),d.value={x:g,y:M},C==null||C(d.value,u),B(u)},A=u=>{E(u)&&k.value&&(k.value=void 0,b==null||b(d.value,u),B(u))};if(T){const u={capture:(t=s.capture)!=null?t:!0};P(y,"pointerdown",V,u),P(f,"pointermove",$,u),P(f,"pointerup",A,u)}return{...j(d),position:d,isDragging:e.computed(()=>!!k.value),style:e.computed(()=>`left:${d.value.x}px;top:${d.value.y}px;`)}}const X=n=>(e.pushScopeId("data-v-b6121e9b"),n=n(),e.popScopeId(),n),Y={class:"title text-16px font-bold"},q={class:"action"},U={key:1,class:"modal-footer space-x-2"},J=["form"],Q={key:2,class:"modal-loading"},Z=X(()=>e.createElementVNode("div",{class:"lds-ring"},[e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div")],-1)),ee=[Z],te={name:"ModalContainer",inheritAttrs:!0},oe=e.defineComponent({...te,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,i=e.inject(N),p=e.ref(!1);let v=0,C=0;const b=e.shallowRef(),m=e.shallowRef(),h=e.shallowRef(),{x:l,y:f}=K(h,{initialValue:{x:0,y:0}});function c(){i==null||i.close(t.id)}function y(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=y(t.sizes[t.size])),t.width&&(o.width=y(t.width)),t.maxWidth&&(o.maxWidth=y(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(${l.value-v}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}),B=e.computed(()=>{var g;const o={};return t.maxHeight&&(o.maxHeight=`calc(${(g=y(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 V(){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 $(){i==null||i.close(t.id)}function A(){window&&window.addEventListener("resize",()=>{e.triggerRef(b),e.triggerRef(m),m.value&&(v=m.value.offsetLeft,C=m.value.offsetTop)})}function u(){if(t.closeable&&t.esc){const o=({key:g})=>{g==="Escape"&&(i==null||i.close(t.id),window.removeEventListener("keydown",o))};window.addEventListener("keydown",o)}}function S(){v=m.value.offsetLeft,C=m.value.offsetTop}e.onMounted(()=>{u(),A()}),e.onUnmounted(()=>{});function _(){return p.value=!0,()=>x()}function x(){p.value=!1}return s({showLoading:_,hideLoading:x}),(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),e.createElementVNode("div",{class:"modal-body",style:e.normalizeStyle(B.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.component),e.normalizeProps(e.guardReactiveProps(o.componentProps)),null,16))],4),o.footer?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("button",{class:"cancel-button",type:"button",onClick:$},e.toDisplayString(o.cancelText),1),e.createElementVNode("button",{class:"submit-button",form:o.form,type:"submit",onClick:V},e.toDisplayString(o.submitText),9,J)])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("div",Q,ee)):e.createCommentVNode("",!0)],6)],4))}});const R=(n,s)=>{const r=n.__vccOpts||n;for(const[t,a]of s)r[t]=a;return r},D=R(oe,[["__scopeId","data-v-b6121e9b"]]),ne={class:"modal-dialog"},re={class:"dialog-body"},ie={class:"dialog-title"},le={class:"dialog-content"},se=e.defineComponent({__name:"modal-dialog",props:{type:{},title:{},content:{},okText:{default:"确定"},cancelText:{default:"取消"},onOk:{},onCancel:{},footer:{}},setup(n){const s=n,r=O(),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 i(){s.onCancel&&await s.onCancel(),r.close()}return(p,v)=>(e.openBlock(),e.createElementBlock("section",ne,[e.createElementVNode("div",re,[e.createElementVNode("div",ie,e.toDisplayString(t.value),1),e.createElementVNode("div",le,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:i},e.toDisplayString(p.cancelText),1)):e.createCommentVNode("",!0)],64))],4)]))}});const ae=R(se,[["__scopeId","data-v-8326e5a5"]]),ce={key:0,class:"modal-teleport"},de={name:"ModalProvider",inheritAttrs:!0},ue=e.defineComponent({...de,props:{appendToBody:{type:[Boolean,String],default:!1},sizes:{default:()=>({small:"50%",middle:"70%",large:"90%"})},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 i(l,f={},c={}){const y=e.defineAsyncComponent(()=>Promise.resolve(typeof l=="string"?ae:l));typeof l=="string"&&(f.type=l,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,B)=>{r.value.push({id:d,component:y,props:f||{},options:{...c,type:typeof l=="string"?l:"component"},resolve:E,reject:B,listeners:[]}),e.triggerRef(r)}).catch(E=>E==="CANCEL"?new Promise(()=>{}):Promise.reject(E));return Object.assign(k,{close:()=>p(d)})}function p(l,f){const c=r.value.findIndex(d=>d.id===l);if(c<0)return;const y=r.value[c];f===void 0?y==null||y.reject("CANCEL"):y==null||y.resolve(f),r.value.splice(c,1),e.triggerRef(r)}function v(){!r.value||r.value.length===0||(r.value.forEach(l=>{l==null||l.reject("CANCEL")}),r.value=[],e.triggerRef(r))}function C(l,f){const c=r.value.find(d=>d.id===l);if(!c)return;const y=c.listeners.find(d=>d.event===f);y&&y.callback({open:i,close:d=>p(c.id,d),closeAll:v,showLoading:()=>b(c.id),hideLoading:()=>m(c.id),confirm:d=>i("confirm",d),success:d=>i("success",d),error:d=>i("error",d),warning:d=>i("warning",d),info:d=>i("info",d)})}function b(l){if(!a)return;const[f]=a.refs[`modal-container_${l}`];if(f)return f.showLoading()}function m(l){if(!a)return;const[f]=a.refs[`modal-container_${l}`];if(f)return f.hideLoading()}function h(l,f,c){const y=r.value.find(d=>d.id===l);y&&y.listeners.push({event:f,callback:c})}return e.provide(N,{open:i,close:p,closeAll:v,addEventListener:h}),s({elements:r,open:i,close:p,closeAll:v}),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",ce,[(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(r.value,c=>(e.openBlock(),e.createBlock(D,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":l.maxHeight,"max-width":l.maxWidth,offset:l.offset,sizes:l.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 fe=R(ue,[["__scopeId","data-v-cdd9e7f0"]]);function L(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 O(){const n=e.inject(N),s=e.getCurrentInstance();function r(t,a,i){if(!n)throw new Error("Not Found Modal Provider Component");return n.open(t,a,i)}return{open:r,close(t){var p;if(!n)throw new Error("Not Found Modal Provider Component");const a=L(s,"ModalContainer"),i=(p=a==null?void 0:a.props)==null?void 0:p.id;if(!i)throw new Error("Not Found Current Modal Container");n.close(i,t)},closeAll(){if(!n)throw new Error("Not Found Modal Provider Component");n.closeAll()},showLoading(){var i;if(!n)throw new Error("Not Found Modal Provider Component");const t=L(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(!n)throw new Error("Not Found Modal Provider Component");const t=L(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 pe(n){var i;const s=e.inject(N),r=e.getCurrentInstance(),t=L(r,"ModalContainer"),a=(i=t==null?void 0:t.props)==null?void 0:i.id;s&&a&&s.addEventListener(a,"submit",n)}exports.ModalContainer=D;exports.ModalKey=N;exports.ModalProvider=fe;exports.onSubmit=pe;exports.useModal=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");const N=Symbol("__MODAL__");function I(n){return e.getCurrentScope()?(e.onScopeDispose(n),!0):!1}function w(n){return typeof n=="function"?n():e.unref(n)}const R=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const W=Object.prototype.toString,H=n=>W.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 z=R?window:void 0;function T(...n){let s,r,t,a;if(typeof n[0]=="string"||Array.isArray(n[0])?([r,t,a]=n,s=z):[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=H(h)?{...h}:h;l.push(...r.flatMap(f=>t.map(c=>y(m,f,c,i))))},{immediate:!0,flush:"post"}),b=()=>{C(),p()};return I(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=z,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)},P=u=>{E(u)&&k.value&&(k.value=void 0,b==null||b(d.value,u),x(u))};if(R){const u={capture:(t=s.capture)!=null?t:!0};T(v,"pointerdown",L,u),T(f,"pointermove",A,u),T(f,"pointerup",P,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 D=n=>(e.pushScopeId("data-v-ea168324"),n=n(),e.popScopeId(),n),Y={class:"title text-16px font-bold"},q={class:"action"},U={key:1,class:"modal-footer space-x-2"},J=["form"],Q=D(()=>e.createElementVNode("div",{id:"modal-footer-slot"},null,-1)),Z={key:2,class:"modal-loading"},ee=D(()=>e.createElementVNode("div",{class:"lds-ring"},[e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div")],-1)),te=[ee],oe={name:"ModalContainer",inheritAttrs:!0},ne=e.defineComponent({...oe,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 P(){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(),P()}),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),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),o.footer?(e.openBlock(),e.createElementBlock("div",U,[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,J)])):e.createCommentVNode("",!0),Q,p.value?(e.openBlock(),e.createElementBlock("div",Z,te)):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=$(ne,[["__scopeId","data-v-ea168324"]]),re={class:"modal-dialog"},le={class:"dialog-body"},ie={class:"dialog-title"},se={class:"dialog-content"},ae=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",re,[e.createElementVNode("div",le,[e.createElementVNode("div",ie,e.toDisplayString(t.value),1),e.createElementVNode("div",se,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 ce=$(ae,[["__scopeId","data-v-8326e5a5"]]),de={key:0,class:"modal-teleport"},ue={name:"ModalProvider",inheritAttrs:!0},fe=e.defineComponent({...ue,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"?ce: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",de,[(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 pe=$(fe,[["__scopeId","data-v-241a8304"]]);const me={},ve={class:"modal-footer"};function ye(n,s){return e.openBlock(),e.createBlock(e.Teleport,{to:"#modal-footer-slot"},[e.createElementVNode("div",ve,[e.renderSlot(n.$slots,"default",{},void 0,!0)])])}const ge=$(me,[["render",ye],["__scopeId","data-v-758ef59c"]]);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 he(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=ge;exports.ModalKey=N;exports.ModalProvider=pe;exports.onSubmit=he;exports.useModal=F;

package/dist/cjs/index.d.ts

@@ -1,7 +1,8 @@
 import ModalProvider from './components/modal-provider.vue';
 import ModalContainer from './components/modal-container.vue';
+import ModalFooter from './components/modal-footer.vue';
 import { useModal } from './hooks/use-modal';
 import { ModalKey } from './constants';
 export { onSubmit } from './hooks/on-submit';
 export * from './interfaces';
-export { ModalContainer, ModalProvider, useModal, ModalKey, };
+export { ModalContainer, ModalProvider, ModalFooter, useModal, ModalKey, };

package/dist/cjs/interfaces.d.ts

@@ -1,9 +1,9 @@
 import type { CSSProperties, Component } from 'vue';
 import type { useModal } from './hooks/use-modal';
 export interface SizeOptions {
-    small: string;
-    middle: string;
-    large: string;
+    small: string | number;
+    middle: string | number;
+    large: string | number;
 }
 export interface OpenModalOptions {
     closeable?: boolean;

package/dist/es/components/modal-footer.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/modal-provider.vue.d.ts

@@ -14,9 +14,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maxWidth: string;
     maxHeight: string;
     sizes: () => {
-        small: string;
-        middle: string;
-        large: string;
+        small: number;
+        middle: number;
+        large: number;
     };
     offset: () => {
         x: number;
@@ -43,9 +43,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maxWidth: string;
     maxHeight: string;
     sizes: () => {
-        small: string;
-        middle: string;
-        large: string;
+        small: number;
+        middle: number;
+        large: number;
     };
     offset: () => {
         x: number;

package/dist/es/index.d.ts

@@ -1,7 +1,8 @@
 import ModalProvider from './components/modal-provider.vue';
 import ModalContainer from './components/modal-container.vue';
+import ModalFooter from './components/modal-footer.vue';
 import { useModal } from './hooks/use-modal';
 import { ModalKey } from './constants';
 export { onSubmit } from './hooks/on-submit';
 export * from './interfaces';
-export { ModalContainer, ModalProvider, useModal, ModalKey, };
+export { ModalContainer, ModalProvider, ModalFooter, useModal, ModalKey, };

package/dist/es/index.mjs

@@ -1,21 +1,21 @@
-import { unref as ee, isRef as te, toRefs as oe, customRef as ne, getCurrentScope as ie, onScopeDispose as re, ref as D, computed as A, watch as se, defineComponent as X, inject as Y, shallowRef as R, onMounted as U, onUnmounted as le, openBlock as g, createElementBlock as x, normalizeStyle as O, withModifiers as ae, createElementVNode as h, normalizeClass as de, toDisplayString as P, createCommentVNode as T, createBlock as W, resolveDynamicComponent as J, normalizeProps as ce, guardReactiveProps as ue, triggerRef as z, pushScopeId as fe, popScopeId as pe, Fragment as G, getCurrentInstance as K, provide as me, renderSlot as ve, Teleport as ye, createVNode as he, TransitionGroup as ge, withCtx as _e, renderList as we, mergeProps as be, defineAsyncComponent as Ce } from "vue";
-const F = Symbol("__MODAL__");
-function xe(o) {
-  return ie() ? (re(o), !0) : !1;
+import { unref as ne, isRef as ie, toRefs as re, customRef as se, getCurrentScope as le, onScopeDispose as ae, ref as F, computed as A, watch as de, defineComponent as Y, inject as K, shallowRef as N, onMounted as U, onUnmounted as ce, openBlock as g, createElementBlock as x, normalizeStyle as O, withModifiers as ue, createElementVNode as y, normalizeClass as fe, toDisplayString as P, createCommentVNode as T, createBlock as R, resolveDynamicComponent as J, normalizeProps as pe, guardReactiveProps as me, triggerRef as z, pushScopeId as ve, popScopeId as he, Fragment as X, getCurrentInstance as q, provide as ye, renderSlot as Q, Teleport as Z, 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;
 }
 function b(o) {
-  return typeof o == "function" ? o() : ee(o);
+  return typeof o == "function" ? o() : ne(o);
 }
-const Q = typeof window < "u" && typeof document < "u";
+const ee = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const ke = Object.prototype.toString, Me = (o) => ke.call(o) === "[object Object]", Ee = () => {
+const Me = Object.prototype.toString, Ee = (o) => Me.call(o) === "[object Object]", Se = () => {
 };
-function Se(o, s = {}) {
-  if (!te(o))
-    return oe(o);
+function $e(o, s = {}) {
+  if (!ie(o))
+    return re(o);
   const n = Array.isArray(o.value) ? Array.from({ length: o.value.length }) : {};
   for (const e in o.value)
-    n[e] = ne(() => ({
+    n[e] = se(() => ({
       get() {
         return o.value[e];
       },
@@ -40,20 +40,20 @@ function Le(o) {
   const n = b(o);
   return (s = n == null ? void 0 : n.$el) != null ? s : n;
 }
-const Z = Q ? window : void 0;
-function j(...o) {
+const te = ee ? 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 = Z) : [s, n, e, l] = o, !s)
-    return Ee;
+  if (typeof o[0] == "string" || Array.isArray(o[0]) ? ([n, e, l] = o, s = te) : [s, n, e, l] = o, !s)
+    return Se;
   Array.isArray(n) || (n = [n]), Array.isArray(e) || (e = [e]);
   const i = [], f = () => {
     i.forEach((p) => p()), i.length = 0;
-  }, v = (p, _, r, u) => (p.addEventListener(_, r, u), () => p.removeEventListener(_, r, u)), k = se(
+  }, v = (p, _, r, u) => (p.addEventListener(_, r, u), () => p.removeEventListener(_, r, u)), k = de(
     () => [Le(s), b(l)],
     ([p, _]) => {
       if (f(), !p)
         return;
-      const r = Me(_) ? { ..._ } : _;
+      const r = Ee(_) ? { ..._ } : _;
       i.push(
         ...n.flatMap((u) => e.map((a) => v(p, u, a, r)))
       );
@@ -62,9 +62,9 @@ function j(...o) {
   ), M = () => {
     k(), f();
   };
-  return xe(M), M;
+  return ke(M), M;
 }
-function $e(o, s = {}) {
+function Ae(o, s = {}) {
   var n, e;
   const {
     pointerTypes: l,
@@ -76,41 +76,41 @@ function $e(o, s = {}) {
     onStart: p,
     initialValue: _,
     axis: r = "both",
-    draggingElement: u = Z,
+    draggingElement: u = te,
     containerElement: a,
     handle: m = o
-  } = s, d = D(
+  } = s, d = F(
     (n = b(_)) != null ? n : { x: 0, y: 0 }
-  ), C = D(), E = (c) => l ? l.includes(c.pointerType) : !0, L = (c) => {
+  ), C = F(), E = (c) => l ? l.includes(c.pointerType) : !0, $ = (c) => {
     b(i) && c.preventDefault(), b(f) && c.stopPropagation();
-  }, H = (c) => {
-    var $;
+  }, I = (c) => {
+    var L;
     if (!E(c) || b(v) && c.target !== b(o))
       return;
-    const w = b(a), S = ($ = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : $.call(w), t = b(o).getBoundingClientRect(), y = {
+    const w = b(a), S = (L = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : L.call(w), t = b(o).getBoundingClientRect(), h = {
       x: c.clientX - (w ? t.left - S.left : t.left),
       y: c.clientY - (w ? t.top - S.top : t.top)
     };
-    (p == null ? void 0 : p(y, c)) !== !1 && (C.value = y, L(c));
-  }, I = (c) => {
-    var $;
+    (p == null ? void 0 : p(h, c)) !== !1 && (C.value = h, $(c));
+  }, V = (c) => {
+    var L;
     if (!E(c) || !C.value)
       return;
-    const w = b(a), S = ($ = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : $.call(w), t = b(o).getBoundingClientRect();
-    let { x: y, y: B } = d.value;
-    (r === "x" || r === "both") && (y = c.clientX - C.value.x, w && (y = Math.min(Math.max(0, y), S.width - t.width))), (r === "y" || r === "both") && (B = c.clientY - C.value.y, w && (B = Math.min(Math.max(0, B), S.height - t.height))), d.value = {
-      x: y,
+    const w = b(a), S = (L = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : L.call(w), t = b(o).getBoundingClientRect();
+    let { x: h, y: B } = d.value;
+    (r === "x" || r === "both") && (h = c.clientX - C.value.x, w && (h = Math.min(Math.max(0, h), S.width - t.width))), (r === "y" || r === "both") && (B = c.clientY - C.value.y, w && (B = Math.min(Math.max(0, B), S.height - t.height))), d.value = {
+      x: h,
       y: B
-    }, k == null || k(d.value, c), L(c);
-  }, V = (c) => {
-    E(c) && C.value && (C.value = void 0, M == null || M(d.value, c), L(c));
+    }, k == null || k(d.value, c), $(c);
+  }, j = (c) => {
+    E(c) && C.value && (C.value = void 0, M == null || M(d.value, c), $(c));
   };
-  if (Q) {
+  if (ee) {
     const c = { capture: (e = s.capture) != null ? e : !0 };
-    j(m, "pointerdown", H, c), j(u, "pointermove", I, c), j(u, "pointerup", V, c);
+    G(m, "pointerdown", I, c), G(u, "pointermove", V, c), G(u, "pointerup", j, c);
   }
   return {
-    ...Se(d),
+    ...$e(d),
     position: d,
     isDragging: A(() => !!C.value),
     style: A(
@@ -118,24 +118,24 @@ function $e(o, s = {}) {
     )
   };
 }
-const Ae = (o) => (fe("data-v-b6121e9b"), o = o(), pe(), o), Pe = { class: "title text-16px font-bold" }, Te = { class: "action" }, Be = {
+const oe = (o) => (ve("data-v-ea168324"), o = o(), he(), o), Pe = { class: "title text-16px font-bold" }, Te = { class: "action" }, Be = {
   key: 1,
   class: "modal-footer space-x-2"
-}, Oe = ["form"], ze = {
+}, Oe = ["form"], ze = /* @__PURE__ */ oe(() => /* @__PURE__ */ y("div", { id: "modal-footer-slot" }, null, -1)), Re = {
   key: 2,
   class: "modal-loading"
-}, Re = /* @__PURE__ */ Ae(() => /* @__PURE__ */ h("div", { class: "lds-ring" }, [
-  /* @__PURE__ */ h("div"),
-  /* @__PURE__ */ h("div"),
-  /* @__PURE__ */ h("div"),
-  /* @__PURE__ */ h("div")
-], -1)), Ne = [
-  Re
-], De = {
+}, Ne = /* @__PURE__ */ oe(() => /* @__PURE__ */ y("div", { class: "lds-ring" }, [
+  /* @__PURE__ */ y("div"),
+  /* @__PURE__ */ y("div"),
+  /* @__PURE__ */ y("div"),
+  /* @__PURE__ */ y("div")
+], -1)), De = [
+  Ne
+], Fe = {
   name: "ModalContainer",
   inheritAttrs: !0
-}, We = /* @__PURE__ */ X({
-  ...De,
+}, We = /* @__PURE__ */ Y({
+  ...Fe,
   props: {
     id: {},
     form: {},
@@ -164,9 +164,9 @@ const Ae = (o) => (fe("data-v-b6121e9b"), o = o(), pe(), o), Pe = { class: "titl
   },
   emits: ["submit"],
   setup(o, { expose: s, emit: n }) {
-    const e = o, l = n, i = Y(F), f = D(!1);
+    const e = o, l = n, i = K(W), f = F(!1);
     let v = 0, k = 0;
-    const M = R(), p = R(), _ = R(), { x: r, y: u } = $e(_, {
+    const M = N(), p = N(), _ = N(), { x: r, y: u } = Ae(_, {
       initialValue: { x: 0, y: 0 }
     });
     function a() {
@@ -187,41 +187,41 @@ const Ae = (o) => (fe("data-v-b6121e9b"), o = o(), pe(), o), Pe = { class: "titl
     }), E = A(() => {
       const t = {};
       return e.draggable && !e.fullscreen && e.mode === "dialog" && (t.cursor = "move"), t;
-    }), L = A(() => {
-      var y;
+    }), $ = A(() => {
+      var h;
       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;
+      return e.maxHeight && (t.maxHeight = `calc(${(h = m(e.maxHeight)) == null ? void 0 : h.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;
     });
-    function H() {
+    function I() {
       const t = p.value;
       if (e.form && t) {
-        const y = t.querySelector(`form[name="${e.form}"]`);
-        y && y.dispatchEvent(new Event("submit"));
+        const h = t.querySelector(`form[name="${e.form}"]`);
+        h && h.dispatchEvent(new Event("submit"));
       }
       l("submit");
     }
-    function I() {
+    function V() {
       i == null || i.close(e.id);
     }
-    function V() {
+    function j() {
       window && window.addEventListener("resize", () => {
         z(M), z(p), p.value && (v = p.value.offsetLeft, k = p.value.offsetTop);
       });
     }
     function c() {
       if (e.closeable && e.esc) {
-        const t = ({ key: y }) => {
-          y === "Escape" && (i == null || i.close(e.id), window.removeEventListener("keydown", t));
+        const t = ({ key: h }) => {
+          h === "Escape" && (i == null || i.close(e.id), window.removeEventListener("keydown", t));
         };
         window.addEventListener("keydown", t);
       }
     }
-    function $() {
+    function L() {
       v = p.value.offsetLeft, k = p.value.offsetTop;
     }
     U(() => {
-      c(), V();
-    }), le(() => {
+      c(), j();
+    }), ce(() => {
     });
     function w() {
       return f.value = !0, () => S();
@@ -232,17 +232,17 @@ const Ae = (o) => (fe("data-v-b6121e9b"), o = o(), pe(), o), Pe = { class: "titl
     return s({
       showLoading: w,
       hideLoading: S
-    }), (t, y) => (g(), x("div", {
+    }), (t, h) => (g(), x("div", {
       ref_key: "wrapperRef",
       ref: M,
       class: "modal-wrapper",
       style: O(d.value),
-      onClick: y[0] || (y[0] = ae((B) => t.maskClosable && a(), ["self"]))
+      onClick: h[0] || (h[0] = ue((B) => t.maskClosable && a(), ["self"]))
     }, [
-      h("div", {
+      y("div", {
         ref_key: "contentRef",
         ref: p,
-        class: de(["modal-content", { [`${t.mode}-mode`]: !0 }]),
+        class: fe(["modal-content", { [`${t.mode}-mode`]: !0 }]),
         style: O(C.value)
       }, [
         t.header ? (g(), x("div", {
@@ -251,10 +251,10 @@ const Ae = (o) => (fe("data-v-b6121e9b"), o = o(), pe(), o), Pe = { class: "titl
           ref: _,
           class: "modal-header",
           style: O(E.value),
-          onMousedown: $
+          onMousedown: L
         }, [
-          h("div", Pe, P(t.title), 1),
-          h("div", Te, [
+          y("div", Pe, P(t.title), 1),
+          y("div", Te, [
             t.closeable ? (g(), x("div", {
               key: 0,
               class: "i-icon-park-outline:close block cursor-pointer",
@@ -262,36 +262,37 @@ const Ae = (o) => (fe("data-v-b6121e9b"), o = o(), pe(), o), Pe = { class: "titl
             })) : T("", !0)
           ])
         ], 36)) : T("", !0),
-        h("div", {
+        y("div", {
           class: "modal-body",
-          style: O(L.value)
+          style: O($.value)
         }, [
-          (g(), W(J(t.component), ce(ue(t.componentProps)), null, 16))
+          (g(), R(J(t.component), pe(me(t.componentProps)), null, 16))
         ], 4),
         t.footer ? (g(), x("div", Be, [
-          h("button", {
+          y("button", {
             class: "cancel-button",
             type: "button",
-            onClick: I
+            onClick: V
           }, P(t.cancelText), 1),
-          h("button", {
+          y("button", {
             class: "submit-button",
             form: t.form,
             type: "submit",
-            onClick: H
+            onClick: I
           }, P(t.submitText), 9, Oe)
         ])) : T("", !0),
-        f.value ? (g(), x("div", ze, Ne)) : T("", !0)
+        ze,
+        f.value ? (g(), x("div", Re, De)) : T("", !0)
       ], 6)
     ], 4));
   }
 });
-const q = (o, s) => {
+const H = (o, s) => {
   const n = o.__vccOpts || o;
   for (const [e, l] of s)
     n[e] = l;
   return n;
-}, Fe = /* @__PURE__ */ q(We, [["__scopeId", "data-v-b6121e9b"]]), He = { class: "modal-dialog" }, Ie = { class: "dialog-body" }, Ve = { class: "dialog-title" }, je = { class: "dialog-content" }, Ge = /* @__PURE__ */ X({
+}, He = /* @__PURE__ */ H(We, [["__scopeId", "data-v-ea168324"]]), Ie = { class: "modal-dialog" }, Ve = { class: "dialog-body" }, je = { class: "dialog-title" }, Ge = { class: "dialog-content" }, Xe = /* @__PURE__ */ Y({
   __name: "modal-dialog",
   props: {
     type: {},
@@ -304,7 +305,7 @@ const q = (o, s) => {
     footer: {}
   },
   setup(o) {
-    const s = o, n = Ue(), e = A(() => s.title ? s.title : {
+    const s = o, n = et(), e = A(() => s.title ? s.title : {
       confirm: "提示",
       info: "提示",
       warning: "警告",
@@ -317,17 +318,17 @@ const q = (o, s) => {
     async function i() {
       s.onCancel && await s.onCancel(), n.close();
     }
-    return (f, v) => (g(), x("section", He, [
-      h("div", Ie, [
-        h("div", Ve, P(e.value), 1),
-        h("div", je, P(f.content), 1)
+    return (f, v) => (g(), x("section", Ie, [
+      y("div", Ve, [
+        y("div", je, P(e.value), 1),
+        y("div", Ge, P(f.content), 1)
       ]),
-      h("div", {
+      y("div", {
         class: "dialog-footer space-x-2",
         style: O(f.type === "confirm" ? { "justify-content": "end" } : { "border-top": "none" })
       }, [
-        f.footer ? (g(), W(J(f.footer), { key: 0 })) : (g(), x(G, { key: 1 }, [
-          h("button", {
+        f.footer ? (g(), R(J(f.footer), { key: 0 })) : (g(), x(X, { key: 1 }, [
+          y("button", {
             class: "submit-button",
             type: "submit",
             onClick: l
@@ -343,33 +344,33 @@ const q = (o, s) => {
     ]));
   }
 });
-const Xe = /* @__PURE__ */ q(Ge, [["__scopeId", "data-v-8326e5a5"]]), Ye = {
+const Ye = /* @__PURE__ */ H(Xe, [["__scopeId", "data-v-8326e5a5"]]), Ke = {
   key: 0,
   class: "modal-teleport"
-}, Ke = {
+}, qe = {
   name: "ModalProvider",
   inheritAttrs: !0
-}, qe = /* @__PURE__ */ X({
-  ...Ke,
+}, Ue = /* @__PURE__ */ Y({
+  ...qe,
   props: {
     appendToBody: { type: [Boolean, String], default: !1 },
     sizes: { default: () => ({
-      small: "50%",
-      middle: "70%",
-      large: "90%"
+      small: 520,
+      middle: 860,
+      large: 1190
     }) },
     maxWidth: { default: "90%" },
     maxHeight: { default: "90%" },
     offset: { default: () => ({ x: 0, y: 0 }) }
   },
   setup(o, { expose: s }) {
-    const n = R([]), e = D(!1), l = K();
+    const n = N([]), e = F(!1), l = q();
     function i(r, u = {}, a = {}) {
-      const m = Ce(
-        () => Promise.resolve(typeof r == "string" ? Xe : r)
+      const m = xe(
+        () => Promise.resolve(typeof r == "string" ? Ye : r)
       );
       typeof r == "string" && (u.type = r, 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, L) => {
+      const d = Math.random().toString(32).slice(2), C = new Promise((E, $) => {
         n.value.push({
           id: d,
           component: m,
@@ -379,7 +380,7 @@ const Xe = /* @__PURE__ */ q(Ge, [["__scopeId", "data-v-8326e5a5"]]), Ye = {
             type: typeof r == "string" ? r : "component"
           },
           resolve: E,
-          reject: L,
+          reject: $,
           listeners: []
         }), z(n);
       }).catch((E) => E === "CANCEL" ? new Promise(() => {
@@ -439,7 +440,7 @@ const Xe = /* @__PURE__ */ q(Ge, [["__scopeId", "data-v-8326e5a5"]]), Ye = {
         callback: a
       });
     }
-    return me(F, {
+    return ye(W, {
       open: i,
       close: f,
       closeAll: v,
@@ -451,16 +452,16 @@ const Xe = /* @__PURE__ */ q(Ge, [["__scopeId", "data-v-8326e5a5"]]), Ye = {
       closeAll: v
     }), U(() => {
       e.value = !0;
-    }), (r, u) => (g(), x(G, null, [
-      ve(r.$slots, "default", {}, void 0, !0),
-      e.value ? (g(), x("div", Ye, [
-        (g(), W(ye, {
+    }), (r, u) => (g(), x(X, null, [
+      Q(r.$slots, "default", {}, void 0, !0),
+      e.value ? (g(), x("div", Ke, [
+        (g(), R(Z, {
           disabled: !r.appendToBody,
           to: typeof r.appendToBody == "string" ? r.appendToBody : "body"
         }, [
-          he(ge, { name: "modal-fade" }, {
-            default: _e(() => [
-              (g(!0), x(G, null, we(n.value, (a) => (g(), W(Fe, be({
+          ge(_e, { name: "modal-fade" }, {
+            default: we(() => [
+              (g(!0), x(X, null, be(n.value, (a) => (g(), R(He, Ce({
                 id: a.id,
                 key: a.id,
                 ref_for: !0,
@@ -482,16 +483,25 @@ const Xe = /* @__PURE__ */ q(Ge, [["__scopeId", "data-v-8326e5a5"]]), Ye = {
     ], 64));
   }
 });
-const Qe = /* @__PURE__ */ q(qe, [["__scopeId", "data-v-cdd9e7f0"]]);
-function N(o, s) {
+const ot = /* @__PURE__ */ H(Ue, [["__scopeId", "data-v-241a8304"]]);
+const Je = {}, Qe = { class: "modal-footer" };
+function Ze(o, s) {
+  return g(), R(Z, { to: "#modal-footer-slot" }, [
+    y("div", Qe, [
+      Q(o.$slots, "default", {}, void 0, !0)
+    ])
+  ]);
+}
+const nt = /* @__PURE__ */ H(Je, [["render", Ze], ["__scopeId", "data-v-758ef59c"]]);
+function D(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;
 }
-function Ue() {
-  const o = Y(F), s = K();
+function et() {
+  const o = K(W), s = q();
   function n(e, l, i) {
     if (!o)
       throw new Error("Not Found Modal Provider Component");
@@ -503,7 +513,7 @@ function Ue() {
       var f;
       if (!o)
         throw new Error("Not Found Modal Provider Component");
-      const l = N(s, "ModalContainer"), i = (f = l == null ? void 0 : l.props) == null ? void 0 : f.id;
+      const l = D(s, "ModalContainer"), i = (f = l == null ? void 0 : l.props) == null ? void 0 : f.id;
       if (!i)
         throw new Error("Not Found Current Modal Container");
       o.close(i, e);
@@ -517,7 +527,7 @@ function Ue() {
       var i;
       if (!o)
         throw new Error("Not Found Modal Provider Component");
-      const e = N(s, "ModalContainer");
+      const e = D(s, "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());
@@ -526,7 +536,7 @@ function Ue() {
       var i;
       if (!o)
         throw new Error("Not Found Modal Provider Component");
-      const e = N(s, "ModalContainer");
+      const e = D(s, "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());
@@ -548,15 +558,16 @@ function Ue() {
     }
   };
 }
-function Ze(o) {
+function it(o) {
   var i;
-  const s = Y(F), n = K(), e = N(n, "ModalContainer"), l = (i = e == null ? void 0 : e.props) == null ? void 0 : i.id;
+  const s = K(W), n = q(), e = D(n, "ModalContainer"), l = (i = e == null ? void 0 : e.props) == null ? void 0 : i.id;
   s && l && s.addEventListener(l, "submit", o);
 }
 export {
-  Fe as ModalContainer,
-  F as ModalKey,
-  Qe as ModalProvider,
-  Ze as onSubmit,
-  Ue as useModal
+  He as ModalContainer,
+  nt as ModalFooter,
+  W as ModalKey,
+  ot as ModalProvider,
+  it as onSubmit,
+  et as useModal
 };

package/dist/es/interfaces.d.ts

@@ -1,9 +1,9 @@
 import type { CSSProperties, Component } from 'vue';
 import type { useModal } from './hooks/use-modal';
 export interface SizeOptions {
-    small: string;
-    middle: string;
-    large: string;
+    small: string | number;
+    middle: string | number;
+    large: string | number;
 }
 export interface OpenModalOptions {
     closeable?: boolean;

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

package/package.json

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