bkui-vue 1.0.3-beta.68 → 1.0.3-beta.68.dialog.2

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:
@@ -507,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);
@@ -526,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
@@ -535,6 +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: 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,7 +571,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 
 
-var props = _objectSpread(_objectSpread({}, modal_namespaceObject.propsMixin), {}, {
+
+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,
@@ -583,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
@@ -600,6 +610,8 @@ 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
@@ -638,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;
@@ -669,33 +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.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() {
@@ -716,7 +737,6 @@ function _isSlot(s) {
               if (shouldClose) {
                 emit('update:isShow', false);
                 emit('closed');
-                isModalShow.value = false;
               }
             case 6:
             case "end":
@@ -732,13 +752,11 @@ function _isSlot(s) {
       emit('update:isShow', false);
       emit('confirm');
     };
-    // 按 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() {
@@ -749,7 +767,7 @@ function _isSlot(s) {
       emit('next');
     };
     // 拖拽事件
-    var moveHandler = function moveHandler(e) {
+    var handleMousedown = function handleMousedown(e) {
       if (props.fullscreen) {
         return false;
       }
@@ -761,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;
@@ -783,192 +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;
-    (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,
-      handleConfirm: handleConfirm,
-      escCloseHandler: escCloseHandler,
-      moveHandler: moveHandler,
-      handlePrevStep: handlePrevStep,
-      handleNextStep: handleNextStep,
-      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('dialog-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() {
-        return (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": _this.resolveClassName('dialog-content')
-        }, [_this.$slots["default"]()]);
-      },
-      footer: function footer() {
-        if (_this.$slots.footer) {
+    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", {
+            "class": resolveClassName('dialog-title'),
+            "style": "text-align: ".concat(props.headerAlign)
+          }, [(_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": _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];
-              }
-            })]);
-          }
-          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];
-              }
-            });
+            "class": resolveClassName('dialog-content')
+          }, [slots["default"]()]);
+        },
+        footer: function footer() {
+          if (slots.footer) {
+            return (0,external_vue_namespaceObject.createVNode)("div", {
+              "class": resolveClassName('dialog-footer'),
+              "style": "text-align: ".concat(props.footerAlign)
+            }, [slots.footer()]);
           }
-          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];
-              }
-            })]);
+          if (!['process', 'operation', 'confirm'].includes(props.dialogType)) {
+            return null;
           }
-        };
-        return (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": _this.resolveClassName('dialog-footer'),
-          "style": "text-align: ".concat(_this.footerAlign)
-        }, [renderFooterAction()]);
-      },
-      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"], {
+                "onClick": handleConfirm,
+                "theme": props.confirmButtonTheme,
+                "loading": props.isLoading
+              }, {
+                "default": function _default() {
+                  return [localConfirmText.value];
+                }
+              }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                "class": resolveClassName('dialog-cancel'),
+                "onClick": handleClose,
+                "disabled": props.isLoading
+              }, {
+                "default": function _default() {
+                  return [localCancelText.value];
+                }
+              })]);
+            }
+            if (props.dialogType === 'confirm') {
+              return (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                "onClick": handleConfirm,
+                "theme": props.confirmButtonTheme,
+                "loading": props.isLoading
+              }, {
+                "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"], {
+                "onClick": handleConfirm,
+                "theme": props.confirmButtonTheme,
+                "loading": props.isLoading
+              }, {
+                "default": function _default() {
+                  return [localConfirmText.value];
+                }
+              }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+                "class": resolveClassName('dialog-cancel'),
+                "onClick": handleClose,
+                "disabled": props.isLoading
+              }, {
+                "default": function _default() {
+                  return [localCancelText.value];
+                }
+              })]);
+            }
+          };
+          return (0,external_vue_namespaceObject.createVNode)("div", {
+            "class": resolveClassName('dialog-footer'),
+            "style": "text-align: ".concat(props.footerAlign)
+          }, [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, {
+        "class": _defineProperty(_defineProperty({}, resolveClassName('dialog'), true), 'is-fullscreen', props.fullscreen),
+        "isShow": props.isShow,
+        "fullscreen": props.fullscreen,
+        "width": props.fullscreen ? 'auto' : props.width,
+        "animateType": "fadein",
+        "beforeClose": props.beforeClose,
+        "closeIcon": props.closeIcon,
+        "escClose": props.escClose,
+        "quickClose": props.quickClose,
+        "showMask": props.showMask,
+        "transfer": props.transfer,
+        "renderDirective": props.renderDirective,
+        "left": props.fullscreen ? '0px' : positionData.moveStyle.left,
+        "top": props.fullscreen ? '0px' : positionData.moveStyle.top,
+        "zIndex": props.zIndex,
+        "onClose": handleClose,
+        "onHidden": handleHidden,
+        "onShown": handleShown
+      }), _isSlot(dialogSlot) ? dialogSlot : {
+        "default": function _default() {
+          return [dialogSlot];
+        }
+      });
     };
-    return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)(this.$props, {
-      "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,
-      "top": this.data.moveStyle.top
-    }), _isSlot(dialogSlot) ? dialogSlot : {
-      "default": function _default() {
-        return [dialogSlot];
-      }
-    });
   }
 }));
 ;// CONCATENATED MODULE: ../../packages/dialog/src/index.ts

package/lib/dialog/props.d.ts

@@ -1,4 +1,9 @@
 declare const props: {
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     confirmText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -30,7 +35,7 @@ declare const props: {
     footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
         default: "right" | "left" | "center";
     };
-    theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
         default: "success" | "warning" | "danger" | "primary";
     };
     dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
@@ -44,18 +49,8 @@ declare const props: {
     } & {
         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[]> & {
-        default: () => unknown[];
-    });
-    scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+    width: import("vue-types").VueTypeDef<string | number>;
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
@@ -75,17 +70,6 @@ declare const props: {
     } & {
         default: boolean;
     };
-    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
-    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
     quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -95,14 +79,6 @@ declare const props: {
         default: string | boolean | (() => HTMLElement);
     };
     zIndex: import("vue-types").VueTypeDef<string | number>;
-    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    direction: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -112,27 +88,11 @@ declare const props: {
         default: "show" | "if";
     };
     beforeClose: import("vue-types").VueTypeDef<unknown>;
-    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        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;
-    };
 };
 export default props;

package/lib/info-box/index.d.ts

@@ -1,7 +1,7 @@
-declare const BkInfoBox: ((config: Partial<import("./info-box").ModalFuncProps>) => {
+declare const BkInfoBox: ((config: Partial<import("./info-box").Props>) => {
     show: () => void;
     hide: () => void;
-    update: (config: Partial<import("./info-box").ModalFuncProps>) => void;
+    update: (config: Partial<import("./info-box").Props>) => void;
     destroy: () => void;
 }) & import("vue").Plugin<any[]>;
 export default BkInfoBox;