@363045841yyt/klinechart-core 0.7.9 → 0.7.11

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

@@ -2,10 +2,11 @@ import { resolveThemeColors } from '../../../tokens'
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { StructureRenderState } from '../../indicators/structureState'
-import { createStructureStateKey } from '../../indicators/structureState'
+import { createStructureStateKey, EMPTY_STRUCTURE_STATE } from '../../indicators/structureState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { createFixedUnitVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, StructureSchedulerConfig } from '../../indicators/scheduler'
 
 const LABEL_FONT = '11px sans-serif'
 
@@ -117,6 +118,12 @@ export function createStructureRendererPlugin(options: { paneId?: string } = {})
     defaultPaneId: 'sub_Structure',
     paneIdField: 'structurePaneId',
     allowMainPane: true,
+    mainPane: { rendererName: 'structure_main', toActiveConfig: (params, active) => ({ ...params, showSwingLabels: active, showBOS: active, showCHOCH: active }) },
+    scale: { indicatorKey: 'structure', label: 'Structure', decimals: 2 },
+    visibleState: { compose: createFixedUnitVisibleStateComposer('structure', EMPTY_STRUCTURE_STATE) },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateStructureConfig(params as Partial<StructureSchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createStructureStateKey(paneId), state as any, 'indicator_scheduler')
     },

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

@@ -31,7 +31,7 @@ export interface SubPaneIndicatorConfig {
   ) => TitleInfo | null
 }
 
-export const SUB_PANE_INDICATOR_CONFIGS: Record<SubIndicatorType, SubPaneIndicatorConfig> = {
+export const SUB_PANE_INDICATOR_CONFIGS: Record<string, SubPaneIndicatorConfig> = {
   VOLUME: {
     defaultParams: {},
     getTitleInfo: () => ({ name: 'VOL', params: [], values: [] }),

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

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { SuperTrendRenderState } from '../../indicators/supertrendState'
-import { createSuperTrendStateKey } from '../../indicators/supertrendState'
+import { createSuperTrendStateKey, EMPTY_SUPERTREND_STATE } from '../../indicators/supertrendState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, SuperTrendSchedulerConfig } from '../../indicators/scheduler'
+import { createValuePointVisibleStateComposer } from '../../indicators/visibleStateComposers'
 
 const ST_UP_COLOR = '#22c55e'
 const ST_DOWN_COLOR = '#ef4444'
@@ -106,6 +107,12 @@ export function createSuperTrendRendererPlugin(options: SuperTrendRendererOption
     defaultPaneId: 'sub_SuperTrend',
     paneIdField: 'supertrendPaneId',
     allowMainPane: true,
+    mainPane: { rendererName: 'supertrend_main', toActiveConfig: (params, active) => ({ ...params, showSuperTrend: active }) },
+    scale: { indicatorKey: 'supertrend', label: 'SuperTrend', decimals: 2 },
+    visibleState: { compose: createValuePointVisibleStateComposer('supertrend', EMPTY_SUPERTREND_STATE, ['value']) },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateSuperTrendConfig(params as Partial<SuperTrendSchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createSuperTrendStateKey(paneId), state as any, 'indicator_scheduler')
     },

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

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { TEMARenderState } from '../../indicators/temaState'
-import { createTEMAStateKey } from '../../indicators/temaState'
+import { createTEMAStateKey, EMPTY_TEMA_STATE } from '../../indicators/temaState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
+import type { IndicatorScheduler, TEMASchedulerConfig } from '../../indicators/scheduler'
 
 const TEMA_COLOR = '#d946ef'
 
@@ -127,6 +128,12 @@ export function createTEMARendererPlugin(options: TEMARendererOptions = {}): Ren
     defaultPaneId: 'main',
     paneIdField: 'temaPaneId',
     allowMainPane: true,
+    mainPane: { rendererName: 'tema_main', toActiveConfig: (params, active) => ({ ...params, showTEMA: active }) },
+    visibleState: { compose: createSparseVisibleStateComposer('tema', EMPTY_TEMA_STATE) },
+    scale: { indicatorKey: 'tema', label: 'TEMA', decimals: 2 },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateTEMAConfig(params as Partial<TEMASchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createTEMAStateKey(paneId), state as any, 'indicator_scheduler')
     },

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

@@ -2,9 +2,11 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { TRIXRenderState } from '../../indicators/trixState'
 import { createTRIXStateKey } from '../../indicators/trixState'
+import { EMPTY_TRIX_STATE } from '../../indicators/trixState'
+import { createDualSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, TRIXSchedulerConfig } from '../../indicators/scheduler'
 
 const TRIX_COLOR = '#e11d48'
 const SIGNAL_COLOR = '#f59e0b'
@@ -149,6 +151,11 @@ function drawLine(ctx: CanvasRenderingContext2D, pts: Point[], color: string): v
     stateKey: createTRIXStateKey,
     defaultPaneId: 'sub_TRIX',
     paneIdField: 'trixPaneId',
+    scale: { indicatorKey: 'trix', label: 'TRIX', decimals: 6 },
+    updateConfig: (scheduler, params, paneId) => {
+    (scheduler as IndicatorScheduler).updateTRIXConfig(params as Partial<TRIXSchedulerConfig>, paneId)
+  },
+    visibleState: { compose: createDualSparseVisibleStateComposer('trix', EMPTY_TRIX_STATE) },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createTRIXStateKey(paneId), state as any, 'indicator_scheduler')
     },

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

@@ -2,9 +2,11 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { VMARenderState } from '../../indicators/vmaState'
 import { createVMAStateKey } from '../../indicators/vmaState'
+import { EMPTY_VMA_STATE } from '../../indicators/vmaState'
+import { createNonNegativeSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, VMASchedulerConfig } from '../../indicators/scheduler'
 
 const VMA_COLOR = '#0ea5e9'
 
@@ -115,6 +117,11 @@ export function createVMARendererPlugin(options: { paneId?: string } = {}): Rend
     stateKey: createVMAStateKey,
     defaultPaneId: 'sub_VMA',
     paneIdField: 'vmaPaneId',
+    scale: { indicatorKey: 'vma', label: 'VMA', decimals: 0 },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateVMAConfig(params as Partial<VMASchedulerConfig>, paneId)
+    },
+    visibleState: { compose: createNonNegativeSparseVisibleStateComposer('vma', EMPTY_VMA_STATE) },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createVMAStateKey(paneId), state as any, 'indicator_scheduler')
     },

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

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { VolumeProfileRenderState } from '../../indicators/volumeProfileState'
-import { createVolumeProfileStateKey } from '../../indicators/volumeProfileState'
+import { createVolumeProfileStateKey, EMPTY_VOLUME_PROFILE_STATE } from '../../indicators/volumeProfileState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { createVolumeProfileVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, VolumeProfileSchedulerConfig } from '../../indicators/scheduler'
 
 const BAR_FILL = 'rgba(99, 102, 241, 0.35)'
 const POC_COLOR = '#f59e0b'
@@ -116,6 +117,11 @@ export function createVolumeProfileRendererPlugin(options: { paneId?: string } =
     stateKey: createVolumeProfileStateKey,
     defaultPaneId: 'sub_VolumeProfile',
     paneIdField: 'volumeProfilePaneId',
+    scale: { indicatorKey: 'volumeProfile', label: 'VP', decimals: 0 },
+    visibleState: { compose: createVolumeProfileVisibleStateComposer('volumeProfile', EMPTY_VOLUME_PROFILE_STATE) },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateVolumeProfileConfig(params as Partial<VolumeProfileSchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createVolumeProfileStateKey(paneId), state as any, 'indicator_scheduler')
     },

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

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { VWAPRenderState } from '../../indicators/vwapState'
-import { createVWAPStateKey } from '../../indicators/vwapState'
+import { createVWAPStateKey, EMPTY_VWAP_STATE } from '../../indicators/vwapState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
+import type { IndicatorScheduler, VWAPSchedulerConfig } from '../../indicators/scheduler'
 
 const VWAP_COLOR = '#ec4899'
 
@@ -114,6 +115,11 @@ export function createVWAPRendererPlugin(options: { paneId?: string } = {}): Ren
     stateKey: createVWAPStateKey,
     defaultPaneId: 'sub_VWAP',
     paneIdField: 'vwapPaneId',
+    visibleState: { compose: createSparseVisibleStateComposer('vwap', EMPTY_VWAP_STATE) },
+    scale: { indicatorKey: 'vwap', label: 'VWAP', decimals: 2 },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateVWAPConfig(params as Partial<VWAPSchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createVWAPStateKey(paneId), state as any, 'indicator_scheduler')
     },

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

@@ -1,10 +1,11 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { WMARenderState } from '../../indicators/wmaState'
-import { createWMAStateKey } from '../../indicators/wmaState'
+import { createWMAStateKey, EMPTY_WMA_STATE } from '../../indicators/wmaState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
+import type { IndicatorScheduler, WMASchedulerConfig } from '../../indicators/scheduler'
 
 const WMA_COLOR = '#10b981'
 
@@ -127,6 +128,12 @@ export function createWMARendererPlugin(options: WMARendererOptions = {}): Rende
     defaultPaneId: 'main',
     paneIdField: 'wmaPaneId',
     allowMainPane: true,
+    mainPane: { rendererName: 'wma_main', toActiveConfig: (params, active) => ({ ...params, showWMA: active }) },
+    visibleState: { compose: createSparseVisibleStateComposer('wma', EMPTY_WMA_STATE) },
+    scale: { indicatorKey: 'wma', label: 'WMA', decimals: 2 },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateWMAConfig(params as Partial<WMASchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createWMAStateKey(paneId), state as any, 'indicator_scheduler')
     },

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

@@ -3,10 +3,12 @@ import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
 import { alignToPhysicalPixelCenter } from '../../draw/pixelAlign'
 import type { WMSRRenderState } from '../../indicators/wmsrState'
-import { createWMSRStateKey } from '../../indicators/wmsrState'
+import { createWMSRStateKey, EMPTY_WMSR_STATE } from '../../indicators/wmsrState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { createFixedRangeSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, WMSRSchedulerConfig } from '../../indicators/scheduler'
+import { createWmsrScaleRendererPlugin } from './scale/wmsr_scale'
 
 type LinePoint = { x: number; y: number }
 
@@ -320,6 +322,11 @@ export function getWMSRTitleInfo(
     stateKey: createWMSRStateKey,
     defaultPaneId: 'sub_WMSR',
     paneIdField: 'wmsrPaneId',
+    visibleState: { compose: createFixedRangeSparseVisibleStateComposer('wmsr', EMPTY_WMSR_STATE) },
+    scaleRendererFactory: createWmsrScaleRendererPlugin,
+    updateConfig: (scheduler, params, paneId) => {
+    (scheduler as IndicatorScheduler).updateWMSRConfig(params as Partial<WMSRSchedulerConfig>, paneId)
+  },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createWMSRStateKey(paneId), state as any, 'indicator_scheduler')
     },

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

@@ -2,10 +2,11 @@ import { resolveThemeColors } from '../../../tokens'
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import type { ZonesRenderState } from '../../indicators/zonesState'
-import { createZonesStateKey } from '../../indicators/zonesState'
+import { createZonesStateKey, EMPTY_ZONES_STATE } from '../../indicators/zonesState'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { createFixedUnitVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
+import type { IndicatorScheduler, ZonesSchedulerConfig } from '../../indicators/scheduler'
 
 function getZonesStateKey(host: PluginHost | null, paneId: string): string | null {
     const scheduler = host?.getService<IndicatorScheduler>('indicatorScheduler')
@@ -96,6 +97,12 @@ export function createZonesRendererPlugin(options: { paneId?: string } = {}): Re
     defaultPaneId: 'main',
     paneIdField: 'zonesPaneId',
     allowMainPane: true,
+    mainPane: { rendererName: 'zones_main', toActiveConfig: (params, active) => ({ ...params, showFVG: active, showOB: active, showFilledZones: active }) },
+    scale: { indicatorKey: 'zones', label: 'Zones', decimals: 2 },
+    visibleState: { compose: createFixedUnitVisibleStateComposer('zones', EMPTY_ZONES_STATE) },
+    updateConfig: (scheduler, params, paneId) => {
+        (scheduler as IndicatorScheduler).updateZonesConfig(params as Partial<ZonesSchedulerConfig>, paneId)
+    },
     applyResult: (host, state, paneId) => {
         host.setSharedState(createZonesStateKey(paneId), state as any, 'indicator_scheduler')
     },

package/src/engine/renderers/extremaMarkers.ts

@@ -144,30 +144,6 @@ export function createExtremaMarkersRendererPlugin(): RendererPlugin {
                 return kLineCenters[localIdx]!
             }
 
-            if (!context.yAxisLabels) context.yAxisLabels = []
-
-            context.yAxisLabels.push({
-                dataIndex: maxIndex,
-                price: max,
-                y: pane.yAxis.priceToY(max),
-                style: {
-                    bgColor: colors.lastPriceLabel.bg,
-                    borderColor: colors.price.lastPrice,
-                    textColor: colors.price.lastPrice,
-                }
-            })
-
-            context.yAxisLabels.push({
-                dataIndex: minIndex,
-                price: min,
-                y: pane.yAxis.priceToY(min),
-                style: {
-                    bgColor: colors.lastPriceLabel.bg,
-                    borderColor: colors.price.lastPrice,
-                    textColor: colors.price.lastPrice,
-                }
-            })
-
             // 收集所有 marker 数据
             const markers: MarkerData[] = []
 

package/src/engine/renderers/subVolume.ts

@@ -6,6 +6,7 @@ import { resolveThemeColors } from '../../tokens'
 import { Indicator } from '../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../indicators/indicatorMetadata'
 import type { IndicatorScheduler } from '../indicators/scheduler'
+import { createVolumeScaleRendererPlugin } from './Indicator/scale/volume_scale'
 
 export interface VolumeRendererOptions {
     /** 目标 pane ID（默认 'sub'） */
@@ -233,6 +234,8 @@ function judgeColor(dayData: KLineData, upColor: string, downColor: string, neut
     category: 'volume',
     stateKey: (paneId: string) => createIndicatorStateKey('volume', paneId),
     defaultPaneId: 'sub',
+    scaleRendererFactory: createVolumeScaleRendererPlugin,
+    updateConfig: () => {},
 })
 class VolumeIndicatorDefinition {
     static rendererFactory = createVolumeRendererPlugin