bkui-vue 0.0.2-beta.9 → 0.0.2-beta.91

package/lib/shared/index.js

@@ -1 +1,2689 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("lodash"),require("@popperjs/core"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["vue","lodash","@popperjs/core","vue-types"],t);else{var n="object"==typeof exports?t(require("vue"),require("lodash"),require("@popperjs/core"),require("vue-types")):t(e.vue,e.lodash,e["@popperjs/core"],e["vue-types"]);for(var i in n)("object"==typeof exports?exports:e)[i]=n[i]}}(self,((e,t,n,i)=>(()=>{var r={8022:(e,t,n)=>{var i=n(4481),r=n(6426),o=r;o.v1=i,o.v4=r,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 i=n||0,r=t;return[r[e[i++]],r[e[i++]],r[e[i++]],r[e[i++]],"-",r[e[i++]],r[e[i++]],"-",r[e[i++]],r[e[i++]],"-",r[e[i++]],r[e[i++]],"-",r[e[i++]],r[e[i++]],r[e[i++]],r[e[i++]],r[e[i++]],r[e[i++]]].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 i=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),i[t]=e>>>((3&t)<<3)&255;return i}}},4481:(e,t,n)=>{var i,r,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||i,f=void 0!==e.clockseq?e.clockseq:r;if(null==p||null==f){var d=o();null==p&&(p=i=[1|d[0],d[1],d[2],d[3],d[4],d[5]]),null==f&&(f=r=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,r=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 k=0;k<6;++k)l[c+k]=p[k];return t||s(l)}},6426:(e,t,n)=>{var i=n(9157),r=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||i)();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||r(s)}},5798:e=>{"use strict";e.exports=n},467:e=>{"use strict";e.exports=t},748:t=>{"use strict";t.exports=e},210:e=>{"use strict";e.exports=i}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,s),n.exports}s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{"use strict";s.r(a),s.d(a,{AlignEnum:()=>ce,BKLAYERD_INDEX_EFAULT_VALUE:()=>H,BKLAYERTYPE:()=>j,BKPopIndexManager:()=>K,BKPopover:()=>$,BkMaskManager:()=>q,DialogTypeEnum:()=>he,DirectionEnum:()=>ve,EMPTY_OBJ:()=>Be,InputBehaviorEnum:()=>me,InputBehaviorType:()=>Ue,LineStyleEnum:()=>ye,PlacementEnum:()=>pe,Placements:()=>ae,ProgressEnum:()=>be,ProgressStrokeLineCapEnum:()=>ke,ProgressStrokeLineCapType:()=>Ne,ProgressType:()=>Pe,PropTypes:()=>_e,RenderDirectiveEnum:()=>ue,RenderType:()=>de,SelectedType:()=>Fe,SelectedTypeEnum:()=>De,SizeEnum:()=>se,SwitcherThemeEnum:()=>Te,SwitcherThemeType:()=>je,TagThemeEnum:()=>ge,TagThemeType:()=>Le,ThemeEnum:()=>le,TriggerEnum:()=>fe,alignType:()=>Se,arrayEqual:()=>Je,bKMaskManager:()=>z,bkPopIndexManager:()=>W,bkZIndexManager:()=>B,capitalize:()=>D,checkOverflow:()=>_,classes:()=>He,clone:()=>h,debounce:()=>Ye,dialogTypeUnion:()=>Ae,directionType:()=>Re,elementsEqual:()=>d,filterProperty:()=>Ze,finiteOrDefault:()=>p,formItemKey:()=>S,formKey:()=>E,getPopContainerId:()=>ee,hasOverflowEllipsis:()=>T,isArray:()=>u,isElement:()=>b,isEmpty:()=>o,isEmptyObj:()=>ze,isFinite:()=>l,isNullOrUndef:()=>r,isObject:()=>c,lineStyleType:()=>Ce,maybeShowTooltip:()=>I,merge:()=>g,mergeIf:()=>m,mergerFn:()=>y,mergerIfFn:()=>k,noop:()=>Ve,observerResize:()=>U,off:()=>t,on:()=>e,placementType:()=>Me,random:()=>P,renderDirectiveType:()=>Ee,renderEmptyVNode:()=>qe,renderType:()=>xe,resolveClassName:()=>Ge,scrollTop:()=>n,scrollbarWidth:()=>te,stringEnum:()=>Oe,triggerType:()=>we,useForm:()=>M,useFormItem:()=>w,valueOrDefault:()=>f,withInstall:()=>Ke,withInstallProps:()=>We});var e=document.addEventListener?function(e,t,n){e&&t&&n&&e.addEventListener(t,n,!0)}:function(e,t,n){e&&t&&n&&e.attachEvent("on".concat(t),n)},t=document.removeEventListener?function(e,t,n){e&&t&&e.removeEventListener(t,n,!0)}:function(e,t,n){e&&t&&e.detachEvent("on".concat(t),n)};function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2?arguments[2]:void 0,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:500,r=arguments.length>4?arguments[4]:void 0,o=Math.abs(t-n);!function t(n,i,o){if(n!==i){var s=n+o>i?i:n+o;n>i&&(s=n-o<i?i:n-o),e===window?window.scrollTo(s,s):e.scrollTop=s,window.requestAnimationFrame((function(){return t(s,i,o)}))}else null==r||r()}(t,n,Math.ceil(o/i*50))}function i(e){return i="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},i(e)}function r(e){return null==e}function o(e){return""===e||!(arguments.length>1&&void 0!==arguments[1]&&!arguments[1])&&r(e)}function u(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 c(e){return null!==e&&/^\[object (Object|Module)\]/.test(Object.prototype.toString.call(e))}var l=function(e){return("number"==typeof e||e instanceof Number)&&isFinite(+e)};function p(e,t){return l(e)?e:t}function f(e,t){return void 0===e?t:e}function d(e,t){var n,i,r,o;if(!e||!t||e.length!==t.length)return!1;for(n=0,i=e.length;n<i;++n)if(r=e[n],o=t[n],r.datasetIndex!==o.datasetIndex||r.index!==o.index)return!1;return!0}function h(e){if(u(e))return e.map(h);if(c(e)){for(var t=Object.create(null),n=Object.keys(e),i=n.length,r=0;r<i;++r)t[n[r]]=h(e[n[r]]);return t}return e}function v(e){return-1===["__proto__","prototype","constructor"].indexOf(e)}function y(e,t,n,i){if(v(e)){var r=t[e],o=n[e];c(r)&&c(o)?g(r,o,i):t[e]=h(o)}}function g(e,t,n){var i=u(t)?t:[t],r=i.length;if(!c(e))return e;for(var o=(n=n||{}).merger||y,s=0;s<r;++s)if(c(t=i[s]))for(var a=Object.keys(t),l=0,p=a.length;l<p;++l)o(a[l],e,t,n);return e}function m(e,t){return g(e,t,{merger:k})}function k(e,t,n){if(v(e)){var i=t[e],r=n[e];c(i)&&c(r)?m(i,r):Object.prototype.hasOwnProperty.call(t,e)||(t[e]=h(r))}}function b(e){try{return e instanceof HTMLElement}catch(t){return"object"===i(e)&&1===e.nodeType&&"object"===i(e.style)&&"object"===i(e.ownerDocument)}}function T(e){return e.offsetWidth<e.scrollWidth||e.offsetHeight<e.scrollHeight}function I(e,t){T(e)?e.setAttribute("title",t):e.removeAttribute("title")}var O=s(748),E=Symbol("form"),S=Symbol("formItem"),M=function(){return(0,O.inject)(E)},w=function(){return(0,O.inject)(S,void 0)};function x(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function A(e){var t=function(e,t){if("object"!==i(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==i(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===i(t)?t:String(t)}function R(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,A(i.key),i)}}function C(e,t,n){return t&&R(e.prototype,t),n&&R(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var L,j,N=s(467),P=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"abcdefghijklmnopqrstuvwxyz0123456789",n="",i=0;i<e;i++)n+=t[parseInt((Math.random()*t.length).toString(),10)];return n},U=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=(0,N.throttle)((function(){"function"==typeof t&&t()}),n),o=new ResizeObserver((function(){r()}));return i&&"function"==typeof t&&t(),{start:function(){o.observe(e)},stop:function(){o.disconnect(),o.unobserve(e)}}},D=function(e){return e[0].toUpperCase()+e.slice(1)};function _(e){if(!e)return!1;var t=!1;try{var n=window.getComputedStyle(e,null);if("none"!==n.webkitLineClamp){var i=parseFloat(n.height),r=function(e,t){var n=document.createElement("div"),i=parseFloat(t.width)?"".concat(Math.ceil(parseFloat(t.width)),"px"):t.width;return n.style.cssText="\n      width: ".concat(i,";\n      line-height: ").concat(t["line-height"],";\n      font-size: ").concat(t["font-size"],";\n      word-break: ").concat(t["word-break"],";\n      padding: ").concat(t.padding,";\n    "),n.textContent=e.textContent,n}(e,n);document.body.appendChild(r);var o=window.getComputedStyle(r,null).height;document.body.removeChild(r),t=i<parseFloat(o)}else t=e.clientWidth<e.scrollWidth||e.clientHeight<e.scrollHeight}catch(e){console.warn("There is an error when check element overflow state: ",e)}return t}function F(e,t,n){return(t=A(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!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"}(j||(j={}));var H=(F(L={},j.BOTTOM,0),F(L,j.CONTENT,1),F(L,j.NAVI,100),F(L,j.FULLSCREEN,1e3),F(L,j.MODAL,3e3),F(L,j.PLUGINS,8e3),F(L,j.MESSAGE,1e4),F(L,j.POPPER,99999),L),B=new(function(){function e(){x(this,e),this.storageLayerIndexValue={},this.copyDefaultValue()}return C(e,[{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[j.MODAL]=this.storageLayerIndexValue[j.MODAL]+1,this.storageLayerIndexValue[j.MODAL])}},{key:"getModalNextIndex",value:function(){return this.getNextIndex(j.MODAL)}},{key:"getMessageNextIndex",value:function(){return this.getNextIndex(j.MESSAGE)}},{key:"getFullScreenNextIndex",value:function(){return this.getNextIndex(j.FULLSCREEN)}},{key:"getNaviNextIndex",value:function(){return this.getNextIndex(j.NAVI)}},{key:"getPopperIndex",value:function(){return H.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__,F({},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,F({},n,e[n]))}))}},{key:"copyDefaultValue",value:function(){var e=Object.keys(H).reduce((function(e,t){return Object.assign(e,F({},t,{value:H[t],writable:!0,configurable:!0}))}),{});this.storageLayerIndexValue=Object.create(H,e)}}]),e}());"__bk_mask_".concat(P(16));var V=new(function(){function e(){x(this,e),this.timer=null,this.store=[],this.maskMap=new WeakMap}return C(e,[{key:"appendMaker",value:function(e){this.store.push(e),this.executeMaker()}},{key:"pushMaskStyle",value:function(e,t){var n=this.getMaskMap(e);(null==n?void 0:n.styles)?n.styles.push(t):this.setMaskMap(e,Object.assign({styles:[t]},n||{}))}},{key:"getMaskStyles",value:function(e){var t;return(null===(t=this.getMaskMap(e))||void 0===t?void 0:t.styles)||[]}},{key:"setMaskId",value:function(e,t){var n=this.getMaskMap(e);n?(Object.assign(n,{id:t}),this.setMaskMap(e,n)):this.setMaskMap(e,Object.assign({id:t},n||{}))}},{key:"getMaskId",value:function(e){var t;return null===(t=this.getMaskMap(e))||void 0===t?void 0:t.id}},{key:"setMaskMap",value:function(e,t){this.maskMap.set(e,t)}},{key:"getMaskMap",value:function(e){return this.maskMap.get(e)}},{key:"executeMaker",value:function(){var e=this;this.timer&&cancelAnimationFrame(this.timer),this.timer=requestAnimationFrame((function(){var t=e.store.pop();"function"==typeof t&&(Reflect.apply(t,e,[]),e.executeMaker())}))}}]),e}()),q=function(){function e(t){var n=this;x(this,e),this.multiInstance=!1,this.uniqueMaskAttrTag="",this.parentNode=document.body,this.activeInstance=void 0,this.zIndexStore=new Map,this.lastUUID=null,this.maskStyle={position:"fixed",left:0,top:0,bottom:0,right:0,display:"none","background-color":"rgba(0,0,0,.6)"},this.isInit=!1,this.maskAttrTag="auto";var i=t||{},r=i.multiInstance,o=void 0!==r&&r,s=i.maskAttrTag,a=void 0===s?"auto":s,u=i.parentNode,c=void 0===u?document.body:u,l=i.maskStyle,p=void 0===l?{}:l,f=i.onClick,d=void 0===f?null:f,h=i.popInstance,v=void 0===h?null:h;this.parentNode=c||document,this.maskAttrTag=a,this.onClick=d,this.activeInstance=void 0,this.multiInstance=o,this.popInstance=v,this.uniqueMaskAttrTag=this.getMaskAttrTag(a),V.appendMaker((function(){n.initInstance(p)}))}return C(e,[{key:"setOption",value:function(e){var t=e||{},n=t.parentNode,i=void 0===n?document.body:n,r=t.maskStyle,o=void 0===r?{}:r,s=t.onClick,a=void 0===s?null:s,u=t.maskAttrTag,c=void 0===u?this.maskAttrTag:u;this.onClick=a,this.parentNode=i||document,this.setMaskStyle(Object.assign({},this.maskStyle,o)),this.uniqueMaskAttrTag=this.getMaskAttrTag(c)}},{key:"show",value:function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,o=arguments.length>5&&void 0!==arguments[5]&&arguments[5],s=null!=r?r:P(16),a=/-?\d+/.test("".concat(t))?t:B.getModalNextIndex(),u=Object.assign({},this.maskStyle,i||{});if(!n&&this.lastUUID){var c=this.zIndexStore.get(this.lastUUID);c&&(u=null==c?void 0:c.style)}this.storeMaskInsCfg({zIndex:a,style:Object.assign({},u),uuid:s,preUID:this.lastUUID}),Object.assign(u,{display:"block","z-index":"".concat(a),"pointer-events":"all"}),this.initInstance(u),this.catchClickEvent(),this.setMaskStyle(u),V.pushMaskStyle(this.parentNode,Object.assign({},u)),this.backupMask.style.setProperty("z-index","".concat(a-1)),n||(this.mask.style.setProperty("pointer-events","none"),null==e||e.style.setProperty("pointer-events","all")),e&&(o&&e.style.setProperty("z-index","".concat(a+1)),this.activeInstance=e,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,i=arguments.length>2?arguments[2]:void 0,r=null!=i?i:this.lastUUID;t||(null==n||n.remove(),null===(e=this.activeInstance)||void 0===e||e.remove()),this.removeClickEvent(),this.activeInstance=void 0,this.popIndexStore(r);var o=V.getMaskStyles(this.parentNode);if(null==o||o.pop(),null==o?void 0:o.length){var s=o.slice(-1)[0];this.setMaskStyle(s)}else this.mask.style.setProperty("display","none")}},{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:"initInstance",value:function(e){if(!this.isInit){this.isInit=!0;var t=this.getMask(),n=t.instance,i=t.isExist;this.mask=n,this.backupMask=this.getBackupMask(),!i&&this.setMaskStyle(Object.assign({},this.maskStyle,e))}}},{key:"getMask",value:function(){if(this.multiInstance)return{instance:this.createMask(),isExist:!1};var e=!0,t=this.parentNode.querySelector("[data-bk-mask-uid='".concat(this.uniqueMaskAttrTag,"']"));return t||(e=!1,t=this.createMask()),{instance:t,isExist:e}}},{key:"catchClickEvent",value:function(){var e=this;this.mask&&this.mask.addEventListener("click",(function(t){return e.handleMaskClick(t)}),!0)}},{key:"removeClickEvent",value:function(){this.mask&&this.mask.removeEventListener("click",this.handleMaskClick)}},{key:"handleMaskClick",value:function(e){e.target===this.mask&&"function"==typeof this.onClick&&Reflect.apply(this.onClick,this.popInstance||this,[e])}},{key:"getBackupMask",value:function(){var e="data-bk-backup-uid",t=this.parentNode.querySelector("[".concat(e,"]"));return t||(t=this.createMask(e)),t}},{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?(V.getMaskId(this.parentNode)||V.setMaskId(this.parentNode,"__bk_mask_".concat(P(16))),V.getMaskId(this.parentNode)):e}},{key:"appendContentToMask",value:function(e){this.mask.append(e)}}]),e}(),z=new q({}),K=function(){function e(t){x(this,e),this.popInstanceList=[],this.clickFn=void 0,this.uuidAttrName="data-bk-pop-uuid",this.bKMaskManagerInstance=new q({parentNode:this.getParentNode(null==t?void 0:t.transfer),popInstance:this,onClick:this.onMaskClickFn})}return C(e,[{key:"getParentNode",value:function(e){if("string"==typeof e){var t=document.querySelector(e);if(t)return t}return b(e)?e:document.body}},{key:"onMaskClick",value:function(e,t){this.clickFn={fn:e,target: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]:{},i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;if(e){var o="number"==typeof r?r:B.getModalNextIndex(),s=P(16);e.setAttribute(this.uuidAttrName,s),this.popInstanceList.push({uuid:s,zIndex:o,content:e,showMask:t,appendStyle:n}),t&&this.bKMaskManagerInstance.backupActiveInstance(),this.bKMaskManagerInstance.show(e,o,t,n,s,i)}else console.warn("pop show error: content is null or undefined")}},{key:"destroy",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.clickFn=void 0,this.hide(e,t)}},{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();this.bKMaskManagerInstance.popIndexStore(t.uuid),t.remove()}if(this.popInstanceList.length){var n=this.popInstanceList.slice(-1)[0],i=n.zIndex,r=n.content,o=n.showMask,s=n.appendStyle,a=n.uuid;this.bKMaskManagerInstance.show(r,i,o,s,a)}else this.bKMaskManagerInstance.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 i=this.popInstanceList.findIndex((function(e){return e.uuid===n}));i>=0&&(t||this.popInstanceList[i].content.remove(),this.popInstanceList.splice(i,1),this.bKMaskManagerInstance.popIndexStore(n),this.popInstanceList.length?this.popHide(!1):this.bKMaskManagerInstance.hide(t))}else null==e||e.remove()}},{key:"onMaskClickFn",value:function(e){if(this.clickFn){var t=this.clickFn.fn;t&&Reflect.apply(t,this,[e])}}}]),e}(),W=new K;function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function Y(e){return function(e){if(Array.isArray(e))return G(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 G(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)?G(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 Z,J=s(8022),X=s(5798),$=function(){function e(t,n,i){var r,o;x(this,e),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(t),this.popperRefer=this.resolveInputSelectorToHtmlElement(n),this.referenceTarget=this.getTargetReferenceElement(),this.container=null===(r=this.popperRefer)||void 0===r?void 0:r.parentElement,this.isShow=!!(null===(o=this.instanceOptions)||void 0===o?void 0:o.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 C(e,[{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(Y(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(Y(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();b(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();b(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=g({placement:"top",modifiers:[{name:"offset",options:{offset:[0,8]}}],strategy:"absolute",onFirstUpdate:void 0,isShow:!1,theme:"dark",trigger:"hover",disabled:!1},e||{}),i=n.onFirstUpdate;return n.onFirstUpdate=function(e){"function"==typeof i&&(i.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,X.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"===i(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 b(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)}}]),e}(),Q=null,ee=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#";if(null===Q){Q="id_".concat((0,J.v4)());var t=document.createElement("div");t.setAttribute("id",Q),t.setAttribute("data-popper-id",Q),document.body.append(t)}return"".concat(e).concat(Q)};function te(){if(void 0!==Z)return Z;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 i=n.offsetWidth;return e.parentNode.removeChild(e),Z=t-i}function ne(e,t){return ne=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},ne(e,t)}function ie(e){return ie=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},ie(e)}var re=s(210);function oe(e){var t=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}}();return function(){var n,r=ie(e);if(t){var o=ie(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===i(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)}(this,n)}}var se,ae,ue,ce,le,pe,fe,de,he,ve,ye,ge,me,ke,be,Te,Ie=(0,re.createTypes)({});function Oe(e){return e.reduce((function(e,t){return e[t]=t,e}),Object.create(null))}function Ee(){return(0,re.string)().def(ue.SHOW)}function Se(){return(0,re.string)().def(ce.LEFT)}function Me(){return(0,re.string)().def(pe.BOTTOM)}function we(){return(0,re.string)().def(fe.HOVER)}function xe(){return(0,re.toType)("popRenderType",{}).def(de.SHOWN)}function Ae(){return(0,re.toType)("dialogType",{default:he.OPERATION})}function Re(){return(0,re.toType)("direction",{}).def(ve.HORIZONTAL)}function Ce(){return(0,re.toType)("lineType",{}).def(ye.DASHED)}function Le(){return(0,re.toType)("tagTheme",{}).def()}function je(){return(0,re.toType)("switcherTheme",{}).def(Te.SUCCESS)}function Ne(){return(0,re.toType)("progressStrokeLineCap",{}).def(ke.ROUNDE)}function Pe(){return(0,re.toType)("progress",{}).def(be.LINE)}function Ue(){return(0,re.toType)("behavior",{}).def(me.NORMAL)}!function(e){e.SMALL="small",e.LARGE="large",e.DEFAULT="default"}(se||(se={})),function(e){e.Top="top",e.Left="left",e.Right="right",e.Bottom="bottom"}(ae||(ae={})),function(e){e.IF="if",e.SHOW="show"}(ue||(ue={})),function(e){e.LEFT="left",e.CENTER="center",e.RIGHT="right"}(ce||(ce={})),function(e){e.PRIMARY="primary",e.WARNING="warning",e.SUCCESS="success",e.DANGER="danger"}(le||(le={})),function(e){e.AUTO="auto",e.AUTO_START="auto-start",e.AUTO_END="auto-end",e.TOP="top",e.RIGHT="right",e.BOTTOM="bottom",e.LEFT="left",e.TOP_START="top-start",e.TOP_END="top-end",e.BOTTOM_START="bottom-start",e.BOTTOM_END="bottom-end",e.RIGHT_START="right-start",e.RIGHT_END="right-end",e.LEFT_START="left-start",e.LEFT_END="left-end"}(pe||(pe={})),function(e){e.HOVER="hover",e.CLICK="click",e.MANUAL="manual"}(fe||(fe={})),function(e){e.AUTO="auto",e.SHOWN="shown"}(de||(de={})),function(e){e.SHOW="show",e.OPERATION="operation",e.CONFIRM="confirm",e.PROCESS="process"}(he||(he={})),function(e){e.HORIZONTAL="horizontal",e.VERTICAL="vertical"}(ve||(ve={})),function(e){e.DASHED="dashed",e.SOLID="solid"}(ye||(ye={})),function(e){e.SUCCESS="success",e.INFO="info",e.WARNING="warning",e.DANGER="danger"}(ge||(ge={})),function(e){e.SIMPLICITY="simplicity",e.NORMAL="normal"}(me||(me={})),function(e){e.BUTT="butt",e.SQUARE="square",e.ROUNDE="round"}(ke||(ke={})),function(e){e.LINE="line",e.CIRCLE="circle",e.DASHBOARD="dashboard"}(be||(be={})),function(e){e.SUCCESS="success",e.PRIMARY="primary"}(Te||(Te={}));var De,_e=function(e){!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&&ne(e,t)}(n,e);var t=oe(n);function n(){return x(this,n),t.apply(this,arguments)}return C(n,null,[{key:"size",value:function(){var e=["small","default","large"];return(0,re.toType)("Size",{validator:function(t){return!(t&&!e.includes(t)&&(console.error("invalid theme, ".concat(t,", the theme must be one of 【").concat(e.join(" | "),"】")),1))},default:"default"})}},{key:"theme",value:function(){var e=["primary","warning","success","danger"];return(0,re.toType)("Theme",{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=["top","left","right","bottom"];return(0,re.toType)("Placements",{validator:function(t){return!(t&&!e.includes(t))},default:"top"})}},{key:"style",value:function(){return(0,re.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,re.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"})}}]),n}(Ie);function Fe(){return(0,re.toType)("selectedStyle",{}).def(De.CHECK)}function He(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):"")}!function(e){e.CHECKBOX="checkbox",e.CHECK="check"}(De||(De={}));var Be=Object.create({}),Ve=function(){},qe=function(){return null},ze=function(e){return Object.keys(e).length<1},Ke=function(e){return e.install=function(t){var n=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).prefix,i=t.config.globalProperties.bkUIPrefix||n||"Bk";t.component(i+e.name,e)},e},We=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=arguments.length>3?arguments[3]:void 0;return e.install=function(r){var o=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).prefix,s=r.config.globalProperties.bkUIPrefix||o||"Bk";i&&r.directive(s+i.name,i.directive),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 Ge(e){return"".concat(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"bk","-").concat(e)}function Ye(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300,i=arguments.length>1?arguments[1]:void 0,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=function(){var o=this,s=arguments;if(e&&clearTimeout(e),r){var a=!e;e=setTimeout((function(){e=null}),n),a&&(t=i.apply(o,s))}else e=setTimeout((function(){i.apply(o,s)}),n);return t};return o.cancel=function(){clearTimeout(e),e=null},o}function Ze(e,t){return JSON.parse(JSON.stringify(e,(function(e,n){if(!t.includes(e))return n})))}function Je(){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(Array.isArray(e[n]))return Je(e[n],t[n]);if(e[n]!==t[n])return!1}return!0}})(),a})()));
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__ from "lodash/throttle";
+import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
+import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  oY: () => (/* reexport */ AlignEnum),
+  p3: () => (/* reexport */ BKLAYERD_INDEX_EFAULT_VALUE),
+  Ql: () => (/* reexport */ BKLAYERTYPE),
+  Eo: () => (/* reexport */ BKPopIndexManager),
+  mZ: () => (/* reexport */ BKPopover),
+  Wg: () => (/* reexport */ BkMaskManager),
+  _D: () => (/* reexport */ DialogTypeEnum),
+  dq: () => (/* reexport */ DirectionEnum),
+  kT: () => (/* binding */ EMPTY_OBJ),
+  WF: () => (/* reexport */ InputBehaviorEnum),
+  Gl: () => (/* reexport */ InputBehaviorType),
+  VS: () => (/* reexport */ LineStyleEnum),
+  Um: () => (/* reexport */ PlacementEnum),
+  _h: () => (/* reexport */ Placements),
+  rU: () => (/* reexport */ ProgressEnum),
+  _q: () => (/* reexport */ ProgressStrokeLineCapEnum),
+  Hl: () => (/* reexport */ ProgressStrokeLineCapType),
+  Mc: () => (/* reexport */ ProgressType),
+  ng: () => (/* reexport */ PropTypes),
+  Pi: () => (/* reexport */ RenderDirectiveEnum),
+  y2: () => (/* reexport */ RenderType),
+  qt: () => (/* reexport */ SelectedType),
+  aL: () => (/* reexport */ SelectedTypeEnum),
+  mO: () => (/* reexport */ SizeEnum),
+  BZ: () => (/* reexport */ SwitcherThemeEnum),
+  p: () => (/* reexport */ SwitcherThemeType),
+  XR: () => (/* reexport */ TagThemeEnum),
+  gg: () => (/* reexport */ TagThemeType),
+  bY: () => (/* reexport */ ThemeEnum),
+  os: () => (/* reexport */ TriggerEnum),
+  WW: () => (/* reexport */ alignType),
+  h6: () => (/* binding */ arrayEqual),
+  Lx: () => (/* reexport */ bKMaskManager),
+  aR: () => (/* reexport */ bkPopIndexManager),
+  ue: () => (/* reexport */ bkZIndexManager),
+  kC: () => (/* reexport */ capitalize),
+  ao: () => (/* reexport */ checkOverflow),
+  Sh: () => (/* binding */ classes),
+  d9: () => (/* reexport */ clone),
+  Ds: () => (/* binding */ debounce),
+  ou: () => (/* reexport */ dialogTypeUnion),
+  zo: () => (/* reexport */ directionType),
+  cA: () => (/* reexport */ elementsEqual),
+  w$: () => (/* binding */ filterProperty),
+  b_: () => (/* reexport */ finiteOrDefault),
+  xE: () => (/* reexport */ formItemKey),
+  vh: () => (/* reexport */ formKey),
+  ks: () => (/* reexport */ getPopContainerId),
+  Hv: () => (/* reexport */ hasOverflowEllipsis),
+  kJ: () => (/* reexport */ isArray),
+  kK: () => (/* reexport */ helper_isElement),
+  xb: () => (/* reexport */ isEmpty),
+  SI: () => (/* binding */ isEmptyObj),
+  xV: () => (/* reexport */ isNumberFinite),
+  sS: () => (/* reexport */ isNullOrUndef),
+  Kn: () => (/* reexport */ isObject),
+  zW: () => (/* reexport */ lineStyleType),
+  oq: () => (/* reexport */ maybeShowTooltip),
+  TS: () => (/* reexport */ merge),
+  NG: () => (/* reexport */ mergeIf),
+  WC: () => (/* reexport */ mergerFn),
+  Zd: () => (/* reexport */ mergerIfFn),
+  ZT: () => (/* binding */ noop),
+  z3: () => (/* reexport */ observerResize),
+  S1: () => (/* reexport */ off),
+  on: () => (/* reexport */ on),
+  Tf: () => (/* reexport */ placementType),
+  MX: () => (/* reexport */ random),
+  OB: () => (/* reexport */ renderDirectiveType),
+  Ay: () => (/* binding */ renderEmptyVNode),
+  wB: () => (/* reexport */ renderType),
+  h5: () => (/* binding */ resolveClassName),
+  SM: () => (/* reexport */ scrollTop),
+  LF: () => (/* reexport */ scrollbarWidth),
+  b: () => (/* reexport */ stringEnum),
+  _7: () => (/* reexport */ triggerType),
+  cI: () => (/* reexport */ useForm),
+  A9: () => (/* reexport */ useFormItem),
+  Be: () => (/* reexport */ valueOrDefault),
+  nz: () => (/* binding */ withInstall),
+  B: () => (/* binding */ withInstallProps)
+});
+
+;// CONCATENATED MODULE: ../../packages/shared/src/dom.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+var on = function () {
+  if (document.addEventListener) {
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.addEventListener(event, handler, true);
+      }
+    };
+  }
+  return function (element, event, handler) {
+    if (element && event && handler) {
+      element.attachEvent("on".concat(event), handler);
+    }
+  };
+}();
+// 兼容浏览器，移除事件监听器
+var off = function () {
+  if (document.removeEventListener) {
+    return function (element, event, handler) {
+      if (element && event) {
+        element.removeEventListener(event, handler, true);
+      }
+    };
+  }
+  return function (element, event, handler) {
+    if (element && event) {
+      element.detachEvent("on".concat(event), handler);
+    }
+  };
+}();
+// scrollTop animation
+function scrollTop(el) {
+  var from = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var to = arguments.length > 2 ? arguments[2] : undefined;
+  var duration = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 500;
+  var endCallback = arguments.length > 4 ? arguments[4] : undefined;
+  var difference = Math.abs(from - to);
+  var step = Math.ceil(difference / duration * 50);
+  function scroll(start, end, step) {
+    if (start === end) {
+      endCallback === null || endCallback === void 0 ? void 0 : endCallback();
+      return;
+    }
+    var d = start + step > end ? end : start + step;
+    if (start > end) {
+      d = start - step < end ? end : start - step;
+    }
+    if (el === window) {
+      window.scrollTo(d, d);
+    } else {
+      el.scrollTop = d;
+    }
+    window.requestAnimationFrame(function () {
+      return scroll(d, end, step);
+    });
+  }
+  scroll(from, to, step);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+;// CONCATENATED MODULE: ../../packages/shared/src/helper.ts
+
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+/* eslint-disable no-underscore-dangle */
+/**
+ * Returns true if `value` is neither null nor undefined, else returns false.
+ * @param {*} value - The value to test.
+ * @returns {boolean}
+ * @since 2.7.0
+ */
+function isNullOrUndef(value) {
+  return value === null || typeof value === 'undefined';
+}
+function isEmpty(value) {
+  var IncludeNullUndefined = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  return value === '' || (IncludeNullUndefined ? isNullOrUndef(value) : false);
+}
+/**
+ * Returns true if `value` is an array (including typed arrays), else returns false.
+ * @param {*} value - The value to test.
+ * @returns {boolean}
+ * @function
+ */
+function isArray(value) {
+  if (Array.isArray(value)) {
+    return true;
+  }
+  var type = Object.prototype.toString.call(value);
+  if (type.substr(0, 7) === '[object' && type.substr(-6) === 'Array]') {
+    return true;
+  }
+  return false;
+}
+/**
+ * Returns true if `value` is an object (excluding null), else returns false.
+ * @param {*} value - The value to test.
+ * @returns {boolean}
+ * @since 2.7.0
+ */
+function isObject(value) {
+  return value !== null && /^\[object (Object|Module)\]/.test(Object.prototype.toString.call(value));
+}
+/**
+ * Returns true if `value` is a finite number, else returns false
+ * @param {*} value  - The value to test.
+ * @returns {boolean}
+ */
+var isNumberFinite = function isNumberFinite(value) {
+  return (typeof value === 'number' || value instanceof Number) && isFinite(+value);
+};
+
+/**
+ * Returns `value` if finite, else returns `defaultValue`.
+ * @param {*} value - The value to return if defined.
+ * @param {*} defaultValue - The value to return if `value` is not finite.
+ * @returns {*}
+ */
+function finiteOrDefault(value, defaultValue) {
+  return isNumberFinite(value) ? value : defaultValue;
+}
+/**
+ * Returns `value` if defined, else returns `defaultValue`.
+ * @param {*} value - The value to return if defined.
+ * @param {*} defaultValue - The value to return if `value` is undefined.
+ * @returns {*}
+ */
+function valueOrDefault(value, defaultValue) {
+  return typeof value === 'undefined' ? defaultValue : value;
+}
+/**
+ * Returns true if the `a0` and `a1` arrays have the same content, else returns false.
+ * @param {Array} a0 - The array to compare
+ * @param {Array} a1 - The array to compare
+ * @returns {boolean}
+ * @private
+ */
+function elementsEqual(a0, a1) {
+  var i;
+  var ilen;
+  var v0;
+  var v1;
+  if (!a0 || !a1 || a0.length !== a1.length) {
+    return false;
+  }
+  for (i = 0, ilen = a0.length; i < ilen; ++i) {
+    v0 = a0[i];
+    v1 = a1[i];
+    if (v0.datasetIndex !== v1.datasetIndex || v0.index !== v1.index) {
+      return false;
+    }
+  }
+  return true;
+}
+/**
+ * Returns a deep copy of `source` without keeping references on objects and arrays.
+ * @param {*} source - The value to clone.
+ * @returns {*}
+ */
+function clone(source) {
+  if (isArray(source)) {
+    return source.map(clone);
+  }
+  if (isObject(source)) {
+    var target = Object.create(null);
+    var keys = Object.keys(source);
+    var klen = keys.length;
+    var k = 0;
+    for (; k < klen; ++k) {
+      target[keys[k]] = clone(source[keys[k]]);
+    }
+    return target;
+  }
+  return source;
+}
+function isValidKey(key) {
+  return ['__proto__', 'prototype', 'constructor'].indexOf(key) === -1;
+}
+/**
+ * The default merger when Chart.helpers.merge is called without merger option.
+ * Note(SB): also used by mergeConfig and mergeScaleConfig as fallback.
+ * @private
+ */
+function mergerFn(key, target, source, options) {
+  if (!isValidKey(key)) {
+    return;
+  }
+  var tval = target[key];
+  var sval = source[key];
+  if (isObject(tval) && isObject(sval)) {
+    // eslint-disable-next-line no-use-before-define
+    merge(tval, sval, options);
+  } else {
+    // eslint-disable-next-line no-param-reassign
+    target[key] = clone(sval);
+  }
+}
+/**
+ * Recursively deep copies `source` properties into `target` with the given `options`.
+ * IMPORTANT: `target` is not cloned and will be updated with `source` properties.
+ * @param {object} target - The target object in which all sources are merged into.
+ * @param {object|object[]} source - Object(s) to merge into `target`.
+ * @param {object} [options] - Merging options:
+ * @param {function} [options.merger] - The merge method (key, target, source, options)
+ * @returns {object} The `target` object.
+ */
+function merge(target, source, options) {
+  var sources = isArray(source) ? source : [source];
+  var ilen = sources.length;
+  if (!isObject(target)) {
+    return target;
+  }
+  // eslint-disable-next-line no-param-reassign
+  options = options || {};
+  var merger = options.merger || mergerFn;
+  for (var i = 0; i < ilen; ++i) {
+    // eslint-disable-next-line no-param-reassign
+    source = sources[i];
+    if (!isObject(source)) {
+      continue;
+    }
+    var keys = Object.keys(source);
+    for (var k = 0, klen = keys.length; k < klen; ++k) {
+      merger(keys[k], target, source, options);
+    }
+  }
+  return target;
+}
+/**
+ * Recursively deep copies `source` properties into `target` *only* if not defined in target.
+ * IMPORTANT: `target` is not cloned and will be updated with `source` properties.
+ * @param {object} target - The target object in which all sources are merged into.
+ * @param {object|object[]} source - Object(s) to merge into `target`.
+ * @returns {object} The `target` object.
+ */
+function mergeIf(target, source) {
+  // eslint-disable-next-line no-use-before-define
+  return merge(target, source, {
+    merger: mergerIfFn
+  });
+}
+/**
+ * Merges source[key] in target[key] only if target[key] is undefined.
+ * @private
+ */
+function mergerIfFn(key, target, source) {
+  if (!isValidKey(key)) {
+    return;
+  }
+  var tval = target[key];
+  var sval = source[key];
+  if (isObject(tval) && isObject(sval)) {
+    mergeIf(tval, sval);
+  } else if (!Object.prototype.hasOwnProperty.call(target, key)) {
+    // eslint-disable-next-line no-param-reassign
+    target[key] = clone(sval);
+  }
+}
+/**
+ * 检查当前元素是否为Html元素
+ * @param obj
+ * @returns
+ */
+function helper_isElement(obj) {
+  try {
+    return obj instanceof HTMLElement;
+  } catch (e) {
+    return _typeof(obj) === 'object' && obj.nodeType === 1 && _typeof(obj.style) === 'object' && _typeof(obj.ownerDocument) === 'object';
+  }
+}
+/**
+ * Whether the text content is clipped due to CSS overflow, as in showing `...`.
+ */
+function hasOverflowEllipsis(element) {
+  return element.offsetWidth < element.scrollWidth || element.offsetHeight < element.scrollHeight;
+}
+/**
+ * Sets the `title` attribute in the event's element target, when the text
+ * content is clipped due to CSS overflow, as in showing `...`.
+ */
+function maybeShowTooltip(target, title) {
+  if (hasOverflowEllipsis(target)) {
+    target.setAttribute('title', title);
+  } else {
+    target.removeAttribute('title');
+  }
+}
+;// CONCATENATED MODULE: external "vue"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const external_vue_namespaceObject = x({ ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject });
+;// CONCATENATED MODULE: ../../packages/shared/src/token.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+var formKey = Symbol('form');
+var formItemKey = Symbol('formItem');
+;// CONCATENATED MODULE: ../../packages/shared/src/hooks/use-form.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+var useForm = function useForm() {
+  return (0,external_vue_namespaceObject.inject)(formKey);
+};
+;// CONCATENATED MODULE: ../../packages/shared/src/hooks/use-form-item.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+var useFormItem = function useFormItem() {
+  return (0,external_vue_namespaceObject.inject)(formItemKey, undefined);
+};
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/createClass.js
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+;// CONCATENATED MODULE: external "lodash/throttle"
+var throttle_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var throttle_y = x => () => x
+const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__["default"] });
+;// CONCATENATED MODULE: ../../packages/shared/src/utils.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+var lowerStr = 'abcdefghijklmnopqrstuvwxyz0123456789';
+/**
+ * 生成n位长度的字符串
+ * @param {Number} n
+ * @param str,默认26位字母及数字
+ */
+var random = function random(n) {
+  var str = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : lowerStr;
+  var result = '';
+  for (var i = 0; i < n; i++) {
+    result += str[parseInt((Math.random() * str.length).toString(), 10)];
+  }
+  return result;
+};
+/**
+ * 监听目标元素的Resize事件
+ * @param root 目标元素
+ * @param callbackFn 执行函数
+ * @param delay 延迟执行时间，默认 60
+ * @param immediate 是否立即执行回调函数
+ * @returns "{ start: () => void, stop: () => void }"
+ */
+var observerResize = function observerResize(root, callbackFn) {
+  var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 60;
+  var immediate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var callFn = (0,throttle_namespaceObject["default"])(function () {
+    if (typeof callbackFn === 'function') {
+      callbackFn();
+    }
+  }, delay);
+  var resizeObserver = new ResizeObserver(function () {
+    callFn();
+  });
+  if (immediate) {
+    if (typeof callbackFn === 'function') {
+      callbackFn();
+    }
+  }
+  return {
+    start: function start() {
+      resizeObserver.observe(root);
+    },
+    stop: function stop() {
+      resizeObserver.disconnect();
+      resizeObserver.unobserve(root);
+    }
+  };
+};
+var capitalize = function capitalize(str) {
+  return str[0].toUpperCase() + str.slice(1);
+};
+/**
+ * 判断元素是否溢出容器
+ * @param {*} el
+ * @returns
+ */
+function checkOverflow(el) {
+  if (!el) return false;
+  var createDom = function createDom(el, css) {
+    var dom = document.createElement('div');
+    var width = parseFloat(css.width) ? "".concat(Math.ceil(parseFloat(css.width)), "px") : css.width;
+    dom.style.cssText = "\n      width: ".concat(width, ";\n      line-height: ").concat(css['line-height'], ";\n      font-size: ").concat(css['font-size'], ";\n      word-break: ").concat(css['word-break'], ";\n      padding: ").concat(css.padding, ";\n    ");
+    dom.textContent = el.textContent;
+    return dom;
+  };
+  var isOverflow = false;
+  try {
+    var css = window.getComputedStyle(el, null);
+    var lineClamp = css.webkitLineClamp;
+    if (lineClamp !== 'none') {
+      var targetHeight = parseFloat(css.height);
+      var dom = createDom(el, css);
+      document.body.appendChild(dom);
+      var domHeight = window.getComputedStyle(dom, null).height;
+      document.body.removeChild(dom);
+      isOverflow = targetHeight < parseFloat(domHeight);
+    } else {
+      isOverflow = el.clientWidth < el.scrollWidth || el.clientHeight < el.scrollHeight;
+    }
+  } catch (e) {
+    console.warn('There is an error when check element overflow state: ', e);
+  }
+  return isOverflow;
+}
+;// CONCATENATED MODULE: ../../packages/shared/src/z-index-manager.ts
+
+
+
+var _BKLAYERD_INDEX_EFAUL;
+/**
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+/**
+ * 页面框架层级
+ */
+var BKLAYERTYPE;
+(function (BKLAYERTYPE) {
+  /** 网站内容的背景、拓扑的画布等 */
+  BKLAYERTYPE["BOTTOM"] = "bottom";
+  /** 页面呈现的各类内容 */
+  BKLAYERTYPE["CONTENT"] = "content";
+  /** 顶部导航、侧边导航以及用户信息等 */
+  BKLAYERTYPE["NAVI"] = "navi";
+  /** 页面需全屏操作的部分功能或编辑器的全屏模式 */
+  BKLAYERTYPE["FULLSCREEN"] = "fullScreen";
+  /** 各类功能插件 */
+  BKLAYERTYPE["PLUGINS"] = "plugins";
+  /** 各类弹窗或抽屉（非模态弹窗不考虑） */
+  BKLAYERTYPE["MODAL"] = "modal";
+  /** 各类消息提示 */
+  BKLAYERTYPE["MESSAGE"] = "message";
+  /** 各类popper提示 */
+  BKLAYERTYPE["POPPER"] = "popper";
+})(BKLAYERTYPE || (BKLAYERTYPE = {}));
+/** 定义不同分层默认值 */
+var BKLAYERD_INDEX_EFAULT_VALUE = (_BKLAYERD_INDEX_EFAUL = {}, _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.BOTTOM, 0), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.CONTENT, 1), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.NAVI, 100), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.FULLSCREEN, 1000), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.MODAL, 3000), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.PLUGINS, 8000), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.MESSAGE, 10000), _defineProperty(_BKLAYERD_INDEX_EFAUL, BKLAYERTYPE.POPPER, 99999), _BKLAYERD_INDEX_EFAUL);
+var BKZIndexManager = /*#__PURE__*/function () {
+  function BKZIndexManager() {
+    _classCallCheck(this, BKZIndexManager);
+    _defineProperty(this, "storageLayerIndexValue", {});
+    this.copyDefaultValue();
+  }
+  /**
+   *
+   * @param type
+   * @returns
+   */
+  _createClass(BKZIndexManager, [{
+    key: "getNextIndex",
+    value: function getNextIndex(type) {
+      if (Object.prototype.hasOwnProperty.call(this.storageLayerIndexValue, type)) {
+        this.storageLayerIndexValue[type] = this.storageLayerIndexValue[type] + 1;
+        return this.storageLayerIndexValue[type];
+      }
+      this.storageLayerIndexValue[BKLAYERTYPE.MODAL] = this.storageLayerIndexValue[BKLAYERTYPE.MODAL] + 1;
+      return this.storageLayerIndexValue[BKLAYERTYPE.MODAL];
+    }
+    /** 获取弹窗类型最新zIndex的值 */
+  }, {
+    key: "getModalNextIndex",
+    value: function getModalNextIndex() {
+      return this.getNextIndex(BKLAYERTYPE.MODAL);
+    }
+    /** 获取Message类型最新zIndex的值 */
+  }, {
+    key: "getMessageNextIndex",
+    value: function getMessageNextIndex() {
+      return this.getNextIndex(BKLAYERTYPE.MESSAGE);
+    }
+    /** 获取全屏类型最新zIndex的值 */
+  }, {
+    key: "getFullScreenNextIndex",
+    value: function getFullScreenNextIndex() {
+      return this.getNextIndex(BKLAYERTYPE.FULLSCREEN);
+    }
+    /** 获取导航类型最新zIndex的值 */
+  }, {
+    key: "getNaviNextIndex",
+    value: function getNaviNextIndex() {
+      return this.getNextIndex(BKLAYERTYPE.NAVI);
+    }
+    /** 获取导航类型最新zIndex的值 */
+  }, {
+    key: "getPopperIndex",
+    value: function getPopperIndex() {
+      return BKLAYERD_INDEX_EFAULT_VALUE.popper;
+    }
+    /**
+     * 更新自定义默认zIndex配置
+     * @param config 配置项
+     */
+  }, {
+    key: "setDefaultZIndex",
+    value: function setDefaultZIndex(config) {
+      var _this = this;
+      Object.keys(config || {}).forEach(function (key) {
+        if (Object.prototype.hasOwnProperty.call(_this.storageLayerIndexValue.__proto__, key)) {
+          Object.assign(_this.storageLayerIndexValue.__proto__, _defineProperty({}, key, config[key]));
+        }
+      });
+      this.copyDefaultValue();
+    }
+    /**
+     * 重置zIndex
+     * @param config 配置项
+     */
+  }, {
+    key: "resetZIndex",
+    value: function resetZIndex(config) {
+      var _this2 = this;
+      Object.keys(config || {}).forEach(function (key) {
+        if (Object.prototype.hasOwnProperty.call(_this2.storageLayerIndexValue, key)) {
+          Object.assign(_this2.storageLayerIndexValue, _defineProperty({}, key, config[key]));
+        }
+      });
+    }
+    /**
+     * 根据默认设置创建副本
+     */
+  }, {
+    key: "copyDefaultValue",
+    value: function copyDefaultValue() {
+      var properties = Object.keys(BKLAYERD_INDEX_EFAULT_VALUE).reduce(function (props, key) {
+        return Object.assign(props, _defineProperty({}, key, {
+          value: BKLAYERD_INDEX_EFAULT_VALUE[key],
+          writable: true,
+          configurable: true
+        }));
+      }, {});
+      this.storageLayerIndexValue = Object.create(BKLAYERD_INDEX_EFAULT_VALUE, properties);
+    }
+  }]);
+  return BKZIndexManager;
+}();
+var bkZIndexManager = new BKZIndexManager();
+;// CONCATENATED MODULE: ../../packages/shared/src/mask-manager.ts
+
+
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+var DEFAULT_MASK_UUID = function DEFAULT_MASK_UUID() {};
+DEFAULT_MASK_UUID.prototype.def_val = "__bk_mask_".concat(random(16));
+var MaskEventMap = new WeakMap();
+var getMaskEvent = function getMaskEvent(mask) {
+  if (MaskEventMap.has(mask)) {
+    return MaskEventMap.get(mask);
+  }
+  return [];
+};
+var setMaskEvent = function setMaskEvent(mask, event, args, content, instanceId) {
+  var maskEvent = getMaskEvent(mask);
+  if (maskEvent.some(function (evet) {
+    return evet.instanceId === instanceId;
+  })) {
+    return;
+  }
+  maskEvent.push({
+    event: event,
+    args: args,
+    content: content,
+    instanceId: instanceId
+  });
+  MaskEventMap.set(mask, maskEvent);
+};
+var setMaskEventIns = function setMaskEventIns(mask, maskEvent) {
+  MaskEventMap.set(mask, maskEvent);
+};
+var MaskQueueMaker = /*#__PURE__*/function () {
+  function MaskQueueMaker() {
+    _classCallCheck(this, MaskQueueMaker);
+    _defineProperty(this, "timer", null);
+    _defineProperty(this, "store", []);
+    _defineProperty(this, "maskMap", new WeakMap());
+  }
+  _createClass(MaskQueueMaker, [{
+    key: "appendMaker",
+    value: function appendMaker(fn) {
+      this.store.push(fn);
+      this.executeMaker();
+    }
+  }, {
+    key: "pushMaskStyle",
+    value: function pushMaskStyle(parentNode, style) {
+      var value = this.getMaskMap(parentNode);
+      this.setMaskMap(parentNode, _objectSpread({
+        styles: [style]
+      }, value || {}));
+    }
+  }, {
+    key: "getMaskStyles",
+    value: function getMaskStyles(parentNode) {
+      var _this$getMaskMap;
+      return ((_this$getMaskMap = this.getMaskMap(parentNode)) === null || _this$getMaskMap === void 0 ? void 0 : _this$getMaskMap.styles) || [];
+    }
+  }, {
+    key: "setMaskId",
+    value: function setMaskId(parentNode, id) {
+      var value = this.getMaskMap(parentNode);
+      if (!value) {
+        this.setMaskMap(parentNode, _objectSpread({
+          id: id
+        }, value || {}));
+      } else {
+        Object.assign(value, {
+          id: id
+        });
+        this.setMaskMap(parentNode, value);
+      }
+    }
+  }, {
+    key: "getMaskId",
+    value: function getMaskId(parentNode) {
+      var _this$getMaskMap2;
+      return (_this$getMaskMap2 = this.getMaskMap(parentNode)) === null || _this$getMaskMap2 === void 0 ? void 0 : _this$getMaskMap2.id;
+    }
+  }, {
+    key: "setMaskMap",
+    value: function setMaskMap(key, value) {
+      this.maskMap.set(key, value);
+    }
+  }, {
+    key: "getMaskMap",
+    value: function getMaskMap(key) {
+      return this.maskMap.get(key);
+    }
+  }, {
+    key: "executeMaker",
+    value: function executeMaker() {
+      var _this = this;
+      this.timer && cancelAnimationFrame(this.timer);
+      this.timer = requestAnimationFrame(function () {
+        var fn = _this.store.pop();
+        if (typeof fn === 'function') {
+          Reflect.apply(fn, _this, []);
+          _this.executeMaker();
+        }
+      });
+    }
+  }]);
+  return MaskQueueMaker;
+}();
+var bkMaskMaker = new MaskQueueMaker();
+var BkMaskManager = /*#__PURE__*/function () {
+  /**
+   * 遮罩管理器
+   *
+   * @param multiInstance 是否允许多实例
+   * @param maskAttrTag 遮罩DOM唯一标志，支持自定义和 auto
+   */
+  function BkMaskManager(config) {
+    var _this2 = this;
+    _classCallCheck(this, BkMaskManager);
+    /** 遮罩容器 */
+    /** 遮罩备份容器，用于多个组件实例显示，遮罩只显示最后一个 **/
+    /** 是否允许多个遮罩实例 */
+    _defineProperty(this, "multiInstance", false);
+    /** 遮罩控制器唯一标识 */
+    _defineProperty(this, "uniqueMaskAttrTag", '');
+    /** 设置弹出层父级组件，默认是body */
+    _defineProperty(this, "parentNode", document.body);
+    /** 遮罩当前显示组件实例 **/
+    _defineProperty(this, "activeInstance", undefined);
+    /** 记录已在使用的z-index */
+    _defineProperty(this, "zIndexStore", new Map());
+    /** 记录最后一个UUID */
+    _defineProperty(this, "lastUUID", null);
+    /** 遮罩样式 **/
+    _defineProperty(this, "maskStyle", {
+      position: 'fixed',
+      left: 0,
+      top: 0,
+      bottom: 0,
+      right: 0,
+      display: 'none',
+      'background-color': 'rgba(0,0,0,.6)'
+    });
+    // 用于判定是否已经初始化过当前实例
+    _defineProperty(this, "isInit", false);
+    _defineProperty(this, "maskAttrTag", 'auto');
+    var _ref = config || {},
+      _ref$multiInstance = _ref.multiInstance,
+      multiInstance = _ref$multiInstance === void 0 ? false : _ref$multiInstance,
+      _ref$maskAttrTag = _ref.maskAttrTag,
+      maskAttrTag = _ref$maskAttrTag === void 0 ? 'auto' : _ref$maskAttrTag,
+      _ref$parentNode = _ref.parentNode,
+      parentNode = _ref$parentNode === void 0 ? document.body : _ref$parentNode,
+      _ref$maskStyle = _ref.maskStyle,
+      maskStyle = _ref$maskStyle === void 0 ? {} : _ref$maskStyle;
+    this.parentNode = parentNode || document;
+    this.maskAttrTag = maskAttrTag;
+    this.activeInstance = undefined;
+    this.multiInstance = multiInstance;
+    this.uniqueMaskAttrTag = this.getMaskAttrTag(maskAttrTag);
+    // 避免多个实例多处初始化，此处会做队列处理
+    // 合并重复的处理请求
+    // 如果当前实例初始化时，仍未执行完队列，则需要进行请求合并
+    bkMaskMaker.appendMaker(function () {
+      _this2.initInstance(maskStyle);
+    });
+  }
+  _createClass(BkMaskManager, [{
+    key: "setOption",
+    value: function setOption(option) {
+      var _ref2 = option || {},
+        _ref2$parentNode = _ref2.parentNode,
+        parentNode = _ref2$parentNode === void 0 ? document.body : _ref2$parentNode,
+        _ref2$maskStyle = _ref2.maskStyle,
+        maskStyle = _ref2$maskStyle === void 0 ? {} : _ref2$maskStyle,
+        _ref2$maskAttrTag = _ref2.maskAttrTag,
+        maskAttrTag = _ref2$maskAttrTag === void 0 ? this.maskAttrTag : _ref2$maskAttrTag;
+      this.parentNode = parentNode || document;
+      this.setMaskStyle(Object.assign({}, this.maskStyle, maskStyle));
+      this.uniqueMaskAttrTag = this.getMaskAttrTag(maskAttrTag);
+    }
+  }, {
+    key: "destroyEvent",
+    value: function destroyEvent(id) {
+      if (this.mask) {
+        var events = getMaskEvent(this.mask) || [];
+        var index = events.findIndex(function (evt) {
+          return evt.instanceId === id;
+        });
+        if (index >= 0) {
+          events.splice(index, 1);
+          setMaskEventIns(this.mask, events);
+        }
+      }
+    }
+    /**
+     * 显示遮罩
+     * @param content 遮罩内容
+     * @param zIndex z-index
+     * @param showMask 是否显示遮罩
+     * @param appendStyle 追加样式
+     * @param transfer 是否显示将内容加入遮罩下
+     */
+  }, {
+    key: "show",
+    value: function show(content, zIndex) {
+      var showMask = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      var appendStyle = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+      var uuid = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+      var transfer = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+      var onMaskClick = arguments.length > 6 ? arguments[6] : undefined;
+      var instanceId = arguments.length > 7 ? arguments[7] : undefined;
+      var uid = uuid !== null && uuid !== void 0 ? uuid : random(16);
+      // @ts-ignore
+      var localZIndex = /-?\d+/.test("".concat(zIndex)) ? zIndex : bkZIndexManager.getModalNextIndex();
+      var style = Object.assign({}, this.maskStyle, appendStyle || {});
+      /**
+       * 如果不显示遮罩，此处遮罩继承父级
+       * 同时，如果父级弹出层有遮罩，此处不能覆盖
+       */
+      if (!showMask) {
+        if (this.lastUUID) {
+          var preStore = this.zIndexStore.get(this.lastUUID);
+          if (preStore) {
+            style = preStore === null || preStore === void 0 ? void 0 : preStore.style;
+          }
+        }
+      }
+      /** 缓存当前z-index */
+      this.storeMaskInsCfg({
+        zIndex: localZIndex,
+        style: _objectSpread({}, style),
+        uuid: uid,
+        preUID: this.lastUUID
+      });
+      Object.assign(style, {
+        display: 'block',
+        'z-index': "".concat(localZIndex),
+        'pointer-events': 'all'
+      });
+      this.initInstance(style);
+      if (onMaskClick) {
+        this.catchClickEvent(content, onMaskClick, instanceId);
+      }
+      this.setMaskStyle(style);
+      bkMaskMaker.pushMaskStyle(this.parentNode, _objectSpread({}, style));
+      this.backupMask.style.setProperty('z-index', "".concat(localZIndex - 1));
+      if (!showMask) {
+        this.mask.style.setProperty('pointer-events', 'none');
+        content === null || content === void 0 ? void 0 : content.style.setProperty('pointer-events', 'all');
+      }
+      if (content) {
+        if (transfer) content.style.setProperty('z-index', "".concat(localZIndex + 1)); // 表明内容不在遮罩下，内容区z-index + 1
+        this.activeInstance = content;
+        this.appendContentToMask(content); // 表明内容在body下，即在遮罩下
+      }
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
+      var transfer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var content = arguments.length > 1 ? arguments[1] : undefined;
+      var uuid = arguments.length > 2 ? arguments[2] : undefined;
+      var uid = uuid !== null && uuid !== void 0 ? uuid : this.lastUUID;
+      if (!transfer) {
+        var _this$activeInstance;
+        content === null || content === void 0 ? void 0 : content.remove();
+        (_this$activeInstance = this.activeInstance) === null || _this$activeInstance === void 0 ? void 0 : _this$activeInstance.remove();
+      }
+      this.removeClickEvent();
+      this.activeInstance = undefined;
+      this.popIndexStore(uid);
+      var maskList = bkMaskMaker.getMaskStyles(this.parentNode);
+      maskList === null || maskList === void 0 ? void 0 : maskList.pop();
+      if (!(maskList !== null && maskList !== void 0 && maskList.length)) {
+        this.mask.style.setProperty('display', 'none');
+      } else {
+        var style = maskList.slice(-1)[0];
+        this.setMaskStyle(style);
+      }
+    }
+  }, {
+    key: "storeMaskInsCfg",
+    value: function storeMaskInsCfg(config) {
+      this.zIndexStore.set(config.uuid, config);
+      this.lastUUID = config.uuid;
+      return this.zIndexStore.get(config.uuid);
+    }
+    /**
+     * 移除最后一次缓存数据
+     */
+  }, {
+    key: "popIndexStore",
+    value: function popIndexStore(uuid) {
+      if (this.zIndexStore.has(uuid)) {
+        var rmIns = this.zIndexStore.get(uuid);
+        this.lastUUID = rmIns.preUID;
+        return this.zIndexStore["delete"](uuid);
+      }
+      this.lastUUID = null;
+      return false;
+    }
+  }, {
+    key: "backupActiveInstance",
+    value: function backupActiveInstance() {
+      if (this.activeInstance) {
+        this.backupMask.append(this.activeInstance);
+      }
+    }
+  }, {
+    key: "backupContentElement",
+    value: function backupContentElement(content) {
+      var _this$backupMask;
+      content && ((_this$backupMask = this.backupMask) === null || _this$backupMask === void 0 ? void 0 : _this$backupMask.append(content));
+    }
+  }, {
+    key: "getActiveContentInstance",
+    value: function getActiveContentInstance() {
+      return this.activeInstance;
+    }
+  }, {
+    key: "removeClickEvent",
+    value: function removeClickEvent() {
+      // if (this.mask) {
+      //   const events = getMaskEvent(this.mask);
+      //   if (!events.length) {
+      //     console.log('removeEventListener handleMaskClick');
+      //     this.mask.removeEventListener('click', this.handleMaskClick);
+      //   }
+      // }
+    }
+  }, {
+    key: "initInstance",
+    value: function initInstance(maskStyle) {
+      if (!this.isInit) {
+        this.isInit = true;
+        this.backupMask = this.getBackupMask();
+        var _this$getMask = this.getMask(),
+          instance = _this$getMask.instance,
+          isExist = _this$getMask.isExist;
+        this.mask = instance;
+        !isExist && this.setMaskStyle(Object.assign({}, this.maskStyle, maskStyle));
+      }
+    }
+    /**
+     * 初始化当前遮罩管理器
+     * @returns 当前遮罩容器
+     */
+  }, {
+    key: "getMask",
+    value: function getMask() {
+      var _this3 = this;
+      if (this.multiInstance) {
+        return {
+          instance: this.createMask(),
+          isExist: false
+        };
+      }
+      var isExist = true;
+      var div = this.parentNode.querySelector("[data-bk-mask-uid='".concat(this.uniqueMaskAttrTag, "']"));
+      if (!div) {
+        isExist = false;
+        div = this.createMask();
+        div.addEventListener('click', function (e) {
+          return _this3.handleMaskClick(e);
+        }, true);
+      }
+      return {
+        instance: div,
+        isExist: isExist
+      };
+    }
+  }, {
+    key: "catchClickEvent",
+    value: function catchClickEvent(content, onMaskClick, instanceId) {
+      if (this.mask) {
+        setMaskEvent(this.mask, onMaskClick, [], content, instanceId);
+      }
+    }
+  }, {
+    key: "handleMaskClick",
+    value: function handleMaskClick(e) {
+      if (e.target !== this.mask) {
+        return;
+      }
+      var events = getMaskEvent(this.mask);
+      if (events.length) {
+        var event = events.slice(-1)[0].event;
+        if (typeof event === 'function') {
+          event(e);
+        }
+      }
+    }
+  }, {
+    key: "getBackupMask",
+    value: function getBackupMask() {
+      var attrName = 'data-bk-backup-uid';
+      var div = this.parentNode.querySelector("[".concat(attrName, "]"));
+      if (!div) {
+        div = this.createMask(attrName);
+      }
+      return div;
+    }
+    /**
+     * 创建遮罩层DOM
+     * @returns 返回DOM
+     */
+  }, {
+    key: "createMask",
+    value: function createMask() {
+      var attrName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'data-bk-mask-uid';
+      var div = document.createElement('div');
+      div.setAttribute(attrName, this.uniqueMaskAttrTag);
+      this.parentNode.append(div);
+      return div;
+    }
+  }, {
+    key: "setMaskStyle",
+    value: function setMaskStyle() {
+      var _this4 = this;
+      var maskStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      if (this.mask) {
+        Object.entries(maskStyle).forEach(function (cfg) {
+          return _this4.mask.style.setProperty(cfg[0], cfg[1]);
+        });
+      }
+    }
+    /**
+     * 根据输入生成唯一遮罩标识
+     * @param tag 输入标识
+     * @returns string 返回唯一标识
+     */
+  }, {
+    key: "getMaskAttrTag",
+    value: function getMaskAttrTag(tag) {
+      if (/^(auto|\s+)$/i.test(tag) || tag === null || tag === undefined || tag === '') {
+        if (!bkMaskMaker.getMaskId(this.parentNode)) {
+          bkMaskMaker.setMaskId(this.parentNode, "__bk_mask_".concat(random(16)));
+        }
+        return bkMaskMaker.getMaskId(this.parentNode);
+      }
+      return tag;
+    }
+  }, {
+    key: "appendContentToMask",
+    value: function appendContentToMask(content) {
+      this.mask.append(content);
+    }
+  }]);
+  return BkMaskManager;
+}();
+var bKMaskManager = new BkMaskManager({});
+;// CONCATENATED MODULE: ../../packages/shared/src/pop-manager.ts
+
+
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+
+var popInstanceStore = new WeakMap();
+var BKPopIndexManager = /*#__PURE__*/function () {
+  /** 用来缓存弹出层实例 */
+
+  function BKPopIndexManager(options) {
+    _classCallCheck(this, BKPopIndexManager);
+    this.clickFn = undefined;
+    this.uuidAttrName = 'data-bk-pop-uuid';
+    this.uniqId = random(16);
+    this.transfer = this.getParentNode(options === null || options === void 0 ? void 0 : options.transfer);
+    this.bKMaskManagerInstance = new BkMaskManager({
+      parentNode: this.getParentNode(options === null || options === void 0 ? void 0 : options.transfer),
+      popInstance: this,
+      onClick: this.onMaskClickFn
+    });
+  }
+  _createClass(BKPopIndexManager, [{
+    key: "popInstanceList",
+    get: function get() {
+      if (!popInstanceStore.has(this.transfer)) {
+        popInstanceStore.set(this.transfer, []);
+      }
+      return popInstanceStore.get(this.transfer);
+    },
+    set: function set(val) {
+      popInstanceStore.set(this.transfer, val);
+    }
+  }, {
+    key: "getParentNode",
+    value: function getParentNode(transfer) {
+      if (typeof transfer === 'string') {
+        var target = document.querySelector(transfer);
+        if (target) {
+          return target;
+        }
+      }
+      if (helper_isElement(transfer)) {
+        return transfer;
+      }
+      return document.body;
+    }
+  }, {
+    key: "onMaskClick",
+    value: function onMaskClick(callFn, target) {
+      this.clickFn = {
+        fn: callFn,
+        target: target
+      };
+    }
+    /**
+     * 展示弹窗
+     * @param content 弹窗内容
+     * @param showMask 是否显示遮罩
+     * @param appendStyle 追加样式
+     * @param transfer 是否显示在body内（即是否显示在div#app内，默认为false）
+     * @returns
+     */
+  }, {
+    key: "show",
+    value: function show(content) {
+      var showMask = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var appendStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var transfer = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+      var zindex = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : undefined;
+      var onMaskClick = arguments.length > 5 ? arguments[5] : undefined;
+      if (!content) {
+        console.warn('pop show error: content is null or undefined');
+        return;
+      }
+      var zIndex = typeof zindex === 'number' ? zindex : bkZIndexManager.getModalNextIndex();
+      var uuid = random(16);
+      content.setAttribute(this.uuidAttrName, uuid);
+      if (this.popInstanceList.length > 0) {
+        showMask && this.bKMaskManagerInstance.backupContentElement(this.popInstanceList.slice(-1)[0].content);
+      }
+      this.popInstanceList.push({
+        uuid: uuid,
+        zIndex: zIndex,
+        content: content,
+        showMask: showMask,
+        appendStyle: appendStyle
+      });
+      this.bKMaskManagerInstance.show(content, zIndex, showMask, appendStyle, uuid, transfer, onMaskClick, this.uniqId);
+    }
+    /**
+     * 销毁指定实例
+     * @param content 指定实例内容
+     * @param transfer
+     */
+  }, {
+    key: "destroy",
+    value: function destroy(content) {
+      var transfer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      this.clickFn = undefined;
+      this.hide(content, transfer);
+    }
+    /**
+     * 关闭最后一个弹窗 如果当前还有父级弹窗，则激活父级弹窗
+     * @param removeLastContent 默认:true 是否自动关闭最后一个弹窗实例 某些场景下，已经主动关闭最后一个弹窗，此处只需要处理其他逻辑
+     */
+  }, {
+    key: "popHide",
+    value: function popHide() {
+      var removeLastContent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      if (this.popInstanceList.length) {
+        if (removeLastContent) {
+          var lastItem = this.popInstanceList.pop();
+          this.bKMaskManagerInstance.popIndexStore(lastItem.uuid);
+          lastItem.remove();
+        }
+        if (this.popInstanceList.length) {
+          var activeItem = this.popInstanceList.slice(-1)[0];
+          var zIndex = activeItem.zIndex,
+            content = activeItem.content,
+            showMask = activeItem.showMask,
+            appendStyle = activeItem.appendStyle,
+            uuid = activeItem.uuid;
+          this.bKMaskManagerInstance.show(content, zIndex, showMask, appendStyle, uuid);
+        } else {
+          this.bKMaskManagerInstance.hide();
+          // this.clickFn.length = 0;
+        }
+      }
+    }
+    /**
+     * 关闭指定弹窗
+     * @param content { HTMLElement } 关闭弹窗内容
+     * **/
+  }, {
+    key: "hide",
+    value: function hide(content) {
+      var transfer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      /** 检查当前实例是否存在于已缓存列表 */
+      var uuid = content === null || content === void 0 ? void 0 : content.getAttribute(this.uuidAttrName);
+      if (uuid) {
+        var itemIndex = this.popInstanceList.findIndex(function (item) {
+          return item.uuid === uuid;
+        });
+        if (itemIndex >= 0) {
+          if (!transfer) this.popInstanceList[itemIndex].content.remove();
+          this.popInstanceList.splice(itemIndex, 1);
+          this.bKMaskManagerInstance.popIndexStore(uuid);
+          if (!this.popInstanceList.length) {
+            this.bKMaskManagerInstance.hide(transfer);
+          } else {
+            this.popHide(false);
+          }
+        }
+      } else {
+        content === null || content === void 0 ? void 0 : content.remove();
+      }
+      this.bKMaskManagerInstance.removeClickEvent();
+    }
+  }, {
+    key: "removeLastEvent",
+    value: function removeLastEvent() {
+      this.bKMaskManagerInstance.destroyEvent(this.uniqId);
+    }
+  }, {
+    key: "onMaskClickFn",
+    value: function onMaskClickFn(e) {
+      if (this.clickFn) {
+        var fn = this.clickFn.fn;
+        if (fn) {
+          Reflect.apply(fn, this, [e]);
+        }
+      }
+    }
+  }]);
+  return BKPopIndexManager;
+}();
+var bkPopIndexManager = new BKPopIndexManager();
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+
+
+
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
+const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+/* harmony default export */ const esm_browser_native = ({
+  randomUUID
+});
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/rng.js
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/stringify.js
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+const byteToHex = [];
+
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+}
+
+function stringify(arr, offset = 0) {
+  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+/* harmony default export */ const esm_browser_stringify = ((/* unused pure expression or super */ null && (stringify)));
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/v4.js
+
+
+
+
+function v4(options, buf, offset) {
+  if (esm_browser_native.randomUUID && !buf && !options) {
+    return esm_browser_native.randomUUID();
+  }
+
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return unsafeStringify(rnds);
+}
+
+/* harmony default export */ const esm_browser_v4 = (v4);
+;// CONCATENATED MODULE: external "@popperjs/core"
+var core_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var core_y = x => () => x
+const core_namespaceObject = core_x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
+;// CONCATENATED MODULE: ../../packages/shared/src/popover.ts
+
+
+
+
+
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+var BKPopover = /*#__PURE__*/function () {
+  function BKPopover(reference, popperRefer, options) {
+    var _this$popperRefer, _this$instanceOptions;
+    _classCallCheck(this, BKPopover);
+    /** 当前提内容是否弹出 */
+    _defineProperty(this, "isShow", false);
+    /** 触发条件 */
+    _defineProperty(this, "trigger", undefined);
+    /** 当前popperjs实例 */
+    _defineProperty(this, "instance", undefined);
+    /** 是否总是可见 */
+    _defineProperty(this, "always", false);
+    /** Popover 外层容器，触发Pop的元素 */
+    _defineProperty(this, "reference", undefined);
+    /** Popover 弹出内容外层占位容器 */
+    _defineProperty(this, "referenceTarget", undefined);
+    /** Popover Content 外层容器，目标元素：实际弹出内容 */
+    _defineProperty(this, "popperRefer", undefined);
+    /** hide延时 */
+    _defineProperty(this, "delay", 50);
+    /** 是否进入popperRefer */
+    _defineProperty(this, "isInnerPopper", false);
+    /** 是否为禁用状态 */
+    _defineProperty(this, "disabled", false);
+    /** 执行显示函数 */
+    _defineProperty(this, "afterShow", null);
+    /** 执行隐藏函数 */
+    _defineProperty(this, "afterHidden", null);
+    /** 弹出内容AppendTo */
+    _defineProperty(this, "appendTo", 'parent');
+    /** 父级容器 */
+    _defineProperty(this, "container", null);
+    /**
+     * 如果设置了appendTo为指定DOM，此配置项生效
+     * 是否将弹出内容固定到目标元素位置
+     * 例如：appendTo = document.body, fixOnBoundary = true，则弹出内容会一直固定到body
+     */
+    _defineProperty(this, "fixOnBoundary", false);
+    this.instanceOptions = this.initDefaultOptions(options);
+    this.reference = this.resolveInputSelectorToHtmlElement(reference);
+    this.popperRefer = this.resolveInputSelectorToHtmlElement(popperRefer);
+    this.referenceTarget = this.getTargetReferenceElement();
+    this.container = (_this$popperRefer = this.popperRefer) === null || _this$popperRefer === void 0 ? void 0 : _this$popperRefer.parentElement;
+    this.isShow = !!((_this$instanceOptions = this.instanceOptions) !== null && _this$instanceOptions !== void 0 && _this$instanceOptions.isShow);
+    this.always = this.instanceOptions.always;
+    this.trigger = this.instanceOptions.trigger;
+    this.disabled = this.instanceOptions.disabled;
+    this.appendTo = this.instanceOptions.appendTo;
+    this.afterHidden = typeof options.afterHidden === 'function' ? options.afterHidden : function () {};
+    this.afterShow = typeof options.afterShow === 'function' ? options.afterShow : function () {};
+    this.fixOnBoundary = this.instanceOptions.fixOnBoundary;
+    this.initInstance();
+    this.registerEvents();
+    /** 默认弹出 */
+    if (this.isShow || this.always) {
+      this.show(null);
+    }
+  }
+  // Synchronously updates the popper instance. Use this for low-frequency
+  // updates.
+  _createClass(BKPopover, [{
+    key: "forceUpdate",
+    value: function forceUpdate() {
+      var _this$instance;
+      (_this$instance = this.instance) === null || _this$instance === void 0 ? void 0 : _this$instance.forceUpdate();
+    }
+    // Asynchronously updates the popper instance, and returns a promise. Use this
+    // for high-frequency updates.
+  }, {
+    key: "update",
+    value: function update() {
+      var _this$instance2;
+      (_this$instance2 = this.instance) === null || _this$instance2 === void 0 ? void 0 : _this$instance2.update();
+    }
+  }, {
+    key: "updateOptions",
+    value: function updateOptions(options) {
+      var _this$instanceOptions2;
+      this.instanceOptions = this.initDefaultOptions(options);
+      this.isShow = !!((_this$instanceOptions2 = this.instanceOptions) !== null && _this$instanceOptions2 !== void 0 && _this$instanceOptions2.isShow);
+      this.trigger = this.instanceOptions.trigger;
+      this.disabled = this.instanceOptions.disabled;
+      this.setOptions(this.instanceOptions);
+    }
+    // Updates the options of the instance.
+  }, {
+    key: "setOptions",
+    value: function setOptions(options) {
+      var _this$instance3;
+      (_this$instance3 = this.instance) === null || _this$instance3 === void 0 ? void 0 : _this$instance3.setOptions(options);
+    }
+    // Cleans up the instance.
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      var _this$instance4;
+      (_this$instance4 = this.instance) === null || _this$instance4 === void 0 ? void 0 : _this$instance4.destroy();
+    }
+    // 更新禁用状态
+  }, {
+    key: "updateDisabled",
+    value: function updateDisabled(disabled) {
+      this.disabled = disabled !== null && disabled !== void 0 ? disabled : !this.disabled;
+      this.disabled && this.hide();
+    }
+    /**
+     * 展示Pop
+     * @param _event 触发事件
+     */
+  }, {
+    key: "show",
+    value: function show(_event) {
+      if (!this.disabled) {
+        var _this$popperRefer2;
+        // Make the tooltip visible
+        (_this$popperRefer2 = this.popperRefer) === null || _this$popperRefer2 === void 0 ? void 0 : _this$popperRefer2.setAttribute('data-show', '');
+        // Enable the event listeners
+        this.setOptions({
+          modifiers: [].concat(_toConsumableArray(this.instanceOptions.modifiers || []), [{
+            name: 'eventListeners',
+            enabled: true
+          }])
+        });
+        // Update its position
+        this.update();
+        this.isShow = true;
+        this.afterShow();
+        if (!this.fixOnBoundary) {
+          this.appendToTarget();
+        }
+      }
+    }
+    /**
+     * 隐藏
+     * @param event 触发事件
+     */
+  }, {
+    key: "hide",
+    value: function hide() {
+      var _this$popperRefer3;
+      if (this.always) return;
+      // Hide the tooltip
+      (_this$popperRefer3 = this.popperRefer) === null || _this$popperRefer3 === void 0 ? void 0 : _this$popperRefer3.removeAttribute('data-show');
+      // Disable the event listeners
+      this.setOptions({
+        modifiers: [].concat(_toConsumableArray(this.instanceOptions.modifiers || []), [{
+          name: 'eventListeners',
+          enabled: false
+        }])
+      });
+      this.isShow = false;
+      this.isInnerPopper = false;
+      this.afterHidden();
+      if (!this.fixOnBoundary) {
+        this.restorePopContent();
+      }
+    }
+    /**
+     * 还原PopContent到初试位置
+     */
+  }, {
+    key: "restorePopContent",
+    value: function restorePopContent() {
+      var target = this.getAppendToTarget();
+      if (helper_isElement(target) && target.contains(this.popperRefer) && this.container && !this.container.contains(this.popperRefer)) {
+        this.container.append(this.popperRefer);
+      }
+    }
+    /**
+     * 挂载PopContent到目标位置
+     */
+  }, {
+    key: "appendToTarget",
+    value: function appendToTarget() {
+      var target = this.getAppendToTarget();
+      if (helper_isElement(target) && target.contains(this.popperRefer)) {
+        target.append(this.popperRefer);
+      }
+    }
+    /**
+     * 获取目标位置元素
+     * @returns
+     */
+  }, {
+    key: "getAppendToTarget",
+    value: function getAppendToTarget() {
+      var appendTo = this.appendTo;
+      var target = appendTo;
+      if (appendTo !== 'parent') {
+        if (typeof appendTo === 'string') {
+          target = document.querySelector(appendTo);
+        }
+      }
+      return target;
+    }
+    /**
+     * 初始化默认配置
+     * @param opts
+     * @returns
+     */
+  }, {
+    key: "initDefaultOptions",
+    value: function initDefaultOptions(opts) {
+      var _this = this;
+      var defaultCfg = {
+        placement: 'top',
+        modifiers: [{
+          name: 'offset',
+          options: {
+            offset: [0, 8]
+          }
+        }],
+        strategy: 'absolute',
+        onFirstUpdate: undefined,
+        isShow: false,
+        theme: 'dark',
+        trigger: 'hover',
+        disabled: false
+      };
+      var targetOptions = merge(defaultCfg, opts || {});
+      var sourceOnFirstUpdate = targetOptions.onFirstUpdate;
+      targetOptions.onFirstUpdate = function (state) {
+        if (typeof sourceOnFirstUpdate === 'function') {
+          sourceOnFirstUpdate.call(_this, state);
+          _this.handleFirstUpdate();
+        }
+      };
+      return targetOptions;
+    }
+    /**
+     * 判定是否需要将PopContent挂载到目标元素
+     */
+  }, {
+    key: "handleFirstUpdate",
+    value: function handleFirstUpdate() {
+      if (this.fixOnBoundary) {
+        this.appendToTarget();
+      }
+    }
+    /**
+     * 剔除 Pop 外层容器，获取目标元素
+     * @returns
+     */
+  }, {
+    key: "getTargetReferenceElement",
+    value: function getTargetReferenceElement() {
+      if (this.isElement(this.reference)) {
+        return this.reference.childElementCount === 1 ? this.reference.firstElementChild : this.reference;
+      }
+      return this.reference;
+    }
+    /**
+     * 初始化Pop Instance
+     */
+  }, {
+    key: "initInstance",
+    value: function initInstance() {
+      if (this.referenceTarget) {
+        if (this.referenceTarget && this.popperRefer) {
+          var _this$popperRefer4, _this$instanceOptions3;
+          this.instance = (0,core_namespaceObject.createPopper)(this.referenceTarget, this.popperRefer, this.instanceOptions);
+          (_this$popperRefer4 = this.popperRefer) === null || _this$popperRefer4 === void 0 ? void 0 : _this$popperRefer4.setAttribute('data-theme', (_this$instanceOptions3 = this.instanceOptions.theme) !== null && _this$instanceOptions3 !== void 0 ? _this$instanceOptions3 : 'dark');
+        } else {
+          console.error('reference or popperRefer is null, please check html element.');
+        }
+      }
+    }
+    /**
+     * 解析当前参数为对应的Html Element
+     * @param refer Html Element Selector Or Html Element
+     * @param checkVirtualDom 是否检查虚拟DOM
+     * @returns Html Element Or Null
+     */
+  }, {
+    key: "resolveInputSelectorToHtmlElement",
+    value: function resolveInputSelectorToHtmlElement(refer) {
+      if (this.isElement(refer)) {
+        return refer;
+      }
+      if (typeof refer === 'string') {
+        return document.querySelector(refer);
+      }
+      if (_typeof(refer) === 'object') {
+        if (Object.prototype.hasOwnProperty.call(refer, 'getBoundingClientRect')) {
+          return refer;
+        }
+      } else {
+        console.error("'getBoundingClientRect' is needed when use virtual elements");
+      }
+      return null;
+    }
+    /**
+     * 检查当前元素是否为Html元素
+     * @param obj
+     * @returns
+     */
+  }, {
+    key: "isElement",
+    value: function isElement(obj) {
+      return helper_isElement(obj);
+    }
+  }, {
+    key: "registerEvents",
+    value: function registerEvents() {
+      var _this2 = this;
+      if (this.isElement(this.referenceTarget)) {
+        if (this.trigger === 'hover') {
+          var showEvents = ['mouseenter', 'focus'];
+          var hideEvents = ['mouseleave', 'blur'];
+          var contentEvents = ['mouseenter', 'mouseleave'];
+          showEvents.forEach(function (event) {
+            _this2.referenceTarget.addEventListener(event, function (evt) {
+              if (event === 'mouseenter') _this2.isInnerPopper = true;
+              _this2.show(evt);
+            });
+          });
+          hideEvents.forEach(function (event) {
+            _this2.referenceTarget.addEventListener(event, function () {
+              _this2.isInnerPopper = false;
+              setTimeout(function () {
+                !_this2.isInnerPopper && _this2.hide();
+              }, _this2.delay);
+            });
+          });
+          if (this.isElement(this.popperRefer)) {
+            contentEvents.forEach(function (event) {
+              _this2.popperRefer.addEventListener(event, function () {
+                if (event === 'mouseenter') _this2.isInnerPopper = true;
+                if (event === 'mouseleave') _this2.hide();
+              });
+            });
+          }
+        }
+      }
+      if (this.trigger === 'click') {
+        var _showEvents = ['click'];
+        _showEvents.forEach(function (event) {
+          document.body.addEventListener(event, function (event) {
+            if (_this2.isSameElement(event.target, _this2.reference) || _this2.reference.contains(event.target)) {
+              _this2.show(event);
+            } else {
+              if (_this2.isShow && !_this2.isSameElement(event.target, _this2.popperRefer) && !_this2.popperRefer.contains(event.target)) {
+                _this2.hide();
+              }
+            }
+          });
+        });
+      }
+    }
+  }, {
+    key: "isSameElement",
+    value: function isSameElement(source, target) {
+      return source && (source === target || source === target.firstElementChild);
+    }
+  }]);
+  return BKPopover;
+}();
+var popContainerId = null;
+var getPopContainerId = function getPopContainerId() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#';
+  if (popContainerId === null) {
+    popContainerId = "id_".concat(esm_browser_v4());
+    var popContainer = document.createElement('div');
+    popContainer.setAttribute('id', popContainerId);
+    popContainer.setAttribute('data-popper-id', popContainerId);
+    document.body.append(popContainer);
+  }
+  return "".concat(prefix).concat(popContainerId);
+};
+;// CONCATENATED MODULE: ../../packages/shared/src/scrollbar-width.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+var scrollBarWidth;
+function scrollbarWidth() {
+  if (scrollBarWidth !== undefined) return scrollBarWidth;
+  var outer = document.createElement('div');
+  outer.className = 'bk-scrollbar-wrap';
+  outer.style.visibility = 'hidden';
+  outer.style.width = '100px';
+  outer.style.position = 'absolute';
+  outer.style.top = '-9999px';
+  document.body.appendChild(outer);
+  var widthNoScroll = outer.offsetWidth;
+  outer.style.overflow = 'scroll';
+  var inner = document.createElement('div');
+  inner.style.width = '100%';
+  outer.appendChild(inner);
+  var widthWithScroll = inner.offsetWidth;
+  outer.parentNode.removeChild(outer);
+  scrollBarWidth = widthNoScroll - widthWithScroll;
+  return scrollBarWidth;
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/inherits.js
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return self;
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
+
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
+  }
+  return _assertThisInitialized(self);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+;// CONCATENATED MODULE: external "vue-types"
+var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_types_y = x => () => x
+const external_vue_types_namespaceObject = external_vue_types_x({ ["createTypes"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.createTypes, ["string"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.string, ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
+;// CONCATENATED MODULE: ../../packages/shared/src/vue-types.ts
+
+
+
+
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+var propTypesNS = (0,external_vue_types_namespaceObject.createTypes)({});
+// 用于创建字符串列表映射至 `K: V` 的函数
+function stringEnum(o) {
+  return o.reduce(function (res, key) {
+    res[key] = key;
+    return res;
+  }, Object.create(null));
+}
+var SizeEnum;
+(function (SizeEnum) {
+  SizeEnum["SMALL"] = "small";
+  SizeEnum["LARGE"] = "large";
+  SizeEnum["DEFAULT"] = "default";
+})(SizeEnum || (SizeEnum = {}));
+var Placements;
+(function (Placements) {
+  Placements["Top"] = "top";
+  Placements["Left"] = "left";
+  Placements["Right"] = "right";
+  Placements["Bottom"] = "bottom";
+})(Placements || (Placements = {}));
+var RenderDirectiveEnum;
+(function (RenderDirectiveEnum) {
+  RenderDirectiveEnum["IF"] = "if";
+  RenderDirectiveEnum["SHOW"] = "show";
+})(RenderDirectiveEnum || (RenderDirectiveEnum = {}));
+function renderDirectiveType() {
+  return (0,external_vue_types_namespaceObject.string)().def(RenderDirectiveEnum.SHOW);
+}
+var AlignEnum;
+(function (AlignEnum) {
+  AlignEnum["LEFT"] = "left";
+  AlignEnum["CENTER"] = "center";
+  AlignEnum["RIGHT"] = "right";
+})(AlignEnum || (AlignEnum = {}));
+function alignType() {
+  return (0,external_vue_types_namespaceObject.string)().def(AlignEnum.LEFT);
+}
+var ThemeEnum;
+(function (ThemeEnum) {
+  ThemeEnum["PRIMARY"] = "primary";
+  ThemeEnum["WARNING"] = "warning";
+  ThemeEnum["SUCCESS"] = "success";
+  ThemeEnum["DANGER"] = "danger";
+})(ThemeEnum || (ThemeEnum = {}));
+/** 弹层出现位置选项 */
+var PlacementEnum;
+(function (PlacementEnum) {
+  PlacementEnum["AUTO"] = "auto";
+  PlacementEnum["AUTO_START"] = "auto-start";
+  PlacementEnum["AUTO_END"] = "auto-end";
+  PlacementEnum["TOP"] = "top";
+  PlacementEnum["RIGHT"] = "right";
+  PlacementEnum["BOTTOM"] = "bottom";
+  PlacementEnum["LEFT"] = "left";
+  PlacementEnum["TOP_START"] = "top-start";
+  PlacementEnum["TOP_END"] = "top-end";
+  PlacementEnum["BOTTOM_START"] = "bottom-start";
+  PlacementEnum["BOTTOM_END"] = "bottom-end";
+  PlacementEnum["RIGHT_START"] = "right-start";
+  PlacementEnum["RIGHT_END"] = "right-end";
+  PlacementEnum["LEFT_START"] = "left-start";
+  PlacementEnum["LEFT_END"] = "left-end";
+})(PlacementEnum || (PlacementEnum = {}));
+function placementType() {
+  return (0,external_vue_types_namespaceObject.string)().def(PlacementEnum.BOTTOM);
+}
+/** 弹层触发选项  */
+var TriggerEnum;
+(function (TriggerEnum) {
+  TriggerEnum["HOVER"] = "hover";
+  TriggerEnum["CLICK"] = "click";
+  TriggerEnum["MANUAL"] = "manual";
+})(TriggerEnum || (TriggerEnum = {}));
+function triggerType() {
+  return (0,external_vue_types_namespaceObject.string)().def(TriggerEnum.HOVER);
+}
+/** 内容渲染类型：目前是在popover内容渲染时使用 */
+var RenderType;
+(function (RenderType) {
+  RenderType["AUTO"] = "auto";
+  RenderType["SHOWN"] = "shown";
+})(RenderType || (RenderType = {}));
+function renderType() {
+  return (0,external_vue_types_namespaceObject.toType)('popRenderType', {}).def(RenderType.SHOWN);
+}
+var DialogTypeEnum;
+(function (DialogTypeEnum) {
+  DialogTypeEnum["SHOW"] = "show";
+  DialogTypeEnum["OPERATION"] = "operation";
+  DialogTypeEnum["CONFIRM"] = "confirm";
+  DialogTypeEnum["PROCESS"] = "process";
+})(DialogTypeEnum || (DialogTypeEnum = {}));
+function dialogTypeUnion() {
+  return (0,external_vue_types_namespaceObject.toType)('dialogType', {
+    "default": DialogTypeEnum.OPERATION
+  });
+}
+var DirectionEnum;
+(function (DirectionEnum) {
+  DirectionEnum["HORIZONTAL"] = "horizontal";
+  DirectionEnum["VERTICAL"] = "vertical";
+})(DirectionEnum || (DirectionEnum = {}));
+function directionType() {
+  return (0,external_vue_types_namespaceObject.toType)('direction', {}).def(DirectionEnum.HORIZONTAL);
+}
+var LineStyleEnum;
+(function (LineStyleEnum) {
+  LineStyleEnum["DASHED"] = "dashed";
+  LineStyleEnum["SOLID"] = "solid";
+})(LineStyleEnum || (LineStyleEnum = {}));
+function lineStyleType() {
+  return (0,external_vue_types_namespaceObject.toType)('lineType', {}).def(LineStyleEnum.DASHED);
+}
+var TagThemeEnum;
+(function (TagThemeEnum) {
+  TagThemeEnum["UNKNOWN"] = "";
+  TagThemeEnum["SUCCESS"] = "success";
+  TagThemeEnum["INFO"] = "info";
+  TagThemeEnum["WARNING"] = "warning";
+  TagThemeEnum["DANGER"] = "danger";
+})(TagThemeEnum || (TagThemeEnum = {}));
+function TagThemeType() {
+  return (0,external_vue_types_namespaceObject.toType)('tagTheme', {}).def();
+}
+var InputBehaviorEnum;
+(function (InputBehaviorEnum) {
+  InputBehaviorEnum["SIMPLICITY"] = "simplicity";
+  InputBehaviorEnum["NORMAL"] = "normal";
+})(InputBehaviorEnum || (InputBehaviorEnum = {}));
+var ProgressStrokeLineCapEnum;
+(function (ProgressStrokeLineCapEnum) {
+  ProgressStrokeLineCapEnum["BUTT"] = "butt";
+  ProgressStrokeLineCapEnum["SQUARE"] = "square";
+  ProgressStrokeLineCapEnum["ROUNDE"] = "round";
+})(ProgressStrokeLineCapEnum || (ProgressStrokeLineCapEnum = {}));
+var ProgressEnum;
+(function (ProgressEnum) {
+  ProgressEnum["LINE"] = "line";
+  ProgressEnum["CIRCLE"] = "circle";
+  ProgressEnum["DASHBOARD"] = "dashboard";
+})(ProgressEnum || (ProgressEnum = {}));
+var SwitcherThemeEnum;
+(function (SwitcherThemeEnum) {
+  SwitcherThemeEnum["SUCCESS"] = "success";
+  SwitcherThemeEnum["PRIMARY"] = "primary";
+})(SwitcherThemeEnum || (SwitcherThemeEnum = {}));
+function SwitcherThemeType() {
+  return (0,external_vue_types_namespaceObject.toType)('switcherTheme', {}).def(SwitcherThemeEnum.SUCCESS);
+}
+function ProgressStrokeLineCapType() {
+  return (0,external_vue_types_namespaceObject.toType)('progressStrokeLineCap', {}).def(ProgressStrokeLineCapEnum.ROUNDE);
+}
+function ProgressType() {
+  return (0,external_vue_types_namespaceObject.toType)('progress', {}).def(ProgressEnum.LINE);
+}
+function InputBehaviorType() {
+  return (0,external_vue_types_namespaceObject.toType)('behavior', {}).def(InputBehaviorEnum.NORMAL);
+}
+var PropTypes = /*#__PURE__*/function (_propTypesNS) {
+  _inherits(PropTypes, _propTypesNS);
+  var _super = _createSuper(PropTypes);
+  function PropTypes() {
+    _classCallCheck(this, PropTypes);
+    return _super.apply(this, arguments);
+  }
+  _createClass(PropTypes, null, [{
+    key: "size",
+    value: function size() {
+      var defaultList = ['small', 'default', 'large'];
+      return (0,external_vue_types_namespaceObject.toType)('Size', {
+        validator: function validator(val) {
+          if (!val || defaultList.includes(val)) {
+            return true;
+          }
+          console.error("invalid theme, ".concat(val, ", the theme must be one of \u3010").concat(defaultList.join(' | '), "\u3011"));
+          return false;
+        },
+        "default": 'default'
+      });
+    }
+  }, {
+    key: "theme",
+    value: function theme() {
+      var themes = ['primary', 'warning', 'success', 'danger'];
+      return (0,external_vue_types_namespaceObject.toType)('Theme', {
+        validator: function validator(val) {
+          if (!val || themes.includes(val)) {
+            return true;
+          }
+          console.error("invalid theme, ".concat(val, ", the theme must be one of \u3010").concat(themes.join(' | '), "\u3011"));
+          return false;
+        }
+      });
+    }
+  }, {
+    key: "placement",
+    value: function placement() {
+      var placements = ['top', 'left', 'right', 'bottom'];
+      return (0,external_vue_types_namespaceObject.toType)('Placements', {
+        validator: function validator(val) {
+          if (!val || placements.includes(val)) {
+            return true;
+          }
+          return false;
+        },
+        "default": 'top'
+      });
+    }
+  }, {
+    key: "style",
+    value: function style() {
+      return (0,external_vue_types_namespaceObject.toType)('Style', {
+        type: [String, Object]
+      });
+    }
+  }, {
+    key: "position",
+    value: function position() {
+      var positions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+      return (0,external_vue_types_namespaceObject.toType)('positions', {
+        type: String,
+        validator: function validator(val) {
+          if (!val || positions.includes(val)) {
+            return true;
+          }
+          console.error("invalid positions, ".concat(val, ", the position must be one of \u3010").concat(positions.join(' | '), "\u3011"));
+          return false;
+        },
+        "default": 'top-center'
+      });
+    }
+  }]);
+  return PropTypes;
+}(propTypesNS);
+var SelectedTypeEnum;
+(function (SelectedTypeEnum) {
+  SelectedTypeEnum["CHECKBOX"] = "checkbox";
+  SelectedTypeEnum["CHECK"] = "check";
+})(SelectedTypeEnum || (SelectedTypeEnum = {}));
+function SelectedType() {
+  return (0,external_vue_types_namespaceObject.toType)('selectedStyle', {}).def(SelectedTypeEnum.CHECK);
+}
+;// CONCATENATED MODULE: ../../packages/shared/src/index.ts
+
+
+
+
+
+
+
+
+
+
+
+
+function classes(dynamicCls) {
+  var constCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return Object.entries(dynamicCls).filter(function (entry) {
+    return entry[1];
+  }).map(function (entry) {
+    return entry[0];
+  }).join(' ').concat(constCls ? " ".concat(constCls) : '');
+}
+var EMPTY_OBJ = Object.create({});
+var noop = function noop() {};
+var renderEmptyVNode = function renderEmptyVNode() {
+  return null;
+};
+var isEmptyObj = function isEmptyObj(target) {
+  return Object.keys(target).length < 1;
+};
+var withInstall = function withInstall(component) {
+  component.install = function (app) {
+    var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      prefix = _ref.prefix;
+    var pre = app.config.globalProperties.bkUIPrefix || prefix || 'Bk';
+    app.component(pre + component.name, component);
+  };
+  return component;
+};
+var withInstallProps = function withInstallProps(component, childComponents) {
+  var isProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var directive = arguments.length > 3 ? arguments[3] : undefined;
+  component.install = function (app) {
+    var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      prefix = _ref2.prefix;
+    var pre = app.config.globalProperties.bkUIPrefix || prefix || 'Bk';
+    if (directive) {
+      app.directive(pre + directive.name, directive.directive);
+    }
+    app.component(pre + component.name, component);
+    !isProps && Object.values(childComponents).forEach(function (child) {
+      app.component(pre + child.name, child);
+    });
+  };
+  Object.keys(childComponents).forEach(function (key) {
+    component[key] = childComponents[key];
+  });
+  return component;
+};
+/**
+ * 解析当前组件ClassName，自动添加前缀
+ * @param clsName 当前ClassName
+ * @param prefix 前缀，默认为bk
+ * @returns prefix-clsName
+ */
+function resolveClassName(clsName) {
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'bk';
+  return "".concat(prefix, "-").concat(clsName);
+}
+/**
+ * 函数防抖
+ * @param {*} fn 执行的函数
+ * @param {*} delay 延时时间
+ * @param {*} immediate 是否立即执行
+ */
+function debounce() {
+  var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 300;
+  var fn = arguments.length > 1 ? arguments[1] : undefined;
+  var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var timeout;
+  var result;
+  var debounced = function debounced() {
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    var ctx = this; // 当前上下文
+    // eslint-disable-next-line prefer-rest-params
+    var args = arguments; // fn的参数
+    // 取消之前的延时调用
+    if (timeout) clearTimeout(timeout);
+    if (immediate) {
+      var applyImmediate = !timeout; // 是否执行过
+      timeout = setTimeout(function () {
+        timeout = null; // 标志是否执行过，与clearTimeout有区别，clearTimeout之后timeout不为null而是一个系统分配的队列ID
+      }, delay);
+      if (applyImmediate) result = fn.apply(ctx, args); // 立即调用
+    } else {
+      timeout = setTimeout(function () {
+        fn.apply(ctx, args);
+      }, delay);
+    }
+    return result;
+  };
+  debounced.cancel = function () {
+    clearTimeout(timeout);
+    timeout = null;
+  };
+  return debounced;
+}
+/**
+ * 过滤（去除）对象中的某个属性
+ * @param data 需要处理的对象
+ * @param filter 过滤关键字
+ * @returns object 去除属性之后的对象
+ */
+function filterProperty(data, filter) {
+  return JSON.parse(JSON.stringify(data, function (key, value) {
+    if (filter.includes(key)) {
+      return undefined;
+    }
+    return value;
+  }));
+}
+function arrayEqual() {
+  var arr1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var arr2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  if (arr1.length !== arr2.length) {
+    return false;
+  }
+  for (var i = 0; i < arr1.length; i++) {
+    if (Array.isArray(arr1[i])) {
+      return arrayEqual(arr1[i], arr2[i]);
+    }
+    if (arr1[i] !== arr2[i]) {
+      return false;
+    }
+  }
+  return true;
+}
+var __webpack_exports__AlignEnum = __webpack_exports__.oY;
+var __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE = __webpack_exports__.p3;
+var __webpack_exports__BKLAYERTYPE = __webpack_exports__.Ql;
+var __webpack_exports__BKPopIndexManager = __webpack_exports__.Eo;
+var __webpack_exports__BKPopover = __webpack_exports__.mZ;
+var __webpack_exports__BkMaskManager = __webpack_exports__.Wg;
+var __webpack_exports__DialogTypeEnum = __webpack_exports__._D;
+var __webpack_exports__DirectionEnum = __webpack_exports__.dq;
+var __webpack_exports__EMPTY_OBJ = __webpack_exports__.kT;
+var __webpack_exports__InputBehaviorEnum = __webpack_exports__.WF;
+var __webpack_exports__InputBehaviorType = __webpack_exports__.Gl;
+var __webpack_exports__LineStyleEnum = __webpack_exports__.VS;
+var __webpack_exports__PlacementEnum = __webpack_exports__.Um;
+var __webpack_exports__Placements = __webpack_exports__._h;
+var __webpack_exports__ProgressEnum = __webpack_exports__.rU;
+var __webpack_exports__ProgressStrokeLineCapEnum = __webpack_exports__._q;
+var __webpack_exports__ProgressStrokeLineCapType = __webpack_exports__.Hl;
+var __webpack_exports__ProgressType = __webpack_exports__.Mc;
+var __webpack_exports__PropTypes = __webpack_exports__.ng;
+var __webpack_exports__RenderDirectiveEnum = __webpack_exports__.Pi;
+var __webpack_exports__RenderType = __webpack_exports__.y2;
+var __webpack_exports__SelectedType = __webpack_exports__.qt;
+var __webpack_exports__SelectedTypeEnum = __webpack_exports__.aL;
+var __webpack_exports__SizeEnum = __webpack_exports__.mO;
+var __webpack_exports__SwitcherThemeEnum = __webpack_exports__.BZ;
+var __webpack_exports__SwitcherThemeType = __webpack_exports__.p;
+var __webpack_exports__TagThemeEnum = __webpack_exports__.XR;
+var __webpack_exports__TagThemeType = __webpack_exports__.gg;
+var __webpack_exports__ThemeEnum = __webpack_exports__.bY;
+var __webpack_exports__TriggerEnum = __webpack_exports__.os;
+var __webpack_exports__alignType = __webpack_exports__.WW;
+var __webpack_exports__arrayEqual = __webpack_exports__.h6;
+var __webpack_exports__bKMaskManager = __webpack_exports__.Lx;
+var __webpack_exports__bkPopIndexManager = __webpack_exports__.aR;
+var __webpack_exports__bkZIndexManager = __webpack_exports__.ue;
+var __webpack_exports__capitalize = __webpack_exports__.kC;
+var __webpack_exports__checkOverflow = __webpack_exports__.ao;
+var __webpack_exports__classes = __webpack_exports__.Sh;
+var __webpack_exports__clone = __webpack_exports__.d9;
+var __webpack_exports__debounce = __webpack_exports__.Ds;
+var __webpack_exports__dialogTypeUnion = __webpack_exports__.ou;
+var __webpack_exports__directionType = __webpack_exports__.zo;
+var __webpack_exports__elementsEqual = __webpack_exports__.cA;
+var __webpack_exports__filterProperty = __webpack_exports__.w$;
+var __webpack_exports__finiteOrDefault = __webpack_exports__.b_;
+var __webpack_exports__formItemKey = __webpack_exports__.xE;
+var __webpack_exports__formKey = __webpack_exports__.vh;
+var __webpack_exports__getPopContainerId = __webpack_exports__.ks;
+var __webpack_exports__hasOverflowEllipsis = __webpack_exports__.Hv;
+var __webpack_exports__isArray = __webpack_exports__.kJ;
+var __webpack_exports__isElement = __webpack_exports__.kK;
+var __webpack_exports__isEmpty = __webpack_exports__.xb;
+var __webpack_exports__isEmptyObj = __webpack_exports__.SI;
+var __webpack_exports__isFinite = __webpack_exports__.xV;
+var __webpack_exports__isNullOrUndef = __webpack_exports__.sS;
+var __webpack_exports__isObject = __webpack_exports__.Kn;
+var __webpack_exports__lineStyleType = __webpack_exports__.zW;
+var __webpack_exports__maybeShowTooltip = __webpack_exports__.oq;
+var __webpack_exports__merge = __webpack_exports__.TS;
+var __webpack_exports__mergeIf = __webpack_exports__.NG;
+var __webpack_exports__mergerFn = __webpack_exports__.WC;
+var __webpack_exports__mergerIfFn = __webpack_exports__.Zd;
+var __webpack_exports__noop = __webpack_exports__.ZT;
+var __webpack_exports__observerResize = __webpack_exports__.z3;
+var __webpack_exports__off = __webpack_exports__.S1;
+var __webpack_exports__on = __webpack_exports__.on;
+var __webpack_exports__placementType = __webpack_exports__.Tf;
+var __webpack_exports__random = __webpack_exports__.MX;
+var __webpack_exports__renderDirectiveType = __webpack_exports__.OB;
+var __webpack_exports__renderEmptyVNode = __webpack_exports__.Ay;
+var __webpack_exports__renderType = __webpack_exports__.wB;
+var __webpack_exports__resolveClassName = __webpack_exports__.h5;
+var __webpack_exports__scrollTop = __webpack_exports__.SM;
+var __webpack_exports__scrollbarWidth = __webpack_exports__.LF;
+var __webpack_exports__stringEnum = __webpack_exports__.b;
+var __webpack_exports__triggerType = __webpack_exports__._7;
+var __webpack_exports__useForm = __webpack_exports__.cI;
+var __webpack_exports__useFormItem = __webpack_exports__.A9;
+var __webpack_exports__valueOrDefault = __webpack_exports__.Be;
+var __webpack_exports__withInstall = __webpack_exports__.nz;
+var __webpack_exports__withInstallProps = __webpack_exports__.B;
+export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopIndexManager as BKPopIndexManager, __webpack_exports__BKPopover as BKPopover, __webpack_exports__BkMaskManager as BkMaskManager, __webpack_exports__DialogTypeEnum as DialogTypeEnum, __webpack_exports__DirectionEnum as DirectionEnum, __webpack_exports__EMPTY_OBJ as EMPTY_OBJ, __webpack_exports__InputBehaviorEnum as InputBehaviorEnum, __webpack_exports__InputBehaviorType as InputBehaviorType, __webpack_exports__LineStyleEnum as LineStyleEnum, __webpack_exports__PlacementEnum as PlacementEnum, __webpack_exports__Placements as Placements, __webpack_exports__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __webpack_exports__TagThemeEnum as TagThemeEnum, __webpack_exports__TagThemeType as TagThemeType, __webpack_exports__ThemeEnum as ThemeEnum, __webpack_exports__TriggerEnum as TriggerEnum, __webpack_exports__alignType as alignType, __webpack_exports__arrayEqual as arrayEqual, __webpack_exports__bKMaskManager as bKMaskManager, __webpack_exports__bkPopIndexManager as bkPopIndexManager, __webpack_exports__bkZIndexManager as bkZIndexManager, __webpack_exports__capitalize as capitalize, __webpack_exports__checkOverflow as checkOverflow, __webpack_exports__classes as classes, __webpack_exports__clone as clone, __webpack_exports__debounce as debounce, __webpack_exports__dialogTypeUnion as dialogTypeUnion, __webpack_exports__directionType as directionType, __webpack_exports__elementsEqual as elementsEqual, __webpack_exports__filterProperty as filterProperty, __webpack_exports__finiteOrDefault as finiteOrDefault, __webpack_exports__formItemKey as formItemKey, __webpack_exports__formKey as formKey, __webpack_exports__getPopContainerId as getPopContainerId, __webpack_exports__hasOverflowEllipsis as hasOverflowEllipsis, __webpack_exports__isArray as isArray, __webpack_exports__isElement as isElement, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyObj as isEmptyObj, __webpack_exports__isFinite as isFinite, __webpack_exports__isNullOrUndef as isNullOrUndef, __webpack_exports__isObject as isObject, __webpack_exports__lineStyleType as lineStyleType, __webpack_exports__maybeShowTooltip as maybeShowTooltip, __webpack_exports__merge as merge, __webpack_exports__mergeIf as mergeIf, __webpack_exports__mergerFn as mergerFn, __webpack_exports__mergerIfFn as mergerIfFn, __webpack_exports__noop as noop, __webpack_exports__observerResize as observerResize, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__placementType as placementType, __webpack_exports__random as random, __webpack_exports__renderDirectiveType as renderDirectiveType, __webpack_exports__renderEmptyVNode as renderEmptyVNode, __webpack_exports__renderType as renderType, __webpack_exports__resolveClassName as resolveClassName, __webpack_exports__scrollTop as scrollTop, __webpack_exports__scrollbarWidth as scrollbarWidth, __webpack_exports__stringEnum as stringEnum, __webpack_exports__triggerType as triggerType, __webpack_exports__useForm as useForm, __webpack_exports__useFormItem as useFormItem, __webpack_exports__valueOrDefault as valueOrDefault, __webpack_exports__withInstall as withInstall, __webpack_exports__withInstallProps as withInstallProps };