bkui-vue 0.0.2-beta.72 → 0.0.2-beta.73

package/lib/popover/index.js

@@ -1 +1,4075 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../config-provider"),require("vue-types"),require("lodash"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider","vue-types","lodash"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../config-provider"),require("vue-types"),require("lodash")):t(e["../shared"],e.vue,e["../config-provider"],e["vue-types"],e.lodash);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r)=>(()=>{var i={8022:(e,t,n)=>{var o=n(4481),r=n(6426),i=r;i.v1=o,i.v4=r,e.exports=i},8725:e=>{for(var t=[],n=0;n<256;++n)t[n]=(n+256).toString(16).substr(1);e.exports=function(e,n){var o=n||0,r=t;return[r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]]].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 o=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),o[t]=e>>>((3&t)<<3)&255;return o}}},4481:(e,t,n)=>{var o,r,i=n(9157),l=n(8725),a=0,u=0;e.exports=function(e,t,n){var c=t&&n||0,s=t||[],f=(e=e||{}).node||o,d=void 0!==e.clockseq?e.clockseq:r;if(null==f||null==d){var p=i();null==f&&(f=o=[1|p[0],p[1],p[2],p[3],p[4],p[5]]),null==d&&(d=r=16383&(p[6]<<8|p[7]))}var v=void 0!==e.msecs?e.msecs:(new Date).getTime(),m=void 0!==e.nsecs?e.nsecs:u+1,y=v-a+(m-u)/1e4;if(y<0&&void 0===e.clockseq&&(d=d+1&16383),(y<0||v>a)&&void 0===e.nsecs&&(m=0),m>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");a=v,u=m,r=d;var h=(1e4*(268435455&(v+=122192928e5))+m)%4294967296;s[c++]=h>>>24&255,s[c++]=h>>>16&255,s[c++]=h>>>8&255,s[c++]=255&h;var g=v/4294967296*1e4&268435455;s[c++]=g>>>8&255,s[c++]=255&g,s[c++]=g>>>24&15|16,s[c++]=g>>>16&255,s[c++]=d>>>8|128,s[c++]=255&d;for(var b=0;b<6;++b)s[c+b]=f[b];return t||l(s)}},6426:(e,t,n)=>{var o=n(9157),r=n(8725);e.exports=function(e,t,n){var i=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var l=(e=e||{}).random||(e.rng||o)();if(l[6]=15&l[6]|64,l[8]=63&l[8]|128,t)for(var a=0;a<16;++a)t[i+a]=l[a];return t||r(l)}},2717:e=>{"use strict";e.exports=n},4212:t=>{"use strict";t.exports=e},467:e=>{"use strict";e.exports=r},748:e=>{"use strict";e.exports=t},210:e=>{"use strict";e.exports=o}},l={};function a(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={exports:{}};return i[e](n,n.exports,a),n.exports}a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{"use strict";a.r(u),a.d(u,{$bkPopover:()=>Be,PopoverProps:()=>T,default:()=>Ue});var e=a(4212),t=a(748);function n(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){u=!0,l=e},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw l}}}}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var r,i=new Map;function l(e,t){var n,o=[];return Array.isArray(t.arg)?o=t.arg:(n=t.arg,"undefined"!=typeof Element&&n instanceof Element&&o.push(t.arg)),function(n,r){var i=t.instance.popperRef,l=n.target,a=null==r?void 0:r.target,u=!t||!t.instance,c=!l||!a,s=e.contains(l)||e.contains(a),f=e===l,d=o.length&&o.some((function(e){return null==e?void 0:e.contains(l)}))||o.length&&o.includes(a),p=i&&(i.contains(l)||i.contains(a));u||c||s||f||d||p||t.value(n,r)}}document.addEventListener("mousedown",(function(e){return r=e})),document.addEventListener("mouseup",(function(e){var t,o=n(i.values());try{for(o.s();!(t=o.n()).done;){var l,a=n(t.value);try{for(a.s();!(l=a.n()).done;)(0,l.value.documentHandler)(e,r)}catch(e){a.e(e)}finally{a.f()}}}catch(e){o.e(e)}finally{o.f()}}));var c={beforeMount:function(e,t){i.has(e)||i.set(e,[]),i.get(e).push({documentHandler:l(e,t),bindingFn:t.value})},updated:function(e,t){i.has(e)||i.set(e,[]);var n=i.get(e),o=n.findIndex((function(e){return e.bindingFn===t.oldValue})),r={documentHandler:l(e,t),bindingFn:t.value};o>=0?n.splice(o,1,r):n.push(r)},unmounted:function(e){i.delete(e)},install:function(e){e.directive("bkTooltips",c)}};const s=c;var f=a(2717);const d=(0,t.defineComponent)({name:"PopArrow",render:function(){var e=(0,(0,f.usePrefix)().resolveClassName)("pop2-arrow");return(0,t.createVNode)("div",{class:e},null)}});function p(e){return p="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},p(e)}function v(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,"string");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===p(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var m,y;!function(e){e.CLICK_OUTSIDE="clickoutside",e.CONTENT_MOUSEENTER="contentMouseenter",e.CONTENT_MOUSELEAVE="contentMouseleave",e.CONTENT_AfterHidden="afterHidden",e.CONTENT_AfterShow="afterShow"}(y||(y={}));var h=function(e){return!0},g=function(e){return e},b=(v(m={},y.CLICK_OUTSIDE,(function(e){return!0})),v(m,y.CONTENT_MOUSEENTER,g),v(m,y.CONTENT_MOUSELEAVE,g),v(m,y.CONTENT_AfterHidden,h),v(m,y.CONTENT_AfterShow,h),m);const w=(0,t.defineComponent)({name:"PopContent",props:{width:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),height:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),maxHeight:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),maxWidth:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),extCls:e.PropTypes.string.def(""),visible:e.PropTypes.bool.def(!1),eventDelay:e.PropTypes.number.def(0)},setup:function(e){var n=function(e){return/^\d+\.?\d*$/.test("".concat(e))?"".concat(e,"px"):e},o=(0,t.computed)((function(){return{width:n(e.width),height:n(e.height),maxHeight:n(e.maxHeight),maxWidth:n(e.maxWidth)}})),r=(0,t.ref)(null),i=(0,t.ref)(null),l=function(t){var n;0!==e.eventDelay&&(null===(n=r.value)||void 0===n||n.style.setProperty("pointer-events",t))},a=(0,f.usePrefix)().resolveClassName;return{style:o,refContent:r,resolveClassName:a,resetPointerEvent:function(){var t;0!==e.eventDelay&&(i.value&&clearTimeout(i.value),i.value=setTimeout((function(){l("unset")}),null!==(t=e.eventDelay)&&void 0!==t?t:300))},setContentPointerEvent:l}},render:function(){var e,n,o,r,i,l,a,u,c=this,s=[this.resolveClassName("popover"),this.resolveClassName("pop2-content"),this.extCls],f=function(e){var n;return t.Fragment===(null===(n=null==e?void 0:e[0])||void 0===n?void 0:n.type)&&(0,t.nextTick)((function(){c.setContentPointerEvent("none"),c.resetPointerEvent()})),c.style}(null===(n=(e=this.$slots).default)||void 0===n?void 0:n.call(e));return(0,t.createVNode)("div",{class:s,style:f,ref:"refContent"},[null!==(i=null===(r=(o=this.$slots).arrow)||void 0===r?void 0:r.call(o))&&void 0!==i?i:"",null!==(u=null===(a=(l=this.$slots).default)||void 0===a?void 0:a.call(l))&&void 0!==u?u:""])}});var x=a(210),T={isShow:e.PropTypes.bool.def(!1),always:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),width:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),height:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),maxWidth:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),maxHeight:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def("auto"),content:(0,x.toType)("IContent",{}).def(""),target:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.instanceOf(HTMLElement),e.PropTypes.instanceOf(PointerEvent)]),allowHtml:e.PropTypes.bool.def(!1),placement:(0,e.placementType)().def(e.PlacementEnum.TOP_START),theme:e.PropTypes.string.def("dark"),trigger:(0,e.triggerType)(),renderType:(0,e.renderType)(),arrow:e.PropTypes.bool.def(!0),padding:e.PropTypes.number.def(5),offset:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({mainAxis:e.PropTypes.number,crossAxis:e.PropTypes.number,alignmentAxis:e.PropTypes.number})]).def(6),boundary:e.PropTypes.oneOfType([e.PropTypes.string.def("parent"),e.PropTypes.instanceOf(HTMLElement)]),zIndex:e.PropTypes.number.def(void 0),disableTeleport:e.PropTypes.bool.def(!1),autoPlacement:e.PropTypes.bool.def(!1),autoVisibility:e.PropTypes.bool.def(!0),disableOutsideClick:e.PropTypes.bool.def(!1),disableTransform:e.PropTypes.bool.def(!1),reference:e.PropTypes.any,modifiers:e.PropTypes.array.def([]),popoverDelay:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.arrayOf(e.PropTypes.number)]).def(100),extCls:e.PropTypes.string.def(""),componentEventDelay:e.PropTypes.number.def(0),forceClickoutside:e.PropTypes.bool.def(!1)};const P=(0,t.defineComponent)({name:"PopReference",render:function(){var e,t,n;return null!==(n=null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==n?n:""}}),E=(0,t.defineComponent)({props:{class:e.PropTypes.string.def(""),mode:e.PropTypes.string.def("")},render:function(){var e,n;return(0,t.createVNode)(t.Fragment,null,[null===(n=(e=this.$slots).default)||void 0===n?void 0:n.call(e)])}});function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i,l,a=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=i.call(n)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){c=!0,r=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw r}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return C(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)?C(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var R=a(467);const A=["top","right","bottom","left"],S=["start","end"],N=A.reduce(((e,t)=>e.concat(t,t+"-"+S[0],t+"-"+S[1])),[]),L=Math.min,D=Math.max,H=Math.round,I=Math.floor,j=e=>({x:e,y:e}),k={left:"right",right:"left",bottom:"top",top:"bottom"},M={start:"end",end:"start"};function F(e,t,n){return D(e,L(t,n))}function V(e,t){return"function"==typeof e?e(t):e}function $(e){return e.split("-")[0]}function _(e){return e.split("-")[1]}function q(e){return"x"===e?"y":"x"}function B(e){return"y"===e?"height":"width"}function U(e){return["top","bottom"].includes($(e))?"y":"x"}function W(e){return q(U(e))}function z(e,t,n){void 0===n&&(n=!1);const o=_(e),r=W(e),i=B(r);let l="x"===r?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return t.reference[i]>t.floating[i]&&(l=X(l)),[l,X(l)]}function K(e){return e.replace(/start|end/g,(e=>M[e]))}function X(e){return e.replace(/left|right|bottom|top/g,(e=>k[e]))}function Y(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function Z(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function G(e,t,n){let{reference:o,floating:r}=e;const i=U(t),l=W(t),a=B(l),u=$(t),c="y"===i,s=o.x+o.width/2-r.width/2,f=o.y+o.height/2-r.height/2,d=o[a]/2-r[a]/2;let p;switch(u){case"top":p={x:s,y:o.y-r.height};break;case"bottom":p={x:s,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:f};break;case"left":p={x:o.x-r.width,y:f};break;default:p={x:o.x,y:o.y}}switch(_(t)){case"start":p[l]-=d*(n&&c?-1:1);break;case"end":p[l]+=d*(n&&c?-1:1)}return p}async function J(e,t){var n;void 0===t&&(t={});const{x:o,y:r,platform:i,rects:l,elements:a,strategy:u}=e,{boundary:c="clippingAncestors",rootBoundary:s="viewport",elementContext:f="floating",altBoundary:d=!1,padding:p=0}=V(t,e),v=Y(p),m=a[d?"floating"===f?"reference":"floating":f],y=Z(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:c,rootBoundary:s,strategy:u})),h="floating"===f?{...l.floating,x:o,y:r}:l.reference,g=await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),b=await(null==i.isElement?void 0:i.isElement(g))&&await(null==i.getScale?void 0:i.getScale(g))||{x:1,y:1},w=Z(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:h,offsetParent:g,strategy:u}):h);return{top:(y.top-w.top+v.top)/b.y,bottom:(w.bottom-y.bottom+v.bottom)/b.y,left:(y.left-w.left+v.left)/b.x,right:(w.right-y.right+v.right)/b.x}}function Q(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function ee(e){return A.some((t=>e[t]>=0))}function te(e){const t=L(...e.map((e=>e.left))),n=L(...e.map((e=>e.top)));return{x:t,y:n,width:D(...e.map((e=>e.right)))-t,height:D(...e.map((e=>e.bottom)))-n}}const ne=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:o}=t,r=await async function(e,t){const{placement:n,platform:o,elements:r}=e,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),l=$(n),a=_(n),u="y"===U(n),c=["left","top"].includes(l)?-1:1,s=i&&u?-1:1,f=V(t,e);let{mainAxis:d,crossAxis:p,alignmentAxis:v}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return a&&"number"==typeof v&&(p="end"===a?-1*v:v),u?{x:p*s,y:d*c}:{x:d*c,y:p*s}}(t,e);return{x:n+r.x,y:o+r.y,data:r}}}},oe=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:o,placement:r}=t,{mainAxis:i=!0,crossAxis:l=!1,limiter:a={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...u}=V(e,t),c={x:n,y:o},s=await J(t,u),f=U($(r)),d=q(f);let p=c[d],v=c[f];if(i){const e="y"===d?"bottom":"right";p=F(p+s["y"===d?"top":"left"],p,p-s[e])}if(l){const e="y"===f?"bottom":"right";v=F(v+s["y"===f?"top":"left"],v,v-s[e])}const m=a.fn({...t,[d]:p,[f]:v});return{...m,data:{x:m.x-n,y:m.y-o}}}}};function re(e){return ae(e)?(e.nodeName||"").toLowerCase():"#document"}function ie(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function le(e){var t;return null==(t=(ae(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function ae(e){return e instanceof Node||e instanceof ie(e).Node}function ue(e){return e instanceof Element||e instanceof ie(e).Element}function ce(e){return e instanceof HTMLElement||e instanceof ie(e).HTMLElement}function se(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ShadowRoot||e instanceof ie(e).ShadowRoot)}function fe(e){const{overflow:t,overflowX:n,overflowY:o,display:r}=ye(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!["inline","contents"].includes(r)}function de(e){return["table","td","th"].includes(re(e))}function pe(e){const t=ve(),n=ye(e);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!t&&!!n.backdropFilter&&"none"!==n.backdropFilter||!t&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((e=>(n.willChange||"").includes(e)))||["paint","layout","strict","content"].some((e=>(n.contain||"").includes(e)))}function ve(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function me(e){return["html","body","#document"].includes(re(e))}function ye(e){return ie(e).getComputedStyle(e)}function he(e){return ue(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function ge(e){if("html"===re(e))return e;const t=e.assignedSlot||e.parentNode||se(e)&&e.host||le(e);return se(t)?t.host:t}function be(e){const t=ge(e);return me(t)?e.ownerDocument?e.ownerDocument.body:e.body:ce(t)&&fe(t)?t:be(t)}function we(e,t){var n;void 0===t&&(t=[]);const o=be(e),r=o===(null==(n=e.ownerDocument)?void 0:n.body),i=ie(o);return r?t.concat(i,i.visualViewport||[],fe(o)?o:[]):t.concat(o,we(o))}function xe(e){const t=ye(e);let n=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const r=ce(e),i=r?e.offsetWidth:n,l=r?e.offsetHeight:o,a=H(n)!==i||H(o)!==l;return a&&(n=i,o=l),{width:n,height:o,$:a}}function Te(e){return ue(e)?e:e.contextElement}function Pe(e){const t=Te(e);if(!ce(t))return j(1);const n=t.getBoundingClientRect(),{width:o,height:r,$:i}=xe(t);let l=(i?H(n.width):n.width)/o,a=(i?H(n.height):n.height)/r;return l&&Number.isFinite(l)||(l=1),a&&Number.isFinite(a)||(a=1),{x:l,y:a}}const Ee=j(0);function Ce(e){const t=ie(e);return ve()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Ee}function Oe(e,t,n,o){void 0===t&&(t=!1),void 0===n&&(n=!1);const r=e.getBoundingClientRect(),i=Te(e);let l=j(1);t&&(o?ue(o)&&(l=Pe(o)):l=Pe(e));const a=function(e,t,n){return void 0===t&&(t=!1),!(!n||t&&n!==ie(e))&&t}(i,n,o)?Ce(i):j(0);let u=(r.left+a.x)/l.x,c=(r.top+a.y)/l.y,s=r.width/l.x,f=r.height/l.y;if(i){const e=ie(i),t=o&&ue(o)?ie(o):o;let n=e.frameElement;for(;n&&o&&t!==e;){const e=Pe(n),t=n.getBoundingClientRect(),o=ye(n),r=t.left+(n.clientLeft+parseFloat(o.paddingLeft))*e.x,i=t.top+(n.clientTop+parseFloat(o.paddingTop))*e.y;u*=e.x,c*=e.y,s*=e.x,f*=e.y,u+=r,c+=i,n=ie(n).frameElement}}return Z({width:s,height:f,x:u,y:c})}function Re(e){return Oe(le(e)).left+he(e).scrollLeft}function Ae(e,t,n){let o;if("viewport"===t)o=function(e,t){const n=ie(e),o=le(e),r=n.visualViewport;let i=o.clientWidth,l=o.clientHeight,a=0,u=0;if(r){i=r.width,l=r.height;const e=ve();(!e||e&&"fixed"===t)&&(a=r.offsetLeft,u=r.offsetTop)}return{width:i,height:l,x:a,y:u}}(e,n);else if("document"===t)o=function(e){const t=le(e),n=he(e),o=e.ownerDocument.body,r=D(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),i=D(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+Re(e);const a=-n.scrollTop;return"rtl"===ye(o).direction&&(l+=D(t.clientWidth,o.clientWidth)-r),{width:r,height:i,x:l,y:a}}(le(e));else if(ue(t))o=function(e,t){const n=Oe(e,!0,"fixed"===t),o=n.top+e.clientTop,r=n.left+e.clientLeft,i=ce(e)?Pe(e):j(1);return{width:e.clientWidth*i.x,height:e.clientHeight*i.y,x:r*i.x,y:o*i.y}}(t,n);else{const n=Ce(e);o={...t,x:t.x-n.x,y:t.y-n.y}}return Z(o)}function Se(e,t){const n=ge(e);return!(n===t||!ue(n)||me(n))&&("fixed"===ye(n).position||Se(n,t))}function Ne(e,t,n){const o=ce(t),r=le(t),i="fixed"===n,l=Oe(e,!0,i,t);let a={scrollLeft:0,scrollTop:0};const u=j(0);if(o||!o&&!i)if(("body"!==re(t)||fe(r))&&(a=he(t)),o){const e=Oe(t,!0,i,t);u.x=e.x+t.clientLeft,u.y=e.y+t.clientTop}else r&&(u.x=Re(r));return{x:l.left+a.scrollLeft-u.x,y:l.top+a.scrollTop-u.y,width:l.width,height:l.height}}function Le(e,t){return ce(e)&&"fixed"!==ye(e).position?t?t(e):e.offsetParent:null}function De(e,t){const n=ie(e);if(!ce(e))return n;let o=Le(e,t);for(;o&&de(o)&&"static"===ye(o).position;)o=Le(o,t);return o&&("html"===re(o)||"body"===re(o)&&"static"===ye(o).position&&!pe(o))?n:o||function(e){let t=ge(e);for(;ce(t)&&!me(t);){if(pe(t))return t;t=ge(t)}return null}(e)||n}const He={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:n,strategy:o}=e;const r=ce(n),i=le(n);if(n===i)return t;let l={scrollLeft:0,scrollTop:0},a=j(1);const u=j(0);if((r||!r&&"fixed"!==o)&&(("body"!==re(n)||fe(i))&&(l=he(n)),ce(n))){const e=Oe(n);a=Pe(n),u.x=e.x+n.clientLeft,u.y=e.y+n.clientTop}return{width:t.width*a.x,height:t.height*a.y,x:t.x*a.x-l.scrollLeft*a.x+u.x,y:t.y*a.y-l.scrollTop*a.y+u.y}},getDocumentElement:le,getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:o,strategy:r}=e;const i=[..."clippingAncestors"===n?function(e,t){const n=t.get(e);if(n)return n;let o=we(e).filter((e=>ue(e)&&"body"!==re(e))),r=null;const i="fixed"===ye(e).position;let l=i?ge(e):e;for(;ue(l)&&!me(l);){const t=ye(l),n=pe(l);n||"fixed"!==t.position||(r=null),(i?!n&&!r:!n&&"static"===t.position&&r&&["absolute","fixed"].includes(r.position)||fe(l)&&!n&&Se(e,l))?o=o.filter((e=>e!==l)):r=t,l=ge(l)}return t.set(e,o),o}(t,this._c):[].concat(n),o],l=i[0],a=i.reduce(((e,n)=>{const o=Ae(t,n,r);return e.top=D(o.top,e.top),e.right=L(o.right,e.right),e.bottom=L(o.bottom,e.bottom),e.left=D(o.left,e.left),e}),Ae(t,l,r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:De,getElementRects:async function(e){let{reference:t,floating:n,strategy:o}=e;const r=this.getOffsetParent||De,i=this.getDimensions;return{reference:Ne(t,await r(n),o),floating:{x:0,y:0,...await i(n)}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){return xe(e)},getScale:Pe,isElement:ue,isRTL:function(e){return"rtl"===ye(e).direction}};var Ie=a(8022),je={},ke=function(e){return document.querySelector(e)instanceof HTMLElement},Me=function(e){return e instanceof Element||e instanceof HTMLDocument},Fe=function(e){if(Me(e))return{isElement:!0,content:e,vNode:void 0};if(/^(#|\.)/.test(e)){var t=document.querySelector(e),n=Me(t);return{isElement:n,content:n?t:e,vNode:n?void 0:e}}return{isElement:!1,content:e,vNode:e}};const Ve=function(n,o,r){var i=r.refReference,l=r.refContent,a=r.refArrow,u=r.refRoot,c=(0,t.ref)(!1),s=(0,t.ref)(),f=function(){var e,t,n=b();return(null===(e=document.fullscreenElement)||void 0===e?void 0:e.shadowRoot)?document.fullscreenElement.shadowRoot.contains(n):null===(t=document.fullscreenElement)||void 0===t?void 0:t.contains(n)},d=["dark","light"],p=(0,t.computed)((function(){var e,t,o=null!==(t=null===(e=n.theme)||void 0===e?void 0:e.split(/\s+/))&&void 0!==t?t:[];return o.sort((function(e,t){return Number(d.includes(t))-Number(d.includes(e))})),{systemThemes:o,customThemes:o.filter((function(e){return!d.includes(e)}))}})),m=function(){return n.autoVisibility},h=function(){return n.autoPlacement},g=function(){var e,t,o,r=b(),i=T(null===(e=l.value)||void 0===e?void 0:e.$el),c=n.arrow?T(null===(t=a.value)||void 0===t?void 0:t.$el):null,s=T(null===(o=u.value)||void 0===o?void 0:o.$el),f=Fe(n.content),d=f.isElement,p=f.content;return i&&d&&!(null==i?void 0:i.contains(p))&&i.append(p),{elReference:r,elContent:i,elArrow:c,root:s}},b=function(){var e;return T(n.target)||T(null===(e=i.value)||void 0===e?void 0:e.$el)},w=function(){var e={};return Array.isArray(n.modifiers)&&n.modifiers.forEach((function(t){var n,o,r,i,l;if("offset"===t.name){if("number"==typeof(null===(n=t.options)||void 0===n?void 0:n.offset)&&(l=null===(o=t.options)||void 0===o?void 0:o.offset),Array.isArray(null===(r=t.options)||void 0===r?void 0:r.offset)){var a=O(null===(i=t.options)||void 0===i?void 0:i.offset,2);l={mainAxis:a[0],crossAxis:a[1]}}Object.assign(e,{offset:l})}})),e},x=function(e,t){var n,o,r=w(),i=[ne(r.offset||t.offset),oe({padding:t.padding})],l={placement:t.placement,middleware:i};if(t.arrow&&i.push((e=>({name:"arrow",options:e,async fn(t){const{x:n,y:o,placement:r,rects:i,platform:l,elements:a}=t,{element:u,padding:c=0}=V(e,t)||{};if(null==u)return{};const s=Y(c),f={x:n,y:o},d=W(r),p=B(d),v=await l.getDimensions(u),m="y"===d,y=m?"top":"left",h=m?"bottom":"right",g=m?"clientHeight":"clientWidth",b=i.reference[p]+i.reference[d]-f[d]-i.floating[p],w=f[d]-i.reference[d],x=await(null==l.getOffsetParent?void 0:l.getOffsetParent(u));let T=x?x[g]:0;T&&await(null==l.isElement?void 0:l.isElement(x))||(T=a.floating[g]||i.floating[p]);const P=b/2-w/2,E=T/2-v[p]/2-1,C=L(s[y],E),O=L(s[h],E),R=C,A=T-v[p]-O,S=T/2-v[p]/2+P,N=F(R,S,A),D=null!=_(r)&&S!=N&&i.reference[p]/2-(S<R?C:O)-v[p]/2<0?S<R?R-S:A-S:0;return{[d]:f[d]-D,data:{[d]:N,centerOffset:S-N+D}}}}))({element:e})),h()?i.push(function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var n,o,r;const{rects:i,middlewareData:l,placement:a,platform:u,elements:c}=t,{crossAxis:s=!1,alignment:f,allowedPlacements:d=N,autoAlignment:p=!0,...v}=V(e,t),m=void 0!==f||d===N?function(e,t,n){return(e?[...n.filter((t=>_(t)===e)),...n.filter((t=>_(t)!==e))]:n.filter((e=>$(e)===e))).filter((n=>!e||_(n)===e||!!t&&K(n)!==n))}(f||null,p,d):d,y=await J(t,v),h=(null==(n=l.autoPlacement)?void 0:n.index)||0,g=m[h];if(null==g)return{};const b=z(g,i,await(null==u.isRTL?void 0:u.isRTL(c.floating)));if(a!==g)return{reset:{placement:m[0]}};const w=[y[$(g)],y[b[0]],y[b[1]]],x=[...(null==(o=l.autoPlacement)?void 0:o.overflows)||[],{placement:g,overflows:w}],T=m[h+1];if(T)return{data:{index:h+1,overflows:x},reset:{placement:T}};const P=x.map((e=>{const t=_(e.placement);return[e.placement,t&&s?e.overflows.slice(0,2).reduce(((e,t)=>e+t),0):e.overflows[0],e.overflows]})).sort(((e,t)=>e[1]-t[1])),E=(null==(r=P.filter((e=>e[2].slice(0,_(e[0])?2:3).every((e=>e<=0))))[0])?void 0:r[0])||P[0][0];return E!==a?{data:{index:h+1,overflows:x},reset:{placement:E}}:{}}}}()):(i.unshift(function(e){return void 0===e&&(e={}),{name:"inline",options:e,async fn(t){const{placement:n,elements:o,rects:r,platform:i,strategy:l}=t,{padding:a=2,x:u,y:c}=V(e,t),s=Array.from(await(null==i.getClientRects?void 0:i.getClientRects(o.reference))||[]),f=function(e){const t=e.slice().sort(((e,t)=>e.y-t.y)),n=[];let o=null;for(let e=0;e<t.length;e++){const r=t[e];!o||r.y-o.y>o.height/2?n.push([r]):n[n.length-1].push(r),o=r}return n.map((e=>Z(te(e))))}(s),d=Z(te(s)),p=Y(a),v=await i.getElementRects({reference:{getBoundingClientRect:function(){if(2===f.length&&f[0].left>f[1].right&&null!=u&&null!=c)return f.find((e=>u>e.left-p.left&&u<e.right+p.right&&c>e.top-p.top&&c<e.bottom+p.bottom))||d;if(f.length>=2){if("y"===U(n)){const e=f[0],t=f[f.length-1],o="top"===$(n),r=e.top,i=t.bottom,l=o?e.left:t.left,a=o?e.right:t.right;return{top:r,bottom:i,left:l,right:a,width:a-l,height:i-r,x:l,y:r}}const e="left"===$(n),t=D(...f.map((e=>e.right))),o=L(...f.map((e=>e.left))),r=f.filter((n=>e?n.left===o:n.right===t)),i=r[0].top,l=r[r.length-1].bottom;return{top:i,bottom:l,left:o,right:t,width:t-o,height:l-i,x:o,y:i}}return d}},floating:o.floating,strategy:l});return r.reference.x!==v.reference.x||r.reference.y!==v.reference.y||r.reference.width!==v.reference.width||r.reference.height!==v.reference.height?{reset:{rects:v}}:{}}}}()),i.push(function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n;const{placement:o,middlewareData:r,rects:i,initialPlacement:l,platform:a,elements:u}=t,{mainAxis:c=!0,crossAxis:s=!0,fallbackPlacements:f,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:v=!0,...m}=V(e,t),y=$(o),h=$(l)===l,g=await(null==a.isRTL?void 0:a.isRTL(u.floating)),b=f||(h||!v?[X(l)]:function(e){const t=X(e);return[K(e),t,K(t)]}(l));f||"none"===p||b.push(...function(e,t,n,o){const r=_(e);let i=function(e,t,n){const o=["left","right"],r=["right","left"],i=["top","bottom"],l=["bottom","top"];switch(e){case"top":case"bottom":return n?t?r:o:t?o:r;case"left":case"right":return t?i:l;default:return[]}}($(e),"start"===n,o);return r&&(i=i.map((e=>e+"-"+r)),t&&(i=i.concat(i.map(K)))),i}(l,v,p,g));const w=[l,...b],x=await J(t,m),T=[];let P=(null==(n=r.flip)?void 0:n.overflows)||[];if(c&&T.push(x[y]),s){const e=z(o,i,g);T.push(x[e[0]],x[e[1]])}if(P=[...P,{placement:o,overflows:T}],!T.every((e=>e<=0))){var E,C;const e=((null==(E=r.flip)?void 0:E.index)||0)+1,t=w[e];if(t)return{data:{index:e,overflows:P},reset:{placement:t}};let n=null==(C=P.filter((e=>e.overflows[0]<=0)).sort(((e,t)=>e.overflows[1]-t.overflows[1]))[0])?void 0:C.placement;if(!n)switch(d){case"bestFit":{var O;const e=null==(O=P.map((e=>[e.placement,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:O[0];e&&(n=e);break}case"initialPlacement":n=l}if(o!==n)return{reset:{placement:n}}}return{}}}}())),m()&&l.middleware.push(function(e){return void 0===e&&(e={}),{name:"hide",options:e,async fn(t){const{rects:n}=t,{strategy:o="referenceHidden",...r}=V(e,t);switch(o){case"referenceHidden":{const e=Q(await J(t,{...r,elementContext:"reference"}),n.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:ee(e)}}}case"escaped":{const e=Q(await J(t,{...r,altBoundary:!0}),n.floating);return{data:{escapedOffsets:e,escaped:ee(e)}}}default:return{}}}}}()),f()||t.isVirtualEl){var a=(o=s.value,{getElementRects:function(e){var t=e.reference,n=e.floating,o=t.getBoundingClientRect(),r=n.getBoundingClientRect();return{reference:{width:o.width,height:o.height,x:o.x,y:o.y},floating:{width:r.width,height:r.height,x:r.x,y:r.y}}},getDimensions:function(e){var t=e.getBoundingClientRect();return{width:t.width,height:t.height}},getClippingRect:function(e){var t;!function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(e);var n=null!==(t=null==o?void 0:o.getBoundingClientRect())&&void 0!==t?t:{},r=n.width,i=void 0===r?0:r,l=n.height;return{width:i,height:void 0===l?0:l,x:0,y:0}}}),u=a.getElementRects,c=a.getDimensions,d=a.getClippingRect;Object.assign(l,{platform:Object.assign(Object.assign({},null!==(n=null==t?void 0:t.platform)&&void 0!==n?n:{}),{getElementRects:u,getDimensions:c,getClippingRect:d})})}return l},T=function e(t){if(t instanceof HTMLElement)return t;if(t instanceof Text)return e(t.nextElementSibling);if("function"==typeof(null==t?void 0:t.getBoundingClientRect))return t;if("string"==typeof t){var n=document.querySelector(t);return(0,R.isElement)(n)?n:null}return t instanceof PointerEvent?e(t.target):null},P=p.value.customThemes.join(" "),E=p.value.customThemes.reduce((function(e,t){return Object.assign(v({},"data-".concat(t,"-theme"),!0),e)}),{}),C="".concat(P),A=null,S=function(e){var t=window.devicePixelRatio||1;return Math.round(e*t)/t||0},H=function(e,t,o,r){var i;n.disableTransform?Object.assign(e.style,{left:"".concat(S(t),"px"),top:"".concat(S(o),"px")}):Object.assign(e.style,{left:"0",top:"0",transform:"translate3d(".concat(S(t),"px,").concat(S(o),"px,0)")});var l=!!m()&&(null===(i=r.hide)||void 0===i?void 0:i.referenceHidden);Object.assign(e.style,{visibility:l?"hidden":"visible"})},j=function(e,t,o){var r;if(n.arrow){var i=null!==(r=o.arrow)&&void 0!==r?r:{},l=i.x,a=i.y;e.setAttribute("data-arrow",t),Object.assign(e.style,{left:"",top:"",bottom:"",right:""});var u={top:"bottom",right:"left",bottom:"top",left:"right"}[t];Object.assign(e.style,v({left:null!==l?"".concat(l,"px"):"",top:null!==a?"".concat(a,"px"):""},u,"-4px"))}},k=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0,o=g(),r=o.elReference,i=o.elContent,l=o.elArrow,a=e||r;if(a&&i){var u=x(l,t);((e,t,n)=>{const o=new Map,r={platform:He,...n},i={...r.platform,_c:o};return(async(e,t,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:l}=n,a=i.filter(Boolean),u=await(null==l.isRTL?void 0:l.isRTL(t));let c=await l.getElementRects({reference:e,floating:t,strategy:r}),{x:s,y:f}=G(c,o,u),d=o,p={},v=0;for(let n=0;n<a.length;n++){const{name:i,fn:m}=a[n],{x:y,y:h,data:g,reset:b}=await m({x:s,y:f,initialPlacement:o,placement:d,strategy:r,middlewareData:p,rects:c,platform:l,elements:{reference:e,floating:t}});s=null!=y?y:s,f=null!=h?h:f,p={...p,[i]:{...p[i],...g}},b&&v<=50&&(v++,"object"==typeof b&&(b.placement&&(d=b.placement),b.rects&&(c=!0===b.rects?await l.getElementRects({reference:e,floating:t,strategy:r}):b.rects),({x:s,y:f}=G(c,d,u))),n=-1)}return{x:s,y:f,placement:d,strategy:r,middlewareData:p}})(e,t,{...r,platform:i})})(a,i,u).then((function(e){var t=e.x,o=e.y,r=e.placement,a=e.middlewareData,u=i.className;i.className="".concat(u.replace(C,"")," ").concat(C).replace(/\s+/gm," ").replace(/^\s+|\s+$/g,""),Object.keys(E).forEach((function(e){i.setAttribute(e,E[e])}));var c=r.split("-")[0],s=c;["left","right","top","bottom"].includes(c)||(s="top"),H(i,t,o,a),j(l,s,a),"function"==typeof n&&n()}))}},M=void 0,q=void 0,re=!1,ie=function(){return Array.isArray(n.popoverDelay)?[n.popoverDelay[0],n.popoverDelay.slice(-1)[0]]:[n.popoverDelay,n.popoverDelay]},ae=function(){var e=ie()[0];q=setTimeout((function(){M&&clearTimeout(M),n.disabled||(c.value=!0)}),e)},ue=function(){var e=ie()[1];M=setTimeout((function(){q&&clearTimeout(q),c.value=!1}),e)},ce=function(){c.value?ue():ae()},se=function(){ce()},fe=function(e){"hover"===n.trigger&&(M&&(re=!0,clearTimeout(M),M=void 0),pe(e))},de=function(e){re&&(ue(),re=!1,ve(e))},pe=function(e){o.emit(y.CONTENT_MOUSEENTER,e)},ve=function(e){o.emit(y.CONTENT_MOUSELEAVE,e)};return(0,t.watch)((function(){return n.isShow}),(function(e){c.value=e})),(0,t.watch)(c,(function(t){var r,i;t?((i=T(null===(r=l.value)||void 0===r?void 0:r.$el)).style.setProperty("display","block"),i.style.setProperty("z-index","".concat(n.zIndex?n.zIndex:e.bkZIndexManager.getPopperIndex())),k(),o.emit(y.CONTENT_AfterShow,{isShow:!0})):function(){var e;T(null===(e=l.value)||void 0===e?void 0:e.$el).style.setProperty("display","none"),o.emit(y.CONTENT_AfterHidden,{isShow:!1})}()})),{showPopover:ae,hidePopover:ue,resolveTriggerEvents:function(){var e;return null!==(e={hover:{content:[["mouseenter",fe],["mouseleave",de]],reference:[["mouseenter",ae],["mouseleave",ue],["focus",ae],["blur",ue]]},click:[["click",se]],manual:{content:[["mouseenter",pe],["mouseleave",ve]],reference:[[]]}}[n.trigger])&&void 0!==e?e:[]},updatePopover:k,triggerPopover:ce,resolvePopElements:g,isElementFullScreen:f,resolveTargetElement:T,createPopInstance:function(){var e=g(),t=e.elReference,o=e.elContent;A=function(e,t,n,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:l="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:u=!1}=o,c=Te(e),s=r||i?[...c?we(c):[],...we(t)]:[];s.forEach((e=>{r&&e.addEventListener("scroll",n,{passive:!0}),i&&e.addEventListener("resize",n)}));const f=c&&a?function(e,t){let n,o=null;const r=le(e);function i(){clearTimeout(n),o&&o.disconnect(),o=null}return function l(a,u){void 0===a&&(a=!1),void 0===u&&(u=1),i();const{left:c,top:s,width:f,height:d}=e.getBoundingClientRect();if(a||t(),!f||!d)return;const p={rootMargin:-I(s)+"px "+-I(r.clientWidth-(c+f))+"px "+-I(r.clientHeight-(s+d))+"px "+-I(c)+"px",threshold:D(0,L(1,u))||1};let v=!0;function m(e){const t=e[0].intersectionRatio;if(t!==u){if(!v)return l();t?l(!1,t):n=setTimeout((()=>{l(!1,1e-7)}),100)}v=!1}try{o=new IntersectionObserver(m,{...p,root:r.ownerDocument})}catch(e){o=new IntersectionObserver(m,p)}o.observe(e)}(!0),i}(c,n):null;let d,p=-1,v=null;l&&(v=new ResizeObserver((e=>{let[o]=e;o&&o.target===c&&v&&(v.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{v&&v.observe(t)}))),n()})),c&&!u&&v.observe(c),v.observe(t));let m=u?Oe(e):null;return u&&function t(){const o=Oe(e);!m||o.x===m.x&&o.y===m.y&&o.width===m.width&&o.height===m.height||n(),m=o,d=requestAnimationFrame(t)}(),n(),()=>{s.forEach((e=>{r&&e.removeEventListener("scroll",n),i&&e.removeEventListener("resize",n)})),f&&f(),v&&v.disconnect(),v=null,u&&cancelAnimationFrame(d)}}(t,o,(function(){c.value&&k(null,n)}))},updateFullscreenTarget:function(e){s.value=e},getFullscreenRoot:function(e){return f()?document.fullscreenElement.shadowRoot?document.fullscreenElement.shadowRoot.querySelector(e):document.fullscreenElement.querySelector(e):document.body},stopHide:function(){M&&(re=!0,clearTimeout(M),M=void 0)},localIsShow:c,cleanup:A}};var $e=null,_e=null;const qe=(0,t.defineComponent)({name:"Popover",components:{Content:w,Arrow:d,Root:E},directives:{clickoutside:s},props:T,emits:b,setup:function(n,o){var r=(0,t.toRefs)(n).reference,i=(0,t.ref)(),l=(0,t.ref)(),a=(0,t.ref)(),u=(0,t.ref)(),c=(0,t.computed)((function(){return r.value||i.value})),s=function(e,n,o){var r=o.refReference,i=o.refContent,l=o.refArrow,a=o.refRoot,u=null,c=(0,t.ref)(!1),s=(je.fullscreenReferId||(je.fullscreenReferId="id_".concat((0,Ie.v4)())),je.fullscreenReferId),f=(0,t.ref)(),d=Ve(e,n,{refReference:r,refContent:i,refArrow:l,refRoot:a}),p=d.localIsShow,v=d.showPopover,m=d.hidePopover,h=d.updatePopover,g=d.cleanup,b=d.resolveTriggerEvents,w=d.resolvePopElements,x=d.isElementFullScreen,T=d.updateFullscreenTarget,P=d.createPopInstance,E=d.getFullscreenRoot,C=d.stopHide,R=function(){m()},A=function(){P(),e.always?v():S()},S=function(){var e=w(),t=e.elReference,n=e.elContent;if(u=b(),Array.isArray(u))N(t,u);else{var o=u,r=o.content,i=o.reference;N(t,i),N(n,r)}},N=function(e,t){t.forEach((function(t){var n=O(t,2),o=n[0],r=n[1];o&&"function"==typeof r&&e.addEventListener(o,r)}))},L=function(){var e=w(),t=e.elReference,n=e.root;c.value?I.value=null==f?void 0:f.value:I.value=H(n||t)},D=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#",n=function(n){var o=null,r=function(e){null===o&&e()};return r((function(){if(/^parent$/i.test(e.boundary)){o="".concat(t).concat($e);var r=(n||{}).parentNode;(null==r?void 0:r.parentNode)&&(r.parentNode.setAttribute("data-pnode-id",_e),o="[data-pnode-id=".concat(_e,"]"))}})),r((function(){if(!/^body$/i.test(e.boundary)){if("string"==typeof e.boundary)return ke(e.boundary)?void(o=e.boundary):void(o="body");if(Me(e.boundary))return void(o=e.boundary)}})),r((function(){o="string"==typeof e.boundary?e.boundary:"".concat(t).concat($e)})),o};if(null===$e||!ke("#".concat($e))){$e="id_".concat((0,Ie.v4)());var o=document.createElement("div");o.setAttribute("id",$e),o.setAttribute("data-popper-id",$e),document.body.append(o)}return null===_e&&(_e="id_".concat((0,Ie.v4)())),{popContainerId:$e,prefixId:n(),getPrefixId:n}}(e,"#"),H=D.getPrefixId,I=(0,t.ref)(),j=function(){!function(){if(null==u?void 0:u.length){var e=w().elReference;e&&u.forEach((function(t){var n=O(t,2),o=n[0],r=n[1];o&&"function"==typeof r&&e.removeEventListener(o,r)})),u=null}}()},k=function(e){var t;f.value=e,T(e),c.value=x(),null===(t=null==f?void 0:f.value)||void 0===t||t.setAttribute("data-fllsrn-id",s)},M=function(t){var n,o,r;document.fullscreenElement||(r="[data-fllsrn-id=".concat(s,"]"),(null!==(o=null===(n=null==f?void 0:f.value)||void 0===n?void 0:n.querySelectorAll(r))&&void 0!==o?o:[]).forEach((function(e){null==e||e.removeAttribute("data-fllsrn-id")}))),k(t.target),L(),h(null,e)};return{onMountedFn:function(){if(!e.disabled){if(A(),x()){var t="[data-fllsrn-id=".concat(s,"]"),n=E(t);k(n)}L(),document.body.addEventListener("fullscreenchange",M)}},onUnmountedFn:function(){j(),document.body.removeEventListener("fullscreenchange",M)},handleClickOutside:function(t){n.emit(y.CLICK_OUTSIDE,{isShow:p.value,event:t});var o=e.disableOutsideClick||e.always||e.disabled||"manual"===e.trigger;!e.forceClickoutside&&o||p.value&&R()},beforeInstanceUnmount:j,updateBoundary:L,initPopInstance:A,updatePopover:h,resetPopover:function(){null==g||g(),P()},showPopover:v,hidePopover:m,showFn:function(){v()},hideFn:R,stopHide:C,isFullscreen:c,boundary:I,localIsShow:p}}(n,o,{refReference:c,refContent:l,refArrow:a,refRoot:u}),f=s.onMountedFn,d=s.onUnmountedFn,p=s.handleClickOutside,v=s.beforeInstanceUnmount,m=s.updateBoundary,h=s.initPopInstance,g=s.showFn,b=s.hideFn,w=s.showPopover,x=s.hidePopover,T=s.updatePopover,P=s.resetPopover,E=s.stopHide,C=s.localIsShow,R=s.boundary;n.always||n.disabled||(0,t.watch)((function(){return n.isShow}),(function(){n.isShow?w():x()}),{immediate:!0}),(0,t.watch)((function(){return[n.disabled]}),(function(e){e[0]?v():h()})),m(),(0,t.onMounted)(f),(0,t.onBeforeUnmount)(d);var A=(0,t.computed)((function(){return!n.disableTeleport})),S=(0,t.computed)((function(){return n.renderType===e.RenderType.AUTO||C.value}));return{boundary:R,arrow:n.arrow,refDefaultReference:i,refContent:l,refArrow:a,content:n.content,theme:n.theme,transBoundary:A,handleClickOutside:p,updatePopover:T,resetPopover:P,hide:function(){b()},show:function(){g()},stopHide:E,contentIsShow:S,renderContent:function(){return n.allowHtml?Fe(n.content).vNode:n.content},localIsShow:C}},render:function(){var e,n,o,r,i,l,a,u=this,c=function(e){var n;return t.Text===(null===(n=null==e?void 0:e[0])||void 0===n?void 0:n.type)?(0,t.createVNode)("span",null,[e]):e};return(0,t.createVNode)(E,{ref:"refRoot"},{default:function(){return[(0,t.createVNode)(P,{ref:"refDefaultReference"},(s=e=c(null!==(r=null===(o=(n=u.$slots).default)||void 0===o?void 0:o.call(n))&&void 0!==r?r:(0,t.createVNode)("span",null,null)),"function"==typeof s||"[object Object]"===Object.prototype.toString.call(s)&&!(0,t.isVNode)(s)?e:{default:function(){return[e]}})),(0,t.createVNode)(t.Teleport,{to:u.boundary,disabled:!u.transBoundary},{default:function(){return[(0,t.withDirectives)((0,t.createVNode)(w,{ref:"refContent",visible:u.localIsShow,"data-theme":u.theme,extCls:u.extCls,width:u.width,height:u.height,maxWidth:u.maxWidth,maxHeight:u.maxHeight,eventDelay:u.componentEventDelay},{default:function(){return[u.contentIsShow?null!==(a=null===(l=(i=u.$slots).content)||void 0===l?void 0:l.call(i))&&void 0!==a?a:u.renderContent():""]},arrow:function(){var e,n;return u.arrow?(0,t.createVNode)(d,{ref:"refArrow"},{default:function(){return[null===(n=(e=u.$slots).arrow)||void 0===n?void 0:n.call(e)]}}):""}}),[[(0,t.resolveDirective)("clickoutside"),u.handleClickOutside]])]}})];var s}})}});function Be(e){var n,o=null,r=null,i=null,l=Object.assign(Object.assign({boundary:"body",placement:"top",autoVisibility:!0,isShow:!1,trigger:"manual"},e),{allowHtml:!0}),a={name:"$popover",setup:function(e,n){var o=n.expose,r=(0,t.reactive)(Object.keys(T).reduce((function(e,t){return Object.prototype.hasOwnProperty.call(l,t)&&Object.assign(e,v({},t,l[t])),e}),{target:l.target})),i=(0,t.ref)(),a=function(){var e;null===(e=l.onContentMouseenter)||void 0===e||e.call(l)},u=function(){var e;null===(e=l.onContentMouseleave)||void 0===e||e.call(l)};return o({show:function(){var e,t;null===(t=null===(e=i.value)||void 0===e?void 0:e.show)||void 0===t||t.call(e)},hide:function(){var e,t;null===(t=null===(e=i.value)||void 0===e?void 0:e.hide)||void 0===t||t.call(e)},updateTarget:function(e){var t,n;r.target=e,null===(n=null===(t=i.value)||void 0===t?void 0:t.resetPopover)||void 0===n||n.call(t)},stopHide:function(){var e,t;null===(t=null===(e=i.value)||void 0===e?void 0:e.stopHide)||void 0===t||t.call(e)}}),function(){return(0,t.createVNode)(qe,(0,t.mergeProps)(r,{ref:i,onContentMouseenter:a,onContentMouseleave:u}),null)}}};return null===o&&(i=document.createElement("div"),(n=l.boundary,/^body$/i.test(n)?document.body:/^parent$/i.test(n)?Me(l.target)?l.target.parentNode:l.target.target.parentNode:"string"==typeof n&&ke(n)?document.querySelector(n):document.body).append(i),o=(0,t.createApp)(a),r=o.mount(i)),{close:function(){o&&(o.unmount(),r=null,o=null,i.remove())},show:function(){null==r||r.show()},hide:function(){null==r||r.hide()},update:function(e){null==r||r.updateTarget(e)},get vm(){return r},get $el(){return r.$el}}}const Ue=(0,e.withInstall)(qe)})(),u})()));
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+/******/ var __webpack_modules__ = ({
+
+/***/ 8022:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var v1 = __webpack_require__(4481);
+var v4 = __webpack_require__(6426);
+
+var uuid = v4;
+uuid.v1 = v1;
+uuid.v4 = v4;
+
+module.exports = uuid;
+
+
+/***/ }),
+
+/***/ 8725:
+/***/ ((module) => {
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+var byteToHex = [];
+for (var i = 0; i < 256; ++i) {
+  byteToHex[i] = (i + 0x100).toString(16).substr(1);
+}
+
+function bytesToUuid(buf, offset) {
+  var i = offset || 0;
+  var bth = byteToHex;
+  // join used to fix memory issue caused by concatenation: https://bugs.chromium.org/p/v8/issues/detail?id=3175#c4
+  return ([
+    bth[buf[i++]], bth[buf[i++]],
+    bth[buf[i++]], bth[buf[i++]], '-',
+    bth[buf[i++]], bth[buf[i++]], '-',
+    bth[buf[i++]], bth[buf[i++]], '-',
+    bth[buf[i++]], bth[buf[i++]], '-',
+    bth[buf[i++]], bth[buf[i++]],
+    bth[buf[i++]], bth[buf[i++]],
+    bth[buf[i++]], bth[buf[i++]]
+  ]).join('');
+}
+
+module.exports = bytesToUuid;
+
+
+/***/ }),
+
+/***/ 9157:
+/***/ ((module) => {
+
+// Unique ID creation requires a high quality random # generator.  In the
+// browser this is a little complicated due to unknown quality of Math.random()
+// and inconsistent support for the `crypto` API.  We do the best we can via
+// feature-detection
+
+// getRandomValues needs to be invoked in a context where "this" is a Crypto
+// implementation. Also, find the complete implementation of crypto on IE11.
+var getRandomValues = (typeof(crypto) != 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto)) ||
+                      (typeof(msCrypto) != 'undefined' && typeof window.msCrypto.getRandomValues == 'function' && msCrypto.getRandomValues.bind(msCrypto));
+
+if (getRandomValues) {
+  // WHATWG crypto RNG - http://wiki.whatwg.org/wiki/Crypto
+  var rnds8 = new Uint8Array(16); // eslint-disable-line no-undef
+
+  module.exports = function whatwgRNG() {
+    getRandomValues(rnds8);
+    return rnds8;
+  };
+} else {
+  // Math.random()-based (RNG)
+  //
+  // If all else fails, use Math.random().  It's fast, but is of unspecified
+  // quality.
+  var rnds = new Array(16);
+
+  module.exports = function mathRNG() {
+    for (var i = 0, r; i < 16; i++) {
+      if ((i & 0x03) === 0) r = Math.random() * 0x100000000;
+      rnds[i] = r >>> ((i & 0x03) << 3) & 0xff;
+    }
+
+    return rnds;
+  };
+}
+
+
+/***/ }),
+
+/***/ 4481:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var rng = __webpack_require__(9157);
+var bytesToUuid = __webpack_require__(8725);
+
+// **`v1()` - Generate time-based UUID**
+//
+// Inspired by https://github.com/LiosK/UUID.js
+// and http://docs.python.org/library/uuid.html
+
+var _nodeId;
+var _clockseq;
+
+// Previous uuid creation time
+var _lastMSecs = 0;
+var _lastNSecs = 0;
+
+// See https://github.com/uuidjs/uuid for API details
+function v1(options, buf, offset) {
+  var i = buf && offset || 0;
+  var b = buf || [];
+
+  options = options || {};
+  var node = options.node || _nodeId;
+  var clockseq = options.clockseq !== undefined ? options.clockseq : _clockseq;
+
+  // node and clockseq need to be initialized to random values if they're not
+  // specified.  We do this lazily to minimize issues related to insufficient
+  // system entropy.  See #189
+  if (node == null || clockseq == null) {
+    var seedBytes = rng();
+    if (node == null) {
+      // Per 4.5, create and 48-bit node id, (47 random bits + multicast bit = 1)
+      node = _nodeId = [
+        seedBytes[0] | 0x01,
+        seedBytes[1], seedBytes[2], seedBytes[3], seedBytes[4], seedBytes[5]
+      ];
+    }
+    if (clockseq == null) {
+      // Per 4.2.2, randomize (14 bit) clockseq
+      clockseq = _clockseq = (seedBytes[6] << 8 | seedBytes[7]) & 0x3fff;
+    }
+  }
+
+  // UUID timestamps are 100 nano-second units since the Gregorian epoch,
+  // (1582-10-15 00:00).  JSNumbers aren't precise enough for this, so
+  // time is handled internally as 'msecs' (integer milliseconds) and 'nsecs'
+  // (100-nanoseconds offset from msecs) since unix epoch, 1970-01-01 00:00.
+  var msecs = options.msecs !== undefined ? options.msecs : new Date().getTime();
+
+  // Per 4.2.1.2, use count of uuid's generated during the current clock
+  // cycle to simulate higher resolution clock
+  var nsecs = options.nsecs !== undefined ? options.nsecs : _lastNSecs + 1;
+
+  // Time since last uuid creation (in msecs)
+  var dt = (msecs - _lastMSecs) + (nsecs - _lastNSecs)/10000;
+
+  // Per 4.2.1.2, Bump clockseq on clock regression
+  if (dt < 0 && options.clockseq === undefined) {
+    clockseq = clockseq + 1 & 0x3fff;
+  }
+
+  // Reset nsecs if clock regresses (new clockseq) or we've moved onto a new
+  // time interval
+  if ((dt < 0 || msecs > _lastMSecs) && options.nsecs === undefined) {
+    nsecs = 0;
+  }
+
+  // Per 4.2.1.2 Throw error if too many uuids are requested
+  if (nsecs >= 10000) {
+    throw new Error('uuid.v1(): Can\'t create more than 10M uuids/sec');
+  }
+
+  _lastMSecs = msecs;
+  _lastNSecs = nsecs;
+  _clockseq = clockseq;
+
+  // Per 4.1.4 - Convert from unix epoch to Gregorian epoch
+  msecs += 12219292800000;
+
+  // `time_low`
+  var tl = ((msecs & 0xfffffff) * 10000 + nsecs) % 0x100000000;
+  b[i++] = tl >>> 24 & 0xff;
+  b[i++] = tl >>> 16 & 0xff;
+  b[i++] = tl >>> 8 & 0xff;
+  b[i++] = tl & 0xff;
+
+  // `time_mid`
+  var tmh = (msecs / 0x100000000 * 10000) & 0xfffffff;
+  b[i++] = tmh >>> 8 & 0xff;
+  b[i++] = tmh & 0xff;
+
+  // `time_high_and_version`
+  b[i++] = tmh >>> 24 & 0xf | 0x10; // include version
+  b[i++] = tmh >>> 16 & 0xff;
+
+  // `clock_seq_hi_and_reserved` (Per 4.2.2 - include variant)
+  b[i++] = clockseq >>> 8 | 0x80;
+
+  // `clock_seq_low`
+  b[i++] = clockseq & 0xff;
+
+  // `node`
+  for (var n = 0; n < 6; ++n) {
+    b[i + n] = node[n];
+  }
+
+  return buf ? buf : bytesToUuid(b);
+}
+
+module.exports = v1;
+
+
+/***/ }),
+
+/***/ 6426:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var rng = __webpack_require__(9157);
+var bytesToUuid = __webpack_require__(8725);
+
+function v4(options, buf, offset) {
+  var i = buf && offset || 0;
+
+  if (typeof(options) == 'string') {
+    buf = options === 'binary' ? new Array(16) : null;
+    options = null;
+  }
+  options = options || {};
+
+  var 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) {
+    for (var ii = 0; ii < 16; ++ii) {
+      buf[i + ii] = rnds[ii];
+    }
+  }
+
+  return buf || bytesToUuid(rnds);
+}
+
+module.exports = v4;
+
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/************************************************************************/
+/******/ /* 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__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  kB: () => (/* reexport */ createPopoverComponent),
+  uE: () => (/* reexport */ PopoverProps),
+  ZP: () => (/* binding */ src)
+});
+
+;// CONCATENATED MODULE: external "../shared"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const external_shared_namespaceObject = x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PlacementEnum, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.RenderType, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.bkZIndexManager, ["placementType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.placementType, ["renderType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.renderType, ["triggerType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.triggerType, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
+;// CONCATENATED MODULE: external "vue"
+var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_y = x => () => x
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Teleport, ["Text"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Text, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+;// CONCATENATED MODULE: ../../packages/directives/src/clickoutside.ts
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+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); }
+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; }
+/*
+ * 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 isElement = function isElement(e) {
+  if (typeof Element === 'undefined') return false;
+  return e instanceof Element;
+};
+var nodeList = new Map();
+var startClick;
+document.addEventListener('mousedown', function (e) {
+  return startClick = e;
+});
+document.addEventListener('mouseup', function (e) {
+  var _iterator = _createForOfIteratorHelper(nodeList.values()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var handlers = _step.value;
+      var _iterator2 = _createForOfIteratorHelper(handlers),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var documentHandler = _step2.value.documentHandler;
+          documentHandler(e, startClick);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+});
+function createDocumentHandler(el, binding) {
+  var excludes = [];
+  if (Array.isArray(binding.arg)) {
+    excludes = binding.arg;
+  } else if (isElement(binding.arg)) {
+    excludes.push(binding.arg);
+  }
+  return function (mouseup, mousedown) {
+    var popperRef = binding.instance.popperRef;
+    var mouseUpTarget = mouseup.target;
+    var mouseDownTarget = mousedown === null || mousedown === void 0 ? void 0 : mousedown.target;
+    var isBound = !binding || !binding.instance;
+    var isTargetExists = !mouseUpTarget || !mouseDownTarget;
+    var isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
+    var isSelf = el === mouseUpTarget;
+    var isTargetExcluded = excludes.length && excludes.some(function (item) {
+      return item === null || item === void 0 ? void 0 : item.contains(mouseUpTarget);
+    }) || excludes.length && excludes.includes(mouseDownTarget);
+    var isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+    if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
+      return;
+    }
+    binding.value(mouseup, mousedown);
+  };
+}
+var ClickOutside = {
+  beforeMount: function beforeMount(el, binding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    });
+  },
+  updated: function updated(el, binding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    var handlers = nodeList.get(el);
+    var oldHandlerIndex = handlers.findIndex(function (item) {
+      return item.bindingFn === binding.oldValue;
+    });
+    var newHandler = {
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    };
+    if (oldHandlerIndex >= 0) {
+      // replace the old handler to the new handler
+      handlers.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers.push(newHandler);
+    }
+  },
+  unmounted: function unmounted(el) {
+    // remove all listeners when a component unmounted
+    nodeList["delete"](el);
+  }
+};
+ClickOutside.install = function (app) {
+  app.directive('bkTooltips', ClickOutside);
+};
+/* harmony default export */ const clickoutside = (ClickOutside);
+;// CONCATENATED MODULE: external "../config-provider"
+var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_config_provider_y = x => () => x
+const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
+;// CONCATENATED MODULE: ../../packages/popover/src/arrow.tsx
+
+/*
+ * 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.
+ */
+
+
+/* harmony default export */ const src_arrow = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'PopArrow',
+  render: function render() {
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var arrowClassName = resolveClassName('pop2-arrow');
+    return (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": arrowClassName
+    }, null);
+  }
+}));
+;// 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: ../../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/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: ../../packages/popover/src/const.tsx
+
+var _EMIT_EVENT_TYPES;
+/* eslint-disable @typescript-eslint/naming-convention */
+/*
+ * 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 EMIT_EVENTS;
+(function (EMIT_EVENTS) {
+  EMIT_EVENTS["CLICK_OUTSIDE"] = "clickoutside";
+  EMIT_EVENTS["CONTENT_MOUSEENTER"] = "contentMouseenter";
+  EMIT_EVENTS["CONTENT_MOUSELEAVE"] = "contentMouseleave";
+  EMIT_EVENTS["CONTENT_AfterHidden"] = "afterHidden";
+  EMIT_EVENTS["CONTENT_AfterShow"] = "afterShow";
+})(EMIT_EVENTS || (EMIT_EVENTS = {}));
+var EVENT_SHOW_HIDE_FN = function EVENT_SHOW_HIDE_FN(_args) {
+  return true;
+};
+var EVENT_COMMON_FN = function EVENT_COMMON_FN(e) {
+  return e;
+};
+var EVENT_CLICK_OUTSIDE_FN = function EVENT_CLICK_OUTSIDE_FN(_args) {
+  return true;
+};
+var EMIT_EVENT_TYPES = (_EMIT_EVENT_TYPES = {}, _defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.CLICK_OUTSIDE, EVENT_CLICK_OUTSIDE_FN), _defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.CONTENT_MOUSEENTER, EVENT_COMMON_FN), _defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.CONTENT_MOUSELEAVE, EVENT_COMMON_FN), _defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.CONTENT_AfterHidden, EVENT_SHOW_HIDE_FN), _defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.CONTENT_AfterShow, EVENT_SHOW_HIDE_FN), _EMIT_EVENT_TYPES);
+;// CONCATENATED MODULE: ../../packages/popover/src/content.tsx
+
+/*
+ * 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.
+ */
+
+
+
+/* harmony default export */ const content = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'PopContent',
+  props: {
+    width: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+    height: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+    maxHeight: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+    maxWidth: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+    extCls: external_shared_namespaceObject.PropTypes.string.def(''),
+    visible: external_shared_namespaceObject.PropTypes.bool.def(false),
+    eventDelay: external_shared_namespaceObject.PropTypes.number.def(0)
+  },
+  setup: function setup(props) {
+    var resolveValToPix = function resolveValToPix(val) {
+      if (/^\d+\.?\d*$/.test("".concat(val))) {
+        return "".concat(val, "px");
+      }
+      return val;
+    };
+    var style = (0,external_vue_namespaceObject.computed)(function () {
+      return {
+        width: resolveValToPix(props.width),
+        height: resolveValToPix(props.height),
+        maxHeight: resolveValToPix(props.maxHeight),
+        maxWidth: resolveValToPix(props.maxWidth)
+      };
+    });
+    var refContent = (0,external_vue_namespaceObject.ref)(null);
+    var refTimer = (0,external_vue_namespaceObject.ref)(null);
+    var resetPointerEvent = function resetPointerEvent() {
+      var _a;
+      if (props.eventDelay === 0) {
+        return;
+      }
+      refTimer.value && clearTimeout(refTimer.value);
+      refTimer.value = setTimeout(function () {
+        setContentPointerEvent('unset');
+      }, (_a = props.eventDelay) !== null && _a !== void 0 ? _a : 300);
+    };
+    var setContentPointerEvent = function setContentPointerEvent(val) {
+      var _a;
+      if (props.eventDelay === 0) {
+        return;
+      }
+      (_a = refContent.value) === null || _a === void 0 ? void 0 : _a.style.setProperty('pointer-events', val);
+    };
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    return {
+      style: style,
+      refContent: refContent,
+      resolveClassName: resolveClassName,
+      resetPointerEvent: resetPointerEvent,
+      setContentPointerEvent: setContentPointerEvent
+    };
+  },
+  render: function render() {
+    var _this = this;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var className = [this.resolveClassName('popover'), this.resolveClassName('pop2-content'), this.extCls];
+    var resolveContentStyle = function resolveContentStyle(slot) {
+      var _a;
+      if (external_vue_namespaceObject.Fragment === ((_a = slot === null || slot === void 0 ? void 0 : slot[0]) === null || _a === void 0 ? void 0 : _a.type)) {
+        (0,external_vue_namespaceObject.nextTick)(function () {
+          _this.setContentPointerEvent('none');
+          _this.resetPointerEvent();
+        });
+      }
+      return _this.style;
+    };
+    var style = resolveContentStyle((_b = (_a = this.$slots)["default"]) === null || _b === void 0 ? void 0 : _b.call(_a));
+    return (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": className,
+      "style": style,
+      "ref": "refContent"
+    }, [(_e = (_d = (_c = this.$slots).arrow) === null || _d === void 0 ? void 0 : _d.call(_c)) !== null && _e !== void 0 ? _e : '', (_h = (_g = (_f = this.$slots)["default"]) === null || _g === void 0 ? void 0 : _g.call(_f)) !== null && _h !== void 0 ? _h : '']);
+  }
+}));
+;// 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({ ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
+;// CONCATENATED MODULE: ../../packages/popover/src/props.ts
+
+
+var EventProps = {
+  onAfterHidden: function onAfterHidden() {},
+  onAfterShow: function onAfterShow() {}
+};
+var PopoverProps = {
+  isShow: external_shared_namespaceObject.PropTypes.bool.def(false),
+  always: external_shared_namespaceObject.PropTypes.bool.def(false),
+  disabled: external_shared_namespaceObject.PropTypes.bool.def(false),
+  width: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+  height: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+  maxWidth: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+  maxHeight: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number]).def('auto'),
+  content: (0,external_vue_types_namespaceObject.toType)('IContent', {}).def(''),
+  target: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.instanceOf(HTMLElement), external_shared_namespaceObject.PropTypes.instanceOf(PointerEvent)]),
+  allowHtml: external_shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   * 组件显示位置
+   */
+  // placement: placementType().def(PlacementEnum.TOP),
+  placement: (0,external_shared_namespaceObject.placementType)().def(external_shared_namespaceObject.PlacementEnum.TOP_START),
+  // 'dark', 'light'
+  theme: external_shared_namespaceObject.PropTypes.string.def('dark'),
+  /**
+   * 触发方式
+   * 支持 click hover manual
+   * manual： 通过isShow控制显示、隐藏
+   */
+  // trigger: triggerType(),
+  trigger: (0,external_shared_namespaceObject.triggerType)(),
+  /**
+   * content 渲染方式
+   */
+  renderType: (0,external_shared_namespaceObject.renderType)(),
+  // 是否显示箭头
+  arrow: external_shared_namespaceObject.PropTypes.bool.def(true),
+  padding: external_shared_namespaceObject.PropTypes.number.def(5),
+  offset: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.shape({
+    mainAxis: external_shared_namespaceObject.PropTypes.number,
+    crossAxis: external_shared_namespaceObject.PropTypes.number,
+    alignmentAxis: external_shared_namespaceObject.PropTypes.number
+  })]).def(6),
+  /**
+   * 弹出内容绑定元素
+   */
+  boundary: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string.def('parent'), external_shared_namespaceObject.PropTypes.instanceOf(HTMLElement)]),
+  zIndex: external_shared_namespaceObject.PropTypes.number.def(undefined),
+  disableTeleport: external_shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   *  chooses the placement that has the most space available automatically
+   */
+  autoPlacement: external_shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   * 当有滚动条，滚动出可是范围时自动隐藏pop
+   */
+  autoVisibility: external_shared_namespaceObject.PropTypes.bool.def(true),
+  /**
+   * 是否禁用clickoutside
+   */
+  disableOutsideClick: external_shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   * 是否禁用样式的transform更新位移
+   */
+  disableTransform: external_shared_namespaceObject.PropTypes.bool.def(false),
+  /**
+   * 自定义 reference
+   */
+  reference: external_shared_namespaceObject.PropTypes.any,
+  /**
+   * 兼容v1版本遗留配置
+   * 不建议使用
+   */
+  modifiers: external_shared_namespaceObject.PropTypes.array.def([]),
+  /**
+   * popover显示和隐藏的延时时间
+   */
+  popoverDelay: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.number)]).def(100),
+  /**
+   * 配置自定义样式类名，传入的类会被加在组件最外层的 DOM
+   */
+  extCls: external_shared_namespaceObject.PropTypes.string.def(''),
+  /**
+   * 自定义Content组件渲染，point-event延迟渲染时间
+   * 避免子组件point-event渲染时触发popover鼠标事件
+   * 如果设置为0，则不启用此设置
+   */
+  componentEventDelay: external_shared_namespaceObject.PropTypes.number.def(0),
+  /**
+   * 或略其他判定条件，强制监听clickoutside & 执行hide
+   */
+  forceClickoutside: external_shared_namespaceObject.PropTypes.bool.def(false)
+};
+;// CONCATENATED MODULE: ../../packages/popover/src/reference.tsx
+/*
+ * 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.
+ */
+
+/* harmony default export */ const reference = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'PopReference',
+  render: function render() {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = this.$slots)["default"]) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : '';
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/popover/src/root.tsx
+
+/*
+ * 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.
+ */
+
+
+/* harmony default export */ const root = ((0,external_vue_namespaceObject.defineComponent)({
+  props: {
+    "class": external_shared_namespaceObject.PropTypes.string.def(''),
+    mode: external_shared_namespaceObject.PropTypes.string.def('')
+  },
+  render: function render() {
+    var _a, _b;
+    return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(_b = (_a = this.$slots)["default"]) === null || _b === void 0 ? void 0 : _b.call(_a)]);
+  }
+}));
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+function arrayLikeToArray_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/unsupportedIterableToArray.js
+
+function unsupportedIterableToArray_unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return arrayLikeToArray_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_arrayLikeToArray(o, minLen);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure 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/slicedToArray.js
+
+
+
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || unsupportedIterableToArray_unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+;// CONCATENATED MODULE: external "lodash"
+var external_lodash_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_lodash_y = x => () => x
+const external_lodash_namespaceObject = external_lodash_x({ ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE_lodash__.isElement });
+;// CONCATENATED MODULE: ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+const sides = ['top', 'right', 'bottom', 'left'];
+const alignments = ['start', 'end'];
+const placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
+const floating_ui_utils_min = Math.min;
+const floating_ui_utils_max = Math.max;
+const round = Math.round;
+const floor = Math.floor;
+const createCoords = v => ({
+  x: v,
+  y: v
+});
+const oppositeSideMap = {
+  left: 'right',
+  right: 'left',
+  bottom: 'top',
+  top: 'bottom'
+};
+const oppositeAlignmentMap = {
+  start: 'end',
+  end: 'start'
+};
+function clamp(start, value, end) {
+  return floating_ui_utils_max(start, floating_ui_utils_min(value, end));
+}
+function floating_ui_utils_evaluate(value, param) {
+  return typeof value === 'function' ? value(param) : value;
+}
+function floating_ui_utils_getSide(placement) {
+  return placement.split('-')[0];
+}
+function floating_ui_utils_getAlignment(placement) {
+  return placement.split('-')[1];
+}
+function floating_ui_utils_getOppositeAxis(axis) {
+  return axis === 'x' ? 'y' : 'x';
+}
+function getAxisLength(axis) {
+  return axis === 'y' ? 'height' : 'width';
+}
+function floating_ui_utils_getSideAxis(placement) {
+  return ['top', 'bottom'].includes(floating_ui_utils_getSide(placement)) ? 'y' : 'x';
+}
+function getAlignmentAxis(placement) {
+  return floating_ui_utils_getOppositeAxis(floating_ui_utils_getSideAxis(placement));
+}
+function getAlignmentSides(placement, rects, rtl) {
+  if (rtl === void 0) {
+    rtl = false;
+  }
+  const alignment = floating_ui_utils_getAlignment(placement);
+  const alignmentAxis = getAlignmentAxis(placement);
+  const length = getAxisLength(alignmentAxis);
+  let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';
+  if (rects.reference[length] > rects.floating[length]) {
+    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
+  }
+  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
+}
+function getExpandedPlacements(placement) {
+  const oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+}
+function getOppositeAlignmentPlacement(placement) {
+  return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
+}
+function getSideList(side, isStart, rtl) {
+  const lr = ['left', 'right'];
+  const rl = ['right', 'left'];
+  const tb = ['top', 'bottom'];
+  const bt = ['bottom', 'top'];
+  switch (side) {
+    case 'top':
+    case 'bottom':
+      if (rtl) return isStart ? rl : lr;
+      return isStart ? lr : rl;
+    case 'left':
+    case 'right':
+      return isStart ? tb : bt;
+    default:
+      return [];
+  }
+}
+function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+  const alignment = floating_ui_utils_getAlignment(placement);
+  let list = getSideList(floating_ui_utils_getSide(placement), direction === 'start', rtl);
+  if (alignment) {
+    list = list.map(side => side + "-" + alignment);
+    if (flipAlignment) {
+      list = list.concat(list.map(getOppositeAlignmentPlacement));
+    }
+  }
+  return list;
+}
+function getOppositePlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);
+}
+function expandPaddingObject(padding) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...padding
+  };
+}
+function getPaddingObject(padding) {
+  return typeof padding !== 'number' ? expandPaddingObject(padding) : {
+    top: padding,
+    right: padding,
+    bottom: padding,
+    left: padding
+  };
+}
+function rectToClientRect(rect) {
+  return {
+    ...rect,
+    top: rect.y,
+    left: rect.x,
+    right: rect.x + rect.width,
+    bottom: rect.y + rect.height
+  };
+}
+
+
+
+;// CONCATENATED MODULE: ../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs
+
+
+
+function computeCoordsFromPlacement(_ref, placement, rtl) {
+  let {
+    reference,
+    floating
+  } = _ref;
+  const sideAxis = floating_ui_utils_getSideAxis(placement);
+  const alignmentAxis = getAlignmentAxis(placement);
+  const alignLength = getAxisLength(alignmentAxis);
+  const side = floating_ui_utils_getSide(placement);
+  const isVertical = sideAxis === 'y';
+  const commonX = reference.x + reference.width / 2 - floating.width / 2;
+  const commonY = reference.y + reference.height / 2 - floating.height / 2;
+  const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
+  let coords;
+  switch (side) {
+    case 'top':
+      coords = {
+        x: commonX,
+        y: reference.y - floating.height
+      };
+      break;
+    case 'bottom':
+      coords = {
+        x: commonX,
+        y: reference.y + reference.height
+      };
+      break;
+    case 'right':
+      coords = {
+        x: reference.x + reference.width,
+        y: commonY
+      };
+      break;
+    case 'left':
+      coords = {
+        x: reference.x - floating.width,
+        y: commonY
+      };
+      break;
+    default:
+      coords = {
+        x: reference.x,
+        y: reference.y
+      };
+  }
+  switch (floating_ui_utils_getAlignment(placement)) {
+    case 'start':
+      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+    case 'end':
+      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+  }
+  return coords;
+}
+
+/**
+ * Computes the `x` and `y` coordinates that will place the floating element
+ * next to a reference element when it is given a certain positioning strategy.
+ *
+ * This export does not have any `platform` interface logic. You will need to
+ * write one for the platform you are using Floating UI with.
+ */
+const computePosition = async (reference, floating, config) => {
+  const {
+    placement = 'bottom',
+    strategy = 'absolute',
+    middleware = [],
+    platform
+  } = config;
+  const validMiddleware = middleware.filter(Boolean);
+  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
+  let rects = await platform.getElementRects({
+    reference,
+    floating,
+    strategy
+  });
+  let {
+    x,
+    y
+  } = computeCoordsFromPlacement(rects, placement, rtl);
+  let statefulPlacement = placement;
+  let middlewareData = {};
+  let resetCount = 0;
+  for (let i = 0; i < validMiddleware.length; i++) {
+    const {
+      name,
+      fn
+    } = validMiddleware[i];
+    const {
+      x: nextX,
+      y: nextY,
+      data,
+      reset
+    } = await fn({
+      x,
+      y,
+      initialPlacement: placement,
+      placement: statefulPlacement,
+      strategy,
+      middlewareData,
+      rects,
+      platform,
+      elements: {
+        reference,
+        floating
+      }
+    });
+    x = nextX != null ? nextX : x;
+    y = nextY != null ? nextY : y;
+    middlewareData = {
+      ...middlewareData,
+      [name]: {
+        ...middlewareData[name],
+        ...data
+      }
+    };
+    if (reset && resetCount <= 50) {
+      resetCount++;
+      if (typeof reset === 'object') {
+        if (reset.placement) {
+          statefulPlacement = reset.placement;
+        }
+        if (reset.rects) {
+          rects = reset.rects === true ? await platform.getElementRects({
+            reference,
+            floating,
+            strategy
+          }) : reset.rects;
+        }
+        ({
+          x,
+          y
+        } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
+      }
+      i = -1;
+      continue;
+    }
+  }
+  return {
+    x,
+    y,
+    placement: statefulPlacement,
+    strategy,
+    middlewareData
+  };
+};
+
+/**
+ * Resolves with an object of overflow side offsets that determine how much the
+ * element is overflowing a given clipping boundary on each side.
+ * - positive = overflowing the boundary by that number of pixels
+ * - negative = how many pixels left before it will overflow
+ * - 0 = lies flush with the boundary
+ * @see https://floating-ui.com/docs/detectOverflow
+ */
+async function detectOverflow(state, options) {
+  var _await$platform$isEle;
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    x,
+    y,
+    platform,
+    rects,
+    elements,
+    strategy
+  } = state;
+  const {
+    boundary = 'clippingAncestors',
+    rootBoundary = 'viewport',
+    elementContext = 'floating',
+    altBoundary = false,
+    padding = 0
+  } = floating_ui_utils_evaluate(options, state);
+  const paddingObject = getPaddingObject(padding);
+  const altContext = elementContext === 'floating' ? 'reference' : 'floating';
+  const element = elements[altBoundary ? altContext : elementContext];
+  const clippingClientRect = rectToClientRect(await platform.getClippingRect({
+    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
+    boundary,
+    rootBoundary,
+    strategy
+  }));
+  const rect = elementContext === 'floating' ? {
+    ...rects.floating,
+    x,
+    y
+  } : rects.reference;
+  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
+  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
+  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+    rect,
+    offsetParent,
+    strategy
+  }) : rect);
+  return {
+    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+  };
+}
+
+/**
+ * Provides data to position an inner element of the floating element so that it
+ * appears centered to the reference element.
+ * @see https://floating-ui.com/docs/arrow
+ */
+const arrow = options => ({
+  name: 'arrow',
+  options,
+  async fn(state) {
+    const {
+      x,
+      y,
+      placement,
+      rects,
+      platform,
+      elements
+    } = state;
+    // Since `element` is required, we don't Partial<> the type.
+    const {
+      element,
+      padding = 0
+    } = floating_ui_utils_evaluate(options, state) || {};
+    if (element == null) {
+      return {};
+    }
+    const paddingObject = getPaddingObject(padding);
+    const coords = {
+      x,
+      y
+    };
+    const axis = getAlignmentAxis(placement);
+    const length = getAxisLength(axis);
+    const arrowDimensions = await platform.getDimensions(element);
+    const isYAxis = axis === 'y';
+    const minProp = isYAxis ? 'top' : 'left';
+    const maxProp = isYAxis ? 'bottom' : 'right';
+    const clientProp = isYAxis ? 'clientHeight' : 'clientWidth';
+    const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
+    const startDiff = coords[axis] - rects.reference[axis];
+    const arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element));
+    let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
+
+    // DOM platform can return `window` as the `offsetParent`.
+    if (!clientSize || !(await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent)))) {
+      clientSize = elements.floating[clientProp] || rects.floating[length];
+    }
+    const centerToReference = endDiff / 2 - startDiff / 2;
+
+    // If the padding is large enough that it causes the arrow to no longer be
+    // centered, modify the padding so that it is centered.
+    const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
+    const minPadding = floating_ui_utils_min(paddingObject[minProp], largestPossiblePadding);
+    const maxPadding = floating_ui_utils_min(paddingObject[maxProp], largestPossiblePadding);
+
+    // Make sure the arrow doesn't overflow the floating element if the center
+    // point is outside the floating element's bounds.
+    const min$1 = minPadding;
+    const max = clientSize - arrowDimensions[length] - maxPadding;
+    const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
+    const offset = clamp(min$1, center, max);
+
+    // If the reference is small enough that the arrow's padding causes it to
+    // to point to nothing for an aligned placement, adjust the offset of the
+    // floating element itself. This stops `shift()` from taking action, but can
+    // be worked around by calling it again after the `arrow()` if desired.
+    const shouldAddOffset = floating_ui_utils_getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const alignmentOffset = shouldAddOffset ? center < min$1 ? min$1 - center : max - center : 0;
+    return {
+      [axis]: coords[axis] - alignmentOffset,
+      data: {
+        [axis]: offset,
+        centerOffset: center - offset + alignmentOffset
+      }
+    };
+  }
+});
+
+function getPlacementList(alignment, autoAlignment, allowedPlacements) {
+  const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter(placement => floating_ui_utils_getAlignment(placement) === alignment), ...allowedPlacements.filter(placement => floating_ui_utils_getAlignment(placement) !== alignment)] : allowedPlacements.filter(placement => floating_ui_utils_getSide(placement) === placement);
+  return allowedPlacementsSortedByAlignment.filter(placement => {
+    if (alignment) {
+      return floating_ui_utils_getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);
+    }
+    return true;
+  });
+}
+/**
+ * Optimizes the visibility of the floating element by choosing the placement
+ * that has the most space available automatically, without needing to specify a
+ * preferred placement. Alternative to `flip`.
+ * @see https://floating-ui.com/docs/autoPlacement
+ */
+const autoPlacement = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'autoPlacement',
+    options,
+    async fn(state) {
+      var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;
+      const {
+        rects,
+        middlewareData,
+        placement,
+        platform,
+        elements
+      } = state;
+      const {
+        crossAxis = false,
+        alignment,
+        allowedPlacements = placements,
+        autoAlignment = true,
+        ...detectOverflowOptions
+      } = floating_ui_utils_evaluate(options, state);
+      const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
+      const currentPlacement = placements$1[currentIndex];
+      if (currentPlacement == null) {
+        return {};
+      }
+      const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));
+
+      // Make `computeCoords` start from the right place.
+      if (placement !== currentPlacement) {
+        return {
+          reset: {
+            placement: placements$1[0]
+          }
+        };
+      }
+      const currentOverflows = [overflow[floating_ui_utils_getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]];
+      const allOverflows = [...(((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || []), {
+        placement: currentPlacement,
+        overflows: currentOverflows
+      }];
+      const nextPlacement = placements$1[currentIndex + 1];
+
+      // There are more placements to check.
+      if (nextPlacement) {
+        return {
+          data: {
+            index: currentIndex + 1,
+            overflows: allOverflows
+          },
+          reset: {
+            placement: nextPlacement
+          }
+        };
+      }
+      const placementsSortedByMostSpace = allOverflows.map(d => {
+        const alignment = floating_ui_utils_getAlignment(d.placement);
+        return [d.placement, alignment && crossAxis ?
+        // Check along the mainAxis and main crossAxis side.
+        d.overflows.slice(0, 2).reduce((acc, v) => acc + v, 0) :
+        // Check only the mainAxis.
+        d.overflows[0], d.overflows];
+      }).sort((a, b) => a[1] - b[1]);
+      const placementsThatFitOnEachSide = placementsSortedByMostSpace.filter(d => d[2].slice(0,
+      // Aligned placements should not check their opposite crossAxis
+      // side.
+      floating_ui_utils_getAlignment(d[0]) ? 2 : 3).every(v => v <= 0));
+      const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];
+      if (resetPlacement !== placement) {
+        return {
+          data: {
+            index: currentIndex + 1,
+            overflows: allOverflows
+          },
+          reset: {
+            placement: resetPlacement
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+
+/**
+ * Optimizes the visibility of the floating element by flipping the `placement`
+ * in order to keep it in view when the preferred placement(s) will overflow the
+ * clipping boundary. Alternative to `autoPlacement`.
+ * @see https://floating-ui.com/docs/flip
+ */
+const flip = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'flip',
+    options,
+    async fn(state) {
+      var _middlewareData$flip;
+      const {
+        placement,
+        middlewareData,
+        rects,
+        initialPlacement,
+        platform,
+        elements
+      } = state;
+      const {
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = true,
+        fallbackPlacements: specifiedFallbackPlacements,
+        fallbackStrategy = 'bestFit',
+        fallbackAxisSideDirection = 'none',
+        flipAlignment = true,
+        ...detectOverflowOptions
+      } = floating_ui_utils_evaluate(options, state);
+      const side = floating_ui_utils_getSide(placement);
+      const isBasePlacement = floating_ui_utils_getSide(initialPlacement) === initialPlacement;
+      const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
+      const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
+      if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== 'none') {
+        fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
+      }
+      const placements = [initialPlacement, ...fallbackPlacements];
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflows = [];
+      let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
+      if (checkMainAxis) {
+        overflows.push(overflow[side]);
+      }
+      if (checkCrossAxis) {
+        const sides = getAlignmentSides(placement, rects, rtl);
+        overflows.push(overflow[sides[0]], overflow[sides[1]]);
+      }
+      overflowsData = [...overflowsData, {
+        placement,
+        overflows
+      }];
+
+      // One or more sides is overflowing.
+      if (!overflows.every(side => side <= 0)) {
+        var _middlewareData$flip2, _overflowsData$filter;
+        const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
+        const nextPlacement = placements[nextIndex];
+        if (nextPlacement) {
+          // Try next placement and re-run the lifecycle.
+          return {
+            data: {
+              index: nextIndex,
+              overflows: overflowsData
+            },
+            reset: {
+              placement: nextPlacement
+            }
+          };
+        }
+
+        // First, find the candidates that fit on the mainAxis side of overflow,
+        // then find the placement that fits the best on the main crossAxis side.
+        let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
+
+        // Otherwise fallback.
+        if (!resetPlacement) {
+          switch (fallbackStrategy) {
+            case 'bestFit':
+              {
+                var _overflowsData$map$so;
+                const placement = (_overflowsData$map$so = overflowsData.map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+                if (placement) {
+                  resetPlacement = placement;
+                }
+                break;
+              }
+            case 'initialPlacement':
+              resetPlacement = initialPlacement;
+              break;
+          }
+        }
+        if (placement !== resetPlacement) {
+          return {
+            reset: {
+              placement: resetPlacement
+            }
+          };
+        }
+      }
+      return {};
+    }
+  };
+};
+
+function getSideOffsets(overflow, rect) {
+  return {
+    top: overflow.top - rect.height,
+    right: overflow.right - rect.width,
+    bottom: overflow.bottom - rect.height,
+    left: overflow.left - rect.width
+  };
+}
+function isAnySideFullyClipped(overflow) {
+  return sides.some(side => overflow[side] >= 0);
+}
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */
+const hide = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'hide',
+    options,
+    async fn(state) {
+      const {
+        rects
+      } = state;
+      const {
+        strategy = 'referenceHidden',
+        ...detectOverflowOptions
+      } = floating_ui_utils_evaluate(options, state);
+      switch (strategy) {
+        case 'referenceHidden':
+          {
+            const overflow = await detectOverflow(state, {
+              ...detectOverflowOptions,
+              elementContext: 'reference'
+            });
+            const offsets = getSideOffsets(overflow, rects.reference);
+            return {
+              data: {
+                referenceHiddenOffsets: offsets,
+                referenceHidden: isAnySideFullyClipped(offsets)
+              }
+            };
+          }
+        case 'escaped':
+          {
+            const overflow = await detectOverflow(state, {
+              ...detectOverflowOptions,
+              altBoundary: true
+            });
+            const offsets = getSideOffsets(overflow, rects.floating);
+            return {
+              data: {
+                escapedOffsets: offsets,
+                escaped: isAnySideFullyClipped(offsets)
+              }
+            };
+          }
+        default:
+          {
+            return {};
+          }
+      }
+    }
+  };
+};
+
+function getBoundingRect(rects) {
+  const minX = floating_ui_utils_min(...rects.map(rect => rect.left));
+  const minY = floating_ui_utils_min(...rects.map(rect => rect.top));
+  const maxX = floating_ui_utils_max(...rects.map(rect => rect.right));
+  const maxY = floating_ui_utils_max(...rects.map(rect => rect.bottom));
+  return {
+    x: minX,
+    y: minY,
+    width: maxX - minX,
+    height: maxY - minY
+  };
+}
+function getRectsByLine(rects) {
+  const sortedRects = rects.slice().sort((a, b) => a.y - b.y);
+  const groups = [];
+  let prevRect = null;
+  for (let i = 0; i < sortedRects.length; i++) {
+    const rect = sortedRects[i];
+    if (!prevRect || rect.y - prevRect.y > prevRect.height / 2) {
+      groups.push([rect]);
+    } else {
+      groups[groups.length - 1].push(rect);
+    }
+    prevRect = rect;
+  }
+  return groups.map(rect => rectToClientRect(getBoundingRect(rect)));
+}
+/**
+ * Provides improved positioning for inline reference elements that can span
+ * over multiple lines, such as hyperlinks or range selections.
+ * @see https://floating-ui.com/docs/inline
+ */
+const inline = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'inline',
+    options,
+    async fn(state) {
+      const {
+        placement,
+        elements,
+        rects,
+        platform,
+        strategy
+      } = state;
+      // A MouseEvent's client{X,Y} coords can be up to 2 pixels off a
+      // ClientRect's bounds, despite the event listener being triggered. A
+      // padding of 2 seems to handle this issue.
+      const {
+        padding = 2,
+        x,
+        y
+      } = floating_ui_utils_evaluate(options, state);
+      const nativeClientRects = Array.from((await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference))) || []);
+      const clientRects = getRectsByLine(nativeClientRects);
+      const fallback = rectToClientRect(getBoundingRect(nativeClientRects));
+      const paddingObject = getPaddingObject(padding);
+      function getBoundingClientRect() {
+        // There are two rects and they are disjoined.
+        if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null) {
+          // Find the first rect in which the point is fully inside.
+          return clientRects.find(rect => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) || fallback;
+        }
+
+        // There are 2 or more connected rects.
+        if (clientRects.length >= 2) {
+          if (floating_ui_utils_getSideAxis(placement) === 'y') {
+            const firstRect = clientRects[0];
+            const lastRect = clientRects[clientRects.length - 1];
+            const isTop = floating_ui_utils_getSide(placement) === 'top';
+            const top = firstRect.top;
+            const bottom = lastRect.bottom;
+            const left = isTop ? firstRect.left : lastRect.left;
+            const right = isTop ? firstRect.right : lastRect.right;
+            const width = right - left;
+            const height = bottom - top;
+            return {
+              top,
+              bottom,
+              left,
+              right,
+              width,
+              height,
+              x: left,
+              y: top
+            };
+          }
+          const isLeftSide = floating_ui_utils_getSide(placement) === 'left';
+          const maxRight = floating_ui_utils_max(...clientRects.map(rect => rect.right));
+          const minLeft = floating_ui_utils_min(...clientRects.map(rect => rect.left));
+          const measureRects = clientRects.filter(rect => isLeftSide ? rect.left === minLeft : rect.right === maxRight);
+          const top = measureRects[0].top;
+          const bottom = measureRects[measureRects.length - 1].bottom;
+          const left = minLeft;
+          const right = maxRight;
+          const width = right - left;
+          const height = bottom - top;
+          return {
+            top,
+            bottom,
+            left,
+            right,
+            width,
+            height,
+            x: left,
+            y: top
+          };
+        }
+        return fallback;
+      }
+      const resetRects = await platform.getElementRects({
+        reference: {
+          getBoundingClientRect
+        },
+        floating: elements.floating,
+        strategy
+      });
+      if (rects.reference.x !== resetRects.reference.x || rects.reference.y !== resetRects.reference.y || rects.reference.width !== resetRects.reference.width || rects.reference.height !== resetRects.reference.height) {
+        return {
+          reset: {
+            rects: resetRects
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+
+// For type backwards-compatibility, the `OffsetOptions` type was also
+// Derivable.
+async function convertValueToCoords(state, options) {
+  const {
+    placement,
+    platform,
+    elements
+  } = state;
+  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
+  const side = floating_ui_utils_getSide(placement);
+  const alignment = floating_ui_utils_getAlignment(placement);
+  const isVertical = floating_ui_utils_getSideAxis(placement) === 'y';
+  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
+  const crossAxisMulti = rtl && isVertical ? -1 : 1;
+  const rawValue = floating_ui_utils_evaluate(options, state);
+
+  // eslint-disable-next-line prefer-const
+  let {
+    mainAxis,
+    crossAxis,
+    alignmentAxis
+  } = typeof rawValue === 'number' ? {
+    mainAxis: rawValue,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...rawValue
+  };
+  if (alignment && typeof alignmentAxis === 'number') {
+    crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;
+  }
+  return isVertical ? {
+    x: crossAxis * crossAxisMulti,
+    y: mainAxis * mainAxisMulti
+  } : {
+    x: mainAxis * mainAxisMulti,
+    y: crossAxis * crossAxisMulti
+  };
+}
+
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */
+const offset = function (options) {
+  if (options === void 0) {
+    options = 0;
+  }
+  return {
+    name: 'offset',
+    options,
+    async fn(state) {
+      const {
+        x,
+        y
+      } = state;
+      const diffCoords = await convertValueToCoords(state, options);
+      return {
+        x: x + diffCoords.x,
+        y: y + diffCoords.y,
+        data: diffCoords
+      };
+    }
+  };
+};
+
+/**
+ * Optimizes the visibility of the floating element by shifting it in order to
+ * keep it in view when it will overflow the clipping boundary.
+ * @see https://floating-ui.com/docs/shift
+ */
+const shift = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'shift',
+    options,
+    async fn(state) {
+      const {
+        x,
+        y,
+        placement
+      } = state;
+      const {
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = false,
+        limiter = {
+          fn: _ref => {
+            let {
+              x,
+              y
+            } = _ref;
+            return {
+              x,
+              y
+            };
+          }
+        },
+        ...detectOverflowOptions
+      } = floating_ui_utils_evaluate(options, state);
+      const coords = {
+        x,
+        y
+      };
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const crossAxis = floating_ui_utils_getSideAxis(floating_ui_utils_getSide(placement));
+      const mainAxis = floating_ui_utils_getOppositeAxis(crossAxis);
+      let mainAxisCoord = coords[mainAxis];
+      let crossAxisCoord = coords[crossAxis];
+      if (checkMainAxis) {
+        const minSide = mainAxis === 'y' ? 'top' : 'left';
+        const maxSide = mainAxis === 'y' ? 'bottom' : 'right';
+        const min = mainAxisCoord + overflow[minSide];
+        const max = mainAxisCoord - overflow[maxSide];
+        mainAxisCoord = clamp(min, mainAxisCoord, max);
+      }
+      if (checkCrossAxis) {
+        const minSide = crossAxis === 'y' ? 'top' : 'left';
+        const maxSide = crossAxis === 'y' ? 'bottom' : 'right';
+        const min = crossAxisCoord + overflow[minSide];
+        const max = crossAxisCoord - overflow[maxSide];
+        crossAxisCoord = clamp(min, crossAxisCoord, max);
+      }
+      const limitedCoords = limiter.fn({
+        ...state,
+        [mainAxis]: mainAxisCoord,
+        [crossAxis]: crossAxisCoord
+      });
+      return {
+        ...limitedCoords,
+        data: {
+          x: limitedCoords.x - x,
+          y: limitedCoords.y - y
+        }
+      };
+    }
+  };
+};
+/**
+ * Built-in `limiter` that will stop `shift()` at a certain point.
+ */
+const limitShift = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    options,
+    fn(state) {
+      const {
+        x,
+        y,
+        placement,
+        rects,
+        middlewareData
+      } = state;
+      const {
+        offset = 0,
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = true
+      } = evaluate(options, state);
+      const coords = {
+        x,
+        y
+      };
+      const crossAxis = getSideAxis(placement);
+      const mainAxis = getOppositeAxis(crossAxis);
+      let mainAxisCoord = coords[mainAxis];
+      let crossAxisCoord = coords[crossAxis];
+      const rawOffset = evaluate(offset, state);
+      const computedOffset = typeof rawOffset === 'number' ? {
+        mainAxis: rawOffset,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...rawOffset
+      };
+      if (checkMainAxis) {
+        const len = mainAxis === 'y' ? 'height' : 'width';
+        const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;
+        const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;
+        if (mainAxisCoord < limitMin) {
+          mainAxisCoord = limitMin;
+        } else if (mainAxisCoord > limitMax) {
+          mainAxisCoord = limitMax;
+        }
+      }
+      if (checkCrossAxis) {
+        var _middlewareData$offse, _middlewareData$offse2;
+        const len = mainAxis === 'y' ? 'width' : 'height';
+        const isOriginSide = ['top', 'left'].includes(getSide(placement));
+        const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
+        const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
+        if (crossAxisCoord < limitMin) {
+          crossAxisCoord = limitMin;
+        } else if (crossAxisCoord > limitMax) {
+          crossAxisCoord = limitMax;
+        }
+      }
+      return {
+        [mainAxis]: mainAxisCoord,
+        [crossAxis]: crossAxisCoord
+      };
+    }
+  };
+};
+
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */
+const size = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'size',
+    options,
+    async fn(state) {
+      const {
+        placement,
+        rects,
+        platform,
+        elements
+      } = state;
+      const {
+        apply = () => {},
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const side = getSide(placement);
+      const alignment = getAlignment(placement);
+      const isYAxis = getSideAxis(placement) === 'y';
+      const {
+        width,
+        height
+      } = rects.floating;
+      let heightSide;
+      let widthSide;
+      if (side === 'top' || side === 'bottom') {
+        heightSide = side;
+        widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';
+      } else {
+        widthSide = side;
+        heightSide = alignment === 'end' ? 'top' : 'bottom';
+      }
+      const overflowAvailableHeight = height - overflow[heightSide];
+      const overflowAvailableWidth = width - overflow[widthSide];
+      const noShift = !state.middlewareData.shift;
+      let availableHeight = overflowAvailableHeight;
+      let availableWidth = overflowAvailableWidth;
+      if (isYAxis) {
+        const maximumClippingWidth = width - overflow.left - overflow.right;
+        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
+      } else {
+        const maximumClippingHeight = height - overflow.top - overflow.bottom;
+        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
+      }
+      if (noShift && !alignment) {
+        const xMin = max(overflow.left, 0);
+        const xMax = max(overflow.right, 0);
+        const yMin = max(overflow.top, 0);
+        const yMax = max(overflow.bottom, 0);
+        if (isYAxis) {
+          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
+        } else {
+          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+        }
+      }
+      await apply({
+        ...state,
+        availableWidth,
+        availableHeight
+      });
+      const nextDimensions = await platform.getDimensions(elements.floating);
+      if (width !== nextDimensions.width || height !== nextDimensions.height) {
+        return {
+          reset: {
+            rects: true
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+
+
+
+;// CONCATENATED MODULE: ../../node_modules/@floating-ui/utils/dom/dist/floating-ui.utils.dom.mjs
+function getNodeName(node) {
+  if (isNode(node)) {
+    return (node.nodeName || '').toLowerCase();
+  }
+  // Mocked nodes in testing environments may not be instances of Node. By
+  // returning `#document` an infinite loop won't occur.
+  // https://github.com/floating-ui/floating-ui/issues/2317
+  return '#document';
+}
+function getWindow(node) {
+  var _node$ownerDocument;
+  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+}
+function getDocumentElement(node) {
+  var _ref;
+  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
+}
+function isNode(value) {
+  return value instanceof Node || value instanceof getWindow(value).Node;
+}
+function floating_ui_utils_dom_isElement(value) {
+  return value instanceof Element || value instanceof getWindow(value).Element;
+}
+function isHTMLElement(value) {
+  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
+}
+function isShadowRoot(value) {
+  // Browsers without `ShadowRoot` support.
+  if (typeof ShadowRoot === 'undefined') {
+    return false;
+  }
+  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
+}
+function isOverflowElement(element) {
+  const {
+    overflow,
+    overflowX,
+    overflowY,
+    display
+  } = getComputedStyle(element);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
+}
+function isTableElement(element) {
+  return ['table', 'td', 'th'].includes(getNodeName(element));
+}
+function isContainingBlock(element) {
+  const webkit = isWebKit();
+  const css = getComputedStyle(element);
+
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
+  return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
+}
+function isWebKit() {
+  if (typeof CSS === 'undefined' || !CSS.supports) return false;
+  return CSS.supports('-webkit-backdrop-filter', 'none');
+}
+function isLastTraversableNode(node) {
+  return ['html', 'body', '#document'].includes(getNodeName(node));
+}
+function getComputedStyle(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+function getNodeScroll(element) {
+  if (floating_ui_utils_dom_isElement(element)) {
+    return {
+      scrollLeft: element.scrollLeft,
+      scrollTop: element.scrollTop
+    };
+  }
+  return {
+    scrollLeft: element.pageXOffset,
+    scrollTop: element.pageYOffset
+  };
+}
+function getParentNode(node) {
+  if (getNodeName(node) === 'html') {
+    return node;
+  }
+  const result =
+  // Step into the shadow DOM of the parent of a slotted node.
+  node.assignedSlot ||
+  // DOM Element detected.
+  node.parentNode ||
+  // ShadowRoot detected.
+  isShadowRoot(node) && node.host ||
+  // Fallback.
+  getDocumentElement(node);
+  return isShadowRoot(result) ? result.host : result;
+}
+function getNearestOverflowAncestor(node) {
+  const parentNode = getParentNode(node);
+  if (isLastTraversableNode(parentNode)) {
+    return node.ownerDocument ? node.ownerDocument.body : node.body;
+  }
+  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
+    return parentNode;
+  }
+  return getNearestOverflowAncestor(parentNode);
+}
+function getOverflowAncestors(node, list) {
+  var _node$ownerDocument2;
+  if (list === void 0) {
+    list = [];
+  }
+  const scrollableAncestor = getNearestOverflowAncestor(node);
+  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
+  const win = getWindow(scrollableAncestor);
+  if (isBody) {
+    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : []);
+  }
+  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
+}
+
+
+
+;// CONCATENATED MODULE: ../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+
+
+
+
+
+
+function getCssDimensions(element) {
+  const css = getComputedStyle(element);
+  // In testing environments, the `width` and `height` properties are empty
+  // strings for SVG elements, returning NaN. Fallback to `0` in this case.
+  let width = parseFloat(css.width) || 0;
+  let height = parseFloat(css.height) || 0;
+  const hasOffset = isHTMLElement(element);
+  const offsetWidth = hasOffset ? element.offsetWidth : width;
+  const offsetHeight = hasOffset ? element.offsetHeight : height;
+  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
+  if (shouldFallback) {
+    width = offsetWidth;
+    height = offsetHeight;
+  }
+  return {
+    width,
+    height,
+    $: shouldFallback
+  };
+}
+
+function unwrapElement(element) {
+  return !floating_ui_utils_dom_isElement(element) ? element.contextElement : element;
+}
+
+function getScale(element) {
+  const domElement = unwrapElement(element);
+  if (!isHTMLElement(domElement)) {
+    return createCoords(1);
+  }
+  const rect = domElement.getBoundingClientRect();
+  const {
+    width,
+    height,
+    $
+  } = getCssDimensions(domElement);
+  let x = ($ ? round(rect.width) : rect.width) / width;
+  let y = ($ ? round(rect.height) : rect.height) / height;
+
+  // 0, NaN, or Infinity should always fallback to 1.
+
+  if (!x || !Number.isFinite(x)) {
+    x = 1;
+  }
+  if (!y || !Number.isFinite(y)) {
+    y = 1;
+  }
+  return {
+    x,
+    y
+  };
+}
+
+const noOffsets = /*#__PURE__*/createCoords(0);
+function getVisualOffsets(element) {
+  const win = getWindow(element);
+  if (!isWebKit() || !win.visualViewport) {
+    return noOffsets;
+  }
+  return {
+    x: win.visualViewport.offsetLeft,
+    y: win.visualViewport.offsetTop
+  };
+}
+function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
+    return false;
+  }
+  return isFixed;
+}
+
+function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+  const clientRect = element.getBoundingClientRect();
+  const domElement = unwrapElement(element);
+  let scale = createCoords(1);
+  if (includeScale) {
+    if (offsetParent) {
+      if (floating_ui_utils_dom_isElement(offsetParent)) {
+        scale = getScale(offsetParent);
+      }
+    } else {
+      scale = getScale(element);
+    }
+  }
+  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
+  let x = (clientRect.left + visualOffsets.x) / scale.x;
+  let y = (clientRect.top + visualOffsets.y) / scale.y;
+  let width = clientRect.width / scale.x;
+  let height = clientRect.height / scale.y;
+  if (domElement) {
+    const win = getWindow(domElement);
+    const offsetWin = offsetParent && floating_ui_utils_dom_isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
+    let currentIFrame = win.frameElement;
+    while (currentIFrame && offsetParent && offsetWin !== win) {
+      const iframeScale = getScale(currentIFrame);
+      const iframeRect = currentIFrame.getBoundingClientRect();
+      const css = getComputedStyle(currentIFrame);
+      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
+      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
+      x *= iframeScale.x;
+      y *= iframeScale.y;
+      width *= iframeScale.x;
+      height *= iframeScale.y;
+      x += left;
+      y += top;
+      currentIFrame = getWindow(currentIFrame).frameElement;
+    }
+  }
+  return rectToClientRect({
+    width,
+    height,
+    x,
+    y
+  });
+}
+
+function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
+  let {
+    rect,
+    offsetParent,
+    strategy
+  } = _ref;
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  const documentElement = getDocumentElement(offsetParent);
+  if (offsetParent === documentElement) {
+    return rect;
+  }
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  let scale = createCoords(1);
+  const offsets = createCoords(0);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
+    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      const offsetRect = getBoundingClientRect(offsetParent);
+      scale = getScale(offsetParent);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    }
+  }
+  return {
+    width: rect.width * scale.x,
+    height: rect.height * scale.y,
+    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
+    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
+  };
+}
+
+function getClientRects(element) {
+  return Array.from(element.getClientRects());
+}
+
+function getWindowScrollBarX(element) {
+  // If <html> has a CSS width greater than the viewport, then this will be
+  // incorrect for RTL.
+  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
+}
+
+// Gets the entire size of the scrollable document area, even extending outside
+// of the `<html>` and `<body>` rect bounds if horizontally scrollable.
+function getDocumentRect(element) {
+  const html = getDocumentElement(element);
+  const scroll = getNodeScroll(element);
+  const body = element.ownerDocument.body;
+  const width = floating_ui_utils_max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
+  const height = floating_ui_utils_max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
+  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
+  const y = -scroll.scrollTop;
+  if (getComputedStyle(body).direction === 'rtl') {
+    x += floating_ui_utils_max(html.clientWidth, body.clientWidth) - width;
+  }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+
+function getViewportRect(element, strategy) {
+  const win = getWindow(element);
+  const html = getDocumentElement(element);
+  const visualViewport = win.visualViewport;
+  let width = html.clientWidth;
+  let height = html.clientHeight;
+  let x = 0;
+  let y = 0;
+  if (visualViewport) {
+    width = visualViewport.width;
+    height = visualViewport.height;
+    const visualViewportBased = isWebKit();
+    if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {
+      x = visualViewport.offsetLeft;
+      y = visualViewport.offsetTop;
+    }
+  }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+
+// Returns the inner client rect, subtracting scrollbars if present.
+function getInnerBoundingClientRect(element, strategy) {
+  const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
+  const top = clientRect.top + element.clientTop;
+  const left = clientRect.left + element.clientLeft;
+  const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
+  const width = element.clientWidth * scale.x;
+  const height = element.clientHeight * scale.y;
+  const x = left * scale.x;
+  const y = top * scale.y;
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
+  let rect;
+  if (clippingAncestor === 'viewport') {
+    rect = getViewportRect(element, strategy);
+  } else if (clippingAncestor === 'document') {
+    rect = getDocumentRect(getDocumentElement(element));
+  } else if (floating_ui_utils_dom_isElement(clippingAncestor)) {
+    rect = getInnerBoundingClientRect(clippingAncestor, strategy);
+  } else {
+    const visualOffsets = getVisualOffsets(element);
+    rect = {
+      ...clippingAncestor,
+      x: clippingAncestor.x - visualOffsets.x,
+      y: clippingAncestor.y - visualOffsets.y
+    };
+  }
+  return rectToClientRect(rect);
+}
+function hasFixedPositionAncestor(element, stopNode) {
+  const parentNode = getParentNode(element);
+  if (parentNode === stopNode || !floating_ui_utils_dom_isElement(parentNode) || isLastTraversableNode(parentNode)) {
+    return false;
+  }
+  return getComputedStyle(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
+}
+
+// A "clipping ancestor" is an `overflow` element with the characteristic of
+// clipping (or hiding) child elements. This returns all clipping ancestors
+// of the given element up the tree.
+function getClippingElementAncestors(element, cache) {
+  const cachedResult = cache.get(element);
+  if (cachedResult) {
+    return cachedResult;
+  }
+  let result = getOverflowAncestors(element).filter(el => floating_ui_utils_dom_isElement(el) && getNodeName(el) !== 'body');
+  let currentContainingBlockComputedStyle = null;
+  const elementIsFixed = getComputedStyle(element).position === 'fixed';
+  let currentNode = elementIsFixed ? getParentNode(element) : element;
+
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
+  while (floating_ui_utils_dom_isElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    const computedStyle = getComputedStyle(currentNode);
+    const currentNodeIsContaining = isContainingBlock(currentNode);
+    if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
+      currentContainingBlockComputedStyle = null;
+    }
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    if (shouldDropCurrentNode) {
+      // Drop non-containing blocks.
+      result = result.filter(ancestor => ancestor !== currentNode);
+    } else {
+      // Record last containing block for next iteration.
+      currentContainingBlockComputedStyle = computedStyle;
+    }
+    currentNode = getParentNode(currentNode);
+  }
+  cache.set(element, result);
+  return result;
+}
+
+// Gets the maximum area that the element is visible in due to any number of
+// clipping ancestors.
+function getClippingRect(_ref) {
+  let {
+    element,
+    boundary,
+    rootBoundary,
+    strategy
+  } = _ref;
+  const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
+  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
+  const firstClippingAncestor = clippingAncestors[0];
+  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
+    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
+    accRect.top = floating_ui_utils_max(rect.top, accRect.top);
+    accRect.right = floating_ui_utils_min(rect.right, accRect.right);
+    accRect.bottom = floating_ui_utils_min(rect.bottom, accRect.bottom);
+    accRect.left = floating_ui_utils_max(rect.left, accRect.left);
+    return accRect;
+  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
+  return {
+    width: clippingRect.right - clippingRect.left,
+    height: clippingRect.bottom - clippingRect.top,
+    x: clippingRect.left,
+    y: clippingRect.top
+  };
+}
+
+function getDimensions(element) {
+  return getCssDimensions(element);
+}
+
+function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  const documentElement = getDocumentElement(offsetParent);
+  const isFixed = strategy === 'fixed';
+  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const offsets = createCoords(0);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isOffsetParentAnElement) {
+      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    } else if (documentElement) {
+      offsets.x = getWindowScrollBarX(documentElement);
+    }
+  }
+  return {
+    x: rect.left + scroll.scrollLeft - offsets.x,
+    y: rect.top + scroll.scrollTop - offsets.y,
+    width: rect.width,
+    height: rect.height
+  };
+}
+
+function getTrueOffsetParent(element, polyfill) {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {
+    return null;
+  }
+  if (polyfill) {
+    return polyfill(element);
+  }
+  return element.offsetParent;
+}
+function getContainingBlock(element) {
+  let currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isContainingBlock(currentNode)) {
+      return currentNode;
+    } else {
+      currentNode = getParentNode(currentNode);
+    }
+  }
+  return null;
+}
+
+// Gets the closest ancestor positioned element. Handles some edge cases,
+// such as table ancestors and cross browser bugs.
+function getOffsetParent(element, polyfill) {
+  const window = getWindow(element);
+  if (!isHTMLElement(element)) {
+    return window;
+  }
+  let offsetParent = getTrueOffsetParent(element, polyfill);
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {
+    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
+  }
+  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
+    return window;
+  }
+  return offsetParent || getContainingBlock(element) || window;
+}
+
+const getElementRects = async function (_ref) {
+  let {
+    reference,
+    floating,
+    strategy
+  } = _ref;
+  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
+  const getDimensionsFn = this.getDimensions;
+  return {
+    reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      ...(await getDimensionsFn(floating))
+    }
+  };
+};
+
+function isRTL(element) {
+  return getComputedStyle(element).direction === 'rtl';
+}
+
+const platform = {
+  convertOffsetParentRelativeRectToViewportRelativeRect,
+  getDocumentElement: getDocumentElement,
+  getClippingRect,
+  getOffsetParent,
+  getElementRects,
+  getClientRects,
+  getDimensions,
+  getScale,
+  isElement: floating_ui_utils_dom_isElement,
+  isRTL
+};
+
+// https://samthor.au/2021/observing-dom/
+function observeMove(element, onMove) {
+  let io = null;
+  let timeoutId;
+  const root = getDocumentElement(element);
+  function cleanup() {
+    clearTimeout(timeoutId);
+    io && io.disconnect();
+    io = null;
+  }
+  function refresh(skip, threshold) {
+    if (skip === void 0) {
+      skip = false;
+    }
+    if (threshold === void 0) {
+      threshold = 1;
+    }
+    cleanup();
+    const {
+      left,
+      top,
+      width,
+      height
+    } = element.getBoundingClientRect();
+    if (!skip) {
+      onMove();
+    }
+    if (!width || !height) {
+      return;
+    }
+    const insetTop = floor(top);
+    const insetRight = floor(root.clientWidth - (left + width));
+    const insetBottom = floor(root.clientHeight - (top + height));
+    const insetLeft = floor(left);
+    const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
+    const options = {
+      rootMargin,
+      threshold: floating_ui_utils_max(0, floating_ui_utils_min(1, threshold)) || 1
+    };
+    let isFirstUpdate = true;
+    function handleObserve(entries) {
+      const ratio = entries[0].intersectionRatio;
+      if (ratio !== threshold) {
+        if (!isFirstUpdate) {
+          return refresh();
+        }
+        if (!ratio) {
+          timeoutId = setTimeout(() => {
+            refresh(false, 1e-7);
+          }, 100);
+        } else {
+          refresh(false, ratio);
+        }
+      }
+      isFirstUpdate = false;
+    }
+
+    // Older browsers don't support a `document` as the root and will throw an
+    // error.
+    try {
+      io = new IntersectionObserver(handleObserve, {
+        ...options,
+        // Handle <iframe>s
+        root: root.ownerDocument
+      });
+    } catch (e) {
+      io = new IntersectionObserver(handleObserve, options);
+    }
+    io.observe(element);
+  }
+  refresh(true);
+  return cleanup;
+}
+
+/**
+ * Automatically updates the position of the floating element when necessary.
+ * Should only be called when the floating element is mounted on the DOM or
+ * visible on the screen.
+ * @returns cleanup function that should be invoked when the floating element is
+ * removed from the DOM or hidden from the screen.
+ * @see https://floating-ui.com/docs/autoUpdate
+ */
+function autoUpdate(reference, floating, update, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    ancestorScroll = true,
+    ancestorResize = true,
+    elementResize = typeof ResizeObserver === 'function',
+    layoutShift = typeof IntersectionObserver === 'function',
+    animationFrame = false
+  } = options;
+  const referenceEl = unwrapElement(reference);
+  const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...getOverflowAncestors(floating)] : [];
+  ancestors.forEach(ancestor => {
+    ancestorScroll && ancestor.addEventListener('scroll', update, {
+      passive: true
+    });
+    ancestorResize && ancestor.addEventListener('resize', update);
+  });
+  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
+  let reobserveFrame = -1;
+  let resizeObserver = null;
+  if (elementResize) {
+    resizeObserver = new ResizeObserver(_ref => {
+      let [firstEntry] = _ref;
+      if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
+        // Prevent update loops when using the `size` middleware.
+        // https://github.com/floating-ui/floating-ui/issues/1740
+        resizeObserver.unobserve(floating);
+        cancelAnimationFrame(reobserveFrame);
+        reobserveFrame = requestAnimationFrame(() => {
+          resizeObserver && resizeObserver.observe(floating);
+        });
+      }
+      update();
+    });
+    if (referenceEl && !animationFrame) {
+      resizeObserver.observe(referenceEl);
+    }
+    resizeObserver.observe(floating);
+  }
+  let frameId;
+  let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
+  if (animationFrame) {
+    frameLoop();
+  }
+  function frameLoop() {
+    const nextRefRect = getBoundingClientRect(reference);
+    if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+      update();
+    }
+    prevRefRect = nextRefRect;
+    frameId = requestAnimationFrame(frameLoop);
+  }
+  update();
+  return () => {
+    ancestors.forEach(ancestor => {
+      ancestorScroll && ancestor.removeEventListener('scroll', update);
+      ancestorResize && ancestor.removeEventListener('resize', update);
+    });
+    cleanupIo && cleanupIo();
+    resizeObserver && resizeObserver.disconnect();
+    resizeObserver = null;
+    if (animationFrame) {
+      cancelAnimationFrame(frameId);
+    }
+  };
+}
+
+/**
+ * Computes the `x` and `y` coordinates that will place the floating element
+ * next to a reference element when it is given a certain CSS positioning
+ * strategy.
+ */
+const floating_ui_dom_computePosition = (reference, floating, options) => {
+  // This caches the expensive `getClippingElementAncestors` function so that
+  // multiple lifecycle resets re-use the same result. It only lives for a
+  // single call. If other functions become expensive, we can add them as well.
+  const cache = new Map();
+  const mergedOptions = {
+    platform,
+    ...options
+  };
+  const platformWithCache = {
+    ...mergedOptions.platform,
+    _c: cache
+  };
+  return computePosition(reference, floating, {
+    ...mergedOptions,
+    platform: platformWithCache
+  });
+};
+
+
+
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js
+function _objectDestructuringEmpty(obj) {
+  if (obj == null) throw new TypeError("Cannot destructure " + obj);
+}
+;// CONCATENATED MODULE: ../../packages/popover/src/use-platform.tsx
+
+/*
+ * 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.
+ */
+/* harmony default export */ const use_platform = (function (fullscreenTarget) {
+  var getElementRects = function getElementRects(_ref) {
+    var reference = _ref.reference,
+      floating = _ref.floating;
+    var refRect = reference.getBoundingClientRect();
+    var floatRect = floating.getBoundingClientRect();
+    return {
+      reference: {
+        width: refRect.width,
+        height: refRect.height,
+        x: refRect.x,
+        y: refRect.y
+      },
+      floating: {
+        width: floatRect.width,
+        height: floatRect.height,
+        x: floatRect.x,
+        y: floatRect.y
+      }
+    };
+  };
+  var getDimensions = function getDimensions(element) {
+    var _element$getBoundingC = element.getBoundingClientRect(),
+      width = _element$getBoundingC.width,
+      height = _element$getBoundingC.height;
+    return {
+      width: width,
+      height: height
+    };
+  };
+  var getClippingRect = function getClippingRect(_ref2) {
+    _objectDestructuringEmpty(_ref2);
+    var _a;
+    var _ref3 = (_a = fullscreenTarget === null || fullscreenTarget === void 0 ? void 0 : fullscreenTarget.getBoundingClientRect()) !== null && _a !== void 0 ? _a : {},
+      _ref3$width = _ref3.width,
+      width = _ref3$width === void 0 ? 0 : _ref3$width,
+      _ref3$height = _ref3.height,
+      height = _ref3$height === void 0 ? 0 : _ref3$height;
+    return {
+      width: width,
+      height: height,
+      x: 0,
+      y: 0
+    };
+  };
+  return {
+    getElementRects: getElementRects,
+    getDimensions: getDimensions,
+    getClippingRect: getClippingRect
+  };
+});
+// EXTERNAL MODULE: ../../node_modules/uuid/index.js
+var uuid = __webpack_require__(8022);
+;// CONCATENATED MODULE: ../../packages/popover/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 CachedConst = {};
+var isAvailableId = function isAvailableId(query) {
+  var container = document.querySelector(query);
+  return container instanceof HTMLElement;
+};
+var getFullscreenUid = function getFullscreenUid() {
+  if (!CachedConst.fullscreenReferId) {
+    CachedConst.fullscreenReferId = "id_".concat((0,uuid.v4)());
+  }
+  return CachedConst.fullscreenReferId;
+};
+var utils_isElement = function isElement(element) {
+  return element instanceof Element || element instanceof HTMLDocument;
+};
+var contentAsHTMLElement = function contentAsHTMLElement(content) {
+  if (utils_isElement(content)) {
+    return {
+      isElement: true,
+      content: content,
+      vNode: undefined
+    };
+  }
+  if (/^(#|\.)/.test(content)) {
+    var target = document.querySelector(content);
+    var isEle = utils_isElement(target);
+    return {
+      isElement: isEle,
+      content: isEle ? target : content,
+      vNode: isEle ? undefined : content
+    };
+  }
+  return {
+    isElement: false,
+    content: content,
+    vNode: content
+  };
+};
+;// CONCATENATED MODULE: ../../packages/popover/src/use-floating.tsx
+
+
+/*
+ * 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.
+ */
+
+
+
+
+
+
+
+/**
+ * 解析popover相关配置
+ */
+/* harmony default export */ const use_floating = (function (props, ctx, _ref) {
+  var refReference = _ref.refReference,
+    refContent = _ref.refContent,
+    refArrow = _ref.refArrow,
+    refRoot = _ref.refRoot;
+  var localIsShow = (0,external_vue_namespaceObject.ref)(false);
+  var fullScreenTarget = (0,external_vue_namespaceObject.ref)();
+  var isElementFullScreen = function isElementFullScreen() {
+    var _a, _b;
+    var elReference = resolveReferElement();
+    if ((_a = document.fullscreenElement) === null || _a === void 0 ? void 0 : _a.shadowRoot) {
+      return document.fullscreenElement.shadowRoot.contains(elReference);
+    }
+    return (_b = document.fullscreenElement) === null || _b === void 0 ? void 0 : _b.contains(elReference);
+  };
+  /**
+   * 当全屏模式开启，获取指定选择器下面的全屏元素
+   * 如果是启用了webcomponent组件，则返回shadowRoot内指定的目标元素
+   * @param selector
+   * @returns
+   */
+  var getFullscreenRoot = function getFullscreenRoot(selector) {
+    if (isElementFullScreen()) {
+      if (document.fullscreenElement.shadowRoot) {
+        return document.fullscreenElement.shadowRoot.querySelector(selector);
+      }
+      return document.fullscreenElement.querySelector(selector);
+    }
+    return document.body;
+  };
+  var themeList = ['dark', 'light'];
+  /**
+   * 根据props.theme计算theme
+   * 返回systemTheme & customTheme
+   * systemTheme是指包含在 ['dark', 'light'] 内置主题
+   * customTheme是指自定义的theme，string类型
+   */
+  var compTheme = (0,external_vue_namespaceObject.computed)(function () {
+    var _a, _b;
+    var themes = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.split(/\s+/)) !== null && _b !== void 0 ? _b : [];
+    themes.sort(function (a, b) {
+      return Number(themeList.includes(b)) - Number(themeList.includes(a));
+    });
+    var systemThemes = themes;
+    var customThemes = themes.filter(function (item) {
+      return !themeList.includes(item);
+    });
+    return {
+      systemThemes: systemThemes,
+      customThemes: customThemes
+    };
+  });
+  var isHideMiddlewareAvailable = function isHideMiddlewareAvailable() {
+    return props.autoVisibility;
+  };
+  var isAutoPlacementAvailable = function isAutoPlacementAvailable() {
+    return props.autoPlacement;
+  };
+  /**
+   * 解析弹出reference元素，content元素， arrow元素
+   * @returns
+   */
+  var resolvePopElements = function resolvePopElements() {
+    var _a, _b, _c;
+    var elReference = resolveReferElement();
+    var elContent = resolveTargetElement((_a = refContent.value) === null || _a === void 0 ? void 0 : _a.$el);
+    var elArrow = props.arrow ? resolveTargetElement((_b = refArrow.value) === null || _b === void 0 ? void 0 : _b.$el) : null;
+    var root = resolveTargetElement((_c = refRoot.value) === null || _c === void 0 ? void 0 : _c.$el);
+    var _contentAsHTMLElement = contentAsHTMLElement(props.content),
+      isElement = _contentAsHTMLElement.isElement,
+      content = _contentAsHTMLElement.content;
+    if (elContent && isElement && !(elContent === null || elContent === void 0 ? void 0 : elContent.contains(content))) {
+      elContent.append(content);
+    }
+    return {
+      elReference: elReference,
+      elContent: elContent,
+      elArrow: elArrow,
+      root: root
+    };
+  };
+  var resolveReferElement = function resolveReferElement() {
+    var _a;
+    return resolveTargetElement(props.target) || resolveTargetElement((_a = refReference.value) === null || _a === void 0 ? void 0 : _a.$el);
+  };
+  var resolveModifiers = function resolveModifiers() {
+    var resolveResult = {};
+    if (Array.isArray(props.modifiers)) {
+      props.modifiers.forEach(function (m) {
+        var _a, _b, _c, _d;
+        var result;
+        if (m.name === 'offset') {
+          if (typeof ((_a = m.options) === null || _a === void 0 ? void 0 : _a.offset) === 'number') {
+            result = (_b = m.options) === null || _b === void 0 ? void 0 : _b.offset;
+          }
+          if (Array.isArray((_c = m.options) === null || _c === void 0 ? void 0 : _c.offset)) {
+            var _ref2 = (_d = m.options) === null || _d === void 0 ? void 0 : _d.offset,
+              _ref3 = _slicedToArray(_ref2, 2),
+              mainAxis = _ref3[0],
+              crossAxis = _ref3[1];
+            result = {
+              mainAxis: mainAxis,
+              crossAxis: crossAxis
+            };
+          }
+          Object.assign(resolveResult, {
+            offset: result
+          });
+        }
+      });
+    }
+    return resolveResult;
+  };
+  var resolvePopOptions = function resolvePopOptions(elArrow, props) {
+    var _a;
+    var modifiers = resolveModifiers();
+    var middleware = [offset(modifiers.offset || props.offset), shift({
+      padding: props.padding
+    })];
+    var options = {
+      placement: props.placement,
+      middleware: middleware
+    };
+    if (props.arrow) {
+      middleware.push(arrow({
+        element: elArrow
+      }));
+    }
+    if (isAutoPlacementAvailable()) {
+      middleware.push(autoPlacement());
+    } else {
+      middleware.unshift(inline());
+      middleware.push(flip());
+    }
+    if (isHideMiddlewareAvailable()) {
+      options.middleware.push(hide());
+    }
+    /**
+     * 如果是全屏元素或者指定的虚拟元素
+     * 则启用自定义的platform
+     * 在弹出的全屏元素中，元素相对位置有别于document下面元素
+     * 全屏模式下面，需要自定义当前元素的一个platform
+     */
+    if (isElementFullScreen() || props.isVirtualEl) {
+      var _usePlatform = use_platform(fullScreenTarget.value),
+        getElementRects = _usePlatform.getElementRects,
+        getDimensions = _usePlatform.getDimensions,
+        getClippingRect = _usePlatform.getClippingRect;
+      Object.assign(options, {
+        platform: Object.assign(Object.assign({}, (_a = props === null || props === void 0 ? void 0 : props.platform) !== null && _a !== void 0 ? _a : {}), {
+          getElementRects: getElementRects,
+          getDimensions: getDimensions,
+          getClippingRect: getClippingRect
+        })
+      });
+    }
+    return options;
+  };
+  var resolveTargetElement = function resolveTargetElement(target) {
+    if (target instanceof HTMLElement) {
+      return target;
+    }
+    if (target instanceof Text) {
+      return resolveTargetElement(target.nextElementSibling);
+    }
+    if (typeof (target === null || target === void 0 ? void 0 : target.getBoundingClientRect) === 'function') {
+      return target;
+    }
+    if (typeof target === 'string') {
+      var targetEl = document.querySelector(target);
+      if ((0,external_lodash_namespaceObject.isElement)(targetEl)) {
+        return targetEl;
+      }
+      return null;
+    }
+    if (target instanceof PointerEvent) {
+      return resolveTargetElement(target.target);
+    }
+    return null;
+  };
+  // 兼容多种样式处理规则
+  // class custom-theme
+  var customThemeCls = compTheme.value.customThemes.join(' ');
+  var customTheme = compTheme.value.customThemes.reduce(function (out, cur) {
+    return Object.assign(_defineProperty({}, "data-".concat(cur, "-theme"), true), out);
+  }, {});
+  var contentClass = "".concat(customThemeCls);
+  var cleanup = null;
+  var getRoundPixelVal = function getRoundPixelVal(val) {
+    var dpr = window.devicePixelRatio || 1;
+    return Math.round(val * dpr) / dpr || 0;
+  };
+  var updatePopContentStyle = function updatePopContentStyle(elContent, x, y, middlewareData) {
+    var _a;
+    if (props.disableTransform) {
+      Object.assign(elContent.style, {
+        left: "".concat(getRoundPixelVal(x), "px"),
+        top: "".concat(getRoundPixelVal(y), "px")
+      });
+    } else {
+      Object.assign(elContent.style, {
+        left: '0',
+        top: '0',
+        transform: "translate3d(".concat(getRoundPixelVal(x), "px,").concat(getRoundPixelVal(y), "px,0)")
+      });
+    }
+    var referenceHidden = isHideMiddlewareAvailable() ? (_a = middlewareData.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden : false;
+    Object.assign(elContent.style, {
+      visibility: referenceHidden ? 'hidden' : 'visible'
+    });
+  };
+  var updateArrowStyle = function updateArrowStyle(elArrow, resolvedPlacement, middlewareData) {
+    var _a;
+    if (props.arrow) {
+      var _ref4 = (_a = middlewareData.arrow) !== null && _a !== void 0 ? _a : {},
+        arrowX = _ref4.x,
+        arrowY = _ref4.y;
+      elArrow.setAttribute('data-arrow', resolvedPlacement);
+      var arrowConfig = {
+        left: '',
+        top: '',
+        bottom: '',
+        right: ''
+      };
+      Object.assign(elArrow.style, arrowConfig);
+      var arrowSide = {
+        top: 'bottom',
+        right: 'left',
+        bottom: 'top',
+        left: 'right'
+      }[resolvedPlacement];
+      Object.assign(elArrow.style, _defineProperty({
+        left: arrowX !== null ? "".concat(arrowX, "px") : '',
+        top: arrowY !== null ? "".concat(arrowY, "px") : ''
+      }, arrowSide, '-4px'));
+    }
+  };
+  var createPopInstance = function createPopInstance() {
+    var _resolvePopElements = resolvePopElements(),
+      elReference = _resolvePopElements.elReference,
+      elContent = _resolvePopElements.elContent;
+    cleanup = autoUpdate(elReference, elContent, function () {
+      if (localIsShow.value) {
+        updatePopover(null, props);
+      }
+    });
+  };
+  var updatePopover = function updatePopover() {
+    var virtualEl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var callFn = arguments.length > 2 ? arguments[2] : undefined;
+    var _resolvePopElements2 = resolvePopElements(),
+      elReference = _resolvePopElements2.elReference,
+      elContent = _resolvePopElements2.elContent,
+      elArrow = _resolvePopElements2.elArrow;
+    var targetEl = virtualEl || elReference;
+    if (!targetEl || !elContent) return;
+    var options = resolvePopOptions(elArrow, props);
+    floating_ui_dom_computePosition(targetEl, elContent, options).then(function (_ref5) {
+      var x = _ref5.x,
+        y = _ref5.y,
+        placement = _ref5.placement,
+        middlewareData = _ref5.middlewareData;
+      var oldClass = elContent.className;
+      elContent.className = "".concat(oldClass.replace(contentClass, ''), " ").concat(contentClass).replace(/\s+/gm, ' ').replace(/^\s+|\s+$/g, '');
+      Object.keys(customTheme).forEach(function (key) {
+        elContent.setAttribute(key, customTheme[key]);
+      });
+      var placementStr = placement.split('-')[0];
+      var resolvedPlacement = placementStr;
+      if (!['left', 'right', 'top', 'bottom'].includes(placementStr)) {
+        resolvedPlacement = 'top';
+      }
+      updatePopContentStyle(elContent, x, y, middlewareData);
+      updateArrowStyle(elArrow, resolvedPlacement, middlewareData);
+      if (typeof callFn === 'function') {
+        callFn();
+      }
+    });
+  };
+  var popHideTimerId = undefined;
+  var popShowTimerId = undefined;
+  var isMouseenter = false;
+  var resolvePopoverDelay = function resolvePopoverDelay() {
+    if (Array.isArray(props.popoverDelay)) {
+      return [props.popoverDelay[0], props.popoverDelay.slice(-1)[0]];
+    }
+    return [props.popoverDelay, props.popoverDelay];
+  };
+  var showPopover = function showPopover() {
+    var delay = resolvePopoverDelay()[0];
+    // 设置settimeout避免hidePopover导致显示问题
+    popShowTimerId = setTimeout(function () {
+      if (popHideTimerId) {
+        clearTimeout(popHideTimerId);
+      }
+      if (!props.disabled) {
+        localIsShow.value = true;
+      }
+    }, delay);
+  };
+  var hidePopover = function hidePopover() {
+    var delay = resolvePopoverDelay()[1];
+    popHideTimerId = setTimeout(function () {
+      popShowTimerId && clearTimeout(popShowTimerId);
+      localIsShow.value = false;
+    }, delay);
+  };
+  var handlePopoverShow = function handlePopoverShow() {
+    var _a;
+    var elContent = resolveTargetElement((_a = refContent.value) === null || _a === void 0 ? void 0 : _a.$el);
+    elContent.style.setProperty('display', 'block');
+    elContent.style.setProperty('z-index', "".concat(props.zIndex ? props.zIndex : external_shared_namespaceObject.bkZIndexManager.getPopperIndex()));
+    updatePopover();
+    ctx.emit(EMIT_EVENTS.CONTENT_AfterShow, {
+      isShow: true
+    });
+  };
+  var handlePopoverHide = function handlePopoverHide() {
+    var _a;
+    var elContent = resolveTargetElement((_a = refContent.value) === null || _a === void 0 ? void 0 : _a.$el);
+    elContent.style.setProperty('display', 'none');
+    ctx.emit(EMIT_EVENTS.CONTENT_AfterHidden, {
+      isShow: false
+    });
+  };
+  var triggerPopover = function triggerPopover() {
+    if (!localIsShow.value) {
+      showPopover();
+    } else {
+      hidePopover();
+    }
+  };
+  var handleClickRef = function handleClickRef() {
+    triggerPopover();
+  };
+  var handlePopContentMouseEnter = function handlePopContentMouseEnter(e) {
+    if (props.trigger !== 'hover') {
+      return;
+    }
+    if (popHideTimerId) {
+      isMouseenter = true;
+      clearTimeout(popHideTimerId);
+      popHideTimerId = undefined;
+    }
+    emitPopContentMouseEnter(e);
+  };
+  var handlePopContentMouseLeave = function handlePopContentMouseLeave(e) {
+    if (isMouseenter) {
+      hidePopover();
+      isMouseenter = false;
+      emitPopContentMouseLeave(e);
+    }
+  };
+  /**
+   * 弹出内容鼠标移入事件
+   * 抛出相关事件，方便后续操作
+   * 例如：鼠标移入内容区域，则取消弹出内容隐藏操作
+   */
+  var emitPopContentMouseEnter = function emitPopContentMouseEnter(e) {
+    ctx.emit(EMIT_EVENTS.CONTENT_MOUSEENTER, e);
+  };
+  /**
+   * 弹出内容鼠标移出事件
+   */
+  var emitPopContentMouseLeave = function emitPopContentMouseLeave(e) {
+    ctx.emit(EMIT_EVENTS.CONTENT_MOUSELEAVE, e);
+  };
+  var resolveTriggerEvents = function resolveTriggerEvents() {
+    var _a;
+    var triggerEvents = {
+      hover: {
+        content: [['mouseenter', handlePopContentMouseEnter], ['mouseleave', handlePopContentMouseLeave]],
+        reference: [['mouseenter', showPopover], ['mouseleave', hidePopover], ['focus', showPopover], ['blur', hidePopover]]
+      },
+      click: [['click', handleClickRef]],
+      manual: {
+        content: [['mouseenter', emitPopContentMouseEnter], ['mouseleave', emitPopContentMouseLeave]],
+        reference: [[]]
+      }
+    };
+    return (_a = triggerEvents[props.trigger]) !== null && _a !== void 0 ? _a : [];
+  };
+  var updateFullscreenTarget = function updateFullscreenTarget(val) {
+    fullScreenTarget.value = val;
+  };
+  (0,external_vue_namespaceObject.watch)(function () {
+    return props.isShow;
+  }, function (val) {
+    localIsShow.value = val;
+  });
+  (0,external_vue_namespaceObject.watch)(localIsShow, function (val) {
+    if (val) {
+      handlePopoverShow();
+    } else {
+      handlePopoverHide();
+    }
+  });
+  var stopHide = function stopHide() {
+    if (popHideTimerId) {
+      isMouseenter = true;
+      clearTimeout(popHideTimerId);
+      popHideTimerId = undefined;
+    }
+  };
+  return {
+    showPopover: showPopover,
+    hidePopover: hidePopover,
+    resolveTriggerEvents: resolveTriggerEvents,
+    updatePopover: updatePopover,
+    triggerPopover: triggerPopover,
+    resolvePopElements: resolvePopElements,
+    isElementFullScreen: isElementFullScreen,
+    resolveTargetElement: resolveTargetElement,
+    createPopInstance: createPopInstance,
+    updateFullscreenTarget: updateFullscreenTarget,
+    getFullscreenRoot: getFullscreenRoot,
+    stopHide: stopHide,
+    localIsShow: localIsShow,
+    cleanup: cleanup
+  };
+});
+;// CONCATENATED MODULE: ../../packages/popover/src/use-popper-id.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 popContainerId = null;
+var parentNodeReferId = null;
+/* harmony default export */ const use_popper_id = (function (props) {
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '#';
+  var getPrefixId = function getPrefixId(root) {
+    var resolvedBoundary = null;
+    var resolveBoundary = function resolveBoundary(fn) {
+      if (resolvedBoundary === null) {
+        fn();
+      }
+    };
+    var resolveParentBoundary = function resolveParentBoundary() {
+      if (/^parent$/i.test(props.boundary)) {
+        resolvedBoundary = "".concat(prefix).concat(popContainerId);
+        var _ref = root || {},
+          parentNode = _ref.parentNode;
+        if (parentNode === null || parentNode === void 0 ? void 0 : parentNode.parentNode) {
+          parentNode.parentNode.setAttribute('data-pnode-id', parentNodeReferId);
+          resolvedBoundary = "[data-pnode-id=".concat(parentNodeReferId, "]");
+        }
+      }
+    };
+    var resolveCommonBoundary = function resolveCommonBoundary() {
+      if (!/^body$/i.test(props.boundary)) {
+        if (typeof props.boundary === 'string') {
+          if (!isAvailableId(props.boundary)) {
+            // console.error('props.boundary is not available selector');
+            resolvedBoundary = 'body';
+            return;
+          }
+          resolvedBoundary = props.boundary;
+          return;
+        }
+        if (utils_isElement(props.boundary)) {
+          resolvedBoundary = props.boundary;
+          return;
+        }
+      }
+    };
+    resolveBoundary(resolveParentBoundary);
+    resolveBoundary(resolveCommonBoundary);
+    resolveBoundary(function () {
+      resolvedBoundary = typeof props.boundary === 'string' ? props.boundary : "".concat(prefix).concat(popContainerId);
+    });
+    return resolvedBoundary;
+  };
+  if (popContainerId === null || !isAvailableId("#".concat(popContainerId))) {
+    popContainerId = "id_".concat((0,uuid.v4)());
+    var popContainer = document.createElement('div');
+    popContainer.setAttribute('id', popContainerId);
+    popContainer.setAttribute('data-popper-id', popContainerId);
+    document.body.append(popContainer);
+  }
+  if (parentNodeReferId === null) {
+    parentNodeReferId = "id_".concat((0,uuid.v4)());
+  }
+  return {
+    popContainerId: popContainerId,
+    prefixId: getPrefixId(),
+    getPrefixId: getPrefixId
+  };
+});
+;// CONCATENATED MODULE: ../../packages/popover/src/use-popover-init.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.
+ */
+
+
+
+
+
+/* harmony default export */ const use_popover_init = (function (props, ctx, _ref) {
+  var refReference = _ref.refReference,
+    refContent = _ref.refContent,
+    refArrow = _ref.refArrow,
+    refRoot = _ref.refRoot;
+  var storeEvents = null;
+  var isFullscreen = (0,external_vue_namespaceObject.ref)(false);
+  var fullscreenReferId = getFullscreenUid();
+  var fullScreenTarget = (0,external_vue_namespaceObject.ref)();
+  var _useFloating = use_floating(props, ctx, {
+      refReference: refReference,
+      refContent: refContent,
+      refArrow: refArrow,
+      refRoot: refRoot
+    }),
+    localIsShow = _useFloating.localIsShow,
+    showPopover = _useFloating.showPopover,
+    hidePopover = _useFloating.hidePopover,
+    updatePopover = _useFloating.updatePopover,
+    cleanup = _useFloating.cleanup,
+    resolveTriggerEvents = _useFloating.resolveTriggerEvents,
+    resolvePopElements = _useFloating.resolvePopElements,
+    isElementFullScreen = _useFloating.isElementFullScreen,
+    updateFullscreenTarget = _useFloating.updateFullscreenTarget,
+    createPopInstance = _useFloating.createPopInstance,
+    getFullscreenRoot = _useFloating.getFullscreenRoot,
+    stopHide = _useFloating.stopHide;
+  var resetPopover = function resetPopover() {
+    cleanup === null || cleanup === void 0 ? void 0 : cleanup();
+    createPopInstance();
+  };
+  var showFn = function showFn() {
+    showPopover();
+  };
+  var hideFn = function hideFn() {
+    hidePopover();
+  };
+  var initPopInstance = function initPopInstance() {
+    createPopInstance();
+    if (props.always) {
+      showPopover();
+    } else {
+      addEventToPopTargetEl();
+    }
+  };
+  var addEventToPopTargetEl = function addEventToPopTargetEl() {
+    var _resolvePopElements = resolvePopElements(),
+      elReference = _resolvePopElements.elReference,
+      elContent = _resolvePopElements.elContent;
+    storeEvents = resolveTriggerEvents();
+    if (Array.isArray(storeEvents)) {
+      addEventToTargetEl(elReference, storeEvents);
+    } else {
+      var _storeEvents = storeEvents,
+        content = _storeEvents.content,
+        reference = _storeEvents.reference;
+      addEventToTargetEl(elReference, reference);
+      addEventToTargetEl(elContent, content);
+    }
+  };
+  var addEventToTargetEl = function addEventToTargetEl(target, evets) {
+    evets.forEach(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        event = _ref3[0],
+        listener = _ref3[1];
+      if (event && typeof listener === 'function') {
+        target.addEventListener(event, listener);
+      }
+    });
+  };
+  var removeEventListener = function removeEventListener() {
+    if (storeEvents === null || storeEvents === void 0 ? void 0 : storeEvents.length) {
+      var _resolvePopElements2 = resolvePopElements(),
+        elReference = _resolvePopElements2.elReference;
+      if (elReference) {
+        storeEvents.forEach(function (_ref4) {
+          var _ref5 = _slicedToArray(_ref4, 2),
+            event = _ref5[0],
+            listener = _ref5[1];
+          if (event && typeof listener === 'function') {
+            elReference.removeEventListener(event, listener);
+          }
+        });
+      }
+      storeEvents = null;
+    }
+  };
+  var updateBoundary = function updateBoundary() {
+    var _resolvePopElements3 = resolvePopElements(),
+      elReference = _resolvePopElements3.elReference,
+      root = _resolvePopElements3.root;
+    if (isFullscreen.value) {
+      boundary.value = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value;
+      return;
+    }
+    boundary.value = getPrefixId(root || elReference);
+  };
+  var _usePopperId = use_popper_id(props, '#'),
+    getPrefixId = _usePopperId.getPrefixId;
+  var setFullscreenTag = function setFullscreenTag() {
+    var _a;
+    (_a = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) === null || _a === void 0 ? void 0 : _a.setAttribute('data-fllsrn-id', fullscreenReferId);
+  };
+  var clearFullscreenTag = function clearFullscreenTag() {
+    var _a, _b;
+    var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
+    ((_b = (_a = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) === null || _a === void 0 ? void 0 : _a.querySelectorAll(query)) !== null && _b !== void 0 ? _b : []).forEach(function (element) {
+      element === null || element === void 0 ? void 0 : element.removeAttribute('data-fllsrn-id');
+    });
+  };
+  var boundary = (0,external_vue_namespaceObject.ref)();
+  var beforeInstanceUnmount = function beforeInstanceUnmount() {
+    removeEventListener();
+  };
+  var updateFullscreen = function updateFullscreen(target) {
+    fullScreenTarget.value = target;
+    updateFullscreenTarget(target);
+    isFullscreen.value = isElementFullScreen();
+    setFullscreenTag();
+  };
+  var handleFullscreenChange = function handleFullscreenChange(e) {
+    if (!document.fullscreenElement) {
+      clearFullscreenTag();
+    }
+    updateFullscreen(e.target);
+    updateBoundary();
+    updatePopover(null, props);
+  };
+  var onMountedFn = function onMountedFn() {
+    if (props.disabled) {
+      return;
+    }
+    initPopInstance();
+    if (isElementFullScreen()) {
+      var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
+      var target = getFullscreenRoot(query);
+      updateFullscreen(target);
+    }
+    updateBoundary();
+    document.body.addEventListener('fullscreenchange', handleFullscreenChange);
+  };
+  var onUnmountedFn = function onUnmountedFn() {
+    beforeInstanceUnmount();
+    document.body.removeEventListener('fullscreenchange', handleFullscreenChange);
+  };
+  var handleClickOutside = function handleClickOutside(_e) {
+    ctx.emit(EMIT_EVENTS.CLICK_OUTSIDE, {
+      isShow: localIsShow.value,
+      event: _e
+    });
+    var needExec = props.disableOutsideClick || props.always || props.disabled || props.trigger === 'manual';
+    if (!props.forceClickoutside && needExec) {
+      return;
+    }
+    if (localIsShow.value) {
+      hideFn();
+    }
+  };
+  return {
+    onMountedFn: onMountedFn,
+    onUnmountedFn: onUnmountedFn,
+    handleClickOutside: handleClickOutside,
+    beforeInstanceUnmount: beforeInstanceUnmount,
+    updateBoundary: updateBoundary,
+    initPopInstance: initPopInstance,
+    updatePopover: updatePopover,
+    resetPopover: resetPopover,
+    showPopover: showPopover,
+    hidePopover: hidePopover,
+    showFn: showFn,
+    hideFn: hideFn,
+    stopHide: stopHide,
+    isFullscreen: isFullscreen,
+    boundary: boundary,
+    localIsShow: localIsShow
+  };
+});
+;// CONCATENATED MODULE: ../../packages/popover/src/popover.tsx
+
+/*
+ * 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.
+ */
+
+
+
+
+
+
+
+
+
+
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
+}
+/* harmony default export */ const popover = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'Popover',
+  components: {
+    // eslint-disable-next-line vue/no-reserved-component-names
+    Content: content,
+    Arrow: src_arrow,
+    Root: root
+  },
+  directives: {
+    clickoutside: clickoutside
+  },
+  props: PopoverProps,
+  emits: EMIT_EVENT_TYPES,
+  setup: function setup(props, ctx) {
+    var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
+      reference = _toRefs.reference;
+    var refDefaultReference = (0,external_vue_namespaceObject.ref)();
+    var refContent = (0,external_vue_namespaceObject.ref)();
+    var refArrow = (0,external_vue_namespaceObject.ref)();
+    var refRoot = (0,external_vue_namespaceObject.ref)();
+    var refReference = (0,external_vue_namespaceObject.computed)(function () {
+      return reference.value || refDefaultReference.value;
+    });
+    var _usePopoverInit = use_popover_init(props, ctx, {
+        refReference: refReference,
+        refContent: refContent,
+        refArrow: refArrow,
+        refRoot: refRoot
+      }),
+      onMountedFn = _usePopoverInit.onMountedFn,
+      onUnmountedFn = _usePopoverInit.onUnmountedFn,
+      handleClickOutside = _usePopoverInit.handleClickOutside,
+      beforeInstanceUnmount = _usePopoverInit.beforeInstanceUnmount,
+      updateBoundary = _usePopoverInit.updateBoundary,
+      initPopInstance = _usePopoverInit.initPopInstance,
+      showFn = _usePopoverInit.showFn,
+      hideFn = _usePopoverInit.hideFn,
+      showPopover = _usePopoverInit.showPopover,
+      hidePopover = _usePopoverInit.hidePopover,
+      updatePopover = _usePopoverInit.updatePopover,
+      resetPopover = _usePopoverInit.resetPopover,
+      stopHide = _usePopoverInit.stopHide,
+      localIsShow = _usePopoverInit.localIsShow,
+      boundary = _usePopoverInit.boundary;
+    if (!props.always && !props.disabled) {
+      (0,external_vue_namespaceObject.watch)(function () {
+        return props.isShow;
+      }, function () {
+        props.isShow ? showPopover() : hidePopover();
+      }, {
+        immediate: true
+      });
+    }
+    (0,external_vue_namespaceObject.watch)(function () {
+      return [props.disabled];
+    }, function (val) {
+      if (val[0]) {
+        beforeInstanceUnmount();
+      } else {
+        initPopInstance();
+      }
+    });
+    updateBoundary();
+    (0,external_vue_namespaceObject.onMounted)(onMountedFn);
+    (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
+    var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
+      return !props.disableTeleport;
+    });
+    var show = function show() {
+      showFn();
+    };
+    var hide = function hide() {
+      hideFn();
+    };
+    var contentIsShow = (0,external_vue_namespaceObject.computed)(function () {
+      if (props.renderType === external_shared_namespaceObject.RenderType.AUTO) {
+        return true;
+      }
+      return localIsShow.value;
+    });
+    var renderContent = function renderContent() {
+      if (props.allowHtml) {
+        var _contentAsHTMLElement = contentAsHTMLElement(props.content),
+          vNode = _contentAsHTMLElement.vNode;
+        return vNode;
+      }
+      return props.content;
+    };
+    return {
+      boundary: boundary,
+      arrow: props.arrow,
+      refDefaultReference: refDefaultReference,
+      refContent: refContent,
+      refArrow: refArrow,
+      content: props.content,
+      theme: props.theme,
+      transBoundary: transBoundary,
+      handleClickOutside: handleClickOutside,
+      updatePopover: updatePopover,
+      resetPopover: resetPopover,
+      hide: hide,
+      show: show,
+      stopHide: stopHide,
+      contentIsShow: contentIsShow,
+      renderContent: renderContent,
+      localIsShow: localIsShow
+    };
+  },
+  render: function render() {
+    var _this = this;
+    var _slot;
+    var _a, _b, _c, _d, _e, _f;
+    var renderReferSlot = function renderReferSlot(slot) {
+      var _a;
+      if (external_vue_namespaceObject.Text === ((_a = slot === null || slot === void 0 ? void 0 : slot[0]) === null || _a === void 0 ? void 0 : _a.type)) {
+        return (0,external_vue_namespaceObject.createVNode)("span", null, [slot]);
+      }
+      return slot;
+    };
+    return (0,external_vue_namespaceObject.createVNode)(root, {
+      "ref": "refRoot"
+    }, {
+      "default": function _default() {
+        return [(0,external_vue_namespaceObject.createVNode)(reference, {
+          "ref": "refDefaultReference"
+        }, _isSlot(_slot = renderReferSlot((_c = (_b = (_a = _this.$slots)["default"]) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : (0,external_vue_namespaceObject.createVNode)("span", null, null))) ? _slot : {
+          "default": function _default() {
+            return [_slot];
+          }
+        }), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
+          "to": _this.boundary,
+          "disabled": !_this.transBoundary
+        }, {
+          "default": function _default() {
+            return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)(content, {
+              "ref": "refContent",
+              "visible": _this.localIsShow,
+              "data-theme": _this.theme,
+              "extCls": _this.extCls,
+              "width": _this.width,
+              "height": _this.height,
+              "maxWidth": _this.maxWidth,
+              "maxHeight": _this.maxHeight,
+              "eventDelay": _this.componentEventDelay
+            }, {
+              "default": function _default() {
+                return [_this.contentIsShow ? (_f = (_e = (_d = _this.$slots).content) === null || _e === void 0 ? void 0 : _e.call(_d)) !== null && _f !== void 0 ? _f : _this.renderContent() : ''];
+              },
+              arrow: function arrow() {
+                var _a, _b;
+                return _this.arrow ? (0,external_vue_namespaceObject.createVNode)(src_arrow, {
+                  "ref": "refArrow"
+                }, {
+                  "default": function _default() {
+                    return [(_b = (_a = _this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a)];
+                  }
+                }) : '';
+              }
+            }), [[(0,external_vue_namespaceObject.resolveDirective)("clickoutside"), _this.handleClickOutside]])];
+          }
+        })];
+      }
+    });
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/popover/src/plugin-popover.tsx
+
+
+/*
+ * 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.
+ */
+
+
+
+
+function createPopoverComponent(options) {
+  var $PopoverInstance = null;
+  var $PopoverInstanceVm = null;
+  var $PopoverInstanceEl = null;
+  var resolvedOptions = Object.assign(Object.assign({
+    boundary: 'body',
+    placement: 'top',
+    autoVisibility: true,
+    isShow: false,
+    trigger: 'manual'
+  }, options), {
+    allowHtml: true
+  });
+  var popoverComponent = {
+    name: '$popover',
+    setup: function setup(_, _ref) {
+      var expose = _ref.expose;
+      var formatOptions = function formatOptions() {
+        return Object.keys(PopoverProps).reduce(function (result, key) {
+          if (Object.prototype.hasOwnProperty.call(resolvedOptions, key)) {
+            Object.assign(result, _defineProperty({}, key, resolvedOptions[key]));
+          }
+          return result;
+        }, {
+          target: resolvedOptions.target
+        });
+      };
+      var refProps = (0,external_vue_namespaceObject.reactive)(formatOptions());
+      var refReference = (0,external_vue_namespaceObject.ref)();
+      var show = function show() {
+        var _a, _b;
+        (_b = (_a = refReference.value) === null || _a === void 0 ? void 0 : _a.show) === null || _b === void 0 ? void 0 : _b.call(_a);
+      };
+      var hide = function hide() {
+        var _a, _b;
+        (_b = (_a = refReference.value) === null || _a === void 0 ? void 0 : _a.hide) === null || _b === void 0 ? void 0 : _b.call(_a);
+      };
+      var stopHide = function stopHide() {
+        var _a, _b;
+        (_b = (_a = refReference.value) === null || _a === void 0 ? void 0 : _a.stopHide) === null || _b === void 0 ? void 0 : _b.call(_a);
+      };
+      var updateTarget = function updateTarget(target) {
+        var _a, _b;
+        refProps.target = target;
+        (_b = (_a = refReference.value) === null || _a === void 0 ? void 0 : _a.resetPopover) === null || _b === void 0 ? void 0 : _b.call(_a);
+      };
+      var handleContentMouseenter = function handleContentMouseenter() {
+        var _a;
+        (_a = resolvedOptions.onContentMouseenter) === null || _a === void 0 ? void 0 : _a.call(resolvedOptions);
+      };
+      var handleContentMouseleave = function handleContentMouseleave() {
+        var _a;
+        (_a = resolvedOptions.onContentMouseleave) === null || _a === void 0 ? void 0 : _a.call(resolvedOptions);
+      };
+      expose({
+        show: show,
+        hide: hide,
+        updateTarget: updateTarget,
+        stopHide: stopHide
+      });
+      return function () {
+        return (0,external_vue_namespaceObject.createVNode)(popover, (0,external_vue_namespaceObject.mergeProps)(refProps, {
+          "ref": refReference,
+          "onContentMouseenter": handleContentMouseenter,
+          "onContentMouseleave": handleContentMouseleave
+        }), null);
+      };
+    }
+  };
+  function getBoundaryDom(boundary) {
+    if (/^body$/i.test(boundary)) {
+      return document.body;
+    }
+    if (/^parent$/i.test(boundary)) {
+      if (utils_isElement(resolvedOptions.target)) {
+        return resolvedOptions.target.parentNode;
+      }
+      return resolvedOptions.target.target.parentNode;
+    }
+    if (typeof boundary === 'string' && isAvailableId(boundary)) {
+      return document.querySelector(boundary);
+    }
+    return document.body;
+  }
+  if ($PopoverInstance === null) {
+    $PopoverInstanceEl = document.createElement('div');
+    getBoundaryDom(resolvedOptions.boundary).append($PopoverInstanceEl);
+    $PopoverInstance = (0,external_vue_namespaceObject.createApp)(popoverComponent);
+    $PopoverInstanceVm = $PopoverInstance.mount($PopoverInstanceEl);
+  }
+  function close() {
+    if ($PopoverInstance) {
+      $PopoverInstance.unmount();
+      $PopoverInstanceVm = null;
+      $PopoverInstance = null;
+      $PopoverInstanceEl.remove();
+    }
+  }
+  function show() {
+    $PopoverInstanceVm === null || $PopoverInstanceVm === void 0 ? void 0 : $PopoverInstanceVm.show();
+  }
+  function update(e) {
+    $PopoverInstanceVm === null || $PopoverInstanceVm === void 0 ? void 0 : $PopoverInstanceVm.updateTarget(e);
+  }
+  function hide() {
+    $PopoverInstanceVm === null || $PopoverInstanceVm === void 0 ? void 0 : $PopoverInstanceVm.hide();
+  }
+  return {
+    close: close,
+    show: show,
+    hide: hide,
+    update: update,
+    get vm() {
+      return $PopoverInstanceVm;
+    },
+    get $el() {
+      return $PopoverInstanceVm.$el;
+    }
+  };
+}
+;// CONCATENATED MODULE: ../../packages/popover/src/index.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 = (0,external_shared_namespaceObject.withInstall)(popover);
+/* harmony default export */ const src = (BkPopover);
+
+
+})();
+
+var __webpack_exports__$bkPopover = __webpack_exports__.kB;
+var __webpack_exports__PopoverProps = __webpack_exports__.uE;
+var __webpack_exports__default = __webpack_exports__.ZP;
+export { __webpack_exports__$bkPopover as $bkPopover, __webpack_exports__PopoverProps as PopoverProps, __webpack_exports__default as default };