bkui-vue 0.0.1-beta.60 → 0.0.1-beta.63

package/lib/progress/index.d.ts

@@ -3,10 +3,10 @@ declare const BkProgress: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            width: number;
+            fixed: number;
             type: string;
+            width: number;
             color: string;
-            fixed: number;
             theme: string;
             extCls: string;
             strokeLinecap: string;
@@ -91,7 +91,7 @@ declare const BkProgress: {
                     [key: string]: any;
                 };
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "type" | "color" | "fixed" | "theme" | "extCls" | "strokeLinecap" | "strokeWidth" | "format" | "percent" | "bgColor" | "titleStyle" | "showText" | "textInside">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "fixed" | "type" | "width" | "color" | "theme" | "extCls" | "strokeLinecap" | "strokeWidth" | "format" | "percent" | "bgColor" | "titleStyle" | "showText" | "textInside">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -183,10 +183,10 @@ declare const BkProgress: {
                 [key: string]: any;
             }>[];
         }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            width: number;
+            fixed: number;
             type: string;
+            width: number;
             color: string;
-            fixed: number;
             theme: string;
             extCls: string;
             strokeLinecap: string;
@@ -378,10 +378,10 @@ declare const BkProgress: {
         [key: string]: any;
     }>[];
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-    width: number;
+    fixed: number;
     type: string;
+    width: number;
     color: string;
-    fixed: number;
     theme: string;
     extCls: string;
     strokeLinecap: string;

package/lib/progress/progress.d.ts

@@ -151,10 +151,10 @@ declare const _default: import("vue").DefineComponent<{
         };
     };
 }>>, {
-    width: number;
+    fixed: number;
     type: string;
+    width: number;
     color: string;
-    fixed: number;
     theme: string;
     extCls: string;
     strokeLinecap: string;

package/lib/progress/progress.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/radio/radio.css

@@ -1,5 +1,6 @@
 .bk-radio {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   margin-right: 30px;
   font-size: 12px;
   font-weight: normal;
@@ -21,11 +22,11 @@
   border-color: #3a84ff;
 }
 .bk-radio.is-disabled {
-  color: #dcdee5;
+  color: #c4c6cc;
   cursor: not-allowed;
 }
 .bk-radio.is-disabled.is-checked .bk-radio-input {
-  background-color: #dcdee5;
+  background-color: #fafbfd;
 }
 .bk-radio.is-disabled .bk-radio-input {
   cursor: not-allowed;
@@ -41,7 +42,6 @@
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
-  color: #63656e;
   vertical-align: middle;
   cursor: pointer;
 }
@@ -55,7 +55,7 @@
   vertical-align: middle;
   cursor: pointer;
   background-color: #fff;
-  border: 1px solid #63656e;
+  border: 1px solid #979ba5;
   border-radius: 50%;
   outline: none;
   visibility: visible;
@@ -127,7 +127,7 @@
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
-  border: 1px solid #63656e;
+  border: 1px solid #979ba5;
   transition: all 0.3s;
 }
 .bk-radio-group {

package/lib/radio/radio.less

@@ -1,7 +1,8 @@
 @import '../styles/themes/themes.less';
 
 .bk-radio {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   margin-right: 30px;
   font-size: @font-size-base;
   font-weight: normal;
@@ -27,18 +28,18 @@
   }
 
   &.is-disabled {
-    color: @disable-color;
+    color: #c4c6cc;
     cursor: not-allowed;
 
     &.is-checked {
       .bk-radio-input {
-        background-color: @disable-color;
+        background-color: #fafbfd;
       }
     }
 
     .bk-radio-input {
       cursor: not-allowed;
-      border-color: @disable-color;
+      border-color: #dcdee5;
     }
 
     .bk-radio-text {
@@ -56,7 +57,6 @@
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
-    color: @default-color;
     vertical-align: middle;
     cursor: pointer;
   }
@@ -71,7 +71,7 @@
     vertical-align: middle;
     cursor: pointer;
     background-color: #fff;
-    border: @border-width-base @border-style-base @default-color;
+    border: @border-width-base @border-style-base #979ba5;
     border-radius: 50%;
     outline: none;
     visibility: visible;
@@ -160,7 +160,7 @@
     text-align: center;
     vertical-align: middle;
     cursor: pointer;
-    border: @border-width-base @border-style-base @default-color;
+    border: @border-width-base @border-style-base #979ba5;
     transition: all .3s;
   }
 }

package/lib/radio/radio.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,9 +92,14 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 .bk-radio {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   margin-right: 30px;
   font-size: var(--font-size-base);
   font-weight: normal;
@@ -115,15 +121,15 @@
   border-color: var(--primary-color);
 }
 .bk-radio.is-disabled {
-  color: var(--disable-color);
+  color: #c4c6cc;
   cursor: not-allowed;
 }
 .bk-radio.is-disabled.is-checked .bk-radio-input {
-  background-color: var(--disable-color);
+  background-color: #fafbfd;
 }
 .bk-radio.is-disabled .bk-radio-input {
   cursor: not-allowed;
-  border-color: var(--disable-color);
+  border-color: #dcdee5;
 }
 .bk-radio.is-disabled .bk-radio-text {
   cursor: not-allowed;
@@ -135,7 +141,6 @@
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
-  color: var(--default-color);
   vertical-align: middle;
   cursor: pointer;
 }
@@ -149,7 +154,7 @@
   vertical-align: middle;
   cursor: pointer;
   background-color: #fff;
-  border: var(--border-width-base) var(--border-style-base) var(--default-color);
+  border: var(--border-width-base) var(--border-style-base) #979ba5;
   border-radius: 50%;
   outline: none;
   visibility: visible;
@@ -221,7 +226,7 @@
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
-  border: var(--border-width-base) var(--border-style-base) var(--default-color);
+  border: var(--border-width-base) var(--border-style-base) #979ba5;
   transition: all 0.3s;
 }
 .bk-radio-group {

package/lib/resize-layout/resize-layout.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 .bk-resize-layout {
   display: flex;

package/lib/select/select.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -91,6 +92,10 @@
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/shared/index.d.ts

@@ -50,3 +50,21 @@ export declare const withInstallProps: <T extends OriginComponent, K extends Rec
  * @returns prefix-clsName
  */
 export declare function resolveClassName(clsName: string, prefix?: string): string;
+/**
+ * 函数防抖
+ * @param {*} fn 执行的函数
+ * @param {*} delay 延时时间
+ * @param {*} immediate 是否立即执行
+ */
+export declare function debounce(delay: number, fn: Function, immediate?: boolean): {
+    (this: any): any;
+    cancel(): void;
+};
+/**
+ * 过滤（去除）对象中的某个属性
+ * @param data 需要处理的对象
+ * @param filter 过滤关键字
+ * @returns object 去除属性之后的对象
+ */
+export declare function filterProperty(data: object, filter: string[]): any;
+export declare function arrayEqual(arr1?: string[], arr2?: string[]): boolean;

package/lib/shared/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@popperjs/core"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["@popperjs/core","vue-types"],t);else{var n="object"==typeof exports?t(require("@popperjs/core"),require("vue-types")):t(e["@popperjs/core"],e["vue-types"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t)=>(()=>{"use strict";var n={5798:t=>{t.exports=e},210:e=>{e.exports=t}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,i),o.exports}i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{function e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s,a;i.r(o),i.d(o,{BKLAYERD_INDEX_EFAULT_VALUE:()=>u,BKLAYERTYPE:()=>a,BKPopover:()=>M,BkMaskManager:()=>A,EMPTY_OBJ:()=>Y,Placements:()=>B,PropTypes:()=>H,Size:()=>V,bKMaskManager:()=>N,bkPopIndexManager:()=>U,bkZIndexManager:()=>c,classes:()=>K,clone:()=>O,elementsEqual:()=>I,finiteOrDefault:()=>b,isArray:()=>y,isElement:()=>w,isEmpty:()=>v,isEmptyObj:()=>$,isFinite:()=>m,isNullOrUndef:()=>h,isObject:()=>g,merge:()=>E,mergeIf:()=>j,mergerFn:()=>S,mergerIfFn:()=>T,noop:()=>W,random:()=>L,renderEmptyVNode:()=>Z,resolveClassName:()=>Q,scrollbarWidth:()=>G,stringEnum:()=>F,valueOrDefault:()=>k,withInstall:()=>J,withInstallProps:()=>X}),function(e){e.BOTTOM="bottom",e.CONTENT="content",e.NAVI="navi",e.FULLSCREEN="fullScreen",e.PLUGINS="plugins",e.MODAL="modal",e.MESSAGE="message",e.POPPER="popper"}(a||(a={}));var u=(r(s={},a.BOTTOM,0),r(s,a.CONTENT,1),r(s,a.NAVI,100),r(s,a.FULLSCREEN,1e3),r(s,a.MODAL,3e3),r(s,a.PLUGINS,8e3),r(s,a.MESSAGE,1e4),r(s,a.POPPER,99999),s),c=new(function(){function t(){e(this,t),this.storageLayerIndexValue={},this.copyDefaultValue()}return n(t,[{key:"getNextIndex",value:function(e){return Object.prototype.hasOwnProperty.call(this.storageLayerIndexValue,e)?(this.storageLayerIndexValue[e]=this.storageLayerIndexValue[e]+1,this.storageLayerIndexValue[e]):(this.storageLayerIndexValue[a.MODAL]=this.storageLayerIndexValue[a.MODAL]+1,this.storageLayerIndexValue[a.MODAL])}},{key:"getModalNextIndex",value:function(){return this.getNextIndex(a.MODAL)}},{key:"getMessageNextIndex",value:function(){return this.getNextIndex(a.MESSAGE)}},{key:"getFullScreenNextIndex",value:function(){return this.getNextIndex(a.FULLSCREEN)}},{key:"getNaviNextIndex",value:function(){return this.getNextIndex(a.NAVI)}},{key:"getPopperIndex",value:function(){return u.popper}},{key:"setDefaultZIndex",value:function(e){var t=this;Object.keys(e||{}).forEach((function(n){Object.prototype.hasOwnProperty.call(t.storageLayerIndexValue.__proto__,n)&&Object.assign(t.storageLayerIndexValue.__proto__,r({},n,e[n]))})),this.copyDefaultValue()}},{key:"resetZIndex",value:function(e){var t=this;Object.keys(e||{}).forEach((function(n){Object.prototype.hasOwnProperty.call(t.storageLayerIndexValue,n)&&Object.assign(t.storageLayerIndexValue,r({},n,e[n]))}))}},{key:"copyDefaultValue",value:function(){var e=Object.keys(u).reduce((function(e,t){return Object.assign(e,r({},t,{value:u[t],writable:!0,configurable:!0}))}),{});this.storageLayerIndexValue=Object.create(u,e)}}]),t}());function l(e){return l="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},l(e)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var d=i(5798);function h(e){return null==e}function v(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return""===e||!!t&&h(e)}function y(e){if(Array.isArray(e))return!0;var t=Object.prototype.toString.call(e);return"[object"===t.substr(0,7)&&"Array]"===t.substr(-6)}function g(e){return null!==e&&/^\[object (Object|Module)\]/.test(Object.prototype.toString.call(e))}var m=function(e){return("number"==typeof e||e instanceof Number)&&isFinite(+e)};function b(e,t){return m(e)?e:t}function k(e,t){return void 0===e?t:e}function I(e,t){var n,r,i,o;if(!e||!t||e.length!==t.length)return!1;for(n=0,r=e.length;n<r;++n)if(i=e[n],o=t[n],i.datasetIndex!==o.datasetIndex||i.index!==o.index)return!1;return!0}function O(e){if(y(e))return e.map(O);if(g(e)){for(var t=Object.create(null),n=Object.keys(e),r=n.length,i=0;i<r;++i)t[n[i]]=O(e[n[i]]);return t}return e}function x(e){return-1===["__proto__","prototype","constructor"].indexOf(e)}function S(e,t,n,r){if(x(e)){var i=t[e],o=n[e];g(i)&&g(o)?E(i,o,r):t[e]=O(o)}}function E(e,t,n){var r=y(t)?t:[t],i=r.length;if(!g(e))return e;for(var o=(n=n||{}).merger||S,s=0;s<i;++s)if(g(t=r[s]))for(var a=Object.keys(t),u=0,c=a.length;u<c;++u)o(a[u],e,t,n);return e}function j(e,t){return E(e,t,{merger:T})}function T(e,t,n){if(x(e)){var r=t[e],i=n[e];g(r)&&g(i)?j(r,i):Object.prototype.hasOwnProperty.call(t,e)||(t[e]=O(i))}}function w(e){try{return e instanceof HTMLElement}catch(t){return"object"===l(e)&&1===e.nodeType&&"object"===l(e.style)&&"object"===l(e.ownerDocument)}}var M=function(){function t(n,r,i){var o,s;e(this,t),this.isShow=!1,this.trigger=void 0,this.instance=void 0,this.reference=void 0,this.referenceTarget=void 0,this.popperRefer=void 0,this.delay=50,this.isInnerPopper=!1,this.disabled=!1,this.afterShow=null,this.afterHidden=null,this.appendTo="parent",this.container=null,this.fixOnBoundary=!1,this.instanceOptions=this.initDefaultOptions(i),this.reference=this.resolveInputSelectorToHtmlElement(n),this.popperRefer=this.resolveInputSelectorToHtmlElement(r),this.referenceTarget=this.getTargetReferenceElement(),this.container=null===(o=this.popperRefer)||void 0===o?void 0:o.parentElement,this.isShow=!!(null===(s=this.instanceOptions)||void 0===s?void 0:s.isShow),this.trigger=this.instanceOptions.trigger,this.disabled=this.instanceOptions.disabled,this.appendTo=this.instanceOptions.appendTo,this.afterHidden="function"==typeof i.afterHidden?i.afterHidden:function(){},this.afterShow="function"==typeof i.afterShow?i.afterShow:function(){},this.fixOnBoundary=this.instanceOptions.fixOnBoundary,this.initInstance(),this.registerEvents(),this.isShow&&this.show(null)}return n(t,[{key:"forceUpdate",value:function(){var e;null===(e=this.instance)||void 0===e||e.forceUpdate()}},{key:"update",value:function(){var e;null===(e=this.instance)||void 0===e||e.update()}},{key:"updateOptions",value:function(e){var t;this.instanceOptions=this.initDefaultOptions(e),this.isShow=!!(null===(t=this.instanceOptions)||void 0===t?void 0:t.isShow),this.trigger=this.instanceOptions.trigger,this.disabled=this.instanceOptions.disabled,this.setOptions(this.instanceOptions)}},{key:"setOptions",value:function(e){var t;null===(t=this.instance)||void 0===t||t.setOptions(e)}},{key:"destroy",value:function(){var e;null===(e=this.instance)||void 0===e||e.destroy()}},{key:"updateDisabled",value:function(e){this.disabled=null!=e?e:!this.disabled,this.disabled&&this.hide()}},{key:"show",value:function(e){var t;this.disabled||(null===(t=this.popperRefer)||void 0===t||t.setAttribute("data-show",""),this.setOptions({modifiers:[].concat(f(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!0}])}),this.update(),this.isShow=!0,this.afterShow(),this.fixOnBoundary||this.appendToTarget())}},{key:"hide",value:function(){var e;null===(e=this.popperRefer)||void 0===e||e.removeAttribute("data-show"),this.setOptions({modifiers:[].concat(f(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!1}])}),this.isShow=!1,this.isInnerPopper=!1,this.afterHidden(),this.fixOnBoundary||this.restorePopContent()}},{key:"restorePopContent",value:function(){var e=this.getAppendToTarget();w(e)&&e.contains(this.popperRefer)&&this.container&&!this.container.contains(this.popperRefer)&&this.container.append(this.popperRefer)}},{key:"appendToTarget",value:function(){var e=this.getAppendToTarget();w(e)&&e.contains(this.popperRefer)&&e.append(this.popperRefer)}},{key:"getAppendToTarget",value:function(){var e=this.appendTo,t=e;return"parent"!==e&&"string"==typeof e&&(t=document.querySelector(e)),t}},{key:"initDefaultOptions",value:function(e){var t=this,n=E({placement:"top",modifiers:[{name:"offset",options:{offset:[0,8]}}],strategy:"absolute",onFirstUpdate:void 0,isShow:!1,theme:"dark",trigger:"hover",disabled:!1},e||{}),r=n.onFirstUpdate;return n.onFirstUpdate=function(e){"function"==typeof r&&(r.call(t,e),t.handleFirstUpdate())},n}},{key:"handleFirstUpdate",value:function(){this.fixOnBoundary&&this.appendToTarget()}},{key:"getTargetReferenceElement",value:function(){return this.isElement(this.reference)&&1===this.reference.childElementCount?this.reference.firstElementChild:this.reference}},{key:"initInstance",value:function(){var e,t;this.referenceTarget&&(this.referenceTarget&&this.popperRefer?(this.instance=(0,d.createPopper)(this.referenceTarget,this.popperRefer,this.instanceOptions),null===(e=this.popperRefer)||void 0===e||e.setAttribute("data-theme",null!==(t=this.instanceOptions.theme)&&void 0!==t?t:"dark")):console.error("reference or popperRefer is null, please check html element."))}},{key:"resolveInputSelectorToHtmlElement",value:function(e){if(this.isElement(e))return e;if("string"==typeof e)return document.querySelector(e);if("object"===l(e)){if(Object.prototype.hasOwnProperty.call(e,"getBoundingClientRect"))return e}else console.error("'getBoundingClientRect' is needed when use virtual elements");return null}},{key:"isElement",value:function(e){return w(e)}},{key:"registerEvents",value:function(){var e=this;this.isElement(this.referenceTarget)&&"hover"===this.trigger&&(["mouseenter","focus"].forEach((function(t){e.referenceTarget.addEventListener(t,(function(n){"mouseenter"===t&&(e.isInnerPopper=!0),e.show(n)}))})),["mouseleave","blur"].forEach((function(t){e.referenceTarget.addEventListener(t,(function(){e.isInnerPopper=!1,setTimeout((function(){!e.isInnerPopper&&e.hide()}),e.delay)}))})),this.isElement(this.popperRefer)&&["mouseenter","mouseleave"].forEach((function(t){e.popperRefer.addEventListener(t,(function(){"mouseenter"===t&&(e.isInnerPopper=!0),"mouseleave"===t&&e.hide()}))}))),"click"===this.trigger&&["click"].forEach((function(t){document.body.addEventListener(t,(function(t){e.isSameElement(t.target,e.reference)||e.reference.contains(t.target)?e.show(t):e.isShow&&!e.isSameElement(t.target,e.popperRefer)&&e.hide()}))}))}},{key:"isSameElement",value:function(e,t){return e&&(e===t||e===t.firstElementChild)}}]),t}(),P="abcdefghijklmnopqrstuvwxyz0123456789",L=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:P,n="",r=0;r<e;r++)n+=t[parseInt((Math.random()*t.length).toString(),10)];return n},A=function(){function t(n){e(this,t),this.multiInstance=!1,this.uniqueMaskAttrTag="",this.parentNode=document.body,this.activeInstance=void 0,this.zIndexStore=new Map,this.lastUUID=null,this.maskStyle={position:"absolute",left:0,top:0,bottom:0,right:0,display:"none","background-color":"rgba(0,0,0,.6)"};var r=n||{},i=r.multiInstance,o=void 0!==i&&i,s=r.maskAttrTag,a=void 0===s?"auto":s,u=r.parentNode,c=void 0===u?document.body:u,l=r.maskStyle,p=void 0===l?{}:l;this.activeInstance=void 0,this.multiInstance=o,this.uniqueMaskAttrTag=this.getMaskAttrTag(a),this.parentNode=c||document,this.mask=this.getMask(),this.backupMask=this.createMask("data-bk-backup-uid"),this.setMaskStyle(Object.assign({},this.maskStyle,p))}return n(t,[{key:"show",value:function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,o=null!=i?i:L(16),s=/-?\d+/.test("".concat(t))?t:c.getModalNextIndex(),a=Object.assign({},this.maskStyle,r||{});if(!n&&this.lastUUID){var u=this.zIndexStore.get(this.lastUUID);a=u.style}this.storeMaskInsCfg({zIndex:s,style:Object.assign({},a),uuid:o,preUID:this.lastUUID}),this.setMaskStyle(a),this.mask.style.setProperty("display","block"),this.mask.style.setProperty("z-index","".concat(s)),this.backupMask.style.setProperty("z-index","".concat(s-1)),e&&(this.activeInstance=e,this.appendContentToMask(e))}},{key:"hide",value:function(e,t){var n,r=null!=t?t:this.lastUUID;this.mask.style.setProperty("display","none"),null==e||e.remove(),null===(n=this.activeInstance)||void 0===n||n.remove(),this.activeInstance=void 0,this.popIndexStore(r)}},{key:"storeMaskInsCfg",value:function(e){return this.zIndexStore.set(e.uuid,e),this.lastUUID=e.uuid,this.zIndexStore.get(e.uuid)}},{key:"popIndexStore",value:function(e){if(this.zIndexStore.has(e)){var t=this.zIndexStore.get(e);return this.lastUUID=t.preUID,this.zIndexStore.delete(e)}return this.lastUUID=null,!1}},{key:"backupActiveInstance",value:function(){this.activeInstance&&this.backupMask.append(this.activeInstance)}},{key:"backupContentElement",value:function(e){e&&this.backupMask.append(e)}},{key:"getActiveContentInstance",value:function(){return this.activeInstance}},{key:"getMask",value:function(){if(this.multiInstance)return this.createMask();var e=this.parentNode.querySelector("[data-bkmask-uid='".concat(this.uniqueMaskAttrTag,"']"));return e||(e=this.createMask()),e}},{key:"createMask",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"data-bk-mask-uid",t=document.createElement("div");return t.setAttribute(e,this.uniqueMaskAttrTag),this.parentNode.append(t),t}},{key:"setMaskStyle",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.mask&&Object.entries(t).forEach((function(t){return e.mask.style.setProperty(t[0],t[1])}))}},{key:"getMaskAttrTag",value:function(e){return/^(auto|\s+)$/i.test(e)||null==e||""===e?"__bk_mask_".concat(L(16)):e}},{key:"appendContentToMask",value:function(e){this.mask.append(e)}}]),t}(),N=new A({}),U=new(function(){function t(){e(this,t),this.popInstanceList=[],this.uuidAttrName="data-bk-pop-uuid"}return n(t,[{key:"show",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var r=c.getModalNextIndex(),i=L(16);e.setAttribute(this.uuidAttrName,i),this.popInstanceList.push({uuid:i,zIndex:r,content:e,showMask:t,appendStyle:n}),t&&N.backupActiveInstance(),N.show(e,r,t,n,i)}else console.warn("pop show error: content is null or undefined")}},{key:"popHide",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];if(this.popInstanceList.length){if(e){var t=this.popInstanceList.pop();N.popIndexStore(t.uuid),t.remove()}if(this.popInstanceList.length){var n=this.popInstanceList.slice(-1)[0],r=n.zIndex,i=n.content,o=n.showMask,s=n.appendStyle,a=n.uuid;N.show(i,r,o,s,a)}else N.hide()}}},{key:"hide",value:function(e){var t=null==e?void 0:e.getAttribute(this.uuidAttrName);if(t){var n=this.popInstanceList.findIndex((function(e){return e.uuid===t}));n>=0&&(this.popInstanceList[n].content.remove(),this.popInstanceList.splice(n,1),N.popIndexStore(t),this.popInstanceList.length?this.popHide(!1):N.hide())}else null==e||e.remove()}}]),t}());function R(e,t){return R=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},R(e,t)}function D(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function _(e){return _=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},_(e)}var C=i(210);var V,B,z=(0,C.createTypes)({});function F(e){return e.reduce((function(e,t){return e[t]=t,e}),Object.create(null))}!function(e){e.Small="small",e.Large="large"}(V||(V={})),function(e){e.Top="top",e.Left="left",e.Right="right",e.Bottom="bottom"}(B||(B={}));var q,H=function(t){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&R(e,t)}(s,t);var r,i,o=(r=s,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=_(r);if(i){var n=_(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return D(this,e)});function s(){return e(this,s),o.apply(this,arguments)}return n(s,null,[{key:"size",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["small","default","large"];return(0,C.toType)("Size",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid size, ".concat(t,", the size must be one of 【").concat(e.join(" | "),"】")),1))},default:"default"})}},{key:"theme",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["primary","warning","success","danger"];return(0,C.toType)("Theme",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid theme, ".concat(t,", the theme must be one of 【").concat(e.join(" | "),"】")),1))}})}},{key:"placement",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["top","left","right","bottom"];return(0,C.toType)("Placements",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid placements, ".concat(t,", the placement must be one of 【").concat(e.join(" | "),"】")),1))},default:"top"})}},{key:"commonType",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"commonType";return(0,C.toType)(t.replace(/^\S/,(function(e){return e.toUpperCase()})),{type:String,validator:function(n){var r=e.includes(n);return r||console.error("invalid ".concat(t,", ").concat(n,", the ").concat(t," must be one of 【").concat(e.join(" | "),"】")),r},default:e[0]})}},{key:"style",value:function(){return(0,C.toType)("Style",{type:[String,Object]})}},{key:"position",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["top-left","top-right","bottom-left","bottom-right"];return(0,C.toType)("positions",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid positions, ".concat(t,", the position must be one of 【").concat(e.join(" | "),"】")),1))},default:"top-center"})}}]),s}(z);function G(){if(void 0!==q)return q;var e=document.createElement("div");e.className="bk-scrollbar-wrap",e.style.visibility="hidden",e.style.width="100px",e.style.position="absolute",e.style.top="-9999px",document.body.appendChild(e);var t=e.offsetWidth;e.style.overflow="scroll";var n=document.createElement("div");n.style.width="100%",e.appendChild(n);var r=n.offsetWidth;return e.parentNode.removeChild(e),q=t-r}function K(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Object.entries(e).filter((function(e){return e[1]})).map((function(e){return e[0]})).join(" ").concat(t?" ".concat(t):"")}var Y=Object.create({}),W=function(){},Z=function(){return null},$=function(e){return Object.keys(e).length<1},J=function(e){return e.install=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.prefix,i=t.config.globalProperties.bkUIPrefix||r||"Bk";t.component(i+e.name,e)},e},X=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.install=function(r){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=i.prefix,s=r.config.globalProperties.bkUIPrefix||o||"Bk";r.component(s+e.name,e),!n&&Object.values(t).forEach((function(e){r.component(s+e.name,e)}))},Object.keys(t).forEach((function(n){e[n]=t[n]})),e};function Q(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"bk";return"".concat(t,"-").concat(e)}})(),o})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@popperjs/core"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["@popperjs/core","vue-types"],t);else{var n="object"==typeof exports?t(require("@popperjs/core"),require("vue-types")):t(e["@popperjs/core"],e["vue-types"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t)=>(()=>{"use strict";var n={5798:t=>{t.exports=e},210:e=>{e.exports=t}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,i),o.exports}i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{function e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s,a;i.r(o),i.d(o,{BKLAYERD_INDEX_EFAULT_VALUE:()=>u,BKLAYERTYPE:()=>a,BKPopover:()=>P,BkMaskManager:()=>A,EMPTY_OBJ:()=>Y,Placements:()=>B,PropTypes:()=>H,Size:()=>V,arrayEqual:()=>ne,bKMaskManager:()=>N,bkPopIndexManager:()=>U,bkZIndexManager:()=>c,classes:()=>K,clone:()=>O,debounce:()=>ee,elementsEqual:()=>I,filterProperty:()=>te,finiteOrDefault:()=>b,isArray:()=>y,isElement:()=>j,isEmpty:()=>v,isEmptyObj:()=>Z,isFinite:()=>m,isNullOrUndef:()=>d,isObject:()=>g,merge:()=>T,mergeIf:()=>E,mergerFn:()=>S,mergerIfFn:()=>w,noop:()=>J,random:()=>L,renderEmptyVNode:()=>W,resolveClassName:()=>Q,scrollbarWidth:()=>G,stringEnum:()=>q,valueOrDefault:()=>k,withInstall:()=>$,withInstallProps:()=>X}),function(e){e.BOTTOM="bottom",e.CONTENT="content",e.NAVI="navi",e.FULLSCREEN="fullScreen",e.PLUGINS="plugins",e.MODAL="modal",e.MESSAGE="message",e.POPPER="popper"}(a||(a={}));var u=(r(s={},a.BOTTOM,0),r(s,a.CONTENT,1),r(s,a.NAVI,100),r(s,a.FULLSCREEN,1e3),r(s,a.MODAL,3e3),r(s,a.PLUGINS,8e3),r(s,a.MESSAGE,1e4),r(s,a.POPPER,99999),s),c=new(function(){function t(){e(this,t),this.storageLayerIndexValue={},this.copyDefaultValue()}return n(t,[{key:"getNextIndex",value:function(e){return Object.prototype.hasOwnProperty.call(this.storageLayerIndexValue,e)?(this.storageLayerIndexValue[e]=this.storageLayerIndexValue[e]+1,this.storageLayerIndexValue[e]):(this.storageLayerIndexValue[a.MODAL]=this.storageLayerIndexValue[a.MODAL]+1,this.storageLayerIndexValue[a.MODAL])}},{key:"getModalNextIndex",value:function(){return this.getNextIndex(a.MODAL)}},{key:"getMessageNextIndex",value:function(){return this.getNextIndex(a.MESSAGE)}},{key:"getFullScreenNextIndex",value:function(){return this.getNextIndex(a.FULLSCREEN)}},{key:"getNaviNextIndex",value:function(){return this.getNextIndex(a.NAVI)}},{key:"getPopperIndex",value:function(){return u.popper}},{key:"setDefaultZIndex",value:function(e){var t=this;Object.keys(e||{}).forEach((function(n){Object.prototype.hasOwnProperty.call(t.storageLayerIndexValue.__proto__,n)&&Object.assign(t.storageLayerIndexValue.__proto__,r({},n,e[n]))})),this.copyDefaultValue()}},{key:"resetZIndex",value:function(e){var t=this;Object.keys(e||{}).forEach((function(n){Object.prototype.hasOwnProperty.call(t.storageLayerIndexValue,n)&&Object.assign(t.storageLayerIndexValue,r({},n,e[n]))}))}},{key:"copyDefaultValue",value:function(){var e=Object.keys(u).reduce((function(e,t){return Object.assign(e,r({},t,{value:u[t],writable:!0,configurable:!0}))}),{});this.storageLayerIndexValue=Object.create(u,e)}}]),t}());function l(e){return l="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},l(e)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var h=i(5798);function d(e){return null==e}function v(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return""===e||!!t&&d(e)}function y(e){if(Array.isArray(e))return!0;var t=Object.prototype.toString.call(e);return"[object"===t.substr(0,7)&&"Array]"===t.substr(-6)}function g(e){return null!==e&&/^\[object (Object|Module)\]/.test(Object.prototype.toString.call(e))}var m=function(e){return("number"==typeof e||e instanceof Number)&&isFinite(+e)};function b(e,t){return m(e)?e:t}function k(e,t){return void 0===e?t:e}function I(e,t){var n,r,i,o;if(!e||!t||e.length!==t.length)return!1;for(n=0,r=e.length;n<r;++n)if(i=e[n],o=t[n],i.datasetIndex!==o.datasetIndex||i.index!==o.index)return!1;return!0}function O(e){if(y(e))return e.map(O);if(g(e)){for(var t=Object.create(null),n=Object.keys(e),r=n.length,i=0;i<r;++i)t[n[i]]=O(e[n[i]]);return t}return e}function x(e){return-1===["__proto__","prototype","constructor"].indexOf(e)}function S(e,t,n,r){if(x(e)){var i=t[e],o=n[e];g(i)&&g(o)?T(i,o,r):t[e]=O(o)}}function T(e,t,n){var r=y(t)?t:[t],i=r.length;if(!g(e))return e;for(var o=(n=n||{}).merger||S,s=0;s<i;++s)if(g(t=r[s]))for(var a=Object.keys(t),u=0,c=a.length;u<c;++u)o(a[u],e,t,n);return e}function E(e,t){return T(e,t,{merger:w})}function w(e,t,n){if(x(e)){var r=t[e],i=n[e];g(r)&&g(i)?E(r,i):Object.prototype.hasOwnProperty.call(t,e)||(t[e]=O(i))}}function j(e){try{return e instanceof HTMLElement}catch(t){return"object"===l(e)&&1===e.nodeType&&"object"===l(e.style)&&"object"===l(e.ownerDocument)}}var P=function(){function t(n,r,i){var o,s;e(this,t),this.isShow=!1,this.trigger=void 0,this.instance=void 0,this.always=!1,this.reference=void 0,this.referenceTarget=void 0,this.popperRefer=void 0,this.delay=50,this.isInnerPopper=!1,this.disabled=!1,this.afterShow=null,this.afterHidden=null,this.appendTo="parent",this.container=null,this.fixOnBoundary=!1,this.instanceOptions=this.initDefaultOptions(i),this.reference=this.resolveInputSelectorToHtmlElement(n),this.popperRefer=this.resolveInputSelectorToHtmlElement(r),this.referenceTarget=this.getTargetReferenceElement(),this.container=null===(o=this.popperRefer)||void 0===o?void 0:o.parentElement,this.isShow=!!(null===(s=this.instanceOptions)||void 0===s?void 0:s.isShow),this.always=this.instanceOptions.always,this.trigger=this.instanceOptions.trigger,this.disabled=this.instanceOptions.disabled,this.appendTo=this.instanceOptions.appendTo,this.afterHidden="function"==typeof i.afterHidden?i.afterHidden:function(){},this.afterShow="function"==typeof i.afterShow?i.afterShow:function(){},this.fixOnBoundary=this.instanceOptions.fixOnBoundary,this.initInstance(),this.registerEvents(),(this.isShow||this.always)&&this.show(null)}return n(t,[{key:"forceUpdate",value:function(){var e;null===(e=this.instance)||void 0===e||e.forceUpdate()}},{key:"update",value:function(){var e;null===(e=this.instance)||void 0===e||e.update()}},{key:"updateOptions",value:function(e){var t;this.instanceOptions=this.initDefaultOptions(e),this.isShow=!!(null===(t=this.instanceOptions)||void 0===t?void 0:t.isShow),this.trigger=this.instanceOptions.trigger,this.disabled=this.instanceOptions.disabled,this.setOptions(this.instanceOptions)}},{key:"setOptions",value:function(e){var t;null===(t=this.instance)||void 0===t||t.setOptions(e)}},{key:"destroy",value:function(){var e;null===(e=this.instance)||void 0===e||e.destroy()}},{key:"updateDisabled",value:function(e){this.disabled=null!=e?e:!this.disabled,this.disabled&&this.hide()}},{key:"show",value:function(e){var t;this.disabled||(null===(t=this.popperRefer)||void 0===t||t.setAttribute("data-show",""),this.setOptions({modifiers:[].concat(f(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!0}])}),this.update(),this.isShow=!0,this.afterShow(),this.fixOnBoundary||this.appendToTarget())}},{key:"hide",value:function(){var e;this.always||(null===(e=this.popperRefer)||void 0===e||e.removeAttribute("data-show"),this.setOptions({modifiers:[].concat(f(this.instanceOptions.modifiers||[]),[{name:"eventListeners",enabled:!1}])}),this.isShow=!1,this.isInnerPopper=!1,this.afterHidden(),this.fixOnBoundary||this.restorePopContent())}},{key:"restorePopContent",value:function(){var e=this.getAppendToTarget();j(e)&&e.contains(this.popperRefer)&&this.container&&!this.container.contains(this.popperRefer)&&this.container.append(this.popperRefer)}},{key:"appendToTarget",value:function(){var e=this.getAppendToTarget();j(e)&&e.contains(this.popperRefer)&&e.append(this.popperRefer)}},{key:"getAppendToTarget",value:function(){var e=this.appendTo,t=e;return"parent"!==e&&"string"==typeof e&&(t=document.querySelector(e)),t}},{key:"initDefaultOptions",value:function(e){var t=this,n=T({placement:"top",modifiers:[{name:"offset",options:{offset:[0,8]}}],strategy:"absolute",onFirstUpdate:void 0,isShow:!1,theme:"dark",trigger:"hover",disabled:!1},e||{}),r=n.onFirstUpdate;return n.onFirstUpdate=function(e){"function"==typeof r&&(r.call(t,e),t.handleFirstUpdate())},n}},{key:"handleFirstUpdate",value:function(){this.fixOnBoundary&&this.appendToTarget()}},{key:"getTargetReferenceElement",value:function(){return this.isElement(this.reference)&&1===this.reference.childElementCount?this.reference.firstElementChild:this.reference}},{key:"initInstance",value:function(){var e,t;this.referenceTarget&&(this.referenceTarget&&this.popperRefer?(this.instance=(0,h.createPopper)(this.referenceTarget,this.popperRefer,this.instanceOptions),null===(e=this.popperRefer)||void 0===e||e.setAttribute("data-theme",null!==(t=this.instanceOptions.theme)&&void 0!==t?t:"dark")):console.error("reference or popperRefer is null, please check html element."))}},{key:"resolveInputSelectorToHtmlElement",value:function(e){if(this.isElement(e))return e;if("string"==typeof e)return document.querySelector(e);if("object"===l(e)){if(Object.prototype.hasOwnProperty.call(e,"getBoundingClientRect"))return e}else console.error("'getBoundingClientRect' is needed when use virtual elements");return null}},{key:"isElement",value:function(e){return j(e)}},{key:"registerEvents",value:function(){var e=this;this.isElement(this.referenceTarget)&&"hover"===this.trigger&&(["mouseenter","focus"].forEach((function(t){e.referenceTarget.addEventListener(t,(function(n){"mouseenter"===t&&(e.isInnerPopper=!0),e.show(n)}))})),["mouseleave","blur"].forEach((function(t){e.referenceTarget.addEventListener(t,(function(){e.isInnerPopper=!1,setTimeout((function(){!e.isInnerPopper&&e.hide()}),e.delay)}))})),this.isElement(this.popperRefer)&&["mouseenter","mouseleave"].forEach((function(t){e.popperRefer.addEventListener(t,(function(){"mouseenter"===t&&(e.isInnerPopper=!0),"mouseleave"===t&&e.hide()}))}))),"click"===this.trigger&&["click"].forEach((function(t){document.body.addEventListener(t,(function(t){e.isSameElement(t.target,e.reference)||e.reference.contains(t.target)?e.show(t):e.isShow&&!e.isSameElement(t.target,e.popperRefer)&&e.hide()}))}))}},{key:"isSameElement",value:function(e,t){return e&&(e===t||e===t.firstElementChild)}}]),t}(),M="abcdefghijklmnopqrstuvwxyz0123456789",L=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:M,n="",r=0;r<e;r++)n+=t[parseInt((Math.random()*t.length).toString(),10)];return n},A=function(){function t(n){e(this,t),this.multiInstance=!1,this.uniqueMaskAttrTag="",this.parentNode=document.body,this.activeInstance=void 0,this.zIndexStore=new Map,this.lastUUID=null,this.maskStyle={position:"absolute",left:0,top:0,bottom:0,right:0,display:"none","background-color":"rgba(0,0,0,.6)"};var r=n||{},i=r.multiInstance,o=void 0!==i&&i,s=r.maskAttrTag,a=void 0===s?"auto":s,u=r.parentNode,c=void 0===u?document.body:u,l=r.maskStyle,p=void 0===l?{}:l;this.activeInstance=void 0,this.multiInstance=o,this.uniqueMaskAttrTag=this.getMaskAttrTag(a),this.parentNode=c||document,this.mask=this.getMask(),this.backupMask=this.createMask("data-bk-backup-uid"),this.setMaskStyle(Object.assign({},this.maskStyle,p))}return n(t,[{key:"show",value:function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,o=arguments.length>5&&void 0!==arguments[5]&&arguments[5],s=null!=i?i:L(16),a=/-?\d+/.test("".concat(t))?t:c.getModalNextIndex(),u=Object.assign({},this.maskStyle,r||{});if(!n&&this.lastUUID){var l=this.zIndexStore.get(this.lastUUID);u=l.style}this.storeMaskInsCfg({zIndex:a,style:Object.assign({},u),uuid:s,preUID:this.lastUUID}),this.setMaskStyle(u),this.mask.style.setProperty("display","block"),this.mask.style.setProperty("z-index","".concat(a)),this.backupMask.style.setProperty("z-index","".concat(a-1)),e&&(o&&e.style.setProperty("z-index","".concat(a+1)),this.activeInstance=e,o||this.appendContentToMask(e))}},{key:"hide",value:function(){var e,t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,i=null!=r?r:this.lastUUID;this.mask.style.setProperty("display","none"),t||(null==n||n.remove(),null===(e=this.activeInstance)||void 0===e||e.remove()),this.activeInstance=void 0,this.popIndexStore(i)}},{key:"storeMaskInsCfg",value:function(e){return this.zIndexStore.set(e.uuid,e),this.lastUUID=e.uuid,this.zIndexStore.get(e.uuid)}},{key:"popIndexStore",value:function(e){if(this.zIndexStore.has(e)){var t=this.zIndexStore.get(e);return this.lastUUID=t.preUID,this.zIndexStore.delete(e)}return this.lastUUID=null,!1}},{key:"backupActiveInstance",value:function(){this.activeInstance&&this.backupMask.append(this.activeInstance)}},{key:"backupContentElement",value:function(e){e&&this.backupMask.append(e)}},{key:"getActiveContentInstance",value:function(){return this.activeInstance}},{key:"getMask",value:function(){if(this.multiInstance)return this.createMask();var e=this.parentNode.querySelector("[data-bkmask-uid='".concat(this.uniqueMaskAttrTag,"']"));return e||(e=this.createMask()),e}},{key:"createMask",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"data-bk-mask-uid",t=document.createElement("div");return t.setAttribute(e,this.uniqueMaskAttrTag),this.parentNode.append(t),t}},{key:"setMaskStyle",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.mask&&Object.entries(t).forEach((function(t){return e.mask.style.setProperty(t[0],t[1])}))}},{key:"getMaskAttrTag",value:function(e){return/^(auto|\s+)$/i.test(e)||null==e||""===e?"__bk_mask_".concat(L(16)):e}},{key:"appendContentToMask",value:function(e){this.mask.append(e)}}]),t}(),N=new A({}),U=new(function(){function t(){e(this,t),this.popInstanceList=[],this.uuidAttrName="data-bk-pop-uuid"}return n(t,[{key:"show",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(e){var i=c.getModalNextIndex(),o=L(16);e.setAttribute(this.uuidAttrName,o),this.popInstanceList.push({uuid:o,zIndex:i,content:e,showMask:t,appendStyle:n}),t&&N.backupActiveInstance(),N.show(e,i,t,n,o,r)}else console.warn("pop show error: content is null or undefined")}},{key:"popHide",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];if(this.popInstanceList.length){if(e){var t=this.popInstanceList.pop();N.popIndexStore(t.uuid),t.remove()}if(this.popInstanceList.length){var n=this.popInstanceList.slice(-1)[0],r=n.zIndex,i=n.content,o=n.showMask,s=n.appendStyle,a=n.uuid;N.show(i,r,o,s,a)}else N.hide()}}},{key:"hide",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=null==e?void 0:e.getAttribute(this.uuidAttrName);if(n){var r=this.popInstanceList.findIndex((function(e){return e.uuid===n}));r>=0&&(t||this.popInstanceList[r].content.remove(),this.popInstanceList.splice(r,1),N.popIndexStore(n),this.popInstanceList.length?this.popHide(!1):N.hide(t))}else null==e||e.remove()}}]),t}());function R(e,t){return R=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},R(e,t)}function D(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function _(e){return _=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},_(e)}var C=i(210);var V,B,z=(0,C.createTypes)({});function q(e){return e.reduce((function(e,t){return e[t]=t,e}),Object.create(null))}!function(e){e.Small="small",e.Large="large"}(V||(V={})),function(e){e.Top="top",e.Left="left",e.Right="right",e.Bottom="bottom"}(B||(B={}));var F,H=function(t){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&R(e,t)}(s,t);var r,i,o=(r=s,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=_(r);if(i){var n=_(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return D(this,e)});function s(){return e(this,s),o.apply(this,arguments)}return n(s,null,[{key:"size",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["small","default","large"];return(0,C.toType)("Size",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid size, ".concat(t,", the size must be one of 【").concat(e.join(" | "),"】")),1))},default:"default"})}},{key:"theme",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["primary","warning","success","danger"];return(0,C.toType)("Theme",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid theme, ".concat(t,", the theme must be one of 【").concat(e.join(" | "),"】")),1))}})}},{key:"placement",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["top","left","right","bottom"];return(0,C.toType)("Placements",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid placements, ".concat(t,", the placement must be one of 【").concat(e.join(" | "),"】")),1))},default:"top"})}},{key:"commonType",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"commonType";return(0,C.toType)(t.replace(/^\S/,(function(e){return e.toUpperCase()})),{type:String,validator:function(n){var r=e.includes(n);return r||console.error("invalid ".concat(t,", ").concat(n,", the ").concat(t," must be one of 【").concat(e.join(" | "),"】")),r},default:e[0]})}},{key:"style",value:function(){return(0,C.toType)("Style",{type:[String,Object]})}},{key:"position",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["top-left","top-right","bottom-left","bottom-right"];return(0,C.toType)("positions",{type:String,validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid positions, ".concat(t,", the position must be one of 【").concat(e.join(" | "),"】")),1))},default:"top-center"})}}]),s}(z);function G(){if(void 0!==F)return F;var e=document.createElement("div");e.className="bk-scrollbar-wrap",e.style.visibility="hidden",e.style.width="100px",e.style.position="absolute",e.style.top="-9999px",document.body.appendChild(e);var t=e.offsetWidth;e.style.overflow="scroll";var n=document.createElement("div");n.style.width="100%",e.appendChild(n);var r=n.offsetWidth;return e.parentNode.removeChild(e),F=t-r}function K(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Object.entries(e).filter((function(e){return e[1]})).map((function(e){return e[0]})).join(" ").concat(t?" ".concat(t):"")}var Y=Object.create({}),J=function(){},W=function(){return null},Z=function(e){return Object.keys(e).length<1},$=function(e){return e.install=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.prefix,i=t.config.globalProperties.bkUIPrefix||r||"Bk";t.component(i+e.name,e)},e},X=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.install=function(r){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=i.prefix,s=r.config.globalProperties.bkUIPrefix||o||"Bk";r.component(s+e.name,e),!n&&Object.values(t).forEach((function(e){r.component(s+e.name,e)}))},Object.keys(t).forEach((function(n){e[n]=t[n]})),e};function Q(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"bk";return"".concat(t,"-").concat(e)}function ee(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300,r=arguments.length>1?arguments[1]:void 0,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=function(){var o=this,s=arguments;if(e&&clearTimeout(e),i){var a=!e;e=setTimeout((function(){e=null}),n),a&&(t=r.apply(o,s))}else e=setTimeout((function(){r.apply(o,s)}),n);return t};return o.cancel=function(){clearTimeout(e),e=null},o}function te(e,t){return JSON.parse(JSON.stringify(e,(function(e,n){if(!t.includes(e))return n})))}function ne(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}})(),o})()));

package/lib/shared/mask-manager.d.ts

@@ -42,9 +42,10 @@ export declare class BkMaskManager {
      * @param zIndex z-index
      * @param showMask 是否显示遮罩
      * @param appendStyle 追加样式
+     * @param transfer 是否显示将内容加入遮罩下
      */
-    show(content?: HTMLElement, zIndex?: number, showMask?: boolean, appendStyle?: {}, uuid?: string | null): void;
-    hide(content?: HTMLElement, uuid?: string): void;
+    show(content?: HTMLElement, zIndex?: number, showMask?: boolean, appendStyle?: {}, uuid?: string | null, transfer?: boolean): void;
+    hide(transfer?: boolean, content?: HTMLElement, uuid?: string): void;
     storeMaskInsCfg(config: MaskConfigStore): MaskConfigStore;
     /**
      * 移除最后一次缓存数据

package/lib/shared/pop-manager.d.ts

@@ -8,9 +8,10 @@ declare class BKPopIndexManager {
      * @param content 弹窗内容
      * @param showMask 是否显示遮罩
      * @param appendStyle 追加样式
+     * @param transfer 是否显示在body内（即是否显示在div#app内，默认为false）
      * @returns
      */
-    show(content?: HTMLElement, showMask?: boolean, appendStyle?: {}): void;
+    show(content?: HTMLElement, showMask?: boolean, appendStyle?: {}, transfer?: boolean): void;
     /**
      * 关闭最后一个弹窗 如果当前还有父级弹窗，则激活父级弹窗
      * @param removeLastContent 默认:true 是否自动关闭最后一个弹窗实例 某些场景下，已经主动关闭最后一个弹窗，此处只需要处理其他逻辑
@@ -20,7 +21,7 @@ declare class BKPopIndexManager {
      * 关闭指定弹窗
      * @param content { HTMLElement } 关闭弹窗内容
      * **/
-    hide(content?: HTMLElement): void;
+    hide(content?: HTMLElement, transfer?: boolean): void;
 }
 export declare const bkPopIndexManager: BKPopIndexManager;
 export {};

package/lib/shared/popover.d.ts

@@ -6,6 +6,7 @@ export declare type IOptions = {
     strategy?: PositioningStrategy;
     onFirstUpdate?: OnFirstUpdateFnType;
     isShow?: boolean;
+    always?: boolean;
     theme?: string;
     trigger?: string;
     disabled?: boolean;
@@ -32,6 +33,8 @@ export declare class BKPopover {
     trigger?: string;
     /** 当前popperjs实例 */
     private instance?;
+    /** 是否总是可见 */
+    private always?;
     /** Popover 外层容器，触发Pop的元素 */
     private reference?;
     /** Popover 弹出内容外层占位容器 */