@gopowerteam/modal-render 0.0.4 → 0.0.6

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

@@ -2,22 +2,23 @@ import type { Component } from 'vue';
 import type { SizeOptions } from '../interfaces';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     id: string;
-    form?: string;
+    form?: string | undefined;
     component: Component;
     componentProps: Record<string, any>;
-    width?: number | string;
-    maxWidth?: number | string;
-    maxHeight?: number | string;
+    width?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    maxHeight?: string | number | undefined;
     sizes: SizeOptions;
-    size: 'small' | 'middle' | 'large' | 'fullscreen';
-    title?: string;
-    header?: boolean;
-    footer?: boolean;
-    closeable?: boolean;
-    esc?: boolean;
-    maskClosable?: boolean;
-    draggable?: boolean;
-    mode?: 'dialog' | 'drawer';
+    size: 'small' | 'middle' | 'large';
+    fullscreen?: boolean | undefined;
+    title?: string | undefined;
+    header?: boolean | undefined;
+    footer?: boolean | undefined;
+    closeable?: boolean | undefined;
+    esc?: boolean | undefined;
+    maskClosable?: boolean | undefined;
+    draggable?: boolean | undefined;
+    mode?: "dialog" | "drawer" | undefined;
 }>, {
     header: boolean;
     closeable: boolean;
@@ -32,22 +33,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     submit: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     id: string;
-    form?: string;
+    form?: string | undefined;
     component: Component;
     componentProps: Record<string, any>;
-    width?: number | string;
-    maxWidth?: number | string;
-    maxHeight?: number | string;
+    width?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    maxHeight?: string | number | undefined;
     sizes: SizeOptions;
-    size: 'small' | 'middle' | 'large' | 'fullscreen';
-    title?: string;
-    header?: boolean;
-    footer?: boolean;
-    closeable?: boolean;
-    esc?: boolean;
-    maskClosable?: boolean;
-    draggable?: boolean;
-    mode?: 'dialog' | 'drawer';
+    size: 'small' | 'middle' | 'large';
+    fullscreen?: boolean | undefined;
+    title?: string | undefined;
+    header?: boolean | undefined;
+    footer?: boolean | undefined;
+    closeable?: boolean | undefined;
+    esc?: boolean | undefined;
+    maskClosable?: boolean | undefined;
+    draggable?: boolean | undefined;
+    mode?: "dialog" | "drawer" | undefined;
 }>, {
     header: boolean;
     closeable: boolean;
@@ -59,14 +61,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     draggable: boolean;
     mode: string;
 }>>> & {
-    onSubmit?: (...args: any[]) => any;
+    onSubmit?: ((...args: any[]) => any) | undefined;
 }, {
+    size: 'small' | 'middle' | 'large';
     header: boolean;
-    closeable: boolean;
     footer: boolean;
-    maskClosable: boolean;
-    size: 'small' | 'middle' | 'large' | 'fullscreen';
+    closeable: boolean;
     esc: boolean;
+    maskClosable: boolean;
     draggable: boolean;
     mode: 'dialog' | 'drawer';
 }, {}>;

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

@@ -1,6 +1,6 @@
 import type { ModalElement, SizeOptions } from '../interfaces';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    appendToBody: boolean;
+    appendToBody: boolean | string;
     sizes: SizeOptions;
     maxWidth: string | number;
     maxHeight: string | number;
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {
     elements: import("vue").ShallowRef<ModalElement[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    appendToBody: boolean;
+    appendToBody: boolean | string;
     sizes: SizeOptions;
     maxWidth: string | number;
     maxHeight: string | number;
@@ -33,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maxWidth: string | number;
     maxHeight: string | number;
     sizes: SizeOptions;
-    appendToBody: boolean;
+    appendToBody: boolean | string;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/cjs/hooks/on-submit.d.ts

@@ -0,0 +1,2 @@
+import type { useModal } from './use-modal';
+export declare function onSubmit(callback: (actions: ReturnType<typeof useModal>) => void): void;

package/dist/{hooks → cjs/hooks}/use-modal.d.ts

@@ -4,5 +4,4 @@ export declare function useModal(): {
     open(component: Component, props?: Record<string, any>, options?: OpenModalOptions): Promise<any>;
     close(data?: any): void;
     closeAll(): void;
-    onSubmit(fun: () => void): void;
 };

package/dist/cjs/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");const C=Symbol("__MODAL__");function O(n){return e.getCurrentScope()?(e.onScopeDispose(n),!0):!1}function g(n){return typeof n=="function"?n():e.unref(n)}const $=typeof window<"u"&&typeof document<"u",D=Object.prototype.toString,T=n=>D.call(n)==="[object Object]",H=()=>{};function W(n,i={}){if(!e.isRef(n))return e.toRefs(n);const t=Array.isArray(n.value)?Array.from({length:n.value.length}):{};for(const l in n.value)t[l]=e.customRef(()=>({get(){return n.value[l]},set(r){var u;if((u=g(i.replaceRef))!=null?u:!0)if(Array.isArray(n.value)){const m=[...n.value];m[l]=r,n.value=m}else{const m={...n.value,[l]:r};Object.setPrototypeOf(m,Object.getPrototypeOf(n.value)),n.value=m}else n.value[l]=r}}));return t}function F(n){var i;const t=g(n);return(i=t==null?void 0:t.$el)!=null?i:t}const N=$?window:void 0;function A(...n){let i,t,l,r;if(typeof n[0]=="string"||Array.isArray(n[0])?([t,l,r]=n,i=N):[i,t,l,r]=n,!i)return H;Array.isArray(t)||(t=[t]),Array.isArray(l)||(l=[l]);const u=[],y=()=>{u.forEach(c=>c()),u.length=0},m=(c,s,d,p)=>(c.addEventListener(s,d,p),()=>c.removeEventListener(s,d,p)),v=e.watch(()=>[F(i),g(r)],([c,s])=>{if(y(),!c)return;const d=T(s)?{...s}:s;u.push(...t.flatMap(p=>l.map(_=>m(c,p,_,d))))},{immediate:!0,flush:"post"}),a=()=>{v(),y()};return O(a),a}function I(n,i={}){var t,l;const{pointerTypes:r,preventDefault:u,stopPropagation:y,exact:m,onMove:v,onEnd:a,onStart:c,initialValue:s,axis:d="both",draggingElement:p=N,containerElement:_,handle:B=n}=i,h=e.ref((t=g(s))!=null?t:{x:0,y:0}),w=e.ref(),b=o=>r?r.includes(o.pointerType):!0,k=o=>{g(u)&&o.preventDefault(),g(y)&&o.stopPropagation()},S=o=>{var f;if(!b(o)||g(m)&&o.target!==g(n))return;const P=((f=g(_))!=null?f:g(n)).getBoundingClientRect(),z={x:o.clientX-P.left,y:o.clientY-P.top};(c==null?void 0:c(z,o))!==!1&&(w.value=z,k(o))},x=o=>{if(!b(o)||!w.value)return;let{x:f,y:E}=h.value;(d==="x"||d==="both")&&(f=o.clientX-w.value.x),(d==="y"||d==="both")&&(E=o.clientY-w.value.y),h.value={x:f,y:E},v==null||v(h.value,o),k(o)},M=o=>{b(o)&&w.value&&(w.value=void 0,a==null||a(h.value,o),k(o))};if($){const o={capture:(l=i.capture)!=null?l:!0};A(B,"pointerdown",S,o),A(p,"pointermove",x,o),A(p,"pointerup",M,o)}return{...W(h),position:h,isDragging:e.computed(()=>!!w.value),style:e.computed(()=>`left:${h.value.x}px;top:${h.value.y}px;`)}}const K={class:"title font-bold"},X={class:"action"},Y={key:1,class:"modal-footer space-x-2"},q=["form"],j={name:"ModalContainer",inheritAttrs:!0},G=e.defineComponent({...j,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"}},emits:["submit"],setup(n,{emit:i}){const t=n,l=i,r=e.inject(C);let u=0,y=0;const m=e.shallowRef(),v=e.shallowRef(),a=e.shallowRef(),{x:c,y:s}=I(a,{initialValue:{x:0,y:0}});function d(){r==null||r.close(t.id)}function p(o){if(typeof o=="number")return`${o}px`;if(typeof o=="string")return o}const _=e.computed(()=>{const o={};return t.mode==="dialog"&&(o.justifyContent="center"),t.mode==="drawer"&&(o.justifyContent="flex-end"),o}),B=e.computed(()=>{const o={};return t.size&&(o.width=p(t.sizes[t.size])),t.width&&(o.width=p(t.width)),t.maxWidth&&(o.maxWidth=p(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(${c.value-u}px, ${s.value-y}px, 0px)`),t.mode==="drawer"&&(o.borderRadius=0),o}),h=e.computed(()=>{const o={};return t.draggable&&!t.fullscreen&&t.mode==="dialog"&&(o.cursor="move"),o}),w=e.computed(()=>{var f;const o={};return t.maxHeight&&(o.maxHeight=`calc(${(f=p(t.maxHeight))==null?void 0:f.replace("%","vh")} - 50px)`),t.mode==="drawer"&&(o.maxHeight="unset",o.height=`calc(100vh - ${(t.header?50:0)+(t.footer?50:0)}px)`),t.fullscreen&&(o.maxHeight="unset",o.height=`calc(100vh - ${(t.header?50:0)+(t.footer?50:0)}px)`),o});function b(){const o=v.value;if(t.form&&o){const f=o.querySelector(`form[name="${t.form}"]`);f&&f.dispatchEvent(new Event("submit"))}l("submit",{open:r==null?void 0:r.open,close:f=>r==null?void 0:r.close(t.id,f)})}function k(){r==null||r.close(t.id)}function S(){window&&window.addEventListener("resize",()=>{e.triggerRef(m),e.triggerRef(v),u=v.value.offsetLeft,y=v.value.offsetTop})}function x(){if(t.closeable&&t.esc){const o=({key:f})=>{f==="Escape"&&(r==null||r.close(t.id),window.removeEventListener("keydown",o))};window.addEventListener("keydown",o)}}function M(){u=v.value.offsetLeft,y=v.value.offsetTop}return e.onMounted(()=>{x(),S()}),e.onUnmounted(()=>{}),(o,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:m,class:"modal-wrapper",style:e.normalizeStyle(_.value),onClick:f[0]||(f[0]=e.withModifiers(E=>o.maskClosable&&d(),["self"]))},[e.createElementVNode("div",{ref_key:"contentRef",ref:v,class:e.normalizeClass(["modal-content",{[`${o.mode}-mode`]:!0}]),style:e.normalizeStyle(B.value)},[o.header?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:a,class:"modal-header",style:e.normalizeStyle(h.value),onMousedown:M},[e.createElementVNode("div",K,e.toDisplayString(o.title),1),e.createElementVNode("div",X,[o.closeable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"i-icon-park-outline:close block cursor-pointer",onClick:d})):e.createCommentVNode("",!0)])],36)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"modal-body",style:e.normalizeStyle(w.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",Y,[e.createElementVNode("button",{class:"submit-button",form:o.form,type:"submit",onClick:b}," 确定 ",8,q),e.createElementVNode("button",{class:"cancel-button",type:"button",onClick:k}," 取消 ")])):e.createCommentVNode("",!0)],6)],4))}});const R=(n,i)=>{const t=n.__vccOpts||n;for(const[l,r]of i)t[l]=r;return t},V=R(G,[["__scopeId","data-v-5a470d86"]]),U={key:0,class:"modal-teleport"},J={name:"ModalProvider",inheritAttrs:!0},Q=e.defineComponent({...J,props:{appendToBody:{type:[Boolean,String],default:!1},sizes:{default:()=>({small:520,middle:860,large:1190})},maxWidth:{default:"80%"},maxHeight:{default:"80%"}},setup(n,{expose:i}){const t=e.shallowRef([]),l=e.ref(!1);async function r(a,c,s){const d=e.defineAsyncComponent(()=>Promise.resolve(a));return new Promise(p=>{t.value.push({id:Math.random().toString(32).slice(2),component:d,props:c,options:s,resolve:p,onSubmit:e.ref(null)}),e.triggerRef(t)})}function u(a,c){const s=t.value.findIndex(p=>p.id===a);if(s<0)return;const d=t.value[s];d==null||d.resolve(c),t.value.splice(s,1),e.triggerRef(t)}function y(){t.value.forEach(a=>{a.resolve()}),t.value=[],e.triggerRef(t)}function m(a){return t.value.find(c=>c.id===a)}function v(a,c){const s=t.value.find(d=>d.id===a);console.log(c,111),s&&(s.onSubmit.value=c)}return e.provide(C,{open:r,close:u,closeAll:y,getElement:m,addSubmitListener:v}),i({elements:t}),e.onMounted(()=>{l.value=!0}),(a,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(a.$slots,"default",{},void 0,!0),l.value?(e.openBlock(),e.createElementBlock("div",U,[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!a.appendToBody,to:typeof a.appendToBody=="string"?a.appendToBody:"body"},[e.createVNode(e.TransitionGroup,{name:"modal-fade"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,s=>(e.openBlock(),e.createBlock(V,e.mergeProps({id:s.id,key:s.id,component:s.component,"component-props":s.props,"max-height":a.maxHeight,"max-width":a.maxWidth,sizes:a.sizes},s.options,{onSubmit:s.onSubmit.value}),null,16,["id","component","component-props","max-height","max-width","sizes","onSubmit"]))),128))]),_:1})],8,["disabled","to"]))])):e.createCommentVNode("",!0)],64))}});const Z=R(Q,[["__scopeId","data-v-cec9e05a"]]);function L(n,i){var l,r;let t=n==null?void 0:n.parent;for(;t&&((l=t==null?void 0:t.type)==null?void 0:l.name)!==i;)t=t.parent;return((r=t==null?void 0:t.type)==null?void 0:r.name)===i?t:null}function ee(){const n=e.inject(C),i=e.getCurrentInstance();return{open(t,l,r){if(!n)throw new Error("Not Found Modal Provider Component");return n.open(t,l||{},r||{})},close(t){var u;if(!n)throw new Error("Not Found Modal Provider Component");const l=L(i,"ModalContainer"),r=(u=l==null?void 0:l.props)==null?void 0:u.id;if(!r)throw new Error("Not Found Current Modal Container");n.close(r,t)},closeAll(){if(!n)throw new Error("Not Found Modal Provider Component");n.closeAll()}}}function te(n){var u;const i=e.inject(C),t=e.getCurrentInstance(),l=L(t,"ModalContainer"),r=(u=l==null?void 0:l.props)==null?void 0:u.id;i&&r&&i.addSubmitListener(r,n)}exports.ModalContainer=V;exports.ModalKey=C;exports.ModalProvider=Z;exports.onSubmit=te;exports.useModal=ee;

package/dist/{index.d.ts → cjs/index.d.ts}

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

package/dist/{interfaces.d.ts → cjs/interfaces.d.ts}

@@ -1,4 +1,5 @@
 import type { Component, Ref } from 'vue';
+import type { useModal } from './hooks/use-modal';
 export interface SizeOptions {
     small: number;
     middle: number;
@@ -13,7 +14,8 @@ export interface OpenModalOptions {
     header?: boolean;
     footer?: boolean;
     width?: number | string;
-    size?: 'large' | 'middle' | 'small' | 'fullscreen';
+    size?: 'large' | 'middle' | 'small';
+    fullscreen?: boolean;
     draggable?: boolean;
     form?: string;
     mode?: 'dialog' | 'drawer';
@@ -24,12 +26,12 @@ export interface ModalElement extends OpenModalOptions {
     component: Component;
     props: Record<string, any>;
     options: OpenModalOptions;
-    onSubmit: Ref<() => void>;
+    onSubmit: Ref<((actions: ReturnType<typeof useModal>) => void) | null>;
 }
 export interface ModalActions {
     open: (component: Component, props: Record<string, any>, options: OpenModalOptions) => Promise<any | void>;
     close: (id: string, data?: any) => void;
     closeAll: () => void;
     getElement: (id: string) => ModalElement | undefined;
-    addSubmitListener: (id: string, fun: () => void) => void;
+    addSubmitListener: (id: string, fun: (modal: ReturnType<typeof useModal>) => void) => void;
 }

package/dist/{utils → cjs/utils}/find-container.d.ts

@@ -1,2 +1,2 @@
 import type { ComponentInternalInstance } from 'vue';
-export declare function findContainer(ctx: ComponentInternalInstance | null, name: 'ModalContainer' | 'ModalProvider'): ComponentInternalInstance;
+export declare function findContainer(ctx: ComponentInternalInstance | null, name: 'ModalContainer' | 'ModalProvider'): ComponentInternalInstance | null;

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

@@ -0,0 +1,89 @@
+import type { Component } from 'vue';
+import type { SizeOptions } from '../interfaces';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    id: string;
+    form?: string | undefined;
+    component: Component;
+    componentProps: Record<string, any>;
+    width?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    maxHeight?: string | number | undefined;
+    sizes: SizeOptions;
+    size: 'small' | 'middle' | 'large';
+    fullscreen?: boolean | undefined;
+    title?: string | undefined;
+    header?: boolean | undefined;
+    footer?: boolean | undefined;
+    closeable?: boolean | undefined;
+    esc?: boolean | undefined;
+    maskClosable?: boolean | undefined;
+    draggable?: boolean | undefined;
+    mode?: "dialog" | "drawer" | undefined;
+}>, {
+    header: boolean;
+    closeable: boolean;
+    footer: boolean;
+    keyboard: boolean;
+    maskClosable: boolean;
+    size: string;
+    esc: boolean;
+    draggable: boolean;
+    mode: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    id: string;
+    form?: string | undefined;
+    component: Component;
+    componentProps: Record<string, any>;
+    width?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    maxHeight?: string | number | undefined;
+    sizes: SizeOptions;
+    size: 'small' | 'middle' | 'large';
+    fullscreen?: boolean | undefined;
+    title?: string | undefined;
+    header?: boolean | undefined;
+    footer?: boolean | undefined;
+    closeable?: boolean | undefined;
+    esc?: boolean | undefined;
+    maskClosable?: boolean | undefined;
+    draggable?: boolean | undefined;
+    mode?: "dialog" | "drawer" | undefined;
+}>, {
+    header: boolean;
+    closeable: boolean;
+    footer: boolean;
+    keyboard: boolean;
+    maskClosable: boolean;
+    size: string;
+    esc: boolean;
+    draggable: boolean;
+    mode: string;
+}>>> & {
+    onSubmit?: ((...args: any[]) => any) | undefined;
+}, {
+    size: 'small' | 'middle' | 'large';
+    header: boolean;
+    footer: boolean;
+    closeable: boolean;
+    esc: boolean;
+    maskClosable: boolean;
+    draggable: boolean;
+    mode: 'dialog' | 'drawer';
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};

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

@@ -0,0 +1,59 @@
+import type { ModalElement, SizeOptions } from '../interfaces';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    appendToBody: boolean | string;
+    sizes: SizeOptions;
+    maxWidth: string | number;
+    maxHeight: string | number;
+}>, {
+    appendToBody: boolean;
+    maxWidth: string;
+    maxHeight: string;
+    sizes: () => {
+        small: number;
+        middle: number;
+        large: number;
+    };
+}>, {
+    elements: import("vue").ShallowRef<ModalElement[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    appendToBody: boolean | string;
+    sizes: SizeOptions;
+    maxWidth: string | number;
+    maxHeight: string | number;
+}>, {
+    appendToBody: boolean;
+    maxWidth: string;
+    maxHeight: string;
+    sizes: () => {
+        small: number;
+        middle: number;
+        large: number;
+    };
+}>>>, {
+    maxWidth: string | number;
+    maxHeight: string | number;
+    sizes: SizeOptions;
+    appendToBody: boolean | string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/constants.d.ts

@@ -0,0 +1,3 @@
+import type { InjectionKey } from 'vue';
+import type { ModalActions } from './interfaces';
+export declare const ModalKey: InjectionKey<ModalActions>;

package/dist/es/hooks/on-submit.d.ts

@@ -0,0 +1,2 @@
+import type { useModal } from './use-modal';
+export declare function onSubmit(callback: (actions: ReturnType<typeof useModal>) => void): void;

package/dist/es/hooks/use-modal.d.ts

@@ -0,0 +1,7 @@
+import type { Component } from 'vue';
+import type { OpenModalOptions } from '../interfaces';
+export declare function useModal(): {
+    open(component: Component, props?: Record<string, any>, options?: OpenModalOptions): Promise<any>;
+    close(data?: any): void;
+    closeAll(): void;
+};

package/dist/es/index.d.ts

@@ -0,0 +1,7 @@
+import ModalProvider from './components/modal-provider.vue';
+import ModalContainer from './components/modal-container.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, };