bkui-vue 2.0.1-beta.6 → 2.0.1-beta.60.fix.1

package/lib/date-picker/interface.d.ts

@@ -1,7 +1,7 @@
-import type { ComputedPlacement } from '@popperjs/core';
 import type { DatePickerProps } from './props';
+import type { ComputedPlacement } from '@popperjs/core';
 export type DatePickerPlacementType = ComputedPlacement;
-export type DatePickerTypeType = 'year' | 'yearrange' | 'month' | 'monthrange' | 'date' | 'daterange' | 'datetime' | 'datetimerange';
+export type DatePickerTypeType = 'date' | 'daterange' | 'datetime' | 'datetimerange' | 'month' | 'monthrange' | 'year' | 'yearrange';
 export type TimePickerTypeType = 'time' | 'timerange';
 export type PickerTypeType = DatePickerTypeType | TimePickerTypeType;
 export interface IDatePickerShortcut {
@@ -10,20 +10,20 @@ export interface IDatePickerShortcut {
     onClick?: (picker: any) => void;
 }
 export type DatePickerShortcutsType = IDatePickerShortcut[];
-type ValueType = Date | string | number;
-export type DatePickerValueType = ValueType | [ValueType, ValueType];
-export type DisabledDateType = (date: number | Date) => boolean;
+type ValueType = Date | number | string;
+export type DatePickerValueType = [ValueType, ValueType] | ValueType;
+export type DisabledDateType = (date: Date | number) => boolean;
 export interface IDatePickerCtx {
     props: DatePickerProps;
     focus: () => void;
 }
 export interface ITimePickerCtx {
     parentName: string;
-    panelDate?: Date | string | number;
-    dates?: ValueType | [ValueType, ValueType];
+    panelDate?: Date | number | string;
+    dates?: [ValueType, ValueType] | ValueType;
 }
-export type DatePickerPanelType = 'DateRangePanel' | 'DatePanel' | 'RangeTimePickerPanel' | 'TimePickerPanel';
-export type SelectionModeType = 'year' | 'month' | 'date' | 'time';
+export type DatePickerPanelType = 'DatePanel' | 'DateRangePanel' | 'RangeTimePickerPanel' | 'TimePickerPanel';
+export type SelectionModeType = 'date' | 'month' | 'time' | 'year';
 export interface IDisabledHMS {
     disabledHours?: number[];
     disabledMinutes?: number[];

package/lib/date-picker/panel/date-range.d.ts

@@ -1,6 +1,6 @@
-import type { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import type { DatePickerShortcutsType, DatePickerValueType, DisabledDateType, PickerTypeType, SelectionModeType } from '../interface';
+import type { ExtractPropTypes } from 'vue';
 declare const dateRangePanelProps: {
     readonly modelValue: {
         readonly type: PropType<DatePickerValueType>;
@@ -56,7 +56,7 @@ declare const dateRangePanelProps: {
         readonly default: "yyyy-MM-dd";
     };
     readonly timePickerOptions: {
-        readonly type: PropType<Record<string, any>>;
+        readonly type: PropType<Record<string, unknown>>;
         readonly default: () => {};
     };
     readonly shortcutSelectedIndex: {
@@ -120,7 +120,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "yyyy-MM-dd";
     };
     readonly timePickerOptions: {
-        readonly type: PropType<Record<string, any>>;
+        readonly type: PropType<Record<string, unknown>>;
         readonly default: () => {};
     };
     readonly shortcutSelectedIndex: {
@@ -255,7 +255,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "yyyy-MM-dd";
     };
     readonly timePickerOptions: {
-        readonly type: PropType<Record<string, any>>;
+        readonly type: PropType<Record<string, unknown>>;
         readonly default: () => {};
     };
     readonly shortcutSelectedIndex: {
@@ -273,7 +273,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly confirm: boolean;
     readonly clearable: boolean;
     readonly format: string;
-    readonly timePickerOptions: {};
+    readonly timePickerOptions: Record<string, unknown>;
     readonly splitPanels: boolean;
     readonly shortcuts: DatePickerShortcutsType;
     readonly shortcutClose: boolean;

package/lib/date-picker/panel/date.d.ts

@@ -1,6 +1,6 @@
-import type { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import type { DatePickerShortcutsType, DatePickerValueType, DisabledDateType, SelectionModeType } from '../interface';
+import type { ExtractPropTypes } from 'vue';
 declare const datePanelProps: {
     readonly modelValue: {
         readonly type: PropType<DatePickerValueType>;

package/lib/date-picker/panel/time-range.d.ts

@@ -1,5 +1,5 @@
-import type { ExtractPropTypes, PropType } from 'vue';
 import { SelectionModeType } from '../interface';
+import type { ExtractPropTypes, PropType } from 'vue';
 declare const timeRangeProps: {
     steps: {
         type: PropType<number[]>;

package/lib/date-picker/panel/time.d.ts

@@ -1,5 +1,5 @@
-import type { ExtractPropTypes, PropType } from 'vue';
 import { IDisabledHMS, SelectionModeType } from '../interface';
+import type { ExtractPropTypes, PropType } from 'vue';
 declare const timeProps: {
     disabledDate: {
         type: FunctionConstructor;

package/lib/date-picker/props.d.ts

@@ -1,6 +1,6 @@
-import type { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import type { DatePickerShortcutsType, DatePickerValueType, DisabledDateType, PickerTypeType } from './interface';
+import type { ExtractPropTypes } from 'vue';
 export declare const datePickerProps: {
     readonly type: {
         readonly type: PropType<PickerTypeType>;

package/lib/date-picker/utils.d.ts

@@ -1,5 +1,5 @@
-import type { InjectionKey } from 'vue';
 import type { IDatePickerCtx, ITimePickerCtx, PickerTypeType } from './interface';
+import type { InjectionKey } from 'vue';
 export declare const RANGE_SEPARATOR = " - ";
 export declare const typeValueResolver: {
     default: {

package/lib/dialog/dialog.d.ts

@@ -29,16 +29,16 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         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 _default: import("vue").DefineComponent<{
     renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
         default: "show" | "if";
     };
-    beforeClose: import("vue-types").VueTypeDef<unknown>;
+    beforeClose: import("vue-types").VueTypeValidableDef<() => boolean> & {
+        default: () => boolean;
+    };
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -136,16 +138,16 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         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;
     } & {
@@ -194,7 +196,9 @@ declare const _default: import("vue").DefineComponent<{
     renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
         default: "show" | "if";
     };
-    beforeClose: import("vue-types").VueTypeDef<unknown>;
+    beforeClose: import("vue-types").VueTypeValidableDef<() => boolean> & {
+        default: () => boolean;
+    };
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -215,8 +219,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     extCls: string;
-    top: string;
     left: string;
+    top: string;
     isShow: boolean;
     draggable: boolean;
     transfer: string | boolean | HTMLElement;
@@ -227,15 +231,16 @@ declare const _default: import("vue").DefineComponent<{
     escClose: boolean;
     quickClose: boolean;
     animateType: string;
+    beforeClose: () => 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;
 }, {}>;
 export default _default;

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> & {
+            default: () => boolean;
+        };
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -145,16 +147,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 +205,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> & {
+            default: () => boolean;
+        };
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -224,8 +228,8 @@ declare const BkDialog: {
     }, {
         title: string;
         extCls: string;
-        top: string;
         left: string;
+        top: string;
         isShow: boolean;
         draggable: boolean;
         transfer: string | boolean | HTMLElement;
@@ -236,15 +240,16 @@ declare const BkDialog: {
         escClose: boolean;
         quickClose: boolean;
         animateType: string;
+        beforeClose: () => 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 +289,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 +347,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> & {
+            default: () => boolean;
+        };
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -363,8 +370,8 @@ declare const BkDialog: {
     }, () => JSX.Element, {}, {}, {}, {
         title: string;
         extCls: string;
-        top: string;
         left: string;
+        top: string;
         isShow: boolean;
         draggable: boolean;
         transfer: string | boolean | HTMLElement;
@@ -375,15 +382,16 @@ declare const BkDialog: {
         escClose: boolean;
         quickClose: boolean;
         animateType: string;
+        beforeClose: () => 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 +428,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 +486,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> & {
+        default: () => boolean;
+    };
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -507,8 +517,8 @@ declare const BkDialog: {
 }, string, {
     title: string;
     extCls: string;
-    top: string;
     left: string;
+    top: string;
     isShow: boolean;
     draggable: boolean;
     transfer: string | boolean | HTMLElement;
@@ -519,15 +529,16 @@ declare const BkDialog: {
     escClose: boolean;
     quickClose: boolean;
     animateType: string;
+    beforeClose: () => 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> & {
+        default: () => boolean;
+    };
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };

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';