@blueking/bk-user-selector 0.1.1-beta.2 → 0.1.1-beta.3

package/vue2/index.umd.min.js

@@ -5740,28 +5740,21 @@ ${$(r2)}`), n2;
     mounted: function mounted(el, binding) {
       if (binding.value) {
         createInstance(el, binding);
-        if (!binding.value.loading) {
-          var _instance$vm;
-          var instance = el[INSTANCE_KEY];
-          if (instance !== null && instance !== void 0 && (_instance$vm = instance.vm) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.$el) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.parentNode) !== null && _instance$vm !== void 0 && _instance$vm.style) {
-            instance.vm.$el.parentNode.style.display = "none";
-          }
-        }
       }
     },
     updated: function updated(el, binding) {
-      var _instance$vm2;
+      var _instance$vm;
       var instance = el[INSTANCE_KEY];
       var value = binding.value;
       updateOptions(value, instance.options);
-      if (instance !== null && instance !== void 0 && (_instance$vm2 = instance.vm) !== null && _instance$vm2 !== void 0 && (_instance$vm2 = _instance$vm2.$el) !== null && _instance$vm2 !== void 0 && (_instance$vm2 = _instance$vm2.parentNode) !== null && _instance$vm2 !== void 0 && _instance$vm2.style) {
+      if (instance !== null && instance !== void 0 && (_instance$vm = instance.vm) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.$el) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.parentNode) !== null && _instance$vm !== void 0 && _instance$vm.style) {
         instance.vm.$el.parentNode.style.display = value.loading ? "" : "none";
       }
     },
     unmounted: function unmounted(el) {
-      var _instance$vm3, _instance$instance;
+      var _instance$vm2, _instance$instance;
       var instance = el[INSTANCE_KEY];
-      el === null || el === void 0 || el.removeChild(instance === null || instance === void 0 || (_instance$vm3 = instance.vm) === null || _instance$vm3 === void 0 || (_instance$vm3 = _instance$vm3.$el) === null || _instance$vm3 === void 0 ? void 0 : _instance$vm3.parentNode);
+      el === null || el === void 0 || el.removeChild(instance === null || instance === void 0 || (_instance$vm2 = instance.vm) === null || _instance$vm2 === void 0 || (_instance$vm2 = _instance$vm2.$el) === null || _instance$vm2 === void 0 ? void 0 : _instance$vm2.parentNode);
       instance === null || instance === void 0 || (_instance$instance = instance.instance) === null || _instance$instance === void 0 || _instance$instance.unmount();
       el[INSTANCE_KEY] = null;
     }
@@ -6227,7 +6220,7 @@ ${$(r2)}`), n2;
       __webpack_require__$1.d(x3, y2);
       return x3;
     };
-    const external_vue_namespaceObject2 = external_vue_x2({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Teleport, ["Text"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Text, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.h, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.render, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.watch });
+    const external_vue_namespaceObject2 = external_vue_x2({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Teleport, ["Text"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Text, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.h, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.render, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.withDirectives });
     function _createForOfIteratorHelper(o2, allowArrayLike) {
       var it = typeof Symbol !== "undefined" && o2[Symbol.iterator] || o2["@@iterator"];
       if (!it) {
@@ -6509,6 +6502,7 @@ ${$(r2)}`), n2;
         var refContent = (0, external_vue_namespaceObject2.ref)(null);
         var refTimer = (0, external_vue_namespaceObject2.ref)(null);
         var handleClick = function handleClick2(evt) {
+          evt.stopPropagation();
           emit("click", evt);
         };
         var resetPointerEvent = function resetPointerEvent2() {
@@ -6609,7 +6603,7 @@ ${$(r2)}`), n2;
       /**
        * 弹出内容绑定元素
        */
-      boundary: shared_namespaceObject2.PropTypes.oneOfType([shared_namespaceObject2.PropTypes.string.def("parent"), shared_namespaceObject2.PropTypes.instanceOf(HTMLElement)]).def("body"),
+      boundary: shared_namespaceObject2.PropTypes.oneOfType([shared_namespaceObject2.PropTypes.string.def("parent"), shared_namespaceObject2.PropTypes.instanceOf(HTMLElement)]),
       zIndex: shared_namespaceObject2.PropTypes.number.def(void 0),
       disableTeleport: shared_namespaceObject2.PropTypes.bool.def(false),
       /**
@@ -8505,23 +8499,6 @@ ${$(r2)}`), n2;
       }, {});
       var contentClass = "".concat(customThemeCls);
       var cleanup = null;
-      var clearAllTimers = function clearAllTimers2() {
-        if (popHideTimerId) {
-          clearTimeout(popHideTimerId);
-          popHideTimerId = void 0;
-        }
-        if (popShowTimerId) {
-          clearTimeout(popShowTimerId);
-          popShowTimerId = void 0;
-        }
-      };
-      var wrappedCleanup = function wrappedCleanup2() {
-        clearAllTimers();
-        if (cleanup) {
-          cleanup();
-          cleanup = null;
-        }
-      };
       var getRoundPixelVal = function getRoundPixelVal2(val) {
         var dpr = window.devicePixelRatio || 1;
         return Math.round(val * dpr) / dpr || 0;
@@ -8570,28 +8547,7 @@ ${$(r2)}`), n2;
         }
       };
       var createPopInstance = function createPopInstance2() {
-        var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
         var _resolvePopElements = resolvePopElements(), elReference = _resolvePopElements.elReference, elContent = _resolvePopElements.elContent;
-        if (!elReference || !elContent) {
-          if (retryCount >= 10) {
-            console.warn("[Popover] Failed to create popover instance: elements not found after retries");
-            return;
-          }
-          (0, external_vue_namespaceObject2.nextTick)(function() {
-            createPopInstance2(retryCount + 1);
-          });
-          return;
-        }
-        if (!elReference.isConnected || !elContent.isConnected) {
-          if (retryCount >= 10) {
-            console.warn("[Popover] Failed to create popover instance: elements not connected to DOM after retries");
-            return;
-          }
-          (0, external_vue_namespaceObject2.nextTick)(function() {
-            createPopInstance2(retryCount + 1);
-          });
-          return;
-        }
         cleanup = autoUpdate(elReference, elContent, function() {
           if (localIsShow.value) {
             updatePopover(null, props);
@@ -8636,9 +8592,6 @@ ${$(r2)}`), n2;
       var showPopover = function showPopover2() {
         var delay = resolvePopoverDelay()[0];
         popShowTimerId = setTimeout(function() {
-          if (!refContent.value) {
-            return;
-          }
           if (!props.disabled) {
             localIsShow.value = true;
           }
@@ -8647,9 +8600,6 @@ ${$(r2)}`), n2;
       var hidePopover = function hidePopover2() {
         var delay = resolvePopoverDelay()[1];
         popHideTimerId = setTimeout(function() {
-          if (!refContent.value) {
-            return;
-          }
           popShowTimerId && clearTimeout(popShowTimerId);
           localIsShow.value = false;
         }, delay);
@@ -8657,30 +8607,20 @@ ${$(r2)}`), n2;
       var handlePopoverShow = function handlePopoverShow2() {
         var _refContent$value2;
         var elContent = resolveTargetElement((_refContent$value2 = refContent.value) === null || _refContent$value2 === void 0 ? void 0 : _refContent$value2.$el);
-        if (!elContent) {
-          return;
-        }
         elContent.style.setProperty("display", "block");
         elContent.style.setProperty("z-index", "".concat(props.zIndex ? props.zIndex : shared_namespaceObject2.bkZIndexManager.getPopperIndex()));
         updatePopover();
-        if (ctx !== null && ctx !== void 0 && ctx.emit) {
-          ctx.emit(EMIT_EVENTS.CONTENT_AfterShow, {
-            isShow: true
-          });
-        }
+        ctx.emit(EMIT_EVENTS.CONTENT_AfterShow, {
+          isShow: true
+        });
       };
       var handlePopoverHide = function handlePopoverHide2() {
         var _refContent$value3;
         var elContent = resolveTargetElement((_refContent$value3 = refContent.value) === null || _refContent$value3 === void 0 ? void 0 : _refContent$value3.$el);
-        if (!elContent) {
-          return;
-        }
         elContent.style.setProperty("display", "none");
-        if (ctx !== null && ctx !== void 0 && ctx.emit) {
-          ctx.emit(EMIT_EVENTS.CONTENT_AfterHidden, {
-            isShow: false
-          });
-        }
+        ctx.emit(EMIT_EVENTS.CONTENT_AfterHidden, {
+          isShow: false
+        });
       };
       var triggerPopover = function triggerPopover2() {
         if (!localIsShow.value) {
@@ -8709,14 +8649,10 @@ ${$(r2)}`), n2;
         emitPopContentMouseLeave(e);
       };
       var emitPopContentMouseEnter = function emitPopContentMouseEnter2(e) {
-        if (ctx !== null && ctx !== void 0 && ctx.emit) {
-          ctx.emit(EMIT_EVENTS.CONTENT_MOUSEENTER, e);
-        }
+        ctx.emit(EMIT_EVENTS.CONTENT_MOUSEENTER, e);
       };
       var emitPopContentMouseLeave = function emitPopContentMouseLeave2(e) {
-        if (ctx !== null && ctx !== void 0 && ctx.emit) {
-          ctx.emit(EMIT_EVENTS.CONTENT_MOUSELEAVE, e);
-        }
+        ctx.emit(EMIT_EVENTS.CONTENT_MOUSELEAVE, e);
       };
       var resolveTriggerEvents = function resolveTriggerEvents2() {
         var _triggerEvents$props$;
@@ -8768,13 +8704,13 @@ ${$(r2)}`), n2;
         getFullscreenRoot: getFullscreenRoot2,
         stopHide,
         localIsShow,
-        cleanup: wrappedCleanup
+        cleanup
       };
     };
-    var popContainerId2 = "id_".concat(esm_browser_v42());
+    var popContainerId2 = null;
+    var parentNodeReferId = null;
     const use_popper_id = function(props) {
       var prefix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "#";
-      var parentNodeReferId = "id_".concat(esm_browser_v42());
       var getPrefixId = function getPrefixId2(root3) {
         var resolvedBoundary = null;
         var resolveBoundary = function resolveBoundary2(fn) {
@@ -8783,7 +8719,8 @@ ${$(r2)}`), n2;
           }
         };
         var resolveParentBoundary = function resolveParentBoundary2() {
-          if (/^parent$/i.test(props.boundary) || !props.boundary) {
+          if (/^parent$/i.test(props.boundary)) {
+            resolvedBoundary = "".concat(prefix).concat(popContainerId2);
             var _ref = root3 || {}, parentNode = _ref.parentNode;
             if (parentNode !== null && parentNode !== void 0 && parentNode.parentNode) {
               parentNode.parentNode.setAttribute("data-pnode-id", parentNodeReferId);
@@ -8792,53 +8729,42 @@ ${$(r2)}`), n2;
           }
         };
         var resolveCommonBoundary = function resolveCommonBoundary2() {
-          if (typeof props.boundary === "string" && /^body$/i.test(props.boundary)) {
-            resolvedBoundary = "".concat(prefix).concat(popContainerId2);
-            return;
-          }
-          if (props.boundary === document.body) {
-            resolvedBoundary = "".concat(prefix).concat(popContainerId2);
-            return;
-          }
-          if (typeof props.boundary === "string") {
-            resolvedBoundary = props.boundary;
-            return;
-          }
-          if (utils_isElement(props.boundary)) {
-            resolvedBoundary = props.boundary;
-            return;
+          if (!/^body$/i.test(props.boundary)) {
+            if (typeof props.boundary === "string") {
+              if (!isAvailableId(props.boundary)) {
+                resolvedBoundary = "body";
+                return;
+              }
+              resolvedBoundary = props.boundary;
+              return;
+            }
+            if (utils_isElement(props.boundary)) {
+              resolvedBoundary = props.boundary;
+              return;
+            }
           }
         };
         resolveBoundary(resolveParentBoundary);
         resolveBoundary(resolveCommonBoundary);
         resolveBoundary(function() {
-          resolvedBoundary = "".concat(prefix).concat(popContainerId2);
+          resolvedBoundary = typeof props.boundary === "string" ? props.boundary : "".concat(prefix).concat(popContainerId2);
         });
         return resolvedBoundary;
       };
-      if (!isAvailableId("#".concat(popContainerId2))) {
+      if (popContainerId2 === null || !isAvailableId("#".concat(popContainerId2))) {
+        popContainerId2 = "id_".concat(esm_browser_v42());
         var popContainer = document.createElement("div");
         popContainer.setAttribute("id", popContainerId2);
         popContainer.setAttribute("data-popper-id", popContainerId2);
         document.body.append(popContainer);
       }
-      var clearParentNodeId = function clearParentNodeId2(root3) {
-        if (/^parent$/i.test(props.boundary)) {
-          var _ref2 = root3 || {}, parentNode = _ref2.parentNode;
-          if (parentNode !== null && parentNode !== void 0 && parentNode.parentNode) {
-            var attr = parentNode.parentNode.getAttribute("data-pnode-id");
-            if (attr === parentNodeReferId) {
-              parentNode.parentNode.removeAttribute("data-pnode-id");
-            }
-          }
-        }
-      };
+      if (parentNodeReferId === null) {
+        parentNodeReferId = "id_".concat(esm_browser_v42());
+      }
       return {
         popContainerId: popContainerId2,
         prefixId: getPrefixId(),
-        getPrefixId,
-        parentNodeReferId,
-        clearParentNodeId
+        getPrefixId
       };
     };
     const use_popover_init = function(props, ctx, _ref) {
@@ -8873,18 +8799,7 @@ ${$(r2)}`), n2;
         }
       };
       var addEventToPopTargetEl = function addEventToPopTargetEl2() {
-        var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
         var _resolvePopElements = resolvePopElements(), elReference = _resolvePopElements.elReference, elContent = _resolvePopElements.elContent;
-        if (!elReference) {
-          if (retryCount >= 10) {
-            console.warn("[Popover] Failed to add events: reference element not found after retries");
-            return;
-          }
-          (0, external_vue_namespaceObject2.nextTick)(function() {
-            addEventToPopTargetEl2(retryCount + 1);
-          });
-          return;
-        }
         storeEvents = resolveTriggerEvents();
         storeEvents.forEach(function(storeEvent) {
           if (Array.isArray(storeEvent)) {
@@ -8892,16 +8807,11 @@ ${$(r2)}`), n2;
           } else {
             var content2 = storeEvent.content, reference3 = storeEvent.reference;
             addEventToTargetEl(elReference, reference3);
-            if (elContent) {
-              addEventToTargetEl(elContent, content2);
-            }
+            addEventToTargetEl(elContent, content2);
           }
         });
       };
       var addEventToTargetEl = function addEventToTargetEl2(target, evets) {
-        if (!target) {
-          return;
-        }
         evets.forEach(function(_ref2) {
           var _ref3 = _slicedToArray(_ref2, 2), event = _ref3[0], listener = _ref3[1];
           if (event && typeof listener === "function") {
@@ -8953,14 +8863,12 @@ ${$(r2)}`), n2;
         if (isFullscreen.value) {
           var _fullScreenTarget$val;
           var _ref10 = elReference || root3 || {}, parentNode = _ref10.parentNode;
-          var fullscreenBoundary = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
-          boundary.value = fullscreenBoundary || "body";
+          boundary.value = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
           return;
         }
-        var resolvedBoundary = getPrefixId(root3 || elReference);
-        boundary.value = resolvedBoundary || "body";
+        boundary.value = getPrefixId(root3 || elReference);
       };
-      var _usePopperId = use_popper_id(props, "#"), getPrefixId = _usePopperId.getPrefixId, clearParentNodeId = _usePopperId.clearParentNodeId;
+      var _usePopperId = use_popper_id(props, "#"), getPrefixId = _usePopperId.getPrefixId;
       var setFullscreenTag = function setFullscreenTag2() {
         var _fullScreenTarget$val2;
         fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 || _fullScreenTarget$val2.setAttribute("data-fllsrn-id", fullscreenReferId);
@@ -8972,7 +8880,7 @@ ${$(r2)}`), n2;
           element === null || element === void 0 || element.removeAttribute("data-fllsrn-id");
         });
       };
-      var boundary = (0, external_vue_namespaceObject2.ref)("body");
+      var boundary = (0, external_vue_namespaceObject2.ref)();
       var beforeInstanceUnmount = function beforeInstanceUnmount2() {
         removeEventListener();
       };
@@ -8994,39 +8902,25 @@ ${$(r2)}`), n2;
         if (props.disabled) {
           return;
         }
+        initPopInstance();
         if (isElementFullScreen()) {
           var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
           var target = getFullscreenRoot2(query);
           updateFullscreen(target);
         }
         updateBoundary();
-        initPopInstance();
         document.body.addEventListener("fullscreenchange", handleFullscreenChange);
-        document.addEventListener("click", handleClickOutside);
       };
       var onUnmountedFn = function onUnmountedFn2() {
         beforeInstanceUnmount();
-        var _resolvePopElements4 = resolvePopElements(), root3 = _resolvePopElements4.root;
-        clearParentNodeId(root3);
         document.body.removeEventListener("fullscreenchange", handleFullscreenChange);
-        document.removeEventListener("click", handleClickOutside);
-      };
-      var isClickInside = function isClickInside2(target) {
-        var _refContent$value$$el, _refContent$value, _refContent$value$con;
-        return (_refContent$value$$el = (_refContent$value = refContent.value) === null || _refContent$value === void 0 || (_refContent$value = _refContent$value.$el) === null || _refContent$value === void 0 || (_refContent$value$con = _refContent$value.contains) === null || _refContent$value$con === void 0 ? void 0 : _refContent$value$con.call(_refContent$value, target)) !== null && _refContent$value$$el !== void 0 ? _refContent$value$$el : false;
-      };
-      var handleClickOutside = function handleClickOutside2(e) {
-        var target = e.target;
-        if (isClickInside(target)) {
-          e.preventDefault();
-          e.stopPropagation();
-          e.stopImmediatePropagation();
-          return;
-        }
+      };
+      var handleClickOutside = function handleClickOutside2(_e) {
+        var hideIgnoreReference = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
         var commonFunc = function commonFunc2() {
           ctx.emit(EMIT_EVENTS.CLICK_OUTSIDE, {
             isShow: localIsShow.value,
-            event: e
+            event: _e
           });
           var needExec = props.disableOutsideClick || props.always || props.disabled || props.trigger === "manual";
           if (!props.forceClickoutside && needExec) {
@@ -9036,7 +8930,7 @@ ${$(r2)}`), n2;
             hideFn();
           }
         };
-        if (props.hideIgnoreReference) {
+        if (hideIgnoreReference) {
           setTimeout(function() {
             if (ReferenceClickSharedState[uniqKey]) {
               ReferenceClickSharedState[uniqKey] = false;
@@ -9097,7 +8991,7 @@ ${$(r2)}`), n2;
           refContent,
           refArrow,
           refRoot
-        }), onMountedFn = _usePopoverInit.onMountedFn, onUnmountedFn = _usePopoverInit.onUnmountedFn, beforeInstanceUnmount = _usePopoverInit.beforeInstanceUnmount, 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;
+        }), 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) {
           (0, external_vue_namespaceObject2.watch)(function() {
             return props.isShow;
@@ -9116,6 +9010,7 @@ ${$(r2)}`), n2;
             initPopInstance();
           }
         });
+        updateBoundary();
         (0, external_vue_namespaceObject2.onMounted)(onMountedFn);
         (0, external_vue_namespaceObject2.onBeforeUnmount)(onUnmountedFn);
         var isRenderModeShow = (0, external_vue_namespaceObject2.computed)(function() {
@@ -9162,6 +9057,7 @@ ${$(r2)}`), n2;
           isRenderModeShow,
           transBoundary,
           handleClickContent,
+          handleClickOutside,
           updatePopover,
           resetPopover,
           hide: hide2,
@@ -9208,7 +9104,7 @@ ${$(r2)}`), n2;
               "to": _this.boundary
             }, {
               "default": function _default2() {
-                return [(0, external_vue_namespaceObject2.createVNode)(content, {
+                return [(0, external_vue_namespaceObject2.withDirectives)((0, external_vue_namespaceObject2.createVNode)(content, {
                   "ref": "refContent",
                   "width": _this.width,
                   "height": _this.height,
@@ -9233,7 +9129,9 @@ ${$(r2)}`), n2;
                       }
                     }) : "";
                   }
-                })];
+                }), [[(0, external_vue_namespaceObject2.resolveDirective)("clickoutside"), function(e) {
+                  return _this.handleClickOutside(e, _this.hideIgnoreReference);
+                }]])];
               }
             })];
           }