bkui-vue 2.0.1-beta.110 → 2.0.1-beta.112

package/lib/plugin-popover/index.js

@@ -1,10 +1,5 @@
 import "../styles/reset.css";
-import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_isElement_e6b2a6ce__ from "lodash/isElement";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_random_1771bfd1__ from "lodash/random";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -34,3899 +29,10 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ src)
 });
 
-;// 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: external "vue"
+;// CONCATENATED MODULE: external "../popover"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const external_vue_namespaceObject = x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["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, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
-;// CONCATENATED MODULE: external "../shared"
-var shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var shared_y = x => () => x
-const shared_namespaceObject = shared_x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PlacementEnum, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.RenderType, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["placementType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.placementType, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderDirectiveType, ["renderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderType, ["triggerType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.triggerType });
-;// CONCATENATED MODULE: ../../packages/directives/src/clickoutside.ts
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-/*
- * 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 config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var config_provider_y = x => () => x
-const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.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 = (defineComponent({
-  name: 'PopArrow',
-  render: function render() {
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    var arrowClassName = resolveClassName('pop2-arrow');
-    return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": arrowClassName
-    }, null);
-  }
-}));
-;// 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.
- */
-var EMIT_EVENTS;
-(function (EMIT_EVENTS) {
-  EMIT_EVENTS["CLICK_OUTSIDE"] = "clickoutside";
-  EMIT_EVENTS["CONTENT_AfterHidden"] = "afterHidden";
-  EMIT_EVENTS["CONTENT_AfterShow"] = "afterShow";
-  EMIT_EVENTS["CONTENT_MOUSEENTER"] = "contentMouseenter";
-  EMIT_EVENTS["CONTENT_MOUSELEAVE"] = "contentMouseleave";
-})(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 = (defineComponent({
-  name: 'PopContent',
-  props: {
-    width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-    height: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-    maxHeight: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-    maxWidth: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-    extCls: shared_namespaceObject.PropTypes.string.def(''),
-    visible: shared_namespaceObject.PropTypes.bool.def(false),
-    eventDelay: shared_namespaceObject.PropTypes.number.def(0)
-  },
-  emits: ['click'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var resolveValToPix = function resolveValToPix(val) {
-      if (/^\d+\.?\d*$/.test("".concat(val))) {
-        return "".concat(val, "px");
-      }
-      return val;
-    };
-    var style = computed(function () {
-      return {
-        width: resolveValToPix(props.width),
-        height: resolveValToPix(props.height),
-        maxHeight: resolveValToPix(props.maxHeight),
-        maxWidth: resolveValToPix(props.maxWidth)
-      };
-    });
-    var refContent = ref(null);
-    var refTimer = ref(null);
-    var handleClick = function handleClick(evt) {
-      evt.stopPropagation();
-      emit('click', evt);
-    };
-    var resetPointerEvent = function resetPointerEvent() {
-      var _props$eventDelay;
-      if (props.eventDelay === 0) {
-        return;
-      }
-      refTimer.value && clearTimeout(refTimer.value);
-      refTimer.value = setTimeout(function () {
-        setContentPointerEvent('unset');
-      }, (_props$eventDelay = props.eventDelay) !== null && _props$eventDelay !== void 0 ? _props$eventDelay : 300);
-    };
-    var setContentPointerEvent = function setContentPointerEvent(val) {
-      var _refContent$value;
-      if (props.eventDelay === 0) {
-        return;
-      }
-      (_refContent$value = refContent.value) === null || _refContent$value === void 0 ? void 0 : _refContent$value.style.setProperty('pointer-events', val);
-    };
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    var contentClassName = computed(function () {
-      return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
-    });
-    return {
-      style: style,
-      refContent: refContent,
-      contentClassName: contentClassName,
-      handleClick: handleClick,
-      resetPointerEvent: resetPointerEvent,
-      setContentPointerEvent: setContentPointerEvent
-    };
-  },
-  render: function render() {
-    var _this = this,
-      _this$$slots$default,
-      _this$$slots,
-      _this$$slots$arrow,
-      _this$$slots$arrow2,
-      _this$$slots2,
-      _this$$slots$default2,
-      _this$$slots$default3,
-      _this$$slots3;
-    var resolveContentStyle = function resolveContentStyle(slot) {
-      var _slot$;
-      if (Fragment === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
-        nextTick(function () {
-          _this.setContentPointerEvent('none');
-          _this.resetPointerEvent();
-        });
-      }
-      return _this.style;
-    };
-    var style = resolveContentStyle((_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots));
-    return (0,external_vue_namespaceObject.createVNode)("div", {
-      "ref": "refContent",
-      "style": style,
-      "class": this.contentClassName,
-      "onClick": this.handleClick
-    }, [(_this$$slots$arrow = (_this$$slots$arrow2 = (_this$$slots2 = this.$slots).arrow) === null || _this$$slots$arrow2 === void 0 ? void 0 : _this$$slots$arrow2.call(_this$$slots2)) !== null && _this$$slots$arrow !== void 0 ? _this$$slots$arrow : '', (_this$$slots$default2 = (_this$$slots$default3 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default3 === void 0 ? void 0 : _this$$slots$default3.call(_this$$slots3)) !== null && _this$$slots$default2 !== void 0 ? _this$$slots$default2 : '']);
-  }
-}));
-;// 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: shared_namespaceObject.PropTypes.bool.def(false),
-  always: shared_namespaceObject.PropTypes.bool.def(false),
-  disabled: shared_namespaceObject.PropTypes.bool.def(false),
-  clickContentAutoHide: shared_namespaceObject.PropTypes.bool.def(false),
-  width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-  height: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-  maxWidth: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-  maxHeight: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
-  content: (0,external_vue_types_namespaceObject.toType)('IContent', {}).def(''),
-  renderDirective: (0,shared_namespaceObject.renderDirectiveType)().def('if'),
-  target: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.instanceOf(HTMLElement), shared_namespaceObject.PropTypes.instanceOf(PointerEvent)]),
-  allowHtml: shared_namespaceObject.PropTypes.bool.def(false),
-  /**
-   * 组件显示位置
-   */
-  // placement: placementType().def(PlacementEnum.TOP),
-  placement: (0,shared_namespaceObject.placementType)().def(shared_namespaceObject.PlacementEnum.TOP_START),
-  // 'dark', 'light'
-  theme: shared_namespaceObject.PropTypes.string.def('dark'),
-  /**
-   * 触发方式
-   * 支持 click hover manual
-   * manual： 通过isShow控制显示、隐藏
-   */
-  trigger: (0,shared_namespaceObject.triggerType)(),
-  /**
-   * content 渲染方式
-   */
-  renderType: (0,shared_namespaceObject.renderType)(),
-  // 是否显示箭头
-  arrow: shared_namespaceObject.PropTypes.bool.def(true),
-  padding: shared_namespaceObject.PropTypes.number.def(5),
-  offset: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.shape({
-    mainAxis: shared_namespaceObject.PropTypes.number,
-    crossAxis: shared_namespaceObject.PropTypes.number,
-    alignmentAxis: shared_namespaceObject.PropTypes.number
-  })]).def(6),
-  /**
-   * 弹出内容绑定元素
-   */
-  boundary: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string.def('parent'), shared_namespaceObject.PropTypes.instanceOf(HTMLElement)]),
-  zIndex: shared_namespaceObject.PropTypes.number.def(undefined),
-  disableTeleport: shared_namespaceObject.PropTypes.bool.def(false),
-  /**
-   *  chooses the placement that has the most space available automatically
-   */
-  autoPlacement: shared_namespaceObject.PropTypes.bool.def(false),
-  /**
-   * 当有滚动条，滚动出可是范围时自动隐藏pop
-   */
-  autoVisibility: shared_namespaceObject.PropTypes.bool.def(true),
-  /**
-   * 是否禁用clickoutside
-   */
-  disableOutsideClick: shared_namespaceObject.PropTypes.bool.def(false),
-  /**
-   * 是否禁用样式的transform更新位移
-   */
-  disableTransform: shared_namespaceObject.PropTypes.bool.def(false),
-  /**
-   * 自定义 reference
-   */
-  reference: shared_namespaceObject.PropTypes.any,
-  /**
-   * 兼容v1版本遗留配置
-   * 不建议使用
-   */
-  modifiers: shared_namespaceObject.PropTypes.array.def([]),
-  /**
-   * popover显示和隐藏的延时时间
-   */
-  popoverDelay: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.number)]).def(100),
-  /**
-   * 配置自定义样式类名，传入的类会被加在组件最外层的 DOM
-   */
-  extCls: shared_namespaceObject.PropTypes.string.def(''),
-  /**
-   * 配置自定义样式类名，传入的类会被加在 Reference 外部的 div 上
-   */
-  referenceCls: shared_namespaceObject.PropTypes.string.def(''),
-  /**
-   * 点击 Reference 占位区是否忽略收起 popover
-   */
-  hideIgnoreReference: shared_namespaceObject.PropTypes.bool.def(false),
-  /**
-   * 自定义Content组件渲染，point-event延迟渲染时间
-   * 避免子组件point-event渲染时触发popover鼠标事件
-   * 如果设置为0，则不启用此设置
-   */
-  componentEventDelay: shared_namespaceObject.PropTypes.number.def(0),
-  /**
-   * 或略其他判定条件，强制监听clickoutside & 执行hide
-   */
-  forceClickoutside: 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 _this$$slots$default, _this$$slots$default2, _this$$slots;
-    return (_this$$slots$default = (_this$$slots$default2 = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : '';
-  }
-}));
-;// 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 = (defineComponent({
-  props: {
-    "class": shared_namespaceObject.PropTypes.string.def(''),
-    mode: shared_namespaceObject.PropTypes.string.def('')
-  },
-  render: function render() {
-    var _this$$slots$default, _this$$slots;
-    return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)]);
-  }
-}));
-;// 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: ../../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: external "lodash/isElement"
-var isElement_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var isElement_y = x => () => x
-const isElement_namespaceObject = isElement_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_isElement_e6b2a6ce__["default"] });
-;// CONCATENATED MODULE: external "lodash/random"
-var random_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var random_y = x => () => x
-const random_namespaceObject = random_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_random_1771bfd1__["default"] });
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-/* harmony default export */ const esm_browser_native = ({
-  randomUUID
-});
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/rng.js
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/stringify.js
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-const byteToHex = [];
-
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
-function stringify(arr, offset = 0) {
-  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one
-  // of the following:
-  // - One or more input array values don't map to a hex octet (leading to
-  // "undefined" in the uuid)
-  // - Invalid input values for the RFC `version` or `variant` fields
-
-  if (!validate(uuid)) {
-    throw TypeError('Stringified UUID is invalid');
-  }
-
-  return uuid;
-}
-
-/* harmony default export */ const esm_browser_stringify = ((/* unused pure expression or super */ null && (stringify)));
-;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/v4.js
-
-
-
-
-function v4(options, buf, offset) {
-  if (esm_browser_native.randomUUID && !buf && !options) {
-    return esm_browser_native.randomUUID();
-  }
-
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  if (buf) {
-    offset = offset || 0;
-
-    for (let i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-
-    return buf;
-  }
-
-  return unsafeStringify(rnds);
-}
-
-/* harmony default export */ const esm_browser_v4 = (v4);
-;// CONCATENATED MODULE: ../../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 ReferenceClickSharedState = {};
-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(esm_browser_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
-  };
-};
-var random = function random() {
-  return "".concat((0,random_namespaceObject["default"])(0, 999999), "_").concat(Date.now(), "_").concat((0,random_namespaceObject["default"])(0, 999999));
-};
-;// CONCATENATED MODULE: ../../packages/popover/src/use-floating.tsx
-
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/*
- * 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.
- */
-
-
-
-
-
-// import usePlatform from './use-platform';
-
-/**
- * 解析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 _document$fullscreenE, _document$fullscreenE2;
-    var elReference = resolveReferElement();
-    if ((_document$fullscreenE = document.fullscreenElement) !== null && _document$fullscreenE !== void 0 && _document$fullscreenE.shadowRoot) {
-      return document.fullscreenElement.shadowRoot.contains(elReference);
-    }
-    return (_document$fullscreenE2 = document.fullscreenElement) === null || _document$fullscreenE2 === void 0 ? void 0 : _document$fullscreenE2.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 _props$theme$split, _props$theme;
-    var themes = (_props$theme$split = (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.split(/\s+/)) !== null && _props$theme$split !== void 0 ? _props$theme$split : [];
-    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 _refContent$value, _refArrow$value, _refRoot$value;
-    var elReference = resolveReferElement();
-    var elContent = resolveTargetElement((_refContent$value = refContent.value) === null || _refContent$value === void 0 ? void 0 : _refContent$value.$el);
-    var elArrow = props.arrow ? resolveTargetElement((_refArrow$value = refArrow.value) === null || _refArrow$value === void 0 ? void 0 : _refArrow$value.$el) : null;
-    var root = resolveTargetElement((_refRoot$value = refRoot.value) === null || _refRoot$value === void 0 ? void 0 : _refRoot$value.$el);
-    var _contentAsHTMLElement = contentAsHTMLElement(props.content),
-      isElement = _contentAsHTMLElement.isElement,
-      content = _contentAsHTMLElement.content;
-    if (elContent && isElement && !(elContent !== null && elContent !== void 0 && elContent.contains(content))) {
-      elContent.append(content);
-    }
-    return {
-      elReference: elReference,
-      elContent: elContent,
-      elArrow: elArrow,
-      root: root
-    };
-  };
-  var resolveReferElement = function resolveReferElement() {
-    var _refReference$value;
-    return resolveTargetElement(props.target) || resolveTargetElement((_refReference$value = refReference.value) === null || _refReference$value === void 0 ? void 0 : _refReference$value.$el);
-  };
-  var resolveModifiers = function resolveModifiers() {
-    var resolveResult = {};
-    if (Array.isArray(props.modifiers)) {
-      props.modifiers.forEach(function (m) {
-        var result;
-        if (m.name === 'offset') {
-          var _m$options, _m$options3;
-          if (typeof ((_m$options = m.options) === null || _m$options === void 0 ? void 0 : _m$options.offset) === 'number') {
-            var _m$options2;
-            result = (_m$options2 = m.options) === null || _m$options2 === void 0 ? void 0 : _m$options2.offset;
-          }
-          if (Array.isArray((_m$options3 = m.options) === null || _m$options3 === void 0 ? void 0 : _m$options3.offset)) {
-            var _m$options4;
-            var _m$options$offset = (_m$options4 = m.options) === null || _m$options4 === void 0 ? void 0 : _m$options4.offset,
-              _m$options$offset2 = _slicedToArray(_m$options$offset, 2),
-              mainAxis = _m$options$offset2[0],
-              crossAxis = _m$options$offset2[1];
-            result = {
-              mainAxis: mainAxis,
-              crossAxis: crossAxis
-            };
-          }
-          Object.assign(resolveResult, {
-            offset: result
-          });
-        }
-      });
-    }
-    return resolveResult;
-  };
-  var resolvePopOptions = function resolvePopOptions(elArrow, props) {
-    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());
-    }
-    middleware.unshift(inline());
-    middleware.push(flip());
-    if (isHideMiddlewareAvailable()) {
-      options.middleware.push(hide());
-    }
-    /**
-     * 如果是全屏元素或者指定的虚拟元素
-     * 则启用自定义的platform
-     * 在弹出的全屏元素中，元素相对位置有别于document下面元素
-     * 全屏模式下面，需要自定义当前元素的一个platform
-     */
-    // if (isElementFullScreen() || props.isVirtualEl) {
-    //   const { getElementRects, getDimensions, getClippingRect } = usePlatform(fullScreenTarget.value);
-    //   Object.assign(options, {
-    //     platform: {
-    //       ...(props?.platform ?? {}),
-    //       getElementRects,
-    //       getDimensions,
-    //       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,isElement_namespaceObject["default"])(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 _objectSpread(_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 _middlewareData$hide;
-    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() ? (_middlewareData$hide = middlewareData.hide) === null || _middlewareData$hide === void 0 ? void 0 : _middlewareData$hide.referenceHidden : false;
-    Object.assign(elContent.style, {
-      visibility: referenceHidden ? 'hidden' : 'visible'
-    });
-  };
-  var updateArrowStyle = function updateArrowStyle(elArrow, resolvedPlacement, middlewareData) {
-    if (props.arrow) {
-      var _middlewareData$arrow;
-      var _ref2 = (_middlewareData$arrow = middlewareData.arrow) !== null && _middlewareData$arrow !== void 0 ? _middlewareData$arrow : {},
-        arrowX = _ref2.x,
-        arrowY = _ref2.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 (_ref3) {
-      var x = _ref3.x,
-        y = _ref3.y,
-        placement = _ref3.placement,
-        middlewareData = _ref3.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);
-      isMouseenter = false;
-      localIsShow.value = false;
-    }, delay);
-  };
-  var handlePopoverShow = function handlePopoverShow() {
-    var _refContent$value2;
-    var elContent = resolveTargetElement((_refContent$value2 = refContent.value) === null || _refContent$value2 === void 0 ? void 0 : _refContent$value2.$el);
-    elContent.style.setProperty('display', 'block');
-    elContent.style.setProperty('z-index', "".concat(props.zIndex ? props.zIndex : shared_namespaceObject.bkZIndexManager.getPopperIndex()));
-    updatePopover();
-    ctx.emit(EMIT_EVENTS.CONTENT_AfterShow, {
-      isShow: true
-    });
-  };
-  var handlePopoverHide = function handlePopoverHide() {
-    var _refContent$value3;
-    var elContent = resolveTargetElement((_refContent$value3 = refContent.value) === null || _refContent$value3 === void 0 ? void 0 : _refContent$value3.$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 handlePopContentMouseEnter = function handlePopContentMouseEnter(e) {
-    if ('hover' !== props.trigger) {
-      return;
-    }
-    if (!isMouseenter) {
-      isMouseenter = true;
-    }
-    // 设置setTimeout的延时为delay, 避免出现同时触发mouseenter mouseleave事件
-    var delay = resolvePopoverDelay()[1];
-    if (popHideTimerId) {
-      clearTimeout(popHideTimerId);
-      setTimeout(function () {
-        popHideTimerId = undefined;
-      }, delay);
-    }
-    emitPopContentMouseEnter(e);
-  };
-  var handlePopContentMouseLeave = function handlePopContentMouseLeave(e) {
-    // 处理底部触发mouseleave事件，popShowTimerId有值代表处于hover状态
-    if (popShowTimerId && !popHideTimerId) {
-      hidePopover();
-    }
-    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 _triggerEvents$props$;
-    var triggerEvents = {
-      hover: [{
-        content: [['mouseenter', handlePopContentMouseEnter], ['mouseleave', handlePopContentMouseLeave]],
-        reference: [['mouseenter', showPopover], ['mouseleave', hidePopover], ['focus', showPopover], ['blur', hidePopover]]
-      }],
-      click: [[['click', showPopover]]],
-      manual: [{
-        content: [['mouseenter', emitPopContentMouseEnter], ['mouseleave', emitPopContentMouseLeave]],
-        reference: [[]]
-      }]
-    };
-    return (_triggerEvents$props$ = triggerEvents[props.trigger]) !== null && _triggerEvents$props$ !== void 0 ? _triggerEvents$props$ : [];
-  };
-  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 && 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(esm_browser_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(esm_browser_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 uniqKey = random();
-  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();
-    storeEvents.forEach(function (storeEvent) {
-      if (Array.isArray(storeEvent)) {
-        addEventToTargetEl(elReference, storeEvent);
-      } else {
-        var content = storeEvent.content,
-          reference = storeEvent.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() {
-    var _storeEvents;
-    if ((_storeEvents = storeEvents) !== null && _storeEvents !== void 0 && _storeEvents.length) {
-      var _resolvePopElements2 = resolvePopElements(),
-        elReference = _resolvePopElements2.elReference,
-        elContent = _resolvePopElements2.elContent;
-      if (elReference) {
-        storeEvents.forEach(function (storeEvent) {
-          if (Array.isArray(storeEvent)) {
-            storeEvent.forEach(function (_ref4) {
-              var _ref5 = _slicedToArray(_ref4, 2),
-                event = _ref5[0],
-                listener = _ref5[1];
-              if (event && typeof listener === 'function') {
-                elReference.removeEventListener(event, listener);
-              }
-            });
-          } else {
-            var content = storeEvent.content,
-              reference = storeEvent.reference;
-            content.forEach(function (_ref6) {
-              var _ref7 = _slicedToArray(_ref6, 2),
-                event = _ref7[0],
-                listener = _ref7[1];
-              if (event && typeof listener === 'function') {
-                if (elContent) {
-                  elContent.removeEventListener(event, listener);
-                }
-              }
-            });
-            reference.forEach(function (_ref8) {
-              var _ref9 = _slicedToArray(_ref8, 2),
-                event = _ref9[0],
-                listener = _ref9[1];
-              if (event && typeof listener === 'function') {
-                elReference.removeEventListener(event, listener);
-              }
-            });
-          }
-        });
-      }
-      storeEvents = null;
-    }
-  };
-  var getClosestFullscreenElement = function getClosestFullscreenElement(elment) {
-    var _elment$closest;
-    return (_elment$closest = elment === null || elment === void 0 ? void 0 : elment.closest('[data-fllsrn-id]')) !== null && _elment$closest !== void 0 ? _elment$closest : elment;
-  };
-  var updateBoundary = function updateBoundary() {
-    var _resolvePopElements3 = resolvePopElements(),
-      elReference = _resolvePopElements3.elReference,
-      root = _resolvePopElements3.root;
-    if (isFullscreen.value) {
-      var _fullScreenTarget$val;
-      var _ref10 = elReference || root || {},
-        parentNode = _ref10.parentNode;
-      boundary.value = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
-      return;
-    }
-    boundary.value = getPrefixId(root || elReference);
-  };
-  var _usePopperId = use_popper_id(props, '#'),
-    getPrefixId = _usePopperId.getPrefixId;
-  var setFullscreenTag = function setFullscreenTag() {
-    var _fullScreenTarget$val2;
-    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 ? void 0 : _fullScreenTarget$val2.setAttribute('data-fllsrn-id', fullscreenReferId);
-  };
-  var clearFullscreenTag = function clearFullscreenTag() {
-    var _fullScreenTarget$val3, _fullScreenTarget$val4;
-    var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
-    ((_fullScreenTarget$val3 = fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val4 = fullScreenTarget.value) === null || _fullScreenTarget$val4 === void 0 ? void 0 : _fullScreenTarget$val4.querySelectorAll(query)) !== null && _fullScreenTarget$val3 !== void 0 ? _fullScreenTarget$val3 : []).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) {
-    var hideIgnoreReference = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var commonFunc = function commonFunc() {
-      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();
-      }
-    };
-    if (hideIgnoreReference) {
-      setTimeout(function () {
-        if (ReferenceClickSharedState[uniqKey]) {
-          ReferenceClickSharedState[uniqKey] = false;
-          return;
-        }
-        return commonFunc();
-      });
-    } else {
-      return commonFunc();
-    }
-  };
-  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,
-    uniqKey: uniqKey
-  };
-});
-;// 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 = (defineComponent({
-  name: 'Popover',
-  components: {
-    Content: content,
-    Arrow: src_arrow,
-    Root: root
-  },
-  directives: {
-    clickoutside: clickoutside
-  },
-  props: PopoverProps,
-  emits: EMIT_EVENT_TYPES,
-  setup: function setup(props, ctx) {
-    var _toRefs = toRefs(props),
-      reference = _toRefs.reference;
-    var refDefaultReference = ref();
-    var refContent = ref();
-    var refArrow = ref();
-    var refRoot = ref();
-    var refReference = 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,
-      uniqKey = _usePopoverInit.uniqKey;
-    if (!props.always && !props.disabled) {
-      watch(function () {
-        return props.isShow;
-      }, function () {
-        props.isShow ? showPopover() : hidePopover();
-      }, {
-        immediate: true
-      });
-    }
-    watch(function () {
-      return [props.disabled];
-    }, function (val) {
-      if (val[0]) {
-        beforeInstanceUnmount();
-      } else {
-        initPopInstance();
-      }
-    });
-    updateBoundary();
-    onMounted(onMountedFn);
-    onBeforeUnmount(onUnmountedFn);
-    var isRenderModeShow = computed(function () {
-      return props.renderDirective === 'show';
-    });
-    var transBoundary = computed(function () {
-      return isRenderModeShow.value || localIsShow.value && !props.disableTeleport;
-    });
-    var contentIsShow = computed(function () {
-      if (props.renderType === shared_namespaceObject.RenderType.AUTO) {
-        return true;
-      }
-      return localIsShow.value;
-    });
-    var show = function show() {
-      showFn();
-    };
-    var hide = function hide() {
-      hideFn();
-    };
-    var handleClickReferenceWraper = function handleClickReferenceWraper() {
-      ReferenceClickSharedState[uniqKey] = true;
-    };
-    // 点击 content 收起面板
-    var handleClickContent = function handleClickContent() {
-      if (props.trigger !== 'manual' && !props.always && props.clickContentAutoHide) {
-        localIsShow.value = false;
-      }
-    };
-    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,
-      isRenderModeShow: isRenderModeShow,
-      transBoundary: transBoundary,
-      handleClickContent: handleClickContent,
-      handleClickOutside: handleClickOutside,
-      updatePopover: updatePopover,
-      resetPopover: resetPopover,
-      hide: hide,
-      show: show,
-      stopHide: stopHide,
-      contentIsShow: contentIsShow,
-      renderContent: renderContent,
-      localIsShow: localIsShow,
-      handleClickReferenceWraper: handleClickReferenceWraper
-    };
-  },
-  render: function render() {
-    var _slot, _slot2;
-    var _this$$slots$default,
-      _this$$slots$default2,
-      _this$$slots,
-      _this$$slots$default3,
-      _this$$slots$default4,
-      _this$$slots2,
-      _this = this,
-      _this$$slots$content,
-      _this$$slots$content2,
-      _this$$slots4;
-    var renderReferSlot = function renderReferSlot(slot) {
-      var _slot$;
-      if (Text === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.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 [_this.hideIgnoreReference ? (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": _this.referenceCls,
-          "style": "display: inline-block;",
-          "onClick": _this.handleClickReferenceWraper
-        }, [(0,external_vue_namespaceObject.createVNode)(reference, {
-          "ref": "refDefaultReference"
-        }, _isSlot(_slot = renderReferSlot((_this$$slots$default = (_this$$slots$default2 = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : (0,external_vue_namespaceObject.createVNode)("span", null, null))) ? _slot : {
-          "default": function _default() {
-            return [_slot];
-          }
-        })]) : (0,external_vue_namespaceObject.createVNode)(reference, {
-          "ref": "refDefaultReference"
-        }, _isSlot(_slot2 = renderReferSlot((_this$$slots$default3 = (_this$$slots$default4 = (_this$$slots2 = _this.$slots)["default"]) === null || _this$$slots$default4 === void 0 ? void 0 : _this$$slots$default4.call(_this$$slots2)) !== null && _this$$slots$default3 !== void 0 ? _this$$slots$default3 : (0,external_vue_namespaceObject.createVNode)("span", null, null))) ? _slot2 : {
-          "default": function _default() {
-            return [_slot2];
-          }
-        }), (0,external_vue_namespaceObject.createVNode)(Teleport, {
-          "disabled": !_this.transBoundary,
-          "to": _this.boundary
-        }, {
-          "default": function _default() {
-            return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)(content, {
-              "ref": "refContent",
-              "width": _this.width,
-              "height": _this.height,
-              "extCls": _this.extCls,
-              "data-theme": _this.theme,
-              "eventDelay": _this.componentEventDelay,
-              "maxHeight": _this.maxHeight,
-              "maxWidth": _this.maxWidth,
-              "visible": _this.localIsShow,
-              "onClick": _this.handleClickContent
-            }, {
-              "default": function _default() {
-                return [_this.isRenderModeShow || _this.contentIsShow ? (_this$$slots$content = (_this$$slots$content2 = (_this$$slots4 = _this.$slots).content) === null || _this$$slots$content2 === void 0 ? void 0 : _this$$slots$content2.call(_this$$slots4)) !== null && _this$$slots$content !== void 0 ? _this$$slots$content : _this.renderContent() : ''];
-              },
-              arrow: function arrow() {
-                var _this$$slots$arrow, _this$$slots3;
-                return _this.arrow ? (0,external_vue_namespaceObject.createVNode)(src_arrow, {
-                  "ref": "refArrow"
-                }, {
-                  "default": function _default() {
-                    return [(_this$$slots$arrow = (_this$$slots3 = _this.$slots).arrow) === null || _this$$slots$arrow === void 0 ? void 0 : _this$$slots$arrow.call(_this$$slots3)];
-                  }
-                }) : '';
-              }
-            }), [[(0,external_vue_namespaceObject.resolveDirective)("clickoutside"), function (e) {
-              return _this.handleClickOutside(e, _this.hideIgnoreReference);
-            }]])];
-          }
-        })];
-      }
-    });
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/popover/src/plugin-popover.tsx
-
-
-function plugin_popover_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function plugin_popover_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? plugin_popover_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : plugin_popover_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/*
- * 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 _options$immediate;
-  var $PopoverInstance = null;
-  var $PopoverInstanceVm = null;
-  var $PopoverInstanceEl = null;
-  var immediate = (_options$immediate = options.immediate) !== null && _options$immediate !== void 0 ? _options$immediate : true;
-  var resolvedOptions = plugin_popover_objectSpread(plugin_popover_objectSpread({
-    boundary: 'body',
-    placement: 'top',
-    autoVisibility: true,
-    isShow: false,
-    trigger: 'manual',
-    onHide: function onHide() {},
-    onShow: function onShow() {}
-  }, 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 _refReference$value, _refReference$value$s;
-        (_refReference$value = refReference.value) === null || _refReference$value === void 0 || (_refReference$value$s = _refReference$value.show) === null || _refReference$value$s === void 0 ? void 0 : _refReference$value$s.call(_refReference$value);
-      };
-      var hide = function hide() {
-        var _refReference$value2, _refReference$value2$;
-        (_refReference$value2 = refReference.value) === null || _refReference$value2 === void 0 || (_refReference$value2$ = _refReference$value2.hide) === null || _refReference$value2$ === void 0 ? void 0 : _refReference$value2$.call(_refReference$value2);
-      };
-      var stopHide = function stopHide() {
-        var _refReference$value3, _refReference$value3$;
-        (_refReference$value3 = refReference.value) === null || _refReference$value3 === void 0 || (_refReference$value3$ = _refReference$value3.stopHide) === null || _refReference$value3$ === void 0 ? void 0 : _refReference$value3$.call(_refReference$value3);
-      };
-      var updateTarget = function updateTarget(target) {
-        var _refReference$value4, _refReference$value4$;
-        refProps.target = target;
-        (_refReference$value4 = refReference.value) === null || _refReference$value4 === void 0 || (_refReference$value4$ = _refReference$value4.resetPopover) === null || _refReference$value4$ === void 0 ? void 0 : _refReference$value4$.call(_refReference$value4);
-      };
-      var handleContentMouseenter = function handleContentMouseenter() {
-        var _resolvedOptions$onCo;
-        (_resolvedOptions$onCo = resolvedOptions.onContentMouseenter) === null || _resolvedOptions$onCo === void 0 ? void 0 : _resolvedOptions$onCo.call(resolvedOptions);
-      };
-      var handleContentMouseleave = function handleContentMouseleave() {
-        var _resolvedOptions$onCo2;
-        (_resolvedOptions$onCo2 = resolvedOptions.onContentMouseleave) === null || _resolvedOptions$onCo2 === void 0 ? void 0 : _resolvedOptions$onCo2.call(resolvedOptions);
-      };
-      var handlePopoverHidden = function handlePopoverHidden() {
-        var _resolvedOptions$onHi;
-        (_resolvedOptions$onHi = resolvedOptions.onHide) === null || _resolvedOptions$onHi === void 0 ? void 0 : _resolvedOptions$onHi.call(resolvedOptions);
-      };
-      var handlePopoverShow = function handlePopoverShow() {
-        var _resolvedOptions$onSh;
-        (_resolvedOptions$onSh = resolvedOptions.onShow) === null || _resolvedOptions$onSh === void 0 ? void 0 : _resolvedOptions$onSh.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,
-          "onAfterHidden": handlePopoverHidden,
-          "onAfterShow": handlePopoverShow,
-          "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;
-  }
-  var install = function install() {
-    if ($PopoverInstance === null) {
-      $PopoverInstanceEl = document.createElement('div');
-      getBoundaryDom(resolvedOptions.boundary).append($PopoverInstanceEl);
-      $PopoverInstance = (0,external_vue_namespaceObject.createApp)(popoverComponent);
-      $PopoverInstanceVm = $PopoverInstance.mount($PopoverInstanceEl);
-    }
-  };
-  var uninstall = function uninstall() {
-    var _$PopoverInstanceEl;
-    if (utils_isElement(options.content)) {
-      options.content.remove();
-    }
-    $PopoverInstance.unmount();
-    $PopoverInstance = null;
-    (_$PopoverInstanceEl = $PopoverInstanceEl) === null || _$PopoverInstanceEl === void 0 ? void 0 : _$PopoverInstanceEl.remove();
-  };
-  function close() {
-    uninstall();
-    $PopoverInstanceVm = null;
-  }
-  function show(target) {
-    var _$PopoverInstanceVm2;
-    install();
-    if (target) {
-      var _$PopoverInstanceVm;
-      (_$PopoverInstanceVm = $PopoverInstanceVm) === null || _$PopoverInstanceVm === void 0 ? void 0 : _$PopoverInstanceVm.updateTarget(target);
-    }
-    (_$PopoverInstanceVm2 = $PopoverInstanceVm) === null || _$PopoverInstanceVm2 === void 0 ? void 0 : _$PopoverInstanceVm2.show();
-  }
-  function update(e) {
-    var _$PopoverInstanceVm3;
-    (_$PopoverInstanceVm3 = $PopoverInstanceVm) === null || _$PopoverInstanceVm3 === void 0 ? void 0 : _$PopoverInstanceVm3.updateTarget(e);
-  }
-  function hide() {
-    var _$PopoverInstanceVm4;
-    (_$PopoverInstanceVm4 = $PopoverInstanceVm) === null || _$PopoverInstanceVm4 === void 0 ? void 0 : _$PopoverInstanceVm4.hide();
-  }
-  immediate && install();
-  return {
-    install: install,
-    close: close,
-    show: show,
-    hide: hide,
-    update: update,
-    uninstall: uninstall,
-    get vm() {
-      return $PopoverInstanceVm;
-    },
-    get $el() {
-      return $PopoverInstanceVm.$el;
-    }
-  };
-}
+const popover_namespaceObject = x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
 ;// CONCATENATED MODULE: ../../packages/plugin-popover/src/index.ts
 /**
  * Tencent is pleased to support the open source community by making
@@ -3954,6 +60,6 @@ function createPopoverComponent(options) {
  * IN THE SOFTWARE.
  */
 
-/* harmony default export */ const src = (createPopoverComponent);
+/* harmony default export */ const src = (popover_namespaceObject.$bkPopover);
 var __webpack_exports__default = __webpack_exports__["default"];
 export { __webpack_exports__default as default };