bkui-vue 0.0.1-beta.55 → 0.0.1-beta.58

package/lib/modal/index.d.ts

@@ -6,10 +6,10 @@ declare const BkModal: {
             visible: boolean;
         };
         $props: Partial<{
-            width: string | number;
-            height: string | number;
+            draggable: boolean;
             showMask: boolean;
             size: string;
+            dialogType: string;
             isShow: boolean;
             customClass: string | unknown[];
             scrollable: boolean;
@@ -17,59 +17,61 @@ declare const BkModal: {
             escClose: boolean;
             maskClose: boolean;
             fullscreen: boolean;
-            renderDirective: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            isShow: {
-                type: BooleanConstructor;
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            width: {
-                type: (NumberConstructor | StringConstructor)[];
-                default: string;
-            };
-            height: {
-                type: (NumberConstructor | StringConstructor)[];
-                default: string;
-            };
-            customClass: {
-                type: (ArrayConstructor | StringConstructor)[];
+            width: import("vue-types").VueTypeDef<string | number>;
+            height: import("vue-types").VueTypeDef<string | number>;
+            customClass: (import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
-            };
-            scrollable: {
-                type: BooleanConstructor;
+            }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            });
+            scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            showMask: {
-                type: BooleanConstructor;
+            showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            closeIcon: {
-                type: BooleanConstructor;
+            closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            escClose: {
-                type: BooleanConstructor;
+            escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            maskClose: {
-                type: BooleanConstructor;
+            maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            fullscreen: {
-                type: BooleanConstructor;
+            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            size: {
-                type: StringConstructor;
+            size: import("vue-types").VueTypeDef<string> & {
                 default: string;
-                validator: (value: string) => boolean;
             };
-            renderDirective: {
-                type: StringConstructor;
+            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            dialogType: import("vue-types").VueTypeDef<string> & {
                 default: string;
-                validator: (value: string) => boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "showMask" | "size" | "isShow" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen" | "renderDirective">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "draggable" | "showMask" | "size" | "dialogType" | "isShow" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -84,55 +86,58 @@ declare const BkModal: {
         $emit: (event: string, ...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: {
-                type: (NumberConstructor | StringConstructor)[];
-                default: string;
-            };
-            height: {
-                type: (NumberConstructor | StringConstructor)[];
-                default: string;
-            };
-            customClass: {
-                type: (ArrayConstructor | StringConstructor)[];
+            width: import("vue-types").VueTypeDef<string | number>;
+            height: import("vue-types").VueTypeDef<string | number>;
+            customClass: (import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
-            };
-            scrollable: {
-                type: BooleanConstructor;
+            }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            });
+            scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            showMask: {
-                type: BooleanConstructor;
+            showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            closeIcon: {
-                type: BooleanConstructor;
+            closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            escClose: {
-                type: BooleanConstructor;
+            escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            maskClose: {
-                type: BooleanConstructor;
+            maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            fullscreen: {
-                type: BooleanConstructor;
+            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            size: {
-                type: StringConstructor;
+            size: import("vue-types").VueTypeDef<string> & {
                 default: string;
-                validator: (value: string) => boolean;
             };
-            renderDirective: {
-                type: StringConstructor;
+            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            dialogType: import("vue-types").VueTypeDef<string> & {
                 default: string;
-                validator: (value: string) => boolean;
             };
         }>>, unknown, {
             visible: boolean;
@@ -141,10 +146,10 @@ declare const BkModal: {
             dialogHeight(): String | Number;
             compStyle(): any;
         }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            width: string | number;
-            height: string | number;
+            draggable: boolean;
             showMask: boolean;
             size: string;
+            dialogType: string;
             isShow: boolean;
             customClass: string | unknown[];
             scrollable: boolean;
@@ -152,7 +157,6 @@ declare const BkModal: {
             escClose: boolean;
             maskClose: boolean;
             fullscreen: boolean;
-            renderDirective: string;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -174,55 +178,58 @@ 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: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: string;
-        };
-        height: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: string;
-        };
-        customClass: {
-            type: (ArrayConstructor | StringConstructor)[];
+        width: import("vue-types").VueTypeDef<string | number>;
+        height: import("vue-types").VueTypeDef<string | number>;
+        customClass: (import("vue-types").VueTypeValidableDef<string> & {
             default: string;
-        };
-        scrollable: {
-            type: BooleanConstructor;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
+        scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        showMask: {
-            type: BooleanConstructor;
+        showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        closeIcon: {
-            type: BooleanConstructor;
+        closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        escClose: {
-            type: BooleanConstructor;
+        escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        maskClose: {
-            type: BooleanConstructor;
+        maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        fullscreen: {
-            type: BooleanConstructor;
+        fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        size: {
-            type: StringConstructor;
+        size: import("vue-types").VueTypeDef<string> & {
             default: string;
-            validator: (value: string) => boolean;
         };
-        renderDirective: {
-            type: StringConstructor;
+        draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        dialogType: import("vue-types").VueTypeDef<string> & {
             default: string;
-            validator: (value: string) => boolean;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {
         visible: boolean;
@@ -235,55 +242,58 @@ declare const BkModal: {
     __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: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    customClass: {
-        type: (ArrayConstructor | StringConstructor)[];
+    width: import("vue-types").VueTypeDef<string | number>;
+    height: import("vue-types").VueTypeDef<string | number>;
+    customClass: (import("vue-types").VueTypeValidableDef<string> & {
         default: string;
-    };
-    scrollable: {
-        type: BooleanConstructor;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
+    scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    showMask: {
-        type: BooleanConstructor;
+    showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    closeIcon: {
-        type: BooleanConstructor;
+    closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    escClose: {
-        type: BooleanConstructor;
+    escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    maskClose: {
-        type: BooleanConstructor;
+    maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    fullscreen: {
-        type: BooleanConstructor;
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    size: {
-        type: StringConstructor;
+    size: import("vue-types").VueTypeDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
-    renderDirective: {
-        type: StringConstructor;
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    dialogType: import("vue-types").VueTypeDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
 }>>, unknown, {
     visible: boolean;
@@ -292,10 +302,10 @@ declare const BkModal: {
     dialogHeight(): String | Number;
     compStyle(): any;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-    width: string | number;
-    height: string | number;
+    draggable: boolean;
     showMask: boolean;
     size: string;
+    dialogType: string;
     isShow: boolean;
     customClass: string | unknown[];
     scrollable: boolean;
@@ -303,58 +313,60 @@ declare const BkModal: {
     escClose: boolean;
     maskClose: boolean;
     fullscreen: boolean;
-    renderDirective: 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)[];
-            default: string;
-        };
-        height: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: string;
-        };
-        customClass: {
-            type: (ArrayConstructor | StringConstructor)[];
+        width: import("vue-types").VueTypeDef<string | number>;
+        height: import("vue-types").VueTypeDef<string | number>;
+        customClass: (import("vue-types").VueTypeValidableDef<string> & {
             default: string;
-        };
-        scrollable: {
-            type: BooleanConstructor;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
+        scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        showMask: {
-            type: BooleanConstructor;
+        showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        closeIcon: {
-            type: BooleanConstructor;
+        closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        escClose: {
-            type: BooleanConstructor;
+        escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        maskClose: {
-            type: BooleanConstructor;
+        maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        fullscreen: {
-            type: BooleanConstructor;
+        fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        size: {
-            type: StringConstructor;
+        size: import("vue-types").VueTypeDef<string> & {
             default: string;
-            validator: (value: string) => boolean;
         };
-        renderDirective: {
-            type: StringConstructor;
+        draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        dialogType: import("vue-types").VueTypeDef<string> & {
             default: string;
-            validator: (value: string) => boolean;
         };
     };
 }>;

package/lib/modal/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},i={};function r(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return o[e](n,n.exports,r),n.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),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:()=>l,propsMixin:()=>o});var e=r(4212),t=r(748),o={isShow:{type:Boolean,default:!1},width:{type:[Number,String],default:"50%"},height:{type:[Number,String],default:"50%"},customClass:{type:[Array,String],default:""},scrollable:{type:Boolean,default:!0},showMask:{type:Boolean,default:!0},closeIcon:{type:Boolean,default:!0},escClose:{type:Boolean,default:!0},maskClose:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},size:{type:String,default:"normal",validator:function(e){var t=["normal","small","medium","large"];return!(t.indexOf(e)<0&&(console.error("dialogSize property is not valid: '".concat(e,"',【").concat(t.join(" | "),"】")),1))}},renderDirective:{type:String,default:"show",validator:function(e){return!(["show","if"].indexOf(e)<0&&(console.error("type render-directive is not valid: '".concat(e,"'")),1))}}};const i=(0,t.defineComponent)({name:"Modal",props:Object.assign({},o),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(t){var o=this;t?this.$nextTick((function(){var t=o.showMask?{}:{"background-color":"rgba(0,0,0,0)"};e.bkPopIndexManager.show(o.$el,o.showMask,t)})):e.bkPopIndexManager.hide(this.$el)}},beforeUnmount:function(){e.bkPopIndexManager.hide(this.$el)},render:function(){var e,o,i,r,n,a,l,s,d;return(0,t.createVNode)("div",{class:["bk-modal-wrapper",this.size,this.customClass,this.fullscreen?"bk-model-fullscreen":""],style:this.compStyle},[this.isShow?(0,t.createVNode)("div",{class:"bk-modal-body"},[(0,t.createVNode)("div",{class:"bk-modal-header"},[null!==(i=null===(o=(e=this.$slots).header)||void 0===o?void 0:o.call(e))&&void 0!==i?i:""]),(0,t.createVNode)("div",{class:"bk-modal-content"},[null!==(a=null===(n=(r=this.$slots).default)||void 0===n?void 0:n.call(r))&&void 0!==a?a:""]),(0,t.createVNode)("div",{class:"bk-modal-footer"},[null!==(d=null===(s=(l=this.$slots).footer)||void 0===s?void 0:s.call(l))&&void 0!==d?d:""])]):""])}});var a=(0,e.withInstallProps)(i,{propsMixin:o},!0);const l=a})(),n})()));
+!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})()));