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

package/lib/dialog/index.d.ts

@@ -1,11 +1,5 @@
 declare const BkDialog: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        width: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        height: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
         confirmText: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -51,6 +45,12 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
         extCls: (import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -101,6 +101,8 @@ declare const BkDialog: {
         };
         direction: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
+        } & {
+            default: string;
         };
         animateType: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -117,12 +119,22 @@ declare const BkDialog: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
         top: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }>> & {
         onConfirm?: (...args: any[]) => any;
         onPrev?: (...args: any[]) => any;
@@ -145,7 +157,6 @@ declare const BkDialog: {
         moveHandler: (e: any) => boolean;
         handlePrevStep: () => void;
         handleNextStep: () => void;
-        hasFooter: import("vue").ComputedRef<boolean>;
         isModalShow: import("vue").Ref<boolean>;
         localConfirmText: import("vue").ComputedRef<string>;
         localCancelText: import("vue").ComputedRef<string>;
@@ -153,12 +164,6 @@ declare const BkDialog: {
         localNextText: import("vue").ComputedRef<string>;
         resolveClassName: (cls: string) => string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next" | "confirm" | "closed" | "update:isShow" | "value-change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        width: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        height: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
         confirmText: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -204,6 +209,12 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
         extCls: (import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -254,6 +265,8 @@ declare const BkDialog: {
         };
         direction: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
+        } & {
+            default: string;
         };
         animateType: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -270,12 +283,22 @@ declare const BkDialog: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
         top: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }>> & {
         onConfirm?: (...args: any[]) => any;
         onPrev?: (...args: any[]) => any;
@@ -297,14 +320,16 @@ declare const BkDialog: {
         transfer: string | boolean | HTMLElement;
         direction: string;
         renderDirective: "show" | "if";
-        quickClose: boolean;
         scrollable: boolean;
         showMask: boolean;
         closeIcon: boolean;
         escClose: boolean;
         fullscreen: boolean;
+        quickClose: boolean;
         animateType: string;
         multiInstance: boolean;
+        bodyClass: string | unknown[];
+        hiddenDelay: number;
         confirmText: string;
         cancelText: string;
         prevText: string;
@@ -322,12 +347,6 @@ declare const BkDialog: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        width: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        height: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
         confirmText: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -373,6 +392,12 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
         extCls: (import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -423,6 +448,8 @@ declare const BkDialog: {
         };
         direction: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
+        } & {
+            default: string;
         };
         animateType: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -439,12 +466,22 @@ declare const BkDialog: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
         top: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }>> & {
         onConfirm?: (...args: any[]) => any;
         onPrev?: (...args: any[]) => any;
@@ -467,7 +504,6 @@ declare const BkDialog: {
         moveHandler: (e: any) => boolean;
         handlePrevStep: () => void;
         handleNextStep: () => void;
-        hasFooter: import("vue").ComputedRef<boolean>;
         isModalShow: import("vue").Ref<boolean>;
         localConfirmText: import("vue").ComputedRef<string>;
         localCancelText: import("vue").ComputedRef<string>;
@@ -488,14 +524,16 @@ declare const BkDialog: {
         transfer: string | boolean | HTMLElement;
         direction: string;
         renderDirective: "show" | "if";
-        quickClose: boolean;
         scrollable: boolean;
         showMask: boolean;
         closeIcon: boolean;
         escClose: boolean;
         fullscreen: boolean;
+        quickClose: boolean;
         animateType: string;
         multiInstance: boolean;
+        bodyClass: string | unknown[];
+        hiddenDelay: number;
         confirmText: string;
         cancelText: string;
         prevText: string;
@@ -510,12 +548,6 @@ declare const BkDialog: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    width: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
-    height: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
     confirmText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -561,6 +593,12 @@ declare const BkDialog: {
     } & {
         default: boolean;
     };
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
     extCls: (import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -611,6 +649,8 @@ declare const BkDialog: {
     };
     direction: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
+    } & {
+        default: string;
     };
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -627,12 +667,22 @@ declare const BkDialog: {
         default: boolean;
     };
     infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+    bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
     top: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
 }>> & {
     onConfirm?: (...args: any[]) => any;
     onPrev?: (...args: any[]) => any;
@@ -655,7 +705,6 @@ declare const BkDialog: {
     moveHandler: (e: any) => boolean;
     handlePrevStep: () => void;
     handleNextStep: () => void;
-    hasFooter: import("vue").ComputedRef<boolean>;
     isModalShow: import("vue").Ref<boolean>;
     localConfirmText: import("vue").ComputedRef<string>;
     localCancelText: import("vue").ComputedRef<string>;
@@ -676,14 +725,16 @@ declare const BkDialog: {
     transfer: string | boolean | HTMLElement;
     direction: string;
     renderDirective: "show" | "if";
-    quickClose: boolean;
     scrollable: boolean;
     showMask: boolean;
     closeIcon: boolean;
     escClose: boolean;
     fullscreen: boolean;
+    quickClose: boolean;
     animateType: string;
     multiInstance: boolean;
+    bodyClass: string | unknown[];
+    hiddenDelay: number;
     confirmText: string;
     cancelText: string;
     prevText: string;

package/lib/dialog/index.js

@@ -428,6 +428,51 @@ __webpack_require__.d(__webpack_exports__, {
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
 const shared_namespaceObject = x({ ["AlignEnum"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.AlignEnum, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["ThemeEnum"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.ThemeEnum, ["alignType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.alignType, ["dialogTypeUnion"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.dialogTypeUnion, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : String(i);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function _defineProperty(obj, key, value) {
+  key = toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -490,51 +535,6 @@ const modal_namespaceObject = modal_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
 var modal_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var modal_less_y = x => () => x
 const modal_less_namespaceObject = modal_less_x({  });
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : String(i);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
 ;// CONCATENATED MODULE: ../../packages/dialog/src/props.ts
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -567,8 +567,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 
 var props = _objectSpread(_objectSpread({}, modal_namespaceObject.propsMixin), {}, {
-  width: shared_namespaceObject.PropTypes.oneOfType([String, Number]).def(''),
-  height: shared_namespaceObject.PropTypes.oneOfType([String, Number]).def(''),
   // 确认按钮文字
   // confirmText: PropTypes.string.def('确定'),
   confirmText: shared_namespaceObject.PropTypes.string,
@@ -602,6 +600,7 @@ var props = _objectSpread(_objectSpread({}, modal_namespaceObject.propsMixin), {
 
 
 
+
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -679,16 +678,6 @@ function _isSlot(s) {
       }
     });
     var isModalShow = (0,external_vue_namespaceObject.ref)(props.isShow);
-    (0,external_vue_namespaceObject.onMounted)(function () {
-      if (props.escClose) {
-        addEventListener('keydown', escCloseHandler);
-      }
-    });
-    (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
-      if (props.escClose) {
-        removeEventListener('keydown', escCloseHandler);
-      }
-    });
     (0,external_vue_namespaceObject.watch)(function () {
       return props.isShow;
     }, function (val) {
@@ -742,11 +731,7 @@ function _isSlot(s) {
     var handleConfirm = function handleConfirm() {
       emit('update:isShow', false);
       emit('confirm');
-      // isModalShow.value = false; 影响异步关闭
     };
-    var hasFooter = (0,external_vue_namespaceObject.computed)(function () {
-      return ['process', 'operation', 'confirm'].includes(props.dialogType);
-    });
     // 按 esc 关闭弹框
     var escCloseHandler = function escCloseHandler(e) {
       if (props.isShow && props.closeIcon) {
@@ -810,6 +795,16 @@ function _isSlot(s) {
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
+    (0,external_vue_namespaceObject.onMounted)(function () {
+      if (props.escClose) {
+        addEventListener('keydown', escCloseHandler);
+      }
+    });
+    (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
+      if (props.escClose) {
+        removeEventListener('keydown', escCloseHandler);
+      }
+    });
     return {
       data: data,
       handleClose: handleClose,
@@ -818,7 +813,6 @@ function _isSlot(s) {
       moveHandler: moveHandler,
       handlePrevStep: handlePrevStep,
       handleNextStep: handleNextStep,
-      hasFooter: hasFooter,
       isModalShow: isModalShow,
       localConfirmText: localConfirmText,
       localCancelText: localCancelText,
@@ -855,7 +849,7 @@ function _isSlot(s) {
         }, [(_this$$slots$tools = (_this$$slots$tools2 = (_this$$slots = _this.$slots).tools) === null || _this$$slots$tools2 === void 0 ? void 0 : _this$$slots$tools2.call(_this$$slots)) !== null && _this$$slots$tools !== void 0 ? _this$$slots$tools : '']), (0,external_vue_namespaceObject.createVNode)("div", {
           "class": _this.resolveClassName('dialog-header')
         }, [(0,external_vue_namespaceObject.createVNode)("div", {
-          "class": _this.resolveClassName('header-icon')
+          "class": _this.resolveClassName('dialog-header-icon')
         }, [_this.infoType ? renderIcon() : (0,external_vue_namespaceObject.createVNode)("slot", {
           "name": "info-icon"
         }, null)]), (0,external_vue_namespaceObject.createVNode)("span", {
@@ -864,80 +858,108 @@ function _isSlot(s) {
         }, [(_this$$slots$header = (_this$$slots$header2 = (_this$$slots2 = _this.$slots).header) === null || _this$$slots$header2 === void 0 ? void 0 : _this$$slots$header2.call(_this$$slots2)) !== null && _this$$slots$header !== void 0 ? _this$$slots$header : _this.title])])];
       },
       "default": function _default() {
-        var _this$$slots$default, _this$$slots$default2, _this$$slots3;
-        return (_this$$slots$default = (_this$$slots$default2 = (_this$$slots3 = _this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots3)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : 'default';
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": _this.resolveClassName('dialog-content')
+        }, [_this.$slots["default"]()]);
       },
       footer: function footer() {
-        var _this$$slots$footer, _this$$slots$footer2, _this$$slots4, _this$$slots$footer3, _this$$slots$footer4, _this$$slots5, _this$$slots$footer5, _this$$slots$footer6, _this$$slots6;
-        return (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": _this.resolveClassName('dialog-footer'),
-          "style": "text-align: ".concat(_this.footerAlign)
-        }, [_this.dialogType === 'process' ? (_this$$slots$footer = (_this$$slots$footer2 = (_this$$slots4 = _this.$slots).footer) === null || _this$$slots$footer2 === void 0 ? void 0 : _this$$slots$footer2.call(_this$$slots4)) !== null && _this$$slots$footer !== void 0 ? _this$$slots$footer : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [_this.current === 1 ? '' : (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-          "class": _this.resolveClassName('dialog-perv'),
-          "onClick": _this.handlePrevStep
-        }, {
-          "default": function _default() {
-            return [_this.localPrevText];
-          }
-        }), _this.current === _this.totalStep ? '' : (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-          "class": _this.resolveClassName('dialog-next'),
-          "onClick": _this.handleNextStep
-        }, {
-          "default": function _default() {
-            return [_this.localNextText];
-          }
-        }), _this.current === _this.totalStep ? (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-          "onClick": _this.handleConfirm,
-          "theme": _this.theme,
-          "loading": _this.isLoading
-        }, {
-          "default": function _default() {
-            return [_this.localConfirmText];
-          }
-        }) : '', (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-          "class": _this.resolveClassName('dialog-cancel'),
-          "onClick": _this.handleClose,
-          "disabled": _this.isLoading
-        }, {
-          "default": function _default() {
-            return [_this.localCancelText];
-          }
-        })]) : '', _this.dialogType === 'operation' ? (_this$$slots$footer3 = (_this$$slots$footer4 = (_this$$slots5 = _this.$slots).footer) === null || _this$$slots$footer4 === void 0 ? void 0 : _this$$slots$footer4.call(_this$$slots5)) !== null && _this$$slots$footer3 !== void 0 ? _this$$slots$footer3 : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-          "onClick": _this.handleConfirm,
-          "theme": _this.theme,
-          "loading": _this.isLoading
-        }, {
-          "default": function _default() {
-            return [_this.localConfirmText];
+        if (_this.$slots.footer) {
+          return (0,external_vue_namespaceObject.createVNode)("div", {
+            "class": _this.resolveClassName('dialog-footer'),
+            "style": "text-align: ".concat(_this.footerAlign)
+          }, [_this.$slots.footer()]);
+        }
+        if (!['process', 'operation', 'confirm'].includes(_this.dialogType)) {
+          return null;
+        }
+        var renderFooterAction = function renderFooterAction() {
+          if (_this.dialogType === 'operation') {
+            return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+              "onClick": _this.handleConfirm,
+              "theme": _this.theme,
+              "loading": _this.isLoading
+            }, {
+              "default": function _default() {
+                return [_this.localConfirmText];
+              }
+            }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+              "class": _this.resolveClassName('dialog-cancel'),
+              "onClick": _this.handleClose,
+              "disabled": _this.isLoading
+            }, {
+              "default": function _default() {
+                return [_this.localCancelText];
+              }
+            })]);
           }
-        }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-          "class": _this.resolveClassName('dialog-cancel'),
-          "onClick": _this.handleClose,
-          "disabled": _this.isLoading
-        }, {
-          "default": function _default() {
-            return [_this.localCancelText];
+          if (_this.dialogType === 'confirm') {
+            return (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+              "onClick": _this.handleConfirm,
+              "theme": _this.theme,
+              "loading": _this.isLoading
+            }, {
+              "default": function _default() {
+                return [_this.localConfirmText];
+              }
+            });
           }
-        })]) : '', _this.dialogType === 'confirm' ? (_this$$slots$footer5 = (_this$$slots$footer6 = (_this$$slots6 = _this.$slots).footer) === null || _this$$slots$footer6 === void 0 ? void 0 : _this$$slots$footer6.call(_this$$slots6)) !== null && _this$$slots$footer5 !== void 0 ? _this$$slots$footer5 : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-          "onClick": _this.handleConfirm,
-          "theme": _this.theme,
-          "loading": _this.isLoading
-        }, {
-          "default": function _default() {
-            return [_this.localConfirmText];
+          if (_this.dialogType === 'process') {
+            var renderFirstStepBtn = function renderFirstStepBtn() {
+              if (_this.current === 1) {
+                return (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                  "class": _this.resolveClassName('dialog-perv'),
+                  "onClick": _this.handlePrevStep
+                }, {
+                  "default": function _default() {
+                    return [_this.localPrevText];
+                  }
+                });
+              }
+            };
+            var renderStepBtn = function renderStepBtn() {
+              if (_this.current === _this.totalStep) {
+                return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                  "class": _this.resolveClassName('dialog-next'),
+                  "onClick": _this.handleNextStep
+                }, {
+                  "default": function _default() {
+                    return [_this.localNextText];
+                  }
+                }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                  "onClick": _this.handleConfirm,
+                  "theme": _this.theme,
+                  "loading": _this.isLoading
+                }, {
+                  "default": function _default() {
+                    return [_this.localConfirmText];
+                  }
+                })]);
+              }
+            };
+            return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [renderFirstStepBtn(), renderStepBtn(), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+              "class": _this.resolveClassName('dialog-cancel'),
+              "onClick": _this.handleClose,
+              "disabled": _this.isLoading
+            }, {
+              "default": function _default() {
+                return [_this.localCancelText];
+              }
+            })]);
           }
-        })]) : '']);
+        };
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": _this.resolveClassName('dialog-footer'),
+          "style": "text-align: ".concat(_this.footerAlign)
+        }, [renderFooterAction()]);
       },
-      // eslint-disable-next-line @typescript-eslint/no-misused-promises
       close: function close() {
         return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Error, {
           "onClick": _this.handleClose
         }, null);
       }
     };
-    var className = "".concat(this.resolveClassName('dialog-wrapper '), " ").concat(this.scrollable ? 'scroll-able' : '', " ").concat(this.multiInstance ? 'multi-instance' : '', " ").concat(this.hasFooter ? 'has-footer' : 'no-footer');
     return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)(this.$props, {
-      "class": className,
+      "class": _defineProperty(_defineProperty(_defineProperty({}, this.resolveClassName('dialog'), true), this.resolveClassName('dialog-wrapper'), true), 'is-fullscreen', this.fullscreen),
       "onClose": this.handleClose,
       "isShow": this.isModalShow,
       "left": this.data.moveStyle.left,