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

package/lib/modal/index.d.ts

@@ -0,0 +1,374 @@
+import { propsMixin } from './props.mixin';
+declare const BkModal: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {
+            visible: boolean;
+        };
+        $props: Partial<{
+            draggable: boolean;
+            showMask: boolean;
+            size: string;
+            dialogType: string;
+            isShow: boolean;
+            customClass: string | unknown[];
+            scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            maskClose: boolean;
+            fullscreen: boolean;
+        }> & 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>;
+            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;
+            };
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            dialogType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "draggable" | "showMask" | "size" | "dialogType" | "isShow" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen">;
+        $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>;
+            height: import("vue-types").VueTypeDef<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;
+            };
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            dialogType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+        }>>, unknown, {
+            visible: boolean;
+        }, {
+            dialogWidth(): String | Number;
+            dialogHeight(): String | Number;
+            compStyle(): any;
+        }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            draggable: boolean;
+            showMask: boolean;
+            size: string;
+            dialogType: string;
+            isShow: boolean;
+            customClass: string | unknown[];
+            scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            maskClose: boolean;
+            fullscreen: boolean;
+        }> & {
+            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>;
+        height: import("vue-types").VueTypeDef<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;
+        };
+        size: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        dialogType: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {
+        visible: boolean;
+    } & {
+        dialogWidth: String | Number;
+        dialogHeight: String | Number;
+        compStyle: any;
+    } & 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>;
+    height: import("vue-types").VueTypeDef<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;
+    };
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    dialogType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+}>>, unknown, {
+    visible: boolean;
+}, {
+    dialogWidth(): String | Number;
+    dialogHeight(): String | Number;
+    compStyle(): any;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    draggable: boolean;
+    showMask: boolean;
+    size: string;
+    dialogType: string;
+    isShow: boolean;
+    customClass: string | unknown[];
+    scrollable: boolean;
+    closeIcon: boolean;
+    escClose: boolean;
+    maskClose: boolean;
+    fullscreen: boolean;
+}> & 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>;
+        height: import("vue-types").VueTypeDef<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;
+        };
+        size: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        dialogType: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+    };
+}>;
+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:""])]):""])}});c.install=function(e){e.component(c.name,c)},e.default=c,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:()=>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})()));

package/lib/modal/modal.css

@@ -5,6 +5,26 @@
   background: #fff;
   transform: translate(-50%, -50%);
 }
+.bk-modal-wrapper.bk-model-fullscreen {
+  width: 100%;
+  height: 100%;
+}
+.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%;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

package/lib/modal/modal.d.ts

@@ -1,47 +1,128 @@
 declare const _default: import("vue").DefineComponent<{
-    isShow: {
-        type: BooleanConstructor;
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    width: {
-        type: (NumberConstructor | StringConstructor)[];
+    width: import("vue-types").VueTypeDef<string | number>;
+    height: import("vue-types").VueTypeDef<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;
     };
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
+    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;
     };
-    customClass: {
-        type: (ObjectConstructor | StringConstructor)[];
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    size: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    scrollable: {
-        type: BooleanConstructor;
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
+    dialogType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
 }, unknown, {
     visible: boolean;
 }, {
     dialogWidth(): String | Number;
     dialogHeight(): String | Number;
     compStyle(): any;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    isShow?: unknown;
-    width?: unknown;
-    height?: unknown;
-    customClass?: unknown;
-    scrollable?: unknown;
-} & {
-    width: string | number;
-    height: string | number;
-    isShow: boolean;
-    customClass: string;
-    scrollable: boolean;
-} & {}> & {}, {
-    width: string | number;
-    height: string | number;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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>;
+    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;
+    };
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    dialogType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+}>>, {
+    draggable: boolean;
+    showMask: boolean;
+    size: string;
+    dialogType: string;
     isShow: boolean;
-    customClass: string;
+    customClass: string | unknown[];
     scrollable: boolean;
+    closeIcon: boolean;
+    escClose: boolean;
+    maskClose: boolean;
+    fullscreen: boolean;
 }>;
 export default _default;

package/lib/modal/modal.less

@@ -5,8 +5,35 @@
   background: #fff;
   transform: translate(-50%, -50%);
 
+  &.bk-model-fullscreen {
+    width: 100%;
+    height: 100%;
+  }
+
+  &.normal {
+    width: 480px;
+    height: 240px;
+  }
+  
+  &.small {
+    width: 400px;
+    height: 200px;
+  }
+  
+  &.medium {
+    width: 640px;
+    height: 400px;
+  }
+  
+  &.large {
+    width: 960px;
+    height: 720px;
+  }
+
   .bk-modal-body {
     height: 100%;
     box-shadow: 0 4px 12px rgba(0,0,0,.15);
   }
 }
+
+

package/lib/modal/modal.variable.css

@@ -5,6 +5,26 @@
   background: #fff;
   transform: translate(-50%, -50%);
 }
+.bk-modal-wrapper.bk-model-fullscreen {
+  width: 100%;
+  height: 100%;
+}
+.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%;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);