bkui-vue 1.0.3-beta.9 → 2.0.1-beta.10

package/lib/dialog/index.js

@@ -8,6 +8,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ fr
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_modal_d1344388__ from "../modal";
 import "../modal/modal.less";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_cloneDeep_13f2b125__ from "lodash/cloneDeep";
 /******/ var __webpack_modules__ = ({
 
 /***/ 7609:
@@ -428,6 +429,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 {
@@ -462,7 +508,7 @@ function _asyncToGenerator(fn) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["useAttrs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.useAttrs, ["useSlots"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.useSlots });
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
 var regenerator = __webpack_require__(2841);
 var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
@@ -481,7 +527,7 @@ const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () =>
 ;// CONCATENATED MODULE: external "../icon"
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x
-const icon_namespaceObject = icon_x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Close, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Error, ["Spinner"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Spinner, ["Success"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Success, ["Warn"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Warn });
+const icon_namespaceObject = icon_x({ ["Error"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Error });
 ;// CONCATENATED MODULE: external "../modal"
 var modal_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var modal_y = x => () => x
@@ -490,51 +536,10 @@ 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: external "lodash/cloneDeep"
+var cloneDeep_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var cloneDeep_y = x => () => x
+const cloneDeep_namespaceObject = cloneDeep_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_cloneDeep_13f2b125__["default"] });
 ;// 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; }
@@ -566,9 +571,12 @@ 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(''),
+
+var dialogProps = (0,cloneDeep_namespaceObject["default"])(modal_namespaceObject.propsMixin);
+dialogProps.width["default"] = '480';
+var props = _objectSpread(_objectSpread({}, dialogProps), {}, {
+  // 是否可拖拽
+  draggable: shared_namespaceObject.PropTypes.bool.def(false),
   // 确认按钮文字
   // confirmText: PropTypes.string.def('确定'),
   confirmText: shared_namespaceObject.PropTypes.string,
@@ -585,13 +593,13 @@ var props = _objectSpread(_objectSpread({}, modal_namespaceObject.propsMixin), {
   // 总步数
   totalStep: shared_namespaceObject.PropTypes.number,
   // 弹框的标题
-  title: shared_namespaceObject.PropTypes.string.def('title'),
+  title: shared_namespaceObject.PropTypes.string.def(''),
   // 显示 header 的位置
   headerAlign: (0,shared_namespaceObject.alignType)().def(shared_namespaceObject.AlignEnum.LEFT),
   // 显示 footer 的位置
   footerAlign: (0,shared_namespaceObject.alignType)().def(shared_namespaceObject.AlignEnum.RIGHT),
   // 颜色 按钮类型
-  theme: shared_namespaceObject.PropTypes.theme().def(shared_namespaceObject.ThemeEnum.PRIMARY),
+  confirmButtonTheme: shared_namespaceObject.PropTypes.theme().def(shared_namespaceObject.ThemeEnum.PRIMARY),
   // 对话框类型
   dialogType: (0,shared_namespaceObject.dialogTypeUnion)(),
   // 按钮loading
@@ -602,6 +610,9 @@ var props = _objectSpread(_objectSpread({}, modal_namespaceObject.propsMixin), {
 
 
 
+function dialog_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; }
+function dialog_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? dialog_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : dialog_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -639,13 +650,49 @@ function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
 }
 /* harmony default export */ const dialog = ((0,external_vue_namespaceObject.defineComponent)({
-  // eslint-disable-next-line vue/no-reserved-component-names
   name: 'Dialog',
+  inheritAttrs: false,
   props: src_props,
-  emits: ['closed', 'update:isShow', 'confirm', 'prev', 'next', 'value-change'],
+  emits: {
+    closed: function closed() {
+      return true;
+    },
+    shown: function shown() {
+      return true;
+    },
+    hidden: function hidden() {
+      return true;
+    },
+    'update:isShow': function updateIsShow(value) {
+      return value !== undefined;
+    },
+    confirm: function confirm() {
+      return true;
+    },
+    prev: function prev() {
+      return true;
+    },
+    next: function next() {
+      return true;
+    }
+  },
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
     var t = (0,config_provider_namespaceObject.useLocale)('dialog');
+    var attrs = (0,external_vue_namespaceObject.useAttrs)();
+    var slots = (0,external_vue_namespaceObject.useSlots)();
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var instance = (0,external_vue_namespaceObject.getCurrentInstance)();
+    var isMoveing = (0,external_vue_namespaceObject.ref)(false);
+    var positionData = (0,external_vue_namespaceObject.reactive)({
+      positionX: 0,
+      positionY: 0,
+      moveStyle: {
+        top: '50%',
+        left: '50%'
+      }
+    });
     var localConfirmText = (0,external_vue_namespaceObject.computed)(function () {
       if (props.confirmText === undefined) {
         return t.value.ok;
@@ -670,43 +717,6 @@ function _isSlot(s) {
       }
       return props.nextText;
     });
-    var data = (0,external_vue_namespaceObject.reactive)({
-      positionX: 0,
-      positionY: 0,
-      moveStyle: {
-        top: '50%',
-        left: '50%'
-      }
-    });
-    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) {
-      if (!val) {
-        setTimeout(function () {
-          data.moveStyle = {
-            top: '50%',
-            left: '50%'
-          };
-          data.positionX = 0;
-          data.positionY = 0;
-          isModalShow.value = false;
-        }, 250);
-      } else {
-        isModalShow.value = true;
-      }
-      emit('value-change', val);
-    });
     // 关闭弹框
     var handleClose = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee() {
@@ -727,7 +737,6 @@ function _isSlot(s) {
               if (shouldClose) {
                 emit('update:isShow', false);
                 emit('closed');
-                isModalShow.value = false;
               }
             case 6:
             case "end":
@@ -742,18 +751,12 @@ 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) {
-        if (e.keyCode === 27) {
-          handleClose();
-        }
-      }
+    var handleShown = function handleShown() {
+      emit('shown');
+    };
+    var handleHidden = function handleHidden() {
+      emit('hidden');
     };
     // 上一步
     var handlePrevStep = function handlePrevStep() {
@@ -764,7 +767,7 @@ function _isSlot(s) {
       emit('next');
     };
     // 拖拽事件
-    var moveHandler = function moveHandler(e) {
+    var handleMousedown = function handleMousedown(e) {
       if (props.fullscreen) {
         return false;
       }
@@ -776,13 +779,14 @@ function _isSlot(s) {
       var parentWidth = e.currentTarget.parentNode.parentNode.offsetWidth;
       var disX;
       var disY;
-      if (data.positionX !== 0 && data.positionY !== 0) {
-        disX = e.clientX - data.positionX;
-        disY = e.clientY - data.positionY;
+      if (positionData.positionX !== 0 && positionData.positionY !== 0) {
+        disX = e.clientX - positionData.positionX;
+        disY = e.clientY - positionData.positionY;
       } else {
         disX = e.clientX - odiv.offsetLeft;
         disY = e.clientY - odiv.offsetTop;
       }
+      isMoveing.value = true;
       document.onmousemove = function (e) {
         var boxLeft = window.innerWidth - parentWidth;
         var boxTop = window.innerHeight - parentHeight;
@@ -798,155 +802,149 @@ function _isSlot(s) {
         } else if (boxTop / 2 + top <= 0) {
           top = -boxTop / 2;
         }
-        data.positionX = left;
-        data.positionY = top;
-        data.moveStyle.left = "calc(50% + ".concat(left, "px)");
-        data.moveStyle.top = "calc(50% + ".concat(top, "px)");
+        positionData.positionX = left;
+        positionData.positionY = top;
+        positionData.moveStyle.left = "calc(50% + ".concat(left, "px)");
+        positionData.moveStyle.top = "calc(50% + ".concat(top, "px)");
       };
       document.onmouseup = function () {
         document.onmousemove = null;
         document.onmouseup = null;
+        isMoveing.value = false;
       };
     };
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    return {
-      data: data,
-      handleClose: handleClose,
-      handleConfirm: handleConfirm,
-      escCloseHandler: escCloseHandler,
-      moveHandler: moveHandler,
-      handlePrevStep: handlePrevStep,
-      handleNextStep: handleNextStep,
-      hasFooter: hasFooter,
-      isModalShow: isModalShow,
-      localConfirmText: localConfirmText,
-      localCancelText: localCancelText,
-      localPrevText: localPrevText,
-      localNextText: localNextText,
-      resolveClassName: resolveClassName
-    };
-  },
-  render: function render() {
-    var _this = this;
-    var renderIcon = function renderIcon() {
-      var iconMap = {
-        loading: (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Spinner, {
-          "class": [_this.resolveClassName('info-icon'), 'primary']
-        }, null),
-        warning: (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Warn, {
-          "class": [_this.resolveClassName('info-icon'), 'warning']
-        }, null),
-        success: (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Success, {
-          "class": [_this.resolveClassName('info-icon'), 'success']
-        }, null),
-        danger: (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, {
-          "class": [_this.resolveClassName('info-icon'), 'danger']
-        }, null)
-      };
-      return iconMap[_this.infoType];
-    };
-    var dialogSlot = {
-      header: function header() {
-        var _this$$slots$tools, _this$$slots$tools2, _this$$slots, _this$$slots$header, _this$$slots$header2, _this$$slots2;
-        return [(0,external_vue_namespaceObject.createVNode)("div", {
-          "class": [_this.resolveClassName('dialog-tool'), _this.fullscreen || !_this.draggable ? '' : 'move', _this.draggable ? 'content-dragging' : ''],
-          "onMousedown": _this.moveHandler
-        }, [(_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')
-        }, [_this.infoType ? renderIcon() : (0,external_vue_namespaceObject.createVNode)("slot", {
-          "name": "info-icon"
-        }, null)]), (0,external_vue_namespaceObject.createVNode)("span", {
-          "class": _this.resolveClassName('dialog-title'),
-          "style": "text-align: ".concat(_this.headerAlign)
-        }, [(_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';
-      },
-      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];
+    return function () {
+      var dialogSlot = {
+        header: function header() {
+          var _slots$tools, _slots$header, _slots$header2;
+          return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [!props.fullscreen && props.draggable && (0,external_vue_namespaceObject.createVNode)("div", {
+            "class": resolveClassName('dialog-tool'),
+            "onMousedown": handleMousedown
+          }, [(_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", {
+            "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() {
+          return (0,external_vue_namespaceObject.createVNode)("div", {
+            "class": resolveClassName('dialog-content')
+          }, [slots["default"]()]);
+        },
+        footer: function footer() {
+          if (slots.footer) {
+            return (0,external_vue_namespaceObject.createVNode)("div", {
+              "style": "text-align: ".concat(props.footerAlign),
+              "class": resolveClassName('dialog-footer')
+            }, [slots.footer()]);
           }
-        })]) : '', _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 (!['process', 'operation', 'confirm'].includes(props.dialogType)) {
+            return null;
           }
-        }), (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 === '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];
-          }
-        })]) : '']);
-      },
-      // 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 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"], {
+                "loading": props.isLoading,
+                "theme": props.confirmButtonTheme,
+                "onClick": handleConfirm
+              }, {
+                "default": function _default() {
+                  return [localConfirmText.value];
+                }
+              }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                "class": resolveClassName('dialog-cancel'),
+                "disabled": props.isLoading,
+                "onClick": handleClose
+              }, {
+                "default": function _default() {
+                  return [localCancelText.value];
+                }
+              })]);
+            }
+            if (props.dialogType === 'confirm') {
+              return (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                "loading": props.isLoading,
+                "theme": props.confirmButtonTheme,
+                "onClick": handleConfirm
+              }, {
+                "default": function _default() {
+                  return [localConfirmText.value];
+                }
+              });
+            }
+            if (props.dialogType === 'process') {
+              return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [props.current > 1 && (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                "class": resolveClassName('dialog-perv'),
+                "onClick": handlePrevStep
+              }, {
+                "default": function _default() {
+                  return [localPrevText.value];
+                }
+              }), props.current >= 1 && props.current < props.totalStep && (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                "class": resolveClassName('dialog-next'),
+                "onClick": handleNextStep
+              }, {
+                "default": function _default() {
+                  return [localNextText.value];
+                }
+              }), props.current >= 1 && props.current === props.totalStep && (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                "loading": props.isLoading,
+                "theme": props.confirmButtonTheme,
+                "onClick": handleConfirm
+              }, {
+                "default": function _default() {
+                  return [localConfirmText.value];
+                }
+              }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                "class": resolveClassName('dialog-cancel'),
+                "disabled": props.isLoading,
+                "onClick": handleClose
+              }, {
+                "default": function _default() {
+                  return [localCancelText.value];
+                }
+              })]);
+            }
+          };
+          return (0,external_vue_namespaceObject.createVNode)("div", {
+            "style": "text-align: ".concat(props.footerAlign),
+            "class": resolveClassName('dialog-footer')
+          }, [renderFooterAction()]);
+        },
+        close: function close() {
+          return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Error, null, null);
+        }
+      };
+      var inheritAttrs = dialog_objectSpread({}, attrs);
+      if (instance.vnode.scopeId) {
+        inheritAttrs[instance.vnode.scopeId] = '';
       }
+      return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)(inheritAttrs, {
+        "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,
+        "renderDirective": props.renderDirective,
+        "showMask": props.showMask,
+        "top": props.fullscreen ? '0px' : positionData.moveStyle.top,
+        "transfer": props.transfer,
+        "zIndex": props.zIndex,
+        "onClose": handleClose,
+        "onHidden": handleHidden,
+        "onShown": handleShown
+      }), _isSlot(dialogSlot) ? dialogSlot : {
+        "default": function _default() {
+          return [dialogSlot];
+        }
+      });
     };
-    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,
-      "onClose": this.handleClose,
-      "isShow": this.isModalShow,
-      "left": this.data.moveStyle.left,
-      "top": this.data.moveStyle.top
-    }), _isSlot(dialogSlot) ? dialogSlot : {
-      "default": function _default() {
-        return [dialogSlot];
-      }
-    });
   }
 }));
 ;// CONCATENATED MODULE: ../../packages/dialog/src/index.ts