bkui-vue 1.0.3-beta.40 → 1.0.3-beta.42

package/lib/dialog/index.js

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

package/lib/dialog/props.d.ts

@@ -1,10 +1,4 @@
 declare const props: {
-    width: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
-    height: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
     confirmText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -50,6 +44,12 @@ 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[]> & {
@@ -100,6 +100,8 @@ declare const props: {
     };
     direction: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
+    } & {
+        default: string;
     };
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;

package/lib/directives/index.js

@@ -727,7 +727,6 @@ var mousewheelHandler = function mousewheelHandler(element, callback) {
 };
 var mousewheel = {
   beforeMount: function beforeMount(el, binding) {
-    console.error(el, binding);
     mousewheelHandler(el, binding.value);
   }
 };

package/lib/info-box/info-box.css

@@ -1,34 +1,13 @@
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
+.bk-info-wrapper .bk-modal-wrapper {
   width: 440px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
-  width: 440px;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
-  width: 400px;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
-  border-radius: 2px;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
+.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
   margin-top: 16px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
-  height: initial;
-  max-height: initial;
-  min-height: initial;
-  word-break: break-all;
+.bk-info-wrapper .bk-dialog-footer button {
+  min-width: 88px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
+.bk-info-sub-title {
   text-align: center;
   word-break: break-all;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
-  height: initial;
-  margin-top: 24px;
-  background-color: #fff;
-  border-top: none;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
-  min-width: 88px;
-}

package/lib/info-box/info-box.less

@@ -1,51 +1,24 @@
 @import '../styles/themes/themes.less';
-.@{bk-prefix}-modal-ctx {
-  &.@{bk-prefix}-info-wrapper {
-    .@{bk-prefix}-modal-wrapper {
-      width: 440px;
 
-      &.normal {
-        width: 440px;
-      }
-
-      &.small {
-        width: 400px;
-      }
-
-      .@{bk-prefix}-modal-body {
-        border-radius: 2px;
-      }
-
-      .@{bk-prefix}-dialog-header {
-        .@{bk-prefix}-dialog-title {
-          margin-top: 16px;
-        }
-      }
+&.@{bk-prefix}-info-wrapper {
+  .@{bk-prefix}-modal-wrapper {
+    width: 440px;
 
-      .@{bk-prefix}-modal-content {
-        height: initial;
-        max-height: initial;
-        min-height: initial;
-        word-break: break-all;
-        .@{bk-prefix}-info-sub-title {
-          text-align: center;
-          word-break: break-all;
-        }
-      }
-
-      .@{bk-prefix}-modal-footer {
-        height: initial;
-        margin-top: 24px;
-        background-color: #fff;
-        border-top: none;
-
-        .@{bk-prefix}-dialog-footer {
-          button {
-            min-width: 88px;
-          }
-        }
+    .@{bk-prefix}-dialog-header {
+      .@{bk-prefix}-dialog-title {
+        margin-top: 16px;
       }
     }
+  }
 
+  .@{bk-prefix}-dialog-footer {
+    button {
+      min-width: 88px;
+    }
   }
 }
+
+.@{bk-prefix}-info-sub-title {
+  text-align: center;
+  word-break: break-all;
+}

package/lib/info-box/info-box.variable.css

@@ -127,37 +127,16 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
+.bk-info-wrapper .bk-modal-wrapper {
   width: 440px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
-  width: 440px;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
-  width: 400px;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
-  border-radius: 2px;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
+.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
   margin-top: 16px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
-  height: initial;
-  max-height: initial;
-  min-height: initial;
-  word-break: break-all;
+.bk-info-wrapper .bk-dialog-footer button {
+  min-width: 88px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
+.bk-info-sub-title {
   text-align: center;
   word-break: break-all;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
-  height: initial;
-  margin-top: 24px;
-  background-color: #fff;
-  border-top: none;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
-  min-width: 88px;
-}

package/lib/modal/hooks.d.ts

@@ -0,0 +1,6 @@
+import { type Ref } from 'vue';
+import type { ModalProps } from './modal';
+export declare const useContentResize: (root: Ref<HTMLElement>, props: ModalProps) => {
+    contentStyles: Ref<{}>;
+    isContentScroll: Ref<boolean>;
+};