bkui-vue 2.0.1-beta.7 → 2.0.1-beta.70.search.1

package/lib/dialog/index.js

@@ -8,7 +8,6 @@ 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:
@@ -508,7 +507,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, ["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 });
+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 });
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
 var regenerator = __webpack_require__(2841);
 var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
@@ -527,7 +526,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({ ["Error"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Error });
+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 });
 ;// CONCATENATED MODULE: external "../modal"
 var modal_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var modal_y = x => () => x
@@ -536,10 +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: 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; }
@@ -571,12 +566,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 
 
-
-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),
+var props = _objectSpread(_objectSpread({}, modal_namespaceObject.propsMixin), {}, {
   // 确认按钮文字
   // confirmText: PropTypes.string.def('确定'),
   confirmText: shared_namespaceObject.PropTypes.string,
@@ -593,13 +583,13 @@ var props = _objectSpread(_objectSpread({}, dialogProps), {}, {
   // 总步数
   totalStep: shared_namespaceObject.PropTypes.number,
   // 弹框的标题
-  title: shared_namespaceObject.PropTypes.string.def(''),
+  title: shared_namespaceObject.PropTypes.string.def('title'),
   // 显示 header 的位置
   headerAlign: (0,shared_namespaceObject.alignType)().def(shared_namespaceObject.AlignEnum.LEFT),
   // 显示 footer 的位置
   footerAlign: (0,shared_namespaceObject.alignType)().def(shared_namespaceObject.AlignEnum.RIGHT),
   // 颜色 按钮类型
-  confirmButtonTheme: shared_namespaceObject.PropTypes.theme().def(shared_namespaceObject.ThemeEnum.PRIMARY),
+  theme: shared_namespaceObject.PropTypes.theme().def(shared_namespaceObject.ThemeEnum.PRIMARY),
   // 对话框类型
   dialogType: (0,shared_namespaceObject.dialogTypeUnion)(),
   // 按钮loading
@@ -610,8 +600,6 @@ var props = _objectSpread(_objectSpread({}, dialogProps), {}, {
 
 
 
-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
@@ -650,49 +638,13 @@ 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: 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;
-    }
-  },
+  emits: ['closed', 'update:isShow', 'confirm', 'prev', 'next', 'value-change'],
   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;
@@ -717,6 +669,33 @@ 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() {
@@ -737,6 +716,7 @@ function _isSlot(s) {
               if (shouldClose) {
                 emit('update:isShow', false);
                 emit('closed');
+                isModalShow.value = false;
               }
             case 6:
             case "end":
@@ -752,11 +732,13 @@ function _isSlot(s) {
       emit('update:isShow', false);
       emit('confirm');
     };
-    var handleShown = function handleShown() {
-      emit('shown');
-    };
-    var handleHidden = function handleHidden() {
-      emit('hidden');
+    // 按 esc 关闭弹框
+    var escCloseHandler = function escCloseHandler(e) {
+      if (props.isShow && props.closeIcon) {
+        if (e.keyCode === 27) {
+          handleClose();
+        }
+      }
     };
     // 上一步
     var handlePrevStep = function handlePrevStep() {
@@ -767,7 +749,7 @@ function _isSlot(s) {
       emit('next');
     };
     // 拖拽事件
-    var handleMousedown = function handleMousedown(e) {
+    var moveHandler = function moveHandler(e) {
       if (props.fullscreen) {
         return false;
       }
@@ -779,14 +761,13 @@ function _isSlot(s) {
       var parentWidth = e.currentTarget.parentNode.parentNode.offsetWidth;
       var disX;
       var disY;
-      if (positionData.positionX !== 0 && positionData.positionY !== 0) {
-        disX = e.clientX - positionData.positionX;
-        disY = e.clientY - positionData.positionY;
+      if (data.positionX !== 0 && data.positionY !== 0) {
+        disX = e.clientX - data.positionX;
+        disY = e.clientY - data.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;
@@ -802,149 +783,192 @@ function _isSlot(s) {
         } else if (boxTop / 2 + top <= 0) {
           top = -boxTop / 2;
         }
-        positionData.positionX = left;
-        positionData.positionY = top;
-        positionData.moveStyle.left = "calc(50% + ".concat(left, "px)");
-        positionData.moveStyle.top = "calc(50% + ".concat(top, "px)");
+        data.positionX = left;
+        data.positionY = top;
+        data.moveStyle.left = "calc(50% + ".concat(left, "px)");
+        data.moveStyle.top = "calc(50% + ".concat(top, "px)");
       };
       document.onmouseup = function () {
         document.onmousemove = null;
         document.onmouseup = null;
-        isMoveing.value = false;
       };
     };
-    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() {
+    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 (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", {
-              "class": resolveClassName('dialog-footer'),
-              "style": "text-align: ".concat(props.footerAlign)
-            }, [slots.footer()]);
+            "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 (!['process', 'operation', 'confirm'].includes(props.dialogType)) {
-            return null;
+          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];
+              }
+            });
           }
-          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] = '';
+          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()]);
+      },
+      close: function close() {
+        return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Error, {
+          "onClick": _this.handleClose
+        }, null);
       }
-      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,9 +1,4 @@
 declare const props: {
-    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
     confirmText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -35,7 +30,7 @@ declare const props: {
     footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
         default: "right" | "left" | "center";
     };
-    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+    theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
         default: "success" | "warning" | "danger" | "primary";
     };
     dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
@@ -49,8 +44,18 @@ declare const props: {
     } & {
         default: boolean;
     };
-    width: import("vue-types").VueTypeDef<string | number>;
-    fullscreen: import("vue-types").VueTypeValidableDef<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> & {
         default: boolean;
     } & {
         default: boolean;
@@ -70,6 +75,17 @@ 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;
     } & {
@@ -79,6 +95,14 @@ 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;
     } & {
@@ -88,14 +112,27 @@ 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;
     };
-    extCls: 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").Props>) => {
+declare const BkInfoBox: ((config: Partial<import("./info-box").ModalFuncProps>) => {
     show: () => void;
     hide: () => void;
-    update: (config: Partial<import("./info-box").Props>) => void;
+    update: (config: Partial<import("./info-box").ModalFuncProps>) => void;
     destroy: () => void;
 }) & import("vue").Plugin<any[]>;
 export default BkInfoBox;