bkui-vue 0.0.1-beta.19 → 0.0.1-beta.191

package/lib/image/props.d.ts

@@ -0,0 +1,71 @@
+import { PropType } from 'vue';
+export declare const propsImage: {
+    src: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    fallback: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    placeholder: import("vue-types").VueTypeValidableDef<any>;
+    fit: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    lazy: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    urlList: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    isShowPreviewTitle: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+};
+export declare const propsImageViever: {
+    urlList: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    initialIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    isShowTitle: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    loops: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+};

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-import './styles';
 export { default } from './preset';
 export * from './components';
 export * from './directives';
+export * as plugins from './plugins';

package/lib/index.js

@@ -0,0 +1 @@
+!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("./preset"),require("./components"),require("./directives"),require("./plugins"));else if("function"==typeof define&&define.amd)define(["./preset","./components","./directives","./plugins"],r);else{var t="object"==typeof exports?r(require("./preset"),require("./components"),require("./directives"),require("./plugins")):r(e["./preset"],e["./components"],e["./directives"],e["./plugins"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o)=>(()=>{"use strict";var n={4689:e=>{e.exports=r},7257:e=>{e.exports=t},368:e=>{e.exports=o},9887:r=>{r.exports=e}},i={};function s(e){var r=i[e];if(void 0!==r)return r.exports;var t=i[e]={exports:{}};return n[e](t,t.exports,s),t.exports}s.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return s.d(r,{a:r}),r},s.d=(e,r)=>{for(var t in r)s.o(r,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},s.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};return(()=>{s.r(p),s.d(p,{default:()=>r.a,plugins:()=>i});var e=s(9887),r=s.n(e),t=s(4689),o={};for(const e in t)["default","plugins"].indexOf(e)<0&&(o[e]=()=>t[e]);s.d(p,o);var n=s(7257);o={};for(const e in n)["default","plugins"].indexOf(e)<0&&(o[e]=()=>n[e]);s.d(p,o);var i=s(368)})(),p})()));

package/lib/info-box/index.css

@@ -0,0 +1,37 @@
+.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 {
+  height: 24px;
+  margin-top: 20px;
+  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

@@ -0,0 +1,26 @@
+import { VNode } from 'vue';
+export interface ModalFuncProps {
+    isShow?: boolean;
+    width?: string | number;
+    type?: 'primary' | 'warning' | 'success' | 'danger';
+    title?: string | (() => VNode | string) | VNode;
+    subTitle?: string | (() => VNode) | VNode;
+    confirmText?: string | (() => VNode) | VNode;
+    cancelText?: string | (() => VNode) | VNode;
+    onConfirm?: (...args: any[]) => any;
+    onClosed?: (...args: any[]) => any;
+    boundary?: HTMLElement;
+    draggable?: boolean;
+    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;
+    hide: () => void;
+    update: (config: ModalFuncProps) => void;
+};
+export default InfoBox;

package/lib/info-box/index.js

@@ -0,0 +1 @@
+!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({class:"bk-info-wrapper",headerAlign:"center",footerAlign:"center"},c.value),{isShow:a.value,onClosed:s,onConfirm:f}),function(){var t=[],n=[];if(c.value.subTitle)switch(e(c.value.subTitle)){case"string":default:t.push(c.value.subTitle);break;case"function":t.push(c.value.subTitle())}return t.length&&n.push((0,r.h)("div",{class:"bk-info-sub-title",style:"text-Align:".concat(c.value.contentAlign||"center")},t)),n}())}}}),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,50 @@
+.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 {
+        height: 24px;
+        margin-top: 20px;
+        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,37 @@
+.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 {
+  height: 24px;
+  margin-top: 20px;
+  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;
+}