@363045841yyt/klinechart-core 0.7.12-alpha.1 → 0.7.13

package/src/engine/indicators/stateComposer.ts

@@ -70,6 +70,7 @@ import type { ZonesRenderState } from './zonesState'
 import type { VolumeProfileRenderState } from './volumeProfileState'
 import type { IndicatorSeriesBundle } from './workerProtocol'
 import type { IndicatorMetadata } from './indicatorMetadata'
+import { getRegisteredIndicatorDefinitions } from './indicatorDefinitionRegistry'
 
 /**
  * 可见范围
@@ -166,56 +167,13 @@ type MainRenderStateIndicatorId = keyof MainRenderStates
 
 type ComposedRenderStates = VisibleSubIndicatorStates & MainRenderStates
 
-const MAIN_RENDER_STATE_INDICATOR_IDS: readonly MainRenderStateIndicatorId[] = ['ma', 'boll', 'expma', 'ene']
-const METADATA_VISIBLE_STATE_INDICATOR_IDS = [
-    'cci',
-    'wma',
-    'dema',
-    'tema',
-    'hma',
-    'kama',
-    'roc',
-    'chaikinVol',
-    'obv',
-    'pvt',
-    'vwap',
-    'rsi',
-    'stoch',
-    'fastk',
-    'mfi',
-    'wmsr',
-    'cmf',
-    'atr',
-    'hv',
-    'kst',
-    'mom',
-    'parkinson',
-    'trix',
-    'vma',
-    'macd',
-    'sar',
-    'supertrend',
-    'keltner',
-    'donchian',
-    'ichimoku',
-    'pivot',
-    'fib',
-    'structure',
-    'zones',
-    'volumeProfile',
-] as const satisfies readonly (keyof VisibleSubIndicatorStates)[]
-
-type _MissingVisibleStateId = Exclude<
-    keyof VisibleSubIndicatorStates,
-    typeof METADATA_VISIBLE_STATE_INDICATOR_IDS[number]
->
-type _ExtraVisibleStateId = Exclude<
-    typeof METADATA_VISIBLE_STATE_INDICATOR_IDS[number],
-    keyof VisibleSubIndicatorStates
->
-type AssertNever<T extends never> = T
-type _AssertNoMissingId = AssertNever<_MissingVisibleStateId>
-type _AssertNoExtraId = AssertNever<_ExtraVisibleStateId>
+function getVisibleStateIndicatorIds(): (keyof VisibleSubIndicatorStates)[] {
+    return getRegisteredIndicatorDefinitions()
+        .filter((d): d is IndicatorMetadata & { visibleState: NonNullable<IndicatorMetadata['visibleState']> } =>
+            !!d.visibleState?.compose
+        )
+        .map(d => d.name as keyof VisibleSubIndicatorStates)
+}
 
 /**
  * 仅计算副图指标的 visible-only states
@@ -230,7 +188,7 @@ export function composeVisibleSubIndicatorStates(
 ): VisibleSubIndicatorStates {
     const states: Partial<VisibleSubIndicatorStates> = {}
 
-    for (const indicatorId of METADATA_VISIBLE_STATE_INDICATOR_IDS) {
+    for (const indicatorId of getVisibleStateIndicatorIds()) {
         states[indicatorId] = composeRequiredMetadataVisibleState(
             indicatorId, bundle, visibleRange, timestamp, activeMask, getIndicatorMetadata,
         ) as never
@@ -290,15 +248,13 @@ function composeMainRenderStates(
 ): MainRenderStates {
     const states: Partial<Record<MainRenderStateIndicatorId, unknown>> = {}
 
-    for (const indicatorId of MAIN_RENDER_STATE_INDICATOR_IDS) {
-        const definition = getIndicatorMetadata(indicatorId)
-        if (!definition) continue
-
-        const composeRenderState = definition.mainPane?.composeRenderState
-        if (!composeRenderState) {
-            throw new Error(`[StateComposer] Missing mainPane.composeRenderState for ${indicatorId}`)
-        }
-        states[indicatorId] = composeRenderState(bundle, visibleRange, timestamp)
+    for (const def of getRegisteredIndicatorDefinitions()) {
+        if (!def.mainPane?.composeRenderState) continue
+        const indicatorId = def.name as MainRenderStateIndicatorId
+        const meta = getIndicatorMetadata(indicatorId)
+        const compose = meta?.mainPane?.composeRenderState ?? def.mainPane.composeRenderState
+        if (!compose) continue
+        states[indicatorId] = compose(bundle, visibleRange, timestamp)
     }
 
     return states as MainRenderStates

package/src/engine/indicators/workerProtocol.ts

@@ -277,9 +277,22 @@ export interface VolumeProfileSchedulerConfig {
 // Worker 请求类型
 // ============================================================================
 
+export interface SerializedRuntimeDescriptor {
+    configKey: string
+    paneIdKey?: string
+    defaultConfig: unknown
+    computeKey: string
+}
+
 export interface InitRequest {
     type: 'init'
     protocolVersion: number
+    descriptors?: SerializedRuntimeDescriptor[]
+}
+
+export interface AddDescriptorRequest {
+    type: 'addDescriptor'
+    descriptor: SerializedRuntimeDescriptor
 }
 
 export interface SetDataRequest {
@@ -308,6 +321,7 @@ export interface DisposeRequest {
 
 export type IndicatorWorkerRequest =
     | InitRequest
+    | AddDescriptorRequest
     | SetDataRequest
     | SetConfigRequest
     | ComputeSeriesRequest
@@ -390,42 +404,6 @@ export interface IndicatorConfigSnapshot {
     structure: StructureSchedulerConfig
     zones: ZonesSchedulerConfig
     volumeProfile: VolumeProfileSchedulerConfig
-    // pane IDs for sub-indicators
-    rsiPaneId: string
-    cciPaneId: string
-    stochPaneId: string
-    momPaneId: string
-    wmsrPaneId: string
-    kstPaneId: string
-    fastkPaneId: string
-    macdPaneId: string
-    atrPaneId: string
-    wmaPaneId: string
-    demaPaneId: string
-    temaPaneId: string
-    hmaPaneId: string
-    kamaPaneId: string
-    sarPaneId: string
-    supertrendPaneId: string
-    keltnerPaneId: string
-    donchianPaneId: string
-    ichimokuPaneId: string
-    rocPaneId: string
-    trixPaneId: string
-    hvPaneId: string
-    parkinsonPaneId: string
-    chaikinVolPaneId: string
-    vmaPaneId: string
-    obvPaneId: string
-    pvtPaneId: string
-    vwapPaneId: string
-    cmfPaneId: string
-    mfiPaneId: string
-    pivotPaneId: string
-    fibPaneId: string
-    structurePaneId: string
-    zonesPaneId: string
-    volumeProfilePaneId: string
 }
 
 // ============================================================================

package/src/engine/renderers/Indicator/atr.ts

@@ -9,6 +9,8 @@ import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, ATRSchedulerConfig } from '../../indicators/scheduler'
 import { createAtrScaleRendererPlugin } from './scale/atr_scale'
+import { calcATRData } from '../../indicators/calculators'
+import type { KLineData } from '../../../types/price'
 
 type LinePoint = { x: number; y: number }
 
@@ -176,7 +178,7 @@ export function createATRRendererPlugin(options: ATRRendererOptions = {}): Rende
         },
 
         setConfig() {
-            // no-op: 配置通过 scheduler.updateATRConfig() 更新
+            // no-op: 配置通过 scheduler.updateIndicatorConfig() 更新
         },
     }
 }
@@ -208,11 +210,14 @@ function drawWithCanvas2D(
  * 获取 ATR 标题信息（供 paneTitle 使用）
  */
 export function getATRTitleInfo(
-    index: number,
-    period: number,
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
     pluginHost: PluginHost,
-    paneId: string = 'sub_ATR',
+    paneId: string,
 ): { name: string; params: number[]; values: Array<{ label: string; value: number; color: string }> } | null {
+    if (index === null) return null
+    const period = (params.period as number) ?? 14
     const state = pluginHost.getSharedState<ATRRenderState>(createATRStateKey(paneId))
     if (!state) return null
 
@@ -232,16 +237,14 @@ export function getATRTitleInfo(
     name: 'atr',
     displayName: 'ATR',
     category: 'oscillator',
-    stateKey: createATRStateKey,
     defaultPaneId: 'sub_ATR',
-    paneIdField: 'atrPaneId',
     scaleRendererFactory: createAtrScaleRendererPlugin,
-    updateConfig: (scheduler, params, paneId) => {
-    (scheduler as IndicatorScheduler).updateATRConfig(params as Partial<ATRSchedulerConfig>, paneId)
-  },
     visibleState: { compose: createNonNegativeSparseVisibleStateComposer('atr', EMPTY_ATR_STATE) },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createATRStateKey(paneId), state as any, 'indicator_scheduler')
+    getTitleInfo: getATRTitleInfo,
+    runtime: {
+        defaultConfig: { period: 14, showATR: true },
+        computeKey: 'calcATRData',
+        compute: (data, c) => calcATRData(data, c.period),
     },
 })
 class ATRIndicatorDefinition {

package/src/engine/renderers/Indicator/boll.ts

@@ -6,8 +6,9 @@ import { resolveThemeColors } from '../../../tokens'
 import { BOLL_STATE_KEY, type BOLLRenderState } from '../../indicators/bollState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorPriceRangeComputer, IndicatorRenderStateComposer } from '../../indicators/indicatorMetadata'
+import type { IndicatorPriceRangeComputer, IndicatorRenderStateComposer, GetTitleInfoFn, TitleInfo, TitleValueItem } from '../../indicators/indicatorMetadata'
 import type { BOLLSchedulerConfig, IndicatorScheduler } from '../../indicators/scheduler'
+import { calcBOLLData } from '../../indicators/calculators'
 
 type LinePoint = { x: number; y: number }
 
@@ -109,7 +110,7 @@ function buildPriceCacheKey(
     return `${range.start}|${range.end}|${dataLength}|${lastTimestamp}|${period}`
 }
 
-function getBOLLStateKey(host: PluginHost | null): string | null {
+export function getBOLLStateKey(host: PluginHost | null): string | null {
     const scheduler = host?.getService<IndicatorScheduler>('indicatorScheduler')
     if (!scheduler) {
         console.warn('[BOLLRenderer] Scheduler not available via service locator')
@@ -154,11 +155,37 @@ const composeBOLLRenderState: IndicatorRenderStateComposer = (bundle, range, tim
     }
 }
 
+export const getBOLLTitleInfo: GetTitleInfoFn = (
+    _data: KLineData[],
+    index: number | null,
+    _params: Record<string, number | boolean | string>,
+    pluginHost: PluginHost,
+    _paneId: string,
+): TitleInfo | null => {
+    if (index === null) return null
+
+    const stateKey = getBOLLStateKey(pluginHost)
+    if (!stateKey) return null
+
+    const state = pluginHost?.getSharedState<BOLLRenderState>(stateKey)
+    if (!state || state.visibleMin > state.visibleMax) return null
+
+    const bollPoint = state.series[index]
+    if (!bollPoint) return null
+
+    const values: TitleValueItem[] = [
+        { label: 'UP', value: bollPoint.upper, color: '#C83C3C' },
+        { label: 'MID', value: bollPoint.middle, color: '#5A8CFF' },
+        { label: 'DN', value: bollPoint.lower, color: '#32AA3C' },
+    ]
+
+    return { name: 'BOLL', params: [state.params.period, state.params.multiplier], values }
+}
+
 @Indicator({
     name: 'boll',
     displayName: 'BOLL',
     category: 'main',
-    stateKey: BOLL_STATE_KEY,
     defaultPaneId: 'main',
     mainPane: {
         rendererName: 'boll',
@@ -168,9 +195,6 @@ const composeBOLLRenderState: IndicatorRenderStateComposer = (bundle, range, tim
         computePriceRange: computeBOLLPriceRange,
         composeRenderState: composeBOLLRenderState,
     },
-    updateConfig: (scheduler, params) => {
-        (scheduler as IndicatorScheduler).updateBOLLConfig(params as Partial<BOLLSchedulerConfig>)
-    },
     semantic: {
         apply: (chart, indicator) => {
             const params = (indicator as { params?: { period?: number; multiplier?: number } }).params
@@ -180,9 +204,8 @@ const composeBOLLRenderState: IndicatorRenderStateComposer = (bundle, range, tim
             })
         },
     },
-    applyResult: (host, state, _paneId) => {
-        host.setSharedState(BOLL_STATE_KEY, state as any, 'indicator_scheduler')
-    },
+    runtime: { defaultConfig:{period:20,multiplier:2,showUpper:true,showMiddle:true,showLower:true,showBand:true}, computeKey:'calcBOLLData', compute:(data,c)=>calcBOLLData(data,c.period,c.multiplier) },
+    getTitleInfo: getBOLLTitleInfo,
 })
 class BOLLDefinition {
     static rendererFactory = createBOLLRendererPlugin
@@ -363,7 +386,7 @@ export function createBOLLRendererPlugin(): RendererPluginWithHost {
         },
 
         setConfig(_newConfig: Record<string, unknown>) {
-            // 外部控制器应调用 chart.getIndicatorScheduler().updateBOLLConfig()
+            // 外部控制器应调用 chart.getIndicatorScheduler().updateIndicatorConfig()
         },
     }
 }

package/src/engine/renderers/Indicator/cci.ts

@@ -8,6 +8,8 @@ import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, CCISchedulerConfig } from '../../indicators/scheduler'
 import { createCciScaleRendererPlugin } from './scale/cci_scale'
+import { calcCCIData } from '../../indicators/calculators'
+import type { KLineData } from '../../../types/price'
 
 type LinePoint = { x: number; y: number }
 
@@ -202,7 +204,7 @@ const { ctx, pane, range, scrollLeft, dpr, kLineCenters, lineWebGLSurface } = co
         },
 
         setConfig() {
-            // no-op: 配置通过 scheduler.updateCCIConfig() 更新
+            // no-op: 配置通过 scheduler.updateIndicatorConfig() 更新
         },
     }
 }
@@ -239,14 +241,15 @@ function drawCCILineWithCanvas2D(
  * 获取 CCI 标题信息（供 paneTitle 使用）
  */
 export function getCCITitleInfo(
-    index: number,
-    period: number,
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
     pluginHost: PluginHost,
-    paneId: string = 'sub_CCI',
-    theme: 'light' | 'dark' = 'light',
-    isAsiaMarket?: boolean
+    paneId: string,
 ): { name: string; params: number[]; values: Array<{ label: string; value: number; color: string }> } | null {
-    const colors = resolveThemeColors(theme, isAsiaMarket)
+    if (index === null) return null
+    const period = (params.period as number) ?? 14
+    const colors = resolveThemeColors('light')
     const state = pluginHost.getSharedState<CCIRenderState>(createCCIStateKey(paneId))
     if (!state) return null
 
@@ -266,16 +269,14 @@ export function getCCITitleInfo(
     name: 'cci',
     displayName: 'CCI',
     category: 'oscillator',
-    stateKey: createCCIStateKey,
     defaultPaneId: 'sub_CCI',
-    paneIdField: 'cciPaneId',
     scaleRendererFactory: createCciScaleRendererPlugin,
     visibleState: { compose: createCCIVisibleStateComposer('cci', EMPTY_CCI_STATE) },
-    updateConfig: (scheduler, params, paneId) => {
-    (scheduler as IndicatorScheduler).updateCCIConfig(params as Partial<CCISchedulerConfig>, paneId)
-  },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createCCIStateKey(paneId), state as any, 'indicator_scheduler')
+    getTitleInfo: getCCITitleInfo,
+    runtime: {
+        defaultConfig: { period: 14, showCCI: true },
+        computeKey: 'calcCCIData',
+        compute: (data, c) => calcCCIData(data, c.period),
     },
 })
 class CCIIndicatorDefinition {

package/src/engine/renderers/Indicator/chaikinVol.ts

@@ -2,10 +2,13 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { ChaikinVolRenderState } from '../../indicators/chaikinVolState'
 import { createChaikinVolStateKey, EMPTY_CHAIKIN_VOL_STATE } from '../../indicators/chaikinVolState'
+import type { TitleInfo } from '../../indicators/indicatorMetadata'
+import type { KLineData } from '../../../types/price'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import type { IndicatorScheduler, ChaikinVolSchedulerConfig } from '../../indicators/scheduler'
+import { calcChaikinVolData } from '../../indicators/calculators'
 
 const CHAIKIN_VOL_COLOR = '#f59e0b'
 
@@ -123,20 +126,39 @@ export function createChaikinVolRendererPlugin(options: { paneId?: string } = {}
     }
 }
 
+export function getChaikinVolTitleInfo(
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
+    host: PluginHost,
+    paneId: string,
+): TitleInfo | null {
+    if (index === null) return null
+    const emaPeriod = (params.emaPeriod as number) ?? 10
+    const rocPeriod = (params.rocPeriod as number) ?? 10
+    const state = host.getSharedState<ChaikinVolRenderState>(createChaikinVolStateKey(paneId))
+    const value = state?.series[index]
+    if (value === undefined) return null
+
+    return {
+        name: 'ChaikinVol',
+        params: [emaPeriod, rocPeriod],
+        values: [{ label: 'ChaikinVol', value, color: CHAIKIN_VOL_COLOR }],
+    }
+}
+
 @Indicator({
     name: 'chaikinVol',
     displayName: 'ChaikinVol',
     category: 'oscillator',
-    stateKey: createChaikinVolStateKey,
     defaultPaneId: 'sub_ChaikinVol',
-    paneIdField: 'chaikinVolPaneId',
     visibleState: { compose: createSparseVisibleStateComposer('chaikinVol', EMPTY_CHAIKIN_VOL_STATE) },
     scale: { indicatorKey: 'chaikinVol', label: 'ChaikinVol', decimals: 2 },
-    updateConfig: (scheduler, params, paneId) => {
-        (scheduler as IndicatorScheduler).updateChaikinVolConfig(params as Partial<ChaikinVolSchedulerConfig>, paneId)
-    },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createChaikinVolStateKey(paneId), state as any, 'indicator_scheduler')
+    getTitleInfo: getChaikinVolTitleInfo,
+    runtime: {
+        defaultConfig: { emaPeriod: 10, rocPeriod: 10, showChaikinVol: true },
+        computeKey: 'calcChaikinVolData',
+        compute: (data, c) => calcChaikinVolData(data, c.emaPeriod, c.rocPeriod),
     },
 })
 class ChaikinVolIndicatorDefinition {

package/src/engine/renderers/Indicator/cmf.ts

@@ -2,10 +2,13 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { CMFRenderState } from '../../indicators/cmfState'
 import { createCMFStateKey, EMPTY_CMF_STATE } from '../../indicators/cmfState'
+import type { TitleInfo } from '../../indicators/indicatorMetadata'
+import type { KLineData } from '../../../types/price'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { createFixedRangeSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, CMFSchedulerConfig } from '../../indicators/scheduler'
+import { calcCMFData } from '../../indicators/calculators'
 
 const CMF_COLOR = '#06b6d4'
 
@@ -122,20 +125,38 @@ export function createCMFRendererPlugin(options: { paneId?: string } = {}): Rend
     }
 }
 
+export function getCMFTitleInfo(
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
+    host: PluginHost,
+    paneId: string,
+): TitleInfo | null {
+    if (index === null) return null
+    const period = (params.period as number) ?? 20
+    const state = host.getSharedState<CMFRenderState>(createCMFStateKey(paneId))
+    const value = state?.series[index]
+    if (value === undefined) return null
+
+    return {
+        name: 'CMF',
+        params: [period],
+        values: [{ label: 'CMF', value, color: CMF_COLOR }],
+    }
+}
+
 @Indicator({
     name: 'cmf',
     displayName: 'CMF',
     category: 'volume',
-    stateKey: createCMFStateKey,
     defaultPaneId: 'sub_CMF',
-    paneIdField: 'cmfPaneId',
     visibleState: { compose: createFixedRangeSparseVisibleStateComposer('cmf', EMPTY_CMF_STATE) },
     scale: { indicatorKey: 'cmf', label: 'CMF', decimals: 4 },
-    updateConfig: (scheduler, params, paneId) => {
-        (scheduler as IndicatorScheduler).updateCMFConfig(params as Partial<CMFSchedulerConfig>, paneId)
-    },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createCMFStateKey(paneId), state as any, 'indicator_scheduler')
+    getTitleInfo: getCMFTitleInfo,
+    runtime: {
+        defaultConfig: { period: 20, showCMF: true },
+        computeKey: 'calcCMFData',
+        compute: (data, c) => calcCMFData(data, c.period),
     },
 })
 class CMFIndicatorDefinition {

package/src/engine/renderers/Indicator/dema.ts

@@ -1,11 +1,13 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
+import type { KLineData } from '../../../types/price'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { DEMARenderState } from '../../indicators/demaState'
 import { createDEMAStateKey, EMPTY_DEMA_STATE } from '../../indicators/demaState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
-import { resolveStateKey } from '../../indicators/indicatorMetadata'
+import { resolveStateKey, type TitleInfo, type TitleValueItem, type GetTitleInfoFn } from '../../indicators/indicatorMetadata'
 import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import type { IndicatorScheduler, DEMASchedulerConfig } from '../../indicators/scheduler'
+import { calcDEMAData } from '../../indicators/calculators'
 
 const DEMA_COLOR = '#6366f1'
 
@@ -120,23 +122,40 @@ export function createDEMARendererPlugin(options: DEMARendererOptions = {}): Ren
     }
 }
 
+export const getDEMATitleInfo: GetTitleInfoFn = (
+    _data: KLineData[],
+    index: number | null,
+    _params: Record<string, number | boolean | string>,
+    pluginHost: PluginHost,
+    paneId: string,
+): TitleInfo | null => {
+    if (index === null) return null
+
+    const stateKey = createDEMAStateKey(paneId)
+    const state = pluginHost?.getSharedState<DEMARenderState>(stateKey)
+    if (!state || state.visibleMin > state.visibleMax) return null
+
+    const value = state.series[index]
+    if (value === undefined) return null
+
+    return {
+        name: 'DEMA',
+        params: [state.params.period],
+        values: [{ label: 'DEMA', value, color: '#6366f1' }],
+    }
+}
+
 @Indicator({
     name: 'dema',
     displayName: 'DEMA',
+    getTitleInfo: getDEMATitleInfo,
     category: 'main',
-    stateKey: createDEMAStateKey,
     defaultPaneId: 'main',
-    paneIdField: 'demaPaneId',
     allowMainPane: true,
     mainPane: { rendererName: 'dema_main', toActiveConfig: (params, active) => ({ ...params, showDEMA: active }) },
     visibleState: { compose: createSparseVisibleStateComposer('dema', EMPTY_DEMA_STATE) },
     scale: { indicatorKey: 'dema', label: 'DEMA', decimals: 2 },
-    updateConfig: (scheduler, params, paneId) => {
-        (scheduler as IndicatorScheduler).updateDEMAConfig(params as Partial<DEMASchedulerConfig>, paneId)
-    },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createDEMAStateKey(paneId), state as any, 'indicator_scheduler')
-    },
+    runtime: { defaultConfig:{period:14,showDEMA:true}, computeKey:'calcDEMAData', compute:(data,c)=>calcDEMAData(data,c.period) },
 })
 class DEMADefinition {
     static rendererFactory = createDEMARendererPlugin

package/src/engine/renderers/Indicator/donchian.ts

@@ -1,10 +1,12 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
+import type { KLineData } from '../../../types/price'
 import type { DonchianRenderState } from '../../indicators/donchianState'
 import { createDonchianStateKey, EMPTY_DONCHIAN_STATE } from '../../indicators/donchianState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
-import { resolveStateKey } from '../../indicators/indicatorMetadata'
+import { resolveStateKey, type TitleInfo, type GetTitleInfoFn } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, DonchianSchedulerConfig } from '../../indicators/scheduler'
+import { calcDonchianData } from '../../indicators/calculators'
 import { createBandVisibleStateComposer } from '../../indicators/visibleStateComposers'
 
 const DONCHIAN_UPPER_COLOR = '#0891b2'
@@ -122,23 +124,40 @@ function drawLine(ctx: CanvasRenderingContext2D, pts: Point[], color: string): v
     ctx.stroke()
 }
 
+export function getDonchianTitleInfo(
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
+    host: PluginHost,
+    paneId: string,
+): TitleInfo | null {
+    if (index === null) return null
+    const state = host.getSharedState<DonchianRenderState>(createDonchianStateKey(paneId))
+    const p = state?.series[index]
+    if (!p) return null
+
+    return {
+        name: 'Donchian',
+        params: [(params.period as number) ?? 20],
+        values: [
+            { label: 'Upper', value: p.upper, color: '#0891b2' },
+            { label: 'Mid', value: p.middle, color: '#94a3b8' },
+            { label: 'Lower', value: p.lower, color: '#0891b2' },
+        ],
+    }
+}
+
 @Indicator({
     name: 'donchian',
     displayName: 'Donchian',
+    getTitleInfo: getDonchianTitleInfo,
     category: 'main',
-    stateKey: createDonchianStateKey,
     defaultPaneId: 'main',
-    paneIdField: 'donchianPaneId',
     allowMainPane: true,
     mainPane: { rendererName: 'donchian_main', toActiveConfig: (params, active) => ({ ...params, showUpper: active, showMiddle: active, showLower: active }) },
     scale: { indicatorKey: 'donchian', label: 'Donchian', decimals: 2 },
     visibleState: { compose: createBandVisibleStateComposer('donchian', EMPTY_DONCHIAN_STATE, 'lower', 'upper') },
-    updateConfig: (scheduler, params, paneId) => {
-        (scheduler as IndicatorScheduler).updateDonchianConfig(params as Partial<DonchianSchedulerConfig>, paneId)
-    },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createDonchianStateKey(paneId), state as any, 'indicator_scheduler')
-    },
+    runtime: { defaultConfig:{period:20,showUpper:true,showMiddle:true,showLower:true}, computeKey:'calcDonchianData', compute:(data,c)=>calcDonchianData(data,c.period) },
 })
 class DonchianDefinition {
     static rendererFactory = createDonchianRendererPlugin