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

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

@@ -6,8 +6,9 @@ import { resolveThemeColors } from '../../../tokens'
 import { ENE_STATE_KEY, type ENERenderState } from '../../indicators/eneState'
 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 { ENESchedulerConfig, IndicatorScheduler } from '../../indicators/scheduler'
+import { calcENEData } from '../../indicators/calculators'
 
 type LinePoint = { x: number; y: number }
 
@@ -93,7 +94,7 @@ function drawENEWithWebGL(
  * 3. 配置变更通过外部 IndicatorScheduler 处理
  * 4. 纯绘制函数，无副作用
  */
-function getENEStateKey(host: PluginHost | null): string | null {
+export function getENEStateKey(host: PluginHost | null): string | null {
     const scheduler = host?.getService<IndicatorScheduler>('indicatorScheduler')
     if (!scheduler) {
         console.warn('[ENERenderer] Scheduler not available via service locator')
@@ -279,20 +280,46 @@ export function createENERendererPlugin(): RendererPluginWithHost {
          * 设置配置（兼容性接口，无实际操作）
          *
          * 重要：本渲染器为无状态设计，不持有配置。
-         * 配置变更应通过外部控制器调用 IndicatorScheduler.updateENEConfig() 完成。
+         * 配置变更应通过外部控制器调用 IndicatorScheduler.updateIndicatorConfig() 完成。
          */
         setConfig(_newConfig: Record<string, unknown>) {
             // 无状态渲染器不存储配置
-            // 外部控制器应调用 chart.getIndicatorScheduler().updateENEConfig()
+            // 外部控制器应调用 chart.getIndicatorScheduler().updateIndicatorConfig()
         },
     }
 }
 
+export const getENETitleInfo: 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 = getENEStateKey(pluginHost)
+    if (!stateKey) return null
+
+    const state = pluginHost?.getSharedState<ENERenderState>(stateKey)
+    if (!state || state.visibleMin > state.visibleMax) return null
+
+    const enePoint = state.series[index]
+    if (!enePoint) return null
+
+    const values: TitleValueItem[] = [
+        { label: 'UP', value: enePoint.upper, color: '#FF5064' },
+        { label: 'MID', value: enePoint.middle, color: '#5A8CFF' },
+        { label: 'DN', value: enePoint.lower, color: '#3CC8A0' },
+    ]
+
+    return { name: 'ENE', params: [state.params.period, state.params.deviation], values }
+}
+
 @Indicator({
     name: 'ene',
     displayName: 'ENE',
     category: 'main',
-    stateKey: ENE_STATE_KEY,
     defaultPaneId: 'main',
     mainPane: {
         rendererName: 'ene',
@@ -300,9 +327,6 @@ export function createENERendererPlugin(): RendererPluginWithHost {
         computePriceRange: computeENEPriceRange,
         composeRenderState: composeENERenderState,
     },
-    updateConfig: (scheduler, params) => {
-        (scheduler as IndicatorScheduler).updateENEConfig(params as Partial<ENESchedulerConfig>)
-    },
     semantic: {
         apply: (chart, indicator) => {
             const params = (indicator as { params?: { period?: number; deviation?: number } }).params
@@ -312,9 +336,8 @@ export function createENERendererPlugin(): RendererPluginWithHost {
             })
         },
     },
-    applyResult: (host, state, _paneId) => {
-        host.setSharedState(ENE_STATE_KEY, state as any, 'indicator_scheduler')
-    },
+    runtime: { defaultConfig:{period:10,deviation:11}, computeKey:'calcENEData', compute:(data,c)=>calcENEData(data,c.period,c.deviation) },
+    getTitleInfo: getENETitleInfo,
 })
 class ENEDefinition {
     static rendererFactory = createENERendererPlugin

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

@@ -6,8 +6,9 @@ import { resolveThemeColors } from '../../../tokens'
 import { EXPMA_STATE_KEY, type EXPMARenderState } from '../../indicators/expmaState'
 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 { EXPMASchedulerConfig, IndicatorScheduler } from '../../indicators/scheduler'
+import { calcEXPMAData } from '../../indicators/calculators'
 
 type LinePoint = { x: number; y: number }
 
@@ -33,7 +34,7 @@ function buildEXPMACacheKey(
     ].join('|')
 }
 
-function getEXPMAStateKey(host: PluginHost | null): string | null {
+export function getEXPMAStateKey(host: PluginHost | null): string | null {
     const scheduler = host?.getService<IndicatorScheduler>('indicatorScheduler')
     if (!scheduler) {
         console.warn('[EXPMARenderer] Scheduler not available via service locator')
@@ -214,11 +215,36 @@ export function createEXPMARendererPlugin(): RendererPluginWithHost {
     }
 }
 
+export const getEXPMATitleInfo: 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 = getEXPMAStateKey(pluginHost)
+    if (!stateKey) return null
+
+    const state = pluginHost?.getSharedState<EXPMARenderState>(stateKey)
+    if (!state || state.visibleMin > state.visibleMax) return null
+
+    const expmaPoint = state.series[index]
+    if (!expmaPoint) return null
+
+    const values: TitleValueItem[] = [
+        { label: 'FAST', value: expmaPoint.fast, color: '#FFAA32' },
+        { label: 'SLOW', value: expmaPoint.slow, color: '#5A8CFF' },
+    ]
+
+    return { name: 'EXPMA', params: [state.params.fastPeriod, state.params.slowPeriod], values }
+}
+
 @Indicator({
     name: 'expma',
     displayName: 'EXPMA',
     category: 'main',
-    stateKey: EXPMA_STATE_KEY,
     defaultPaneId: 'main',
     mainPane: {
         rendererName: 'expma',
@@ -226,9 +252,6 @@ export function createEXPMARendererPlugin(): RendererPluginWithHost {
         computePriceRange: computeEXPMAPriceRange,
         composeRenderState: composeEXPMARenderState,
     },
-    updateConfig: (scheduler, params) => {
-        (scheduler as IndicatorScheduler).updateEXPMAConfig(params as Partial<EXPMASchedulerConfig>)
-    },
     semantic: {
         apply: (chart, indicator) => {
             const params = (indicator as { params?: { fastPeriod?: number; slowPeriod?: number } }).params
@@ -238,9 +261,8 @@ export function createEXPMARendererPlugin(): RendererPluginWithHost {
             })
         },
     },
-    applyResult: (host, state, _paneId) => {
-        host.setSharedState(EXPMA_STATE_KEY, state as any, 'indicator_scheduler')
-    },
+    runtime: { defaultConfig:{fastPeriod:12,slowPeriod:50}, computeKey:'calcEXPMAData', compute:(data,c)=>calcEXPMAData(data,c.fastPeriod,c.slowPeriod) },
+    getTitleInfo: getEXPMATitleInfo,
 })
 class EXPMADefinition {
     static rendererFactory = createEXPMARendererPlugin

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

@@ -9,6 +9,8 @@ import { createFixedRangeSparseVisibleStateComposer } from '../../indicators/vis
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, FASTKSchedulerConfig } from '../../indicators/scheduler'
 import { createFastkScaleRendererPlugin } from './scale/fastk_scale'
+import { calcFASTKData } from '../../indicators/calculators'
+import type { KLineData } from '../../../types/price'
 
 type LinePoint = { x: number; y: number }
 
@@ -243,7 +245,7 @@ const { ctx, pane, range, scrollLeft, dpr, kLineCenters, lineWebGLSurface } = co
         },
 
         setConfig() {
-            // no-op: 配置通过 scheduler.updateFASTKConfig() 更新
+            // no-op: 配置通过 scheduler.updateIndicatorConfig() 更新
         },
     }
 }
@@ -280,14 +282,15 @@ function drawFASTKLineWithCanvas2D(
  * 获取 FASTK 标题信息（供 paneTitle 使用）
  */
 export function getFASTKTitleInfo(
-    index: number,
-    period: number,
+    _data: KLineData[],
+    index: number | null,
+    params: Record<string, number | boolean | string>,
     pluginHost: PluginHost,
-    paneId: string = 'sub_FASTK',
-    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) ?? 9
+    const colors = resolveThemeColors('light')
     const state = pluginHost.getSharedState<FASTKRenderState>(createFASTKStateKey(paneId))
     if (!state) return null
 
@@ -307,16 +310,14 @@ export function getFASTKTitleInfo(
     name: 'fastk',
     displayName: 'FASTK',
     category: 'oscillator',
-    stateKey: createFASTKStateKey,
     defaultPaneId: 'sub_FASTK',
-    paneIdField: 'fastkPaneId',
     visibleState: { compose: createFixedRangeSparseVisibleStateComposer('fastk', EMPTY_FASTK_STATE) },
     scaleRendererFactory: createFastkScaleRendererPlugin,
-    updateConfig: (scheduler, params, paneId) => {
-    (scheduler as IndicatorScheduler).updateFASTKConfig(params as Partial<FASTKSchedulerConfig>, paneId)
-  },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createFASTKStateKey(paneId), state as any, 'indicator_scheduler')
+    getTitleInfo: getFASTKTitleInfo,
+    runtime: {
+        defaultConfig: { period: 9, showFASTK: true },
+        computeKey: 'calcFASTKData',
+        compute: (data, c) => calcFASTKData(data, c.period),
     },
 })
 class FASTKIndicatorDefinition {

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

@@ -3,9 +3,10 @@ import { RENDERER_PRIORITY } from '../../../plugin'
 import type { FibRenderState } from '../../indicators/fibState'
 import { createFibStateKey, EMPTY_FIB_STATE } from '../../indicators/fibState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
-import { resolveStateKey } from '../../indicators/indicatorMetadata'
+import { resolveStateKey, type TitleInfo, type TitleValueItem, type GetTitleInfoFn } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, FibSchedulerConfig } from '../../indicators/scheduler'
 import { createExactRangePointVisibleStateComposer } from '../../indicators/visibleStateComposers'
+import { calcFibData } from '../../indicators/calculators'
 
 const FIB_COLORS = {
     high: '#94a3b8',
@@ -125,23 +126,42 @@ function drawLine(ctx: CanvasRenderingContext2D, pts: Point[], color: string): v
     ctx.stroke()
 }
 
+export const getFibTitleInfo: GetTitleInfoFn = (_data, index, _params, host, paneId) => {
+    if (index === null || index < 0) return null
+
+    const stateKey = createFibStateKey(paneId)
+    const state = host?.getSharedState<FibRenderState>(stateKey)
+    if (!state) return null
+
+    const p = state.series[index]
+    if (!p) return null
+
+    const values: TitleValueItem[] = [
+        { label: '236', value: p.level236, color: FIB_COLORS.l236 },
+        { label: '382', value: p.level382, color: FIB_COLORS.l382 },
+        { label: '500', value: p.level500, color: FIB_COLORS.l500 },
+        { label: '618', value: p.level618, color: FIB_COLORS.l618 },
+        { label: '786', value: p.level786, color: FIB_COLORS.l786 },
+    ]
+
+    return {
+        name: 'Fib',
+        params: [state.params.period],
+        values,
+    }
+}
+
 @Indicator({
     name: 'fib',
     displayName: 'Fib',
+    getTitleInfo: getFibTitleInfo,
     category: 'main',
-    stateKey: createFibStateKey,
     defaultPaneId: 'main',
-    paneIdField: 'fibPaneId',
     allowMainPane: true,
     mainPane: { rendererName: 'fib_main', toActiveConfig: (params, active) => ({ ...params, showLevels: active }) },
     scale: { indicatorKey: 'fib', label: 'Fib', decimals: 4 },
     visibleState: { compose: createExactRangePointVisibleStateComposer('fib', EMPTY_FIB_STATE, ['low', 'high']) },
-    updateConfig: (scheduler, params, paneId) => {
-        (scheduler as IndicatorScheduler).updateFibConfig(params as Partial<FibSchedulerConfig>, paneId)
-    },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createFibStateKey(paneId), state as any, 'indicator_scheduler')
-    },
+    runtime: { defaultConfig:{period:50,showLevels:true}, computeKey:'calcFibData', compute:(data,c)=>calcFibData(data,c.period) },
 })
 class FibDefinition {
     static rendererFactory = createFibRendererPlugin

package/src/engine/renderers/Indicator/hma.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 { HMARenderState } from '../../indicators/hmaState'
 import { createHMAStateKey, EMPTY_HMA_STATE } from '../../indicators/hmaState'
 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, HMASchedulerConfig } from '../../indicators/scheduler'
+import { calcHMAData } from '../../indicators/calculators'
 
 const HMA_COLOR = '#f43f5e'
 
@@ -120,23 +122,40 @@ export function createHMARendererPlugin(options: HMARendererOptions = {}): Rende
     }
 }
 
+export const getHMATitleInfo: 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 = createHMAStateKey(paneId)
+    const state = pluginHost?.getSharedState<HMARenderState>(stateKey)
+    if (!state || state.visibleMin > state.visibleMax) return null
+
+    const value = state.series[index]
+    if (value === undefined) return null
+
+    return {
+        name: 'HMA',
+        params: [state.params.period],
+        values: [{ label: 'HMA', value, color: '#f43f5e' }],
+    }
+}
+
 @Indicator({
     name: 'hma',
     displayName: 'HMA',
+    getTitleInfo: getHMATitleInfo,
     category: 'main',
-    stateKey: createHMAStateKey,
     defaultPaneId: 'main',
-    paneIdField: 'hmaPaneId',
     allowMainPane: true,
     mainPane: { rendererName: 'hma_main', toActiveConfig: (params, active) => ({ ...params, showHMA: active }) },
     visibleState: { compose: createSparseVisibleStateComposer('hma', EMPTY_HMA_STATE) },
     scale: { indicatorKey: 'hma', label: 'HMA', decimals: 2 },
-    updateConfig: (scheduler, params, paneId) => {
-        (scheduler as IndicatorScheduler).updateHMAConfig(params as Partial<HMASchedulerConfig>, paneId)
-    },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createHMAStateKey(paneId), state as any, 'indicator_scheduler')
-    },
+    runtime: { defaultConfig:{period:14,showHMA:true}, computeKey:'calcHMAData', compute:(data,c)=>calcHMAData(data,c.period) },
 })
 class HMADefinition {
     static rendererFactory = createHMARendererPlugin

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

@@ -1,5 +1,6 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
+import { resolveThemeColors } from '../../../tokens'
 import type { HVRenderState } from '../../indicators/hvState'
 import { createHVStateKey } from '../../indicators/hvState'
 import { EMPTY_HV_STATE } from '../../indicators/hvState'
@@ -7,6 +8,9 @@ import { createNonNegativeSparseVisibleStateComposer } from '../../indicators/vi
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, HVSchedulerConfig } from '../../indicators/scheduler'
+import { calcHVData } from '../../indicators/calculators'
+import type { TitleInfo } from '../../indicators/indicatorMetadata'
+import type { KLineData } from '../../../types/price'
 
 const HV_COLOR = '#7c3aed'
 
@@ -110,21 +114,36 @@ export function createHVRendererPlugin(options: { paneId?: string } = {}): Rende
     }
 }
 
+export function getHVTitleInfo(
+  _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 annualizationFactor = (params.annualizationFactor as number) ?? 252
+  const state = host.getSharedState<HVRenderState>(createHVStateKey(paneId))
+  const value = state?.series[index]
+  if (value === undefined) return null
+
+  return {
+    name: 'HV',
+    params: [period, annualizationFactor],
+    values: [{ label: 'HV', value, color: HV_COLOR }],
+  }
+}
+
 @Indicator({
     name: 'hv',
     displayName: 'HV',
     category: 'oscillator',
-    stateKey: createHVStateKey,
     defaultPaneId: 'sub_HV',
-    paneIdField: 'hvPaneId',
     scale: { indicatorKey: 'hv', label: 'HV', decimals: 2 },
-    updateConfig: (scheduler, params, paneId) => {
-    (scheduler as IndicatorScheduler).updateHVConfig(params as Partial<HVSchedulerConfig>, paneId)
-  },
+    getTitleInfo: getHVTitleInfo,
     visibleState: { compose: createNonNegativeSparseVisibleStateComposer('hv', EMPTY_HV_STATE) },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createHVStateKey(paneId), state as any, 'indicator_scheduler')
-    },
+    runtime: { defaultConfig:{period:20,annualizationFactor:252,showHV:true}, computeKey:'calcHVData', compute:(data,c)=>calcHVData(data,c.period,c.annualizationFactor) },
 })
 class HVIndicatorDefinition {
     static rendererFactory = createHVRendererPlugin

package/src/engine/renderers/Indicator/ichimoku.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 { IchimokuRenderState } from '../../indicators/ichimokuState'
 import { createIchimokuStateKey, EMPTY_ICHIMOKU_STATE } from '../../indicators/ichimokuState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
-import { resolveStateKey } from '../../indicators/indicatorMetadata'
+import { resolveStateKey, type TitleInfo, type TitleValueItem, type GetTitleInfoFn } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, IchimokuSchedulerConfig } from '../../indicators/scheduler'
+import { calcIchimokuData } from '../../indicators/calculators'
 import { createValuePointVisibleStateComposer } from '../../indicators/visibleStateComposers'
 
 const TENKAN_COLOR = '#dc2626'
@@ -166,23 +168,43 @@ function fillCloud(
     }
 }
 
+export function getIchimokuTitleInfo(
+    _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<IchimokuRenderState>(createIchimokuStateKey(paneId))
+    const p = state?.series[index]
+    if (!p) return null
+
+    const values: TitleValueItem[] = []
+    if (p.tenkan !== undefined) values.push({ label: 'Tenkan', value: p.tenkan, color: '#dc2626' })
+    if (p.kijun !== undefined) values.push({ label: 'Kijun', value: p.kijun, color: '#2563eb' })
+    if (p.spanA !== undefined) values.push({ label: 'SpanA', value: p.spanA, color: '#16a34a' })
+    if (p.spanB !== undefined) values.push({ label: 'SpanB', value: p.spanB, color: '#dc2626' })
+    if (p.chikou !== undefined) values.push({ label: 'Chikou', value: p.chikou, color: '#7c3aed' })
+
+    return {
+        name: 'Ichimoku',
+        params: [(params.tenkanPeriod as number) ?? 9, (params.kijunPeriod as number) ?? 26, (params.spanBPeriod as number) ?? 52, (params.displacement as number) ?? 26],
+        values,
+    }
+}
+
 @Indicator({
     name: 'ichimoku',
     displayName: 'Ichimoku',
+    getTitleInfo: getIchimokuTitleInfo,
     category: 'main',
-    stateKey: createIchimokuStateKey,
     defaultPaneId: 'main',
-    paneIdField: 'ichimokuPaneId',
     allowMainPane: true,
     mainPane: { rendererName: 'ichimoku_main', toActiveConfig: (params, active) => ({ ...params, showTenkan: active, showKijun: active, showSpanA: active, showSpanB: active, showChikou: active, showCloud: active }) },
     scale: { indicatorKey: 'ichimoku', label: 'Ichimoku', decimals: 2 },
     visibleState: { compose: createValuePointVisibleStateComposer('ichimoku', EMPTY_ICHIMOKU_STATE, ['tenkan', 'kijun', 'spanA', 'spanB', 'chikou']) },
-    updateConfig: (scheduler, params, paneId) => {
-        (scheduler as IndicatorScheduler).updateIchimokuConfig(params as Partial<IchimokuSchedulerConfig>, paneId)
-    },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createIchimokuStateKey(paneId), state as any, 'indicator_scheduler')
-    },
+    runtime: { defaultConfig:{tenkanPeriod:9,kijunPeriod:26,spanBPeriod:52,displacement:26,showTenkan:true,showKijun:true,showSpanA:true,showSpanB:true,showCloud:true,showChikou:true}, computeKey:'calcIchimokuData', compute:(data,c)=>calcIchimokuData(data,c.tenkanPeriod,c.kijunPeriod,c.spanBPeriod,c.displacement) },
 })
 class IchimokuDefinition {
     static rendererFactory = createIchimokuRendererPlugin

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

@@ -6,7 +6,7 @@ import type { RendererPlugin } from '../../../plugin'
 import type { IndicatorMetadata } from '../../indicators/indicatorMetadata'
 
 // MA 均线
-export { createMARendererPlugin, type MAFlags } from './ma'
+export { createMARendererPlugin, type MAFlags, getMATitleInfo } from './ma'
 
 // BOLL 布林带
 export { createBOLLRendererPlugin } from './boll'
@@ -22,7 +22,6 @@ export { createMainIndicatorLegendRendererPlugin } from './mainIndicatorLegend'
 
 // MACD
 export { createMACDRendererPlugin, calcMACDAtIndex, type MACDConfig, type MACDRendererOptions, getMACDTitleInfo } from './macd'
-export { createMACDLegendRendererPlugin, type MACDLegendOptions } from './macdLegend'
 
 // RSI 相对强弱指标
 export { createRSIRendererPlugin, type RSIRendererOptions, getRSITitleInfo } from './rsi'
@@ -49,57 +48,57 @@ export { createFASTKRendererPlugin, type FASTKRendererOptions, getFASTKTitleInfo
 export { createATRRendererPlugin, type ATRRendererOptions, getATRTitleInfo } from './atr'
 
 // WMA 加权移动平均
-export { createWMARendererPlugin } from './wma'
+export { createWMARendererPlugin, getWMATitleInfo } from './wma'
 // DEMA 双指数移动平均
-export { createDEMARendererPlugin } from './dema'
+export { createDEMARendererPlugin, getDEMATitleInfo } from './dema'
 // TEMA 三指数移动平均
-export { createTEMARendererPlugin } from './tema'
+export { createTEMARendererPlugin, getTEMATitleInfo } from './tema'
 // HMA 赫尔移动平均
-export { createHMARendererPlugin } from './hma'
+export { createHMARendererPlugin, getHMATitleInfo } from './hma'
 // KAMA 考夫曼自适应移动平均
-export { createKAMARendererPlugin } from './kama'
+export { createKAMARendererPlugin, getKAMATitleInfo } from './kama'
 // SAR 抛物线转向
-export { createSARRendererPlugin } from './sar'
+export { createSARRendererPlugin, getSARTitleInfo } from './sar'
 // SuperTrend 超级趋势
-export { createSuperTrendRendererPlugin } from './supertrend'
+export { createSuperTrendRendererPlugin, getSuperTrendTitleInfo } from './supertrend'
 // Keltner 肯特纳通道
-export { createKeltnerRendererPlugin } from './keltner'
+export { createKeltnerRendererPlugin, getKeltnerTitleInfo } from './keltner'
 // Donchian 唐奇安通道
-export { createDonchianRendererPlugin } from './donchian'
+export { createDonchianRendererPlugin, getDonchianTitleInfo } from './donchian'
 // Ichimoku 一目均衡表
-export { createIchimokuRendererPlugin } from './ichimoku'
+export { createIchimokuRendererPlugin, getIchimokuTitleInfo } from './ichimoku'
 // ROC 变化率
-export { createROCRendererPlugin } from './roc'
+export { createROCRendererPlugin, getROCTitleInfo } from './roc'
 // TRIX 三重指数平滑平均
-export { createTRIXRendererPlugin } from './trix'
+export { createTRIXRendererPlugin, getTRIXTitleInfo } from './trix'
 // HV 历史波动率
-export { createHVRendererPlugin } from './hv'
+export { createHVRendererPlugin, getHVTitleInfo } from './hv'
 // Parkinson 帕金森波动率
-export { createParkinsonRendererPlugin } from './parkinson'
+export { createParkinsonRendererPlugin, getParkinsonTitleInfo } from './parkinson'
 // Chaikin Vol 蔡金波动率
-export { createChaikinVolRendererPlugin } from './chaikinVol'
+export { createChaikinVolRendererPlugin, getChaikinVolTitleInfo } from './chaikinVol'
 // VMA 成交量移动平均
-export { createVMARendererPlugin } from './vma'
+export { createVMARendererPlugin, getVMATitleInfo } from './vma'
 // OBV 能量潮
-export { createOBVRendererPlugin } from './obv'
+export { createOBVRendererPlugin, getOBVTitleInfo } from './obv'
 // PVT 价量趋势
-export { createPVTRendererPlugin } from './pvt'
+export { createPVTRendererPlugin, getPVTTitleInfo } from './pvt'
 // VWAP 成交量加权均价
-export { createVWAPRendererPlugin } from './vwap'
+export { createVWAPRendererPlugin, getVWAPTitleInfo } from './vwap'
 // CMF 蔡金资金流
-export { createCMFRendererPlugin } from './cmf'
+export { createCMFRendererPlugin, getCMFTitleInfo } from './cmf'
 // MFI 资金流量指数
-export { createMFIRendererPlugin } from './mfi'
+export { createMFIRendererPlugin, getMFITitleInfo } from './mfi'
 // Pivot Points 枢轴点
-export { createPivotRendererPlugin } from './pivot'
+export { createPivotRendererPlugin, getPivotTitleInfo } from './pivot'
 // Fibonacci 斐波那契
-export { createFibRendererPlugin } from './fib'
+export { createFibRendererPlugin, getFibTitleInfo } from './fib'
 // SMC Structure 结构
-export { createStructureRendererPlugin } from './structure'
+export { createStructureRendererPlugin, getStructureTitleInfo } from './structure'
 // SMC Zones 区域
-export { createZonesRendererPlugin } from './zones'
+export { createZonesRendererPlugin, getZonesTitleInfo } from './zones'
 // Volume Profile 成交量分布
-export { createVolumeProfileRendererPlugin } from './volumeProfile'
+export { createVolumeProfileRendererPlugin, getVolumeProfileTitleInfo } from './volumeProfile'
 
 /**
  * 副图指标类型

package/src/engine/renderers/Indicator/kama.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 { KAMARenderState } from '../../indicators/kamaState'
 import { createKAMAStateKey, EMPTY_KAMA_STATE } from '../../indicators/kamaState'
 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, KAMASchedulerConfig } from '../../indicators/scheduler'
+import { calcKAMAData } from '../../indicators/calculators'
 
 const KAMA_COLOR = '#0ea5e9'
 
@@ -120,23 +122,40 @@ export function createKAMARendererPlugin(options: KAMARendererOptions = {}): Ren
     }
 }
 
+export const getKAMATitleInfo: 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 = createKAMAStateKey(paneId)
+    const state = pluginHost?.getSharedState<KAMARenderState>(stateKey)
+    if (!state || state.visibleMin > state.visibleMax) return null
+
+    const value = state.series[index]
+    if (value === undefined) return null
+
+    return {
+        name: 'KAMA',
+        params: [state.params.period, state.params.fastPeriod, state.params.slowPeriod],
+        values: [{ label: 'KAMA', value, color: '#0ea5e9' }],
+    }
+}
+
 @Indicator({
     name: 'kama',
     displayName: 'KAMA',
+    getTitleInfo: getKAMATitleInfo,
     category: 'main',
-    stateKey: createKAMAStateKey,
     defaultPaneId: 'main',
-    paneIdField: 'kamaPaneId',
     allowMainPane: true,
     mainPane: { rendererName: 'kama_main', toActiveConfig: (params, active) => ({ ...params, showKAMA: active }) },
     visibleState: { compose: createSparseVisibleStateComposer('kama', EMPTY_KAMA_STATE) },
     scale: { indicatorKey: 'kama', label: 'KAMA', decimals: 2 },
-    updateConfig: (scheduler, params, paneId) => {
-        (scheduler as IndicatorScheduler).updateKAMAConfig(params as Partial<KAMASchedulerConfig>, paneId)
-    },
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createKAMAStateKey(paneId), state as any, 'indicator_scheduler')
-    },
+    runtime: { defaultConfig:{period:10,fastPeriod:2,slowPeriod:30,showKAMA:true}, computeKey:'calcKAMAData', compute:(data,c)=>calcKAMAData(data,c.period,c.fastPeriod,c.slowPeriod) },
 })
 class KAMADefinition {
     static rendererFactory = createKAMARendererPlugin