bkui-vue 0.0.1-beta.96 → 0.0.1-beta.99

package/lib/select/select.variable.css

@@ -118,16 +118,23 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
-.bk-select .bk-popover {
+.bk-popover-content.bk-select-popover {
+  padding: 0;
+}
+.bk-select .bk-popover,
+.bk-popover-content .bk-popover {
   display: block;
 }
-.bk-select .mr5 {
+.bk-select .mr5,
+.bk-popover-content .mr5 {
   margin-right: 5px;
 }
-.bk-select .ml5 {
+.bk-select .ml5,
+.bk-popover-content .ml5 {
   margin-left: 5px;
 }
-.bk-select .input {
+.bk-select .input,
+.bk-popover-content .input {
   width: 100%;
   height: 32px;
   padding: 0 28px 0 10px;
@@ -147,56 +154,66 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-select .input::placeholder {
+.bk-select .input::placeholder,
+.bk-popover-content .input::placeholder {
   color: var(--light-gray);
 }
-.bk-select ul {
+.bk-select ul,
+.bk-popover-content ul {
   padding: 0;
   margin: 0;
   font-weight: normal;
   list-style: none;
 }
-.bk-select .bk-popover-reference {
+.bk-select .bk-popover-reference,
+.bk-popover-content .bk-popover-reference {
   display: unset;
 }
-.bk-select .bk-popover-content {
-  padding: 0;
-}
-.bk-select.large .bk-select-content {
+.bk-select.large .bk-select-content,
+.bk-popover-content.large .bk-select-content {
   font-size: 14px;
 }
-.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag {
+.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag,
+.bk-popover-content.is-focus.normal .bk-select-trigger .bk-select-tag {
   border-color: var(--primary-color);
   box-shadow: 0px 0px 3px 0px #a3c5fd;
 }
-.bk-select.popover-show .bk-select-trigger .angle-up {
+.bk-select.popover-show .bk-select-trigger .angle-up,
+.bk-popover-content.popover-show .bk-select-trigger .angle-up {
   transform: rotate(0);
 }
-.bk-select.is-disabled .bk-select-trigger .bk-input input {
+.bk-select.is-disabled .bk-select-trigger .bk-input input,
+.bk-popover-content.is-disabled .bk-select-trigger .bk-input input {
   cursor: not-allowed;
   background-color: #fafbfd;
 }
-.bk-select .bk-select-trigger {
+.bk-select .bk-select-trigger,
+.bk-popover-content .bk-select-trigger {
   position: relative;
 }
-.bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon {
+.bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon,
+.bk-popover-content .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon {
   margin-right: 0;
 }
-.bk-select .bk-select-trigger .bk-input input {
+.bk-select .bk-select-trigger .bk-input input,
+.bk-popover-content .bk-select-trigger .bk-input input {
   cursor: pointer;
   background-color: #fff;
 }
-.bk-select .bk-select-trigger .bk-input.is-focused {
+.bk-select .bk-select-trigger .bk-input.is-focused,
+.bk-popover-content .bk-select-trigger .bk-input.is-focused {
   border-color: var(--primary-color);
   outline: 0;
   box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
 }
-.bk-select .bk-select-trigger .bk-input.is-focused.is-simplicity {
+.bk-select .bk-select-trigger .bk-input.is-focused.is-simplicity,
+.bk-popover-content .bk-select-trigger .bk-input.is-focused.is-simplicity {
   border-color: transparent;
   border-bottom-color: var(--primary-color);
   box-shadow: none;
 }
-.bk-select .bk-select-trigger .bk-select-tag {
+.bk-select .bk-select-trigger .bk-select-tag,
+.bk-popover-content .bk-select-trigger .bk-select-tag {
   width: 100%;
   height: 32px;
   padding: 0 28px 0 10px;
@@ -222,10 +239,12 @@
   align-items: center;
   flex-wrap: wrap;
 }
-.bk-select .bk-select-trigger .bk-select-tag::placeholder {
+.bk-select .bk-select-trigger .bk-select-tag::placeholder,
+.bk-popover-content .bk-select-trigger .bk-select-tag::placeholder {
   color: var(--light-gray);
 }
-.bk-select .bk-select-trigger .bk-select-tag-input {
+.bk-select .bk-select-trigger .bk-select-tag-input,
+.bk-popover-content .bk-select-trigger .bk-select-tag-input {
   width: 100%;
   height: 32px;
   padding: 0 28px 0 10px;
@@ -252,14 +271,17 @@
   outline: none;
   flex-grow: 1;
 }
-.bk-select .bk-select-trigger .bk-select-tag-input::placeholder {
+.bk-select .bk-select-trigger .bk-select-tag-input::placeholder,
+.bk-popover-content .bk-select-trigger .bk-select-tag-input::placeholder {
   color: var(--light-gray);
 }
-.bk-select .bk-select-trigger .bk-select-tag .bk-tag {
+.bk-select .bk-select-trigger .bk-select-tag .bk-tag,
+.bk-popover-content .bk-select-trigger .bk-select-tag .bk-tag {
   max-width: 190px;
   padding: 0 4px;
 }
-.bk-select .bk-select-trigger .angle-up {
+.bk-select .bk-select-trigger .angle-up,
+.bk-popover-content .bk-select-trigger .angle-up {
   right: 4px;
   transform: rotate(180deg);
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -275,7 +297,8 @@
   align-items: center;
   justify-content: center;
 }
-.bk-select .bk-select-trigger .clear-icon {
+.bk-select .bk-select-trigger .clear-icon,
+.bk-popover-content .bk-select-trigger .clear-icon {
   right: 4px;
   cursor: pointer;
   transition: all 0.1s;
@@ -291,22 +314,26 @@
   align-items: center;
   justify-content: center;
 }
-.bk-select .bk-select-trigger .clear-icon:hover {
+.bk-select .bk-select-trigger .clear-icon:hover,
+.bk-popover-content .bk-select-trigger .clear-icon:hover {
   color: #979ba5;
 }
-.bk-select .bk-select-trigger .spinner {
+.bk-select .bk-select-trigger .spinner,
+.bk-popover-content .bk-select-trigger .spinner {
   position: absolute;
   top: 8px;
   right: 6px;
 }
-.bk-select .bk-select-empty {
+.bk-select .bk-select-empty,
+.bk-popover-content .bk-select-empty {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 56px;
   color: #63656e;
 }
-.bk-select .bk-select-empty .spinner {
+.bk-select .bk-select-empty .spinner,
+.bk-popover-content .bk-select-empty .spinner {
   display: flex;
   width: 14px;
   height: 14px;
@@ -316,19 +343,23 @@
   align-items: center;
   justify-content: center;
 }
-.bk-select .bk-select-dropdown {
+.bk-select .bk-select-dropdown,
+.bk-popover-content .bk-select-dropdown {
   overflow: auto;
 }
-.bk-select .bk-select-extension {
+.bk-select .bk-select-extension,
+.bk-popover-content .bk-select-extension {
   display: flex;
   height: 40px;
   background-color: #fafbfd;
   align-items: center;
 }
-.bk-select .bk-select-options {
+.bk-select .bk-select-options,
+.bk-popover-content .bk-select-options {
   padding: 8px 0;
 }
-.bk-select .bk-select-option {
+.bk-select .bk-select-option,
+.bk-popover-content .bk-select-option {
   position: relative;
   height: 32px;
   padding: 0 12px;
@@ -342,52 +373,64 @@
   white-space: nowrap;
 }
 .bk-select .bk-select-option:hover,
-.bk-select .bk-select-option.is-hover {
+.bk-popover-content .bk-select-option:hover,
+.bk-select .bk-select-option.is-hover,
+.bk-popover-content .bk-select-option.is-hover {
   color: #3a84ff;
   background-color: #f5f7fa;
 }
-.bk-select .bk-select-option.is-selected {
+.bk-select .bk-select-option.is-selected,
+.bk-popover-content .bk-select-option.is-selected {
   color: #3a84ff;
 }
-.bk-select .bk-select-option.is-selected.is-multiple::after {
+.bk-select .bk-select-option.is-selected.is-multiple::after,
+.bk-popover-content .bk-select-option.is-selected.is-multiple::after {
   position: absolute;
   right: 12px;
   font-weight: 700;
   content: '\2713';
 }
-.bk-select .bk-select-option.is-disabled {
+.bk-select .bk-select-option.is-disabled,
+.bk-popover-content .bk-select-option.is-disabled {
   color: #c4c6cc;
   cursor: not-allowed;
   background-color: transparent;
 }
-.bk-select .bk-select-options-loading {
+.bk-select .bk-select-options-loading,
+.bk-popover-content .bk-select-options-loading {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.bk-select .bk-option-group-label {
+.bk-select .bk-option-group-label,
+.bk-popover-content .bk-option-group-label {
   height: 32px;
   padding: 0 8px;
   line-height: 32px;
   color: #979ba5;
   text-align: left;
 }
-.bk-select .bk-option-group-label.collapsible {
+.bk-select .bk-option-group-label.collapsible,
+.bk-popover-content .bk-option-group-label.collapsible {
   cursor: pointer;
 }
-.bk-select .bk-option-group.collapsible .bk-select-option {
+.bk-select .bk-option-group.collapsible .bk-select-option,
+.bk-popover-content .bk-option-group.collapsible .bk-select-option {
   padding-left: 40px;
 }
-.bk-select .bk-option-group.disabled .default-group-label {
+.bk-select .bk-option-group.disabled .default-group-label,
+.bk-popover-content .bk-option-group.disabled .default-group-label {
   color: #c4c6cc;
   cursor: not-allowed;
 }
-.bk-select .bk-option-group .default-group-label {
+.bk-select .bk-option-group .default-group-label,
+.bk-popover-content .bk-option-group .default-group-label {
   display: flex;
   user-select: none;
   align-items: center;
 }
-.bk-select .bk-option-group .default-group-label-icon {
+.bk-select .bk-option-group .default-group-label-icon,
+.bk-popover-content .bk-option-group .default-group-label-icon {
   display: flex;
   width: 12px;
   height: 12px;
@@ -396,9 +439,11 @@
   align-items: center;
   justify-content: center;
 }
-.bk-select .bk-option-group .default-group-label-icon.collapse {
+.bk-select .bk-option-group .default-group-label-icon.collapse,
+.bk-popover-content .bk-option-group .default-group-label-icon.collapse {
   transform: rotate(-90deg);
 }
-.bk-select .bk-option-group .bk-select-option {
+.bk-select .bk-option-group .bk-select-option,
+.bk-popover-content .bk-option-group .bk-select-option {
   padding-left: 24px;
 }

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"),require("vue"));else if("function"==typeof define&&define.amd)define(["@popperjs/core","vue-types","vue"],t);else{var n="object"==typeof exports?t(require("@popperjs/core"),require("vue-types"),require("vue")):t(e["@popperjs/core"],e["vue-types"],e.vue);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n)=>(()=>{"use strict";var r={5798:t=>{t.exports=e},748:e=>{e.exports=n},210:e=>{e.exports=t}},i={};function o(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return r[e](n,n.exports,o),n.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};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 i,a;o.r(s),o.d(s,{BKLAYERD_INDEX_EFAULT_VALUE:()=>u,BKLAYERTYPE:()=>a,BKPopover:()=>P,BkMaskManager:()=>A,EMPTY_OBJ:()=>X,Placements:()=>B,PropTypes:()=>H,Size:()=>V,arrayEqual:()=>ae,bKMaskManager:()=>N,bkPopIndexManager:()=>U,bkZIndexManager:()=>c,classes:()=>$,clone:()=>O,debounce:()=>oe,elementsEqual:()=>I,filterProperty:()=>se,finiteOrDefault:()=>b,formItemKey:()=>Y,formKey:()=>G,isArray:()=>y,isElement:()=>w,isEmpty:()=>v,isEmptyObj:()=>te,isFinite:()=>m,isNullOrUndef:()=>d,isObject:()=>g,merge:()=>T,mergeIf:()=>j,mergerFn:()=>x,mergerIfFn:()=>E,noop:()=>Q,random:()=>L,renderEmptyVNode:()=>ee,resolveClassName:()=>ie,scrollbarWidth:()=>K,stringEnum:()=>q,useForm:()=>W,useFormItem:()=>Z,valueOrDefault:()=>k,withInstall:()=>ne,withInstallProps:()=>re}),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(i={},a.BOTTOM,0),r(i,a.CONTENT,1),r(i,a.NAVI,100),r(i,a.FULLSCREEN,1e3),r(i,a.MODAL,3e3),r(i,a.PLUGINS,8e3),r(i,a.MESSAGE,1e4),r(i,a.POPPER,99999),i),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=o(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 S(e){return-1===["__proto__","prototype","constructor"].indexOf(e)}function x(e,t,n,r){if(S(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||x,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 T(e,t,{merger:E})}function E(e,t,n){if(S(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 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();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=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 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.popperRefer.contains(t.target)||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=o(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 K(){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}var G=Symbol("form"),Y=Symbol("formItem"),J=o(748),W=function(){return(0,J.inject)(G)},Z=function(){return(0,J.inject)(Y,X)};function $(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 X=Object.create({}),Q=function(){},ee=function(){return null},te=function(e){return Object.keys(e).length<1},ne=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},re=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 ie(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"bk";return"".concat(t,"-").concat(e)}function oe(){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 se(e,t){return JSON.parse(JSON.stringify(e,(function(e,n){if(!t.includes(e))return n})))}function ae(){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}})(),s})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@popperjs/core"),require("vue-types"),require("vue"));else if("function"==typeof define&&define.amd)define(["@popperjs/core","vue-types","vue"],t);else{var n="object"==typeof exports?t(require("@popperjs/core"),require("vue-types"),require("vue")):t(e["@popperjs/core"],e["vue-types"],e.vue);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n)=>(()=>{var r={8022:(e,t,n)=>{var r=n(4481),i=n(6426),o=i;o.v1=r,o.v4=i,e.exports=o},8725:e=>{for(var t=[],n=0;n<256;++n)t[n]=(n+256).toString(16).substr(1);e.exports=function(e,n){var r=n||0,i=t;return[i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]]].join("")}},9157:e=>{var t="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(t){var n=new Uint8Array(16);e.exports=function(){return t(n),n}}else{var r=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),r[t]=e>>>((3&t)<<3)&255;return r}}},4481:(e,t,n)=>{var r,i,o=n(9157),s=n(8725),a=0,u=0;e.exports=function(e,t,n){var c=t&&n||0,l=t||[],p=(e=e||{}).node||r,f=void 0!==e.clockseq?e.clockseq:i;if(null==p||null==f){var d=o();null==p&&(p=r=[1|d[0],d[1],d[2],d[3],d[4],d[5]]),null==f&&(f=i=16383&(d[6]<<8|d[7]))}var h=void 0!==e.msecs?e.msecs:(new Date).getTime(),v=void 0!==e.nsecs?e.nsecs:u+1,y=h-a+(v-u)/1e4;if(y<0&&void 0===e.clockseq&&(f=f+1&16383),(y<0||h>a)&&void 0===e.nsecs&&(v=0),v>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");a=h,u=v,i=f;var g=(1e4*(268435455&(h+=122192928e5))+v)%4294967296;l[c++]=g>>>24&255,l[c++]=g>>>16&255,l[c++]=g>>>8&255,l[c++]=255&g;var m=h/4294967296*1e4&268435455;l[c++]=m>>>8&255,l[c++]=255&m,l[c++]=m>>>24&15|16,l[c++]=m>>>16&255,l[c++]=f>>>8|128,l[c++]=255&f;for(var b=0;b<6;++b)l[c+b]=p[b];return t||s(l)}},6426:(e,t,n)=>{var r=n(9157),i=n(8725);e.exports=function(e,t,n){var o=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var s=(e=e||{}).random||(e.rng||r)();if(s[6]=15&s[6]|64,s[8]=63&s[8]|128,t)for(var a=0;a<16;++a)t[o+a]=s[a];return t||i(s)}},5798:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=n},210:e=>{"use strict";e.exports=t}},i={};function o(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return r[e](n,n.exports,o),n.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.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";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 i,a;o.r(s),o.d(s,{BKLAYERD_INDEX_EFAULT_VALUE:()=>u,BKLAYERTYPE:()=>a,BKPopover:()=>P,BkMaskManager:()=>U,EMPTY_OBJ:()=>ne,Placements:()=>H,PropTypes:()=>J,Size:()=>F,arrayEqual:()=>pe,bKMaskManager:()=>C,bkPopIndexManager:()=>_,bkZIndexManager:()=>c,classes:()=>te,clone:()=>x,debounce:()=>ce,elementsEqual:()=>O,filterProperty:()=>le,finiteOrDefault:()=>k,formItemKey:()=>$,formKey:()=>Z,getPopContainerId:()=>L,isArray:()=>g,isElement:()=>M,isEmpty:()=>y,isEmptyObj:()=>oe,isFinite:()=>b,isNullOrUndef:()=>v,isObject:()=>m,merge:()=>T,mergeIf:()=>E,mergerFn:()=>w,mergerIfFn:()=>j,noop:()=>re,random:()=>R,renderEmptyVNode:()=>ie,resolveClassName:()=>ue,scrollbarWidth:()=>W,stringEnum:()=>G,useForm:()=>Q,useFormItem:()=>ee,valueOrDefault:()=>I,withInstall:()=>se,withInstallProps:()=>ae}),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(i={},a.BOTTOM,0),r(i,a.CONTENT,1),r(i,a.NAVI,100),r(i,a.FULLSCREEN,1e3),r(i,a.MODAL,3e3),r(i,a.PLUGINS,8e3),r(i,a.MESSAGE,1e4),r(i,a.POPPER,99999),i),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=o(8022),h=o(5798);function v(e){return null==e}function y(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return""===e||!!t&&v(e)}function g(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 m(e){return null!==e&&/^\[object (Object|Module)\]/.test(Object.prototype.toString.call(e))}var b=function(e){return("number"==typeof e||e instanceof Number)&&isFinite(+e)};function k(e,t){return b(e)?e:t}function I(e,t){return void 0===e?t:e}function O(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 x(e){if(g(e))return e.map(x);if(m(e)){for(var t=Object.create(null),n=Object.keys(e),r=n.length,i=0;i<r;++i)t[n[i]]=x(e[n[i]]);return t}return e}function S(e){return-1===["__proto__","prototype","constructor"].indexOf(e)}function w(e,t,n,r){if(S(e)){var i=t[e],o=n[e];m(i)&&m(o)?T(i,o,r):t[e]=x(o)}}function T(e,t,n){var r=g(t)?t:[t],i=r.length;if(!m(e))return e;for(var o=(n=n||{}).merger||w,s=0;s<i;++s)if(m(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:j})}function j(e,t,n){if(S(e)){var r=t[e],i=n[e];m(r)&&m(i)?E(r,i):Object.prototype.hasOwnProperty.call(t,e)||(t[e]=x(i))}}function M(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();M(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();M(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 M(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.popperRefer.contains(t.target)||e.hide()}))}))}},{key:"isSameElement",value:function(e,t){return e&&(e===t||e===t.firstElementChild)}}]),t}(),A=null,L=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#";if(null===A){A="id_".concat((0,d.v4)());var t=document.createElement("div");t.setAttribute("id",A),t.setAttribute("data-popper-id",A),document.body.append(t)}return"".concat(e).concat(A)},N="abcdefghijklmnopqrstuvwxyz0123456789",R=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N,n="",r=0;r<e;r++)n+=t[parseInt((Math.random()*t.length).toString(),10)];return n},U=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:R(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(R(16)):e}},{key:"appendContentToMask",value:function(e){this.mask.append(e)}}]),t}(),C=new U({}),D=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],i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;if(e){var o="number"==typeof i?i:c.getModalNextIndex(),s=R(16);e.setAttribute(this.uuidAttrName,s),this.popInstanceList.push({uuid:s,zIndex:o,content:e,showMask:t,appendStyle:n}),t&&C.backupActiveInstance(),C.show(e,o,t,n,s,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();C.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;C.show(i,r,o,s,a)}else C.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),C.popIndexStore(n),this.popInstanceList.length?this.popHide(!1):C.hide(t))}else null==e||e.remove()}}]),t}(),_=new D;function V(e,t){return V=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},V(e,t)}function B(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 q(e){return q=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},q(e)}var z=o(210);var F,H,K=(0,z.createTypes)({});function G(e){return e.reduce((function(e,t){return e[t]=t,e}),Object.create(null))}!function(e){e.Small="small",e.Large="large"}(F||(F={})),function(e){e.Top="top",e.Left="left",e.Right="right",e.Bottom="bottom"}(H||(H={}));var Y,J=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&&V(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=q(r);if(i){var n=q(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return B(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,z.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,z.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,z.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,z.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,z.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,z.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}(K);function W(){if(void 0!==Y)return Y;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),Y=t-r}var Z=Symbol("form"),$=Symbol("formItem"),X=o(748),Q=function(){return(0,X.inject)(Z)},ee=function(){return(0,X.inject)($,ne)};function te(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 ne=Object.create({}),re=function(){},ie=function(){return null},oe=function(e){return Object.keys(e).length<1},se=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},ae=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 ue(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"bk";return"".concat(t,"-").concat(e)}function ce(){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 le(e,t){return JSON.parse(JSON.stringify(e,(function(e,n){if(!t.includes(e))return n})))}function pe(){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}})(),s})()));

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

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

package/lib/shared/popover.d.ts

@@ -128,3 +128,4 @@ export declare class BKPopover {
     private registerEvents;
     private isSameElement;
 }
+export declare const getPopContainerId: (prefix?: string) => string;

package/lib/styles/index.d.ts

@@ -17,6 +17,7 @@ import '../dropdown/dropdown.less';
 import '../loading/loading.less';
 import '../modal/modal.less';
 import '../popover/popover.less';
+import '../popover2/popover2.less';
 import '../progress/progress.less';
 import '../radio/radio.less';
 import '../rate/rate.less';