@aplus-frontend/ui 0.0.1-beta.0 → 0.0.1-beta.10

package/lib/src/modal/basic.vue.d.ts

@@ -1,4 +1,11 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+import { DefineComponent, PropType, VNodeChild, VNode, RendererNode, RendererElement, CSSProperties, ExtractPropTypes, ComponentOptionsMixin, PublicProps } from 'vue';
+import { ModalWrapperProps } from './interface';
+import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
+import { ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
+import { VueTypeValidableDef } from '../../node_modules/vue-types';
+import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
     open: {
         type: BooleanConstructor;
     };
@@ -25,7 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     okText: {
         type: StringConstructor;
     };
-    closeFunc: import('vue').PropType<() => Promise<boolean>>;
+    closeFunc: PropType<() => Promise<boolean>>;
 } & {
     defaultFullscreen: {
         type: BooleanConstructor;
@@ -38,7 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    helpMessage: import('vue').PropType<string | string[]>;
+    helpMessage: PropType<string | string[]>;
     useWrapper: {
         type: BooleanConstructor;
         default: boolean;
@@ -57,16 +64,16 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    wrapperProps: import('vue').PropType<Partial<import('./interface').ModalWrapperProps>>;
-    afterClose: import('vue').PropType<() => Promise<import('vue').VNodeChild | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    wrapperProps: PropType<Partial< ModalWrapperProps>>;
+    afterClose: PropType<() => Promise< VNodeChild | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>>>;
-    bodyStyle: import('vue').PropType<import('vue').CSSProperties>;
+    bodyStyle: PropType<CSSProperties>;
     closable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    closeIcon: import('vue').PropType<import('vue').VNodeChild | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    closeIcon: PropType< VNodeChild | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>>;
     confirmLoading: {
@@ -75,10 +82,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     destroyOnClose: {
         type: BooleanConstructor;
     };
-    footer: import('vue').PropType<import('vue').VNodeChild | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    footer: PropType< VNodeChild | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>>;
-    getContainer: import('vue').PropType<() => any>;
+    getContainer: PropType<() => any>;
     mask: {
         type: BooleanConstructor;
         default: boolean;
@@ -91,26 +98,26 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    maskStyle: import('vue').PropType<import('vue').CSSProperties>;
+    maskStyle: PropType<CSSProperties>;
     okType: {
-        type: import('vue').PropType<"danger" | import('ant-design-vue/es/button').ButtonType>;
+        type: PropType<"danger" | ButtonType>;
         default: string;
     };
-    okButtonProps: import('vue').PropType<Partial<import('vue').ExtractPropTypes<{
+    okButtonProps: PropType<Partial< ExtractPropTypes<{
         prefixCls: StringConstructor;
-        type: import('vue').PropType<import('ant-design-vue/es/button').ButtonType>;
+        type: PropType<ButtonType>;
         htmlType: {
-            type: import('vue').PropType<import('ant-design-vue/es/button/buttonTypes').ButtonHTMLType>;
+            type: PropType<ButtonHTMLType>;
             default: string;
         };
         shape: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonShape>;
+            type: PropType<ButtonShape>;
         };
         size: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonSize>;
+            type: PropType<ButtonSize>;
         };
         loading: {
-            type: import('vue').PropType<boolean | {
+            type: PropType<boolean | {
                 delay?: number | undefined;
             }>;
             default: () => boolean | {
@@ -133,32 +140,32 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
             type: BooleanConstructor;
             default: any;
         };
-        icon: import('../../node_modules/vue-types').VueTypeValidableDef<any>;
+        icon: VueTypeValidableDef<any>;
         href: StringConstructor;
         target: StringConstructor;
         title: StringConstructor;
         onClick: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
         onMousedown: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
     }>>>;
-    cancelButtonProps: import('vue').PropType<Partial<import('vue').ExtractPropTypes<{
+    cancelButtonProps: PropType<Partial< ExtractPropTypes<{
         prefixCls: StringConstructor;
-        type: import('vue').PropType<import('ant-design-vue/es/button').ButtonType>;
+        type: PropType<ButtonType>;
         htmlType: {
-            type: import('vue').PropType<import('ant-design-vue/es/button/buttonTypes').ButtonHTMLType>;
+            type: PropType<ButtonHTMLType>;
             default: string;
         };
         shape: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonShape>;
+            type: PropType<ButtonShape>;
         };
         size: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonSize>;
+            type: PropType<ButtonSize>;
         };
         loading: {
-            type: import('vue').PropType<boolean | {
+            type: PropType<boolean | {
                 delay?: number | undefined;
             }>;
             default: () => boolean | {
@@ -181,15 +188,15 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
             type: BooleanConstructor;
             default: any;
         };
-        icon: import('../../node_modules/vue-types').VueTypeValidableDef<any>;
+        icon: VueTypeValidableDef<any>;
         href: StringConstructor;
         target: StringConstructor;
         title: StringConstructor;
         onClick: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
         onMousedown: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
     }>>>;
     title: {
@@ -198,14 +205,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     open: {
         type: BooleanConstructor;
     };
-    width: import('vue').PropType<string | number>;
+    width: PropType<string | number>;
     wrapClassName: {
         type: StringConstructor;
     };
     zIndex: {
         type: NumberConstructor;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     cancel: (...args: any[]) => void;
     ok: (...args: any[]) => void;
     "height-change": (...args: any[]) => void;
@@ -213,7 +220,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "open-change": (...args: any[]) => void;
     register: (...args: any[]) => void;
     "update:open": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, PublicProps, Readonly< ExtractPropTypes<{
     open: {
         type: BooleanConstructor;
     };
@@ -240,7 +247,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     okText: {
         type: StringConstructor;
     };
-    closeFunc: import('vue').PropType<() => Promise<boolean>>;
+    closeFunc: PropType<() => Promise<boolean>>;
 } & {
     defaultFullscreen: {
         type: BooleanConstructor;
@@ -253,7 +260,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    helpMessage: import('vue').PropType<string | string[]>;
+    helpMessage: PropType<string | string[]>;
     useWrapper: {
         type: BooleanConstructor;
         default: boolean;
@@ -272,16 +279,16 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    wrapperProps: import('vue').PropType<Partial<import('./interface').ModalWrapperProps>>;
-    afterClose: import('vue').PropType<() => Promise<import('vue').VNodeChild | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    wrapperProps: PropType<Partial< ModalWrapperProps>>;
+    afterClose: PropType<() => Promise< VNodeChild | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>>>;
-    bodyStyle: import('vue').PropType<import('vue').CSSProperties>;
+    bodyStyle: PropType<CSSProperties>;
     closable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    closeIcon: import('vue').PropType<import('vue').VNodeChild | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    closeIcon: PropType< VNodeChild | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>>;
     confirmLoading: {
@@ -290,10 +297,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     destroyOnClose: {
         type: BooleanConstructor;
     };
-    footer: import('vue').PropType<import('vue').VNodeChild | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    footer: PropType< VNodeChild | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>>;
-    getContainer: import('vue').PropType<() => any>;
+    getContainer: PropType<() => any>;
     mask: {
         type: BooleanConstructor;
         default: boolean;
@@ -306,26 +313,26 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    maskStyle: import('vue').PropType<import('vue').CSSProperties>;
+    maskStyle: PropType<CSSProperties>;
     okType: {
-        type: import('vue').PropType<"danger" | import('ant-design-vue/es/button').ButtonType>;
+        type: PropType<"danger" | ButtonType>;
         default: string;
     };
-    okButtonProps: import('vue').PropType<Partial<import('vue').ExtractPropTypes<{
+    okButtonProps: PropType<Partial< ExtractPropTypes<{
         prefixCls: StringConstructor;
-        type: import('vue').PropType<import('ant-design-vue/es/button').ButtonType>;
+        type: PropType<ButtonType>;
         htmlType: {
-            type: import('vue').PropType<import('ant-design-vue/es/button/buttonTypes').ButtonHTMLType>;
+            type: PropType<ButtonHTMLType>;
             default: string;
         };
         shape: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonShape>;
+            type: PropType<ButtonShape>;
         };
         size: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonSize>;
+            type: PropType<ButtonSize>;
         };
         loading: {
-            type: import('vue').PropType<boolean | {
+            type: PropType<boolean | {
                 delay?: number | undefined;
             }>;
             default: () => boolean | {
@@ -348,32 +355,32 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
             type: BooleanConstructor;
             default: any;
         };
-        icon: import('../../node_modules/vue-types').VueTypeValidableDef<any>;
+        icon: VueTypeValidableDef<any>;
         href: StringConstructor;
         target: StringConstructor;
         title: StringConstructor;
         onClick: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
         onMousedown: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
     }>>>;
-    cancelButtonProps: import('vue').PropType<Partial<import('vue').ExtractPropTypes<{
+    cancelButtonProps: PropType<Partial< ExtractPropTypes<{
         prefixCls: StringConstructor;
-        type: import('vue').PropType<import('ant-design-vue/es/button').ButtonType>;
+        type: PropType<ButtonType>;
         htmlType: {
-            type: import('vue').PropType<import('ant-design-vue/es/button/buttonTypes').ButtonHTMLType>;
+            type: PropType<ButtonHTMLType>;
             default: string;
         };
         shape: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonShape>;
+            type: PropType<ButtonShape>;
         };
         size: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonSize>;
+            type: PropType<ButtonSize>;
         };
         loading: {
-            type: import('vue').PropType<boolean | {
+            type: PropType<boolean | {
                 delay?: number | undefined;
             }>;
             default: () => boolean | {
@@ -396,15 +403,15 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
             type: BooleanConstructor;
             default: any;
         };
-        icon: import('../../node_modules/vue-types').VueTypeValidableDef<any>;
+        icon: VueTypeValidableDef<any>;
         href: StringConstructor;
         target: StringConstructor;
         title: StringConstructor;
         onClick: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
         onMousedown: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
     }>>>;
     title: {
@@ -413,7 +420,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     open: {
         type: BooleanConstructor;
     };
-    width: import('vue').PropType<string | number>;
+    width: PropType<string | number>;
     wrapClassName: {
         type: StringConstructor;
     };
@@ -421,22 +428,22 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: NumberConstructor;
     };
 }>> & {
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     onOk?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
-    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     "onHeight-change"?: ((...args: any[]) => any) | undefined;
     onFullscreen?: ((...args: any[]) => any) | undefined;
     "onOpen-change"?: ((...args: any[]) => any) | undefined;
     onRegister?: ((...args: any[]) => any) | undefined;
 }, {
+    loading: boolean;
     open: boolean;
     closable: boolean;
     centered: boolean;
-    okType: "danger" | import('ant-design-vue/es/button').ButtonType;
+    okType: "danger" | ButtonType;
     mask: boolean;
     maskClosable: boolean;
     keyboard: boolean;
-    loading: boolean;
     confirmLoading: boolean;
     destroyOnClose: boolean;
     draggable: boolean;

package/lib/src/modal/basic.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("./components/modal.js"),$=require("./components/modal-wrapper.vue.js"),W=require("./components/modal-close.vue.js"),T=require("./components/modal-footer.vue.js"),B=require("./components/modal-header.vue.js"),V=require("./props.js"),I=require("./hooks/use-moda-full-screen.js"),p=require("lodash-unified"),j=require("@aplus-frontend/utils"),E=require("@fruits-chain/utils");require("../config-provider/index.js");const L=require("../config-provider/hooks/use-namespace.js"),x=e.defineComponent({name:"BasicModal",inheritAttrs:!1,__name:"basic",props:V.basicProps,emits:["open-change","height-change","cancel","ok","register","update:open","fullscreen"],setup(w,{emit:k}){const n=w,a=k,P=e.useAttrs(),r=e.ref(!1),d=e.ref(null),s=e.ref(null),{bm:S}=L.useNamespace("basic-modal"),v=e.ref(0),g={setModalProps:M,emitOpen:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(s)&&e.unref(s).setModalHeight()})}},c=e.getCurrentInstance();c&&a("register",g,c.uid);const f=e.computed(()=>({...n,...e.unref(d)})),{handleFullScreen:H,getWrapClassName:_,fullScreenRef:u}=I.useFullScreen({modalWrapperRef:s,extHeightRef:v,wrapClassName:e.toRef(f.value,"wrapClassName")}),o=e.computed(()=>({...{...e.unref(f),open:e.unref(r),okButtonProps:void 0,cancelButtonProps:void 0,title:void 0},wrapClassName:e.unref(_)})),C=e.computed(()=>{const t={...P,...e.unref(f),open:e.unref(r)};return t.wrapClassName=`${(t==null?void 0:t.wrapClassName)||""} ${e.unref(_)}vben-basic-modal-wrap`,e.unref(u)?p.omit(t,["height","title"]):p.omit(t,"title")}),q=e.computed(()=>{if(!e.unref(u))return e.unref(o).height});e.watchEffect(()=>{r.value=!!n.open,u.value=!!n.defaultFullscreen}),e.watch(()=>e.unref(r),t=>{a("open-change",t),a("update:open",t),c&&g.emitOpen&&g.emitOpen(t,c.uid),e.nextTick(()=>{n.scrollTop&&t&&e.unref(s)&&e.unref(s).scrollTop()})},{immediate:!1});async function h(t){var m,l;if(t==null||t.stopPropagation(),!((l=(m=t.target)==null?void 0:m.classList)!=null&&l.contains(S("close","custom")))){if(n.closeFunc&&E.isFunction(n.closeFunc)){const i=await n.closeFunc();r.value=!i;return}r.value=!1,a("cancel",t)}}function M(t){d.value=j.deepMerge(e.unref(d)||{},t),Reflect.has(t,"open")&&(r.value=!!t.open),Reflect.has(t,"defaultFullscreen")&&(u.value=!!t.defaultFullscreen)}function b(t){a("ok",t)}function y(t){a("height-change",t)}function N(t){v.value=t}function O(t){n.canFullscreen&&(t.stopPropagation(),F(t))}function F(t){H(t),a("fullscreen")}return(t,m)=>(e.openBlock(),e.createBlock(e.unref(R.default),e.mergeProps(C.value,{onCancel:h}),e.createSlots({default:e.withCtx(()=>[e.createVNode($.default,e.mergeProps({useWrapper:o.value.useWrapper,footerOffset:t.wrapperFooterOffset,fullScreen:e.unref(u),ref_key:"modalWrapperRef",ref:s,loading:o.value.loading,"loading-tip":o.value.loadingTip,minHeight:o.value.minHeight,height:q.value,open:r.value,modalFooterHeight:t.footer!==void 0&&!t.footer?0:void 0},e.unref(p.omit)(o.value.wrapperProps,"open","height","modalFooterHeight"),{onExtHeight:N,onHeightChange:y}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["useWrapper","footerOffset","fullScreen","loading","loading-tip","minHeight","height","open","modalFooterHeight"])]),_:2},[t.$slots.closeIcon?void 0:{name:"closeIcon",fn:e.withCtx(()=>[e.createVNode(W.default,{canFullscreen:o.value.canFullscreen,fullScreen:e.unref(u),onCancel:h,onFullscreen:F},null,8,["canFullscreen","fullScreen"])]),key:"0"},t.$slots.title?void 0:{name:"title",fn:e.withCtx(()=>[e.createVNode(B.default,{helpMessage:o.value.helpMessage,title:f.value.title,onDblclick:O},null,8,["helpMessage","title"])]),key:"1"},t.$slots.footer?void 0:{name:"footer",fn:e.withCtx(()=>[e.createVNode(T.default,e.mergeProps(C.value,{onOk:b,onCancel:h}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),l=>({name:l,fn:e.withCtx(i=>[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040)]),key:"2"},e.renderList(Object.keys(e.unref(p.omit)(t.$slots,"default")),l=>({name:l,fn:e.withCtx(i=>[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./basic.vue2.js");exports.default=e.default;

package/lib/src/modal/basic.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./basic.vue.js");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("./components/modal.js");require("./components/modal-wrapper.vue.js");require("./components/modal-close.vue.js");require("./components/modal-footer.vue.js");require("./components/modal-header.vue.js");const W=require("./props.js"),T=require("./hooks/use-moda-full-screen.js"),p=require("lodash-unified"),B=require("@aplus-frontend/utils"),V=require("@fruits-chain/utils");require("../config-provider/index.js");require("./style/index.css");const I=require("../config-provider/hooks/use-namespace.js"),j=require("./components/modal-wrapper.vue2.js"),E=require("./components/modal-close.vue2.js"),L=require("./components/modal-header.vue2.js"),x=require("./components/modal-footer.vue2.js"),z=e.defineComponent({name:"BasicModal",inheritAttrs:!1,__name:"basic",props:W.basicProps,emits:["open-change","height-change","cancel","ok","register","update:open","fullscreen"],setup(q,{emit:w}){const n=q,a=w,k=e.useAttrs(),r=e.ref(!1),d=e.ref(null),s=e.ref(null),{b:P,bm:S}=I.useNamespace("basic-modal"),v=e.ref(0),g={setModalProps:M,emitOpen:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(s)&&e.unref(s).setModalHeight()})}},c=e.getCurrentInstance();c&&a("register",g,c.uid);const f=e.computed(()=>({...n,...e.unref(d)})),{handleFullScreen:H,getWrapClassName:_,fullScreenRef:u}=T.useFullScreen({modalWrapperRef:s,extHeightRef:v,wrapClassName:e.toRef(f.value,"wrapClassName")}),o=e.computed(()=>({...{...e.unref(f),open:e.unref(r),okButtonProps:void 0,cancelButtonProps:void 0,title:void 0},wrapClassName:e.unref(_)})),C=e.computed(()=>{const t={...k,...e.unref(f),open:e.unref(r)};return t.wrapClassName=`${(t==null?void 0:t.wrapClassName)||""} ${e.unref(_)}vben-basic-modal-wrap`,e.unref(u)?p.omit(t,["height","title"]):p.omit(t,"title")}),b=e.computed(()=>{if(!e.unref(u))return e.unref(o).height});e.watchEffect(()=>{r.value=!!n.open,u.value=!!n.defaultFullscreen}),e.watch(()=>e.unref(r),t=>{a("open-change",t),a("update:open",t),c&&g.emitOpen&&g.emitOpen(t,c.uid),e.nextTick(()=>{n.scrollTop&&t&&e.unref(s)&&e.unref(s).scrollTop()})},{immediate:!1});async function h(t){var m,l;if(t==null||t.stopPropagation(),!((l=(m=t.target)==null?void 0:m.classList)!=null&&l.contains(S("close","custom")))){if(n.closeFunc&&V.isFunction(n.closeFunc)){const i=await n.closeFunc();r.value=!i;return}r.value=!1,a("cancel",t)}}function M(t){d.value=B.deepMerge(e.unref(d)||{},t),Reflect.has(t,"open")&&(r.value=!!t.open),Reflect.has(t,"defaultFullscreen")&&(u.value=!!t.defaultFullscreen)}function y(t){a("ok",t)}function N(t){a("height-change",t)}function O(t){v.value=t}function R(t){n.canFullscreen&&(t.stopPropagation(),F(t))}function F(t){H(t),a("fullscreen")}return(t,m)=>(e.openBlock(),e.createBlock(e.unref($.default),e.mergeProps(C.value,{onCancel:h,class:e.unref(P)()}),e.createSlots({default:e.withCtx(()=>[e.createVNode(j.default,e.mergeProps({useWrapper:o.value.useWrapper,footerOffset:t.wrapperFooterOffset,fullScreen:e.unref(u),ref_key:"modalWrapperRef",ref:s,loading:o.value.loading,"loading-tip":o.value.loadingTip,minHeight:o.value.minHeight,height:b.value,open:r.value,modalFooterHeight:t.footer!==void 0&&!t.footer?0:void 0},e.unref(p.omit)(o.value.wrapperProps,"open","height","modalFooterHeight"),{onExtHeight:O,onHeightChange:N}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["useWrapper","footerOffset","fullScreen","loading","loading-tip","minHeight","height","open","modalFooterHeight"])]),_:2},[t.$slots.closeIcon?void 0:{name:"closeIcon",fn:e.withCtx(()=>[e.createVNode(E.default,{canFullscreen:o.value.canFullscreen,fullScreen:e.unref(u),onCancel:h,onFullscreen:F},null,8,["canFullscreen","fullScreen"])]),key:"0"},t.$slots.title?void 0:{name:"title",fn:e.withCtx(()=>[e.createVNode(L.default,{helpMessage:o.value.helpMessage,title:f.value.title,onDblclick:R},null,8,["helpMessage","title"])]),key:"1"},t.$slots.footer?void 0:{name:"footer",fn:e.withCtx(()=>[e.createVNode(x.default,e.mergeProps(C.value,{onOk:y,onCancel:h}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),l=>({name:l,fn:e.withCtx(i=>[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040)]),key:"2"},e.renderList(Object.keys(e.unref(p.omit)(t.$slots,"default")),l=>({name:l,fn:e.withCtx(i=>[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040,["class"]))}});exports.default=z;

package/lib/src/modal/components/modal-close.vue.d.ts

@@ -1,11 +1,12 @@
 import { ModalCloseProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModalCloseProps>, {
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModalCloseProps>, {
     canFullscreen: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     cancel: (...args: any[]) => void;
     fullscreen: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModalCloseProps>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModalCloseProps>, {
     canFullscreen: boolean;
 }>>> & {
     onCancel?: ((...args: any[]) => any) | undefined;
@@ -17,9 +18,9 @@ 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: PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
-        type: import('vue').PropType<T[K]>;
+        type: PropType<T[K]>;
         required: true;
     };
 };

package/lib/src/modal/components/modal-close.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@ant-design/icons-vue"),n=require("ant-design-vue");require("../../config-provider/index.js");require("../style/close.css");const f=require("../../config-provider/hooks/use-namespace.js"),k=require("../../config-provider/hooks/use-locale.js"),C=e.defineComponent({name:"ModalClose",__name:"modal-close",props:{canFullscreen:{type:Boolean,default:!0},fullScreen:{type:Boolean}},emits:["cancel","fullscreen"],setup(u,{emit:s}){const i=u,c=s,{b:m,m:r}=f.useNamespace("basic-modal-close"),{t:l}=k.useLocale(),p=e.computed(()=>[m(),r("custom"),{[r("can-full")]:i.canFullscreen}]);function d(t){c("cancel",t)}function a(t){t==null||t.stopPropagation(),t==null||t.preventDefault(),c("fullscreen")}return(t,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(p.value)},[t.canFullscreen?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.fullScreen?(e.openBlock(),e.createBlock(e.unref(n.Tooltip),{key:0,title:e.unref(l)("ap.modal.restore"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.FullscreenExitOutlined),{role:"full",onClick:a})]),_:1},8,["title"])):(e.openBlock(),e.createBlock(e.unref(n.Tooltip),{key:1,title:e.unref(l)("ap.modal.maximize"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.FullscreenOutlined),{role:"close",onClick:a})]),_:1},8,["title"]))],64)):e.createCommentVNode("",!0),e.createVNode(e.unref(n.Tooltip),{title:e.unref(l)("ap.modal.close"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.CloseOutlined),{onClick:d})]),_:1},8,["title"])],2))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./modal-close.vue2.js");exports.default=e.default;

package/lib/src/modal/components/modal-close.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./modal-close.vue.js");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@ant-design/icons-vue"),n=require("ant-design-vue");require("../../config-provider/index.js");require("../style/close.css");const f=require("../../config-provider/hooks/use-namespace.js"),k=require("../../config-provider/hooks/use-locale.js"),C=e.defineComponent({name:"ModalClose",__name:"modal-close",props:{canFullscreen:{type:Boolean,default:!0},fullScreen:{type:Boolean}},emits:["cancel","fullscreen"],setup(u,{emit:s}){const i=u,c=s,{b:m,m:r}=f.useNamespace("basic-modal-close"),{t:l}=k.useLocale(),p=e.computed(()=>[m(),r("custom"),{[r("can-full")]:i.canFullscreen}]);function d(t){c("cancel",t)}function a(t){t==null||t.stopPropagation(),t==null||t.preventDefault(),c("fullscreen")}return(t,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(p.value)},[t.canFullscreen?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.fullScreen?(e.openBlock(),e.createBlock(e.unref(n.Tooltip),{key:0,title:e.unref(l)("ap.modal.restore"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.FullscreenExitOutlined),{role:"full",onClick:a})]),_:1},8,["title"])):(e.openBlock(),e.createBlock(e.unref(n.Tooltip),{key:1,title:e.unref(l)("ap.modal.maximize"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.FullscreenOutlined),{role:"close",onClick:a})]),_:1},8,["title"]))],64)):e.createCommentVNode("",!0),e.createVNode(e.unref(n.Tooltip),{title:e.unref(l)("ap.modal.close"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.CloseOutlined),{onClick:d})]),_:1},8,["title"])],2))}});exports.default=C;