bkui-vue 2.0.2-beta.77 → 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.77";
+export const version = "2.0.2-beta.78";
 window.__bkui_vue_version__ = version;

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.2-beta.77",
+  "version": "2.0.2-beta.78",
   "workspaces": [
     "packages/**",
     "scripts/cli",