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

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

@@ -17,29 +17,25 @@
       }
 
       .@{bk-prefix}-dialog-header {
-        padding: 24px 24px 0;
-
         .@{bk-prefix}-dialog-title {
-          height: 27px;
-          margin: 15px 0 10px;
+          margin-top: 16px;
         }
       }
 
       .@{bk-prefix}-modal-content {
-        height: 100%;
-        max-height: 100%;
-        min-height: 100%;
-        padding: 0 50px 10px;
+        height: initial;
+        max-height: initial;
+        min-height: initial;
         word-break: break-all;
         .@{bk-prefix}-info-sub-title {
-          margin-bottom: 10px;
           text-align: center;
           word-break: break-all;
         }
       }
 
       .@{bk-prefix}-modal-footer {
-        padding: 0 65px 33px;
+        height: initial;
+        margin-top: 24px;
         background-color: #fff;
         border-top: none;
 

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

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
   width: 440px;
@@ -136,27 +139,22 @@
 .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 {
-  padding: 24px 24px 0;
-}
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
-  height: 27px;
-  margin: 15px 0 10px;
+  margin-top: 16px;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
-  height: 100%;
-  max-height: 100%;
-  min-height: 100%;
-  padding: 0 50px 10px;
+  height: initial;
+  max-height: initial;
+  min-height: initial;
   word-break: break-all;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
-  margin-bottom: 10px;
   text-align: center;
   word-break: break-all;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
-  padding: 0 65px 33px;
+  height: initial;
+  margin-top: 24px;
   background-color: #fff;
   border-top: none;
 }

package/lib/input/index.js

@@ -948,6 +948,11 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
       });
     });
     var tooltips = (0,external_vue_namespaceObject.computed)(function () {
+      if (showMaxLimit.value && ceilMaxLength.value - modelValueLength.value === 0) {
+        return {
+          content: t.value.maxlengthLimitTips
+        };
+      }
       return props.showOverflowTooltips && isOverflow.value && props.modelValue ? {
         content: props.modelValue,
         sameWidth: true

package/lib/input/input.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/link/link.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-link {
   font-size: var(--font-size-medium);

package/lib/loading/loading.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/locale/index.js

@@ -173,7 +173,8 @@ var en = {
     uploadLabel: 'Upload Files'
   },
   input: {
-    placeholder: 'Please input'
+    placeholder: 'Please input',
+    maxlengthLimitTips: 'Reached character limit'
   },
   tagInput: {
     placeholder: 'Please input and press ENTER to finish'
@@ -380,7 +381,8 @@ var zhCn = {
     uploadLabel: '上传文件'
   },
   input: {
-    placeholder: '请输入'
+    placeholder: '请输入',
+    maxlengthLimitTips: '已达到字数上限'
   },
   tagInput: {
     placeholder: '请输入并按Enter结束'

package/lib/locale/lang/en.d.ts

@@ -114,6 +114,7 @@ declare const en: {
     };
     input: {
         placeholder: string;
+        maxlengthLimitTips: string;
     };
     tagInput: {
         placeholder: string;

package/lib/menu/menu.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/menu/submenu.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-menu {
   display: block;

package/lib/message/message.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-message {
   position: fixed;

package/lib/modal/index.d.ts

@@ -84,6 +84,11 @@ declare const BkModal: {
             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;
         };
@@ -92,8 +97,8 @@ declare const BkModal: {
         };
     }>> & {
         onClose?: (...args: any[]) => any;
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         "onQuick-close"?: (...args: any[]) => any;
         onQuickClose?: (...args: any[]) => any;
     }, {
@@ -116,7 +121,7 @@ declare const BkModal: {
         refRoot: import("vue").Ref<HTMLElement>;
         refMask: import("vue").Ref<HTMLElement>;
         showMask: boolean;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "shown" | "hidden" | "quick-close" | "quickClose")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "shown" | "quick-close" | "quickClose")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -200,6 +205,11 @@ declare const BkModal: {
             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;
         };
@@ -208,8 +218,8 @@ declare const BkModal: {
         };
     }>> & {
         onClose?: (...args: any[]) => any;
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         "onQuick-close"?: (...args: any[]) => any;
         onQuickClose?: (...args: any[]) => any;
     }, {
@@ -233,6 +243,7 @@ declare const BkModal: {
         fullscreen: boolean;
         animateType: string;
         multiInstance: boolean;
+        bodyClass: string | unknown[];
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -324,6 +335,11 @@ declare const BkModal: {
             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;
         };
@@ -332,8 +348,8 @@ declare const BkModal: {
         };
     }>> & {
         onClose?: (...args: any[]) => any;
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         "onQuick-close"?: (...args: any[]) => any;
         onQuickClose?: (...args: any[]) => any;
     }, {
@@ -377,6 +393,7 @@ declare const BkModal: {
         fullscreen: boolean;
         animateType: string;
         multiInstance: boolean;
+        bodyClass: string | unknown[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -465,6 +482,11 @@ declare const BkModal: {
         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;
     };
@@ -473,8 +495,8 @@ declare const BkModal: {
     };
 }>> & {
     onClose?: (...args: any[]) => any;
-    onShown?: (...args: any[]) => any;
     onHidden?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
     "onQuick-close"?: (...args: any[]) => any;
     onQuickClose?: (...args: any[]) => any;
 }, {
@@ -497,7 +519,7 @@ declare const BkModal: {
     refRoot: import("vue").Ref<HTMLElement>;
     refMask: import("vue").Ref<HTMLElement>;
     showMask: boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "shown" | "hidden" | "quick-close" | "quickClose")[], "close" | "shown" | "hidden" | "quick-close" | "quickClose", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "shown" | "quick-close" | "quickClose")[], "close" | "hidden" | "shown" | "quick-close" | "quickClose", {
     title: string;
     width: string | number;
     height: string | number;
@@ -518,6 +540,7 @@ declare const BkModal: {
     fullscreen: boolean;
     animateType: string;
     multiInstance: boolean;
+    bodyClass: string | unknown[];
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     propsMixin: {
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -603,6 +626,11 @@ declare const BkModal: {
             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;
         };

package/lib/modal/index.js

@@ -425,7 +425,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["dialogTypeUnion"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.dialogTypeUnion, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.isElement, ["isPromise"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.isPromise, ["mask"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.mask, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderDirectiveType, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
+const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["dialogTypeUnion"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.dialogTypeUnion, ["getFullscreenRoot"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.getFullscreenRoot, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.isElement, ["isPromise"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.isPromise, ["mask"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.mask, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderDirectiveType, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -576,7 +576,7 @@ var propsMixin = {
   // 是否允许点击遮罩关闭弹窗
   quickClose: shared_namespaceObject.PropTypes.bool.def(true),
   // 是否显示在body内（即与id#app同级
-  transfer: shared_namespaceObject.PropTypes.oneOfType([Boolean, String, HTMLElement]).def(false),
+  transfer: shared_namespaceObject.PropTypes.oneOfType([Boolean, String, HTMLElement]).def(true),
   // 弹出层z-index，实际显示的值会自动+1。为了抱证在遮罩上正常显示
   zIndex: shared_namespaceObject.PropTypes.oneOfType([String, Number]),
   // 内容区最大高度
@@ -599,6 +599,7 @@ var propsMixin = {
   multiInstance: shared_namespaceObject.PropTypes.bool.def(true),
   // info-box
   infoType: shared_namespaceObject.PropTypes.theme(),
+  bodyClass: shared_namespaceObject.PropTypes.string || shared_namespaceObject.PropTypes.array,
   left: shared_namespaceObject.PropTypes.string,
   top: shared_namespaceObject.PropTypes.string
 };
@@ -671,17 +672,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     var resolveTransfer = function resolveTransfer() {
       if (props.transfer) {
         if (typeof props.transfer === 'boolean') {
-          teleportTo.value = 'body';
+          teleportTo.value = (0,shared_namespaceObject.getFullscreenRoot)();
           return;
         }
-        teleportTo.value = props.transfer;
+        teleportTo.value = (0,shared_namespaceObject.getFullscreenRoot)(props.transfer);
       }
     };
-    resolveTransfer();
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var resolveClosetModal = function resolveClosetModal() {
       var _refRoot$value;
+      resolveTransfer();
       if (enableTeleport.value) {
         if (typeof teleportTo.value === 'string') {
           var target = document.querySelector(teleportTo.value);
@@ -817,19 +818,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
   },
   render: function render() {
     var _this$extCls,
+      _this$bodyClass,
       _this$$slots$header,
       _this$$slots$header2,
       _this$$slots,
-      _this$$slots$default,
-      _this$$slots$default2,
-      _this$$slots2,
       _this$$slots$footer,
       _this$$slots$footer2,
-      _this$$slots3,
+      _this$$slots2,
       _this$$slots$close,
       _this$$slots$close2,
-      _this$$slots4,
+      _this$$slots3,
       _this = this;
+    console.log('this.$sltos = ', this.$slots);
     var _usePrefix2 = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix2.resolveClassName;
     var maxHeight = this.maxHeight ? {
@@ -850,7 +850,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
         zIndex: this.compStyle.zIndex
       }
     }, null) : '', (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": [resolveClassName('modal-wrapper'), (_this$extCls = this.extCls) !== null && _this$extCls !== void 0 ? _this$extCls : '', this.size, this.fullscreen ? 'fullscreen' : ''],
+      "class": [resolveClassName('modal-wrapper'), (_this$extCls = this.extCls) !== null && _this$extCls !== void 0 ? _this$extCls : '', (_this$bodyClass = this.bodyClass) !== null && _this$bodyClass !== void 0 ? _this$bodyClass : '', this.size, this.fullscreen ? 'fullscreen' : ''],
       "style": [this.compStyle, this.fullscreen ? this.fullscreenStyle : '']
     }, [(0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, {
       "name": this.animateType
@@ -860,14 +860,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
           "class": bodyClass
         }, [(0,external_vue_namespaceObject.createVNode)("div", {
           "class": resolveClassName('modal-header')
-        }, [(_this$$slots$header = (_this$$slots$header2 = (_this$$slots = _this.$slots).header) === null || _this$$slots$header2 === void 0 ? void 0 : _this$$slots$header2.call(_this$$slots)) !== null && _this$$slots$header !== void 0 ? _this$$slots$header : '']), (0,external_vue_namespaceObject.createVNode)("div", {
+        }, [(_this$$slots$header = (_this$$slots$header2 = (_this$$slots = _this.$slots).header) === null || _this$$slots$header2 === void 0 ? void 0 : _this$$slots$header2.call(_this$$slots)) !== null && _this$$slots$header !== void 0 ? _this$$slots$header : '']), _this.$slots["default"] && (0,external_vue_namespaceObject.createVNode)("div", {
           "class": resolveClassName('modal-content'),
           "style": [_this.dialogType === 'show' ? 'padding-bottom: 20px' : '', _objectSpread({}, maxHeight)]
-        }, [(_this$$slots$default = (_this$$slots$default2 = (_this$$slots2 = _this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots2)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : '']), _this.dialogType === 'show' ? '' : (0,external_vue_namespaceObject.createVNode)("div", {
+        }, [_this.$slots["default"]()]), _this.dialogType === 'show' ? '' : (0,external_vue_namespaceObject.createVNode)("div", {
           "class": resolveClassName('modal-footer')
-        }, [(_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 : '']), _this.closeIcon && (0,external_vue_namespaceObject.createVNode)("div", {
+        }, [(_this$$slots$footer = (_this$$slots$footer2 = (_this$$slots2 = _this.$slots).footer) === null || _this$$slots$footer2 === void 0 ? void 0 : _this$$slots$footer2.call(_this$$slots2)) !== null && _this$$slots$footer !== void 0 ? _this$$slots$footer : '']), _this.closeIcon && (0,external_vue_namespaceObject.createVNode)("div", {
           "class": resolveClassName('modal-close')
-        }, [(_this$$slots$close = (_this$$slots$close2 = (_this$$slots4 = _this.$slots).close) === null || _this$$slots$close2 === void 0 ? void 0 : _this$$slots$close2.call(_this$$slots4)) !== null && _this$$slots$close !== void 0 ? _this$$slots$close : ''])]) : ''];
+        }, [(_this$$slots$close = (_this$$slots$close2 = (_this$$slots3 = _this.$slots).close) === null || _this$$slots$close2 === void 0 ? void 0 : _this$$slots$close2.call(_this$$slots3)) !== null && _this$$slots$close !== void 0 ? _this$$slots$close : ''])]) : ''];
       }
     })])]);
   }

package/lib/modal/modal.css

@@ -10,27 +10,22 @@
 .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 {
-  padding: 24px 24px 0;
-}
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
-  height: 27px;
-  margin: 15px 0 10px;
+  margin-top: 16px;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
-  height: 100%;
-  max-height: 100%;
-  min-height: 100%;
-  padding: 0 50px 10px;
+  height: initial;
+  max-height: initial;
+  min-height: initial;
   word-break: break-all;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
-  margin-bottom: 10px;
   text-align: center;
   word-break: break-all;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
-  padding: 0 65px 33px;
+  height: initial;
+  margin-top: 24px;
   background-color: #fff;
   border-top: none;
 }
@@ -38,11 +33,11 @@
   min-width: 88px;
 }
 .bk-modal-ctx {
-  pointer-events: auto;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
+  pointer-events: auto;
 }
 .bk-modal-ctx.--show {
   position: fixed;
@@ -51,9 +46,9 @@
   display: none;
 }
 .bk-modal-ctx .bk-modal-ctx-mask {
-  display: none;
-  left: 0;
   top: 0;
+  left: 0;
+  display: none;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6);
@@ -95,7 +90,7 @@
 }
 .bk-modal-wrapper .bk-modal-body {
   height: 100%;
-  width: 100%;
+  overflow: hidden;
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }

package/lib/modal/modal.d.ts

@@ -82,6 +82,11 @@ declare const _default: import("vue").DefineComponent<{
         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;
     };
@@ -108,7 +113,7 @@ declare const _default: import("vue").DefineComponent<{
     refRoot: import("vue").Ref<HTMLElement>;
     refMask: import("vue").Ref<HTMLElement>;
     showMask: boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "shown" | "hidden" | "quick-close" | "quickClose")[], "close" | "shown" | "hidden" | "quick-close" | "quickClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "shown" | "quick-close" | "quickClose")[], "close" | "hidden" | "shown" | "quick-close" | "quickClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -192,6 +197,11 @@ declare const _default: import("vue").DefineComponent<{
         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;
     };
@@ -200,8 +210,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onClose?: (...args: any[]) => any;
-    onShown?: (...args: any[]) => any;
     onHidden?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
     "onQuick-close"?: (...args: any[]) => any;
     onQuickClose?: (...args: any[]) => any;
 }, {
@@ -225,5 +235,6 @@ declare const _default: import("vue").DefineComponent<{
     fullscreen: boolean;
     animateType: string;
     multiInstance: boolean;
+    bodyClass: string | unknown[];
 }, {}>;
 export default _default;

package/lib/modal/modal.less

@@ -2,12 +2,12 @@
 @import '../info-box/info-box.less';
 
 .@{bk-prefix}-modal-ctx {
-  pointer-events: auto;
   top: 0px;
   left: 0px;
 
   width: 100%;
   height: 100%;
+  pointer-events: auto;
 
   &.--show {
     position: fixed;
@@ -18,12 +18,12 @@
   }
 
   .@{bk-prefix}-modal-ctx-mask {
-    display: none;
-    left: 0;
     top: 0;
+    left: 0;
+    display: none;
     width: 100%;
     height: 100%;
-    background-color: rgba(0,0,0,0.6);
+    background-color: rgba(0,0,0,.6);
 
     &.--show {
       position: fixed;
@@ -73,7 +73,7 @@
 
   .@{bk-prefix}-modal-body {
     height: 100%;
-    width: 100%;
+    overflow: hidden;
     background: #fff;
     box-shadow: 0 4px 12px rgba(0,0,0,.15);
   }