bkui-vue 2.0.2-beta.76 → 2.0.2-beta.78

package/lib/index.js

@@ -3,5 +3,5 @@ export * from './hooks';
 export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
-export const version = "2.0.2-beta.76";
+export const version = "2.0.2-beta.78";
 window.__bkui_vue_version__ = version;

package/lib/message/index.js

@@ -1020,7 +1020,7 @@ function _defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const external_vue_namespaceObject = x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+const external_vue_namespaceObject = x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: external "../shared"
 var shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var shared_y = x => () => x
@@ -1063,6 +1063,23 @@ var instances = {
   'bottom-right': []
 };
 var seed = 1;
+// 更新指定位置的所有 Message 实例的位置
+var updateModalPosition = function updateModalPosition(position, spacing) {
+  var initialOffset = 30;
+  var offsetTop = initialOffset;
+  instances[position].forEach(function (vm) {
+    if (vm.el) {
+      // 获取当前实例的实际高度（包括详情展开后的高度）
+      var currentHeight = vm.el.offsetHeight || 0;
+      // 直接更新 DOM 元素的 top 样式，确保位置立即生效
+      vm.el.style.top = "".concat(offsetTop, "px");
+      // 同时更新 props，保持数据一致性
+      vm.props.offsetY = offsetTop;
+      // 然后累加当前实例的高度和间距，用于计算下一个实例的位置
+      offsetTop += currentHeight + spacing;
+    }
+  });
+};
 var Message = function Message(constructor, options) {
   var opts = options;
   var position = opts.position || 'top-right';
@@ -1085,17 +1102,11 @@ var Message = function Message(constructor, options) {
   opts = _objectSpread(_objectSpread({}, opts), {}, {
     offsetX: horizontalOffset,
     offsetY: verticalOffset,
-    id: id
+    id: id,
+    spacing: spacing
   });
   var container = document.createElement('div');
   var vm = (0,external_vue_namespaceObject.createVNode)(constructor, opts);
-  // const updateModalPosition = () => {
-  //   let offsetTop = 30;
-  //   instances[position].forEach((vm) => {
-  //     offsetTop += (vm.el.offsetHeight || 0) + spacing;
-  //     vm.props.offsetY = offsetTop;
-  //   });
-  // };
   vm.props.onDestroy = function (id) {
     use_message_close(id, position, spacing, userOnClose);
     (0,external_vue_namespaceObject.render)(null, container);
@@ -1104,13 +1115,19 @@ var Message = function Message(constructor, options) {
     instances[position].forEach(function (item) {
       if (item.props.id !== id) {
         var _item$component;
-        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 || _item$component.setDetailsShow(null, false);
+        // 关闭其他实例的详情时，传入 shouldEmit = false 避免触发无限循环
+        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 || _item$component.setDetailsShow(null, false, false);
       }
     });
-    // setTimeout(() => {
-    //   console.log('updateModalPosition');
-    //   updateModalPosition();
-    // });
+    // 等待 DOM 更新完成后再更新位置
+    // 详情展开/收起时，DOM 高度会变化，需要等待渲染完成
+    // 由于事件已经在详情内容渲染完成后才 emit，这里只需要等待 Vue 响应式更新和浏览器布局完成
+    var currentSpacing = spacing || 10;
+    (0,external_vue_namespaceObject.nextTick)(function () {
+      requestAnimationFrame(function () {
+        updateModalPosition(position, currentSpacing);
+      });
+    });
   };
   (0,external_vue_namespaceObject.render)(vm, container);
   instances[position].push(vm);
@@ -1124,21 +1141,23 @@ var Message = function Message(constructor, options) {
 };
 function use_message_close(id, position, spacing, userOnClose) {
   userOnClose === null || userOnClose === void 0 || userOnClose();
-  var verticalProperty = position.startsWith('top') ? 'top' : 'bottom';
   var instanceIndex = -1;
   instances[position].forEach(function (item, index) {
     if (item.props.id === id) {
       instanceIndex = index;
     }
   });
-  var vm = instances[position][instanceIndex];
-  var removeHeight = vm.el.offsetHeight;
-  var len = instances[position].length;
-  for (var i = instanceIndex; i < len; i++) {
-    var pos = parseInt(instances[position][i].el.style[verticalProperty], 10) - removeHeight - spacing;
-    instances[position][i].component.props.offsetY = pos;
+  if (instanceIndex === -1) {
+    return;
   }
+  // 移除实例
   instances[position].splice(instanceIndex, 1);
+  // 重新计算所有剩余实例的位置
+  // 使用传入的 spacing，如果没有则从第一个实例获取，或使用默认值 10
+  var currentSpacing = spacing || (instances[position].length > 0 ? instances[position][0].props.spacing : 10) || 10;
+  (0,external_vue_namespaceObject.nextTick)(function () {
+    updateModalPosition(position, currentSpacing);
+  });
 }
 /* harmony default export */ const use_message = (Message);
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
@@ -1445,8 +1464,15 @@ var messageProps = {
       return targetJson;
     };
     var setDetailsShow = function setDetailsShow(e, isShow) {
+      var shouldEmit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
       toolOperation.isDetailShow = isShow !== null && isShow !== void 0 ? isShow : !toolOperation.isDetailShow;
       fixMesage(e, toolOperation.isDetailShow);
+      // 用于在详情内容渲染完成后 emit 事件的回调
+      var emitAfterRender = function emitAfterRender() {
+        if (shouldEmit && _typeof(props.message) === 'object' && !(0,external_vue_namespaceObject.isVNode)(props.message)) {
+          emit('detail', toolOperation.isDetailShow, props.id);
+        }
+      };
       if (toolOperation.isDetailShow && _typeof(props.message) === 'object' && !(0,external_vue_namespaceObject.isVNode)(props.message)) {
         if (props.message.type === MessageContentType.JSON || !props.message.type) {
           var targetJson = parseToJson(props.message.details);
@@ -1457,15 +1483,23 @@ var messageProps = {
               refJsonContent.value.append(formatter.render());
             }
             copyMessage();
+            // 详情内容渲染完成后，再 emit 事件以更新位置
+            emitAfterRender();
           });
-        }
-        if (props.message.type === MessageContentType.KEY_VALUE) {
+        } else if (props.message.type === MessageContentType.KEY_VALUE) {
           setTimeout(function () {
             copyMessage();
             copyValueItem();
+            // 详情内容渲染完成后，再 emit 事件以更新位置
+            emitAfterRender();
           });
+        } else {
+          // 如果没有详情内容需要渲染，立即 emit
+          emitAfterRender();
         }
-        emit('detail', toolOperation.isDetailShow, props.id);
+      } else {
+        // 收起详情时，立即 emit 事件
+        emitAfterRender();
       }
     };
     var fixMesage = function fixMesage(_e, isFix) {

package/lib/message/messageConstructor.d.ts

@@ -152,7 +152,7 @@ declare const _default: import("vue").DefineComponent<{
     })>;
     visible: import("vue").Ref<boolean>;
     close: (e: Event) => void;
-    setDetailsShow: (e: MouseEvent, isShow?: boolean) => void;
+    setDetailsShow: (e: MouseEvent, isShow?: boolean, shouldEmit?: boolean) => void;
     fixMesage: (_e: MouseEvent, isFix?: boolean) => void;
     copyMessage: () => void;
     parseToJson: (value: any) => any;

package/lib/notify/index.js

@@ -82,7 +82,7 @@ function _defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const external_vue_namespaceObject = x({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+const external_vue_namespaceObject = x({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: external "../shared"
 var shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var shared_y = x => () => x
@@ -125,6 +125,23 @@ var instances = {
   'bottom-right': []
 };
 var seed = 1;
+// 更新指定位置的所有 Message 实例的位置
+var updateModalPosition = function updateModalPosition(position, spacing) {
+  var initialOffset = 30;
+  var offsetTop = initialOffset;
+  instances[position].forEach(function (vm) {
+    if (vm.el) {
+      // 获取当前实例的实际高度（包括详情展开后的高度）
+      var currentHeight = vm.el.offsetHeight || 0;
+      // 直接更新 DOM 元素的 top 样式，确保位置立即生效
+      vm.el.style.top = "".concat(offsetTop, "px");
+      // 同时更新 props，保持数据一致性
+      vm.props.offsetY = offsetTop;
+      // 然后累加当前实例的高度和间距，用于计算下一个实例的位置
+      offsetTop += currentHeight + spacing;
+    }
+  });
+};
 var Message = function Message(constructor, options) {
   var opts = options;
   var position = opts.position || 'top-right';
@@ -147,17 +164,11 @@ var Message = function Message(constructor, options) {
   opts = _objectSpread(_objectSpread({}, opts), {}, {
     offsetX: horizontalOffset,
     offsetY: verticalOffset,
-    id: id
+    id: id,
+    spacing: spacing
   });
   var container = document.createElement('div');
   var vm = (0,external_vue_namespaceObject.createVNode)(constructor, opts);
-  // const updateModalPosition = () => {
-  //   let offsetTop = 30;
-  //   instances[position].forEach((vm) => {
-  //     offsetTop += (vm.el.offsetHeight || 0) + spacing;
-  //     vm.props.offsetY = offsetTop;
-  //   });
-  // };
   vm.props.onDestroy = function (id) {
     use_message_close(id, position, spacing, userOnClose);
     (0,external_vue_namespaceObject.render)(null, container);
@@ -166,13 +177,19 @@ var Message = function Message(constructor, options) {
     instances[position].forEach(function (item) {
       if (item.props.id !== id) {
         var _item$component;
-        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 || _item$component.setDetailsShow(null, false);
+        // 关闭其他实例的详情时，传入 shouldEmit = false 避免触发无限循环
+        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 || _item$component.setDetailsShow(null, false, false);
       }
     });
-    // setTimeout(() => {
-    //   console.log('updateModalPosition');
-    //   updateModalPosition();
-    // });
+    // 等待 DOM 更新完成后再更新位置
+    // 详情展开/收起时，DOM 高度会变化，需要等待渲染完成
+    // 由于事件已经在详情内容渲染完成后才 emit，这里只需要等待 Vue 响应式更新和浏览器布局完成
+    var currentSpacing = spacing || 10;
+    (0,external_vue_namespaceObject.nextTick)(function () {
+      requestAnimationFrame(function () {
+        updateModalPosition(position, currentSpacing);
+      });
+    });
   };
   (0,external_vue_namespaceObject.render)(vm, container);
   instances[position].push(vm);
@@ -186,21 +203,23 @@ var Message = function Message(constructor, options) {
 };
 function use_message_close(id, position, spacing, userOnClose) {
   userOnClose === null || userOnClose === void 0 || userOnClose();
-  var verticalProperty = position.startsWith('top') ? 'top' : 'bottom';
   var instanceIndex = -1;
   instances[position].forEach(function (item, index) {
     if (item.props.id === id) {
       instanceIndex = index;
     }
   });
-  var vm = instances[position][instanceIndex];
-  var removeHeight = vm.el.offsetHeight;
-  var len = instances[position].length;
-  for (var i = instanceIndex; i < len; i++) {
-    var pos = parseInt(instances[position][i].el.style[verticalProperty], 10) - removeHeight - spacing;
-    instances[position][i].component.props.offsetY = pos;
+  if (instanceIndex === -1) {
+    return;
   }
+  // 移除实例
   instances[position].splice(instanceIndex, 1);
+  // 重新计算所有剩余实例的位置
+  // 使用传入的 spacing，如果没有则从第一个实例获取，或使用默认值 10
+  var currentSpacing = spacing || (instances[position].length > 0 ? instances[position][0].props.spacing : 10) || 10;
+  (0,external_vue_namespaceObject.nextTick)(function () {
+    updateModalPosition(position, currentSpacing);
+  });
 }
 /* harmony default export */ const use_message = (Message);
 ;// CONCATENATED MODULE: external "vue-types"

package/lib/popover/index.d.ts

@@ -160,7 +160,7 @@ declare const BkPopover: {
         onContentMouseenter?: (e: MouseEvent) => any;
         onContentMouseleave?: (e: MouseEvent) => any;
     }, {
-        boundary: import("vue").Ref<any>;
+        boundary: import("vue").Ref<string>;
         arrow: boolean;
         refDefaultReference: import("vue").Ref<any>;
         refContent: import("vue").Ref<any>;
@@ -557,7 +557,7 @@ declare const BkPopover: {
         onContentMouseenter?: (e: MouseEvent) => any;
         onContentMouseleave?: (e: MouseEvent) => any;
     }, {
-        boundary: import("vue").Ref<any>;
+        boundary: import("vue").Ref<string>;
         arrow: boolean;
         refDefaultReference: import("vue").Ref<any>;
         refContent: import("vue").Ref<any>;
@@ -778,7 +778,7 @@ declare const BkPopover: {
     onContentMouseenter?: (e: MouseEvent) => any;
     onContentMouseleave?: (e: MouseEvent) => any;
 }, {
-    boundary: import("vue").Ref<any>;
+    boundary: import("vue").Ref<string>;
     arrow: boolean;
     refDefaultReference: import("vue").Ref<any>;
     refContent: import("vue").Ref<any>;

package/lib/popover/index.js

@@ -4176,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;
@@ -4226,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);
@@ -4281,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);
       // }
@@ -4292,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;
@@ -4300,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) {
@@ -4352,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$;
@@ -4411,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
@@ -4602,9 +4673,23 @@ var popContainerId = "id_".concat(esm_browser_v4());
     }
   };
   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)) {
@@ -4613,11 +4698,18 @@ var popContainerId = "id_".concat(esm_browser_v4());
         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],
@@ -4683,10 +4775,14 @@ var popContainerId = "id_".concat(esm_browser_v4());
       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,
@@ -4702,7 +4798,8 @@ var popContainerId = "id_".concat(esm_browser_v4());
       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();
   };

package/lib/popover/popover.d.ts

@@ -146,7 +146,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    boundary: import("vue").Ref<any>;
+    boundary: import("vue").Ref<string>;
     arrow: boolean;
     refDefaultReference: import("vue").Ref<any>;
     refContent: import("vue").Ref<any>;

package/lib/popover/use-floating.d.ts

@@ -24,11 +24,11 @@ declare const _default: (props: PopoverPropTypes, ctx: any, { refReference, refC
     };
     isElementFullScreen: () => boolean;
     resolveTargetElement: (target: any) => any;
-    createPopInstance: () => void;
+    createPopInstance: (retryCount?: number) => void;
     updateFullscreenTarget: (val?: HTMLElement) => void;
     getFullscreenRoot: (selector: any) => any;
     stopHide: () => void;
     localIsShow: import("vue").Ref<boolean>;
-    cleanup: any;
+    cleanup: () => void;
 };
 export default _default;

package/lib/popover/use-popover-init.d.ts

@@ -18,7 +18,7 @@ declare const _default: (props: any, ctx: any, { refReference, refContent, refAr
     hideFn: () => void;
     stopHide: () => void;
     isFullscreen: import("vue").Ref<boolean>;
-    boundary: import("vue").Ref<any>;
+    boundary: import("vue").Ref<string>;
     localIsShow: import("vue").Ref<boolean>;
     uniqKey: string;
 };

package/lib/select/common.d.ts

@@ -11,7 +11,6 @@ export declare function useRegistry<T>(data: Ref<Map<PropertyKey, T>>): {
     register: (key: string, item: T) => Map<PropertyKey, T>;
     unregister: (key: string, item?: T) => void;
 };
-export declare function useDebouncedRef<T>(value: any, delay?: number): Ref<T>;
 export declare function usePopover(config: IPopoverConfig, triggerRef: Ref<HTMLElement>): {
     isPopoverShow: Ref<boolean>;
     popperWidth: Ref<string | number>;