bkui-vue 2.0.1-beta.3 → 2.0.1-beta.30

package/lib/dialog/index.d.ts

@@ -30,16 +30,16 @@ declare const BkDialog: {
         } & {
             default: string;
         };
-        headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
+        headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+            default: "left" | "right" | "center";
         };
-        footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
+        footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+            default: "left" | "right" | "center";
         };
-        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-            default: "success" | "warning" | "danger" | "primary";
+        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+            default: "success" | "danger" | "warning" | "primary";
         };
-        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
         isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -88,7 +88,9 @@ declare const BkDialog: {
         renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
             default: "show" | "if";
         };
-        beforeClose: import("vue-types").VueTypeDef<unknown>;
+        beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
+            default: () => boolean | Promise<boolean>;
+        };
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -98,6 +100,11 @@ declare const BkDialog: {
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
     }>> & {
         onHidden?: () => any;
         onShown?: () => any;
@@ -145,16 +152,16 @@ declare const BkDialog: {
         } & {
             default: string;
         };
-        headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
+        headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+            default: "left" | "right" | "center";
         };
-        footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
+        footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+            default: "left" | "right" | "center";
         };
-        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-            default: "success" | "warning" | "danger" | "primary";
+        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+            default: "success" | "danger" | "warning" | "primary";
         };
-        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
         isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -203,7 +210,9 @@ declare const BkDialog: {
         renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
             default: "show" | "if";
         };
-        beforeClose: import("vue-types").VueTypeDef<unknown>;
+        beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
+            default: () => boolean | Promise<boolean>;
+        };
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -213,6 +222,11 @@ declare const BkDialog: {
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
     }>> & {
         onHidden?: () => any;
         onShown?: () => any;
@@ -224,11 +238,12 @@ declare const BkDialog: {
     }, {
         title: string;
         extCls: string;
-        top: string;
         left: string;
+        top: string;
         isShow: boolean;
         draggable: boolean;
         transfer: string | boolean | HTMLElement;
+        backgroundColor: string;
         renderDirective: "show" | "if";
         fullscreen: boolean;
         showMask: boolean;
@@ -236,15 +251,16 @@ declare const BkDialog: {
         escClose: boolean;
         quickClose: boolean;
         animateType: string;
+        beforeClose: () => boolean | Promise<boolean>;
         confirmText: string;
         cancelText: string;
         prevText: string;
         nextText: string;
         current: number;
         totalStep: number;
-        headerAlign: "right" | "left" | "center";
-        footerAlign: "right" | "left" | "center";
-        confirmButtonTheme: "success" | "warning" | "danger" | "primary";
+        headerAlign: "left" | "right" | "center";
+        footerAlign: "left" | "right" | "center";
+        confirmButtonTheme: "success" | "danger" | "warning" | "primary";
         isLoading: boolean;
     }, true, {}, {}, {
         P: {};
@@ -284,16 +300,16 @@ declare const BkDialog: {
         } & {
             default: string;
         };
-        headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
+        headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+            default: "left" | "right" | "center";
         };
-        footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
+        footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+            default: "left" | "right" | "center";
         };
-        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-            default: "success" | "warning" | "danger" | "primary";
+        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+            default: "success" | "danger" | "warning" | "primary";
         };
-        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
         isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -342,7 +358,9 @@ declare const BkDialog: {
         renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
             default: "show" | "if";
         };
-        beforeClose: import("vue-types").VueTypeDef<unknown>;
+        beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
+            default: () => boolean | Promise<boolean>;
+        };
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -352,6 +370,11 @@ declare const BkDialog: {
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
     }>> & {
         onHidden?: () => any;
         onShown?: () => any;
@@ -363,11 +386,12 @@ declare const BkDialog: {
     }, () => JSX.Element, {}, {}, {}, {
         title: string;
         extCls: string;
-        top: string;
         left: string;
+        top: string;
         isShow: boolean;
         draggable: boolean;
         transfer: string | boolean | HTMLElement;
+        backgroundColor: string;
         renderDirective: "show" | "if";
         fullscreen: boolean;
         showMask: boolean;
@@ -375,15 +399,16 @@ declare const BkDialog: {
         escClose: boolean;
         quickClose: boolean;
         animateType: string;
+        beforeClose: () => boolean | Promise<boolean>;
         confirmText: string;
         cancelText: string;
         prevText: string;
         nextText: string;
         current: number;
         totalStep: number;
-        headerAlign: "right" | "left" | "center";
-        footerAlign: "right" | "left" | "center";
-        confirmButtonTheme: "success" | "warning" | "danger" | "primary";
+        headerAlign: "left" | "right" | "center";
+        footerAlign: "left" | "right" | "center";
+        confirmButtonTheme: "success" | "danger" | "warning" | "primary";
         isLoading: boolean;
     }>;
     __isFragment?: never;
@@ -420,16 +445,16 @@ declare const BkDialog: {
     } & {
         default: string;
     };
-    headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-        default: "right" | "left" | "center";
+    headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+        default: "left" | "right" | "center";
     };
-    footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-        default: "right" | "left" | "center";
+    footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+        default: "left" | "right" | "center";
     };
-    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-        default: "success" | "warning" | "danger" | "primary";
+    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+        default: "success" | "danger" | "warning" | "primary";
     };
-    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -478,7 +503,9 @@ declare const BkDialog: {
     renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
         default: "show" | "if";
     };
-    beforeClose: import("vue-types").VueTypeDef<unknown>;
+    beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
+        default: () => boolean | Promise<boolean>;
+    };
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -488,6 +515,11 @@ declare const BkDialog: {
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }>> & {
     onHidden?: () => any;
     onShown?: () => any;
@@ -507,11 +539,12 @@ declare const BkDialog: {
 }, string, {
     title: string;
     extCls: string;
-    top: string;
     left: string;
+    top: string;
     isShow: boolean;
     draggable: boolean;
     transfer: string | boolean | HTMLElement;
+    backgroundColor: string;
     renderDirective: "show" | "if";
     fullscreen: boolean;
     showMask: boolean;
@@ -519,15 +552,16 @@ declare const BkDialog: {
     escClose: boolean;
     quickClose: boolean;
     animateType: string;
+    beforeClose: () => boolean | Promise<boolean>;
     confirmText: string;
     cancelText: string;
     prevText: string;
     nextText: string;
     current: number;
     totalStep: number;
-    headerAlign: "right" | "left" | "center";
-    footerAlign: "right" | "left" | "center";
-    confirmButtonTheme: "success" | "warning" | "danger" | "primary";
+    headerAlign: "left" | "right" | "center";
+    footerAlign: "left" | "right" | "center";
+    confirmButtonTheme: "success" | "danger" | "warning" | "primary";
     isLoading: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkDialog;

package/lib/dialog/index.js

@@ -823,8 +823,8 @@ function _isSlot(s) {
           }, [(_slots$tools = slots.tools) === null || _slots$tools === void 0 ? void 0 : _slots$tools.call(slots)]), (0,external_vue_namespaceObject.createVNode)("div", {
             "class": resolveClassName('dialog-header')
           }, [(0,external_vue_namespaceObject.createVNode)("span", {
-            "class": resolveClassName('dialog-title'),
-            "style": "text-align: ".concat(props.headerAlign)
+            "style": "text-align: ".concat(props.headerAlign),
+            "class": resolveClassName('dialog-title')
           }, [(_slots$header = (_slots$header2 = slots.header) === null || _slots$header2 === void 0 ? void 0 : _slots$header2.call(slots)) !== null && _slots$header !== void 0 ? _slots$header : props.title])])]);
         },
         "default": function _default() {
@@ -835,8 +835,8 @@ function _isSlot(s) {
         footer: function footer() {
           if (slots.footer) {
             return (0,external_vue_namespaceObject.createVNode)("div", {
-              "class": resolveClassName('dialog-footer'),
-              "style": "text-align: ".concat(props.footerAlign)
+              "style": "text-align: ".concat(props.footerAlign),
+              "class": resolveClassName('dialog-footer')
             }, [slots.footer()]);
           }
           if (!['process', 'operation', 'confirm'].includes(props.dialogType)) {
@@ -845,17 +845,17 @@ function _isSlot(s) {
           var renderFooterAction = function renderFooterAction() {
             if (props.dialogType === 'operation') {
               return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-                "onClick": handleConfirm,
+                "loading": props.isLoading,
                 "theme": props.confirmButtonTheme,
-                "loading": props.isLoading
+                "onClick": handleConfirm
               }, {
                 "default": function _default() {
                   return [localConfirmText.value];
                 }
               }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
                 "class": resolveClassName('dialog-cancel'),
-                "onClick": handleClose,
-                "disabled": props.isLoading
+                "disabled": props.isLoading,
+                "onClick": handleClose
               }, {
                 "default": function _default() {
                   return [localCancelText.value];
@@ -864,9 +864,9 @@ function _isSlot(s) {
             }
             if (props.dialogType === 'confirm') {
               return (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-                "onClick": handleConfirm,
+                "loading": props.isLoading,
                 "theme": props.confirmButtonTheme,
-                "loading": props.isLoading
+                "onClick": handleConfirm
               }, {
                 "default": function _default() {
                   return [localConfirmText.value];
@@ -889,17 +889,17 @@ function _isSlot(s) {
                   return [localNextText.value];
                 }
               }), props.current >= 1 && props.current === props.totalStep && (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-                "onClick": handleConfirm,
+                "loading": props.isLoading,
                 "theme": props.confirmButtonTheme,
-                "loading": props.isLoading
+                "onClick": handleConfirm
               }, {
                 "default": function _default() {
                   return [localConfirmText.value];
                 }
               }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
                 "class": resolveClassName('dialog-cancel'),
-                "onClick": handleClose,
-                "disabled": props.isLoading
+                "disabled": props.isLoading,
+                "onClick": handleClose
               }, {
                 "default": function _default() {
                   return [localCancelText.value];
@@ -908,8 +908,8 @@ function _isSlot(s) {
             }
           };
           return (0,external_vue_namespaceObject.createVNode)("div", {
-            "class": resolveClassName('dialog-footer'),
-            "style": "text-align: ".concat(props.footerAlign)
+            "style": "text-align: ".concat(props.footerAlign),
+            "class": resolveClassName('dialog-footer')
           }, [renderFooterAction()]);
         },
         close: function close() {
@@ -921,20 +921,20 @@ function _isSlot(s) {
         inheritAttrs[instance.vnode.scopeId] = '';
       }
       return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)(inheritAttrs, {
-        "class": _defineProperty(_defineProperty({}, resolveClassName('dialog'), true), 'is-fullscreen', props.fullscreen),
-        "isShow": props.isShow,
-        "fullscreen": props.fullscreen,
         "width": props.fullscreen ? 'auto' : props.width,
+        "class": _defineProperty(_defineProperty({}, resolveClassName('dialog'), true), 'is-fullscreen', props.fullscreen),
         "animateType": "fadein",
         "beforeClose": props.beforeClose,
         "closeIcon": props.closeIcon,
         "escClose": props.escClose,
+        "fullscreen": props.fullscreen,
+        "isShow": props.isShow,
+        "left": props.fullscreen ? '0px' : positionData.moveStyle.left,
         "quickClose": props.quickClose,
-        "showMask": props.showMask,
-        "transfer": props.transfer,
         "renderDirective": props.renderDirective,
-        "left": props.fullscreen ? '0px' : positionData.moveStyle.left,
+        "showMask": props.showMask,
         "top": props.fullscreen ? '0px' : positionData.moveStyle.top,
+        "transfer": props.transfer,
         "zIndex": props.zIndex,
         "onClose": handleClose,
         "onHidden": handleHidden,

package/lib/dialog/props.d.ts

@@ -29,16 +29,16 @@ declare const props: {
     } & {
         default: string;
     };
-    headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-        default: "right" | "left" | "center";
+    headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+        default: "left" | "right" | "center";
     };
-    footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-        default: "right" | "left" | "center";
+    footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+        default: "left" | "right" | "center";
     };
-    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-        default: "success" | "warning" | "danger" | "primary";
+    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+        default: "success" | "danger" | "warning" | "primary";
     };
-    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -87,7 +87,9 @@ declare const props: {
     renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
         default: "show" | "if";
     };
-    beforeClose: import("vue-types").VueTypeDef<unknown>;
+    beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
+        default: () => boolean | Promise<boolean>;
+    };
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -97,5 +99,10 @@ declare const props: {
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 };
 export default props;

package/lib/directives/index.d.ts

@@ -1,5 +1,5 @@
-export { overflowTitle } from '../overflow-title';
-export { default as mousewheel } from './mousewheel';
 export { default as clickoutside } from './clickoutside';
-export { default as bkTooltips } from './tooltips';
 export { default as bkEllipsis, createInstance as bkEllipsisInstance } from './ellipsis';
+export { default as mousewheel } from './mousewheel';
+export { default as bkTooltips } from './tooltips';
+export { overflowTitle } from '../overflow-title';