@363045841yyt/klinechart-core 0.8.14 → 0.9.0-alpha.0

package/dist/engine/indicators/chartIndicatorManager.d.ts

@@ -1,20 +1,18 @@
-import type { PluginHostImpl, RendererPlugin, RendererPluginWithHost, RenderContext } from '../../plugin';
-import { type Signal, type Computed } from '../../reactivity/signal';
-import type { Layer } from '../../scene/types';
+import type { PluginHostImpl, RendererPlugin, RendererPluginWithHost, RenderContext } from '../../foundation/plugin/index';
+import { type ReadonlySignal, type Computed } from '../../foundation/reactivity/signal';
+import type { MainIndicatorEntry } from '../state/indicatorState';
+import type { SubPaneSpec } from '../state/subPaneState';
+import type { Layer } from '../../rendering/scene/types';
 import type { IndicatorInstance, SubPaneInfo, PaneSpec, ChartOptions } from '../chartTypes';
 import type { VisibleRange } from '../layout/pane';
 import { UpdateLevel } from '../layout/pane';
-import { type SubIndicatorType } from '../renderers/Indicator';
+import type { SubIndicatorType } from '../renderers/Indicator';
 import { SubPaneManager, type SubPaneEntry } from '../subPaneManager';
 import { IndicatorScheduler } from './scheduler';
 type ResolvedChartOptions = Omit<ChartOptions, 'kWidth' | 'kGap'> & {
     kWidth: number;
     kGap: number;
 };
-/** 主图指标条目，存在 = 激活 */
-interface MainIndicatorEntry {
-    params: Record<string, number | boolean | string>;
-}
 export interface IndicatorDependencies {
     getOption: () => ResolvedChartOptions;
     getPluginHost: () => PluginHostImpl;
@@ -23,15 +21,9 @@ export interface IndicatorDependencies {
     removeRenderer: (name: string) => void;
     updateRendererConfig: (name: string, config: Record<string, unknown>) => void;
     setRendererEnabled: (name: string, enabled: boolean) => void;
-    hasPane: (paneId: string) => boolean;
-    upsertPane: (def: PaneSpec) => void;
-    removePaneDefinition: (paneId: string) => void;
-    getPaneSpecs: () => PaneSpec[];
-    getPaneRatiosSignal: () => Signal<Readonly<Record<string, number>>>;
-    getInternalPaneRatios: () => Map<string, number>;
-    setInternalPaneRatio: (paneId: string, ratio: number) => void;
-    deleteInternalPaneRatio: (paneId: string) => void;
-    applyPaneLayoutSpecs: (specs: PaneSpec[]) => void;
+    getPaneRatiosSignal: () => ReadonlySignal<Readonly<Record<string, number>>>;
+    paneSpecs$: ReadonlySignal<ReadonlyArray<PaneSpec>>;
+    projectPaneLayout: (specs: ReadonlyArray<PaneSpec>, ratios: Readonly<Record<string, number>>) => void;
     getLastVisibleRange: () => VisibleRange;
     getCrosshairPos: () => {
         x: number;
@@ -40,21 +32,39 @@ export interface IndicatorDependencies {
     getCrosshairPrice: () => number | null;
     getActivePaneId: () => string | null;
     scheduleDraw: (level?: UpdateLevel) => void;
-    setPendingIndicatorDataUpdate: (v: boolean) => void;
     getRenderContext: (paneId: string) => RenderContext | null;
     addLayer: (layer: Layer) => void;
     removeLayer: (id: string) => boolean;
     getLayer: (id: string) => Layer | null;
     setLayerVisibility: (id: string, visible: boolean) => void;
+    getRightAxisWidth: () => number;
+    getPriceLabelWidth: () => number;
+    getYPaddingPx: () => number;
+    mainIndicators$: ReadonlySignal<ReadonlyMap<string, MainIndicatorEntry>>;
+    upsertMainIndicator: (id: string, params: Record<string, number | boolean | string>) => void;
+    removeMainIndicator: (id: string) => void;
+    setMainIndicatorParams: (id: string, params: Record<string, number | boolean | string>) => void;
+    replaceMainIndicators: (entries: ReadonlyMap<string, MainIndicatorEntry>) => void;
+    clearMainIndicators: () => void;
+    subPanes$: ReadonlySignal<ReadonlyArray<SubPaneSpec>>;
+    createSubPaneState: (paneId: string, indicatorId: string, params: Readonly<Record<string, unknown>>) => void;
+    removeSubPaneState: (paneId: string) => void;
+    replaceSubPaneState: (paneId: string, indicatorId: string, params: Readonly<Record<string, unknown>>) => void;
+    updateSubPaneStateParams: (paneId: string, params: Readonly<Record<string, unknown>>) => void;
+    clearSubPaneState: () => void;
+    runRendererTransaction: (run: () => void) => void;
 }
 export declare class ChartIndicatorManager {
     private deps;
     private indicatorScheduler;
     private subPaneManager;
-    private _mainIndicatorsSignal;
     private _indicatorsComputed;
     private _subPanesComputed;
     private subPaneCtx;
+    private disposeProjection;
+    private appliedMainIndicators;
+    private projectedPaneSpecs;
+    private projectedPaneRatios;
     /** 主图指标默认参数（从注册表中懒加载） */
     private static _defaultMainParamsCache;
     private static get DEFAULT_MAIN_PARAMS();
@@ -66,10 +76,9 @@ export declare class ChartIndicatorManager {
     constructor(deps: IndicatorDependencies);
     get indicatorSchedulerAccessor(): IndicatorScheduler;
     get subPaneManagerAccessor(): SubPaneManager;
-    get mainIndicatorsSignalPeek(): Map<string, MainIndicatorEntry>;
+    get mainIndicatorsSignalPeek(): ReadonlyMap<string, MainIndicatorEntry>;
     get indicatorsComputed(): Computed<ReadonlyArray<IndicatorInstance>>;
     get subPanesComputed(): Computed<ReadonlyArray<SubPaneInfo>>;
-    private createSubPaneContext;
     enableMainIndicator(indicatorId: string, params?: Record<string, number | boolean | string>): boolean;
     disableMainIndicator(indicatorId: string): boolean;
     toggleMainIndicator(indicatorId: string, enabled: boolean): void;
@@ -78,11 +87,13 @@ export declare class ChartIndicatorManager {
     updateMainIndicatorParams(indicatorId: string, params: Record<string, number | boolean | string>): void;
     getMainIndicatorParams(indicatorId: string): Record<string, number | boolean | string> | null;
     clearMainIndicators(): void;
+    private reconcileMainIndicators;
     private enableMainIndicatorRenderer;
     private disableMainIndicatorRenderer;
     private updateIndicatorSchedulerConfig;
     /**
      * @deprecated 使用 enableMainIndicator/disableMainIndicator 替代
+     * 状态一次 replaceAll，再做 renderer side effects，避免逐条中间态。
      */
     setActiveMainIndicators(indicators: string[]): void;
     bindIndicatorToPane(paneId: string, indicatorId: SubIndicatorType, params?: Record<string, number | boolean | string>): void;

package/dist/engine/indicators/chartIndicatorManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartIndicatorManager.d.ts","sourceRoot":"","sources":["../../../src/engine/indicators/chartIndicatorManager.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chartIndicatorManager.d.ts","sourceRoot":"","sources":["../../../src/engine/indicators/chartIndicatorManager.ts"],"names":[],"mappings":"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"}

package/dist/engine/indicators/chartIndicatorManager.js

@@ -1,19 +1,40 @@
 import { KLineChartError } from '../../errors';
-import { createSignal, computed } from '../../reactivity/signal';
-import { createLayerFromPlugin } from '../../scene/createLayerFromPlugin';
-import { createSubIndicatorRenderer } from '../renderers/Indicator';
+import { computed, effect, } from '../../foundation/reactivity/signal';
+import { createLayerFromPlugin } from '../../rendering/scene/createLayerFromPlugin';
 import { createMainIndicatorLegendRendererPlugin } from '../renderers/Indicator/mainIndicatorLegend';
 import { SubPaneManager } from '../subPaneManager';
 import { getRegisteredIndicatorDefinitions } from './indicatorDefinitionRegistry';
 import { IndicatorScheduler } from './scheduler';
+function mainIndicatorProjectionKey(params) {
+    const valueKey = (value) => {
+        if (typeof value !== 'number')
+            return `${typeof value}:${JSON.stringify(value)}`;
+        if (Number.isNaN(value))
+            return 'number:NaN';
+        if (value === Number.POSITIVE_INFINITY)
+            return 'number:Infinity';
+        if (value === Number.NEGATIVE_INFINITY)
+            return 'number:-Infinity';
+        if (Object.is(value, -0))
+            return 'number:-0';
+        return `number:${value}`;
+    };
+    return Object.keys(params)
+        .sort()
+        .map((key) => `${key}:${valueKey(params[key])}`)
+        .join('|');
+}
 export class ChartIndicatorManager {
     deps;
     indicatorScheduler;
     subPaneManager;
-    _mainIndicatorsSignal;
     _indicatorsComputed;
     _subPanesComputed;
     subPaneCtx;
+    disposeProjection = null;
+    appliedMainIndicators = new Map();
+    projectedPaneSpecs = null;
+    projectedPaneRatios = null;
     /** 主图指标默认参数（从注册表中懒加载） */
     static _defaultMainParamsCache = null;
     static get DEFAULT_MAIN_PARAMS() {
@@ -47,21 +68,19 @@ export class ChartIndicatorManager {
         this.indicatorScheduler = new IndicatorScheduler();
         this.indicatorScheduler.setPluginHost(deps.getPluginHost());
         this.indicatorScheduler.setInvalidateCallback(() => {
-            deps.setPendingIndicatorDataUpdate(false);
             deps.scheduleDraw();
         });
         // 初始化副图管理器
         this.subPaneManager = new SubPaneManager();
-        this.subPaneCtx = this.createSubPaneContext();
+        this.subPaneCtx = {
+            ...this.deps,
+            getIndicatorScheduler: () => this.indicatorScheduler,
+        };
         // 注册副图活跃列表提供者
-        this.indicatorScheduler.setActiveSubPaneProvider(() => this.subPaneManager.getPaneIds());
-        // 初始化主图指标信号
-        this._mainIndicatorsSignal = createSignal(new Map());
+        this.indicatorScheduler.setActiveSubPaneProvider(() => this.deps.subPanes$.peek().map((entry) => entry.paneId));
         // 派生信号
-        const mainSignal = this._mainIndicatorsSignal;
-        const subPaneManager = this.subPaneManager;
         this._indicatorsComputed = computed(() => {
-            const mainIndicators = [...mainSignal().entries()].map(([id, entry]) => ({
+            const mainIndicators = [...this.deps.mainIndicators$().entries()].map(([id, entry]) => ({
                 id,
                 definitionId: id,
                 label: id,
@@ -69,7 +88,7 @@ export class ChartIndicatorManager {
                 role: 'main',
                 params: { ...entry.params },
             }));
-            const subIndicators = subPaneManager.entriesSignal().map((entry) => ({
+            const subIndicators = this.deps.subPanes$().map((entry) => ({
                 id: entry.paneId,
                 definitionId: entry.indicatorId,
                 label: entry.indicatorId,
@@ -82,7 +101,7 @@ export class ChartIndicatorManager {
         });
         this._subPanesComputed = computed(() => {
             const ratios = deps.getPaneRatiosSignal()();
-            return subPaneManager.entriesSignal().map((entry) => ({
+            return this.deps.subPanes$().map((entry) => ({
                 paneId: entry.paneId,
                 indicatorId: entry.indicatorId,
                 params: { ...entry.params },
@@ -100,6 +119,27 @@ export class ChartIndicatorManager {
                 console.log('[Chart] subPanes signal changed:', subPanes);
             });
         }
+        this.projectedPaneSpecs = this.deps.paneSpecs$.peek();
+        this.projectedPaneRatios = this.deps.getPaneRatiosSignal().peek();
+        this.disposeProjection = effect(() => {
+            const paneSpecs = this.deps.paneSpecs$();
+            const paneRatios = this.deps.getPaneRatiosSignal()();
+            const mainIndicators = this.deps.mainIndicators$();
+            const subPanes = this.deps.subPanes$();
+            this.deps.runRendererTransaction(() => {
+                let paneChanged = false;
+                if (paneSpecs !== this.projectedPaneSpecs || paneRatios !== this.projectedPaneRatios) {
+                    this.deps.projectPaneLayout(paneSpecs, paneRatios);
+                    this.projectedPaneSpecs = paneSpecs;
+                    this.projectedPaneRatios = paneRatios;
+                    paneChanged = true;
+                }
+                const mainChanged = this.reconcileMainIndicators(mainIndicators);
+                const subChanged = this.subPaneManager.reconcile(this.subPaneCtx, subPanes);
+                if (paneChanged || mainChanged || subChanged)
+                    this.deps.scheduleDraw();
+            });
+        });
     }
     get indicatorSchedulerAccessor() {
         return this.indicatorScheduler;
@@ -108,7 +148,7 @@ export class ChartIndicatorManager {
         return this.subPaneManager;
     }
     get mainIndicatorsSignalPeek() {
-        return this._mainIndicatorsSignal.peek();
+        return this.deps.mainIndicators$.peek();
     }
     get indicatorsComputed() {
         return this._indicatorsComputed;
@@ -116,33 +156,6 @@ export class ChartIndicatorManager {
     get subPanesComputed() {
         return this._subPanesComputed;
     }
-    // ========== SubPaneContext factory ==========
-    createSubPaneContext() {
-        const deps = this.deps;
-        const self = this;
-        return {
-            getIndicatorScheduler: () => self.indicatorScheduler,
-            hasPane: (paneId) => deps.hasPane(paneId),
-            upsertPane: (def) => deps.upsertPane(def),
-            getRenderer: (name) => deps.getRenderer(name),
-            useRenderer: (plugin, config) => deps.useRenderer(plugin, config),
-            removeRenderer: (name) => deps.removeRenderer(name),
-            setRendererEnabled: (name, enabled) => deps.setRendererEnabled(name, enabled),
-            removePaneDefinition: (paneId) => deps.removePaneDefinition(paneId),
-            updateRendererConfig: (name, config) => deps.updateRendererConfig(name, config),
-            getRightAxisWidth: () => deps.getOption().rightAxisWidth,
-            getPriceLabelWidth: () => deps.getOption().priceLabelWidth ?? 60,
-            getYPaddingPx: () => deps.getOption().yPaddingPx,
-            getCrosshairPos: () => deps.getCrosshairPos(),
-            getCrosshairPrice: () => deps.getCrosshairPrice(),
-            getActivePaneId: () => deps.getActivePaneId(),
-            addLayer: (layer) => deps.addLayer(layer),
-            removeLayer: (id) => deps.removeLayer(id),
-            getLayer: (id) => deps.getLayer(id),
-            setLayerVisibility: (id, visible) => deps.setLayerVisibility(id, visible),
-            getRenderContext: (paneId) => deps.getRenderContext(paneId),
-        };
-    }
     // ========== 主图指标 API ==========
     enableMainIndicator(indicatorId, params) {
         const id = indicatorId.toUpperCase();
@@ -150,39 +163,23 @@ export class ChartIndicatorManager {
             console.warn(`[Chart] 未知的主图指标: ${indicatorId}`);
             return false;
         }
-        const map = this._mainIndicatorsSignal.peek();
-        const existing = map.get(id);
+        const existing = this.deps.mainIndicators$.peek().get(id);
         if (existing) {
             if (params) {
-                const next = new Map(map);
-                next.set(id, { params: { ...existing.params, ...params } });
-                this._mainIndicatorsSignal.set(next);
-                this.updateIndicatorSchedulerConfig(id);
+                this.deps.upsertMainIndicator(id, params);
             }
             return true;
         }
         const defaults = ChartIndicatorManager.DEFAULT_MAIN_PARAMS[id] ?? {};
         const merged = params ? { ...defaults, ...params } : defaults;
-        const next = new Map(map);
-        next.set(id, { params: merged });
-        this._mainIndicatorsSignal.set(next);
-        this.enableMainIndicatorRenderer(id);
-        this.updateIndicatorSchedulerConfig(id);
-        this.indicatorScheduler.updateVisibleRange(this.deps.getLastVisibleRange());
-        this.deps.scheduleDraw();
+        this.deps.upsertMainIndicator(id, merged);
         return true;
     }
     disableMainIndicator(indicatorId) {
         const id = indicatorId.toUpperCase();
-        const map = this._mainIndicatorsSignal.peek();
-        if (!map.has(id))
+        if (!this.deps.mainIndicators$.peek().has(id))
             return false;
-        const next = new Map(map);
-        next.delete(id);
-        this._mainIndicatorsSignal.set(next);
-        this.disableMainIndicatorRenderer(id);
-        this.updateIndicatorSchedulerConfig(id);
-        this.deps.scheduleDraw();
+        this.deps.removeMainIndicator(id);
         return true;
     }
     toggleMainIndicator(indicatorId, enabled) {
@@ -194,40 +191,54 @@ export class ChartIndicatorManager {
         }
     }
     getActiveMainIndicators() {
-        return [...this._mainIndicatorsSignal.peek().keys()];
+        return [...this.deps.mainIndicators$.peek().keys()];
     }
     isMainIndicatorActive(indicatorId) {
-        return this._mainIndicatorsSignal.peek().has(indicatorId.toUpperCase());
+        return this.deps.mainIndicators$.peek().has(indicatorId.toUpperCase());
     }
     updateMainIndicatorParams(indicatorId, params) {
         const id = indicatorId.toUpperCase();
-        const map = this._mainIndicatorsSignal.peek();
-        const entry = map.get(id);
-        if (!entry)
+        if (!this.deps.mainIndicators$.peek().has(id))
             return;
-        const merged = { ...entry.params, ...params };
-        const next = new Map(map);
-        next.set(id, { params: merged });
-        this._mainIndicatorsSignal.set(next);
-        const rendererName = id.toLowerCase();
-        const renderer = this.deps.getRenderer(rendererName);
-        if (renderer && renderer.setConfig) {
-            ;
-            renderer.setConfig(merged);
-        }
-        this.updateIndicatorSchedulerConfig(id);
-        this.deps.scheduleDraw();
+        this.deps.setMainIndicatorParams(id, params);
     }
     getMainIndicatorParams(indicatorId) {
-        return this._mainIndicatorsSignal.peek().get(indicatorId.toUpperCase())?.params ?? null;
+        const params = this.deps.mainIndicators$.peek().get(indicatorId.toUpperCase())?.params;
+        return params ? { ...params } : null;
     }
     clearMainIndicators() {
-        const map = this._mainIndicatorsSignal.peek();
-        for (const id of map.keys()) {
+        this.deps.clearMainIndicators();
+    }
+    reconcileMainIndicators(desired) {
+        let changed = false;
+        for (const id of [...this.appliedMainIndicators.keys()]) {
+            if (desired.has(id))
+                continue;
             this.disableMainIndicatorRenderer(id);
+            this.appliedMainIndicators.delete(id);
+            this.updateIndicatorSchedulerConfig(id);
+            changed = true;
+        }
+        for (const [id, entry] of desired) {
+            const hasApplied = this.appliedMainIndicators.has(id);
+            const projectionKey = mainIndicatorProjectionKey(entry.params);
+            if (this.appliedMainIndicators.get(id) === projectionKey)
+                continue;
+            try {
+                if (!hasApplied)
+                    this.enableMainIndicatorRenderer(id);
+                const rendererName = this.indicatorScheduler.getIndicatorMetadata(id)?.mainPane?.rendererName;
+                if (rendererName)
+                    this.deps.updateRendererConfig(rendererName, { ...entry.params });
+                this.updateIndicatorSchedulerConfig(id);
+                this.appliedMainIndicators.set(id, projectionKey);
+                changed = true;
+            }
+            catch (error) {
+                console.error(`[ChartIndicatorManager] Failed to project main indicator "${id}":`, error);
+            }
         }
-        this._mainIndicatorsSignal.set(new Map());
-        this.deps.scheduleDraw();
+        return changed;
     }
     enableMainIndicatorRenderer(indicatorId) {
         const definition = this.indicatorScheduler.getIndicatorMetadata(indicatorId);
@@ -266,7 +277,7 @@ export class ChartIndicatorManager {
         }
     }
     updateIndicatorSchedulerConfig(indicatorId) {
-        const entry = this._mainIndicatorsSignal.peek().get(indicatorId);
+        const entry = this.deps.mainIndicators$.peek().get(indicatorId);
         const isActive = entry !== undefined;
         const params = entry?.params ?? {};
         const definition = this.indicatorScheduler.getIndicatorMetadata(indicatorId);
@@ -280,100 +291,87 @@ export class ChartIndicatorManager {
     }
     /**
      * @deprecated 使用 enableMainIndicator/disableMainIndicator 替代
+     * 状态一次 replaceAll，再做 renderer side effects，避免逐条中间态。
      */
     setActiveMainIndicators(indicators) {
-        const newSet = new Set(indicators.map((i) => i.toUpperCase()));
-        const currentSet = new Set(this._mainIndicatorsSignal.peek().keys());
-        for (const id of currentSet) {
-            if (!newSet.has(id)) {
-                this.disableMainIndicator(id);
+        const newIds = indicators
+            .map((i) => i.toUpperCase())
+            .filter((id) => ChartIndicatorManager.ENABLE_MAIN_INDICATORS.includes(id));
+        const prev = this.deps.mainIndicators$.peek();
+        const next = new Map();
+        for (const id of newIds) {
+            const existing = prev.get(id);
+            if (existing) {
+                next.set(id, { params: { ...existing.params } });
             }
-        }
-        for (const id of newSet) {
-            if (!currentSet.has(id)) {
-                this.enableMainIndicator(id);
+            else {
+                next.set(id, {
+                    params: { ...(ChartIndicatorManager.DEFAULT_MAIN_PARAMS[id] ?? {}) },
+                });
             }
         }
+        this.deps.replaceMainIndicators(next);
     }
     // ========== 副图管理 API ==========
     bindIndicatorToPane(paneId, indicatorId, params) {
-        if (!this.deps.hasPane(paneId)) {
-            this.deps.upsertPane({ id: paneId, ratio: 1, visible: true, role: 'indicator' });
-        }
         const definition = this.indicatorScheduler.getIndicatorMetadata(indicatorId);
         if (!definition) {
             throw new KLineChartError('NOT_REGISTERED', `[Chart] Unknown indicator: ${indicatorId}`);
         }
-        const renderer = createSubIndicatorRenderer({ indicatorId, paneId, definition, params });
-        const rendererName = renderer.name;
-        const existing = this.deps.getRenderer(rendererName);
-        if (existing) {
-            if (params)
-                this.deps.updateRendererConfig(rendererName, params);
-            return;
-        }
-        this.deps.useRenderer(renderer, params);
-        this.deps.setRendererEnabled(rendererName, false);
-        const layer = createLayerFromPlugin(renderer, () => this.deps.getRenderContext(paneId), paneId);
-        this.deps.addLayer(layer);
+        this.deps.createSubPaneState(paneId, indicatorId, params ?? this.getDefaultSubPaneParams(indicatorId));
     }
     createSubPane(paneId, indicatorId, params) {
-        const paneSpecs = this.deps.getPaneSpecs();
-        const visibleSpecs = paneSpecs.filter((pane) => pane.visible !== false);
-        const pricePanes = visibleSpecs.filter((pane) => pane.role === 'price');
-        const indicatorPanes = visibleSpecs.filter((pane) => pane.role === 'indicator');
-        if (pricePanes.length === 1) {
-            const pricePane = pricePanes[0];
-            if (pricePane) {
-                this.deps.setInternalPaneRatio(pricePane.id, 3);
-            }
-            for (const pane of indicatorPanes) {
-                this.deps.setInternalPaneRatio(pane.id, 1);
+        const existing = this.deps.subPanes$.peek().find((entry) => entry.paneId === paneId);
+        if (existing) {
+            if (existing.indicatorId === indicatorId &&
+                !this.subPaneManager.getMountedResources(paneId)) {
+                this.deps.replaceSubPaneState(paneId, existing.indicatorId, existing.params);
             }
-            this.deps.setInternalPaneRatio(paneId, 1);
+            return true;
         }
-        else {
-            this.deps.setInternalPaneRatio(paneId, 1);
+        if (!this.indicatorScheduler.getIndicatorMetadata(indicatorId)) {
+            throw new KLineChartError('NOT_REGISTERED', `[Chart] Unknown indicator: ${indicatorId}`);
         }
-        this.deps.upsertPane({
-            id: paneId,
-            ratio: this.deps.getInternalPaneRatios().get(paneId) ?? 1,
-            visible: true,
-            role: 'indicator',
-        });
-        const success = this.subPaneManager.create(this.subPaneCtx, paneId, indicatorId, params ?? this.getDefaultSubPaneParams(indicatorId));
-        return success;
+        this.deps.createSubPaneState(paneId, indicatorId, params ?? this.getDefaultSubPaneParams(indicatorId));
+        return true;
     }
     removeSubPane(paneId) {
-        this.subPaneManager.remove(this.subPaneCtx, paneId);
+        this.deps.removeSubPaneState(paneId);
     }
     replaceSubPaneIndicator(paneId, newIndicatorId, params) {
-        this.subPaneManager.replaceIndicator(this.subPaneCtx, paneId, newIndicatorId, params ?? this.getDefaultSubPaneParams(newIndicatorId));
+        if (!this.indicatorScheduler.getIndicatorMetadata(newIndicatorId)) {
+            throw new KLineChartError('NOT_REGISTERED', `[Chart] Unknown indicator: ${newIndicatorId}`);
+        }
+        this.deps.replaceSubPaneState(paneId, newIndicatorId, params ?? this.getDefaultSubPaneParams(newIndicatorId));
     }
     updateSubPaneParams(paneId, params) {
-        this.subPaneManager.updateParams(this.subPaneCtx, paneId, params);
+        this.deps.updateSubPaneStateParams(paneId, params);
     }
     clearSubPanes() {
-        const subPaneIds = this.subPaneManager.getPaneIds();
-        if (subPaneIds.length === 0)
-            return;
-        this.subPaneManager.clear(this.subPaneCtx);
-        for (const paneId of subPaneIds) {
-            this.deps.deleteInternalPaneRatio(paneId);
-        }
-        this.deps.applyPaneLayoutSpecs(this.deps.getPaneSpecs().filter((spec) => !subPaneIds.includes(spec.id)));
+        this.deps.clearSubPaneState();
     }
     /**
      * @deprecated 使用 getSubPaneEntries 获取完整信息
      */
     getSubPaneIndicators() {
-        return this.subPaneManager.getAll().map((entry) => entry.indicatorId);
+        return this.deps.subPanes$.peek().map((entry) => entry.indicatorId);
     }
     getSubPaneEntries() {
-        return this.subPaneManager.getAll();
+        return this.deps.subPanes$.peek().map((entry) => ({
+            ...entry,
+            params: { ...entry.params },
+            ...this.subPaneManager.getMountedResources(entry.paneId),
+        }));
     }
     getSubPaneEntry(paneId) {
-        return this.subPaneManager.getByPaneId(paneId);
+        const entry = this.deps.subPanes$.peek().find((candidate) => candidate.paneId === paneId);
+        if (!entry)
+            return undefined;
+        return {
+            ...entry,
+            params: { ...entry.params },
+            ...this.subPaneManager.getMountedResources(paneId),
+        };
     }
     getDefaultSubPaneParams(indicatorId) {
         const meta = this.indicatorScheduler.getIndicatorMetadata(indicatorId);
@@ -397,7 +395,7 @@ export class ChartIndicatorManager {
     }
     removeIndicator(instanceId) {
         const id = instanceId.toUpperCase();
-        if (this._mainIndicatorsSignal.peek().has(id)) {
+        if (this.deps.mainIndicators$.peek().has(id)) {
             return this.disableMainIndicator(instanceId);
         }
         const subPaneEntry = this.getSubPaneEntry(instanceId);
@@ -409,7 +407,7 @@ export class ChartIndicatorManager {
     }
     updateIndicatorParams(instanceId, params) {
         const id = instanceId.toUpperCase();
-        if (this._mainIndicatorsSignal.peek().has(id)) {
+        if (this.deps.mainIndicators$.peek().has(id)) {
             this.updateMainIndicatorParams(instanceId, params);
             return true;
         }
@@ -425,6 +423,9 @@ export class ChartIndicatorManager {
         return false;
     }
     destroy() {
+        this.disposeProjection?.();
+        this.disposeProjection = null;
+        this.deps.runRendererTransaction(() => this.subPaneManager.clear(this.subPaneCtx));
         this.indicatorScheduler.destroy();
     }
 }