@blueking/monitor-apm-log 2.3.24 → 2.3.25

package/main.js

@@ -115745,13 +115745,6 @@ class TaskEventManager {
 }
 const taskEventManager = new TaskEventManager();
 class UseSegmentProp {
-  /**
-   * 全局实例递增计数器。
-   * 同一页面可能同时加载多个检索包（例如 apm + trace），它们会共享 document.body。
-   * 这里通过递增计数为每个 UseSegmentProp 实例生成稳定且唯一的 owner id，
-   * 用于隔离弹层 DOM 的查询与复用，避免“后加载包误复用先加载包节点”。
-   */
-  static instanceCounter = 0;
   className = 'bklog-segment-pop-content';
   wrapperClassName = 'bklog-pop-wrapper';
   wrapperIdName = 'bklog_pop_wrapper';
@@ -115764,6 +115757,20 @@ class UseSegmentProp {
   stopPropagation;
   aiBluekingEnabled;
   highlightEnabled;
+  /**
+   * 生成实例 owner id（跨 bundle 全局唯一）。
+   *
+   * 注意：APM 和 Trace 在宿主页里可能是两个独立构建产物，
+   * 如果只使用“模块内 static 计数器”，每个 bundle 都会从 1 开始计数，
+   * 最终产生同名 owner（例如都叫 segment-pop-1），依然会误复用对方节点。
+   *
+   * 这里把计数器提升到 window 级别，确保两个独立包共享同一计数空间。
+   */
+  static getNextInstanceId() {
+    const nextCounter = (window.__BKLOG_SEGMENT_POP_COUNTER__ ?? 0) + 1;
+    window.__BKLOG_SEGMENT_POP_COUNTER__ = nextCounter;
+    return `segment-pop-${nextCounter}`;
+  }
   constructor() {
     let {
       delineate = false,
@@ -115775,9 +115782,8 @@ class UseSegmentProp {
     const {
       $t
     } = use_locale();
-    // 生成实例唯一 owner，后续会写到 DOM data 属性中做精确定位。
-    UseSegmentProp.instanceCounter += 1;
-    this.instanceId = `segment-pop-${UseSegmentProp.instanceCounter}`;
+    // 生成全局唯一 owner，后续会写到 DOM data 属性中做精确定位。
+    this.instanceId = UseSegmentProp.getNextInstanceId();
     this.$t = $t;
     this.refContent = (0,external_vue_.ref)();
     this.delineate = delineate;

package/package.json

@@ -1 +1 @@
-{"name":"@blueking/monitor-apm-log","version":"2.3.24","description":"","main":"main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"MIT"}
+{"name":"@blueking/monitor-apm-log","version":"2.3.25","description":"","main":"main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"MIT"}