bkui-vue 2.0.2-beta.9 → 2.0.2-beta.90

package/lib/popover/index.js

@@ -692,7 +692,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, ["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 });
+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, ["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 });
 ;// CONCATENATED MODULE: ../../packages/directives/src/clickoutside.ts
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -701,7 +701,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -839,7 +839,7 @@ const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTE
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -951,7 +951,7 @@ var normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(normalize_wheel
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1074,7 +1074,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1129,9 +1129,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1145,7 +1142,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -1254,6 +1251,7 @@ function renderArrow() {
  * @returns popper实例
  */
 function createPopperInstance(el, popper) {
+  if (!tooltips_nodeList.get(el)) return;
   var _nodeList$get = tooltips_nodeList.get(el),
     opts = _nodeList$get.opts;
   var placement = opts.placement,
@@ -1294,6 +1292,7 @@ function createPopperInstance(el, popper) {
  * @param el
  */
 function show(el) {
+  if (!tooltips_nodeList.get(el)) return;
   var _nodeList$get2 = tooltips_nodeList.get(el),
     popper = _nodeList$get2.popper,
     opts = _nodeList$get2.opts;
@@ -1369,7 +1368,7 @@ const external_overflow_title_namespaceObject = external_overflow_title_x({  });
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1407,7 +1406,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1448,7 +1447,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1493,7 +1492,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1548,7 +1547,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     var refContent = (0,external_vue_namespaceObject.ref)(null);
     var refTimer = (0,external_vue_namespaceObject.ref)(null);
     var handleClick = function handleClick(evt) {
-      evt.stopPropagation();
+      // evt.stopPropagation();
       emit('click', evt);
     };
     var resetPointerEvent = function resetPointerEvent() {
@@ -1663,7 +1662,7 @@ var PopoverProps = {
   /**
    * 弹出内容绑定元素
    */
-  boundary: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string.def('parent'), shared_namespaceObject.PropTypes.instanceOf(HTMLElement)]),
+  boundary: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string.def('parent'), shared_namespaceObject.PropTypes.instanceOf(HTMLElement)]).def('body'),
   zIndex: shared_namespaceObject.PropTypes.number.def(undefined),
   disableTeleport: shared_namespaceObject.PropTypes.bool.def(false),
   /**
@@ -1723,7 +1722,7 @@ var PopoverProps = {
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1758,7 +1757,7 @@ var PopoverProps = {
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -3886,7 +3885,7 @@ function v4(options, buf, offset) {
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -3960,7 +3959,7 @@ function use_floating_objectSpread(e) { for (var r = 1; r < arguments.length; r+
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -4177,6 +4176,25 @@ function use_floating_objectSpread(e) { for (var r = 1; r < arguments.length; r+
   }, {});
   var contentClass = "".concat(customThemeCls);
   var cleanup = null;
+  // 清理所有定时器的函数
+  var clearAllTimers = function clearAllTimers() {
+    if (popHideTimerId) {
+      clearTimeout(popHideTimerId);
+      popHideTimerId = undefined;
+    }
+    if (popShowTimerId) {
+      clearTimeout(popShowTimerId);
+      popShowTimerId = undefined;
+    }
+  };
+  // 包装 cleanup 函数，确保在清理时也清理定时器
+  var wrappedCleanup = function wrappedCleanup() {
+    clearAllTimers();
+    if (cleanup) {
+      cleanup();
+      cleanup = null;
+    }
+  };
   var getRoundPixelVal = function getRoundPixelVal(val) {
     var dpr = window.devicePixelRatio || 1;
     return Math.round(val * dpr) / dpr || 0;
@@ -4227,9 +4245,35 @@ function use_floating_objectSpread(e) { for (var r = 1; r < arguments.length; r+
     }
   };
   var createPopInstance = function createPopInstance() {
+    var retryCount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     var _resolvePopElements = resolvePopElements(),
       elReference = _resolvePopElements.elReference,
       elContent = _resolvePopElements.elContent;
+    // 检查元素是否存在，如果不存在则延迟创建实例
+    // 这通常发生在 renderDirective = 'show' 时，Content 通过 Teleport 渲染，可能还未完全挂载
+    if (!elReference || !elContent) {
+      // 限制重试次数，避免无限循环
+      if (retryCount >= 10) {
+        console.warn('[Popover] Failed to create popover instance: elements not found after retries');
+        return;
+      }
+      // 使用 nextTick 等待 DOM 更新完成，特别是等待 Teleport 完成
+      (0,external_vue_namespaceObject.nextTick)(function () {
+        createPopInstance(retryCount + 1);
+      });
+      return;
+    }
+    // 确保元素已经挂载到 DOM 中（对于 Teleport 渲染的元素很重要）
+    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_namespaceObject.nextTick)(function () {
+        createPopInstance(retryCount + 1);
+      });
+      return;
+    }
     cleanup = autoUpdate(elReference, elContent, function () {
       if (localIsShow.value) {
         updatePopover(null, props);
@@ -4282,6 +4326,10 @@ function use_floating_objectSpread(e) { for (var r = 1; r < arguments.length; r+
     var delay = resolvePopoverDelay()[0];
     // 设置settimeout避免hidePopover导致显示问题
     popShowTimerId = setTimeout(function () {
+      // 检查组件是否仍然存在，避免在组件卸载后更新状态
+      if (!refContent.value) {
+        return;
+      }
       // if (popHideTimerId) {
       //   clearTimeout(popHideTimerId);
       // }
@@ -4293,6 +4341,10 @@ function use_floating_objectSpread(e) { for (var r = 1; r < arguments.length; r+
   var hidePopover = function hidePopover() {
     var delay = resolvePopoverDelay()[1];
     popHideTimerId = setTimeout(function () {
+      // 检查组件是否仍然存在，避免在组件卸载后更新状态
+      if (!refContent.value) {
+        return;
+      }
       popShowTimerId && clearTimeout(popShowTimerId);
       isMouseenter = false;
       localIsShow.value = false;
@@ -4301,20 +4353,34 @@ function use_floating_objectSpread(e) { for (var r = 1; r < arguments.length; r+
   var handlePopoverShow = function handlePopoverShow() {
     var _refContent$value2;
     var elContent = resolveTargetElement((_refContent$value2 = refContent.value) === null || _refContent$value2 === void 0 ? void 0 : _refContent$value2.$el);
+    // 检查元素是否存在，避免在 null 上访问 style 属性
+    if (!elContent) {
+      return;
+    }
     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
-    });
+    // 检查 ctx 是否存在，避免在 null 上调用 emit
+    if (ctx !== null && ctx !== void 0 && ctx.emit) {
+      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);
+    // 检查元素是否存在，避免在 null 上访问 style 属性
+    if (!elContent) {
+      return;
+    }
     elContent.style.setProperty('display', 'none');
-    ctx.emit(EMIT_EVENTS.CONTENT_AfterHidden, {
-      isShow: false
-    });
+    // 检查 ctx 是否存在，避免在 null 上调用 emit
+    if (ctx !== null && ctx !== void 0 && ctx.emit) {
+      ctx.emit(EMIT_EVENTS.CONTENT_AfterHidden, {
+        isShow: false
+      });
+    }
   };
   var triggerPopover = function triggerPopover() {
     if (!localIsShow.value) {
@@ -4353,13 +4419,17 @@ function use_floating_objectSpread(e) { for (var r = 1; r < arguments.length; r+
    * 例如：鼠标移入内容区域，则取消弹出内容隐藏操作
    */
   var emitPopContentMouseEnter = function emitPopContentMouseEnter(e) {
-    ctx.emit(EMIT_EVENTS.CONTENT_MOUSEENTER, e);
+    if (ctx !== null && ctx !== void 0 && ctx.emit) {
+      ctx.emit(EMIT_EVENTS.CONTENT_MOUSEENTER, e);
+    }
   };
   /**
    * 弹出内容鼠标移出事件
    */
   var emitPopContentMouseLeave = function emitPopContentMouseLeave(e) {
-    ctx.emit(EMIT_EVENTS.CONTENT_MOUSELEAVE, e);
+    if (ctx !== null && ctx !== void 0 && ctx.emit) {
+      ctx.emit(EMIT_EVENTS.CONTENT_MOUSELEAVE, e);
+    }
   };
   var resolveTriggerEvents = function resolveTriggerEvents() {
     var _triggerEvents$props$;
@@ -4412,7 +4482,7 @@ function use_floating_objectSpread(e) { for (var r = 1; r < arguments.length; r+
     getFullscreenRoot: getFullscreenRoot,
     stopHide: stopHide,
     localIsShow: localIsShow,
-    cleanup: cleanup
+    cleanup: wrappedCleanup
   };
 });
 ;// CONCATENATED MODULE: ../../packages/popover/src/use-popper-id.ts
@@ -4420,7 +4490,7 @@ function use_floating_objectSpread(e) { for (var r = 1; r < arguments.length; r+
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -4443,10 +4513,11 @@ function use_floating_objectSpread(e) { for (var r = 1; r < arguments.length; r+
  */
 
 
-var popContainerId = null;
-var parentNodeReferId = null;
+var popContainerId = "id_".concat(esm_browser_v4());
 /* harmony default export */ const use_popper_id = (function (props) {
   var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '#';
+  // 为每个 popover 实例生成独立的 parentNodeReferId，避免嵌套时 ID 冲突
+  var parentNodeReferId = "id_".concat(esm_browser_v4());
   var getPrefixId = function getPrefixId(root) {
     var resolvedBoundary = null;
     var resolveBoundary = function resolveBoundary(fn) {
@@ -4455,8 +4526,7 @@ var parentNodeReferId = null;
       }
     };
     var resolveParentBoundary = function resolveParentBoundary() {
-      if (/^parent$/i.test(props.boundary)) {
-        resolvedBoundary = "".concat(prefix).concat(popContainerId);
+      if (/^parent$/i.test(props.boundary) || !props.boundary) {
         var _ref = root || {},
           parentNode = _ref.parentNode;
         if (parentNode !== null && parentNode !== void 0 && parentNode.parentNode) {
@@ -4466,43 +4536,62 @@ var parentNodeReferId = null;
       }
     };
     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;
-        }
+      // 如果 boundary 是字符串 'body'，使用动态创建的 popContainer
+      if (typeof props.boundary === 'string' && /^body$/i.test(props.boundary)) {
+        resolvedBoundary = "".concat(prefix).concat(popContainerId);
+        return;
+      }
+      // 如果 boundary 是 document.body 对象，使用动态创建的 popContainer
+      if (props.boundary === document.body) {
+        resolvedBoundary = "".concat(prefix).concat(popContainerId);
+        return;
+      }
+      // 处理其他字符串选择器，直接使用
+      if (typeof props.boundary === 'string') {
+        resolvedBoundary = props.boundary;
+        return;
+      }
+      // 处理其他 HTMLElement 对象，直接使用
+      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);
+      resolvedBoundary = "".concat(prefix).concat(popContainerId);
     });
     return resolvedBoundary;
   };
-  if (popContainerId === null || !isAvailableId("#".concat(popContainerId))) {
-    popContainerId = "id_".concat(esm_browser_v4());
+  // 确保全局 popContainer 容器存在
+  if (!isAvailableId("#".concat(popContainerId))) {
     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());
-  }
+  // 清理父节点上的 data-pnode-id 属性
+  var clearParentNodeId = function clearParentNodeId(root) {
+    if (/^parent$/i.test(props.boundary)) {
+      var _ref2 = root || {},
+        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');
+        }
+      }
+    }
+  };
   return {
     popContainerId: popContainerId,
     prefixId: getPrefixId(),
-    getPrefixId: getPrefixId
+    getPrefixId: getPrefixId,
+    parentNodeReferId: parentNodeReferId,
+    clearParentNodeId: clearParentNodeId
   };
 });
 ;// CONCATENATED MODULE: ../../packages/popover/src/use-popover-init.ts
@@ -4511,7 +4600,7 @@ var parentNodeReferId = null;
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -4584,9 +4673,23 @@ var parentNodeReferId = null;
     }
   };
   var addEventToPopTargetEl = function addEventToPopTargetEl() {
+    var retryCount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     var _resolvePopElements = resolvePopElements(),
       elReference = _resolvePopElements.elReference,
       elContent = _resolvePopElements.elContent;
+    // 检查元素是否存在，如果不存在则延迟执行
+    // 这通常发生在 renderDirective = 'show' 时，Content 通过 Teleport 渲染，可能还未完全挂载
+    if (!elReference) {
+      if (retryCount >= 10) {
+        console.warn('[Popover] Failed to add events: reference element not found after retries');
+        return;
+      }
+      // 使用 nextTick 等待 DOM 更新完成
+      (0,external_vue_namespaceObject.nextTick)(function () {
+        addEventToPopTargetEl(retryCount + 1);
+      });
+      return;
+    }
     storeEvents = resolveTriggerEvents();
     storeEvents.forEach(function (storeEvent) {
       if (Array.isArray(storeEvent)) {
@@ -4595,11 +4698,18 @@ var parentNodeReferId = null;
         var content = storeEvent.content,
           reference = storeEvent.reference;
         addEventToTargetEl(elReference, reference);
-        addEventToTargetEl(elContent, content);
+        // elContent 可能为 null（当 renderDirective = 'show' 且 Content 还未挂载时）
+        if (elContent) {
+          addEventToTargetEl(elContent, content);
+        }
       }
     });
   };
   var addEventToTargetEl = function addEventToTargetEl(target, evets) {
+    // 检查 target 是否存在，避免在 null 上调用 addEventListener
+    if (!target) {
+      return;
+    }
     evets.forEach(function (_ref2) {
       var _ref3 = _slicedToArray(_ref2, 2),
         event = _ref3[0],
@@ -4665,13 +4775,18 @@ var parentNodeReferId = null;
       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);
+      var fullscreenBoundary = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
+      // 确保 boundary 始终有一个有效值，避免 Teleport 的 to 属性为 undefined
+      boundary.value = fullscreenBoundary || 'body';
       return;
     }
-    boundary.value = getPrefixId(root || elReference);
+    var resolvedBoundary = getPrefixId(root || elReference);
+    // 确保 boundary 始终有一个有效值，避免 Teleport 的 to 属性为 undefined
+    boundary.value = resolvedBoundary || 'body';
   };
   var _usePopperId = use_popper_id(props, '#'),
-    getPrefixId = _usePopperId.getPrefixId;
+    getPrefixId = _usePopperId.getPrefixId,
+    clearParentNodeId = _usePopperId.clearParentNodeId;
   var setFullscreenTag = function setFullscreenTag() {
     var _fullScreenTarget$val2;
     fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 || _fullScreenTarget$val2.setAttribute('data-fllsrn-id', fullscreenReferId);
@@ -4683,7 +4798,8 @@ var parentNodeReferId = null;
       element === null || element === void 0 || element.removeAttribute('data-fllsrn-id');
     });
   };
-  var boundary = (0,external_vue_namespaceObject.ref)();
+  // 初始化 boundary 为 'body'，避免 Teleport 的 to 属性为 undefined
+  var boundary = (0,external_vue_namespaceObject.ref)('body');
   var beforeInstanceUnmount = function beforeInstanceUnmount() {
     removeEventListener();
   };
@@ -4701,29 +4817,119 @@ var parentNodeReferId = null;
     updateBoundary();
     updatePopover(null, props);
   };
+  // 监听父元素（Modal/Dialog）的可见性变化
+  var parentVisibilityObserver = null;
   var onMountedFn = function onMountedFn() {
     if (props.disabled) {
       return;
     }
-    initPopInstance();
     if (isElementFullScreen()) {
       var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
       var target = getFullscreenRoot(query);
       updateFullscreen(target);
     }
+    // 先更新 boundary，确保在初始化 popover 实例之前 boundary 已正确设置
     updateBoundary();
+    initPopInstance();
     document.body.addEventListener('fullscreenchange', handleFullscreenChange);
+    document.addEventListener('click', handleClickOutside);
+    // 监听父元素的可见性变化
+    var _resolvePopElements4 = resolvePopElements(),
+      elReference = _resolvePopElements4.elReference,
+      root = _resolvePopElements4.root;
+    var element = elReference || root;
+    if (element) {
+      var targetNode = element.closest('.bk-modal, .bk-dialog');
+      if (targetNode) {
+        parentVisibilityObserver = new MutationObserver(function () {
+          if (checkParentVisibility() && localIsShow.value) {
+            hideFn();
+          }
+        });
+        parentVisibilityObserver.observe(targetNode, {
+          attributes: true,
+          attributeFilter: ['style', 'class'],
+          subtree: true
+        });
+      }
+    }
   };
   var onUnmountedFn = function onUnmountedFn() {
     beforeInstanceUnmount();
+    // 清理父节点上的 data-pnode-id 属性
+    var _resolvePopElements5 = resolvePopElements(),
+      root = _resolvePopElements5.root;
+    clearParentNodeId(root);
     document.body.removeEventListener('fullscreenchange', handleFullscreenChange);
+    document.removeEventListener('click', handleClickOutside);
+    // 清理父元素可见性监听器
+    if (parentVisibilityObserver) {
+      parentVisibilityObserver.disconnect();
+      parentVisibilityObserver = null;
+    }
+  };
+  var isClickInside = function isClickInside(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;
+  };
+  /**
+   * 检查父元素（Modal/Dialog）是否被隐藏
+   * 如果父元素被隐藏，应该关闭 Popover
+   */
+  var checkParentVisibility = function checkParentVisibility() {
+    if (!localIsShow.value) return false;
+    var _resolvePopElements6 = resolvePopElements(),
+      elReference = _resolvePopElements6.elReference,
+      root = _resolvePopElements6.root;
+    var element = elReference || root;
+    if (!element) return false;
+    // 查找最近的 Modal 或 Dialog 父元素
+    var parent = element.parentElement;
+    while (parent && parent !== document.body) {
+      if (parent.classList.contains('bk-modal') || parent.classList.contains('bk-dialog')) {
+        // 检查 Modal wrapper 是否被隐藏（Dialog 关闭时 wrapper 会被 v-show 隐藏）
+        var wrapper = parent.querySelector('.bk-modal-wrapper');
+        if (wrapper) {
+          var wrapperStyle = window.getComputedStyle(wrapper);
+          if (wrapperStyle.display === 'none' || wrapperStyle.visibility === 'hidden') {
+            return true; // 父元素被隐藏
+          }
+        }
+        // 检查父元素本身是否被隐藏
+        var style = window.getComputedStyle(parent);
+        if (style.display === 'none' || style.visibility === 'hidden') {
+          return true; // 父元素被隐藏
+        }
+      }
+      parent = parent.parentElement;
+    }
+    return false;
   };
-  var handleClickOutside = function handleClickOutside(_e) {
-    var hideIgnoreReference = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  /**
+   * 处理点击外部区域的事件
+   * @param e - 事件对象
+   * @param hideIgnoreReference - 是否忽略隐藏参考元素
+   * @returns
+   */
+  var handleClickOutside = function handleClickOutside(e) {
+    var target = e.target;
+    if (isClickInside(target)) {
+      e.preventDefault();
+      e.stopPropagation();
+      e.stopImmediatePropagation();
+      return;
+    }
+    // 检查父元素（Modal/Dialog）是否被隐藏，如果隐藏则关闭 Popover
+    if (checkParentVisibility()) {
+      if (localIsShow.value) {
+        hideFn();
+      }
+      return;
+    }
     var commonFunc = function commonFunc() {
       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) {
@@ -4733,7 +4939,12 @@ var parentNodeReferId = null;
         hideFn();
       }
     };
-    if (hideIgnoreReference) {
+    /**
+     * 如果需要忽略隐藏参考元素，则设置一个定时器，在定时器结束后检查是否需要隐藏 popover
+     * @param hideIgnoreReference - 是否忽略隐藏参考元素
+     * @returns
+     */
+    if (props.hideIgnoreReference) {
       setTimeout(function () {
         if (ReferenceClickSharedState[uniqKey]) {
           ReferenceClickSharedState[uniqKey] = false;
@@ -4771,7 +4982,7 @@ var parentNodeReferId = null;
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -4836,9 +5047,7 @@ function _isSlot(s) {
       }),
       onMountedFn = _usePopoverInit.onMountedFn,
       onUnmountedFn = _usePopoverInit.onUnmountedFn,
-      handleClickOutside = _usePopoverInit.handleClickOutside,
       beforeInstanceUnmount = _usePopoverInit.beforeInstanceUnmount,
-      updateBoundary = _usePopoverInit.updateBoundary,
       initPopInstance = _usePopoverInit.initPopInstance,
       showFn = _usePopoverInit.showFn,
       hideFn = _usePopoverInit.hideFn,
@@ -4868,7 +5077,6 @@ function _isSlot(s) {
         initPopInstance();
       }
     });
-    updateBoundary();
     (0,external_vue_namespaceObject.onMounted)(onMountedFn);
     (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
     var isRenderModeShow = (0,external_vue_namespaceObject.computed)(function () {
@@ -4917,7 +5125,6 @@ function _isSlot(s) {
       isRenderModeShow: isRenderModeShow,
       transBoundary: transBoundary,
       handleClickContent: handleClickContent,
-      handleClickOutside: handleClickOutside,
       updatePopover: updatePopover,
       resetPopover: resetPopover,
       hide: hide,
@@ -4973,7 +5180,7 @@ function _isSlot(s) {
           "to": _this.boundary
         }, {
           "default": function _default() {
-            return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)(content, {
+            return [(0,external_vue_namespaceObject.createVNode)(content, {
               "ref": "refContent",
               "width": _this.width,
               "height": _this.height,
@@ -4998,9 +5205,7 @@ function _isSlot(s) {
                   }
                 }) : '';
               }
-            }), [[(0,external_vue_namespaceObject.resolveDirective)("clickoutside"), function (e) {
-              return _this.handleClickOutside(e, _this.hideIgnoreReference);
-            }]])];
+            })];
           }
         })];
       }
@@ -5016,7 +5221,7 @@ function plugin_popover_objectSpread(e) { for (var r = 1; r < arguments.length;
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -5198,7 +5403,7 @@ function createPopoverComponent(options) {
  * 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.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *