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

package/lib/popover/index.js

@@ -45,7 +45,7 @@ const shared_namespaceObject = x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_M
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["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 });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Teleport, ["Text"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Text, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: external "../directives"
 var directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var directives_y = x => () => x
@@ -82,7 +82,8 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * IN THE SOFTWARE.
  */
 
-/* harmony default export */ const src_arrow = (defineComponent({
+
+/* harmony default export */ const src_arrow = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'PopArrow',
   render: function render() {
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
@@ -94,38 +95,38 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
   }
 }));
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(obj) {
+function _typeof(o) {
   "@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);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
 }
 ;// 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;
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
 ;// 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);
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : String(i);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
+  key = toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -140,7 +141,6 @@ function _defineProperty(obj, key, value) {
 }
 ;// 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
@@ -184,7 +184,7 @@ var EVENT_COMMON_FN = function EVENT_COMMON_FN(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);
+var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, EMIT_EVENTS.CLICK_OUTSIDE, EVENT_CLICK_OUTSIDE_FN), EMIT_EVENTS.CONTENT_MOUSEENTER, EVENT_COMMON_FN), EMIT_EVENTS.CONTENT_MOUSELEAVE, EVENT_COMMON_FN), EMIT_EVENTS.CONTENT_AfterHidden, EVENT_SHOW_HIDE_FN), EMIT_EVENTS.CONTENT_AfterShow, EVENT_SHOW_HIDE_FN);
 ;// CONCATENATED MODULE: ../../packages/popover/src/content.tsx
 
 /*
@@ -214,7 +214,8 @@ var EMIT_EVENT_TYPES = (_EMIT_EVENT_TYPES = {}, _defineProperty(_EMIT_EVENT_TYPE
  */
 
 
-/* harmony default export */ const content = (defineComponent({
+
+/* harmony default export */ const content = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'PopContent',
   props: {
     width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
@@ -234,7 +235,7 @@ var EMIT_EVENT_TYPES = (_EMIT_EVENT_TYPES = {}, _defineProperty(_EMIT_EVENT_TYPE
       }
       return val;
     };
-    var style = computed(function () {
+    var style = (0,external_vue_namespaceObject.computed)(function () {
       return {
         width: resolveValToPix(props.width),
         height: resolveValToPix(props.height),
@@ -242,8 +243,8 @@ var EMIT_EVENT_TYPES = (_EMIT_EVENT_TYPES = {}, _defineProperty(_EMIT_EVENT_TYPE
         maxWidth: resolveValToPix(props.maxWidth)
       };
     });
-    var refContent = ref(null);
-    var refTimer = ref(null);
+    var refContent = (0,external_vue_namespaceObject.ref)(null);
+    var refTimer = (0,external_vue_namespaceObject.ref)(null);
     var handleClick = function handleClick(evt) {
       evt.stopPropagation();
       emit('click', evt);
@@ -263,11 +264,11 @@ var EMIT_EVENT_TYPES = (_EMIT_EVENT_TYPES = {}, _defineProperty(_EMIT_EVENT_TYPE
       if (props.eventDelay === 0) {
         return;
       }
-      (_refContent$value = refContent.value) === null || _refContent$value === void 0 ? void 0 : _refContent$value.style.setProperty('pointer-events', val);
+      (_refContent$value = refContent.value) === null || _refContent$value === void 0 || _refContent$value.style.setProperty('pointer-events', val);
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var contentClassName = computed(function () {
+    var contentClassName = (0,external_vue_namespaceObject.computed)(function () {
       return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
     });
     return {
@@ -291,8 +292,8 @@ var EMIT_EVENT_TYPES = (_EMIT_EVENT_TYPES = {}, _defineProperty(_EMIT_EVENT_TYPE
       _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 () {
+      if (external_vue_namespaceObject.Fragment === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
+        (0,external_vue_namespaceObject.nextTick)(function () {
           _this.setContentPointerEvent('none');
           _this.resetPointerEvent();
         });
@@ -477,7 +478,8 @@ var PopoverProps = {
  * IN THE SOFTWARE.
  */
 
-/* harmony default export */ const root = (defineComponent({
+
+/* harmony default export */ const root = ((0,external_vue_namespaceObject.defineComponent)({
   props: {
     "class": shared_namespaceObject.PropTypes.string.def(''),
     mode: shared_namespaceObject.PropTypes.string.def('')
@@ -492,31 +494,31 @@ 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;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !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;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
@@ -548,6 +550,11 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 ;// CONCATENATED MODULE: ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+/**
+ * Custom positioning reference element.
+ * @see https://floating-ui.com/docs/virtual-elements
+ */
+
 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]), []);
@@ -735,7 +742,7 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
 
 /**
  * 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.
+ * next to a given reference element.
  *
  * This export does not have any `platform` interface logic. You will need to
  * write one for the platform you are using Floating UI with.
@@ -813,7 +820,6 @@ const computePosition = async (reference, floating, config) => {
         } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
       }
       i = -1;
-      continue;
     }
   }
   return {
@@ -876,6 +882,7 @@ async function detectOverflow(state, options) {
     y: 1
   };
   const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
     rect,
     offsetParent,
     strategy
@@ -903,7 +910,8 @@ const arrow = options => ({
       placement,
       rects,
       platform,
-      elements
+      elements,
+      middlewareData
     } = state;
     // Since `element` is required, we don't Partial<> the type.
     const {
@@ -951,16 +959,20 @@ const arrow = options => ({
 
     // 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;
+    // floating element itself. To ensure `shift()` continues to take action,
+    // a single reset is performed when this is true.
+    const shouldAddOffset = !middlewareData.arrow && 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 ? center - min$1 : center - max : 0;
     return {
-      [axis]: coords[axis] - alignmentOffset,
+      [axis]: coords[axis] + alignmentOffset,
       data: {
         [axis]: offset,
-        centerOffset: center - offset + alignmentOffset
-      }
+        centerOffset: center - offset - alignmentOffset,
+        ...(shouldAddOffset && {
+          alignmentOffset
+        })
+      },
+      reset: shouldAddOffset
     };
   }
 });
@@ -1082,7 +1094,7 @@ const flip = function (options) {
     name: 'flip',
     options,
     async fn(state) {
-      var _middlewareData$flip;
+      var _middlewareData$arrow, _middlewareData$flip;
       const {
         placement,
         middlewareData,
@@ -1100,6 +1112,14 @@ const flip = function (options) {
         flipAlignment = true,
         ...detectOverflowOptions
       } = floating_ui_utils_evaluate(options, state);
+
+      // If a reset by the arrow was caused due to an alignment offset being
+      // added, we should skip any logic now since `flip()` has already done its
+      // work.
+      // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643
+      if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
       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));
@@ -1377,6 +1397,7 @@ const inline = function (options) {
 
 // For type backwards-compatibility, the `OffsetOptions` type was also
 // Derivable.
+
 async function convertValueToCoords(state, options) {
   const {
     placement,
@@ -1390,8 +1411,6 @@ async function convertValueToCoords(state, options) {
   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,
@@ -1433,15 +1452,27 @@ const offset = function (options) {
     name: 'offset',
     options,
     async fn(state) {
+      var _middlewareData$offse, _middlewareData$arrow;
       const {
         x,
-        y
+        y,
+        placement,
+        middlewareData
       } = state;
       const diffCoords = await convertValueToCoords(state, options);
+
+      // If the placement is the same and the arrow caused an alignment offset
+      // then we don't need to change the positioning coordinates.
+      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
       return {
         x: x + diffCoords.x,
         y: y + diffCoords.y,
-        data: diffCoords
+        data: {
+          ...diffCoords,
+          placement
+        }
       };
     }
   };
@@ -1673,7 +1704,7 @@ const size = function (options) {
 
 
 
-;// CONCATENATED MODULE: ../../node_modules/@floating-ui/utils/dom/dist/floating-ui.utils.dom.mjs
+;// CONCATENATED MODULE: ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || '').toLowerCase();
@@ -1685,7 +1716,7 @@ function getNodeName(node) {
 }
 function getWindow(node) {
   var _node$ownerDocument;
-  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
 }
 function getDocumentElement(node) {
   var _ref;
@@ -1726,6 +1757,17 @@ function isContainingBlock(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 getContainingBlock(element) {
+  let currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isContainingBlock(currentNode)) {
+      return currentNode;
+    } else {
+      currentNode = getParentNode(currentNode);
+    }
+  }
+  return null;
+}
 function isWebKit() {
   if (typeof CSS === 'undefined' || !CSS.supports) return false;
   return CSS.supports('-webkit-backdrop-filter', 'none');
@@ -1773,18 +1815,21 @@ function getNearestOverflowAncestor(node) {
   }
   return getNearestOverflowAncestor(parentNode);
 }
-function getOverflowAncestors(node, list) {
+function getOverflowAncestors(node, list, traverseIframes) {
   var _node$ownerDocument2;
   if (list === void 0) {
     list = [];
   }
+  if (traverseIframes === void 0) {
+    traverseIframes = true;
+  }
   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(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
   }
-  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
+  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
 
 
@@ -2064,7 +2109,7 @@ function getClippingElementAncestors(element, cache) {
   if (cachedResult) {
     return cachedResult;
   }
-  let result = getOverflowAncestors(element).filter(el => isElement(el) && getNodeName(el) !== 'body');
+  let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
   let currentContainingBlockComputedStyle = null;
   const elementIsFixed = getComputedStyle(element).position === 'fixed';
   let currentNode = elementIsFixed ? getParentNode(element) : element;
@@ -2119,7 +2164,14 @@ function getClippingRect(_ref) {
 }
 
 function getDimensions(element) {
-  return getCssDimensions(element);
+  const {
+    width,
+    height
+  } = getCssDimensions(element);
+  return {
+    width,
+    height
+  };
 }
 
 function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
@@ -2161,17 +2213,6 @@ function getTrueOffsetParent(element, polyfill) {
   }
   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.
@@ -2376,10 +2417,66 @@ function autoUpdate(reference, floating, update, options) {
   };
 }
 
+/**
+ * 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 floating_ui_dom_autoPlacement = autoPlacement;
+
+/**
+ * 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 floating_ui_dom_shift = shift;
+
+/**
+ * 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 floating_ui_dom_flip = flip;
+
+/**
+ * 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 floating_ui_dom_size = (/* unused pure expression or super */ null && (size$1));
+
+/**
+ * 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 floating_ui_dom_hide = hide;
+
+/**
+ * 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 floating_ui_dom_arrow = arrow;
+
+/**
+ * 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 floating_ui_dom_inline = inline;
+
+/**
+ * Built-in `limiter` that will stop `shift()` at a certain point.
+ */
+const floating_ui_dom_limitShift = (/* unused pure expression or super */ null && (limitShift$1));
+
 /**
  * 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.
+ * next to a given reference element.
  */
 const floating_ui_dom_computePosition = (reference, floating, options) => {
   // This caches the expensive `getClippingElementAncestors` function so that
@@ -2725,7 +2822,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
   };
   var resolvePopOptions = function resolvePopOptions(elArrow, props) {
     var modifiers = resolveModifiers();
-    var middleware = [offset(modifiers.offset || props.offset), shift({
+    var middleware = [offset(modifiers.offset || props.offset), floating_ui_dom_shift({
       padding: props.padding
     })];
     var options = {
@@ -2733,17 +2830,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       middleware: middleware
     };
     if (props.arrow) {
-      middleware.push(arrow({
+      middleware.push(floating_ui_dom_arrow({
         element: elArrow
       }));
     }
     if (isAutoPlacementAvailable()) {
-      middleware.push(autoPlacement());
+      middleware.push(floating_ui_dom_autoPlacement());
     }
-    middleware.unshift(inline());
-    middleware.push(flip());
+    middleware.unshift(floating_ui_dom_inline());
+    middleware.push(floating_ui_dom_flip());
     if (isHideMiddlewareAvailable()) {
-      options.middleware.push(hide());
+      options.middleware.push(floating_ui_dom_hide());
     }
     /**
      * 如果是全屏元素或者指定的虚拟元素
@@ -3183,7 +3280,7 @@ var parentNodeReferId = null;
     getFullscreenRoot = _useFloating.getFullscreenRoot,
     stopHide = _useFloating.stopHide;
   var resetPopover = function resetPopover() {
-    cleanup === null || cleanup === void 0 ? void 0 : cleanup();
+    cleanup === null || cleanup === void 0 || cleanup();
     createPopInstance();
   };
   var showFn = function showFn() {
@@ -3291,13 +3388,13 @@ var parentNodeReferId = null;
     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);
+    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === 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');
+      element === null || element === void 0 || element.removeAttribute('data-fllsrn-id');
     });
   };
   var boundary = (0,external_vue_namespaceObject.ref)();
@@ -3419,10 +3516,11 @@ var parentNodeReferId = null;
 
 
 
+
 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({
+/* harmony default export */ const popover = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Popover',
   components: {
     Content: content,
@@ -3435,13 +3533,13 @@ function _isSlot(s) {
   props: PopoverProps,
   emits: EMIT_EVENT_TYPES,
   setup: function setup(props, ctx) {
-    var _toRefs = toRefs(props),
+    var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
       reference = _toRefs.reference;
-    var refDefaultReference = ref();
-    var refContent = ref();
-    var refArrow = ref();
-    var refRoot = ref();
-    var refReference = computed(function () {
+    var refDefaultReference = (0,external_vue_namespaceObject.ref)();
+    var refContent = (0,external_vue_namespaceObject.ref)();
+    var refArrow = (0,external_vue_namespaceObject.ref)();
+    var refRoot = (0,external_vue_namespaceObject.ref)();
+    var refReference = (0,external_vue_namespaceObject.computed)(function () {
       return reference.value || refDefaultReference.value;
     });
     var _usePopoverInit = use_popover_init(props, ctx, {
@@ -3467,7 +3565,7 @@ function _isSlot(s) {
       boundary = _usePopoverInit.boundary,
       uniqKey = _usePopoverInit.uniqKey;
     if (!props.always && !props.disabled) {
-      watch(function () {
+      (0,external_vue_namespaceObject.watch)(function () {
         return props.isShow;
       }, function () {
         props.isShow ? showPopover() : hidePopover();
@@ -3475,7 +3573,7 @@ function _isSlot(s) {
         immediate: true
       });
     }
-    watch(function () {
+    (0,external_vue_namespaceObject.watch)(function () {
       return [props.disabled];
     }, function (val) {
       if (val[0]) {
@@ -3485,15 +3583,15 @@ function _isSlot(s) {
       }
     });
     updateBoundary();
-    onMounted(onMountedFn);
-    onBeforeUnmount(onUnmountedFn);
-    var isRenderModeShow = computed(function () {
+    (0,external_vue_namespaceObject.onMounted)(onMountedFn);
+    (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
+    var isRenderModeShow = (0,external_vue_namespaceObject.computed)(function () {
       return props.renderDirective === 'show';
     });
-    var transBoundary = computed(function () {
+    var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
       return isRenderModeShow.value || localIsShow.value && !props.disableTeleport;
     });
-    var contentIsShow = computed(function () {
+    var contentIsShow = (0,external_vue_namespaceObject.computed)(function () {
       if (props.renderType === shared_namespaceObject.RenderType.AUTO) {
         return true;
       }
@@ -3559,7 +3657,7 @@ function _isSlot(s) {
       _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)) {
+      if (external_vue_namespaceObject.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;
@@ -3569,8 +3667,8 @@ function _isSlot(s) {
     }, {
       "default": function _default() {
         return [_this.hideIgnoreReference ? (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": _this.referenceCls,
           "style": "display: inline-block;",
+          "class": _this.referenceCls,
           "onClick": _this.handleClickReferenceWraper
         }, [(0,external_vue_namespaceObject.createVNode)(reference, {
           "ref": "refDefaultReference"
@@ -3584,7 +3682,7 @@ function _isSlot(s) {
           "default": function _default() {
             return [_slot2];
           }
-        }), (0,external_vue_namespaceObject.createVNode)(Teleport, {
+        }), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
           "disabled": !_this.transBoundary,
           "to": _this.boundary
         }, {
@@ -3692,36 +3790,36 @@ function createPopoverComponent(options) {
       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);
+        (_refReference$value = refReference.value) === null || _refReference$value === void 0 || (_refReference$value$s = _refReference$value.show) === null || _refReference$value$s === 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);
+        (_refReference$value2 = refReference.value) === null || _refReference$value2 === void 0 || (_refReference$value2$ = _refReference$value2.hide) === null || _refReference$value2$ === 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);
+        (_refReference$value3 = refReference.value) === null || _refReference$value3 === void 0 || (_refReference$value3$ = _refReference$value3.stopHide) === null || _refReference$value3$ === 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);
+        (_refReference$value4 = refReference.value) === null || _refReference$value4 === void 0 || (_refReference$value4$ = _refReference$value4.resetPopover) === null || _refReference$value4$ === 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);
+        (_resolvedOptions$onCo = resolvedOptions.onContentMouseenter) === null || _resolvedOptions$onCo === 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);
+        (_resolvedOptions$onCo2 = resolvedOptions.onContentMouseleave) === null || _resolvedOptions$onCo2 === 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);
+        (_resolvedOptions$onHi = resolvedOptions.onHide) === null || _resolvedOptions$onHi === 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);
+        (_resolvedOptions$onSh = resolvedOptions.onShow) === null || _resolvedOptions$onSh === void 0 || _resolvedOptions$onSh.call(resolvedOptions);
       };
       expose({
         show: show,
@@ -3770,7 +3868,7 @@ function createPopoverComponent(options) {
     }
     $PopoverInstance.unmount();
     $PopoverInstance = null;
-    (_$PopoverInstanceEl = $PopoverInstanceEl) === null || _$PopoverInstanceEl === void 0 ? void 0 : _$PopoverInstanceEl.remove();
+    (_$PopoverInstanceEl = $PopoverInstanceEl) === null || _$PopoverInstanceEl === void 0 || _$PopoverInstanceEl.remove();
   };
   function close() {
     uninstall();
@@ -3781,17 +3879,17 @@ function createPopoverComponent(options) {
     install();
     if (target) {
       var _$PopoverInstanceVm;
-      (_$PopoverInstanceVm = $PopoverInstanceVm) === null || _$PopoverInstanceVm === void 0 ? void 0 : _$PopoverInstanceVm.updateTarget(target);
+      (_$PopoverInstanceVm = $PopoverInstanceVm) === null || _$PopoverInstanceVm === void 0 || _$PopoverInstanceVm.updateTarget(target);
     }
-    (_$PopoverInstanceVm2 = $PopoverInstanceVm) === null || _$PopoverInstanceVm2 === void 0 ? void 0 : _$PopoverInstanceVm2.show();
+    (_$PopoverInstanceVm2 = $PopoverInstanceVm) === null || _$PopoverInstanceVm2 === void 0 || _$PopoverInstanceVm2.show();
   }
   function update(e) {
     var _$PopoverInstanceVm3;
-    (_$PopoverInstanceVm3 = $PopoverInstanceVm) === null || _$PopoverInstanceVm3 === void 0 ? void 0 : _$PopoverInstanceVm3.updateTarget(e);
+    (_$PopoverInstanceVm3 = $PopoverInstanceVm) === null || _$PopoverInstanceVm3 === void 0 || _$PopoverInstanceVm3.updateTarget(e);
   }
   function hide() {
     var _$PopoverInstanceVm4;
-    (_$PopoverInstanceVm4 = $PopoverInstanceVm) === null || _$PopoverInstanceVm4 === void 0 ? void 0 : _$PopoverInstanceVm4.hide();
+    (_$PopoverInstanceVm4 = $PopoverInstanceVm) === null || _$PopoverInstanceVm4 === void 0 || _$PopoverInstanceVm4.hide();
   }
   immediate && install();
   return {