bkui-vue 0.0.1-beta.44 → 0.0.1-beta.441

package/lib/modal/index.d.ts

@@ -4,40 +4,123 @@ declare const BkModal: {
         $: import("vue").ComponentInternalInstance;
         $data: {
             visible: boolean;
+            closeTimer: any;
         };
         $props: Partial<{
+            title: string;
+            transfer: boolean;
             width: string | number;
             height: string | number;
-            showMask: boolean;
+            maxHeight: string;
+            extCls: string | unknown[];
+            direction: string;
             isShow: boolean;
-            customClass: string | unknown[];
+            zIndex: string | number;
+            draggable: boolean;
+            multiInstance: boolean;
+            showMask: boolean;
+            renderDirective: "if" | "show";
+            quickClose: boolean;
             scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            fullscreen: boolean;
+            animateType: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            isShow: {
-                type: BooleanConstructor;
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
+            } & {
+                default: boolean;
+            };
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
             };
-            width: {
-                type: (NumberConstructor | StringConstructor)[];
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            extCls: (import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
+            }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            });
+            scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
+            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
             };
-            height: {
-                type: (NumberConstructor | StringConstructor)[];
+            transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            zIndex: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            maxHeight: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
-            customClass: {
-                type: (ArrayConstructor | StringConstructor)[];
+            direction: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
-            scrollable: {
-                type: BooleanConstructor;
-                default: boolean;
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            animateType: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
             };
-            showMask: {
-                type: BooleanConstructor;
+            beforeClose: import("vue-types").VueTypeDef<unknown>;
+            dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+            multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "showMask" | "isShow" | "customClass" | "scrollable">;
+            infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        }>> & {
+            onClose?: (...args: any[]) => any;
+            onHidden?: (...args: any[]) => any;
+            "onQuick-close"?: (...args: any[]) => any;
+            onQuickClose?: (...args: any[]) => any;
+            onShown?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "transfer" | "width" | "height" | "maxHeight" | "extCls" | "direction" | "isShow" | "zIndex" | "draggable" | "multiInstance" | "showMask" | "renderDirective" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -49,46 +132,132 @@ declare const BkModal: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: (event: "close" | "hidden" | "quick-close" | "quickClose" | "shown", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            isShow: {
-                type: BooleanConstructor;
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            extCls: (import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            });
+            scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
+            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            width: {
-                type: (NumberConstructor | StringConstructor)[];
+            transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            zIndex: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            maxHeight: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
-            height: {
-                type: (NumberConstructor | StringConstructor)[];
+            direction: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
-            customClass: {
-                type: (ArrayConstructor | StringConstructor)[];
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            scrollable: {
-                type: BooleanConstructor;
-                default: boolean;
+            animateType: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
             };
-            showMask: {
-                type: BooleanConstructor;
+            beforeClose: import("vue-types").VueTypeDef<unknown>;
+            dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+            multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-        }>>, unknown, {
+            infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        }>> & {
+            onClose?: (...args: any[]) => any;
+            onHidden?: (...args: any[]) => any;
+            "onQuick-close"?: (...args: any[]) => any;
+            onQuickClose?: (...args: any[]) => any;
+            onShown?: (...args: any[]) => any;
+        }, unknown, {
             visible: boolean;
+            closeTimer: any;
         }, {
             dialogWidth(): String | Number;
             dialogHeight(): String | Number;
             compStyle(): any;
-        }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            fullscreenStyle(): any;
+        }, {
+            handleClickOutSide(): void;
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "quick-close" | "quickClose" | "shown")[], string, {
+            title: string;
+            transfer: boolean;
             width: string | number;
             height: string | number;
-            showMask: boolean;
+            maxHeight: string;
+            extCls: string | unknown[];
+            direction: string;
             isShow: boolean;
-            customClass: string | unknown[];
+            zIndex: string | number;
+            draggable: boolean;
+            multiInstance: boolean;
+            showMask: boolean;
+            renderDirective: "if" | "show";
+            quickClose: boolean;
             scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            fullscreen: boolean;
+            animateType: string;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -110,104 +279,326 @@ declare const BkModal: {
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        isShow: {
-            type: BooleanConstructor;
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        extCls: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
+        scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
+        draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        width: {
-            type: (NumberConstructor | StringConstructor)[];
+        transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        zIndex: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        maxHeight: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
-        height: {
-            type: (NumberConstructor | StringConstructor)[];
+        direction: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
-        customClass: {
-            type: (ArrayConstructor | StringConstructor)[];
+        title: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
             default: string;
         };
-        scrollable: {
-            type: BooleanConstructor;
-            default: boolean;
+        animateType: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
         };
-        showMask: {
-            type: BooleanConstructor;
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
+        beforeClose: import("vue-types").VueTypeDef<unknown>;
+        dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+        multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {
+        infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+    }>> & {
+        onClose?: (...args: any[]) => any;
+        onHidden?: (...args: any[]) => any;
+        "onQuick-close"?: (...args: any[]) => any;
+        onQuickClose?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {
         visible: boolean;
+        closeTimer: any;
     } & {
         dialogWidth: String | Number;
         dialogHeight: String | Number;
         compStyle: any;
+        fullscreenStyle: any;
+    } & {
+        handleClickOutSide(): void;
     } & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    isShow: {
-        type: BooleanConstructor;
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    extCls: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
+    scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    width: {
-        type: (NumberConstructor | StringConstructor)[];
+    zIndex: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
+    direction: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
-    customClass: {
-        type: (ArrayConstructor | StringConstructor)[];
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    scrollable: {
-        type: BooleanConstructor;
-        default: boolean;
+    animateType: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
     };
-    showMask: {
-        type: BooleanConstructor;
+    beforeClose: import("vue-types").VueTypeDef<unknown>;
+    dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-}>>, unknown, {
+    infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+}>> & {
+    onClose?: (...args: any[]) => any;
+    onHidden?: (...args: any[]) => any;
+    "onQuick-close"?: (...args: any[]) => any;
+    onQuickClose?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
+}, unknown, {
     visible: boolean;
+    closeTimer: any;
 }, {
     dialogWidth(): String | Number;
     dialogHeight(): String | Number;
     compStyle(): any;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    fullscreenStyle(): any;
+}, {
+    handleClickOutSide(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "quick-close" | "quickClose" | "shown")[], "close" | "shown" | "hidden" | "quick-close" | "quickClose", {
+    title: string;
+    transfer: boolean;
     width: string | number;
     height: string | number;
-    showMask: boolean;
+    maxHeight: string;
+    extCls: string | unknown[];
+    direction: string;
     isShow: boolean;
-    customClass: string | unknown[];
+    zIndex: string | number;
+    draggable: boolean;
+    multiInstance: boolean;
+    showMask: boolean;
+    renderDirective: "if" | "show";
+    quickClose: boolean;
     scrollable: boolean;
+    closeIcon: boolean;
+    escClose: boolean;
+    fullscreen: boolean;
+    animateType: string;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
     propsMixin: {
-        isShow: {
-            type: BooleanConstructor;
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        width: {
-            type: (NumberConstructor | StringConstructor)[];
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        extCls: (import("vue-types").VueTypeValidableDef<string> & {
             default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
+        scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
         };
-        height: {
-            type: (NumberConstructor | StringConstructor)[];
+        escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
+        draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        zIndex: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        maxHeight: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
-        customClass: {
-            type: (ArrayConstructor | StringConstructor)[];
+        direction: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
-        scrollable: {
-            type: BooleanConstructor;
-            default: boolean;
+        title: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        animateType: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
         };
-        showMask: {
-            type: BooleanConstructor;
+        beforeClose: import("vue-types").VueTypeDef<unknown>;
+        dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+        multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
+        infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
     };
 }>;
 export default BkModal;

package/lib/modal/index.js

@@ -0,0 +1 @@
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("vue-types")):o(e["../shared"],e.vue,e["vue-types"]);for(var i in t)("object"==typeof exports?exports:e)[i]=t[i]}}(self,((e,o,t)=>(()=>{"use strict";var i={4212:o=>{o.exports=e},748:e=>{e.exports=o},210:e=>{e.exports=t}},s={};function r(e){var o=s[e];if(void 0!==o)return o.exports;var t=s[e]={exports:{}};return i[e](t,t.exports,r),t.exports}r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{r.r(n),r.d(n,{BkModal:()=>a,default:()=>d,propsMixin:()=>s});var e,o=r(4212),t=r(748),i=r(210);!function(e){e.NORMAL="normal",e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(e||(e={}));var s={isShow:o.PropTypes.bool.def(!1),width:o.PropTypes.oneOfType([String,Number]).def("50%"),height:o.PropTypes.oneOfType([String,Number]).def("50%"),extCls:o.PropTypes.string||o.PropTypes.array,scrollable:o.PropTypes.bool.def(!0),showMask:o.PropTypes.bool.def(!0),closeIcon:o.PropTypes.bool.def(!0),escClose:o.PropTypes.bool.def(!0),fullscreen:o.PropTypes.bool.def(!1),size:(0,i.toType)("size",{}),draggable:o.PropTypes.bool.def(!0),quickClose:o.PropTypes.bool.def(!0),transfer:o.PropTypes.bool.def(!1),zIndex:o.PropTypes.oneOfType([String,Number]).def("inherit"),maxHeight:o.PropTypes.string,direction:o.PropTypes.string,title:o.PropTypes.string.def(""),animateType:o.PropTypes.string.def("slide"),renderDirective:(0,o.renderDirectiveType)(),beforeClose:o.PropTypes.custom((function(){return!0})),dialogType:(0,o.dialogTypeUnion)(),multiInstance:o.PropTypes.bool.def(!0),infoType:o.PropTypes.theme()};const l=(0,t.defineComponent)({name:"Modal",props:Object.assign({},s),emits:["quick-close","quickClose","hidden","shown","close"],data:function(){return{visible:!1,closeTimer:null}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,minHeigth:"".concat(200,"px"),display:this.visible?"inherit":"none",zIndex:this.zIndex||"inherit"}},fullscreenStyle:function(){return{width:"".concat(100,"%"),height:"".concat(100,"%")}}},watch:{isShow:{handler:function(e){var o=this;e?(this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=null,this.visible=e):this.closeTimer=setTimeout((function(){o.$emit("hidden"),o.visible=e}),250)},immediate:!0},visible:{handler:function(e){var t=this;e?this.$nextTick((function(){o.bkPopIndexManager.onMaskClick((function(e){t.handleClickOutSide()}),t.$el);var e=t.showMask?{}:{"background-color":"rgba(0,0,0,0)"};o.bkPopIndexManager.show(t.$el,t.showMask,e,t.transfer,t.zIndex),t.$emit("shown")})):(null===o.bkPopIndexManager||void 0===o.bkPopIndexManager||o.bkPopIndexManager.hide(this.$el,this.transfer),null===o.bkPopIndexManager||void 0===o.bkPopIndexManager||o.bkPopIndexManager.destroy())},immediate:!0}},beforeUnmount:function(){this.visible&&(null===o.bkPopIndexManager||void 0===o.bkPopIndexManager||o.bkPopIndexManager.hide(this.$el),null===o.bkPopIndexManager||void 0===o.bkPopIndexManager||o.bkPopIndexManager.destroy())},methods:{handleClickOutSide:function(){this.quickClose&&(this.$emit("close"),this.$emit("quick-close",this.$el),this.$emit("quickClose",this.$el))}},render:function(){var e,i,s,r,n,l,a,d,c,p,h,u,f=this,m=this.maxHeight?{maxHeight:this.maxHeight}:{},y="".concat((0,o.resolveClassName)("modal-body")," ").concat("slide"===this.animateType?this.direction:"");return(0,t.createVNode)("div",{class:[(0,o.resolveClassName)("modal-wrapper"),this.extCls,this.size,this.fullscreen?"fullscreen":""],style:[this.compStyle,this.fullscreen?this.fullscreenStyle:""]},[(0,t.createVNode)(t.Transition,{name:this.animateType},{default:function(){return[f.isShow?(0,t.createVNode)("div",{class:y},[(0,t.createVNode)("div",{class:(0,o.resolveClassName)("modal-header")},[null!==(s=null===(i=(e=f.$slots).header)||void 0===i?void 0:i.call(e))&&void 0!==s?s:""]),(0,t.createVNode)("div",{class:(0,o.resolveClassName)("modal-content"),style:["show"===f.dialogType?"padding-bottom: 20px":"",Object.assign({},m)]},[null!==(l=null===(n=(r=f.$slots).default)||void 0===n?void 0:n.call(r))&&void 0!==l?l:""]),"show"===f.dialogType?"":(0,t.createVNode)("div",{class:(0,o.resolveClassName)("modal-footer")},[null!==(c=null===(d=(a=f.$slots).footer)||void 0===d?void 0:d.call(a))&&void 0!==c?c:""]),(0,t.createVNode)("div",{class:[(0,o.resolveClassName)("modal-close"),f.closeIcon?"":"close-icon"]},[null!==(u=null===(h=(p=f.$slots).close)||void 0===h?void 0:h.call(p))&&void 0!==u?u:""])]):""]}})])}});var a=(0,o.withInstallProps)(l,{propsMixin:s},!0);const d=a})(),n})()));