bkui-vue 2.0.1-beta.7 → 2.0.1-beta.70

package/lib/dialog/index.d.ts

@@ -30,21 +30,24 @@ 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;
         } & {
             default: boolean;
         };
+        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+            default: string | boolean | (() => HTMLElement);
+        };
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -76,9 +79,6 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
-        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-            default: string | boolean | (() => HTMLElement);
-        };
         zIndex: import("vue-types").VueTypeDef<string | number>;
         animateType: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -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,21 +152,24 @@ 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;
         } & {
             default: boolean;
         };
+        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+            default: string | boolean | (() => HTMLElement);
+        };
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -191,9 +201,6 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
-        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-            default: string | boolean | (() => HTMLElement);
-        };
         zIndex: import("vue-types").VueTypeDef<string | number>;
         animateType: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -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,21 +300,24 @@ 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;
         } & {
             default: boolean;
         };
+        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+            default: string | boolean | (() => HTMLElement);
+        };
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -330,9 +349,6 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
-        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-            default: string | boolean | (() => HTMLElement);
-        };
         zIndex: import("vue-types").VueTypeDef<string | number>;
         animateType: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -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,21 +445,24 @@ 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;
     } & {
         default: boolean;
     };
+    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+        default: string | boolean | (() => HTMLElement);
+    };
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -466,9 +494,6 @@ declare const BkDialog: {
     } & {
         default: boolean;
     };
-    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-        default: string | boolean | (() => HTMLElement);
-    };
     zIndex: import("vue-types").VueTypeDef<string | number>;
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -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

@@ -603,7 +603,9 @@ var props = _objectSpread(_objectSpread({}, dialogProps), {}, {
   // 对话框类型
   dialogType: (0,shared_namespaceObject.dialogTypeUnion)(),
   // 按钮loading
-  isLoading: shared_namespaceObject.PropTypes.bool.def(false)
+  isLoading: shared_namespaceObject.PropTypes.bool.def(false),
+  // 是否显示在body内即与#app同级
+  transfer: shared_namespaceObject.PropTypes.oneOfType([Boolean, String, HTMLElement]).def(true)
 });
 /* harmony default export */ const src_props = (props);
 ;// CONCATENATED MODULE: ../../packages/dialog/src/dialog.tsx
@@ -823,8 +825,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 +837,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 +847,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 +866,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 +891,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 +910,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 +923,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,21 +29,24 @@ 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;
     } & {
         default: boolean;
     };
+    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+        default: string | boolean | (() => HTMLElement);
+    };
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -75,9 +78,6 @@ declare const props: {
     } & {
         default: boolean;
     };
-    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-        default: string | boolean | (() => HTMLElement);
-    };
     zIndex: import("vue-types").VueTypeDef<string | number>;
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -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';