@363045841yyt/klinechart-core 0.7.3 → 0.7.5-alpha.2

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

@@ -1,158 +1,158 @@
-import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
-import { RENDERER_PRIORITY } from '../../../plugin'
-import type { TRIXRenderState } from '../../indicators/trixState'
-import { createTRIXStateKey } from '../../indicators/trixState'
-import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
-import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
-
-const TRIX_COLOR = '#e11d48'
-const SIGNAL_COLOR = '#f59e0b'
-
-type Point = { x: number; y: number }
-
-export interface TRIXRendererOptions { paneId?: string }
-
-function getTRIXStateKey(host: PluginHost | null, paneId: string): string | null {
-    const scheduler = host?.getService<IndicatorScheduler>('indicatorScheduler')
-    if (!scheduler) {
-        console.warn(`[TRIXRenderer] Scheduler not available via service locator`)
-        return null
-    }
-    const meta = scheduler.getIndicatorMetadata('trix')
-    if (!meta) {
-        console.warn(`[TRIXRenderer] Indicator metadata for 'trix' not found, skip rendering`)
-        return null
-    }
-    return resolveStateKey(meta.stateKey, paneId)
-}
-
-export function createTRIXRendererPlugin(options: TRIXRendererOptions = {}): RendererPluginWithHost {
-    const { paneId = 'sub_TRIX' } = options
-    let pluginHost: PluginHost | null = null
-
-    function resolveKey(): string | null {
-        return getTRIXStateKey(pluginHost, paneId)
-    }
-
-    return {
-        name: `trix_${paneId}`,
-        version: '1.1.0',
-        description: 'TRIX 三重指数平滑振荡器渲染器（WebGL + Canvas2D 回退）',
-        debugName: 'TRIX',
-        paneId,
-        priority: RENDERER_PRIORITY.MAIN,
-
-        onInstall(host: PluginHost) { pluginHost = host },
-        getDeclaredNamespaces() { const key = resolveKey(); return key ? [key] : [] },
-
-        draw(context: RenderContext) {
-            const { ctx, pane, range, scrollLeft, kLineCenters, lineWebGLSurface } = context
-            const stateKey = resolveKey()
-            if (!stateKey) return
-            const state = pluginHost?.getSharedState<TRIXRenderState>(stateKey)
-            if (!state || state.visibleMin > state.visibleMax) return
-            const { showTRIX, showSignal } = state.params
-            if (!showTRIX && !showSignal) return
-
-            const { valueMin, valueMax, series, signalSeries } = state
-            const displayRange = pane.yAxis.getDisplayRange({ minPrice: valueMin, maxPrice: valueMax })
-            const displayMin = displayRange.minPrice
-            const displayMax = displayRange.maxPrice
-            const displayValueRange = displayMax - displayMin || 1
-            const paneH = pane.height
-            const invRange = paneH / displayValueRange
-            const rangeStart = range.start
-            const toY = (v: number) => paneH - (v - displayMin) * invRange
-
-            // Zero line
-            const zeroY = toY(0)
-            ctx.save()
-            ctx.translate(-scrollLeft, 0)
-            ctx.strokeStyle = 'rgba(0, 0, 0, 0.1)'
-            ctx.lineWidth = 1
-            ctx.setLineDash([4, 4])
-            ctx.beginPath()
-            ctx.moveTo(scrollLeft, zeroY)
-            ctx.lineTo(scrollLeft + context.paneWidth, zeroY)
-            ctx.stroke()
-            ctx.setLineDash([])
-            ctx.restore()
-
-            const trixPts: Point[] = []
-            const sigPts: Point[] = []
-            const drawEnd = Math.min(range.end, series.length)
-            for (let i = range.start; i < drawEnd; i++) {
-                const centerX = kLineCenters[i - rangeStart]
-                if (centerX === undefined) continue
-                if (showTRIX) {
-                    const v = series[i]
-                    if (v !== undefined) trixPts.push({ x: centerX, y: toY(v) })
-                }
-                if (showSignal) {
-                    const s = signalSeries[i]
-                    if (s !== undefined) sigPts.push({ x: centerX, y: toY(s) })
-                }
-            }
-
-            if (trixPts.length < 2 && sigPts.length < 2) return
-
-            const lines: Array<{ points: Point[]; width: number; color: string }> = []
-            if (trixPts.length >= 2) lines.push({ points: trixPts, width: 1, color: TRIX_COLOR })
-            if (sigPts.length >= 2) lines.push({ points: sigPts, width: 1, color: SIGNAL_COLOR })
-
-            const enableWebGL = context.settings?.enableWebGLRendering !== false
-            let usedWebGL = false
-            if (enableWebGL && lineWebGLSurface?.isAvailable()) {
-                const allOk = lines.length > 0 && lineWebGLSurface.drawLineStrips(lines, scrollLeft)
-                if (allOk) {
-                    usedWebGL = true
-                    lineWebGLSurface.compositeTo(ctx, { imageSmoothingEnabled: false })
-                }
-            }
-
-            if (usedWebGL) return
-
-            ctx.save()
-            ctx.translate(-scrollLeft, 0)
-            ctx.lineWidth = 1
-            ctx.lineJoin = 'round'
-            ctx.lineCap = 'round'
-            drawLine(ctx, trixPts, TRIX_COLOR)
-            drawLine(ctx, sigPts, SIGNAL_COLOR)
-            ctx.restore()
-        },
-
-        getConfig() {
-            const stateKey = resolveKey()
-            if (!stateKey) return {}
-            const state = pluginHost?.getSharedState<TRIXRenderState>(stateKey)
-            return state?.params ?? {}
-        },
-        setConfig() {},
-    }
-}
-
-function drawLine(ctx: CanvasRenderingContext2D, pts: Point[], color: string): void {
-    if (pts.length < 2) return
-    ctx.strokeStyle = color
-    ctx.beginPath()
-    ctx.moveTo(pts[0]!.x, pts[0]!.y)
-    for (let i = 1; i < pts.length; i++) ctx.lineTo(pts[i]!.x, pts[i]!.y)
-    ctx.stroke()
-}
-
-@Indicator({
-    name: 'trix',
-    displayName: 'TRIX',
-    category: 'oscillator',
-    stateKey: createTRIXStateKey,
-    defaultPaneId: 'sub_TRIX',
-    paneIdField: 'trixPaneId',
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createTRIXStateKey(paneId), state as any, 'indicator_scheduler')
-    },
-})
-class TRIXIndicatorDefinition {
-    static rendererFactory = createTRIXRendererPlugin
-}
+import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
+import { RENDERER_PRIORITY } from '../../../plugin'
+import type { TRIXRenderState } from '../../indicators/trixState'
+import { createTRIXStateKey } from '../../indicators/trixState'
+import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { resolveStateKey } from '../../indicators/indicatorMetadata'
+import type { IndicatorScheduler } from '../../indicators/scheduler'
+
+const TRIX_COLOR = '#e11d48'
+const SIGNAL_COLOR = '#f59e0b'
+
+type Point = { x: number; y: number }
+
+export interface TRIXRendererOptions { paneId?: string }
+
+function getTRIXStateKey(host: PluginHost | null, paneId: string): string | null {
+    const scheduler = host?.getService<IndicatorScheduler>('indicatorScheduler')
+    if (!scheduler) {
+        console.warn(`[TRIXRenderer] Scheduler not available via service locator`)
+        return null
+    }
+    const meta = scheduler.getIndicatorMetadata('trix')
+    if (!meta) {
+        console.warn(`[TRIXRenderer] Indicator metadata for 'trix' not found, skip rendering`)
+        return null
+    }
+    return resolveStateKey(meta.stateKey, paneId)
+}
+
+export function createTRIXRendererPlugin(options: TRIXRendererOptions = {}): RendererPluginWithHost {
+    const { paneId = 'sub_TRIX' } = options
+    let pluginHost: PluginHost | null = null
+
+    function resolveKey(): string | null {
+        return getTRIXStateKey(pluginHost, paneId)
+    }
+
+    return {
+        name: `trix_${paneId}`,
+        version: '1.1.0',
+        description: 'TRIX 三重指数平滑振荡器渲染器（WebGL + Canvas2D 回退）',
+        debugName: 'TRIX',
+        paneId,
+        priority: RENDERER_PRIORITY.MAIN,
+
+        onInstall(host: PluginHost) { pluginHost = host },
+        getDeclaredNamespaces() { const key = resolveKey(); return key ? [key] : [] },
+
+        draw(context: RenderContext) {
+            const { ctx, pane, range, scrollLeft, kLineCenters, lineWebGLSurface } = context
+            const stateKey = resolveKey()
+            if (!stateKey) return
+            const state = pluginHost?.getSharedState<TRIXRenderState>(stateKey)
+            if (!state || state.visibleMin > state.visibleMax) return
+            const { showTRIX, showSignal } = state.params
+            if (!showTRIX && !showSignal) return
+
+            const { valueMin, valueMax, series, signalSeries } = state
+            const displayRange = pane.yAxis.getDisplayRange({ minPrice: valueMin, maxPrice: valueMax })
+            const displayMin = displayRange.minPrice
+            const displayMax = displayRange.maxPrice
+            const displayValueRange = displayMax - displayMin || 1
+            const paneH = pane.height
+            const invRange = paneH / displayValueRange
+            const rangeStart = range.start
+            const toY = (v: number) => paneH - (v - displayMin) * invRange
+
+            // Zero line
+            const zeroY = toY(0)
+            ctx.save()
+            ctx.translate(-scrollLeft, 0)
+            ctx.strokeStyle = 'rgba(0, 0, 0, 0.1)'
+            ctx.lineWidth = 1
+            ctx.setLineDash([4, 4])
+            ctx.beginPath()
+            ctx.moveTo(scrollLeft, zeroY)
+            ctx.lineTo(scrollLeft + context.paneWidth, zeroY)
+            ctx.stroke()
+            ctx.setLineDash([])
+            ctx.restore()
+
+            const trixPts: Point[] = []
+            const sigPts: Point[] = []
+            const drawEnd = Math.min(range.end, series.length)
+            for (let i = range.start; i < drawEnd; i++) {
+                const centerX = kLineCenters[i - rangeStart]
+                if (centerX === undefined) continue
+                if (showTRIX) {
+                    const v = series[i]
+                    if (v !== undefined) trixPts.push({ x: centerX, y: toY(v) })
+                }
+                if (showSignal) {
+                    const s = signalSeries[i]
+                    if (s !== undefined) sigPts.push({ x: centerX, y: toY(s) })
+                }
+            }
+
+            if (trixPts.length < 2 && sigPts.length < 2) return
+
+            const lines: Array<{ points: Point[]; width: number; color: string }> = []
+            if (trixPts.length >= 2) lines.push({ points: trixPts, width: 1, color: TRIX_COLOR })
+            if (sigPts.length >= 2) lines.push({ points: sigPts, width: 1, color: SIGNAL_COLOR })
+
+            const enableWebGL = context.settings?.enableWebGLRendering !== false
+            let usedWebGL = false
+            if (enableWebGL && lineWebGLSurface?.isAvailable()) {
+                const allOk = lines.length > 0 && lineWebGLSurface.drawLineStrips(lines, scrollLeft)
+                if (allOk) {
+                    usedWebGL = true
+                    lineWebGLSurface.compositeTo(ctx, { imageSmoothingEnabled: false })
+                }
+            }
+
+            if (usedWebGL) return
+
+            ctx.save()
+            ctx.translate(-scrollLeft, 0)
+            ctx.lineWidth = 1
+            ctx.lineJoin = 'round'
+            ctx.lineCap = 'round'
+            drawLine(ctx, trixPts, TRIX_COLOR)
+            drawLine(ctx, sigPts, SIGNAL_COLOR)
+            ctx.restore()
+        },
+
+        getConfig() {
+            const stateKey = resolveKey()
+            if (!stateKey) return {}
+            const state = pluginHost?.getSharedState<TRIXRenderState>(stateKey)
+            return state?.params ?? {}
+        },
+        setConfig() {},
+    }
+}
+
+function drawLine(ctx: CanvasRenderingContext2D, pts: Point[], color: string): void {
+    if (pts.length < 2) return
+    ctx.strokeStyle = color
+    ctx.beginPath()
+    ctx.moveTo(pts[0]!.x, pts[0]!.y)
+    for (let i = 1; i < pts.length; i++) ctx.lineTo(pts[i]!.x, pts[i]!.y)
+    ctx.stroke()
+}
+
+@Indicator({
+    name: 'trix',
+    displayName: 'TRIX',
+    category: 'oscillator',
+    stateKey: createTRIXStateKey,
+    defaultPaneId: 'sub_TRIX',
+    paneIdField: 'trixPaneId',
+    applyResult: (host, state, paneId) => {
+        host.setSharedState(createTRIXStateKey(paneId), state as any, 'indicator_scheduler')
+    },
+})
+class TRIXIndicatorDefinition {
+    static rendererFactory = createTRIXRendererPlugin
+}

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

@@ -1,124 +1,124 @@
-import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
-import { RENDERER_PRIORITY } from '../../../plugin'
-import type { VMARenderState } from '../../indicators/vmaState'
-import { createVMAStateKey } from '../../indicators/vmaState'
-import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
-import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler } from '../../indicators/scheduler'
-
-const VMA_COLOR = '#0ea5e9'
-
-type LinePoint = { x: number; y: number }
-
-function getVMAStateKey(host: PluginHost | null, paneId: string): string | null {
-    const scheduler = host?.getService<IndicatorScheduler>('indicatorScheduler')
-    if (!scheduler) {
-        console.warn(`[VMARenderer] Scheduler not available via service locator`)
-        return null
-    }
-    const meta = scheduler.getIndicatorMetadata('vma')
-    if (!meta) {
-        console.warn(`[VMARenderer] Indicator metadata for 'vma' not found, skip rendering`)
-        return null
-    }
-    return resolveStateKey(meta.stateKey, paneId)
-}
-
-export function createVMARendererPlugin(options: { paneId?: string } = {}): RendererPluginWithHost {
-    const { paneId = 'sub_VMA' } = options
-    let pluginHost: PluginHost | null = null
-
-    function resolveKey(): string | null {
-        return getVMAStateKey(pluginHost, paneId)
-    }
-    return {
-        name: `vma_${paneId}`,
-        version: '1.1.0',
-        description: 'VMA 成交量均线渲染器（WebGL + Canvas2D 回退）',
-        debugName: 'VMA',
-        paneId,
-        priority: RENDERER_PRIORITY.MAIN,
-        onInstall(host) { pluginHost = host },
-        getDeclaredNamespaces() { const key = resolveKey(); return key ? [key] : [] },
-        draw(context: RenderContext) {
-            const { ctx, pane, range, scrollLeft, kLineCenters, lineWebGLSurface } = context
-            const stateKey = resolveKey()
-            if (!stateKey) return
-            const state = pluginHost?.getSharedState<VMARenderState>(stateKey)
-            if (!state || !state.params.showVMA || state.visibleMin > state.visibleMax) return
-
-            const { valueMin, valueMax, series } = state
-            const displayRange = pane.yAxis.getDisplayRange({ minPrice: valueMin, maxPrice: valueMax })
-            const displayMin = displayRange.minPrice
-            const displayMax = displayRange.maxPrice
-            const displayValueRange = displayMax - displayMin || 1
-
-            const paneH = pane.height
-            const invRange = paneH / displayValueRange
-            const rangeStart = range.start
-
-            const drawEnd = Math.min(range.end, series.length)
-            const points: LinePoint[] = []
-            for (let i = range.start; i < drawEnd; i++) {
-                const value = series[i]
-                if (value === undefined) continue
-                const centerX = kLineCenters[i - rangeStart]
-                if (centerX === undefined) continue
-                points.push({ x: centerX, y: paneH - (value - displayMin) * invRange })
-            }
-
-            if (points.length < 2) return
-
-            const enableWebGL = context.settings?.enableWebGLRendering !== false
-            let usedWebGL = false
-            if (enableWebGL && lineWebGLSurface?.isAvailable()) {
-                const allOk = lineWebGLSurface.drawLineStrips(
-                    [{ points, width: 1, color: VMA_COLOR }],
-                    scrollLeft,
-                )
-                if (allOk) {
-                    usedWebGL = true
-                    lineWebGLSurface.compositeTo(ctx, { imageSmoothingEnabled: false })
-                }
-            }
-
-            if (usedWebGL) return
-
-            ctx.save()
-            ctx.translate(-scrollLeft, 0)
-            ctx.strokeStyle = VMA_COLOR
-            ctx.lineWidth = 1
-            ctx.lineJoin = 'round'
-            ctx.lineCap = 'round'
-            ctx.beginPath()
-            ctx.moveTo(points[0]!.x, points[0]!.y)
-            for (let i = 1; i < points.length; i++) {
-                ctx.lineTo(points[i]!.x, points[i]!.y)
-            }
-            ctx.stroke()
-            ctx.restore()
-        },
-        getConfig() {
-            const stateKey = resolveKey()
-            if (!stateKey) return {}
-            const state = pluginHost?.getSharedState<VMARenderState>(stateKey)
-            return state?.params ?? {}
-        },
-        setConfig() { },
-    }
-}
-
-@Indicator({
-    name: 'vma',
-    displayName: 'VMA',
-    category: 'volume',
-    stateKey: createVMAStateKey,
-    defaultPaneId: 'sub_VMA',
-    paneIdField: 'vmaPaneId',
-    applyResult: (host, state, paneId) => {
-        host.setSharedState(createVMAStateKey(paneId), state as any, 'indicator_scheduler')
-    },
-})
-class VMAIndicatorDefinition {
-    static rendererFactory = createVMARendererPlugin
-}
+import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
+import { RENDERER_PRIORITY } from '../../../plugin'
+import type { VMARenderState } from '../../indicators/vmaState'
+import { createVMAStateKey } from '../../indicators/vmaState'
+import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { resolveStateKey } from '../../indicators/indicatorMetadata'
+import type { IndicatorScheduler } from '../../indicators/scheduler'
+
+const VMA_COLOR = '#0ea5e9'
+
+type LinePoint = { x: number; y: number }
+
+function getVMAStateKey(host: PluginHost | null, paneId: string): string | null {
+    const scheduler = host?.getService<IndicatorScheduler>('indicatorScheduler')
+    if (!scheduler) {
+        console.warn(`[VMARenderer] Scheduler not available via service locator`)
+        return null
+    }
+    const meta = scheduler.getIndicatorMetadata('vma')
+    if (!meta) {
+        console.warn(`[VMARenderer] Indicator metadata for 'vma' not found, skip rendering`)
+        return null
+    }
+    return resolveStateKey(meta.stateKey, paneId)
+}
+
+export function createVMARendererPlugin(options: { paneId?: string } = {}): RendererPluginWithHost {
+    const { paneId = 'sub_VMA' } = options
+    let pluginHost: PluginHost | null = null
+
+    function resolveKey(): string | null {
+        return getVMAStateKey(pluginHost, paneId)
+    }
+    return {
+        name: `vma_${paneId}`,
+        version: '1.1.0',
+        description: 'VMA 成交量均线渲染器（WebGL + Canvas2D 回退）',
+        debugName: 'VMA',
+        paneId,
+        priority: RENDERER_PRIORITY.MAIN,
+        onInstall(host) { pluginHost = host },
+        getDeclaredNamespaces() { const key = resolveKey(); return key ? [key] : [] },
+        draw(context: RenderContext) {
+            const { ctx, pane, range, scrollLeft, kLineCenters, lineWebGLSurface } = context
+            const stateKey = resolveKey()
+            if (!stateKey) return
+            const state = pluginHost?.getSharedState<VMARenderState>(stateKey)
+            if (!state || !state.params.showVMA || state.visibleMin > state.visibleMax) return
+
+            const { valueMin, valueMax, series } = state
+            const displayRange = pane.yAxis.getDisplayRange({ minPrice: valueMin, maxPrice: valueMax })
+            const displayMin = displayRange.minPrice
+            const displayMax = displayRange.maxPrice
+            const displayValueRange = displayMax - displayMin || 1
+
+            const paneH = pane.height
+            const invRange = paneH / displayValueRange
+            const rangeStart = range.start
+
+            const drawEnd = Math.min(range.end, series.length)
+            const points: LinePoint[] = []
+            for (let i = range.start; i < drawEnd; i++) {
+                const value = series[i]
+                if (value === undefined) continue
+                const centerX = kLineCenters[i - rangeStart]
+                if (centerX === undefined) continue
+                points.push({ x: centerX, y: paneH - (value - displayMin) * invRange })
+            }
+
+            if (points.length < 2) return
+
+            const enableWebGL = context.settings?.enableWebGLRendering !== false
+            let usedWebGL = false
+            if (enableWebGL && lineWebGLSurface?.isAvailable()) {
+                const allOk = lineWebGLSurface.drawLineStrips(
+                    [{ points, width: 1, color: VMA_COLOR }],
+                    scrollLeft,
+                )
+                if (allOk) {
+                    usedWebGL = true
+                    lineWebGLSurface.compositeTo(ctx, { imageSmoothingEnabled: false })
+                }
+            }
+
+            if (usedWebGL) return
+
+            ctx.save()
+            ctx.translate(-scrollLeft, 0)
+            ctx.strokeStyle = VMA_COLOR
+            ctx.lineWidth = 1
+            ctx.lineJoin = 'round'
+            ctx.lineCap = 'round'
+            ctx.beginPath()
+            ctx.moveTo(points[0]!.x, points[0]!.y)
+            for (let i = 1; i < points.length; i++) {
+                ctx.lineTo(points[i]!.x, points[i]!.y)
+            }
+            ctx.stroke()
+            ctx.restore()
+        },
+        getConfig() {
+            const stateKey = resolveKey()
+            if (!stateKey) return {}
+            const state = pluginHost?.getSharedState<VMARenderState>(stateKey)
+            return state?.params ?? {}
+        },
+        setConfig() { },
+    }
+}
+
+@Indicator({
+    name: 'vma',
+    displayName: 'VMA',
+    category: 'volume',
+    stateKey: createVMAStateKey,
+    defaultPaneId: 'sub_VMA',
+    paneIdField: 'vmaPaneId',
+    applyResult: (host, state, paneId) => {
+        host.setSharedState(createVMAStateKey(paneId), state as any, 'indicator_scheduler')
+    },
+})
+class VMAIndicatorDefinition {
+    static rendererFactory = createVMARendererPlugin
+}