@gopowerteam/modal-render 0.0.9 → 0.0.10

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

@@ -92,3 +92,6 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -41,3 +41,6 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -56,6 +56,9 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");const S=Symbol("__MODAL__");function R(o){return e.getCurrentScope()?(e.onScopeDispose(o),!0):!1}function E(o){return typeof o=="function"?o():e.unref(o)}const z=typeof window<"u"&&typeof document<"u",F=Object.prototype.toString,I=o=>F.call(o)==="[object Object]",H=()=>{};function W(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(a){var i;if((i=E(s.replaceRef))!=null?i:!0)if(Array.isArray(o.value)){const y=[...o.value];y[t]=a,o.value=y}else{const y={...o.value,[t]:a};Object.setPrototypeOf(y,Object.getPrototypeOf(o.value)),o.value=y}else o.value[t]=a}}));return n}function j(o){var s;const n=E(o);return(s=n==null?void 0:n.$el)!=null?s:n}const D=z?window:void 0;function P(...o){let s,n,t,a;if(typeof o[0]=="string"||Array.isArray(o[0])?([n,t,a]=o,s=D):[s,n,t,a]=o,!s)return H;Array.isArray(n)||(n=[n]),Array.isArray(t)||(t=[t]);const i=[],p=()=>{i.forEach(m=>m()),i.length=0},y=(m,g,l,f)=>(m.addEventListener(g,l,f),()=>m.removeEventListener(g,l,f)),_=e.watch(()=>[j(s),E(a)],([m,g])=>{if(p(),!m)return;const l=I(g)?{...g}:g;i.push(...n.flatMap(f=>t.map(c=>y(m,f,c,l))))},{immediate:!0,flush:"post"}),w=()=>{_(),p()};return R(w),w}function K(o,s={}){var n,t;const{pointerTypes:a,preventDefault:i,stopPropagation:p,exact:y,onMove:_,onEnd:w,onStart:m,initialValue:g,axis:l="both",draggingElement:f=D,containerElement:c,handle:v=o}=s,d=e.ref((n=E(g))!=null?n:{x:0,y:0}),h=e.ref(),k=u=>a?a.includes(u.pointerType):!0,b=u=>{E(i)&&u.preventDefault(),E(p)&&u.stopPropagation()},V=u=>{var B;if(!k(u)||E(y)&&u.target!==E(o))return;const x=((B=E(c))!=null?B:E(o)).getBoundingClientRect(),r={x:u.clientX-x.left,y:u.clientY-x.top};(m==null?void 0:m(r,u))!==!1&&(h.value=r,b(u))},L=u=>{if(!k(u)||!h.value)return;let{x:B,y:M}=d.value;(l==="x"||l==="both")&&(B=u.clientX-h.value.x),(l==="y"||l==="both")&&(M=u.clientY-h.value.y),d.value={x:B,y:M},_==null||_(d.value,u),b(u)},$=u=>{k(u)&&h.value&&(h.value=void 0,w==null||w(d.value,u),b(u))};if(z){const u={capture:(t=s.capture)!=null?t:!0};P(v,"pointerdown",V,u),P(f,"pointermove",L,u),P(f,"pointerup",$,u)}return{...W(d),position:d,isDragging:e.computed(()=>!!h.value),style:e.computed(()=>`left:${d.value.x}px;top:${d.value.y}px;`)}}const X=o=>(e.pushScopeId("data-v-7f0b9287"),o=o(),e.popScopeId(),o),Y={class:"title font-bold"},q={class:"action"},G={key:1,class:"modal-footer space-x-2"},U=["form"],J={key:2,class:"modal-loading"},Q=X(()=>e.createElementVNode("div",{class:"lds-ring"},[e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div"),e.createElementVNode("div")],-1)),Z=[Q],ee={name:"ModalContainer",inheritAttrs:!0},te=e.defineComponent({...ee,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:{}},emits:["submit"],setup(o,{expose:s,emit:n}){const t=o,a=n,i=e.inject(S),p=e.ref(!1);let y=0,_=0;const w=e.shallowRef(),m=e.shallowRef(),g=e.shallowRef(),{x:l,y:f}=K(g,{initialValue:{x:0,y:0}});function c(){i==null||i.close(t.id)}function v(r){if(typeof r=="number")return`${r}px`;if(typeof r=="string")return r}const d=e.computed(()=>{const r={};return t.mode==="dialog"&&(r.justifyContent="center"),t.mode==="drawer"&&(r.justifyContent="flex-end"),r}),h=e.computed(()=>{const r={};return t.size&&(r.width=v(t.sizes[t.size])),t.width&&(r.width=v(t.width)),t.maxWidth&&(r.maxWidth=v(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(${l.value-y}px, ${f.value-_}px, 0px)`),t.mode==="drawer"&&(r.borderRadius=0),r}),k=e.computed(()=>{const r={};return t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(r.cursor="move"),r}),b=e.computed(()=>{var C;const r={};return t.maxHeight&&(r.maxHeight=`calc(${(C=v(t.maxHeight))==null?void 0:C.replace("%","vh")} - 50px)`),t.mode==="drawer"&&(r.maxHeight="unset",r.height=`calc(100vh - ${(t.header?50:0)+(t.footer?50:0)}px)`),t.fullscreen&&(r.maxHeight="unset",r.height=`calc(100vh - ${(t.header?50:0)+(t.footer?50:0)}px)`),t.type!=="component"&&(r.padding="0"),r});function V(){const r=m.value;if(t.form&&r){const C=r.querySelector(`form[name="${t.form}"]`);C&&C.dispatchEvent(new Event("submit"))}a("submit")}function L(){i==null||i.close(t.id)}function $(){window&&window.addEventListener("resize",()=>{e.triggerRef(w),e.triggerRef(m),m.value&&(y=m.value.offsetLeft,_=m.value.offsetTop)})}function u(){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 B(){y=m.value.offsetLeft,_=m.value.offsetTop}e.onMounted(()=>{u(),$()}),e.onUnmounted(()=>{});function M(){return p.value=!0,()=>x()}function x(){p.value=!1}return s({showLoading:M,hideLoading:x}),(r,C)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:w,class:"modal-wrapper",style:e.normalizeStyle(d.value),onClick:C[0]||(C[0]=e.withModifiers(pe=>r.maskClosable&&c(),["self"]))},[e.createElementVNode("div",{ref_key:"contentRef",ref:m,class:e.normalizeClass(["modal-content",{[`${r.mode}-mode`]:!0}]),style:e.normalizeStyle(h.value)},[r.header?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:g,class:"modal-header",style:e.normalizeStyle(k.value),onMousedown:B},[e.createElementVNode("div",Y,e.toDisplayString(r.title),1),e.createElementVNode("div",q,[r.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(r.component),e.normalizeProps(e.guardReactiveProps(r.componentProps)),null,16))],4),r.footer?(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("button",{class:"submit-button",form:r.form,type:"submit",onClick:V}," 确定 ",8,U),e.createElementVNode("button",{class:"cancel-button",type:"button",onClick:L}," 取消 ")])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("div",J,Z)):e.createCommentVNode("",!0)],6)],4))}});const A=(o,s)=>{const n=o.__vccOpts||o;for(const[t,a]of s)n[t]=a;return n},O=A(te,[["__scopeId","data-v-7f0b9287"]]),oe={class:"modal-dialog"},ne={class:"dialog-body"},re={class:"dialog-title"},ie={class:"dialog-content"},le=e.defineComponent({__name:"modal-dialog",props:{type:{},title:{},content:{},okText:{default:"确定"},cancelText:{default:"取消"},onOk:{},onCancel:{},footer:{}},setup(o){const s=o,n=T(),t=e.computed(()=>s.title?s.title:{confirm:"提示",info:"提示",warning:"警告",error:"错误",success:"成功"}[s.type]);async function a(){s.onOk&&await s.onOk(),n.close()}async function i(){s.onCancel&&await s.onCancel(),n.close()}return(p,y)=>(e.openBlock(),e.createElementBlock("section",oe,[e.createElementVNode("div",ne,[e.createElementVNode("div",re,e.toDisplayString(t.value),1),e.createElementVNode("div",ie,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 se=A(le,[["__scopeId","data-v-8326e5a5"]]),ae={key:0,class:"modal-teleport"},ce={name:"ModalProvider",inheritAttrs:!0},de=e.defineComponent({...ce,props:{appendToBody:{type:[Boolean,String],default:!1},sizes:{default:()=>({small:520,middle:860,large:1190})},maxWidth:{default:"80%"},maxHeight:{default:"80%"}},setup(o,{expose:s}){const n=e.shallowRef([]),t=e.ref(!1),a=e.getCurrentInstance();function i(l,f={},c={}){const v=e.defineAsyncComponent(()=>Promise.resolve(typeof l=="string"?se: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),h=new Promise((k,b)=>{n.value.push({id:d,component:v,props:f||{},options:{...c,type:typeof l=="string"?l:"component"},resolve:k,reject:b,listeners:[]}),e.triggerRef(n)}).catch(k=>k==="CANCEL"?new Promise(()=>{}):Promise.reject(k));return Object.assign(h,{close:()=>p(d)})}function p(l,f){const c=n.value.findIndex(d=>d.id===l);if(c<0)return;const v=n.value[c];f===void 0?v==null||v.reject("CANCEL"):v==null||v.resolve(f),n.value.splice(c,1),e.triggerRef(n)}function y(){n.value.forEach(l=>{l.resolve()}),n.value=[],e.triggerRef(n)}function _(l,f){const c=n.value.find(d=>d.id===l);if(!c)return;const v=c.listeners.find(d=>d.event===f);v&&v.callback({open:i,close:d=>p(c.id,d),closeAll:y,showLoading:()=>w(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 w(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 g(l,f,c){const v=n.value.find(d=>d.id===l);v&&v.listeners.push({event:f,callback:c})}return e.provide(S,{open:i,close:p,closeAll:y,addEventListener:g}),s({elements:n,open:i}),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",ae,[(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,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":l.maxHeight,"max-width":l.maxWidth,sizes:l.sizes},c.options,{onSubmit:()=>_(c.id,"submit")}),null,16,["id","component","component-props","max-height","max-width","sizes","onSubmit"]))),128))]),_:1})],8,["disabled","to"]))])):e.createCommentVNode("",!0)],64))}});const ue=A(de,[["__scopeId","data-v-4ee644e1"]]);function N(o,s){var t,a;let n=o==null?void 0:o.parent;for(;n&&((t=n==null?void 0:n.type)==null?void 0:t.name)!==s;)n=n.parent;return((a=n==null?void 0:n.type)==null?void 0:a.name)===s?n:null}function T(){const o=e.inject(S),s=e.getCurrentInstance();function n(t,a,i){if(!o)throw new Error("Not Found Modal Provider Component");return o.open(t,a,i)}return{open:n,close(t){var p;if(!o)throw new Error("Not Found Modal Provider Component");const a=N(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");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=N(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=N(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 fe(o){var i;const s=e.inject(S),n=e.getCurrentInstance(),t=N(n,"ModalContainer"),a=(i=t==null?void 0:t.props)==null?void 0:i.id;s&&a&&s.addEventListener(a,"submit",o)}exports.ModalContainer=O;exports.ModalKey=S;exports.ModalProvider=ue;exports.onSubmit=fe;exports.useModal=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");const N=Symbol("__MODAL__");function F(o){return e.getCurrentScope()?(e.onScopeDispose(o),!0):!1}function w(o){return typeof o=="function"?o():e.unref(o)}const z=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const W=Object.prototype.toString,I=o=>W.call(o)==="[object Object]",H=()=>{};function j(o,s={}){if(!e.isRef(o))return e.toRefs(o);const r=Array.isArray(o.value)?Array.from({length:o.value.length}):{};for(const t in o.value)r[t]=e.customRef(()=>({get(){return o.value[t]},set(a){var i;if((i=w(s.replaceRef))!=null?i:!0)if(Array.isArray(o.value)){const h=[...o.value];h[t]=a,o.value=h}else{const h={...o.value,[t]:a};Object.setPrototypeOf(h,Object.getPrototypeOf(o.value)),o.value=h}else o.value[t]=a}}));return r}function G(o){var s;const r=w(o);return(s=r==null?void 0:r.$el)!=null?s:r}const D=z?window:void 0;function A(...o){let s,r,t,a;if(typeof o[0]=="string"||Array.isArray(o[0])?([r,t,a]=o,s=D):[s,r,t,a]=o,!s)return H;Array.isArray(r)||(r=[r]),Array.isArray(t)||(t=[t]);const i=[],p=()=>{i.forEach(m=>m()),i.length=0},h=(m,g,l,f)=>(m.addEventListener(g,l,f),()=>m.removeEventListener(g,l,f)),C=e.watch(()=>[G(s),w(a)],([m,g])=>{if(p(),!m)return;const l=I(g)?{...g}:g;i.push(...r.flatMap(f=>t.map(c=>h(m,f,c,l))))},{immediate:!0,flush:"post"}),E=()=>{C(),p()};return F(E),E}function K(o,s={}){var r,t;const{pointerTypes:a,preventDefault:i,stopPropagation:p,exact:h,onMove:C,onEnd:E,onStart:m,initialValue:g,axis:l="both",draggingElement:f=D,containerElement:c,handle:v=o}=s,d=e.ref((r=w(g))!=null?r:{x:0,y:0}),k=e.ref(),b=u=>a?a.includes(u.pointerType):!0,M=u=>{w(i)&&u.preventDefault(),w(p)&&u.stopPropagation()},L=u=>{var x;if(!b(u)||w(h)&&u.target!==w(o))return;const _=w(c),B=(x=_==null?void 0:_.getBoundingClientRect)==null?void 0:x.call(_),n=w(o).getBoundingClientRect(),y={x:u.clientX-(_?n.left-B.left:n.left),y:u.clientY-(_?n.top-B.top:n.top)};(m==null?void 0:m(y,u))!==!1&&(k.value=y,M(u))},$=u=>{var x;if(!b(u)||!k.value)return;const _=w(c),B=(x=_==null?void 0:_.getBoundingClientRect)==null?void 0:x.call(_),n=w(o).getBoundingClientRect();let{x:y,y:S}=d.value;(l==="x"||l==="both")&&(y=u.clientX-k.value.x,_&&(y=Math.min(Math.max(0,y),B.width-n.width))),(l==="y"||l==="both")&&(S=u.clientY-k.value.y,_&&(S=Math.min(Math.max(0,S),B.height-n.height))),d.value={x:y,y:S},C==null||C(d.value,u),M(u)},P=u=>{b(u)&&k.value&&(k.value=void 0,E==null||E(d.value,u),M(u))};if(z){const u={capture:(t=s.capture)!=null?t:!0};A(v,"pointerdown",L,u),A(f,"pointermove",$,u),A(f,"pointerup",P,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=o=>(e.pushScopeId("data-v-7f0b9287"),o=o(),e.popScopeId(),o),Y={class:"title 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:{}},emits:["submit"],setup(o,{expose:s,emit:r}){const t=o,a=r,i=e.inject(N),p=e.ref(!1);let h=0,C=0;const E=e.shallowRef(),m=e.shallowRef(),g=e.shallowRef(),{x:l,y:f}=K(g,{initialValue:{x:0,y:0}});function c(){i==null||i.close(t.id)}function v(n){if(typeof n=="number")return`${n}px`;if(typeof n=="string")return n}const d=e.computed(()=>{const n={};return t.mode==="dialog"&&(n.justifyContent="center"),t.mode==="drawer"&&(n.justifyContent="flex-end"),n}),k=e.computed(()=>{const n={};return t.size&&(n.width=v(t.sizes[t.size])),t.width&&(n.width=v(t.width)),t.maxWidth&&(n.maxWidth=v(t.maxWidth)),t.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),t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(n.transform=`translate3d(${l.value-h}px, ${f.value-C}px, 0px)`),t.mode==="drawer"&&(n.borderRadius=0),n}),b=e.computed(()=>{const n={};return t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(n.cursor="move"),n}),M=e.computed(()=>{var y;const n={};return t.maxHeight&&(n.maxHeight=`calc(${(y=v(t.maxHeight))==null?void 0:y.replace("%","vh")} - 50px)`),t.mode==="drawer"&&(n.maxHeight="unset",n.height=`calc(100vh - ${(t.header?50:0)+(t.footer?50:0)}px)`),t.fullscreen&&(n.maxHeight="unset",n.height=`calc(100vh - ${(t.header?50:0)+(t.footer?50:0)}px)`),t.type!=="component"&&(n.padding="0"),n});function L(){const n=m.value;if(t.form&&n){const y=n.querySelector(`form[name="${t.form}"]`);y&&y.dispatchEvent(new Event("submit"))}a("submit")}function $(){i==null||i.close(t.id)}function P(){window&&window.addEventListener("resize",()=>{e.triggerRef(E),e.triggerRef(m),m.value&&(h=m.value.offsetLeft,C=m.value.offsetTop)})}function u(){if(t.closeable&&t.esc){const n=({key:y})=>{y==="Escape"&&(i==null||i.close(t.id),window.removeEventListener("keydown",n))};window.addEventListener("keydown",n)}}function x(){h=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}),(n,y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:E,class:"modal-wrapper",style:e.normalizeStyle(d.value),onClick:y[0]||(y[0]=e.withModifiers(S=>n.maskClosable&&c(),["self"]))},[e.createElementVNode("div",{ref_key:"contentRef",ref:m,class:e.normalizeClass(["modal-content",{[`${n.mode}-mode`]:!0}]),style:e.normalizeStyle(k.value)},[n.header?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:g,class:"modal-header",style:e.normalizeStyle(b.value),onMousedown:x},[e.createElementVNode("div",Y,e.toDisplayString(n.title),1),e.createElementVNode("div",q,[n.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(M.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.normalizeProps(e.guardReactiveProps(n.componentProps)),null,16))],4),n.footer?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("button",{class:"submit-button",form:n.form,type:"submit",onClick:L}," 确定 ",8,J),e.createElementVNode("button",{class:"cancel-button",type:"button",onClick:$}," 取消 ")])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("div",Q,ee)):e.createCommentVNode("",!0)],6)],4))}});const R=(o,s)=>{const r=o.__vccOpts||o;for(const[t,a]of s)r[t]=a;return r},O=R(oe,[["__scopeId","data-v-7f0b9287"]]),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(o){const s=o,r=T(),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,h)=>(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:520,middle:860,large:1190})},maxWidth:{default:"80%"},maxHeight:{default:"80%"}},setup(o,{expose:s}){const r=e.shallowRef([]),t=e.ref(!1),a=e.getCurrentInstance();function i(l,f={},c={}){const v=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((b,M)=>{r.value.push({id:d,component:v,props:f||{},options:{...c,type:typeof l=="string"?l:"component"},resolve:b,reject:M,listeners:[]}),e.triggerRef(r)}).catch(b=>b==="CANCEL"?new Promise(()=>{}):Promise.reject(b));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 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 h(){r.value.forEach(l=>{l.resolve()}),r.value=[],e.triggerRef(r)}function C(l,f){const c=r.value.find(d=>d.id===l);if(!c)return;const v=c.listeners.find(d=>d.event===f);v&&v.callback({open:i,close:d=>p(c.id,d),closeAll:h,showLoading:()=>E(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 E(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 g(l,f,c){const v=r.value.find(d=>d.id===l);v&&v.listeners.push({event:f,callback:c})}return e.provide(N,{open:i,close:p,closeAll:h,addEventListener:g}),s({elements:r,open:i}),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(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":l.maxHeight,"max-width":l.maxWidth,sizes:l.sizes},c.options,{onSubmit:()=>C(c.id,"submit")}),null,16,["id","component","component-props","max-height","max-width","sizes","onSubmit"]))),128))]),_:1})],8,["disabled","to"]))])):e.createCommentVNode("",!0)],64))}});const fe=R(ue,[["__scopeId","data-v-4ee644e1"]]);function V(o,s){var t,a;let r=o==null?void 0:o.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 T(){const o=e.inject(N),s=e.getCurrentInstance();function r(t,a,i){if(!o)throw new Error("Not Found Modal Provider Component");return o.open(t,a,i)}return{open:r,close(t){var p;if(!o)throw new Error("Not Found Modal Provider Component");const a=V(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");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=V(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=V(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(o){var i;const s=e.inject(N),r=e.getCurrentInstance(),t=V(r,"ModalContainer"),a=(i=t==null?void 0:t.props)==null?void 0:i.id;s&&a&&s.addEventListener(a,"submit",o)}exports.ModalContainer=O;exports.ModalKey=N;exports.ModalProvider=fe;exports.onSubmit=pe;exports.useModal=T;

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

@@ -92,3 +92,6 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -41,3 +41,6 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -56,6 +56,9 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/es/index.mjs

@@ -1,126 +1,130 @@
-import { unref as Z, isRef as ee, toRefs as te, customRef as oe, getCurrentScope as ne, onScopeDispose as re, ref as N, computed as S, watch as ie, defineComponent as Y, inject as j, shallowRef as T, onMounted as G, onUnmounted as se, openBlock as h, createElementBlock as w, normalizeStyle as z, withModifiers as le, createElementVNode as y, normalizeClass as ae, toDisplayString as B, createCommentVNode as $, createBlock as F, resolveDynamicComponent as U, normalizeProps as de, guardReactiveProps as ce, triggerRef as O, pushScopeId as ue, popScopeId as fe, Fragment as X, getCurrentInstance as K, provide as pe, renderSlot as me, Teleport as ve, createVNode as ye, TransitionGroup as he, withCtx as ge, renderList as _e, mergeProps as we, defineAsyncComponent as be } from "vue";
-const H = Symbol("__MODAL__");
-function Ce(t) {
-  return ne() ? (re(t), !0) : !1;
+import { unref as ee, isRef as te, toRefs as oe, customRef as ne, getCurrentScope as ie, onScopeDispose as re, ref as N, computed as A, watch as se, defineComponent as Y, inject as j, shallowRef as T, onMounted as U, onUnmounted as le, openBlock as g, createElementBlock as k, normalizeStyle as z, withModifiers as ae, createElementVNode as y, normalizeClass as de, toDisplayString as O, createCommentVNode as P, createBlock as W, resolveDynamicComponent as J, normalizeProps as ce, guardReactiveProps as ue, triggerRef as R, pushScopeId as fe, popScopeId as pe, Fragment as X, getCurrentInstance as K, provide as me, renderSlot as ve, Teleport as he, createVNode as ye, TransitionGroup as ge, withCtx as _e, renderList as we, mergeProps as be, defineAsyncComponent as Ce } from "vue";
+const F = Symbol("__MODAL__");
+function ke(t) {
+  return ie() ? (re(t), !0) : !1;
 }
-function E(t) {
-  return typeof t == "function" ? t() : Z(t);
+function b(t) {
+  return typeof t == "function" ? t() : ee(t);
 }
-const J = typeof window < "u" && typeof document < "u", ke = Object.prototype.toString, xe = (t) => ke.call(t) === "[object Object]", Ee = () => {
+const Q = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const xe = Object.prototype.toString, Me = (t) => xe.call(t) === "[object Object]", Ee = () => {
 };
-function Me(t, s = {}) {
-  if (!ee(t))
-    return te(t);
-  const o = Array.isArray(t.value) ? Array.from({ length: t.value.length }) : {};
+function Se(t, s = {}) {
+  if (!te(t))
+    return oe(t);
+  const n = Array.isArray(t.value) ? Array.from({ length: t.value.length }) : {};
   for (const e in t.value)
-    o[e] = oe(() => ({
+    n[e] = ne(() => ({
       get() {
         return t.value[e];
       },
       set(l) {
-        var r;
-        if ((r = E(s.replaceRef)) != null ? r : !0)
+        var i;
+        if ((i = b(s.replaceRef)) != null ? i : !0)
           if (Array.isArray(t.value)) {
-            const v = [...t.value];
-            v[e] = l, t.value = v;
+            const h = [...t.value];
+            h[e] = l, t.value = h;
           } else {
-            const v = { ...t.value, [e]: l };
-            Object.setPrototypeOf(v, Object.getPrototypeOf(t.value)), t.value = v;
+            const h = { ...t.value, [e]: l };
+            Object.setPrototypeOf(h, Object.getPrototypeOf(t.value)), t.value = h;
           }
         else
           t.value[e] = l;
       }
     }));
-  return o;
+  return n;
 }
 function Le(t) {
   var s;
-  const o = E(t);
-  return (s = o == null ? void 0 : o.$el) != null ? s : o;
+  const n = b(t);
+  return (s = n == null ? void 0 : n.$el) != null ? s : n;
 }
-const Q = J ? window : void 0;
-function V(...t) {
-  let s, o, e, l;
-  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([o, e, l] = t, s = Q) : [s, o, e, l] = t, !s)
+const Z = Q ? window : void 0;
+function G(...t) {
+  let s, n, e, l;
+  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([n, e, l] = t, s = Z) : [s, n, e, l] = t, !s)
     return Ee;
-  Array.isArray(o) || (o = [o]), Array.isArray(e) || (e = [e]);
-  const r = [], f = () => {
-    r.forEach((p) => p()), r.length = 0;
-  }, v = (p, g, i, u) => (p.addEventListener(g, i, u), () => p.removeEventListener(g, i, u)), b = ie(
-    () => [Le(s), E(l)],
-    ([p, g]) => {
+  Array.isArray(n) || (n = [n]), Array.isArray(e) || (e = [e]);
+  const i = [], f = () => {
+    i.forEach((p) => p()), i.length = 0;
+  }, h = (p, _, r, u) => (p.addEventListener(_, r, u), () => p.removeEventListener(_, r, u)), x = se(
+    () => [Le(s), b(l)],
+    ([p, _]) => {
       if (f(), !p)
         return;
-      const i = xe(g) ? { ...g } : g;
-      r.push(
-        ...o.flatMap((u) => e.map((a) => v(p, u, a, i)))
+      const r = Me(_) ? { ..._ } : _;
+      i.push(
+        ...n.flatMap((u) => e.map((a) => h(p, u, a, r)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), C = () => {
-    b(), f();
+  ), M = () => {
+    x(), f();
   };
-  return Ce(C), C;
+  return ke(M), M;
 }
-function Se(t, s = {}) {
-  var o, e;
+function $e(t, s = {}) {
+  var n, e;
   const {
     pointerTypes: l,
-    preventDefault: r,
+    preventDefault: i,
     stopPropagation: f,
-    exact: v,
-    onMove: b,
-    onEnd: C,
+    exact: h,
+    onMove: x,
+    onEnd: M,
     onStart: p,
-    initialValue: g,
-    axis: i = "both",
-    draggingElement: u = Q,
+    initialValue: _,
+    axis: r = "both",
+    draggingElement: u = Z,
     containerElement: a,
     handle: m = t
   } = s, d = N(
-    (o = E(g)) != null ? o : { x: 0, y: 0 }
-  ), _ = N(), k = (c) => l ? l.includes(c.pointerType) : !0, M = (c) => {
-    E(r) && c.preventDefault(), E(f) && c.stopPropagation();
-  }, R = (c) => {
-    var L;
-    if (!k(c) || E(v) && c.target !== E(t))
+    (n = b(_)) != null ? n : { x: 0, y: 0 }
+  ), C = N(), E = (c) => l ? l.includes(c.pointerType) : !0, L = (c) => {
+    b(i) && c.preventDefault(), b(f) && c.stopPropagation();
+  }, H = (c) => {
+    var $;
+    if (!E(c) || b(h) && c.target !== b(t))
       return;
-    const P = ((L = E(a)) != null ? L : E(t)).getBoundingClientRect(), n = {
-      x: c.clientX - P.left,
-      y: c.clientY - P.top
+    const w = b(a), S = ($ = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : $.call(w), o = b(t).getBoundingClientRect(), v = {
+      x: c.clientX - (w ? o.left - S.left : o.left),
+      y: c.clientY - (w ? o.top - S.top : o.top)
     };
-    (p == null ? void 0 : p(n, c)) !== !1 && (_.value = n, M(c));
-  }, W = (c) => {
-    if (!k(c) || !_.value)
-      return;
-    let { x: L, y: A } = d.value;
-    (i === "x" || i === "both") && (L = c.clientX - _.value.x), (i === "y" || i === "both") && (A = c.clientY - _.value.y), d.value = {
-      x: L,
-      y: A
-    }, b == null || b(d.value, c), M(c);
+    (p == null ? void 0 : p(v, c)) !== !1 && (C.value = v, L(c));
   }, I = (c) => {
-    k(c) && _.value && (_.value = void 0, C == null || C(d.value, c), M(c));
+    var $;
+    if (!E(c) || !C.value)
+      return;
+    const w = b(a), S = ($ = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : $.call(w), o = b(t).getBoundingClientRect();
+    let { x: v, y: B } = d.value;
+    (r === "x" || r === "both") && (v = c.clientX - C.value.x, w && (v = Math.min(Math.max(0, v), S.width - o.width))), (r === "y" || r === "both") && (B = c.clientY - C.value.y, w && (B = Math.min(Math.max(0, B), S.height - o.height))), d.value = {
+      x: v,
+      y: B
+    }, x == null || x(d.value, c), L(c);
+  }, V = (c) => {
+    E(c) && C.value && (C.value = void 0, M == null || M(d.value, c), L(c));
   };
-  if (J) {
+  if (Q) {
     const c = { capture: (e = s.capture) != null ? e : !0 };
-    V(m, "pointerdown", R, c), V(u, "pointermove", W, c), V(u, "pointerup", I, c);
+    G(m, "pointerdown", H, c), G(u, "pointermove", I, c), G(u, "pointerup", V, c);
   }
   return {
-    ...Me(d),
+    ...Se(d),
     position: d,
-    isDragging: S(() => !!_.value),
-    style: S(
+    isDragging: A(() => !!C.value),
+    style: A(
       () => `left:${d.value.x}px;top:${d.value.y}px;`
     )
   };
 }
-const $e = (t) => (ue("data-v-7f0b9287"), t = t(), fe(), t), Ae = { class: "title font-bold" }, Pe = { class: "action" }, ze = {
+const Ae = (t) => (fe("data-v-7f0b9287"), t = t(), pe(), t), Pe = { class: "title font-bold" }, Be = { class: "action" }, ze = {
   key: 1,
   class: "modal-footer space-x-2"
-}, Be = ["form"], Oe = {
+}, Oe = ["form"], Re = {
   key: 2,
   class: "modal-loading"
-}, Te = /* @__PURE__ */ $e(() => /* @__PURE__ */ y("div", { class: "lds-ring" }, [
+}, Te = /* @__PURE__ */ Ae(() => /* @__PURE__ */ y("div", { class: "lds-ring" }, [
   /* @__PURE__ */ y("div"),
   /* @__PURE__ */ y("div"),
   /* @__PURE__ */ y("div"),
@@ -130,7 +134,7 @@ const $e = (t) => (ue("data-v-7f0b9287"), t = t(), fe(), t), Ae = { class: "titl
 ], Ne = {
   name: "ModalContainer",
   inheritAttrs: !0
-}, Fe = /* @__PURE__ */ Y({
+}, We = /* @__PURE__ */ Y({
   ...Ne,
   props: {
     id: {},
@@ -154,135 +158,135 @@ const $e = (t) => (ue("data-v-7f0b9287"), t = t(), fe(), t), Ae = { class: "titl
     type: {}
   },
   emits: ["submit"],
-  setup(t, { expose: s, emit: o }) {
-    const e = t, l = o, r = j(H), f = N(!1);
-    let v = 0, b = 0;
-    const C = T(), p = T(), g = T(), { x: i, y: u } = Se(g, {
+  setup(t, { expose: s, emit: n }) {
+    const e = t, l = n, i = j(F), f = N(!1);
+    let h = 0, x = 0;
+    const M = T(), p = T(), _ = T(), { x: r, y: u } = $e(_, {
       initialValue: { x: 0, y: 0 }
     });
     function a() {
-      r == null || r.close(e.id);
+      i == null || i.close(e.id);
     }
-    function m(n) {
-      if (typeof n == "number")
-        return `${n}px`;
-      if (typeof n == "string")
-        return n;
+    function m(o) {
+      if (typeof o == "number")
+        return `${o}px`;
+      if (typeof o == "string")
+        return o;
     }
-    const d = S(() => {
-      const n = {};
-      return e.mode === "dialog" && (n.justifyContent = "center"), e.mode === "drawer" && (n.justifyContent = "flex-end"), n;
-    }), _ = S(() => {
-      const n = {};
-      return e.size && (n.width = m(e.sizes[e.size])), e.width && (n.width = m(e.width)), e.maxWidth && (n.maxWidth = m(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, ${u.value - b}px, 0px)`), e.mode === "drawer" && (n.borderRadius = 0), n;
-    }), k = S(() => {
-      const n = {};
-      return e.draggable && !e.fullscreen && e.mode === "dialog" && (n.cursor = "move"), n;
-    }), M = S(() => {
-      var x;
-      const n = {};
-      return e.maxHeight && (n.maxHeight = `calc(${(x = m(e.maxHeight)) == null ? void 0 : x.replace("%", "vh")} - 50px)`), e.mode === "drawer" && (n.maxHeight = "unset", n.height = `calc(100vh - ${(e.header ? 50 : 0) + (e.footer ? 50 : 0)}px)`), e.fullscreen && (n.maxHeight = "unset", n.height = `calc(100vh - ${(e.header ? 50 : 0) + (e.footer ? 50 : 0)}px)`), e.type !== "component" && (n.padding = "0"), n;
+    const d = A(() => {
+      const o = {};
+      return e.mode === "dialog" && (o.justifyContent = "center"), e.mode === "drawer" && (o.justifyContent = "flex-end"), o;
+    }), C = A(() => {
+      const o = {};
+      return e.size && (o.width = m(e.sizes[e.size])), e.width && (o.width = m(e.width)), e.maxWidth && (o.maxWidth = m(e.maxWidth)), e.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), e.draggable && !e.fullscreen && e.mode === "dialog" && (o.transform = `translate3d(${r.value - h}px, ${u.value - x}px, 0px)`), e.mode === "drawer" && (o.borderRadius = 0), o;
+    }), E = A(() => {
+      const o = {};
+      return e.draggable && !e.fullscreen && e.mode === "dialog" && (o.cursor = "move"), o;
+    }), L = A(() => {
+      var v;
+      const o = {};
+      return e.maxHeight && (o.maxHeight = `calc(${(v = m(e.maxHeight)) == null ? void 0 : v.replace("%", "vh")} - 50px)`), e.mode === "drawer" && (o.maxHeight = "unset", o.height = `calc(100vh - ${(e.header ? 50 : 0) + (e.footer ? 50 : 0)}px)`), e.fullscreen && (o.maxHeight = "unset", o.height = `calc(100vh - ${(e.header ? 50 : 0) + (e.footer ? 50 : 0)}px)`), e.type !== "component" && (o.padding = "0"), o;
     });
-    function R() {
-      const n = p.value;
-      if (e.form && n) {
-        const x = n.querySelector(`form[name="${e.form}"]`);
-        x && x.dispatchEvent(new Event("submit"));
+    function H() {
+      const o = p.value;
+      if (e.form && o) {
+        const v = o.querySelector(`form[name="${e.form}"]`);
+        v && v.dispatchEvent(new Event("submit"));
       }
       l("submit");
     }
-    function W() {
-      r == null || r.close(e.id);
-    }
     function I() {
+      i == null || i.close(e.id);
+    }
+    function V() {
       window && window.addEventListener("resize", () => {
-        O(C), O(p), p.value && (v = p.value.offsetLeft, b = p.value.offsetTop);
+        R(M), R(p), p.value && (h = p.value.offsetLeft, x = p.value.offsetTop);
       });
     }
     function c() {
       if (e.closeable && e.esc) {
-        const n = ({ key: x }) => {
-          x === "Escape" && (r == null || r.close(e.id), window.removeEventListener("keydown", n));
+        const o = ({ key: v }) => {
+          v === "Escape" && (i == null || i.close(e.id), window.removeEventListener("keydown", o));
         };
-        window.addEventListener("keydown", n);
+        window.addEventListener("keydown", o);
       }
     }
-    function L() {
-      v = p.value.offsetLeft, b = p.value.offsetTop;
+    function $() {
+      h = p.value.offsetLeft, x = p.value.offsetTop;
     }
-    G(() => {
-      c(), I();
-    }), se(() => {
+    U(() => {
+      c(), V();
+    }), le(() => {
     });
-    function A() {
-      return f.value = !0, () => P();
+    function w() {
+      return f.value = !0, () => S();
     }
-    function P() {
+    function S() {
       f.value = !1;
     }
     return s({
-      showLoading: A,
-      hideLoading: P
-    }), (n, x) => (h(), w("div", {
+      showLoading: w,
+      hideLoading: S
+    }), (o, v) => (g(), k("div", {
       ref_key: "wrapperRef",
-      ref: C,
+      ref: M,
       class: "modal-wrapper",
       style: z(d.value),
-      onClick: x[0] || (x[0] = le((Ue) => n.maskClosable && a(), ["self"]))
+      onClick: v[0] || (v[0] = ae((B) => o.maskClosable && a(), ["self"]))
     }, [
       y("div", {
         ref_key: "contentRef",
         ref: p,
-        class: ae(["modal-content", { [`${n.mode}-mode`]: !0 }]),
-        style: z(_.value)
+        class: de(["modal-content", { [`${o.mode}-mode`]: !0 }]),
+        style: z(C.value)
       }, [
-        n.header ? (h(), w("div", {
+        o.header ? (g(), k("div", {
           key: 0,
           ref_key: "headerRef",
-          ref: g,
+          ref: _,
           class: "modal-header",
-          style: z(k.value),
-          onMousedown: L
+          style: z(E.value),
+          onMousedown: $
         }, [
-          y("div", Ae, B(n.title), 1),
-          y("div", Pe, [
-            n.closeable ? (h(), w("div", {
+          y("div", Pe, O(o.title), 1),
+          y("div", Be, [
+            o.closeable ? (g(), k("div", {
               key: 0,
               class: "i-icon-park-outline:close block cursor-pointer",
               onClick: a
-            })) : $("", !0)
+            })) : P("", !0)
           ])
-        ], 36)) : $("", !0),
+        ], 36)) : P("", !0),
         y("div", {
           class: "modal-body",
-          style: z(M.value)
+          style: z(L.value)
         }, [
-          (h(), F(U(n.component), de(ce(n.componentProps)), null, 16))
+          (g(), W(J(o.component), ce(ue(o.componentProps)), null, 16))
         ], 4),
-        n.footer ? (h(), w("div", ze, [
+        o.footer ? (g(), k("div", ze, [
           y("button", {
             class: "submit-button",
-            form: n.form,
+            form: o.form,
             type: "submit",
-            onClick: R
-          }, " 确定 ", 8, Be),
+            onClick: H
+          }, " 确定 ", 8, Oe),
           y("button", {
             class: "cancel-button",
             type: "button",
-            onClick: W
+            onClick: I
           }, " 取消 ")
-        ])) : $("", !0),
-        f.value ? (h(), w("div", Oe, De)) : $("", !0)
+        ])) : P("", !0),
+        f.value ? (g(), k("div", Re, De)) : P("", !0)
       ], 6)
     ], 4));
   }
 });
 const q = (t, s) => {
-  const o = t.__vccOpts || t;
+  const n = t.__vccOpts || t;
   for (const [e, l] of s)
-    o[e] = l;
-  return o;
-}, He = /* @__PURE__ */ q(Fe, [["__scopeId", "data-v-7f0b9287"]]), Re = { class: "modal-dialog" }, We = { class: "dialog-body" }, Ie = { class: "dialog-title" }, Ve = { class: "dialog-content" }, Xe = /* @__PURE__ */ Y({
+    n[e] = l;
+  return n;
+}, Fe = /* @__PURE__ */ q(We, [["__scopeId", "data-v-7f0b9287"]]), He = { class: "modal-dialog" }, Ie = { class: "dialog-body" }, Ve = { class: "dialog-title" }, Ge = { class: "dialog-content" }, Xe = /* @__PURE__ */ Y({
   __name: "modal-dialog",
   props: {
     type: {},
@@ -295,7 +299,7 @@ const q = (t, s) => {
     footer: {}
   },
   setup(t) {
-    const s = t, o = Ge(), e = S(() => s.title ? s.title : {
+    const s = t, n = Ue(), e = A(() => s.title ? s.title : {
       confirm: "提示",
       info: "提示",
       warning: "警告",
@@ -303,32 +307,32 @@ const q = (t, s) => {
       success: "成功"
     }[s.type]);
     async function l() {
-      s.onOk && await s.onOk(), o.close();
+      s.onOk && await s.onOk(), n.close();
     }
-    async function r() {
-      s.onCancel && await s.onCancel(), o.close();
+    async function i() {
+      s.onCancel && await s.onCancel(), n.close();
     }
-    return (f, v) => (h(), w("section", Re, [
-      y("div", We, [
-        y("div", Ie, B(e.value), 1),
-        y("div", Ve, B(f.content), 1)
+    return (f, h) => (g(), k("section", He, [
+      y("div", Ie, [
+        y("div", Ve, O(e.value), 1),
+        y("div", Ge, O(f.content), 1)
       ]),
       y("div", {
         class: "dialog-footer space-x-2",
         style: z(f.type === "confirm" ? { "justify-content": "end" } : { "border-top": "none" })
       }, [
-        f.footer ? (h(), F(U(f.footer), { key: 0 })) : (h(), w(X, { key: 1 }, [
+        f.footer ? (g(), W(J(f.footer), { key: 0 })) : (g(), k(X, { key: 1 }, [
           y("button", {
             class: "submit-button",
             type: "submit",
             onClick: l
-          }, B(f.okText), 1),
-          f.type === "confirm" ? (h(), w("button", {
+          }, O(f.okText), 1),
+          f.type === "confirm" ? (g(), k("button", {
             key: 0,
             class: "cancel-button",
             type: "button",
-            onClick: r
-          }, B(f.cancelText), 1)) : $("", !0)
+            onClick: i
+          }, O(f.cancelText), 1)) : P("", !0)
         ], 64))
       ], 4)
     ]));
@@ -353,147 +357,147 @@ const Ye = /* @__PURE__ */ q(Xe, [["__scopeId", "data-v-8326e5a5"]]), je = {
     maxHeight: { default: "80%" }
   },
   setup(t, { expose: s }) {
-    const o = T([]), e = N(!1), l = K();
-    function r(i, u = {}, a = {}) {
-      const m = be(
-        () => Promise.resolve(typeof i == "string" ? Ye : i)
+    const n = T([]), e = N(!1), l = K();
+    function i(r, u = {}, a = {}) {
+      const m = Ce(
+        () => Promise.resolve(typeof r == "string" ? Ye : r)
       );
-      typeof i == "string" && (u.type = i, a.size = "small", a.fullscreen = !1, a.mode = "dialog", a.footer = !1, a.header = !1);
-      const d = Math.random().toString(32).slice(2), _ = new Promise((k, M) => {
-        o.value.push({
+      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) => {
+        n.value.push({
           id: d,
           component: m,
           props: u || {},
           options: {
             ...a,
-            type: typeof i == "string" ? i : "component"
+            type: typeof r == "string" ? r : "component"
           },
-          resolve: k,
-          reject: M,
+          resolve: E,
+          reject: L,
           listeners: []
-        }), O(o);
-      }).catch((k) => k === "CANCEL" ? new Promise(() => {
-      }) : Promise.reject(k));
-      return Object.assign(_, {
+        }), R(n);
+      }).catch((E) => E === "CANCEL" ? new Promise(() => {
+      }) : Promise.reject(E));
+      return Object.assign(C, {
         close: () => f(d)
       });
     }
-    function f(i, u) {
-      const a = o.value.findIndex((d) => d.id === i);
+    function f(r, u) {
+      const a = n.value.findIndex((d) => d.id === r);
       if (a < 0)
         return;
-      const m = o.value[a];
-      u === void 0 ? m == null || m.reject("CANCEL") : m == null || m.resolve(u), o.value.splice(a, 1), O(o);
+      const m = n.value[a];
+      u === void 0 ? m == null || m.reject("CANCEL") : m == null || m.resolve(u), n.value.splice(a, 1), R(n);
     }
-    function v() {
-      o.value.forEach((i) => {
-        i.resolve();
-      }), o.value = [], O(o);
+    function h() {
+      n.value.forEach((r) => {
+        r.resolve();
+      }), n.value = [], R(n);
     }
-    function b(i, u) {
-      const a = o.value.find((d) => d.id === i);
+    function x(r, u) {
+      const a = n.value.find((d) => d.id === r);
       if (!a)
         return;
       const m = a.listeners.find((d) => d.event === u);
       m && m.callback({
-        open: r,
+        open: i,
         close: (d) => f(a.id, d),
-        closeAll: v,
-        showLoading: () => C(a.id),
+        closeAll: h,
+        showLoading: () => M(a.id),
         hideLoading: () => p(a.id),
-        confirm: (d) => r("confirm", d),
-        success: (d) => r("success", d),
-        error: (d) => r("error", d),
-        warning: (d) => r("warning", d),
-        info: (d) => r("info", d)
+        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 C(i) {
+    function M(r) {
       if (!l)
         return;
-      const [u] = l.refs[`modal-container_${i}`];
+      const [u] = l.refs[`modal-container_${r}`];
       if (u)
         return u.showLoading();
     }
-    function p(i) {
+    function p(r) {
       if (!l)
         return;
-      const [u] = l.refs[`modal-container_${i}`];
+      const [u] = l.refs[`modal-container_${r}`];
       if (u)
         return u.hideLoading();
     }
-    function g(i, u, a) {
-      const m = o.value.find((d) => d.id === i);
+    function _(r, u, a) {
+      const m = n.value.find((d) => d.id === r);
       m && m.listeners.push({
         event: u,
         callback: a
       });
     }
-    return pe(H, {
-      open: r,
+    return me(F, {
+      open: i,
       close: f,
-      closeAll: v,
-      addEventListener: g
+      closeAll: h,
+      addEventListener: _
     }), s({
-      elements: o,
-      open: r
-    }), G(() => {
+      elements: n,
+      open: i
+    }), U(() => {
       e.value = !0;
-    }), (i, u) => (h(), w(X, null, [
-      me(i.$slots, "default", {}, void 0, !0),
-      e.value ? (h(), w("div", je, [
-        (h(), F(ve, {
-          disabled: !i.appendToBody,
-          to: typeof i.appendToBody == "string" ? i.appendToBody : "body"
+    }), (r, u) => (g(), k(X, null, [
+      ve(r.$slots, "default", {}, void 0, !0),
+      e.value ? (g(), k("div", je, [
+        (g(), W(he, {
+          disabled: !r.appendToBody,
+          to: typeof r.appendToBody == "string" ? r.appendToBody : "body"
         }, [
-          ye(he, { name: "modal-fade" }, {
-            default: ge(() => [
-              (h(!0), w(X, null, _e(o.value, (a) => (h(), F(He, we({
+          ye(ge, { name: "modal-fade" }, {
+            default: _e(() => [
+              (g(!0), k(X, null, we(n.value, (a) => (g(), W(Fe, be({
                 id: a.id,
                 key: a.id,
                 ref_for: !0,
                 ref: `modal-container_${a.id}`,
                 component: a.component,
                 "component-props": a.props,
-                "max-height": i.maxHeight,
-                "max-width": i.maxWidth,
-                sizes: i.sizes
+                "max-height": r.maxHeight,
+                "max-width": r.maxWidth,
+                sizes: r.sizes
               }, a.options, {
-                onSubmit: () => b(a.id, "submit")
+                onSubmit: () => x(a.id, "submit")
               }), null, 16, ["id", "component", "component-props", "max-height", "max-width", "sizes", "onSubmit"]))), 128))
             ]),
             _: 1
           })
         ], 8, ["disabled", "to"]))
-      ])) : $("", !0)
+      ])) : P("", !0)
     ], 64));
   }
 });
 const Qe = /* @__PURE__ */ q(qe, [["__scopeId", "data-v-4ee644e1"]]);
 function D(t, s) {
   var e, l;
-  let o = t == null ? void 0 : t.parent;
-  for (; o && ((e = o == null ? void 0 : o.type) == null ? void 0 : e.name) !== s; )
-    o = o.parent;
-  return ((l = o == null ? void 0 : o.type) == null ? void 0 : l.name) === s ? o : null;
+  let n = t == null ? void 0 : t.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 Ge() {
-  const t = j(H), s = K();
-  function o(e, l, r) {
+function Ue() {
+  const t = j(F), s = K();
+  function n(e, l, i) {
     if (!t)
       throw new Error("Not Found Modal Provider Component");
-    return t.open(e, l, r);
+    return t.open(e, l, i);
   }
   return {
-    open: o,
+    open: n,
     close(e) {
       var f;
       if (!t)
         throw new Error("Not Found Modal Provider Component");
-      const l = D(s, "ModalContainer"), r = (f = l == null ? void 0 : l.props) == null ? void 0 : f.id;
-      if (!r)
+      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");
-      t.close(r, e);
+      t.close(i, e);
     },
     closeAll() {
       if (!t)
@@ -501,20 +505,20 @@ function Ge() {
       t.closeAll();
     },
     showLoading() {
-      var r;
+      var i;
       if (!t)
         throw new Error("Not Found Modal Provider Component");
       const e = D(s, "ModalContainer");
-      if (!((r = e == null ? void 0 : e.props) == null ? void 0 : r.id))
+      if (!((i = e == null ? void 0 : e.props) == null ? void 0 : i.id))
         throw new Error("Not Found Current Modal Container");
       e != null && e.exposed && (e == null || e.exposed.showLoading());
     },
     hideLoading() {
-      var r;
+      var i;
       if (!t)
         throw new Error("Not Found Modal Provider Component");
       const e = D(s, "ModalContainer");
-      if (!((r = e == null ? void 0 : e.props) == null ? void 0 : r.id))
+      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());
     },
@@ -536,14 +540,14 @@ function Ge() {
   };
 }
 function Ze(t) {
-  var r;
-  const s = j(H), o = K(), e = D(o, "ModalContainer"), l = (r = e == null ? void 0 : e.props) == null ? void 0 : r.id;
+  var i;
+  const s = j(F), n = K(), e = D(n, "ModalContainer"), l = (i = e == null ? void 0 : e.props) == null ? void 0 : i.id;
   s && l && s.addEventListener(l, "submit", t);
 }
 export {
-  He as ModalContainer,
-  H as ModalKey,
+  Fe as ModalContainer,
+  F as ModalKey,
   Qe as ModalProvider,
   Ze as onSubmit,
-  Ge as useModal
+  Ue as useModal
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gopowerteam/modal-render",
   "type": "module",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "author": {
     "name": "zhuchentong",
     "email": "2037630@gmail.com"
@@ -42,6 +42,11 @@
     "dist",
     "README.md"
   ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "npm:publish": "npm run build && npm publish --access publish"
+  },
   "peerDependencies": {
     "vue": "^3.0.0"
   },
@@ -64,10 +69,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"
-  },
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "vite build",
-    "npm:publish": "npm run build && npm publish --access publish"
   }
-}
+}