@363045841yyt/klinechart-core 0.7.3 → 0.7.5

package/src/engine/renderers/lastPrice.ts

@@ -1,97 +1,97 @@
-import type { RendererPlugin, RenderContext } from '../../plugin'
-import { RENDERER_PRIORITY } from '../../plugin'
-import type { KLineData } from '../../types/price'
-import { getColors } from '../theme/colors'
-
-function getLastPriceInfo(context: RenderContext) {
-    const { pane, data } = context
-    const klineData = data as KLineData[]
-    const last = klineData[klineData.length - 1]
-    if (!last) return null
-
-    const displayRange = pane.yAxis.getDisplayRange(pane.priceRange)
-    if (last.close < displayRange.minPrice || last.close > displayRange.maxPrice) {
-        return null
-    }
-
-    return {
-        price: last.close,
-        y: Math.round(pane.yAxis.priceToY(last.close)),
-        dataIndex: klineData.length - 1,
-    }
-}
-
-/**
- * 最新价 label 注册渲染器（overlay 层，确保悬停时 label 也注册到 yAxisLabels）
- */
-export function createLastPriceLabelRegistrarPlugin(): RendererPlugin {
-    return {
-        name: 'lastPriceLabelRegistrar',
-        version: '1.0.0',
-        description: '最新价 label 注册',
-        debugName: '最新价标签注册',
-        paneId: 'main',
-        layer: 'overlay',
-        priority: RENDERER_PRIORITY.LAST_PRICE_LABEL,
-
-        draw(context: RenderContext) {
-            const colors = getColors(context.theme)
-            const info = getLastPriceInfo(context)
-            if (!info) return
-
-            if (!context.yAxisLabels) context.yAxisLabels = []
-            context.yAxisLabels.push({
-                dataIndex: info.dataIndex,
-                price: info.price,
-                y: info.y,
-                type: 'lastPrice',
-                style: {
-                    bgColor: colors.LAST_PRICE_LABEL.BG,
-                    borderColor: colors.PRICE.LAST_PRICE,
-                    textColor: colors.PRICE.LAST_PRICE,
-                }
-            })
-        },
-    }
-}
-
-/**
- * 创建最新价虚线渲染器插件（绘制虚线）
- */
-export function createLastPriceLineRendererPlugin(): RendererPlugin {
-    return {
-        name: 'lastPriceLine',
-        version: '1.0.0',
-        description: '最新价虚线渲染器',
-        debugName: '最新价线',
-        paneId: 'main',
-        priority: RENDERER_PRIORITY.LAST_PRICE_LABEL,
-
-        draw(context: RenderContext) {
-            const { ctx, scrollLeft, dpr, kLinePositions, paneWidth } = context
-            const colors = getColors(context.theme)
-            const info = getLastPriceInfo(context)
-            if (!info) return
-
-            const y = info.y
-
-            ctx.save()
-            ctx.translate(-scrollLeft, 0)
-
-            const startX = kLinePositions[0] ?? 0
-            const endX = paneWidth + scrollLeft
-
-            ctx.strokeStyle = colors.PRICE.LAST_PRICE
-            ctx.lineWidth = 1
-            ctx.setLineDash([4, 3])
-            ctx.beginPath()
-            const yy = (Math.floor(y * dpr) + 0.5) / dpr
-            ctx.moveTo(Math.round(startX * dpr) / dpr, yy)
-            ctx.lineTo(Math.round(endX * dpr) / dpr, yy)
-            ctx.stroke()
-            ctx.setLineDash([])
-
-            ctx.restore()
-        },
-    }
-}
+import type { RendererPlugin, RenderContext } from '../../plugin'
+import { RENDERER_PRIORITY } from '../../plugin'
+import type { KLineData } from '../../types/price'
+import { getColors } from '../theme/colors'
+
+function getLastPriceInfo(context: RenderContext) {
+    const { pane, data } = context
+    const klineData = data as KLineData[]
+    const last = klineData[klineData.length - 1]
+    if (!last) return null
+
+    const displayRange = pane.yAxis.getDisplayRange(pane.priceRange)
+    if (last.close < displayRange.minPrice || last.close > displayRange.maxPrice) {
+        return null
+    }
+
+    return {
+        price: last.close,
+        y: Math.round(pane.yAxis.priceToY(last.close)),
+        dataIndex: klineData.length - 1,
+    }
+}
+
+/**
+ * 最新价 label 注册渲染器（overlay 层，确保悬停时 label 也注册到 yAxisLabels）
+ */
+export function createLastPriceLabelRegistrarPlugin(): RendererPlugin {
+    return {
+        name: 'lastPriceLabelRegistrar',
+        version: '1.0.0',
+        description: '最新价 label 注册',
+        debugName: '最新价标签注册',
+        paneId: 'main',
+        layer: 'overlay',
+        priority: RENDERER_PRIORITY.LAST_PRICE_LABEL,
+
+        draw(context: RenderContext) {
+            const colors = getColors(context.theme)
+            const info = getLastPriceInfo(context)
+            if (!info) return
+
+            if (!context.yAxisLabels) context.yAxisLabels = []
+            context.yAxisLabels.push({
+                dataIndex: info.dataIndex,
+                price: info.price,
+                y: info.y,
+                type: 'lastPrice',
+                style: {
+                    bgColor: colors.LAST_PRICE_LABEL.BG,
+                    borderColor: colors.PRICE.LAST_PRICE,
+                    textColor: colors.PRICE.LAST_PRICE,
+                }
+            })
+        },
+    }
+}
+
+/**
+ * 创建最新价虚线渲染器插件（绘制虚线）
+ */
+export function createLastPriceLineRendererPlugin(): RendererPlugin {
+    return {
+        name: 'lastPriceLine',
+        version: '1.0.0',
+        description: '最新价虚线渲染器',
+        debugName: '最新价线',
+        paneId: 'main',
+        priority: RENDERER_PRIORITY.LAST_PRICE_LABEL,
+
+        draw(context: RenderContext) {
+            const { ctx, scrollLeft, dpr, kLinePositions, paneWidth } = context
+            const colors = getColors(context.theme)
+            const info = getLastPriceInfo(context)
+            if (!info) return
+
+            const y = info.y
+
+            ctx.save()
+            ctx.translate(-scrollLeft, 0)
+
+            const startX = kLinePositions[0] ?? 0
+            const endX = paneWidth + scrollLeft
+
+            ctx.strokeStyle = colors.PRICE.LAST_PRICE
+            ctx.lineWidth = 1
+            ctx.setLineDash([4, 3])
+            ctx.beginPath()
+            const yy = (Math.floor(y * dpr) + 0.5) / dpr
+            ctx.moveTo(Math.round(startX * dpr) / dpr, yy)
+            ctx.lineTo(Math.round(endX * dpr) / dpr, yy)
+            ctx.stroke()
+            ctx.setLineDash([])
+
+            ctx.restore()
+        },
+    }
+}

package/src/engine/renderers/paneTitle.ts

@@ -1,136 +1,136 @@
-import type { RendererPlugin, RenderContext } from '../../plugin'
-import { RENDERER_PRIORITY } from '../../plugin'
-import { getColors } from '../theme/colors'
-import { getFont, setCanvasFont } from '../theme/fonts'
-
-const textWidthCache = new Map<string, number>()
-const TEXT_WIDTH_CACHE_LIMIT = 256
-
-function measureTextWidth(ctx: CanvasRenderingContext2D, text: string): number {
-    const key = `${ctx.font}\n${text}`
-    const cached = textWidthCache.get(key)
-    if (cached !== undefined) {
-        return cached
-    }
-
-    const width = ctx.measureText(text).width
-    if (textWidthCache.size >= TEXT_WIDTH_CACHE_LIMIT) {
-        textWidthCache.clear()
-    }
-    textWidthCache.set(key, width)
-    return width
-}
-
-/**
- * 单个数值项
- */
-export interface TitleValueItem {
-    /** 标签（如 "DIF"、"DEA"） */
-    label: string
-    /** 数值 */
-    value: number
-    /** 颜色 */
-    color: string
-}
-
-/**
- * 标题信息（由指标渲染器提供）
- */
-export interface TitleInfo {
-    /** 指标名称（如 "MACD"） */
-    name: string
-    /** 参数列表（如 [12, 26, 9]） */
-    params?: number[]
-    /** 数值项列表 */
-    values?: TitleValueItem[]
-}
-
-export interface PaneTitleOptions {
-    /** 面板 ID */
-    paneId: string
-    /** 标题文本（静态模式） */
-    title: string
-    /** 副标题/描述 */
-    description?: string
-    /** Y 偏移（逻辑像素） */
-    yOffset?: number
-    /** 动态标题信息提供函数 */
-    getTitleInfo?: () => TitleInfo | null
-}
-
-/**
- * 创建面板标题渲染器插件
- * 在面板左上角显示标题，支持动态指标数值显示
- */
-export function createPaneTitleRendererPlugin(options: PaneTitleOptions): RendererPlugin {
-    let currentOptions = { ...options }
-
-    return {
-        name: `paneTitle_${options.paneId}`,
-        version: '1.0.0',
-        description: '面板标题渲染器',
-        debugName: '面板标题',
-        paneId: options.paneId,
-        priority: RENDERER_PRIORITY.FOREGROUND,
-        layer: 'overlay',
-
-        draw(context: RenderContext) {
-            const { overlayCtx, pane, paneWidth } = context
-            const colors = getColors(context.theme)
-            if (pane.id !== currentOptions.paneId || !overlayCtx) return
-
-            const fontSize = 12
-            const x = 12
-            const y = currentOptions.yOffset ?? fontSize
-            const gap = 8
-
-            overlayCtx.save()
-            setCanvasFont(overlayCtx, getFont(fontSize))
-            overlayCtx.textAlign = 'left'
-            overlayCtx.textBaseline = 'top'
-
-            const titleInfo = currentOptions.getTitleInfo?.()
-
-            if (titleInfo) {
-                let currentX = x
-
-                overlayCtx.fillStyle = colors.TEXT.PRIMARY
-                overlayCtx.fillText(titleInfo.name, currentX, y)
-                currentX += measureTextWidth(overlayCtx, titleInfo.name)
-
-                if (titleInfo.params && titleInfo.params.length > 0) {
-                    const paramText = `(${titleInfo.params.join(',')})`
-                    overlayCtx.fillStyle = colors.TEXT.TERTIARY
-                    overlayCtx.fillText(paramText, currentX, y)
-                    currentX += measureTextWidth(overlayCtx, paramText) + gap
-                } else {
-                    currentX += gap
-                }
-
-                if (titleInfo.values && titleInfo.values.length > 0) {
-                    for (const item of titleInfo.values) {
-                        const valueText = `${item.label} ${item.value.toFixed(3)}`
-                        overlayCtx.fillStyle = item.color
-                        overlayCtx.fillText(valueText, currentX, y)
-                        currentX += measureTextWidth(overlayCtx, valueText) + gap
-                    }
-                }
-            } else {
-                overlayCtx.fillStyle = colors.TEXT.PRIMARY
-                overlayCtx.fillText(currentOptions.title, x, y)
-
-                if (currentOptions.description) {
-                    const titleWidth = measureTextWidth(overlayCtx, currentOptions.title)
-                    overlayCtx.fillStyle = colors.TEXT.WEAK
-                    overlayCtx.fillText(` - ${currentOptions.description}`, x + titleWidth, y)
-                }
-            }
-
-            overlayCtx.restore()
-        },
-
-        setConfig(config: Record<string, unknown>) {
-            currentOptions = { ...currentOptions, ...config }
-        },
-    }
-}
+import type { RendererPlugin, RenderContext } from '../../plugin'
+import { RENDERER_PRIORITY } from '../../plugin'
+import { getColors } from '../theme/colors'
+import { getFont, setCanvasFont } from '../theme/fonts'
+
+const textWidthCache = new Map<string, number>()
+const TEXT_WIDTH_CACHE_LIMIT = 256
+
+function measureTextWidth(ctx: CanvasRenderingContext2D, text: string): number {
+    const key = `${ctx.font}\n${text}`
+    const cached = textWidthCache.get(key)
+    if (cached !== undefined) {
+        return cached
+    }
+
+    const width = ctx.measureText(text).width
+    if (textWidthCache.size >= TEXT_WIDTH_CACHE_LIMIT) {
+        textWidthCache.clear()
+    }
+    textWidthCache.set(key, width)
+    return width
+}
+
+/**
+ * 单个数值项
+ */
+export interface TitleValueItem {
+    /** 标签（如 "DIF"、"DEA"） */
+    label: string
+    /** 数值 */
+    value: number
+    /** 颜色 */
+    color: string
+}
+
+/**
+ * 标题信息（由指标渲染器提供）
+ */
+export interface TitleInfo {
+    /** 指标名称（如 "MACD"） */
+    name: string
+    /** 参数列表（如 [12, 26, 9]） */
+    params?: number[]
+    /** 数值项列表 */
+    values?: TitleValueItem[]
+}
+
+export interface PaneTitleOptions {
+    /** 面板 ID */
+    paneId: string
+    /** 标题文本（静态模式） */
+    title: string
+    /** 副标题/描述 */
+    description?: string
+    /** Y 偏移（逻辑像素） */
+    yOffset?: number
+    /** 动态标题信息提供函数 */
+    getTitleInfo?: () => TitleInfo | null
+}
+
+/**
+ * 创建面板标题渲染器插件
+ * 在面板左上角显示标题，支持动态指标数值显示
+ */
+export function createPaneTitleRendererPlugin(options: PaneTitleOptions): RendererPlugin {
+    let currentOptions = { ...options }
+
+    return {
+        name: `paneTitle_${options.paneId}`,
+        version: '1.0.0',
+        description: '面板标题渲染器',
+        debugName: '面板标题',
+        paneId: options.paneId,
+        priority: RENDERER_PRIORITY.FOREGROUND,
+        layer: 'overlay',
+
+        draw(context: RenderContext) {
+            const { overlayCtx, pane, paneWidth } = context
+            const colors = getColors(context.theme)
+            if (pane.id !== currentOptions.paneId || !overlayCtx) return
+
+            const fontSize = 12
+            const x = 12
+            const y = currentOptions.yOffset ?? fontSize
+            const gap = 8
+
+            overlayCtx.save()
+            setCanvasFont(overlayCtx, getFont(fontSize))
+            overlayCtx.textAlign = 'left'
+            overlayCtx.textBaseline = 'top'
+
+            const titleInfo = currentOptions.getTitleInfo?.()
+
+            if (titleInfo) {
+                let currentX = x
+
+                overlayCtx.fillStyle = colors.TEXT.PRIMARY
+                overlayCtx.fillText(titleInfo.name, currentX, y)
+                currentX += measureTextWidth(overlayCtx, titleInfo.name)
+
+                if (titleInfo.params && titleInfo.params.length > 0) {
+                    const paramText = `(${titleInfo.params.join(',')})`
+                    overlayCtx.fillStyle = colors.TEXT.TERTIARY
+                    overlayCtx.fillText(paramText, currentX, y)
+                    currentX += measureTextWidth(overlayCtx, paramText) + gap
+                } else {
+                    currentX += gap
+                }
+
+                if (titleInfo.values && titleInfo.values.length > 0) {
+                    for (const item of titleInfo.values) {
+                        const valueText = `${item.label} ${item.value.toFixed(3)}`
+                        overlayCtx.fillStyle = item.color
+                        overlayCtx.fillText(valueText, currentX, y)
+                        currentX += measureTextWidth(overlayCtx, valueText) + gap
+                    }
+                }
+            } else {
+                overlayCtx.fillStyle = colors.TEXT.PRIMARY
+                overlayCtx.fillText(currentOptions.title, x, y)
+
+                if (currentOptions.description) {
+                    const titleWidth = measureTextWidth(overlayCtx, currentOptions.title)
+                    overlayCtx.fillStyle = colors.TEXT.WEAK
+                    overlayCtx.fillText(` - ${currentOptions.description}`, x + titleWidth, y)
+                }
+            }
+
+            overlayCtx.restore()
+        },
+
+        setConfig(config: Record<string, unknown>) {
+            currentOptions = { ...currentOptions, ...config }
+        },
+    }
+}