bkui-vue 0.0.2-beta.3 → 0.0.2-beta.5

package/lib/dialog/dialog.d.ts

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
         default: "success" | "warning" | "danger" | "primary";
     };
-    dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -139,6 +139,7 @@ declare const _default: import("vue").DefineComponent<{
     localCancelText: import("vue").ComputedRef<string>;
     localPrevText: import("vue").ComputedRef<string>;
     localNextText: import("vue").ComputedRef<string>;
+    resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next" | "confirm" | "closed" | "update:isShow" | "value-change")[], "prev" | "next" | "confirm" | "closed" | "update:isShow" | "value-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
@@ -180,7 +181,7 @@ declare const _default: import("vue").DefineComponent<{
     theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
         default: "success" | "warning" | "danger" | "primary";
     };
-    dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -268,7 +269,6 @@ declare const _default: import("vue").DefineComponent<{
     "onValue-change"?: (...args: any[]) => any;
 }, {
     title: string;
-    transfer: string | boolean | HTMLElement;
     width: string | number;
     height: string | number;
     maxHeight: string;
@@ -277,6 +277,7 @@ declare const _default: import("vue").DefineComponent<{
     theme: "success" | "warning" | "danger" | "primary";
     zIndex: string | number;
     draggable: boolean;
+    transfer: string | boolean | HTMLElement;
     showMask: boolean;
     multiInstance: boolean;
     direction: string;

package/lib/dialog/index.d.ts

@@ -4,7 +4,6 @@ declare const BkDialog: {
         $data: {};
         $props: {
             title?: string;
-            transfer?: string | boolean | HTMLElement;
             width?: string | number;
             height?: string | number;
             maxHeight?: string;
@@ -13,6 +12,7 @@ declare const BkDialog: {
             theme?: "success" | "warning" | "danger" | "primary";
             zIndex?: string | number;
             draggable?: boolean;
+            transfer?: string | boolean | HTMLElement;
             showMask?: boolean;
             multiInstance?: boolean;
             direction?: string;
@@ -77,7 +77,7 @@ declare const BkDialog: {
                 [key: string]: any;
             }>) => void)[];
             readonly size?: "small" | "medium" | "large" | "normal";
-            readonly dialogType?: "process" | "show" | "operation" | "confirm";
+            readonly dialogType?: "show" | "process" | "operation" | "confirm";
             readonly beforeClose?: unknown;
             readonly infoType?: "success" | "warning" | "danger" | "primary";
             onConfirm?: (...args: any[]) => any;
@@ -141,7 +141,7 @@ declare const BkDialog: {
             theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
                 default: "success" | "warning" | "danger" | "primary";
             };
-            dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+            dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
             isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -248,9 +248,9 @@ declare const BkDialog: {
             localCancelText: import("vue").ComputedRef<string>;
             localPrevText: import("vue").ComputedRef<string>;
             localNextText: import("vue").ComputedRef<string>;
+            resolveClassName: (cls: string) => string;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next" | "confirm" | "closed" | "update:isShow" | "value-change")[], string, {
             title: string;
-            transfer: string | boolean | HTMLElement;
             width: string | number;
             height: string | number;
             maxHeight: string;
@@ -259,6 +259,7 @@ declare const BkDialog: {
             theme: "success" | "warning" | "danger" | "primary";
             zIndex: string | number;
             draggable: boolean;
+            transfer: string | boolean | HTMLElement;
             showMask: boolean;
             multiInstance: boolean;
             direction: string;
@@ -339,7 +340,7 @@ declare const BkDialog: {
         theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
             default: "success" | "warning" | "danger" | "primary";
         };
-        dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
         isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -446,6 +447,7 @@ declare const BkDialog: {
         localCancelText: import("vue").ComputedRef<string>;
         localPrevText: import("vue").ComputedRef<string>;
         localNextText: import("vue").ComputedRef<string>;
+        resolveClassName: (cls: string) => string;
     }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -491,7 +493,7 @@ declare const BkDialog: {
     theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
         default: "success" | "warning" | "danger" | "primary";
     };
-    dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -598,9 +600,9 @@ declare const BkDialog: {
     localCancelText: import("vue").ComputedRef<string>;
     localPrevText: import("vue").ComputedRef<string>;
     localNextText: import("vue").ComputedRef<string>;
+    resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next" | "confirm" | "closed" | "update:isShow" | "value-change")[], "prev" | "next" | "confirm" | "closed" | "update:isShow" | "value-change", {
     title: string;
-    transfer: string | boolean | HTMLElement;
     width: string | number;
     height: string | number;
     maxHeight: string;
@@ -609,6 +611,7 @@ declare const BkDialog: {
     theme: "success" | "warning" | "danger" | "primary";
     zIndex: string | number;
     draggable: boolean;
+    transfer: string | boolean | HTMLElement;
     showMask: boolean;
     multiInstance: boolean;
     direction: string;

package/lib/dialog/index.js

@@ -1,2 +1,2 @@
 /*! For license information please see index.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../button"),require("../config-provider"),require("../icon"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../config-provider","../icon","../modal"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../button"),require("../config-provider"),require("../icon"),require("../modal")):t(e["../shared"],e.vue,e["../button"],e["../config-provider"],e["../icon"],e["../modal"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r,n,i)=>(()=>{var a={4976:e=>{"use strict";e.exports=o},2717:e=>{"use strict";e.exports=r},6870:e=>{"use strict";e.exports=n},8014:e=>{"use strict";e.exports=i},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t},7609:(e,t,o)=>{var r=o(7425).default;function n(){"use strict";e.exports=n=function(){return t},e.exports.__esModule=!0,e.exports.default=e.exports;var t={},o=Object.prototype,i=o.hasOwnProperty,a=Object.defineProperty||function(e,t,o){e[t]=o.value},l="function"==typeof Symbol?Symbol:{},c=l.iterator||"@@iterator",s=l.asyncIterator||"@@asyncIterator",u=l.toStringTag||"@@toStringTag";function f(e,t,o){return Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{f({},"")}catch(e){f=function(e,t,o){return e[t]=o}}function d(e,t,o,r){var n=t&&t.prototype instanceof v?t:v,i=Object.create(n.prototype),l=new j(r||[]);return a(i,"_invoke",{value:C(e,o,l)}),i}function p(e,t,o){try{return{type:"normal",arg:e.call(t,o)}}catch(e){return{type:"throw",arg:e}}}t.wrap=d;var h={};function v(){}function m(){}function y(){}var g={};f(g,c,(function(){return this}));var x=Object.getPrototypeOf,b=x&&x(x(P([])));b&&b!==o&&i.call(b,c)&&(g=b);var w=y.prototype=v.prototype=Object.create(g);function T(e){["next","throw","return"].forEach((function(t){f(e,t,(function(e){return this._invoke(t,e)}))}))}function N(e,t){function o(n,a,l,c){var s=p(e[n],e,a);if("throw"!==s.type){var u=s.arg,f=u.value;return f&&"object"==r(f)&&i.call(f,"__await")?t.resolve(f.__await).then((function(e){o("next",e,l,c)}),(function(e){o("throw",e,l,c)})):t.resolve(f).then((function(e){u.value=e,l(u)}),(function(e){return o("throw",e,l,c)}))}c(s.arg)}var n;a(this,"_invoke",{value:function(e,r){function i(){return new t((function(t,n){o(e,r,t,n)}))}return n=n?n.then(i,i):i()}})}function C(e,t,o){var r="suspendedStart";return function(n,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===n)throw i;return{value:void 0,done:!0}}for(o.method=n,o.arg=i;;){var a=o.delegate;if(a){var l=S(a,o);if(l){if(l===h)continue;return l}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var c=p(e,t,o);if("normal"===c.type){if(r=o.done?"completed":"suspendedYield",c.arg===h)continue;return{value:c.arg,done:o.done}}"throw"===c.type&&(r="completed",o.method="throw",o.arg=c.arg)}}}function S(e,t){var o=t.method,r=e.iterator[o];if(void 0===r)return t.delegate=null,"throw"===o&&e.iterator.return&&(t.method="return",t.arg=void 0,S(e,t),"throw"===t.method)||"return"!==o&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+o+"' method")),h;var n=p(r,e.iterator,t.arg);if("throw"===n.type)return t.method="throw",t.arg=n.arg,t.delegate=null,h;var i=n.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,h):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,h)}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 E(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 t=e[c];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,r=function t(){for(;++o<e.length;)if(i.call(e,o))return t.value=e[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:O}}function O(){return{value:void 0,done:!0}}return m.prototype=y,a(w,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:m,configurable:!0}),m.displayName=f(y,u,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===m||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,f(e,u,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},T(N.prototype),f(N.prototype,s,(function(){return this})),t.AsyncIterator=N,t.async=function(e,o,r,n,i){void 0===i&&(i=Promise);var a=new N(d(e,o,r,n),i);return t.isGeneratorFunction(o)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},T(w),f(w,u,"Generator"),f(w,c,(function(){return this})),f(w,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),o=[];for(var r in t)o.push(r);return o.reverse(),function e(){for(;o.length;){var r=o.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=P,j.prototype={constructor:j,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!e)for(var t in this)"t"===t.charAt(0)&&i.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},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 t=this;function o(o,r){return a.type="throw",a.arg=e,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r],a=n.completion;if("root"===n.tryLoc)return o("end");if(n.tryLoc<=this.prev){var l=i.call(n,"catchLoc"),c=i.call(n,"finallyLoc");if(l&&c){if(this.prev<n.catchLoc)return o(n.catchLoc,!0);if(this.prev<n.finallyLoc)return o(n.finallyLoc)}else if(l){if(this.prev<n.catchLoc)return o(n.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<n.finallyLoc)return o(n.finallyLoc)}}}},abrupt:function(e,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&i.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var n=r;break}}n&&("break"===e||"continue"===e)&&n.tryLoc<=t&&t<=n.finallyLoc&&(n=null);var a=n?n.completion:{};return a.type=e,a.arg=t,n?(this.method="next",this.next=n.finallyLoc,h):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),h},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===e)return this.complete(o.completion,o.afterLoc),E(o),h}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===e){var r=o.completion;if("throw"===r.type){var n=r.arg;E(o)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,o){return this.delegate={iterator:P(e),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),h}},t}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports},7425:e=>{function t(o){return e.exports=t="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.exports.__esModule=!0,e.exports.default=e.exports,t(o)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},2841:(e,t,o)=>{var r=o(7609)();e.exports=r;try{regeneratorRuntime=r}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=r:Function("r","regeneratorRuntime = r")(r)}}},l={};function c(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return a[e](o,o.exports,c),o.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 o in t)c.o(t,o)&&!c.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},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 s={};return(()=>{"use strict";c.r(s),c.d(s,{default:()=>h});var e=c(4212),t=c(748),o=c(2841),r=c.n(o);Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var n=c(4976),i=c.n(n),a=c(2717),l=c(6870),u=c(8014),f=c.n(u);const d=Object.assign(Object.assign({},u.propsMixin),{width:e.PropTypes.oneOfType([String,Number]).def(""),height:e.PropTypes.oneOfType([String,Number]).def(""),confirmText:e.PropTypes.string,cancelText:e.PropTypes.string,prevText:e.PropTypes.string,nextText:e.PropTypes.string,current:e.PropTypes.number.def(1),totalStep:e.PropTypes.number,title:e.PropTypes.string.def("title"),headerAlign:(0,e.alignType)().def(e.AlignEnum.LEFT),footerAlign:(0,e.alignType)().def(e.AlignEnum.RIGHT),theme:e.PropTypes.theme().def(e.ThemeEnum.PRIMARY),dialogType:(0,e.dialogTypeUnion)(),isLoading:e.PropTypes.bool.def(!1)}),p=(0,t.defineComponent)({name:"Dialog",components:{BkModal:f(),BkButton:i()},props:d,emits:["closed","update:isShow","confirm","prev","next","value-change"],setup:function(e,o){var n=this,i=o.emit,l=(0,a.useLocale)("dialog"),c=(0,t.computed)((function(){return void 0===e.confirmText?l.value.ok:e.confirmText})),s=(0,t.computed)((function(){return void 0===e.cancelText?l.value.cancel:e.cancelText})),u=(0,t.computed)((function(){return void 0===e.prevText?l.value.prev:e.prevText})),f=(0,t.computed)((function(){return void 0===e.nextText?l.value.next:e.nextText})),d=(0,t.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}}),p=(0,t.ref)(e.isShow);(0,t.onMounted)((function(){e.escClose&&addEventListener("keydown",m)})),(0,t.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",m)})),(0,t.watch)((function(){return e.isShow}),(function(e){e?p.value=!0:setTimeout((function(){d.moveStyle={top:"50%",left:"50%"},d.positionX=0,d.positionY=0,p.value=!1}),250),i("value-change",e)}));var h=function(){return t=n,o=void 0,a=void 0,l=r().mark((function t(){var o;return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(o=!0,"function"!=typeof e.beforeClose){t.next=5;break}return t.next=4,e.beforeClose();case 4:o=t.sent;case 5:o&&(i("update:isShow",!1),i("closed"),p.value=!1);case 6:case"end":return t.stop()}}),t)})),new(a||(a=Promise))((function(e,r){function n(e){try{c(l.next(e))}catch(e){r(e)}}function i(e){try{c(l.throw(e))}catch(e){r(e)}}function c(t){var o;t.done?e(t.value):(o=t.value,o instanceof a?o:new a((function(e){e(o)}))).then(n,i)}c((l=l.apply(t,o||[])).next())}));var t,o,a,l},v=(0,t.computed)((function(){return["process","operation","confirm"].includes(e.dialogType)})),m=function(t){e.isShow&&e.closeIcon&&27===t.keyCode&&h()};return{data:d,handleClose:h,handleConfirm:function(){i("update:isShow",!1),i("confirm")},escCloseHandler:m,moveHandler:function(t){if(e.fullscreen)return!1;if(!e.draggable)return!1;var o,r,n=t.target,i=t.currentTarget.parentNode.parentNode.offsetHeight,a=t.currentTarget.parentNode.parentNode.offsetWidth;0!==d.positionX&&0!==d.positionY?(o=t.clientX-d.positionX,r=t.clientY-d.positionY):(o=t.clientX-n.offsetLeft,r=t.clientY-n.offsetTop),document.onmousemove=function(e){var t=window.innerWidth-a,n=window.innerHeight-i,l=e.clientX-o,c=e.clientY-r;t/2-l<=0?l=t/2:t/2+l<=0&&(l=-t/2),n/2-c<=0?c=n/2:n/2+c<=0&&(c=-n/2),d.positionX=l,d.positionY=c,d.moveStyle.left="calc(50% + ".concat(l,"px)"),d.moveStyle.top="calc(50% + ".concat(c,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){i("prev")},handleNextStep:function(){i("next")},hasFooter:v,isModalShow:p,localConfirmText:c,localCancelText:s,localPrevText:u,localNextText:f}},render:function(){var o,r=this,n={header:function(){var o,n,i,a,c,s;return[(0,t.createVNode)("div",{class:[(0,e.resolveClassName)("dialog-tool"),r.fullscreen||!r.draggable?"":"move",r.draggable?"content-dragging":""],onMousedown:r.moveHandler},[null!==(i=null===(n=(o=r.$slots).tools)||void 0===n?void 0:n.call(o))&&void 0!==i?i:""]),(0,t.createVNode)("div",{class:(0,e.resolveClassName)("dialog-header")},[(0,t.createVNode)("div",{class:(0,e.resolveClassName)("header-icon")},[r.infoType?{loading:(0,t.createVNode)(l.Spinner,{class:[(0,e.resolveClassName)("info-icon"),"primary"]},null),warning:(0,t.createVNode)(l.Warn,{class:[(0,e.resolveClassName)("info-icon"),"warning"]},null),success:(0,t.createVNode)(l.Success,{class:[(0,e.resolveClassName)("info-icon"),"success"]},null),danger:(0,t.createVNode)(l.Close,{class:[(0,e.resolveClassName)("info-icon"),"danger"]},null)}[r.infoType]:(0,t.createVNode)("slot",{name:"info-icon"},null)]),(0,t.createVNode)("span",{class:(0,e.resolveClassName)("dialog-title"),style:"text-align: ".concat(r.headerAlign)},[null!==(s=null===(c=(a=r.$slots).header)||void 0===c?void 0:c.call(a))&&void 0!==s?s:r.title])])]},default:function(){var e,t,o;return null!==(o=null===(t=(e=r.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==o?o:"default"},footer:function(){var o,n,a,l,c,s,u,f,d;return(0,t.createVNode)("div",{class:(0,e.resolveClassName)("dialog-footer"),style:"text-align: ".concat(r.footerAlign)},["process"===r.dialogType?null!==(a=null===(n=(o=r.$slots).footer)||void 0===n?void 0:n.call(o))&&void 0!==a?a:(0,t.createVNode)(t.Fragment,null,[1===r.current?"":(0,t.createVNode)(i(),{class:(0,e.resolveClassName)("dialog-perv"),onClick:r.handlePrevStep},{default:function(){return[r.localPrevText]}}),r.current===r.totalStep?"":(0,t.createVNode)(i(),{class:(0,e.resolveClassName)("dialog-next"),onClick:r.handleNextStep},{default:function(){return[r.localNextText]}}),r.current===r.totalStep?(0,t.createVNode)(i(),{onClick:r.handleConfirm,theme:r.theme,loading:r.isLoading},{default:function(){return[r.localConfirmText]}}):"",(0,t.createVNode)(i(),{class:(0,e.resolveClassName)("dialog-cancel"),onClick:r.handleClose,disabled:r.isLoading},{default:function(){return[r.localCancelText]}})]):"","operation"===r.dialogType?null!==(s=null===(c=(l=r.$slots).footer)||void 0===c?void 0:c.call(l))&&void 0!==s?s:(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(i(),{onClick:r.handleConfirm,theme:r.theme,loading:r.isLoading},{default:function(){return[r.localConfirmText]}}),(0,t.createVNode)(i(),{class:(0,e.resolveClassName)("dialog-cancel"),onClick:r.handleClose,disabled:r.isLoading},{default:function(){return[r.localCancelText]}})]):"","confirm"===r.dialogType?null!==(d=null===(f=(u=r.$slots).footer)||void 0===f?void 0:f.call(u))&&void 0!==d?d:(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(i(),{onClick:r.handleConfirm,theme:r.theme,loading:r.isLoading},{default:function(){return[r.localConfirmText]}})]):""])},close:function(){return(0,t.createVNode)(l.Error,{onClick:r.handleClose},null)}},a="".concat((0,e.resolveClassName)("dialog-wrapper ")," ").concat(this.scrollable?"scroll-able":""," ").concat(this.multiInstance?"multi-instance":""," ").concat(this.hasFooter?"has-footer":"no-footer");return(0,t.createVNode)(f(),(0,t.mergeProps)(this.$props,{class:a,onClose:this.handleClose,isShow:this.isModalShow,style:this.data.moveStyle}),"function"==typeof(o=n)||"[object Object]"===Object.prototype.toString.call(o)&&!(0,t.isVNode)(o)?n:{default:function(){return[n]}})}}),h=(0,e.withInstall)(p)})(),s})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../button"),require("../config-provider"),require("../icon"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../config-provider","../icon","../modal"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../button"),require("../config-provider"),require("../icon"),require("../modal")):t(e["../shared"],e.vue,e["../button"],e["../config-provider"],e["../icon"],e["../modal"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r,n,i)=>(()=>{var a={4976:e=>{"use strict";e.exports=o},2717:e=>{"use strict";e.exports=r},6870:e=>{"use strict";e.exports=n},8014:e=>{"use strict";e.exports=i},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t},7609:(e,t,o)=>{var r=o(7425).default;function n(){"use strict";e.exports=n=function(){return t},e.exports.__esModule=!0,e.exports.default=e.exports;var t={},o=Object.prototype,i=o.hasOwnProperty,a=Object.defineProperty||function(e,t,o){e[t]=o.value},l="function"==typeof Symbol?Symbol:{},c=l.iterator||"@@iterator",s=l.asyncIterator||"@@asyncIterator",u=l.toStringTag||"@@toStringTag";function f(e,t,o){return Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{f({},"")}catch(e){f=function(e,t,o){return e[t]=o}}function d(e,t,o,r){var n=t&&t.prototype instanceof v?t:v,i=Object.create(n.prototype),l=new P(r||[]);return a(i,"_invoke",{value:C(e,o,l)}),i}function p(e,t,o){try{return{type:"normal",arg:e.call(t,o)}}catch(e){return{type:"throw",arg:e}}}t.wrap=d;var h={};function v(){}function m(){}function y(){}var g={};f(g,c,(function(){return this}));var x=Object.getPrototypeOf,b=x&&x(x(j([])));b&&b!==o&&i.call(b,c)&&(g=b);var w=y.prototype=v.prototype=Object.create(g);function T(e){["next","throw","return"].forEach((function(t){f(e,t,(function(e){return this._invoke(t,e)}))}))}function N(e,t){function o(n,a,l,c){var s=p(e[n],e,a);if("throw"!==s.type){var u=s.arg,f=u.value;return f&&"object"==r(f)&&i.call(f,"__await")?t.resolve(f.__await).then((function(e){o("next",e,l,c)}),(function(e){o("throw",e,l,c)})):t.resolve(f).then((function(e){u.value=e,l(u)}),(function(e){return o("throw",e,l,c)}))}c(s.arg)}var n;a(this,"_invoke",{value:function(e,r){function i(){return new t((function(t,n){o(e,r,t,n)}))}return n=n?n.then(i,i):i()}})}function C(e,t,o){var r="suspendedStart";return function(n,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===n)throw i;return{value:void 0,done:!0}}for(o.method=n,o.arg=i;;){var a=o.delegate;if(a){var l=S(a,o);if(l){if(l===h)continue;return l}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var c=p(e,t,o);if("normal"===c.type){if(r=o.done?"completed":"suspendedYield",c.arg===h)continue;return{value:c.arg,done:o.done}}"throw"===c.type&&(r="completed",o.method="throw",o.arg=c.arg)}}}function S(e,t){var o=t.method,r=e.iterator[o];if(void 0===r)return t.delegate=null,"throw"===o&&e.iterator.return&&(t.method="return",t.arg=void 0,S(e,t),"throw"===t.method)||"return"!==o&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+o+"' method")),h;var n=p(r,e.iterator,t.arg);if("throw"===n.type)return t.method="throw",t.arg=n.arg,t.delegate=null,h;var i=n.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,h):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,h)}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 E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function P(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(L,this),this.reset(!0)}function j(e){if(e){var t=e[c];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,r=function t(){for(;++o<e.length;)if(i.call(e,o))return t.value=e[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:O}}function O(){return{value:void 0,done:!0}}return m.prototype=y,a(w,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:m,configurable:!0}),m.displayName=f(y,u,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===m||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,f(e,u,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},T(N.prototype),f(N.prototype,s,(function(){return this})),t.AsyncIterator=N,t.async=function(e,o,r,n,i){void 0===i&&(i=Promise);var a=new N(d(e,o,r,n),i);return t.isGeneratorFunction(o)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},T(w),f(w,u,"Generator"),f(w,c,(function(){return this})),f(w,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),o=[];for(var r in t)o.push(r);return o.reverse(),function e(){for(;o.length;){var r=o.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=j,P.prototype={constructor:P,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!e)for(var t in this)"t"===t.charAt(0)&&i.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},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 t=this;function o(o,r){return a.type="throw",a.arg=e,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r],a=n.completion;if("root"===n.tryLoc)return o("end");if(n.tryLoc<=this.prev){var l=i.call(n,"catchLoc"),c=i.call(n,"finallyLoc");if(l&&c){if(this.prev<n.catchLoc)return o(n.catchLoc,!0);if(this.prev<n.finallyLoc)return o(n.finallyLoc)}else if(l){if(this.prev<n.catchLoc)return o(n.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<n.finallyLoc)return o(n.finallyLoc)}}}},abrupt:function(e,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&i.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var n=r;break}}n&&("break"===e||"continue"===e)&&n.tryLoc<=t&&t<=n.finallyLoc&&(n=null);var a=n?n.completion:{};return a.type=e,a.arg=t,n?(this.method="next",this.next=n.finallyLoc,h):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),h},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===e)return this.complete(o.completion,o.afterLoc),E(o),h}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===e){var r=o.completion;if("throw"===r.type){var n=r.arg;E(o)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,o){return this.delegate={iterator:j(e),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),h}},t}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports},7425:e=>{function t(o){return e.exports=t="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.exports.__esModule=!0,e.exports.default=e.exports,t(o)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},2841:(e,t,o)=>{var r=o(7609)();e.exports=r;try{regeneratorRuntime=r}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=r:Function("r","regeneratorRuntime = r")(r)}}},l={};function c(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return a[e](o,o.exports,c),o.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 o in t)c.o(t,o)&&!c.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},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 s={};return(()=>{"use strict";c.r(s),c.d(s,{default:()=>h});var e=c(4212),t=c(748),o=c(2841),r=c.n(o);Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var n=c(4976),i=c.n(n),a=c(2717),l=c(6870),u=c(8014),f=c.n(u);const d=Object.assign(Object.assign({},u.propsMixin),{width:e.PropTypes.oneOfType([String,Number]).def(""),height:e.PropTypes.oneOfType([String,Number]).def(""),confirmText:e.PropTypes.string,cancelText:e.PropTypes.string,prevText:e.PropTypes.string,nextText:e.PropTypes.string,current:e.PropTypes.number.def(1),totalStep:e.PropTypes.number,title:e.PropTypes.string.def("title"),headerAlign:(0,e.alignType)().def(e.AlignEnum.LEFT),footerAlign:(0,e.alignType)().def(e.AlignEnum.RIGHT),theme:e.PropTypes.theme().def(e.ThemeEnum.PRIMARY),dialogType:(0,e.dialogTypeUnion)(),isLoading:e.PropTypes.bool.def(!1)}),p=(0,t.defineComponent)({name:"Dialog",components:{BkModal:f(),BkButton:i()},props:d,emits:["closed","update:isShow","confirm","prev","next","value-change"],setup:function(e,o){var n=this,i=o.emit,l=(0,a.useLocale)("dialog"),c=(0,t.computed)((function(){return void 0===e.confirmText?l.value.ok:e.confirmText})),s=(0,t.computed)((function(){return void 0===e.cancelText?l.value.cancel:e.cancelText})),u=(0,t.computed)((function(){return void 0===e.prevText?l.value.prev:e.prevText})),f=(0,t.computed)((function(){return void 0===e.nextText?l.value.next:e.nextText})),d=(0,t.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}}),p=(0,t.ref)(e.isShow);(0,t.onMounted)((function(){e.escClose&&addEventListener("keydown",m)})),(0,t.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",m)})),(0,t.watch)((function(){return e.isShow}),(function(e){e?p.value=!0:setTimeout((function(){d.moveStyle={top:"50%",left:"50%"},d.positionX=0,d.positionY=0,p.value=!1}),250),i("value-change",e)}));var h=function(){return t=n,o=void 0,a=void 0,l=r().mark((function t(){var o;return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(o=!0,"function"!=typeof e.beforeClose){t.next=5;break}return t.next=4,e.beforeClose();case 4:o=t.sent;case 5:o&&(i("update:isShow",!1),i("closed"),p.value=!1);case 6:case"end":return t.stop()}}),t)})),new(a||(a=Promise))((function(e,r){function n(e){try{c(l.next(e))}catch(e){r(e)}}function i(e){try{c(l.throw(e))}catch(e){r(e)}}function c(t){var o;t.done?e(t.value):(o=t.value,o instanceof a?o:new a((function(e){e(o)}))).then(n,i)}c((l=l.apply(t,o||[])).next())}));var t,o,a,l},v=(0,t.computed)((function(){return["process","operation","confirm"].includes(e.dialogType)})),m=function(t){e.isShow&&e.closeIcon&&27===t.keyCode&&h()},y=(0,a.usePrefix)().resolveClassName;return{data:d,handleClose:h,handleConfirm:function(){i("update:isShow",!1),i("confirm")},escCloseHandler:m,moveHandler:function(t){if(e.fullscreen)return!1;if(!e.draggable)return!1;var o,r,n=t.target,i=t.currentTarget.parentNode.parentNode.offsetHeight,a=t.currentTarget.parentNode.parentNode.offsetWidth;0!==d.positionX&&0!==d.positionY?(o=t.clientX-d.positionX,r=t.clientY-d.positionY):(o=t.clientX-n.offsetLeft,r=t.clientY-n.offsetTop),document.onmousemove=function(e){var t=window.innerWidth-a,n=window.innerHeight-i,l=e.clientX-o,c=e.clientY-r;t/2-l<=0?l=t/2:t/2+l<=0&&(l=-t/2),n/2-c<=0?c=n/2:n/2+c<=0&&(c=-n/2),d.positionX=l,d.positionY=c,d.moveStyle.left="calc(50% + ".concat(l,"px)"),d.moveStyle.top="calc(50% + ".concat(c,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){i("prev")},handleNextStep:function(){i("next")},hasFooter:v,isModalShow:p,localConfirmText:c,localCancelText:s,localPrevText:u,localNextText:f,resolveClassName:y}},render:function(){var e,o=this,r={header:function(){var e,r,n,i,a,c;return[(0,t.createVNode)("div",{class:[o.resolveClassName("dialog-tool"),o.fullscreen||!o.draggable?"":"move",o.draggable?"content-dragging":""],onMousedown:o.moveHandler},[null!==(n=null===(r=(e=o.$slots).tools)||void 0===r?void 0:r.call(e))&&void 0!==n?n:""]),(0,t.createVNode)("div",{class:o.resolveClassName("dialog-header")},[(0,t.createVNode)("div",{class:o.resolveClassName("header-icon")},[o.infoType?{loading:(0,t.createVNode)(l.Spinner,{class:[o.resolveClassName("info-icon"),"primary"]},null),warning:(0,t.createVNode)(l.Warn,{class:[o.resolveClassName("info-icon"),"warning"]},null),success:(0,t.createVNode)(l.Success,{class:[o.resolveClassName("info-icon"),"success"]},null),danger:(0,t.createVNode)(l.Close,{class:[o.resolveClassName("info-icon"),"danger"]},null)}[o.infoType]:(0,t.createVNode)("slot",{name:"info-icon"},null)]),(0,t.createVNode)("span",{class:o.resolveClassName("dialog-title"),style:"text-align: ".concat(o.headerAlign)},[null!==(c=null===(a=(i=o.$slots).header)||void 0===a?void 0:a.call(i))&&void 0!==c?c:o.title])])]},default:function(){var e,t,r;return null!==(r=null===(t=(e=o.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==r?r:"default"},footer:function(){var e,r,n,a,l,c,s,u,f;return(0,t.createVNode)("div",{class:o.resolveClassName("dialog-footer"),style:"text-align: ".concat(o.footerAlign)},["process"===o.dialogType?null!==(n=null===(r=(e=o.$slots).footer)||void 0===r?void 0:r.call(e))&&void 0!==n?n:(0,t.createVNode)(t.Fragment,null,[1===o.current?"":(0,t.createVNode)(i(),{class:o.resolveClassName("dialog-perv"),onClick:o.handlePrevStep},{default:function(){return[o.localPrevText]}}),o.current===o.totalStep?"":(0,t.createVNode)(i(),{class:o.resolveClassName("dialog-next"),onClick:o.handleNextStep},{default:function(){return[o.localNextText]}}),o.current===o.totalStep?(0,t.createVNode)(i(),{onClick:o.handleConfirm,theme:o.theme,loading:o.isLoading},{default:function(){return[o.localConfirmText]}}):"",(0,t.createVNode)(i(),{class:o.resolveClassName("dialog-cancel"),onClick:o.handleClose,disabled:o.isLoading},{default:function(){return[o.localCancelText]}})]):"","operation"===o.dialogType?null!==(c=null===(l=(a=o.$slots).footer)||void 0===l?void 0:l.call(a))&&void 0!==c?c:(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(i(),{onClick:o.handleConfirm,theme:o.theme,loading:o.isLoading},{default:function(){return[o.localConfirmText]}}),(0,t.createVNode)(i(),{class:o.resolveClassName("dialog-cancel"),onClick:o.handleClose,disabled:o.isLoading},{default:function(){return[o.localCancelText]}})]):"","confirm"===o.dialogType?null!==(f=null===(u=(s=o.$slots).footer)||void 0===u?void 0:u.call(s))&&void 0!==f?f:(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(i(),{onClick:o.handleConfirm,theme:o.theme,loading:o.isLoading},{default:function(){return[o.localConfirmText]}})]):""])},close:function(){return(0,t.createVNode)(l.Error,{onClick:o.handleClose},null)}},n="".concat(this.resolveClassName("dialog-wrapper ")," ").concat(this.scrollable?"scroll-able":""," ").concat(this.multiInstance?"multi-instance":""," ").concat(this.hasFooter?"has-footer":"no-footer");return(0,t.createVNode)(f(),(0,t.mergeProps)(this.$props,{class:n,onClose:this.handleClose,isShow:this.isModalShow,style:this.data.moveStyle}),"function"==typeof(e=r)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)?r:{default:function(){return[r]}})}}),h=(0,e.withInstall)(p)})(),s})()));

package/lib/dialog/props.d.ts

@@ -39,7 +39,7 @@ declare const props: {
     theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
         default: "success" | "warning" | "danger" | "primary";
     };
-    dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {

package/lib/divider/divider.less

@@ -1,4 +1,5 @@
 @import '../styles/themes/themes.less';
+
 .@{bk-prefix}-divider {
   position: relative;
   background: @light-gray;
@@ -22,7 +23,7 @@
       transform: translateX(-50%) translateY(-50%)
     }
 
-    .bk-divider-horizontal {
+    .@{bk-prefix}-divider-horizontal {
       &-left {
         left: 2em;
       }
@@ -32,7 +33,7 @@
       }
     }
 
-    .bk-divider-vertical & {
+    .@{bk-prefix}-divider-vertical & {
       padding: 20px 0;
     }
   }
@@ -45,8 +46,6 @@
     margin: 0 8px;
     vertical-align: middle;
   }
-
-
 }
 
 

package/lib/divider/index.js

@@ -1 +1 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue")):r(e["../shared"],e.vue);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r)=>(()=>{"use strict";var t={4212:r=>{r.exports=e},748:e=>{e.exports=r}},o={};function i(e){var r=o[e];if(void 0!==r)return r.exports;var n=o[e]={exports:{}};return t[e](n,n.exports,i),n.exports}i.d=(e,r)=>{for(var t in r)i.o(r,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},i.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{i.r(n),i.d(n,{default:()=>s});var e=i(4212),r=i(748),t={direction:(0,e.directionType)(),align:(0,e.alignType)().def(e.AlignEnum.CENTER),color:e.PropTypes.string.def("#dde4eb"),width:e.PropTypes.number.def(1),type:(0,e.lineStyleType)()};const o=(0,r.defineComponent)({name:"Divider",props:t,render:function(){var t,o=this;return this.$slots.default&&(t=(0,r.createVNode)("div",{class:[(0,e.resolveClassName)("divider-info"),(0,e.resolveClassName)("divider-info-".concat(this.align))]},[this.$slots.default()])),(0,r.createVNode)("div",{class:[(0,e.resolveClassName)("divider"),(0,e.resolveClassName)("divider-".concat(this.direction))],style:"vertical"===o.direction?{borderRight:"".concat(o.width,"px ").concat(o.type," ").concat(o.color)}:{borderBottom:"".concat(o.width,"px ").concat(o.type," ").concat(o.color)}},[t])}}),s=(0,e.withInstall)(o)})(),n})()));
+!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("../config-provider"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider"],r);else{var o="object"==typeof exports?r(require("../shared"),require("vue"),require("../config-provider")):r(e["../shared"],e.vue,e["../config-provider"]);for(var t in o)("object"==typeof exports?exports:e)[t]=o[t]}}(self,((e,r,o)=>(()=>{"use strict";var t={2717:e=>{e.exports=o},4212:r=>{r.exports=e},748:e=>{e.exports=r}},i={};function n(e){var r=i[e];if(void 0!==r)return r.exports;var o=i[e]={exports:{}};return t[e](o,o.exports,n),o.exports}n.d=(e,r)=>{for(var o in r)n.o(r,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{n.r(d),n.d(d,{default:()=>c});var e=n(4212),r=n(748),o=n(2717),t={direction:(0,e.directionType)(),align:(0,e.alignType)().def(e.AlignEnum.CENTER),color:e.PropTypes.string.def("#dde4eb"),width:e.PropTypes.number.def(1),type:(0,e.lineStyleType)()};const i=(0,r.defineComponent)({name:"Divider",props:t,render:function(){var e,t=this,i=(0,o.usePrefix)().resolveClassName;return this.$slots.default&&(e=(0,r.createVNode)("div",{class:[i("divider-info"),i("divider-info-".concat(this.align))]},[this.$slots.default()])),(0,r.createVNode)("div",{class:[i("divider"),i("divider-".concat(this.direction))],style:"vertical"===t.direction?{borderRight:"".concat(t.width,"px ").concat(t.type," ").concat(t.color)}:{borderBottom:"".concat(t.width,"px ").concat(t.type," ").concat(t.color)}},[e])}}),c=(0,e.withInstall)(i)})(),d})()));

package/lib/fixed-navbar/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function n(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}};return o[e](i,i.exports,n),i.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{n.r(i),n.d(i,{default:()=>r});var e=n(4212),t=n(748);const o=(0,t.defineComponent)({name:"FixedNavbar",props:{navItems:e.PropTypes.array.def([]),extCls:e.PropTypes.string.def(""),position:e.PropTypes.oneOf(["middle","top","bottom"]).def("middle"),modelValue:e.PropTypes.bool.def(!0)},emits:["update:modelValue","click"],setup:function(o,r){var n=this,i=r.emit,a=o.navItems.map((function(e){return Object.assign({tooltip:{disabled:!0},action:function(){},icon:"",text:""},e)})),s=e.bkZIndexManager.getModalNextIndex(),d=function(e){i("click",e),e.action()};return function(){return o.modelValue&&(0,t.createVNode)("div",{class:"bk-fixed-navbar ".concat(o.extCls," ").concat(o.position),style:{zIndex:s}},[a.map((function(e){return(0,t.createVNode)("div",{class:"fixed-navbar-item",onClick:d.bind(n,e)},[e.icon?(0,t.createVNode)("i",{class:"".concat(e.icon," icon")},null):"",e.text?(0,t.createVNode)("span",{class:"text"},[e.text]):""])}))])}}}),r=(0,e.withInstall)(o)})(),i})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../config-provider"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../config-provider")):o(e["../shared"],e.vue,e["../config-provider"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,o,t)=>(()=>{"use strict";var r={2717:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function i(e){var o=n[e];if(void 0!==o)return o.exports;var t=n[e]={exports:{}};return r[e](t,t.exports,i),t.exports}i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{default:()=>n});var e=i(4212),o=i(748),t=i(2717);const r=(0,o.defineComponent)({name:"FixedNavbar",props:{navItems:e.PropTypes.array.def([]),extCls:e.PropTypes.string.def(""),position:e.PropTypes.oneOf(["middle","top","bottom"]).def("middle"),modelValue:e.PropTypes.bool.def(!0)},emits:["update:modelValue","click"],setup:function(r,n){var i=this,a=n.emit,s=r.navItems.map((function(e){return Object.assign({tooltip:{disabled:!0},action:function(){},icon:"",text:""},e)})),d=e.bkZIndexManager.getModalNextIndex(),c=function(e){a("click",e),e.action()},p=(0,t.usePrefix)().resolveClassName;return function(){return r.modelValue&&(0,o.createVNode)("div",{class:"".concat(p("fixed-navbar")," ").concat(r.extCls," ").concat(r.position),style:{zIndex:d}},[s.map((function(e){return(0,o.createVNode)("div",{class:"fixed-navbar-item",onClick:c.bind(i,e)},[e.icon?(0,o.createVNode)("i",{class:"".concat(e.icon," icon")},null):"",e.text?(0,o.createVNode)("span",{class:"text"},[e.text]):""])}))])}}}),n=(0,e.withInstall)(r)})(),a})()));

package/lib/image/image-viewer.less

@@ -1,4 +1,6 @@
-.bk-image-viewer {
+@import '../styles/themes/themes.less';
+
+.@{bk-prefix}-image-viewer {
   &-wrapper {
     position: fixed;
     top: 0;
@@ -101,7 +103,7 @@
     color: #313238;
     text-align: center;
 
-    .bk-icon {
+    .@{bk-prefix}-icon {
       margin-bottom: 15px;
       font-size: 85px;
       line-height: 1;
@@ -133,7 +135,7 @@
       align-items: center;
       justify-content: space-around;
 
-      .bk-icon {
+      .@{bk-prefix}-icon {
         cursor: pointer;
 
         &:hover {

package/lib/image/image-viewer.variable.css

@@ -1,3 +1,125 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656E;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+}
 .bk-image-viewer-wrapper {
   position: fixed;
   top: 0;

package/lib/image/image.css

@@ -1,3 +1,145 @@
+.bk-image-viewer-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  background: rgba(0, 0, 0, 0.6);
+  flex-direction: column;
+}
+.bk-image-viewer-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.bk-image-viewer-header {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9;
+  display: flex;
+  width: 100%;
+  height: 52px;
+  color: #c4c6cc;
+  background: rgba(0, 0, 0, 0.7);
+  justify-content: space-between;
+  align-items: center;
+}
+.bk-image-viewer-header > div {
+  padding: 0 25px;
+  overflow: hidden;
+  font-size: 14px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+}
+.bk-image-viewer-header .quit-box {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+.bk-image-viewer-header .quit-tips {
+  font-size: 14px;
+  color: #979ba5;
+}
+.bk-image-viewer-btn {
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  color: #dcdee5;
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 50%;
+  opacity: 0.8;
+  box-sizing: border-box;
+  user-select: none;
+  align-items: center;
+  justify-content: center;
+}
+.bk-image-viewer-btn:hover {
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.bk-image-viewer-close {
+  height: 52px;
+  font-size: 32px;
+  line-height: 48px;
+  color: #c4c6cc;
+  text-align: center;
+  cursor: pointer;
+}
+.bk-image-viewer-close:hover {
+  color: #fff;
+}
+.bk-image-viewer-canvas {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+}
+.bk-image-viewer-has-header {
+  padding-top: 52px;
+}
+.bk-image-viewer-error {
+  font-size: 14px;
+  color: #313238;
+  text-align: center;
+}
+.bk-image-viewer-error .bk-icon {
+  margin-bottom: 15px;
+  font-size: 85px;
+  line-height: 1;
+}
+.bk-image-viewer-actions {
+  bottom: 30px;
+  left: 50%;
+  width: 282px;
+  height: 44px;
+  padding: 0 23px;
+  background-color: rgba(0, 0, 0, 0.4);
+  border-color: #fff;
+  border-radius: 22px;
+  transform: translateX(-50%);
+}
+.bk-image-viewer-actions:hover {
+  background: rgba(0, 0, 0, 0.5);
+}
+.bk-image-viewer-actions-inner {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  font-size: 23px;
+  color: #c4c6cc;
+  text-align: justify;
+  align-items: center;
+  justify-content: space-around;
+}
+.bk-image-viewer-actions-inner .bk-icon {
+  cursor: pointer;
+}
+.bk-image-viewer-actions-inner .bk-icon:hover {
+  color: #fff;
+}
+.bk-image-viewer-next,
+.bk-image-viewer-prev {
+  top: 50%;
+  width: 80px;
+  height: 80px;
+  font-size: 40px;
+  cursor: pointer;
+}
+.bk-image-viewer-prev {
+  left: 40px;
+  transform: translateY(-50%);
+}
+.bk-image-viewer-next {
+  right: 40px;
+  text-indent: 2px;
+  transform: translateY(-50%);
+}
 .bk-image {
   position: relative;
   display: inline-block;

package/lib/image/image.d.ts

@@ -1,4 +1,3 @@
-import './image-viewer.less';
 declare const _default: import("vue").DefineComponent<{
     src: import("vue-types").VueTypeValidableDef<string> & {
         default: string;

package/lib/image/image.less

@@ -1,4 +1,7 @@
-.bk-image {
+@import '../styles/themes/themes.less';
+@import './image-viewer.less';
+
+.@{bk-prefix}-image {
   position: relative;
   display: inline-block;
   overflow: hidden;