bkui-vue 0.0.1-beta.61 → 0.0.1-beta.64

package/lib/dialog/dialog.d.ts

@@ -47,6 +47,9 @@ declare const _default: import("vue").DefineComponent<{
     theme: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    dialogType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -92,6 +95,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     size: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -100,9 +108,31 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         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;
+    };
+    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>;
 }, {
     data: {
         positionX: number;
@@ -118,7 +148,7 @@ declare const _default: import("vue").DefineComponent<{
     moveHandler: (e: any) => boolean;
     handlePrevStep: () => void;
     handleNextStep: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next" | "confirm" | "closed" | "update:isShow")[], "prev" | "next" | "confirm" | "closed" | "update:isShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:isShow" | "confirm" | "prev" | "next" | "closed")[], "update:isShow" | "confirm" | "prev" | "next" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -167,6 +197,9 @@ declare const _default: import("vue").DefineComponent<{
     theme: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    dialogType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -212,6 +245,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     size: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -220,33 +258,62 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         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;
+    };
+    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>;
 }>> & {
+    "onUpdate:isShow"?: (...args: any[]) => any;
+    onConfirm?: (...args: any[]) => any;
     onPrev?: (...args: any[]) => any;
     onNext?: (...args: any[]) => any;
-    onConfirm?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
-    "onUpdate:isShow"?: (...args: any[]) => any;
 }, {
+    title: string;
+    showMask: boolean;
     width: string | number;
     height: string | number;
     draggable: boolean;
-    title: string;
-    showMask: boolean;
     theme: string;
     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;
     headerAlign: string;
     footerAlign: string;
+    dialogType: string;
     confirmText: string;
     cancelText: string;
     prevText: string;

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

package/lib/dialog/index.d.ts

@@ -3,23 +3,30 @@ declare const BkDialog: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            title: string;
+            showMask: boolean;
             width: string | number;
             height: string | number;
             draggable: boolean;
-            title: string;
-            showMask: boolean;
             theme: string;
             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;
             headerAlign: string;
             footerAlign: string;
+            dialogType: string;
             confirmText: string;
             cancelText: string;
             prevText: string;
@@ -76,6 +83,9 @@ declare const BkDialog: {
             theme: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
+            dialogType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
             isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -121,6 +131,11 @@ declare const BkDialog: {
             } & {
                 default: boolean;
             };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
             size: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
@@ -129,16 +144,38 @@ declare const BkDialog: {
             } & {
                 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;
+            };
+            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>;
         }>> & {
+            "onUpdate:isShow"?: (...args: any[]) => any;
+            onConfirm?: (...args: any[]) => any;
             onPrev?: (...args: any[]) => any;
             onNext?: (...args: any[]) => any;
-            onConfirm?: (...args: any[]) => any;
             onClosed?: (...args: any[]) => any;
-            "onUpdate:isShow"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "draggable" | "title" | "showMask" | "theme" | "size" | "dialogType" | "isShow" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen" | "headerAlign" | "footerAlign" | "confirmText" | "cancelText" | "prevText" | "nextText" | "current" | "totalStep" | "isLoading">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "showMask" | "width" | "height" | "draggable" | "theme" | "size" | "extCls" | "direction" | "maxHeight" | "isShow" | "transfer" | "renderDirective" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen" | "quickClose" | "animateType" | "headerAlign" | "footerAlign" | "dialogType" | "confirmText" | "cancelText" | "prevText" | "nextText" | "current" | "totalStep" | "isLoading">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -150,7 +187,7 @@ declare const BkDialog: {
         }>;
         $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: "prev" | "next" | "confirm" | "closed" | "update:isShow", ...args: any[]) => void;
+        $emit: (event: "update:isShow" | "confirm" | "prev" | "next" | "closed", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             width: import("vue-types").VueTypeDef<string | number> & {
@@ -201,6 +238,9 @@ declare const BkDialog: {
             theme: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
+            dialogType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
             isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -246,6 +286,11 @@ declare const BkDialog: {
             } & {
                 default: boolean;
             };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
             size: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
@@ -254,15 +299,37 @@ declare const BkDialog: {
             } & {
                 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;
+            };
+            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>;
         }>> & {
+            "onUpdate:isShow"?: (...args: any[]) => any;
+            onConfirm?: (...args: any[]) => any;
             onPrev?: (...args: any[]) => any;
             onNext?: (...args: any[]) => any;
-            onConfirm?: (...args: any[]) => any;
             onClosed?: (...args: any[]) => any;
-            "onUpdate:isShow"?: (...args: any[]) => any;
         }, {
             data: {
                 positionX: number;
@@ -278,24 +345,31 @@ declare const BkDialog: {
             moveHandler: (e: any) => boolean;
             handlePrevStep: () => void;
             handleNextStep: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next" | "confirm" | "closed" | "update:isShow")[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:isShow" | "confirm" | "prev" | "next" | "closed")[], string, {
+            title: string;
+            showMask: boolean;
             width: string | number;
             height: string | number;
             draggable: boolean;
-            title: string;
-            showMask: boolean;
             theme: string;
             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;
             headerAlign: string;
             footerAlign: string;
+            dialogType: string;
             confirmText: string;
             cancelText: string;
             prevText: string;
@@ -372,6 +446,9 @@ declare const BkDialog: {
         theme: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
+        dialogType: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
         isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -417,6 +494,11 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
         size: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
@@ -425,15 +507,37 @@ declare const BkDialog: {
         } & {
             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;
+        };
+        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>;
     }>> & {
+        "onUpdate:isShow"?: (...args: any[]) => any;
+        onConfirm?: (...args: any[]) => any;
         onPrev?: (...args: any[]) => any;
         onNext?: (...args: any[]) => any;
-        onConfirm?: (...args: any[]) => any;
         onClosed?: (...args: any[]) => any;
-        "onUpdate:isShow"?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
         data: {
             positionX: number;
@@ -502,6 +606,9 @@ declare const BkDialog: {
     theme: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    dialogType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -547,6 +654,11 @@ declare const BkDialog: {
     } & {
         default: boolean;
     };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     size: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -555,15 +667,37 @@ declare const BkDialog: {
     } & {
         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;
+    };
+    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>;
 }>> & {
+    "onUpdate:isShow"?: (...args: any[]) => any;
+    onConfirm?: (...args: any[]) => any;
     onPrev?: (...args: any[]) => any;
     onNext?: (...args: any[]) => any;
-    onConfirm?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
-    "onUpdate:isShow"?: (...args: any[]) => any;
 }, {
     data: {
         positionX: number;
@@ -579,24 +713,31 @@ declare const BkDialog: {
     moveHandler: (e: any) => boolean;
     handlePrevStep: () => void;
     handleNextStep: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next" | "confirm" | "closed" | "update:isShow")[], "prev" | "next" | "confirm" | "closed" | "update:isShow", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:isShow" | "confirm" | "prev" | "next" | "closed")[], "update:isShow" | "confirm" | "prev" | "next" | "closed", {
+    title: string;
+    showMask: boolean;
     width: string | number;
     height: string | number;
     draggable: boolean;
-    title: string;
-    showMask: boolean;
     theme: string;
     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;
     headerAlign: string;
     footerAlign: string;
+    dialogType: string;
     confirmText: string;
     cancelText: string;
     prevText: string;

package/lib/dialog/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../button"),require("../modal")):t(e["../shared"],e.vue,e["../button"],e["../modal"]);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t,o,n)=>(()=>{"use strict";var r={4976:e=>{e.exports=o},8014:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},l={};function i(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{default:()=>c});var e=i(4212),t=i(748),o=i(4976),n=i.n(o),r=i(8014),l=i.n(r);const d=(0,t.defineComponent)({name:"Dialog",components:{BkModal:l(),BkButton:n()},props:Object.assign(Object.assign({},r.propsMixin),{width:e.PropTypes.oneOfType([String,Number]).def(""),height:e.PropTypes.oneOfType([String,Number]).def(""),confirmText:e.PropTypes.string.def("确定"),cancelText:e.PropTypes.string.def("取消"),prevText:e.PropTypes.string.def("上一步"),nextText:e.PropTypes.string.def("下一步"),current:e.PropTypes.number.def(1),totalStep:e.PropTypes.number,title:e.PropTypes.string.def("title"),headerAlign:e.PropTypes.commonType(["left","center","right"],"headerAlign").def("left"),footerAlign:e.PropTypes.commonType(["left","center","right"],"footerAlign").def("right"),theme:e.PropTypes.commonType(["primary","warning","success","danger"],"theme").def("primary"),isLoading:e.PropTypes.bool.def(!1)}),emits:["closed","update:isShow","confirm","prev","next"],setup:function(e,o){var n=o.emit,r=(0,t.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}});(0,t.onMounted)((function(){e.escClose&&addEventListener("keydown",i)})),(0,t.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",i)})),(0,t.watch)((function(){return e.isShow}),(function(e){e||(r.moveStyle={top:"50%",left:"50%"},r.positionX=0,r.positionY=0)}));var l=function(){n("update:isShow",!1),n("closed")},i=function(t){e.isShow&&e.closeIcon&&27===t.keyCode&&l()};return{data:r,handleClose:l,handleConfirm:function(){n("update:isShow",!1),n("confirm")},escCloseHandler:i,moveHandler:function(t){if(e.fullscreen)return!1;var o,n,l=t.target,i=t.currentTarget.parentNode.parentNode.offsetHeight,a=t.currentTarget.parentNode.parentNode.offsetWidth;0!==r.positionX&&0!==r.positionY?(o=t.clientX-r.positionX,n=t.clientY-r.positionY):(o=t.clientX-l.offsetLeft,n=t.clientY-l.offsetTop),document.onmousemove=function(e){var t=window.innerWidth-a,l=window.innerHeight-i,d=e.clientX-o,c=e.clientY-n;t/2-d<=0?d=t/2:t/2+d<=0&&(d=-t/2),l/2-c<=0?c=l/2:l/2+c<=0&&(c=-l/2),r.positionX=d,r.positionY=c,r.moveStyle.left="calc(50% + ".concat(d,"px)"),r.moveStyle.top="calc(50% + ".concat(c,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){n("prev")},handleNextStep:function(){n("next")}}},render:function(){var e,o=this,r={header:function(){var e,n,r;return[(0,t.createVNode)("div",{class:["bk-dialog-tool",o.fullscreen||!o.draggable?"":"move",o.draggable?"content-dragging":""],onMousedown:o.moveHandler},[(0,t.createVNode)("span",{class:["bk-dialog-close",o.closeIcon?"":"close-icon"],onClick:o.handleClose},[(0,t.createTextVNode)("+")])]),(0,t.createVNode)("div",{class:"bk-dialog-header"},[(0,t.createVNode)("span",{class:"bk-dialog-title",style:"text-align: ".concat(o.headerAlign)},[null!==(r=null===(n=(e=o.$slots).header)||void 0===n?void 0:n.call(e))&&void 0!==r?r:o.title])])]},default:function(){var e,t,n;return null!==(n=null===(t=(e=o.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==n?n:"default"},footer:function(){var e,r,l,i,a,d,c,s,u;return(0,t.createVNode)("div",{class:"bk-dialog-footer",style:"text-align: ".concat(o.footerAlign)},["process"===o.dialogType?null!==(l=null===(r=(e=o.$slots).footer)||void 0===r?void 0:r.call(e))&&void 0!==l?l:(0,t.createVNode)(t.Fragment,null,[1===o.current?"":(0,t.createVNode)(n(),{style:"float: left;margin-right: 8px",onClick:o.handlePrevStep},{default:function(){return[o.prevText]}}),o.current===o.totalStep?"":(0,t.createVNode)(n(),{style:"float: left",onClick:o.handleNextStep},{default:function(){return[o.nextText]}}),o.current===o.totalStep?(0,t.createVNode)(n(),{onClick:o.handleConfirm,theme:o.theme,loading:o.isLoading},{default:function(){return[o.confirmText]}}):"",(0,t.createVNode)(n(),{style:"margin-left: 8px",onClick:o.handleClose},{default:function(){return[o.cancelText]}})]):"","operation"===o.dialogType?null!==(d=null===(a=(i=o.$slots).footer)||void 0===a?void 0:a.call(i))&&void 0!==d?d:(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(n(),{onClick:o.handleConfirm,theme:o.theme,loading:o.isLoading},{default:function(){return[o.confirmText]}}),(0,t.createVNode)(n(),{style:"margin-left: 8px",onClick:o.handleClose},{default:function(){return[o.cancelText]}})]):"","confirm"===o.dialogType?null!==(u=null===(s=(c=o.$slots).footer)||void 0===s?void 0:s.call(c))&&void 0!==u?u:(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(n(),{onClick:o.handleConfirm,theme:o.theme,loading:o.isLoading},{default:function(){return[o.confirmText]}})]):""])}},i="bk-dialog-wrapper ".concat(this.scrollable?"scroll-able":"");return(0,t.createVNode)(l(),(0,t.mergeProps)(this.$props,{class:[i,this.fullscreen?"bk-model-fullscreen":this.size],style:this.data.moveStyle}),"function"==typeof(e=r)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)?r:{default:function(){return[r]}})}}),c=(0,e.withInstall)(d)})(),a})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../button"),require("../modal")):o(e["../shared"],e.vue,e["../button"],e["../modal"]);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o,t,n)=>(()=>{"use strict";var r={4976:e=>{e.exports=t},8014:e=>{e.exports=n},4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function l(e){var o=i[e];if(void 0!==o)return o.exports;var t=i[e]={exports:{}};return r[e](t,t.exports,l),t.exports}l.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return l.d(o,{a:o}),o},l.d=(e,o)=>{for(var t in o)l.o(o,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},l.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{l.r(a),l.d(a,{default:()=>c});var e=l(4212),o=l(748),t=l(4976),n=l.n(t),r=l(8014),i=l.n(r);const d=(0,o.defineComponent)({name:"Dialog",components:{BkModal:i(),BkButton:n()},props:Object.assign(Object.assign({},r.propsMixin),{width:e.PropTypes.oneOfType([String,Number]).def(""),height:e.PropTypes.oneOfType([String,Number]).def(""),confirmText:e.PropTypes.string.def("确定"),cancelText:e.PropTypes.string.def("取消"),prevText:e.PropTypes.string.def("上一步"),nextText:e.PropTypes.string.def("下一步"),current:e.PropTypes.number.def(1),totalStep:e.PropTypes.number,title:e.PropTypes.string.def("title"),headerAlign:e.PropTypes.commonType(["left","center","right"],"headerAlign").def("left"),footerAlign:e.PropTypes.commonType(["left","center","right"],"footerAlign").def("right"),theme:e.PropTypes.commonType(["primary","warning","success","danger"],"theme").def("primary"),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),isLoading:e.PropTypes.bool.def(!1)}),emits:["closed","update:isShow","confirm","prev","next"],setup:function(e,t){var n=t.emit,r=(0,o.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}});(0,o.onMounted)((function(){e.escClose&&addEventListener("keydown",l)})),(0,o.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",l)})),(0,o.watch)((function(){return e.isShow}),(function(e){e||(r.moveStyle={top:"50%",left:"50%"},r.positionX=0,r.positionY=0)}));var i=function(){n("update:isShow",!1),n("closed")},l=function(o){e.isShow&&e.closeIcon&&27===o.keyCode&&i()};return{data:r,handleClose:i,handleConfirm:function(){n("update:isShow",!1),n("confirm")},escCloseHandler:l,moveHandler:function(o){if(e.fullscreen)return!1;var t,n,i=o.target,l=o.currentTarget.parentNode.parentNode.offsetHeight,a=o.currentTarget.parentNode.parentNode.offsetWidth;0!==r.positionX&&0!==r.positionY?(t=o.clientX-r.positionX,n=o.clientY-r.positionY):(t=o.clientX-i.offsetLeft,n=o.clientY-i.offsetTop),document.onmousemove=function(e){var o=window.innerWidth-a,i=window.innerHeight-l,d=e.clientX-t,c=e.clientY-n;o/2-d<=0?d=o/2:o/2+d<=0&&(d=-o/2),i/2-c<=0?c=i/2:i/2+c<=0&&(c=-i/2),r.positionX=d,r.positionY=c,r.moveStyle.left="calc(50% + ".concat(d,"px)"),r.moveStyle.top="calc(50% + ".concat(c,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){n("prev")},handleNextStep:function(){n("next")}}},render:function(){var e,t=this,r={header:function(){var e,n,r;return[(0,o.createVNode)("div",{class:["bk-dialog-tool",t.fullscreen||!t.draggable?"":"move",t.draggable?"content-dragging":""],onMousedown:t.moveHandler},[(0,o.createVNode)("span",{class:["bk-dialog-close",t.closeIcon?"":"close-icon"],onClick:t.handleClose},[(0,o.createTextVNode)("+")])]),(0,o.createVNode)("div",{class:"bk-dialog-header"},[(0,o.createVNode)("span",{class:"bk-dialog-title",style:"text-align: ".concat(t.headerAlign)},[null!==(r=null===(n=(e=t.$slots).header)||void 0===n?void 0:n.call(e))&&void 0!==r?r:t.title])])]},default:function(){var e,o,n;return null!==(n=null===(o=(e=t.$slots).default)||void 0===o?void 0:o.call(e))&&void 0!==n?n:"default"},footer:function(){var e,r,i,l,a,d,c,s,u;return(0,o.createVNode)("div",{class:"bk-dialog-footer",style:"text-align: ".concat(t.footerAlign)},["process"===t.dialogType?null!==(i=null===(r=(e=t.$slots).footer)||void 0===r?void 0:r.call(e))&&void 0!==i?i:(0,o.createVNode)(o.Fragment,null,[1===t.current?"":(0,o.createVNode)(n(),{style:"float: left;margin-right: 8px",onClick:t.handlePrevStep},{default:function(){return[t.prevText]}}),t.current===t.totalStep?"":(0,o.createVNode)(n(),{style:"float: left",onClick:t.handleNextStep},{default:function(){return[t.nextText]}}),t.current===t.totalStep?(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}):"",(0,o.createVNode)(n(),{style:"margin-left: 8px",onClick:t.handleClose},{default:function(){return[t.cancelText]}})]):"","operation"===t.dialogType?null!==(d=null===(a=(l=t.$slots).footer)||void 0===a?void 0:a.call(l))&&void 0!==d?d:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}),(0,o.createVNode)(n(),{style:"margin-left: 8px",onClick:t.handleClose},{default:function(){return[t.cancelText]}})]):"","confirm"===t.dialogType?null!==(u=null===(s=(c=t.$slots).footer)||void 0===s?void 0:s.call(c))&&void 0!==u?u:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}})]):""])}},l="bk-dialog-wrapper ".concat(this.scrollable?"scroll-able":"");return(0,o.createVNode)(i(),(0,o.mergeProps)(this.$props,{class:[l,this.fullscreen?"bk-model-fullscreen":this.size],style:this.data.moveStyle}),"function"==typeof(e=r)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,o.isVNode)(e)?r:{default:function(){return[r]}})}}),c=(0,e.withInstall)(d)})(),a})()));

package/lib/divider/divider.d.ts

@@ -39,8 +39,8 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    width: number;
     type: string;
+    width: number;
     color: string;
     direction: string;
     align: string;

package/lib/divider/divider.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 .bk-divider {
   position: relative;

package/lib/divider/index.d.ts

@@ -3,8 +3,8 @@ declare const BkDivider: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            width: number;
             type: string;
+            width: number;
             color: string;
             direction: string;
             align: string;
@@ -28,7 +28,7 @@ declare const BkDivider: {
             type: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "type" | "color" | "direction" | "align">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "width" | "color" | "direction" | "align">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -63,8 +63,8 @@ declare const BkDivider: {
                 default: string;
             };
         }>>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            width: number;
             type: string;
+            width: number;
             color: string;
             direction: string;
             align: string;
@@ -133,8 +133,8 @@ declare const BkDivider: {
         default: string;
     };
 }>>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-    width: number;
     type: string;
+    width: number;
     color: string;
     direction: string;
     align: string;

package/lib/dropdown/dropdown.css

@@ -1,7 +1,11 @@
 .bk-dropdown {
   display: inline-block;
 }
+.bk-dropdown .bk-dropdown-reference {
+  z-index: 1;
+}
 .bk-dropdown .bk-dropdown-content {
+  z-index: 2;
   display: none;
   box-shadow: 0 2px 6px rgba(51, 60, 72, 0.1);
 }