bkui-vue 0.0.1-beta.60 → 0.0.1-beta.63

package/lib/modal/index.d.ts

@@ -6,25 +6,46 @@ declare const BkModal: {
             visible: boolean;
         };
         $props: Partial<{
-            draggable: boolean;
+            title: string;
             showMask: boolean;
+            width: string | number;
+            height: string | number;
+            draggable: boolean;
             size: string;
-            dialogType: string;
+            extCls: string;
+            direction: string;
+            maxHeight: string;
             isShow: boolean;
+            transfer: boolean;
+            renderDirective: 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>;
-            height: import("vue-types").VueTypeDef<string | number>;
+            width: (import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            }) | (import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            });
+            height: (import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            }) | (import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            });
             customClass: (import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -60,6 +81,11 @@ declare const BkModal: {
             } & {
                 default: boolean;
             };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
             size: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
@@ -68,10 +94,37 @@ declare const BkModal: {
             } & {
                 default: boolean;
             };
-            dialogType: import("vue-types").VueTypeDef<string> & {
+            quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            maxHeight: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            direction: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "draggable" | "showMask" | "size" | "dialogType" | "isShow" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen">;
+            animateType: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            renderDirective: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            beforeClose: import("vue-types").VueTypeDef<unknown>;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "showMask" | "width" | "height" | "draggable" | "size" | "extCls" | "direction" | "maxHeight" | "isShow" | "transfer" | "renderDirective" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen" | "quickClose" | "animateType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -91,8 +144,20 @@ declare const BkModal: {
             } & {
                 default: boolean;
             };
-            width: import("vue-types").VueTypeDef<string | number>;
-            height: import("vue-types").VueTypeDef<string | number>;
+            width: (import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            }) | (import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            });
+            height: (import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            }) | (import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            });
             customClass: (import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -128,6 +193,11 @@ declare const BkModal: {
             } & {
                 default: boolean;
             };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
             size: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
@@ -136,27 +206,65 @@ declare const BkModal: {
             } & {
                 default: boolean;
             };
-            dialogType: import("vue-types").VueTypeDef<string> & {
+            quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            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>;
         }>>, unknown, {
             visible: boolean;
         }, {
             dialogWidth(): String | Number;
             dialogHeight(): String | Number;
             compStyle(): any;
-        }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            draggable: boolean;
+        }, {
+            handleClickOutSide(): void;
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            title: string;
             showMask: boolean;
+            width: string | number;
+            height: string | number;
+            draggable: boolean;
             size: string;
-            dialogType: string;
+            extCls: string;
+            direction: string;
+            maxHeight: string;
             isShow: boolean;
+            transfer: boolean;
+            renderDirective: string;
             customClass: string | unknown[];
             scrollable: boolean;
             closeIcon: boolean;
             escClose: boolean;
             maskClose: boolean;
             fullscreen: boolean;
+            quickClose: boolean;
+            animateType: string;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -183,8 +291,20 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
-        width: import("vue-types").VueTypeDef<string | number>;
-        height: import("vue-types").VueTypeDef<string | number>;
+        width: (import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        }) | (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        });
+        height: (import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        }) | (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        });
         customClass: (import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -220,6 +340,11 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
         size: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
@@ -228,15 +353,44 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
-        dialogType: import("vue-types").VueTypeDef<string> & {
+        quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        title: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
             default: string;
         };
+        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>;
     }>> & import("vue").ShallowUnwrapRef<{}> & {
         visible: boolean;
     } & {
         dialogWidth: String | Number;
         dialogHeight: String | Number;
         compStyle: any;
+    } & {
+        handleClickOutSide(): void;
     } & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
@@ -247,8 +401,20 @@ declare const BkModal: {
     } & {
         default: boolean;
     };
-    width: import("vue-types").VueTypeDef<string | number>;
-    height: import("vue-types").VueTypeDef<string | number>;
+    width: (import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    }) | (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    });
+    height: (import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    }) | (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    });
     customClass: (import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -284,6 +450,11 @@ declare const BkModal: {
     } & {
         default: boolean;
     };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     size: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -292,27 +463,65 @@ declare const BkModal: {
     } & {
         default: boolean;
     };
-    dialogType: import("vue-types").VueTypeDef<string> & {
+    quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    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>;
 }>>, unknown, {
     visible: boolean;
 }, {
     dialogWidth(): String | Number;
     dialogHeight(): String | Number;
     compStyle(): any;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-    draggable: boolean;
+}, {
+    handleClickOutSide(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    title: string;
     showMask: boolean;
+    width: string | number;
+    height: string | number;
+    draggable: boolean;
     size: string;
-    dialogType: string;
+    extCls: string;
+    direction: string;
+    maxHeight: string;
     isShow: boolean;
+    transfer: boolean;
+    renderDirective: 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> & {
@@ -320,8 +529,20 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
-        width: import("vue-types").VueTypeDef<string | number>;
-        height: import("vue-types").VueTypeDef<string | number>;
+        width: (import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        }) | (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        });
+        height: (import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        }) | (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        });
         customClass: (import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -357,6 +578,11 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
         size: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
@@ -365,9 +591,36 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
-        dialogType: import("vue-types").VueTypeDef<string> & {
+        quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        title: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        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>;
     };
 }>;
 export default BkModal;

package/lib/modal/index.js

@@ -1 +1 @@
-!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:()=>l,default:()=>a,propsMixin:()=>t});var e=s(4212),o=s(748),t={isShow:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([String,Number]),height:e.PropTypes.oneOfType([String,Number]),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),size:e.PropTypes.commonType(["normal","small","medium","large"],"size").def("normal"),draggable:e.PropTypes.bool.def(!0),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation")};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){this.visible=e}},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)})):e.bkPopIndexManager.hide(this.$el)}},beforeUnmount:function(){e.bkPopIndexManager.hide(this.$el)},render:function(){var e,t,i,s,r,l,a,d,n,p,c,h,u,f,b;return(0,o.createVNode)("div",{class:["bk-modal-wrapper",this.customClass],style:this.compStyle},[this.isShow&&"show"===this.dialogType?(0,o.createVNode)("div",{class:"bk-modal-body"},[(0,o.createVNode)("div",{class:"bk-modal-header"},[null!==(i=null===(t=(e=this.$slots).header)||void 0===t?void 0:t.call(e))&&void 0!==i?i:""]),(0,o.createVNode)("div",{class:"bk-modal-content",style:"height: calc(100% - 74px);margin-bottom: 0px;"},[null!==(l=null===(r=(s=this.$slots).default)||void 0===r?void 0:r.call(s))&&void 0!==l?l:""])]):(0,o.createVNode)("div",{class:"bk-modal-body"},[(0,o.createVNode)("div",{class:"bk-modal-header"},[null!==(n=null===(d=(a=this.$slots).header)||void 0===d?void 0:d.call(a))&&void 0!==n?n:""]),(0,o.createVNode)("div",{class:"bk-modal-content"},[null!==(h=null===(c=(p=this.$slots).default)||void 0===c?void 0:c.call(p))&&void 0!==h?h:""]),(0,o.createVNode)("div",{class:"bk-modal-footer"},[null!==(b=null===(f=(u=this.$slots).footer)||void 0===f?void 0:f.call(u))&&void 0!==b?b:""])])])}});var l=(0,e.withInstallProps)(i,{propsMixin:t},!0);const a=l})(),r})()));
+!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:()=>l,propsMixin:()=>t});var e=s(4212),o=s(748),t={isShow:e.PropTypes.bool.def(!1),width:e.PropTypes.string.def("50%")||e.PropTypes.number,height:e.PropTypes.string.def("50%")||e.PropTypes.number,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),title:e.PropTypes.string.def("Header"),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}))};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,l,d,a,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.size,this.customClass,this.fullscreen?"bk-model-fullscreen":""],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:Object.assign({},c)},[null!==(n=null===(r=(s=p.$slots).default)||void 0===r?void 0:r.call(s))&&void 0!==n?n:""]),(0,o.createVNode)("div",{class:"bk-modal-footer"},[null!==(a=null===(d=(l=p.$slots).footer)||void 0===d?void 0:d.call(l))&&void 0!==a?a:""])]):""]}})])}});var n=(0,e.withInstallProps)(i,{propsMixin:t},!0);const l=n})(),r})()));

package/lib/modal/modal.css

@@ -2,12 +2,20 @@
   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;
@@ -27,5 +35,6 @@
 }
 .bk-modal-wrapper .bk-modal-body {
   height: 100%;
+  background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }