bkui-vue 2.0.1-beta.11 → 2.0.1-beta.111

package/lib/dialog/index.d.ts

@@ -1,5 +1,272 @@
 declare const BkDialog: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            title?: string;
+            extCls?: string;
+            left?: string;
+            top?: string;
+            isShow?: boolean;
+            renderDirective?: "if" | "show";
+            backgroundColor?: string;
+            draggable?: boolean;
+            transfer?: string | boolean | HTMLElement;
+            fullscreen?: boolean;
+            showMask?: boolean;
+            closeIcon?: boolean;
+            escClose?: boolean;
+            quickClose?: boolean;
+            animateType?: string;
+            beforeClose?: () => boolean | Promise<boolean>;
+            confirmText?: string;
+            cancelText?: string;
+            prevText?: string;
+            nextText?: string;
+            current?: number;
+            totalStep?: number;
+            headerAlign?: "left" | "right" | "center";
+            footerAlign?: "left" | "right" | "center";
+            confirmButtonTheme?: "danger" | "primary" | "success" | "warning";
+            isLoading?: boolean;
+            class?: unknown;
+            style?: unknown;
+            readonly width?: string | number;
+            ref?: import("vue").VNodeRef;
+            readonly zIndex?: string | number;
+            key?: string | number | symbol;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            readonly dialogType?: "show" | "process" | "confirm" | "operation";
+            onHidden?: () => any;
+            onShown?: () => any;
+            onConfirm?: () => any;
+            onPrev?: () => any;
+            onNext?: () => any;
+            onClosed?: () => any;
+            "onUpdate:isShow"?: (value: boolean) => any;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: ((event: "prev") => void) & ((event: "next") => void) & ((event: "hidden") => void) & ((event: "shown") => void) & ((event: "confirm") => void) & ((event: "closed") => void) & ((event: "update:isShow", value: boolean) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            confirmText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            cancelText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            prevText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            nextText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            current: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            totalStep: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+                default: "left" | "right" | "center";
+            };
+            footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+                default: "left" | "right" | "center";
+            };
+            confirmButtonTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+                default: "danger" | "primary" | "success" | "warning";
+            };
+            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;
+            } & {
+                default: boolean;
+            };
+            width: import("vue-types").VueTypeDef<string | number>;
+            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            zIndex: import("vue-types").VueTypeDef<string | number>;
+            animateType: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                default: "if" | "show";
+            };
+            beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
+                default: () => boolean | Promise<boolean>;
+            };
+            left: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            top: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+        }>> & {
+            onHidden?: () => any;
+            onShown?: () => any;
+            onConfirm?: () => any;
+            onPrev?: () => any;
+            onNext?: () => any;
+            onClosed?: () => any;
+            "onUpdate:isShow"?: (value: boolean) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            closed: () => true;
+            shown: () => true;
+            hidden: () => true;
+            'update:isShow': (value: boolean) => boolean;
+            confirm: () => true;
+            prev: () => true;
+            next: () => true;
+        }, string, {
+            title: string;
+            extCls: string;
+            left: string;
+            top: string;
+            isShow: boolean;
+            renderDirective: "if" | "show";
+            backgroundColor: string;
+            draggable: boolean;
+            transfer: string | boolean | HTMLElement;
+            fullscreen: boolean;
+            showMask: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            quickClose: boolean;
+            animateType: string;
+            beforeClose: () => boolean | Promise<boolean>;
+            confirmText: string;
+            cancelText: string;
+            prevText: string;
+            nextText: string;
+            current: number;
+            totalStep: number;
+            headerAlign: "left" | "right" | "center";
+            footerAlign: "left" | "right" | "center";
+            confirmButtonTheme: "danger" | "primary" | "success" | "warning";
+            isLoading: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
         draggable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -30,136 +297,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<"danger" | "primary" | "success" | "warning"> & {
+            default: "danger" | "primary" | "success" | "warning";
         };
-        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;
         };
-        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        width: import("vue-types").VueTypeDef<string | number>;
-        fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        showMask: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        escClose: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            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;
-        } & {
-            default: string;
-        };
-        renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-            default: "show" | "if";
-        };
-        beforeClose: import("vue-types").VueTypeDef<unknown>;
-        left: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        top: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-    }>> & {
-        onHidden?: () => any;
-        onShown?: () => any;
-        onConfirm?: () => any;
-        onPrev?: () => any;
-        onNext?: () => any;
-        onClosed?: () => any;
-        "onUpdate:isShow"?: (value: boolean) => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        closed: () => true;
-        shown: () => true;
-        hidden: () => true;
-        'update:isShow': (value: boolean) => boolean;
-        confirm: () => true;
-        prev: () => true;
-        next: () => true;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        draggable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        confirmText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        cancelText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        prevText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        nextText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        current: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        totalStep: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        };
-        title: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
-        };
-        footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
-        };
-        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-            default: "success" | "warning" | "danger" | "primary";
-        };
-        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
-        isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -191,19 +346,18 @@ 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;
         } & {
             default: string;
         };
-        renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-            default: "show" | "if";
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
+        beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
+            default: () => boolean | Promise<boolean>;
         };
-        beforeClose: import("vue-types").VueTypeDef<unknown>;
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -213,145 +367,11 @@ declare const BkDialog: {
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
-    }>> & {
-        onHidden?: () => any;
-        onShown?: () => any;
-        onConfirm?: () => any;
-        onPrev?: () => any;
-        onNext?: () => any;
-        onClosed?: () => any;
-        "onUpdate:isShow"?: (value: boolean) => any;
-    }, {
-        title: string;
-        extCls: string;
-        top: string;
-        left: string;
-        isShow: boolean;
-        draggable: boolean;
-        transfer: string | boolean | HTMLElement;
-        renderDirective: "show" | "if";
-        fullscreen: boolean;
-        showMask: boolean;
-        closeIcon: boolean;
-        escClose: boolean;
-        quickClose: boolean;
-        animateType: string;
-        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";
-        isLoading: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        draggable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        confirmText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        cancelText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        prevText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        nextText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        current: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        totalStep: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        };
-        title: import("vue-types").VueTypeValidableDef<string> & {
+        backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
             default: string;
         };
-        headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
-        };
-        footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
-        };
-        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-            default: "success" | "warning" | "danger" | "primary";
-        };
-        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
-        isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        width: import("vue-types").VueTypeDef<string | number>;
-        fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        showMask: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        escClose: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            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;
-        } & {
-            default: string;
-        };
-        renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-            default: "show" | "if";
-        };
-        beforeClose: import("vue-types").VueTypeDef<unknown>;
-        left: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        top: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
     }>> & {
         onHidden?: () => any;
         onShown?: () => any;
@@ -360,32 +380,7 @@ declare const BkDialog: {
         onNext?: () => any;
         onClosed?: () => any;
         "onUpdate:isShow"?: (value: boolean) => any;
-    }, () => JSX.Element, {}, {}, {}, {
-        title: string;
-        extCls: string;
-        top: string;
-        left: string;
-        isShow: boolean;
-        draggable: boolean;
-        transfer: string | boolean | HTMLElement;
-        renderDirective: "show" | "if";
-        fullscreen: boolean;
-        showMask: boolean;
-        closeIcon: boolean;
-        escClose: boolean;
-        quickClose: boolean;
-        animateType: string;
-        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";
-        isLoading: boolean;
-    }>;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -420,21 +415,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<"danger" | "primary" | "success" | "warning"> & {
+        default: "danger" | "primary" | "success" | "warning";
     };
-    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,19 +464,18 @@ 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;
     } & {
         default: string;
     };
-    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-        default: "show" | "if";
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
+    };
+    beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
+        default: () => boolean | Promise<boolean>;
     };
-    beforeClose: import("vue-types").VueTypeDef<unknown>;
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -488,6 +485,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,27 +509,29 @@ declare const BkDialog: {
 }, string, {
     title: string;
     extCls: string;
-    top: string;
     left: string;
+    top: string;
     isShow: boolean;
+    renderDirective: "if" | "show";
+    backgroundColor: string;
     draggable: boolean;
     transfer: string | boolean | HTMLElement;
-    renderDirective: "show" | "if";
     fullscreen: boolean;
     showMask: boolean;
     closeIcon: boolean;
     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: "danger" | "primary" | "success" | "warning";
     isLoading: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkDialog;