bkui-vue 0.0.1-beta.9 → 0.0.1-beta.90

package/lib/modal/index.d.ts

@@ -0,0 +1,605 @@
+import { propsMixin } from './props.mixin';
+declare const BkModal: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {
+            visible: boolean;
+        };
+        $props: Partial<{
+            multiInstance: boolean;
+            showMask: boolean;
+            width: string | number;
+            height: string | number;
+            draggable: boolean;
+            size: string;
+            extCls: string;
+            direction: string;
+            maxHeight: string;
+            isShow: boolean;
+            transfer: boolean;
+            renderDirective: string;
+            dialogType: string;
+            customClass: string | unknown[];
+            scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            maskClose: boolean;
+            fullscreen: boolean;
+            quickClose: boolean;
+            animateType: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            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;
+            };
+            customClass: (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;
+            };
+            maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            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;
+            };
+            maxHeight: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            direction: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            animateType: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            renderDirective: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            beforeClose: import("vue-types").VueTypeDef<unknown>;
+            dialogType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "multiInstance" | "showMask" | "width" | "height" | "draggable" | "size" | "extCls" | "direction" | "maxHeight" | "isShow" | "transfer" | "renderDirective" | "dialogType" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen" | "quickClose" | "animateType">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            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;
+            };
+            customClass: (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;
+            };
+            maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            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;
+            };
+            maxHeight: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            direction: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            animateType: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            renderDirective: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            beforeClose: import("vue-types").VueTypeDef<unknown>;
+            dialogType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>>, unknown, {
+            visible: boolean;
+        }, {
+            dialogWidth(): String | Number;
+            dialogHeight(): String | Number;
+            compStyle(): any;
+        }, {
+            handleClickOutSide(): void;
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            multiInstance: boolean;
+            showMask: boolean;
+            width: string | number;
+            height: string | number;
+            draggable: boolean;
+            size: string;
+            extCls: string;
+            direction: string;
+            maxHeight: string;
+            isShow: boolean;
+            transfer: boolean;
+            renderDirective: string;
+            dialogType: string;
+            customClass: string | unknown[];
+            scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            maskClose: boolean;
+            fullscreen: boolean;
+            quickClose: boolean;
+            animateType: string;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        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;
+        };
+        customClass: (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;
+        };
+        maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        size: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        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;
+        };
+        maxHeight: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        direction: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        animateType: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        renderDirective: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        beforeClose: import("vue-types").VueTypeDef<unknown>;
+        dialogType: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {
+        visible: boolean;
+    } & {
+        dialogWidth: String | Number;
+        dialogHeight: String | Number;
+        compStyle: any;
+    } & {
+        handleClickOutSide(): void;
+    } & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    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;
+    };
+    customClass: (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;
+    };
+    maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    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;
+    };
+    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    direction: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    animateType: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    renderDirective: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    beforeClose: import("vue-types").VueTypeDef<unknown>;
+    dialogType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>>, unknown, {
+    visible: boolean;
+}, {
+    dialogWidth(): String | Number;
+    dialogHeight(): String | Number;
+    compStyle(): any;
+}, {
+    handleClickOutSide(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    multiInstance: boolean;
+    showMask: boolean;
+    width: string | number;
+    height: string | number;
+    draggable: boolean;
+    size: string;
+    extCls: string;
+    direction: string;
+    maxHeight: string;
+    isShow: boolean;
+    transfer: boolean;
+    renderDirective: string;
+    dialogType: string;
+    customClass: string | unknown[];
+    scrollable: boolean;
+    closeIcon: boolean;
+    escClose: boolean;
+    maskClose: boolean;
+    fullscreen: boolean;
+    quickClose: boolean;
+    animateType: string;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
+    propsMixin: {
+        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;
+        };
+        customClass: (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;
+        };
+        maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        size: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        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;
+        };
+        maxHeight: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        direction: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        animateType: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        renderDirective: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        beforeClose: import("vue-types").VueTypeDef<unknown>;
+        dialogType: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    };
+}>;
+export default BkModal;
+export { BkModal, propsMixin, };

package/lib/modal/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,o){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}},i={exports:{}},s={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,r=new Array(t);o<t;o++)r[o]=e[o];return r},e.exports.default=e.exports,e.exports.__esModule=!0}(s),function(e){var t=s.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(i);var a={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var l={exports:{}};!function(e){var t=s.exports;e.exports=function(e,o){if(e){if("string"==typeof e)return t(e,o);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,o):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0}(l);var d={exports:{}};!function(e){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0}(d),function(e){var t=i.exports,o=a.exports,r=l.exports,n=d.exports;e.exports=function(e){return t(e)||o(e)||r(e)||n()},e.exports.default=e.exports,e.exports.__esModule=!0}(n);var u=r(n.exports),p={isShow:{type:Boolean,default:!1},width:{type:[Number,String],default:"50%"},height:{type:[Number,String],default:"50%"},customClass:{type:[Object,String],default:""},scrollable:{type:Boolean,default:!0}},c=t.defineComponent({name:"BkModal",props:Object.assign({},p),data:function(){return{visible:!1}},watch:{isShow:{handler:function(e){this.visible=e}},visible:function(e){var t=this;e?this.$nextTick((function(){o.bkPopIndexManager.show(t.$el)})):o.bkPopIndexManager.hide(this.$el)}},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,display:this.visible?"inherit":"none"}}},beforeUnmount:function(){o.bkPopIndexManager.hide(this.$el)},render:function(){var e,o,r,n,i,s,a,l,d;return t.createVNode("div",{class:["bk-modal-wrapper"].concat(u(this.customClass)),style:this.compStyle},[this.isShow?t.createVNode("div",{class:"bk-modal-body"},[t.createVNode("div",{class:"bk-modal-header"},[null!==(r=null===(o=(e=this.$slots).header)||void 0===o?void 0:o.call(e))&&void 0!==r?r:""]),t.createVNode("div",{class:"bk-modal-content"},[null!==(s=null===(i=(n=this.$slots).default)||void 0===i?void 0:i.call(n))&&void 0!==s?s:""]),t.createVNode("div",{class:"bk-modal-footer"},[null!==(d=null===(l=(a=this.$slots).footer)||void 0===l?void 0:l.call(a))&&void 0!==d?d:""])]):""])}}),f=o.withInstallProps(c,{propsMixin:p},!0);e.BkModal=f,e.default=f,e.propsMixin=p,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var i in t)("object"==typeof exports?exports:e)[i]=t[i]}}(self,((e,o)=>(()=>{"use strict";var t={4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function s(e){var o=i[e];if(void 0!==o)return o.exports;var r=i[e]={exports:{}};return t[e](r,r.exports,s),r.exports}s.d=(e,o)=>{for(var t in o)s.o(o,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{s.r(r),s.d(r,{BkModal:()=>n,default:()=>a,propsMixin:()=>t});var e=s(4212),o=s(748),t={isShow:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([String,Number]).def("50%"),height:e.PropTypes.oneOfType([String,Number]).def("50%"),customClass:e.PropTypes.string||e.PropTypes.array,scrollable:e.PropTypes.bool.def(!0),showMask:e.PropTypes.bool.def(!0),closeIcon:e.PropTypes.bool.def(!0),escClose:e.PropTypes.bool.def(!0),maskClose:e.PropTypes.bool.def(!0),fullscreen:e.PropTypes.bool.def(!1),extCls:e.PropTypes.string.def(""),size:e.PropTypes.commonType(["normal","small","medium","large"],"size").def("normal"),draggable:e.PropTypes.bool.def(!0),quickClose:e.PropTypes.bool.def(!0),transfer:e.PropTypes.bool.def(!1),maxHeight:e.PropTypes.string,direction:e.PropTypes.string,animateType:e.PropTypes.string.def("slide"),renderDirective:e.PropTypes.commonType(["show","if"],"renderDirective").def("show"),beforeClose:e.PropTypes.custom((function(){return!0})),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),multiInstance:e.PropTypes.bool.def(!0)};const i=(0,o.defineComponent)({name:"Modal",props:Object.assign({},t),data:function(){return{visible:!1}},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"}}},watch:{isShow:{handler:function(e){var o=this;e?this.visible=e:(this.$emit("hidden"),setTimeout((function(){o.visible=e}),250))},deep:!0},visible:function(o){var t=this;o?this.$nextTick((function(){var o=t.showMask?{}:{"background-color":"rgba(0,0,0,0)"};e.bkPopIndexManager.show(t.$el,t.showMask,o,t.transfer),t.$emit("shown")})):e.bkPopIndexManager.hide(this.$el,this.transfer)}},beforeUnmount:function(){e.bkPopIndexManager.hide(this.$el)},methods:{handleClickOutSide:function(){this.quickClose&&this.$emit("close")}},render:function(){var e,t,i,s,r,n,a,l,d,p=this,c=this.maxHeight?{maxHeight:this.maxHeight}:{},h="bk-modal-body ".concat("slide"===this.animateType?this.direction:"");return(0,o.createVNode)("div",{class:["bk-modal-wrapper",this.customClass],style:this.compStyle},[(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-modal-outside",onClick:this.handleClickOutSide},null),[[o.vShow,this.isShow]]),(0,o.createVNode)(o.Transition,{name:this.animateType},{default:function(){return[p.isShow?(0,o.createVNode)("div",{class:h},[(0,o.createVNode)("div",{class:"bk-modal-header"},[null!==(i=null===(t=(e=p.$slots).header)||void 0===t?void 0:t.call(e))&&void 0!==i?i:""]),(0,o.createVNode)("div",{class:"bk-modal-content",style:["show"===p.dialogType?"height: calc(100% - 74px);margin-bottom: 0px":"",Object.assign({},c)]},[null!==(n=null===(r=(s=p.$slots).default)||void 0===r?void 0:r.call(s))&&void 0!==n?n:""]),"show"===p.dialogType?"":(0,o.createVNode)("div",{class:"bk-modal-footer"},[null!==(d=null===(l=(a=p.$slots).footer)||void 0===l?void 0:l.call(a))&&void 0!==d?d:""])]):""]}})])}});var n=(0,e.withInstallProps)(i,{propsMixin:t},!0);const a=n})(),r})()));

package/lib/modal/modal.css

@@ -2,10 +2,39 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  background: #fff;
   transform: translate(-50%, -50%);
 }
+.bk-modal-wrapper .bk-modal-outside {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.bk-modal-wrapper.bk-model-fullscreen {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+.bk-modal-wrapper.normal {
+  width: 480px;
+  height: 240px;
+}
+.bk-modal-wrapper.small {
+  width: 400px;
+  height: 200px;
+}
+.bk-modal-wrapper.medium {
+  width: 640px;
+  height: 400px;
+}
+.bk-modal-wrapper.large {
+  width: 960px;
+  height: 720px;
+}
 .bk-modal-wrapper .bk-modal-body {
   height: 100%;
+  background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }