bkui-vue 0.0.1-beta.182 → 0.0.1-beta.185

package/lib/dialog/dialog.css

@@ -1,9 +1,45 @@
+.bk-modal-wrapper.bk-info-wrapper {
+  width: 440px;
+}
+.bk-modal-wrapper.bk-info-wrapper.normal {
+  width: 440px;
+}
+.bk-modal-wrapper.bk-info-wrapper.small {
+  width: 400px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-body {
+  border-radius: 2px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header {
+  padding: 24px 24px 0;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
+  margin-bottom: 20px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
+  min-height: auto;
+  padding: 0 50px 65px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
+  margin-bottom: 20px;
+  text-align: center;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
+  height: 65px;
+  padding: 0 24px 33px;
+  background-color: #fff;
+  border-top: none;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer .bk-dialog-footer button {
+  min-width: 88px;
+}
 .bk-modal-wrapper {
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%, -50%);
   width: 480px;
+  border-radius: 2px;
+  transform: translate(-50%, -50%);
 }
 .bk-modal-wrapper .bk-modal-outside {
   position: fixed;
@@ -64,9 +100,27 @@
   font-size: 20px;
   line-height: 1;
 }
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon {
+  text-align: center;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon {
+  display: inline-block;
+  font-size: 48px;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.success {
+  color: #3fc06d;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.warning {
+  color: #ff9c01;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.danger {
+  color: #ea3636;
+}
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-title {
   display: inline-block;
   width: 100%;
+  height: 24px;
+  margin-top: 20px;
   overflow: hidden;
   color: #313238;
   text-overflow: ellipsis;

package/lib/dialog/dialog.d.ts

@@ -128,6 +128,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    infoType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
 }, {
     data: {
         positionX: number;
@@ -274,6 +277,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    infoType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
 }>> & {
     "onUpdate:isShow"?: (...args: any[]) => any;
     onConfirm?: (...args: any[]) => any;
@@ -297,6 +303,7 @@ declare const _default: import("vue").DefineComponent<{
     renderDirective: string;
     transfer: boolean;
     dialogType: string;
+    infoType: string;
     quickClose: boolean;
     scrollable: boolean;
     closeIcon: boolean;

package/lib/dialog/dialog.less

@@ -42,9 +42,32 @@
       font-size: 20px;
       line-height: 1;
 
+      .bk-header-icon {
+        text-align: center;
+
+        .bk-info-icon {
+          display: inline-block;
+          font-size: 48px;
+
+          &.success {
+            color: #3fc06d;
+          }
+
+          &.warning {
+            color: #ff9c01;
+          }
+
+          &.danger {
+            color: #ea3636;
+          }
+        }
+      }
+
       .bk-dialog-title {
         display: inline-block;
         width: 100%;
+        height: 24px;
+        margin-top: 20px;
         overflow: hidden;
         color: #313238;
         text-overflow: ellipsis;

package/lib/dialog/dialog.variable.css

@@ -1,9 +1,45 @@
+.bk-modal-wrapper.bk-info-wrapper {
+  width: 440px;
+}
+.bk-modal-wrapper.bk-info-wrapper.normal {
+  width: 440px;
+}
+.bk-modal-wrapper.bk-info-wrapper.small {
+  width: 400px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-body {
+  border-radius: 2px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header {
+  padding: 24px 24px 0;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
+  margin-bottom: 20px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
+  min-height: auto;
+  padding: 0 50px 65px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
+  margin-bottom: 20px;
+  text-align: center;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
+  height: 65px;
+  padding: 0 24px 33px;
+  background-color: #fff;
+  border-top: none;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer .bk-dialog-footer button {
+  min-width: 88px;
+}
 .bk-modal-wrapper {
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%, -50%);
   width: 480px;
+  border-radius: 2px;
+  transform: translate(-50%, -50%);
 }
 .bk-modal-wrapper .bk-modal-outside {
   position: fixed;
@@ -64,9 +100,27 @@
   font-size: 20px;
   line-height: 1;
 }
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon {
+  text-align: center;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon {
+  display: inline-block;
+  font-size: 48px;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.success {
+  color: #3fc06d;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.warning {
+  color: #ff9c01;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.danger {
+  color: #ea3636;
+}
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-title {
   display: inline-block;
   width: 100%;
+  height: 24px;
+  margin-top: 20px;
   overflow: hidden;
   color: #313238;
   text-overflow: ellipsis;

package/lib/dialog/index.d.ts

@@ -18,6 +18,7 @@ declare const BkDialog: {
             renderDirective: string;
             transfer: boolean;
             dialogType: string;
+            infoType: string;
             quickClose: boolean;
             scrollable: boolean;
             closeIcon: boolean;
@@ -163,6 +164,9 @@ declare const BkDialog: {
             } & {
                 default: boolean;
             };
+            infoType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
         }>> & {
             "onUpdate:isShow"?: (...args: any[]) => any;
             onConfirm?: (...args: any[]) => any;
@@ -170,7 +174,7 @@ declare const BkDialog: {
             onNext?: (...args: any[]) => any;
             onClosed?: (...args: any[]) => any;
             "onValue-change"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "showMask" | "theme" | "extCls" | "width" | "height" | "isShow" | "draggable" | "size" | "direction" | "maxHeight" | "renderDirective" | "transfer" | "dialogType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType" | "headerAlign" | "footerAlign" | "confirmText" | "cancelText" | "prevText" | "nextText" | "current" | "totalStep" | "isLoading">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "showMask" | "theme" | "extCls" | "width" | "height" | "isShow" | "draggable" | "size" | "direction" | "maxHeight" | "renderDirective" | "transfer" | "dialogType" | "infoType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType" | "headerAlign" | "footerAlign" | "confirmText" | "cancelText" | "prevText" | "nextText" | "current" | "totalStep" | "isLoading">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -314,6 +318,9 @@ declare const BkDialog: {
             } & {
                 default: boolean;
             };
+            infoType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
         }>> & {
             "onUpdate:isShow"?: (...args: any[]) => any;
             onConfirm?: (...args: any[]) => any;
@@ -353,6 +360,7 @@ declare const BkDialog: {
             renderDirective: string;
             transfer: boolean;
             dialogType: string;
+            infoType: string;
             quickClose: boolean;
             scrollable: boolean;
             closeIcon: boolean;
@@ -518,6 +526,9 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
+        infoType: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
     }>> & {
         "onUpdate:isShow"?: (...args: any[]) => any;
         onConfirm?: (...args: any[]) => any;
@@ -675,6 +686,9 @@ declare const BkDialog: {
     } & {
         default: boolean;
     };
+    infoType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
 }>> & {
     "onUpdate:isShow"?: (...args: any[]) => any;
     onConfirm?: (...args: any[]) => any;
@@ -714,6 +728,7 @@ declare const BkDialog: {
     renderDirective: string;
     transfer: boolean;
     dialogType: string;
+    infoType: string;
     quickClose: boolean;
     scrollable: boolean;
     closeIcon: boolean;

package/lib/dialog/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../button"),require("../modal")):o(e["../shared"],e.vue,e["../button"],e["../modal"]);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o,t,n)=>(()=>{"use strict";var r={4976:e=>{e.exports=t},8014:e=>{e.exports=n},4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function l(e){var o=i[e];if(void 0!==o)return o.exports;var t=i[e]={exports:{}};return r[e](t,t.exports,l),t.exports}l.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return l.d(o,{a:o}),o},l.d=(e,o)=>{for(var t in o)l.o(o,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},l.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{l.r(a),l.d(a,{default:()=>s});var e=l(4212),o=l(748),t=l(4976),n=l.n(t),r=l(8014),i=l.n(r);const c=Object.assign(Object.assign({},r.propsMixin),{width:e.PropTypes.oneOfType([String,Number]).def(""),height:e.PropTypes.oneOfType([String,Number]).def(""),confirmText:e.PropTypes.string.def("确定"),cancelText:e.PropTypes.string.def("取消"),prevText:e.PropTypes.string.def("上一步"),nextText:e.PropTypes.string.def("下一步"),current:e.PropTypes.number.def(1),totalStep:e.PropTypes.number,title:e.PropTypes.string.def("title"),headerAlign:e.PropTypes.commonType(["left","center","right"],"headerAlign").def("left"),footerAlign:e.PropTypes.commonType(["left","center","right"],"footerAlign").def("right"),theme:e.PropTypes.commonType(["primary","warning","success","danger"],"theme").def("primary"),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),isLoading:e.PropTypes.bool.def(!1)}),d=(0,o.defineComponent)({name:"Dialog",components:{BkModal:i(),BkButton:n()},props:c,emits:["closed","update:isShow","confirm","prev","next","value-change"],setup:function(e,t){var n=t.emit,r=(0,o.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}});(0,o.onMounted)((function(){e.escClose&&addEventListener("keydown",l)})),(0,o.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",l)})),(0,o.watch)((function(){return e.isShow}),(function(e){e||setTimeout((function(){r.moveStyle={top:"50%",left:"50%"},r.positionX=0,r.positionY=0}),250),n("value-change",e)}));var i=function(){n("update:isShow",!1),n("closed")},l=function(o){e.isShow&&e.closeIcon&&27===o.keyCode&&i()};return{data:r,handleClose:i,handleConfirm:function(){n("update:isShow",!1),n("confirm")},escCloseHandler:l,moveHandler:function(o){if(e.fullscreen)return!1;if(!e.draggable)return!1;var t,n,i=o.target,l=o.currentTarget.parentNode.parentNode.offsetHeight,a=o.currentTarget.parentNode.parentNode.offsetWidth;0!==r.positionX&&0!==r.positionY?(t=o.clientX-r.positionX,n=o.clientY-r.positionY):(t=o.clientX-i.offsetLeft,n=o.clientY-i.offsetTop),document.onmousemove=function(e){var o=window.innerWidth-a,i=window.innerHeight-l,c=e.clientX-t,d=e.clientY-n;o/2-c<=0?c=o/2:o/2+c<=0&&(c=-o/2),i/2-d<=0?d=i/2:i/2+d<=0&&(d=-i/2),r.positionX=c,r.positionY=d,r.moveStyle.left="calc(50% + ".concat(c,"px)"),r.moveStyle.top="calc(50% + ".concat(d,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){n("prev")},handleNextStep:function(){n("next")},handleQuickClose:function(o){var t;e.quickClose&&(o.onclick=function(e){return t=e.target},o.parentNode.onclick=function(e){t!==e.target&&i()})}}},render:function(){var e,t=this,r={header:function(){var e,n,r,i,l,a;return[(0,o.createVNode)("div",{class:["bk-dialog-tool",t.fullscreen||!t.draggable?"":"move",t.draggable?"content-dragging":""],onMousedown:t.moveHandler},[null!==(r=null===(n=(e=t.$slots).tools)||void 0===n?void 0:n.call(e))&&void 0!==r?r:""]),(0,o.createVNode)("div",{class:"bk-dialog-header"},[(0,o.createVNode)("span",{class:"bk-dialog-title",style:"text-align: ".concat(t.headerAlign)},[null!==(a=null===(l=(i=t.$slots).header)||void 0===l?void 0:l.call(i))&&void 0!==a?a:t.title])])]},default:function(){var e,o,n;return null!==(n=null===(o=(e=t.$slots).default)||void 0===o?void 0:o.call(e))&&void 0!==n?n:"default"},footer:function(){var e,r,i,l,a,c,d,s,u;return(0,o.createVNode)("div",{class:"bk-dialog-footer",style:"text-align: ".concat(t.footerAlign)},["process"===t.dialogType?null!==(i=null===(r=(e=t.$slots).footer)||void 0===r?void 0:r.call(e))&&void 0!==i?i:(0,o.createVNode)(o.Fragment,null,[1===t.current?"":(0,o.createVNode)(n(),{class:"bk-dialog-perv",onClick:t.handlePrevStep},{default:function(){return[t.prevText]}}),t.current===t.totalStep?"":(0,o.createVNode)(n(),{class:"bk-dialog-next",onClick:t.handleNextStep},{default:function(){return[t.nextText]}}),t.current===t.totalStep?(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}):"",(0,o.createVNode)(n(),{class:"bk-dialog-cancel",onClick:t.handleClose,disabled:t.isLoading},{default:function(){return[t.cancelText]}})]):"","operation"===t.dialogType?null!==(c=null===(a=(l=t.$slots).footer)||void 0===a?void 0:a.call(l))&&void 0!==c?c:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}),(0,o.createVNode)(n(),{class:"bk-dialog-cancel",onClick:t.handleClose,disabled:t.isLoading},{default:function(){return[t.cancelText]}})]):"","confirm"===t.dialogType?null!==(u=null===(s=(d=t.$slots).footer)||void 0===s?void 0:s.call(d))&&void 0!==u?u:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}})]):""])},close:function(){return(0,o.createVNode)("span",{class:"bk-dialog-close",onClick:t.handleClose},[(0,o.createTextVNode)("+")])}},l="bk-dialog-wrapper ".concat(this.scrollable?"scroll-able":""," ").concat(this.multiInstance?"multi-instance":"");return(0,o.createVNode)(i(),(0,o.mergeProps)(this.$props,{class:l,style:this.data.moveStyle,onQuickClose:this.handleQuickClose}),"function"==typeof(e=r)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,o.isVNode)(e)?r:{default:function(){return[r]}})}}),s=(0,e.withInstall)(d)})(),a})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../button"),require("../icon"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../icon","../modal"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../button"),require("../icon"),require("../modal")):o(e["../shared"],e.vue,e["../button"],e["../icon"],e["../modal"]);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o,t,n,r)=>(()=>{"use strict";var i={4976:e=>{e.exports=t},6870:e=>{e.exports=n},8014:e=>{e.exports=r},4212:o=>{o.exports=e},748:e=>{e.exports=o}},l={};function a(e){var o=l[e];if(void 0!==o)return o.exports;var t=l[e]={exports:{}};return i[e](t,t.exports,a),t.exports}a.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return a.d(o,{a:o}),o},a.d=(e,o)=>{for(var t in o)a.o(o,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},a.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{a.r(c),a.d(c,{default:()=>u});var e=a(4212),o=a(748),t=a(4976),n=a.n(t),r=a(6870),i=a(8014),l=a.n(i);const s=Object.assign(Object.assign({},i.propsMixin),{width:e.PropTypes.oneOfType([String,Number]).def(""),height:e.PropTypes.oneOfType([String,Number]).def(""),confirmText:e.PropTypes.string.def("确定"),cancelText:e.PropTypes.string.def("取消"),prevText:e.PropTypes.string.def("上一步"),nextText:e.PropTypes.string.def("下一步"),current:e.PropTypes.number.def(1),totalStep:e.PropTypes.number,title:e.PropTypes.string.def("title"),headerAlign:e.PropTypes.commonType(["left","center","right"],"headerAlign").def("left"),footerAlign:e.PropTypes.commonType(["left","center","right"],"footerAlign").def("right"),theme:e.PropTypes.commonType(["primary","warning","success","danger"],"theme").def("primary"),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),isLoading:e.PropTypes.bool.def(!1)}),d=(0,o.defineComponent)({name:"Dialog",components:{BkModal:l(),BkButton:n()},props:s,emits:["closed","update:isShow","confirm","prev","next","value-change"],setup:function(e,t){var n=t.emit,r=(0,o.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}});(0,o.onMounted)((function(){e.escClose&&addEventListener("keydown",l)})),(0,o.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",l)})),(0,o.watch)((function(){return e.isShow}),(function(e){e||setTimeout((function(){r.moveStyle={top:"50%",left:"50%"},r.positionX=0,r.positionY=0}),250),n("value-change",e)}));var i=function(){n("update:isShow",!1),n("closed")},l=function(o){e.isShow&&e.closeIcon&&27===o.keyCode&&i()};return{data:r,handleClose:i,handleConfirm:function(){n("update:isShow",!1),n("confirm")},escCloseHandler:l,moveHandler:function(o){if(e.fullscreen)return!1;if(!e.draggable)return!1;var t,n,i=o.target,l=o.currentTarget.parentNode.parentNode.offsetHeight,a=o.currentTarget.parentNode.parentNode.offsetWidth;0!==r.positionX&&0!==r.positionY?(t=o.clientX-r.positionX,n=o.clientY-r.positionY):(t=o.clientX-i.offsetLeft,n=o.clientY-i.offsetTop),document.onmousemove=function(e){var o=window.innerWidth-a,i=window.innerHeight-l,c=e.clientX-t,s=e.clientY-n;o/2-c<=0?c=o/2:o/2+c<=0&&(c=-o/2),i/2-s<=0?s=i/2:i/2+s<=0&&(s=-i/2),r.positionX=c,r.positionY=s,r.moveStyle.left="calc(50% + ".concat(c,"px)"),r.moveStyle.top="calc(50% + ".concat(s,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){n("prev")},handleNextStep:function(){n("next")},handleQuickClose:function(o){var t;e.quickClose&&(o.onclick=function(e){return t=e.target},o.parentNode.onclick=function(e){t!==e.target&&i()})}}},render:function(){var e,t=this,i={header:function(){var e,n,i,l,a,c;return[(0,o.createVNode)("div",{class:["bk-dialog-tool",t.fullscreen||!t.draggable?"":"move",t.draggable?"content-dragging":""],onMousedown:t.moveHandler},[null!==(i=null===(n=(e=t.$slots).tools)||void 0===n?void 0:n.call(e))&&void 0!==i?i:""]),(0,o.createVNode)("div",{class:"bk-dialog-header"},[(0,o.createVNode)("div",{class:"bk-header-icon"},[t.infoType?{loading:(0,o.createVNode)(r.Spinner,{class:"bk-info-icon primary"},null),warning:(0,o.createVNode)(r.Warn,{class:"bk-info-icon warning"},null),success:(0,o.createVNode)(r.Success,{class:"bk-info-icon success"},null),danger:(0,o.createVNode)(r.Close,{class:"bk-info-icon danger"},null)}[t.infoType]:(0,o.createVNode)("slot",{name:"info-icon"},null)]),(0,o.createVNode)("span",{class:"bk-dialog-title",style:"text-align: ".concat(t.headerAlign)},[null!==(c=null===(a=(l=t.$slots).header)||void 0===a?void 0:a.call(l))&&void 0!==c?c:t.title])])]},default:function(){var e,o,n;return null!==(n=null===(o=(e=t.$slots).default)||void 0===o?void 0:o.call(e))&&void 0!==n?n:"default"},footer:function(){var e,r,i,l,a,c,s,d,u;return(0,o.createVNode)("div",{class:"bk-dialog-footer",style:"text-align: ".concat(t.footerAlign)},["process"===t.dialogType?null!==(i=null===(r=(e=t.$slots).footer)||void 0===r?void 0:r.call(e))&&void 0!==i?i:(0,o.createVNode)(o.Fragment,null,[1===t.current?"":(0,o.createVNode)(n(),{class:"bk-dialog-perv",onClick:t.handlePrevStep},{default:function(){return[t.prevText]}}),t.current===t.totalStep?"":(0,o.createVNode)(n(),{class:"bk-dialog-next",onClick:t.handleNextStep},{default:function(){return[t.nextText]}}),t.current===t.totalStep?(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}):"",(0,o.createVNode)(n(),{class:"bk-dialog-cancel",onClick:t.handleClose,disabled:t.isLoading},{default:function(){return[t.cancelText]}})]):"","operation"===t.dialogType?null!==(c=null===(a=(l=t.$slots).footer)||void 0===a?void 0:a.call(l))&&void 0!==c?c:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}),(0,o.createVNode)(n(),{class:"bk-dialog-cancel",onClick:t.handleClose,disabled:t.isLoading},{default:function(){return[t.cancelText]}})]):"","confirm"===t.dialogType?null!==(u=null===(d=(s=t.$slots).footer)||void 0===d?void 0:d.call(s))&&void 0!==u?u:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}})]):""])},close:function(){return(0,o.createVNode)("span",{class:"bk-dialog-close",onClick:t.handleClose},[(0,o.createTextVNode)("+")])}},a="bk-dialog-wrapper ".concat(this.scrollable?"scroll-able":""," ").concat(this.multiInstance?"multi-instance":"");return(0,o.createVNode)(l(),(0,o.mergeProps)(this.$props,{class:a,style:this.data.moveStyle,onQuickClose:this.handleQuickClose}),"function"==typeof(e=i)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,o.isVNode)(e)?i:{default:function(){return[i]}})}}),u=(0,e.withInstall)(d)})(),c})()));

package/lib/dialog/props.d.ts

@@ -128,5 +128,8 @@ declare const props: {
     } & {
         default: boolean;
     };
+    infoType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
 };
 export default props;

package/lib/info-box/index.css

@@ -0,0 +1,35 @@
+.bk-modal-wrapper.bk-info-wrapper {
+  width: 440px;
+}
+.bk-modal-wrapper.bk-info-wrapper.normal {
+  width: 440px;
+}
+.bk-modal-wrapper.bk-info-wrapper.small {
+  width: 400px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-body {
+  border-radius: 2px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header {
+  padding: 24px 24px 0;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
+  margin-bottom: 20px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
+  min-height: auto;
+  padding: 0 50px 65px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
+  margin-bottom: 20px;
+  text-align: center;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
+  height: 65px;
+  padding: 0 24px 33px;
+  background-color: #fff;
+  border-top: none;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer .bk-dialog-footer button {
+  min-width: 88px;
+}

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

@@ -14,6 +14,9 @@ export interface ModalFuncProps {
     maskClose?: boolean;
     escClose?: boolean;
     closeIcon?: boolean;
+    headerAlign: 'left' | 'center' | 'right';
+    footerAlign: 'left' | 'center' | 'right';
+    contentAlign: 'left' | 'center' | 'right';
 }
 declare const InfoBox: (config: ModalFuncProps) => {
     show: () => void;

package/lib/info-box/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../button"),require("../modal"),require("../shared"));else if("function"==typeof define&&define.amd)define(["vue","../button","../modal","../shared"],t);else{var n="object"==typeof exports?t(require("vue"),require("../button"),require("../modal"),require("../shared")):t(e.vue,e["../button"],e["../modal"],e["../shared"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r)=>(()=>{var o={7162:(e,t,n)=>{e.exports=n(5047)},5047:e=>{var t=function(e){"use strict";var t,n=Object.prototype,r=n.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function u(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{u({},"")}catch(e){u=function(e,t,n){return e[t]=n}}function l(e,t,n,r){var o=t&&t.prototype instanceof y?t:y,i=Object.create(o.prototype),a=new j(r||[]);return i._invoke=function(e,t,n){var r=f;return function(o,i){if(r===p)throw new Error("Generator is already running");if(r===h){if("throw"===o)throw i;return O()}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var c=L(a,n);if(c){if(c===v)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===f)throw r=h,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=p;var u=s(e,t,n);if("normal"===u.type){if(r=n.done?h:d,u.arg===v)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(r=h,n.method="throw",n.arg=u.arg)}}}(e,n,a),i}function s(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=l;var f="suspendedStart",d="suspendedYield",p="executing",h="completed",v={};function y(){}function m(){}function g(){}var b={};u(b,i,(function(){return this}));var w=Object.getPrototypeOf,x=w&&w(w(P([])));x&&x!==n&&r.call(x,i)&&(b=x);var T=g.prototype=y.prototype=Object.create(b);function k(e){["next","throw","return"].forEach((function(t){u(e,t,(function(e){return this._invoke(t,e)}))}))}function S(e,t){function n(o,i,a,c){var u=s(e[o],e,i);if("throw"!==u.type){var l=u.arg,f=l.value;return f&&"object"==typeof f&&r.call(f,"__await")?t.resolve(f.__await).then((function(e){n("next",e,a,c)}),(function(e){n("throw",e,a,c)})):t.resolve(f).then((function(e){l.value=e,a(l)}),(function(e){return n("throw",e,a,c)}))}c(u.arg)}var o;this._invoke=function(e,r){function i(){return new t((function(t,o){n(e,r,t,o)}))}return o=o?o.then(i,i):i()}}function L(e,n){var r=e.iterator[n.method];if(r===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,L(e,n),"throw"===n.method))return v;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=s(r,e.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,v;var i=o.arg;return i?i.done?(n[e.resultName]=i.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,v):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function N(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(N,this),this.reset(!0)}function P(e){if(e){var n=e[i];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function n(){for(;++o<e.length;)if(r.call(e,o))return n.value=e[o],n.done=!1,n;return n.value=t,n.done=!0,n};return a.next=a}}return{next:O}}function O(){return{value:t,done:!0}}return m.prototype=g,u(T,"constructor",g),u(g,"constructor",m),m.displayName=u(g,c,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===m||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,u(e,c,"GeneratorFunction")),e.prototype=Object.create(T),e},e.awrap=function(e){return{__await:e}},k(S.prototype),u(S.prototype,a,(function(){return this})),e.AsyncIterator=S,e.async=function(t,n,r,o,i){void 0===i&&(i=Promise);var a=new S(l(t,n,r,o),i);return e.isGeneratorFunction(n)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},k(T),u(T,c,"Generator"),u(T,i,(function(){return this})),u(T,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=P,j.prototype={constructor:j,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(C),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function o(r,o){return c.type="throw",c.arg=e,n.next=r,o&&(n.method="next",n.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var u=r.call(a,"catchLoc"),l=r.call(a,"finallyLoc");if(u&&l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),C(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;C(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={iterator:P(e),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=t),v}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},4976:e=>{"use strict";e.exports=t},8014:e=>{"use strict";e.exports=n},4212:e=>{"use strict";e.exports=r},748:t=>{"use strict";t.exports=e}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return o[e](n,n.exports,a),n.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}a.r(c),a.d(c,{default:()=>h});var t=a(7162),n=a.n(t);function r(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,c)}u((r=r.apply(e,t||[])).next())}))}Object.create,Object.create;var o=a(748),i=a(4976),u=a.n(i),l=a(8014),s=a.n(l),f=a(4212);const d=Object.assign(Object.assign({},l.propsMixin),{width:f.PropTypes.oneOfType([String,Number]).def(""),height:f.PropTypes.oneOfType([String,Number]).def(""),confirmText:f.PropTypes.string.def("确定"),cancelText:f.PropTypes.string.def("取消"),prevText:f.PropTypes.string.def("上一步"),nextText:f.PropTypes.string.def("下一步"),current:f.PropTypes.number.def(1),totalStep:f.PropTypes.number,title:f.PropTypes.string.def("title"),headerAlign:f.PropTypes.commonType(["left","center","right"],"headerAlign").def("left"),footerAlign:f.PropTypes.commonType(["left","center","right"],"footerAlign").def("right"),theme:f.PropTypes.commonType(["primary","warning","success","danger"],"theme").def("primary"),dialogType:f.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),isLoading:f.PropTypes.bool.def(!1)}),p=(0,o.defineComponent)({name:"Dialog",components:{BkModal:s(),BkButton:u()},props:d,emits:["closed","update:isShow","confirm","prev","next","value-change"],setup:function(e,t){var n=t.emit,r=(0,o.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}});(0,o.onMounted)((function(){e.escClose&&addEventListener("keydown",a)})),(0,o.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",a)})),(0,o.watch)((function(){return e.isShow}),(function(e){e||setTimeout((function(){r.moveStyle={top:"50%",left:"50%"},r.positionX=0,r.positionY=0}),250),n("value-change",e)}));var i=function(){n("update:isShow",!1),n("closed")},a=function(t){e.isShow&&e.closeIcon&&27===t.keyCode&&i()};return{data:r,handleClose:i,handleConfirm:function(){n("update:isShow",!1),n("confirm")},escCloseHandler:a,moveHandler:function(t){if(e.fullscreen)return!1;if(!e.draggable)return!1;var n,o,i=t.target,a=t.currentTarget.parentNode.parentNode.offsetHeight,c=t.currentTarget.parentNode.parentNode.offsetWidth;0!==r.positionX&&0!==r.positionY?(n=t.clientX-r.positionX,o=t.clientY-r.positionY):(n=t.clientX-i.offsetLeft,o=t.clientY-i.offsetTop),document.onmousemove=function(e){var t=window.innerWidth-c,i=window.innerHeight-a,u=e.clientX-n,l=e.clientY-o;t/2-u<=0?u=t/2:t/2+u<=0&&(u=-t/2),i/2-l<=0?l=i/2:i/2+l<=0&&(l=-i/2),r.positionX=u,r.positionY=l,r.moveStyle.left="calc(50% + ".concat(u,"px)"),r.moveStyle.top="calc(50% + ".concat(l,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){n("prev")},handleNextStep:function(){n("next")},handleQuickClose:function(t){var n;e.quickClose&&(t.onclick=function(e){return n=e.target},t.parentNode.onclick=function(e){n!==e.target&&i()})}}},render:function(){var e,t=this,n={header:function(){var e,n,r,i,a,c;return[(0,o.createVNode)("div",{class:["bk-dialog-tool",t.fullscreen||!t.draggable?"":"move",t.draggable?"content-dragging":""],onMousedown:t.moveHandler},[null!==(r=null===(n=(e=t.$slots).tools)||void 0===n?void 0:n.call(e))&&void 0!==r?r:""]),(0,o.createVNode)("div",{class:"bk-dialog-header"},[(0,o.createVNode)("span",{class:"bk-dialog-title",style:"text-align: ".concat(t.headerAlign)},[null!==(c=null===(a=(i=t.$slots).header)||void 0===a?void 0:a.call(i))&&void 0!==c?c:t.title])])]},default:function(){var e,n,r;return null!==(r=null===(n=(e=t.$slots).default)||void 0===n?void 0:n.call(e))&&void 0!==r?r:"default"},footer:function(){var e,n,r,i,a,c,l,s,f;return(0,o.createVNode)("div",{class:"bk-dialog-footer",style:"text-align: ".concat(t.footerAlign)},["process"===t.dialogType?null!==(r=null===(n=(e=t.$slots).footer)||void 0===n?void 0:n.call(e))&&void 0!==r?r:(0,o.createVNode)(o.Fragment,null,[1===t.current?"":(0,o.createVNode)(u(),{class:"bk-dialog-perv",onClick:t.handlePrevStep},{default:function(){return[t.prevText]}}),t.current===t.totalStep?"":(0,o.createVNode)(u(),{class:"bk-dialog-next",onClick:t.handleNextStep},{default:function(){return[t.nextText]}}),t.current===t.totalStep?(0,o.createVNode)(u(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}):"",(0,o.createVNode)(u(),{class:"bk-dialog-cancel",onClick:t.handleClose,disabled:t.isLoading},{default:function(){return[t.cancelText]}})]):"","operation"===t.dialogType?null!==(c=null===(a=(i=t.$slots).footer)||void 0===a?void 0:a.call(i))&&void 0!==c?c:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(u(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}),(0,o.createVNode)(u(),{class:"bk-dialog-cancel",onClick:t.handleClose,disabled:t.isLoading},{default:function(){return[t.cancelText]}})]):"","confirm"===t.dialogType?null!==(f=null===(s=(l=t.$slots).footer)||void 0===s?void 0:s.call(l))&&void 0!==f?f:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(u(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}})]):""])},close:function(){return(0,o.createVNode)("span",{class:"bk-dialog-close",onClick:t.handleClose},[(0,o.createTextVNode)("+")])}},r="bk-dialog-wrapper ".concat(this.scrollable?"scroll-able":""," ").concat(this.multiInstance?"multi-instance":"");return(0,o.createVNode)(s(),(0,o.mergeProps)(this.$props,{class:r,style:this.data.moveStyle,onQuickClose:this.handleQuickClose}),"function"==typeof(e=n)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,o.isVNode)(e)?n:{default:function(){return[n]}})}}),h=function(t){var i=document.createElement("div"),a=(0,o.ref)(!1),c=(0,o.shallowRef)(t),u=(0,o.defineComponent)({name:"DialogConfirm",setup:function(t,i){var u=this,l=i.expose;(0,o.onMounted)((function(){(document.activeElement||document.body).blur(),!1!==c.value.isShow&&(a.value=!0)}));var s=function(){return r(u,void 0,void 0,n().mark((function e(){var t,r;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("function"!=typeof(null===(t=c.value)||void 0===t?void 0:t.onClosed)){e.next=3;break}return e.next=3,null===(r=c.value)||void 0===r?void 0:r.onClosed();case 3:a.value=!1;case 4:case"end":return e.stop()}}),e)})))},f=function(){return r(u,void 0,void 0,n().mark((function e(){var t,r;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("function"!=typeof(null===(t=c.value)||void 0===t?void 0:t.onConfirm)){e.next=3;break}return e.next=3,null===(r=c.value)||void 0===r?void 0:r.onConfirm();case 3:a.value=!1;case 4:case"end":return e.stop()}}),e)})))};return l({update:function(e){c.value=e}}),function(){return(0,o.createVNode)(p,Object.assign(Object.assign({},c.value),{isShow:a.value,onClosed:s,onConfirm:f}),function(){var t=[];if(c.value.subTitle)switch(e(c.value.subTitle)){case"string":t.push((0,o.h)("div",c.value.subTitle));break;case"function":t.push((0,o.h)("div",c.value.subTitle()));break;default:t.push((0,o.h)(c.value.subTitle))}return t}())}}}),l=(0,o.createApp)(u).mount(i),s={show:function(){a.value=!0},hide:function(){a.value=!1},update:function(e){l.update(e)}};return s}})(),c})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("../button"),require("../icon"),require("../modal"),require("../shared"));else if("function"==typeof define&&define.amd)define(["vue","../button","../icon","../modal","../shared"],t);else{var n="object"==typeof exports?t(require("vue"),require("../button"),require("../icon"),require("../modal"),require("../shared")):t(e.vue,e["../button"],e["../icon"],e["../modal"],e["../shared"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r)=>(()=>{var i={7162:(e,t,n)=>{e.exports=n(5047)},5047:e=>{var t=function(e){"use strict";var t,n=Object.prototype,o=n.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},i=r.iterator||"@@iterator",a=r.asyncIterator||"@@asyncIterator",c=r.toStringTag||"@@toStringTag";function l(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{l({},"")}catch(e){l=function(e,t,n){return e[t]=n}}function u(e,t,n,o){var r=t&&t.prototype instanceof y?t:y,i=Object.create(r.prototype),a=new j(o||[]);return i._invoke=function(e,t,n){var o=f;return function(r,i){if(o===p)throw new Error("Generator is already running");if(o===h){if("throw"===r)throw i;return O()}for(n.method=r,n.arg=i;;){var a=n.delegate;if(a){var c=S(a,n);if(c){if(c===v)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===f)throw o=h,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=p;var l=s(e,t,n);if("normal"===l.type){if(o=n.done?h:d,l.arg===v)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(o=h,n.method="throw",n.arg=l.arg)}}}(e,n,a),i}function s(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=u;var f="suspendedStart",d="suspendedYield",p="executing",h="completed",v={};function y(){}function g(){}function m(){}var b={};l(b,i,(function(){return this}));var w=Object.getPrototypeOf,x=w&&w(w(P([])));x&&x!==n&&o.call(x,i)&&(b=x);var T=m.prototype=y.prototype=Object.create(b);function k(e){["next","throw","return"].forEach((function(t){l(e,t,(function(e){return this._invoke(t,e)}))}))}function N(e,t){function n(r,i,a,c){var l=s(e[r],e,i);if("throw"!==l.type){var u=l.arg,f=u.value;return f&&"object"==typeof f&&o.call(f,"__await")?t.resolve(f.__await).then((function(e){n("next",e,a,c)}),(function(e){n("throw",e,a,c)})):t.resolve(f).then((function(e){u.value=e,a(u)}),(function(e){return n("throw",e,a,c)}))}c(l.arg)}var r;this._invoke=function(e,o){function i(){return new t((function(t,r){n(e,o,t,r)}))}return r=r?r.then(i,i):i()}}function S(e,n){var o=e.iterator[n.method];if(o===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,S(e,n),"throw"===n.method))return v;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var r=s(o,e.iterator,n.arg);if("throw"===r.type)return n.method="throw",n.arg=r.arg,n.delegate=null,v;var i=r.arg;return i?i.done?(n[e.resultName]=i.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,v):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function L(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(L,this),this.reset(!0)}function P(e){if(e){var n=e[i];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,a=function n(){for(;++r<e.length;)if(o.call(e,r))return n.value=e[r],n.done=!1,n;return n.value=t,n.done=!0,n};return a.next=a}}return{next:O}}function O(){return{value:t,done:!0}}return g.prototype=m,l(T,"constructor",m),l(m,"constructor",g),g.displayName=l(m,c,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,m):(e.__proto__=m,l(e,c,"GeneratorFunction")),e.prototype=Object.create(T),e},e.awrap=function(e){return{__await:e}},k(N.prototype),l(N.prototype,a,(function(){return this})),e.AsyncIterator=N,e.async=function(t,n,o,r,i){void 0===i&&(i=Promise);var a=new N(u(t,n,o,r),i);return e.isGeneratorFunction(n)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},k(T),l(T,c,"Generator"),l(T,i,(function(){return this})),l(T,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var o=t.pop();if(o in e)return n.value=o,n.done=!1,n}return n.done=!0,n}},e.values=P,j.prototype={constructor:j,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(C),!e)for(var n in this)"t"===n.charAt(0)&&o.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function r(o,r){return c.type="throw",c.arg=e,n.next=o,r&&(n.method="next",n.arg=t),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var l=o.call(a,"catchLoc"),u=o.call(a,"finallyLoc");if(l&&u){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&o.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),C(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var o=n.completion;if("throw"===o.type){var r=o.arg;C(n)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,o){return this.delegate={iterator:P(e),resultName:n,nextLoc:o},"next"===this.method&&(this.arg=t),v}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},4976:e=>{"use strict";e.exports=t},6870:e=>{"use strict";e.exports=n},8014:e=>{"use strict";e.exports=o},4212:e=>{"use strict";e.exports=r},748:t=>{"use strict";t.exports=e}},a={};function c(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={exports:{}};return i[e](n,n.exports,c),n.exports}c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var n in t)c.o(t,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}c.r(l),c.d(l,{default:()=>v});var t=c(7162),n=c.n(t);function o(e,t,n,o){return new(n||(n=Promise))((function(r,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function c(e){try{l(o.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,c)}l((o=o.apply(e,t||[])).next())}))}Object.create,Object.create;var r=c(748),i=c(4976),a=c.n(i),u=c(6870),s=c(8014),f=c.n(s),d=c(4212);const p=Object.assign(Object.assign({},s.propsMixin),{width:d.PropTypes.oneOfType([String,Number]).def(""),height:d.PropTypes.oneOfType([String,Number]).def(""),confirmText:d.PropTypes.string.def("确定"),cancelText:d.PropTypes.string.def("取消"),prevText:d.PropTypes.string.def("上一步"),nextText:d.PropTypes.string.def("下一步"),current:d.PropTypes.number.def(1),totalStep:d.PropTypes.number,title:d.PropTypes.string.def("title"),headerAlign:d.PropTypes.commonType(["left","center","right"],"headerAlign").def("left"),footerAlign:d.PropTypes.commonType(["left","center","right"],"footerAlign").def("right"),theme:d.PropTypes.commonType(["primary","warning","success","danger"],"theme").def("primary"),dialogType:d.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),isLoading:d.PropTypes.bool.def(!1)}),h=(0,r.defineComponent)({name:"Dialog",components:{BkModal:f(),BkButton:a()},props:p,emits:["closed","update:isShow","confirm","prev","next","value-change"],setup:function(e,t){var n=t.emit,o=(0,r.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}});(0,r.onMounted)((function(){e.escClose&&addEventListener("keydown",a)})),(0,r.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",a)})),(0,r.watch)((function(){return e.isShow}),(function(e){e||setTimeout((function(){o.moveStyle={top:"50%",left:"50%"},o.positionX=0,o.positionY=0}),250),n("value-change",e)}));var i=function(){n("update:isShow",!1),n("closed")},a=function(t){e.isShow&&e.closeIcon&&27===t.keyCode&&i()};return{data:o,handleClose:i,handleConfirm:function(){n("update:isShow",!1),n("confirm")},escCloseHandler:a,moveHandler:function(t){if(e.fullscreen)return!1;if(!e.draggable)return!1;var n,r,i=t.target,a=t.currentTarget.parentNode.parentNode.offsetHeight,c=t.currentTarget.parentNode.parentNode.offsetWidth;0!==o.positionX&&0!==o.positionY?(n=t.clientX-o.positionX,r=t.clientY-o.positionY):(n=t.clientX-i.offsetLeft,r=t.clientY-i.offsetTop),document.onmousemove=function(e){var t=window.innerWidth-c,i=window.innerHeight-a,l=e.clientX-n,u=e.clientY-r;t/2-l<=0?l=t/2:t/2+l<=0&&(l=-t/2),i/2-u<=0?u=i/2:i/2+u<=0&&(u=-i/2),o.positionX=l,o.positionY=u,o.moveStyle.left="calc(50% + ".concat(l,"px)"),o.moveStyle.top="calc(50% + ".concat(u,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){n("prev")},handleNextStep:function(){n("next")},handleQuickClose:function(t){var n;e.quickClose&&(t.onclick=function(e){return n=e.target},t.parentNode.onclick=function(e){n!==e.target&&i()})}}},render:function(){var e,t=this,n={header:function(){var e,n,o,i,a,c;return[(0,r.createVNode)("div",{class:["bk-dialog-tool",t.fullscreen||!t.draggable?"":"move",t.draggable?"content-dragging":""],onMousedown:t.moveHandler},[null!==(o=null===(n=(e=t.$slots).tools)||void 0===n?void 0:n.call(e))&&void 0!==o?o:""]),(0,r.createVNode)("div",{class:"bk-dialog-header"},[(0,r.createVNode)("div",{class:"bk-header-icon"},[t.infoType?{loading:(0,r.createVNode)(u.Spinner,{class:"bk-info-icon primary"},null),warning:(0,r.createVNode)(u.Warn,{class:"bk-info-icon warning"},null),success:(0,r.createVNode)(u.Success,{class:"bk-info-icon success"},null),danger:(0,r.createVNode)(u.Close,{class:"bk-info-icon danger"},null)}[t.infoType]:(0,r.createVNode)("slot",{name:"info-icon"},null)]),(0,r.createVNode)("span",{class:"bk-dialog-title",style:"text-align: ".concat(t.headerAlign)},[null!==(c=null===(a=(i=t.$slots).header)||void 0===a?void 0:a.call(i))&&void 0!==c?c:t.title])])]},default:function(){var e,n,o;return null!==(o=null===(n=(e=t.$slots).default)||void 0===n?void 0:n.call(e))&&void 0!==o?o:"default"},footer:function(){var e,n,o,i,c,l,u,s,f;return(0,r.createVNode)("div",{class:"bk-dialog-footer",style:"text-align: ".concat(t.footerAlign)},["process"===t.dialogType?null!==(o=null===(n=(e=t.$slots).footer)||void 0===n?void 0:n.call(e))&&void 0!==o?o:(0,r.createVNode)(r.Fragment,null,[1===t.current?"":(0,r.createVNode)(a(),{class:"bk-dialog-perv",onClick:t.handlePrevStep},{default:function(){return[t.prevText]}}),t.current===t.totalStep?"":(0,r.createVNode)(a(),{class:"bk-dialog-next",onClick:t.handleNextStep},{default:function(){return[t.nextText]}}),t.current===t.totalStep?(0,r.createVNode)(a(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}):"",(0,r.createVNode)(a(),{class:"bk-dialog-cancel",onClick:t.handleClose,disabled:t.isLoading},{default:function(){return[t.cancelText]}})]):"","operation"===t.dialogType?null!==(l=null===(c=(i=t.$slots).footer)||void 0===c?void 0:c.call(i))&&void 0!==l?l:(0,r.createVNode)(r.Fragment,null,[(0,r.createVNode)(a(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}),(0,r.createVNode)(a(),{class:"bk-dialog-cancel",onClick:t.handleClose,disabled:t.isLoading},{default:function(){return[t.cancelText]}})]):"","confirm"===t.dialogType?null!==(f=null===(s=(u=t.$slots).footer)||void 0===s?void 0:s.call(u))&&void 0!==f?f:(0,r.createVNode)(r.Fragment,null,[(0,r.createVNode)(a(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}})]):""])},close:function(){return(0,r.createVNode)("span",{class:"bk-dialog-close",onClick:t.handleClose},[(0,r.createTextVNode)("+")])}},o="bk-dialog-wrapper ".concat(this.scrollable?"scroll-able":""," ").concat(this.multiInstance?"multi-instance":"");return(0,r.createVNode)(f(),(0,r.mergeProps)(this.$props,{class:o,style:this.data.moveStyle,onQuickClose:this.handleQuickClose}),"function"==typeof(e=n)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,r.isVNode)(e)?n:{default:function(){return[n]}})}}),v=function(t){var i=document.createElement("div"),a=(0,r.ref)(!1),c=(0,r.shallowRef)(t),l=(0,r.defineComponent)({name:"DialogConfirm",setup:function(t,i){var l=this,u=i.expose;(0,r.onMounted)((function(){(document.activeElement||document.body).blur(),!1!==c.value.isShow&&(a.value=!0)}));var s=function(){return o(l,void 0,void 0,n().mark((function e(){var t,o;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("function"!=typeof(null===(t=c.value)||void 0===t?void 0:t.onClosed)){e.next=3;break}return e.next=3,null===(o=c.value)||void 0===o?void 0:o.onClosed();case 3:a.value=!1;case 4:case"end":return e.stop()}}),e)})))},f=function(){return o(l,void 0,void 0,n().mark((function e(){var t,o;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("function"!=typeof(null===(t=c.value)||void 0===t?void 0:t.onConfirm)){e.next=3;break}return e.next=3,null===(o=c.value)||void 0===o?void 0:o.onConfirm();case 3:a.value=!1;case 4:case"end":return e.stop()}}),e)})))};return u({update:function(e){c.value=e}}),function(){return(0,r.createVNode)(h,Object.assign(Object.assign({headerAlign:"center",footerAlign:"center"},c.value),{isShow:a.value,onClosed:s,onConfirm:f}),[(0,r.h)("div",{class:"bk-info-sub-title",style:"text-Align:".concat(c.value.contentAlign||"center")},c.value.subTitle?"function"===e(c.value.subTitle)?c.value.subTitle():c.value.subTitle:"")])}}}),u=(0,r.createApp)(l).mount(i),s={show:function(){a.value=!0},hide:function(){a.value=!1},update:function(e){u.update(e)}};return s}})(),l})()));

package/lib/info-box/index.less

@@ -0,0 +1,48 @@
+.bk-modal-wrapper {
+  &.bk-info-wrapper {
+    width: 440px;
+
+    &.normal {
+      width: 440px;
+    }
+
+    &.small {
+      width: 400px;
+    }
+
+    .bk-modal-body {
+      border-radius: 2px;
+    }
+
+    .bk-dialog-header {
+      padding: 24px 24px 0;
+
+      .bk-dialog-title {
+        margin-bottom: 20px;
+      }
+    }
+
+    .bk-modal-content {
+      min-height: auto;
+      padding: 0 50px 65px;
+
+      .bk-info-sub-title {
+        margin-bottom: 20px;
+        text-align: center;
+      }
+    }
+
+    .bk-modal-footer {
+      height: 65px;
+      padding: 0 24px 33px;
+      background-color: #fff;
+      border-top: none;
+
+      .bk-dialog-footer {
+        button {
+          min-width: 88px;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,35 @@
+.bk-modal-wrapper.bk-info-wrapper {
+  width: 440px;
+}
+.bk-modal-wrapper.bk-info-wrapper.normal {
+  width: 440px;
+}
+.bk-modal-wrapper.bk-info-wrapper.small {
+  width: 400px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-body {
+  border-radius: 2px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header {
+  padding: 24px 24px 0;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
+  margin-bottom: 20px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
+  min-height: auto;
+  padding: 0 50px 65px;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
+  margin-bottom: 20px;
+  text-align: center;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
+  height: 65px;
+  padding: 0 24px 33px;
+  background-color: #fff;
+  border-top: none;
+}
+.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer .bk-dialog-footer button {
+  min-width: 88px;
+}

package/lib/modal/index.d.ts

@@ -20,6 +20,7 @@ declare const BkModal: {
             renderDirective: string;
             transfer: boolean;
             dialogType: string;
+            infoType: string;
             quickClose: boolean;
             scrollable: boolean;
             closeIcon: boolean;
@@ -114,13 +115,16 @@ declare const BkModal: {
             } & {
                 default: boolean;
             };
+            infoType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
         }>> & {
             onClose?: (...args: any[]) => any;
             onHidden?: (...args: any[]) => any;
             "onQuick-close"?: (...args: any[]) => any;
             onQuickClose?: (...args: any[]) => any;
             onShown?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "showMask" | "extCls" | "width" | "height" | "isShow" | "draggable" | "size" | "direction" | "maxHeight" | "renderDirective" | "transfer" | "dialogType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "showMask" | "extCls" | "width" | "height" | "isShow" | "draggable" | "size" | "direction" | "maxHeight" | "renderDirective" | "transfer" | "dialogType" | "infoType" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -222,6 +226,9 @@ declare const BkModal: {
             } & {
                 default: boolean;
             };
+            infoType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
         }>> & {
             onClose?: (...args: any[]) => any;
             onHidden?: (...args: any[]) => any;
@@ -252,6 +259,7 @@ declare const BkModal: {
             renderDirective: string;
             transfer: boolean;
             dialogType: string;
+            infoType: string;
             quickClose: boolean;
             scrollable: boolean;
             closeIcon: boolean;
@@ -366,6 +374,9 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
+        infoType: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
     }>> & {
         onClose?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
@@ -473,6 +484,9 @@ declare const BkModal: {
     } & {
         default: boolean;
     };
+    infoType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
 }>> & {
     onClose?: (...args: any[]) => any;
     onHidden?: (...args: any[]) => any;
@@ -503,6 +517,7 @@ declare const BkModal: {
     renderDirective: string;
     transfer: boolean;
     dialogType: string;
+    infoType: string;
     quickClose: boolean;
     scrollable: boolean;
     closeIcon: boolean;
@@ -598,6 +613,9 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
+        infoType: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
     };
 }>;
 export default BkModal;

package/lib/modal/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var i in t)("object"==typeof exports?exports:e)[i]=t[i]}}(self,((e,o)=>(()=>{"use strict";var t={4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function s(e){var o=i[e];if(void 0!==o)return o.exports;var r=i[e]={exports:{}};return t[e](r,r.exports,s),r.exports}s.d=(e,o)=>{for(var t in o)s.o(o,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{s.r(r),s.d(r,{BkModal:()=>n,default:()=>l,propsMixin:()=>t});var e=s(4212),o=s(748),t={isShow:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([String,Number]).def("50%"),height:e.PropTypes.oneOfType([String,Number]).def("50%"),extCls:e.PropTypes.string||e.PropTypes.array,scrollable:e.PropTypes.bool.def(!0),showMask:e.PropTypes.bool.def(!0),closeIcon:e.PropTypes.bool.def(!0),escClose:e.PropTypes.bool.def(!0),fullscreen:e.PropTypes.bool.def(!1),size:e.PropTypes.commonType(["normal","small","medium","large"],"size").def(),draggable:e.PropTypes.bool.def(!0),quickClose:e.PropTypes.bool.def(!0),transfer:e.PropTypes.bool.def(!1),maxHeight:e.PropTypes.string,direction:e.PropTypes.string,title:e.PropTypes.string.def(""),animateType:e.PropTypes.string.def("slide"),renderDirective:e.PropTypes.commonType(["show","if"],"renderDirective").def("show"),beforeClose:e.PropTypes.custom((function(){return!0})),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),multiInstance:e.PropTypes.bool.def(!0)};const i=(0,o.defineComponent)({name:"Modal",props:Object.assign({},t),emits:["quick-close","quickClose","hidden","shown","close"],data:function(){return{visible:!1}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,minHeigth:"".concat(200,"px"),display:this.visible?"inherit":"none"}},fullscreenStyle:function(){return{width:"".concat(100,"%"),height:"".concat(100,"%")}}},watch:{isShow:{handler:function(e){var o=this;e?this.visible=e:(this.$emit("hidden"),setTimeout((function(){o.visible=e}),250))},deep:!0},visible:function(o){var t=this;o?this.$nextTick((function(){var o=t.showMask?{}:{"background-color":"rgba(0,0,0,0)"};e.bkPopIndexManager.show(t.$el,t.showMask,o,t.transfer),t.$emit("shown"),t.$emit("quick-close",t.$el),t.$emit("quickClose",t.$el)})):e.bkPopIndexManager.hide(this.$el,this.transfer)}},beforeUnmount:function(){e.bkPopIndexManager.hide(this.$el)},methods:{handleClickOutSide:function(){this.quickClose&&this.$emit("close")}},render:function(){var e,t,i,s,r,n,l,d,a,c,p,h,u=this,f=this.maxHeight?{maxHeight:this.maxHeight}:{},y="bk-modal-body ".concat("slide"===this.animateType?this.direction:"");return(0,o.createVNode)("div",{class:["bk-modal-wrapper",this.extCls,this.size],style:[this.compStyle,this.fullscreen?this.fullscreenStyle:""]},[(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-modal-outside",onClick:this.handleClickOutSide},null),[[o.vShow,this.isShow]]),(0,o.createVNode)(o.Transition,{name:this.animateType},{default:function(){return[u.isShow?(0,o.createVNode)("div",{class:y},[(0,o.createVNode)("div",{class:"bk-modal-header"},[null!==(i=null===(t=(e=u.$slots).header)||void 0===t?void 0:t.call(e))&&void 0!==i?i:""]),(0,o.createVNode)("div",{class:"bk-modal-content",style:["show"===u.dialogType?"padding-bottom: 20px":"",Object.assign({},f)]},[null!==(n=null===(r=(s=u.$slots).default)||void 0===r?void 0:r.call(s))&&void 0!==n?n:""]),"show"===u.dialogType?"":(0,o.createVNode)("div",{class:"bk-modal-footer"},[null!==(a=null===(d=(l=u.$slots).footer)||void 0===d?void 0:d.call(l))&&void 0!==a?a:""]),(0,o.createVNode)("div",{class:["bk-modal-close",u.closeIcon?"":"close-icon"]},[null!==(h=null===(p=(c=u.$slots).close)||void 0===p?void 0:p.call(c))&&void 0!==h?h:""])]):""]}})])}});var n=(0,e.withInstallProps)(i,{propsMixin:t},!0);const l=n})(),r})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var i in t)("object"==typeof exports?exports:e)[i]=t[i]}}(self,((e,o)=>(()=>{"use strict";var t={4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function s(e){var o=i[e];if(void 0!==o)return o.exports;var r=i[e]={exports:{}};return t[e](r,r.exports,s),r.exports}s.d=(e,o)=>{for(var t in o)s.o(o,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{s.r(r),s.d(r,{BkModal:()=>n,default:()=>l,propsMixin:()=>t});var e=s(4212),o=s(748),t={isShow:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([String,Number]).def("50%"),height:e.PropTypes.oneOfType([String,Number]).def("50%"),extCls:e.PropTypes.string||e.PropTypes.array,scrollable:e.PropTypes.bool.def(!0),showMask:e.PropTypes.bool.def(!0),closeIcon:e.PropTypes.bool.def(!0),escClose:e.PropTypes.bool.def(!0),fullscreen:e.PropTypes.bool.def(!1),size:e.PropTypes.commonType(["normal","small","medium","large"],"size").def(),draggable:e.PropTypes.bool.def(!0),quickClose:e.PropTypes.bool.def(!0),transfer:e.PropTypes.bool.def(!1),maxHeight:e.PropTypes.string,direction:e.PropTypes.string,title:e.PropTypes.string.def(""),animateType:e.PropTypes.string.def("slide"),renderDirective:e.PropTypes.commonType(["show","if"],"renderDirective").def("show"),beforeClose:e.PropTypes.custom((function(){return!0})),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),multiInstance:e.PropTypes.bool.def(!0),infoType:e.PropTypes.commonType(["success","warning","danger","loading"],"infoType").def()};const i=(0,o.defineComponent)({name:"Modal",props:Object.assign({},t),emits:["quick-close","quickClose","hidden","shown","close"],data:function(){return{visible:!1}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,minHeigth:"".concat(200,"px"),display:this.visible?"inherit":"none"}},fullscreenStyle:function(){return{width:"".concat(100,"%"),height:"".concat(100,"%")}}},watch:{isShow:{handler:function(e){var o=this;e?this.visible=e:(this.$emit("hidden"),setTimeout((function(){o.visible=e}),250))},deep:!0},visible:function(o){var t=this;o?this.$nextTick((function(){var o=t.showMask?{}:{"background-color":"rgba(0,0,0,0)"};e.bkPopIndexManager.show(t.$el,t.showMask,o,t.transfer),t.$emit("shown"),t.$emit("quick-close",t.$el),t.$emit("quickClose",t.$el)})):e.bkPopIndexManager.hide(this.$el,this.transfer)}},beforeUnmount:function(){e.bkPopIndexManager.hide(this.$el)},methods:{handleClickOutSide:function(){this.quickClose&&this.$emit("close")}},render:function(){var e,t,i,s,r,n,l,d,a,c,p,h,u=this,f=this.maxHeight?{maxHeight:this.maxHeight}:{},y="bk-modal-body ".concat("slide"===this.animateType?this.direction:"");return(0,o.createVNode)("div",{class:["bk-modal-wrapper",this.extCls,this.size],style:[this.compStyle,this.fullscreen?this.fullscreenStyle:""]},[(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-modal-outside",onClick:this.handleClickOutSide},null),[[o.vShow,this.isShow]]),(0,o.createVNode)(o.Transition,{name:this.animateType},{default:function(){return[u.isShow?(0,o.createVNode)("div",{class:y},[(0,o.createVNode)("div",{class:"bk-modal-header"},[null!==(i=null===(t=(e=u.$slots).header)||void 0===t?void 0:t.call(e))&&void 0!==i?i:""]),(0,o.createVNode)("div",{class:"bk-modal-content",style:["show"===u.dialogType?"padding-bottom: 20px":"",Object.assign({},f)]},[null!==(n=null===(r=(s=u.$slots).default)||void 0===r?void 0:r.call(s))&&void 0!==n?n:""]),"show"===u.dialogType?"":(0,o.createVNode)("div",{class:"bk-modal-footer"},[null!==(a=null===(d=(l=u.$slots).footer)||void 0===d?void 0:d.call(l))&&void 0!==a?a:""]),(0,o.createVNode)("div",{class:["bk-modal-close",u.closeIcon?"":"close-icon"]},[null!==(h=null===(p=(c=u.$slots).close)||void 0===p?void 0:p.call(c))&&void 0!==h?h:""])]):""]}})])}});var n=(0,e.withInstallProps)(i,{propsMixin:t},!0);const l=n})(),r})()));