@quantlife/qlchart 0.0.1

package/src/plugins/drawing/DrawingSharedService.ts

@@ -0,0 +1,125 @@
+import type { DrawingPersistData } from '../../types/drawing.js';
+import type { DrawingPersistence } from './DrawingPersistence.js';
+
+/** 交易对级共享绘图实例 */
+interface DrawingSharedInstance {
+  pairId: string;
+  product: string;
+  drawings: DrawingPersistData[];
+  persistence: DrawingPersistence;
+  subscribers: Map<string, () => void>;
+  version: number;
+}
+
+/**
+ * 交易对级绘图数据管理单例
+ *
+ * 核心职责：
+ * 1. 按 pairId+product 维度管理绘图数据
+ * 2. 一个面板修改 → 通知所有同交易对面板
+ * 3. 管理持久化生命周期
+ */
+class DrawingSharedService {
+  private instances = new Map<string, DrawingSharedInstance>();
+
+  private getKey(pairId: string, product: string): string {
+    return `${pairId}_${product}`;
+  }
+
+  /**
+   * 注册面板到共享实例
+   * - 首个注册者触发数据加载
+   * - 后续注册者直接使用已加载的数据
+   */
+  register(
+    panelId: string,
+    pairId: string,
+    product: string,
+    persistence: DrawingPersistence,
+    onUpdate: () => void,
+  ): DrawingSharedInstance {
+    const key = this.getKey(pairId, product);
+    let instance = this.instances.get(key);
+
+    if (!instance) {
+      instance = {
+        pairId,
+        product,
+        drawings: [],
+        persistence,
+        subscribers: new Map(),
+        version: 0,
+      };
+      this.instances.set(key, instance);
+    } else {
+      // ★ Bug2修复：如果有 pending 的 cleanup timeout，取消它
+      const timeoutId = (instance as any)._cleanupTimeout;
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+        delete (instance as any)._cleanupTimeout;
+      }
+    }
+
+    instance.subscribers.set(panelId, onUpdate);
+    return instance;
+  }
+
+  /** 注销面板，最后一个面板注销时延迟清理资源（5分钟安全窗口） */
+  unregister(panelId: string, pairId: string, product: string): void {
+    const key = this.getKey(pairId, product);
+    const instance = this.instances.get(key);
+    if (!instance) return;
+
+    instance.subscribers.delete(panelId);
+    if (instance.subscribers.size === 0) {
+      // ★ Bug2修复：延迟 5 分钟删除，避免周期切换时的短暂注销丢数据
+      const timeoutId = setTimeout(() => {
+        const current = this.instances.get(key);
+        if (current && current.subscribers.size === 0) {
+          current.persistence.dispose();
+          this.instances.delete(key);
+        }
+      }, 5 * 60 * 1000);
+
+      // 在 instance 中保存 timeoutId，如果重新 register 时取消
+      (instance as any)._cleanupTimeout = timeoutId;
+    }
+  }
+
+  /** 更新绘图数据并通知所有订阅者 */
+  updateDrawings(
+    pairId: string,
+    product: string,
+    drawings: DrawingPersistData[],
+  ): void {
+    const key = this.getKey(pairId, product);
+    const instance = this.instances.get(key);
+    if (!instance) return;
+
+    instance.drawings = drawings;
+    instance.version++;
+
+    // 持久化（debounce）
+    instance.persistence.autoSave(drawings);
+
+    // 通知所有订阅者
+    for (const [, callback] of instance.subscribers) {
+      callback();
+    }
+  }
+
+  /** 获取当前绘图数据 */
+  getDrawings(pairId: string, product: string): DrawingPersistData[] {
+    const key = this.getKey(pairId, product);
+    return this.instances.get(key)?.drawings ?? [];
+  }
+
+  /** 获取当前版本号（用于变更检测） */
+  getVersion(pairId: string, product: string): number {
+    const key = this.getKey(pairId, product);
+    return this.instances.get(key)?.version ?? 0;
+  }
+}
+
+/** 全局单例 */
+export const drawingSharedService = new DrawingSharedService();