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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/bk-user-selector",
-  "version": "0.1.1-beta.2",
+  "version": "0.1.1-beta.3",
   "description": "蓝鲸用户选择器",
   "license": "MIT",
   "author": "Tencent BlueKing",
@@ -57,6 +57,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
+    "bkui-vue": "2.0.2-beta.63",
     "lodash": "^4.17.21",
     "sortablejs": "^1.15.6"
   },

package/vue2/index.es.min.js

@@ -5718,28 +5718,21 @@ var vBkloading = {
   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;
   }
@@ -6205,7 +6198,7 @@ var __webpack_exports__$1 = {};
     __webpack_require__$1.d(x3, y2);
     return x3;
   };
-  const external_vue_namespaceObject2 = external_vue_x2({ ["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, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["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, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+  const external_vue_namespaceObject2 = external_vue_x2({ ["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, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["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, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
   function _createForOfIteratorHelper(o2, allowArrayLike) {
     var it = typeof Symbol !== "undefined" && o2[Symbol.iterator] || o2["@@iterator"];
     if (!it) {
@@ -6487,6 +6480,7 @@ var __webpack_exports__$1 = {};
       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() {
@@ -6587,7 +6581,7 @@ var __webpack_exports__$1 = {};
     /**
      * 弹出内容绑定元素
      */
-    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),
     /**
@@ -8483,23 +8477,6 @@ var __webpack_exports__$1 = {};
     }, {});
     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;
@@ -8548,28 +8525,7 @@ var __webpack_exports__$1 = {};
       }
     };
     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);
@@ -8614,9 +8570,6 @@ var __webpack_exports__$1 = {};
     var showPopover = function showPopover2() {
       var delay = resolvePopoverDelay()[0];
       popShowTimerId = setTimeout(function() {
-        if (!refContent.value) {
-          return;
-        }
         if (!props.disabled) {
           localIsShow.value = true;
         }
@@ -8625,9 +8578,6 @@ var __webpack_exports__$1 = {};
     var hidePopover = function hidePopover2() {
       var delay = resolvePopoverDelay()[1];
       popHideTimerId = setTimeout(function() {
-        if (!refContent.value) {
-          return;
-        }
         popShowTimerId && clearTimeout(popShowTimerId);
         localIsShow.value = false;
       }, delay);
@@ -8635,30 +8585,20 @@ var __webpack_exports__$1 = {};
     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) {
@@ -8687,14 +8627,10 @@ var __webpack_exports__$1 = {};
       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$;
@@ -8746,13 +8682,13 @@ var __webpack_exports__$1 = {};
       getFullscreenRoot: getFullscreenRoot3,
       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(fn2) {
@@ -8761,7 +8697,8 @@ var __webpack_exports__$1 = {};
         }
       };
       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);
@@ -8770,53 +8707,42 @@ var __webpack_exports__$1 = {};
         }
       };
       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) {
@@ -8851,18 +8777,7 @@ var __webpack_exports__$1 = {};
       }
     };
     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)) {
@@ -8870,16 +8785,11 @@ var __webpack_exports__$1 = {};
         } 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") {
@@ -8931,14 +8841,12 @@ var __webpack_exports__$1 = {};
       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);
@@ -8950,7 +8858,7 @@ var __webpack_exports__$1 = {};
         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();
     };
@@ -8972,39 +8880,25 @@ var __webpack_exports__$1 = {};
       if (props.disabled) {
         return;
       }
+      initPopInstance();
       if (isElementFullScreen()) {
         var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
         var target = getFullscreenRoot3(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) {
@@ -9014,7 +8908,7 @@ var __webpack_exports__$1 = {};
           hideFn();
         }
       };
-      if (props.hideIgnoreReference) {
+      if (hideIgnoreReference) {
         setTimeout(function() {
           if (ReferenceClickSharedState[uniqKey]) {
             ReferenceClickSharedState[uniqKey] = false;
@@ -9075,7 +8969,7 @@ var __webpack_exports__$1 = {};
         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;
@@ -9094,6 +8988,7 @@ var __webpack_exports__$1 = {};
           initPopInstance();
         }
       });
+      updateBoundary();
       (0, external_vue_namespaceObject2.onMounted)(onMountedFn);
       (0, external_vue_namespaceObject2.onBeforeUnmount)(onUnmountedFn);
       var isRenderModeShow = (0, external_vue_namespaceObject2.computed)(function() {
@@ -9140,6 +9035,7 @@ var __webpack_exports__$1 = {};
         isRenderModeShow,
         transBoundary,
         handleClickContent,
+        handleClickOutside,
         updatePopover,
         resetPopover,
         hide: hide2,
@@ -9186,7 +9082,7 @@ var __webpack_exports__$1 = {};
             "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,
@@ -9211,7 +9107,9 @@ var __webpack_exports__$1 = {};
                     }
                   }) : "";
                 }
-              })];
+              }), [[(0, external_vue_namespaceObject2.resolveDirective)("clickoutside"), function(e) {
+                return _this.handleClickOutside(e, _this.hideIgnoreReference);
+              }]])];
             }
           })];
         }