@363045841yyt/klinechart-core 0.8.13 → 0.8.14-alpha.1

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

@@ -1,16 +1,16 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
+import type { KLineData } from '../../../types/price'
+import { calcTRIXData } from '../../indicators/calculators'
+import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { resolveStateKey } from '../../indicators/indicatorMetadata'
+import type { TitleInfo } from '../../indicators/indicatorMetadata'
+import type { IndicatorScheduler, TRIXSchedulerConfig } from '../../indicators/scheduler'
 import type { TRIXRenderState } from '../../indicators/state/trixState'
 import { createTRIXStateKey } from '../../indicators/state/trixState'
 import { EMPTY_TRIX_STATE } from '../../indicators/state/trixState'
 import { createDualSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
-import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
-import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler, TRIXSchedulerConfig } from '../../indicators/scheduler'
-import { calcTRIXData } from '../../indicators/calculators'
-import type { KLineData } from '../../../types/price'
-import type { TitleInfo } from '../../indicators/indicatorMetadata'
 
 const TRIX_COLOR = '#e11d48'
 const SIGNAL_COLOR = '#f59e0b'

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

@@ -1,14 +1,15 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
+import { calcVMAData } from '../../indicators/calculators'
+import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { resolveStateKey } from '../../indicators/indicatorMetadata'
+import type { IndicatorScheduler, VMASchedulerConfig } from '../../indicators/scheduler'
 import type { VMARenderState } from '../../indicators/state/vmaState'
 import { createVMAStateKey } from '../../indicators/state/vmaState'
 import { EMPTY_VMA_STATE } from '../../indicators/state/vmaState'
-import { createSingleLineTitleInfo } from './shared/titleInfo'
 import { createNonNegativeSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
-import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
-import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler, VMASchedulerConfig } from '../../indicators/scheduler'
-import { calcVMAData } from '../../indicators/calculators'
+
+import { createSingleLineTitleInfo } from './shared/titleInfo'
 
 const VMA_COLOR = '#0ea5e9'
 

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

@@ -1,18 +1,18 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
+import { resolveThemeColors } from '../../../tokens'
+import type { KLineData } from '../../../types/price'
+import { calcVolumeProfileData } from '../../indicators/calculators'
+import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
+import { resolveStateKey } from '../../indicators/indicatorMetadata'
+import type { TitleInfo } from '../../indicators/indicatorMetadata'
+import type { IndicatorScheduler, VolumeProfileSchedulerConfig } from '../../indicators/scheduler'
 import type { VolumeProfileRenderState } from '../../indicators/state/volumeProfileState'
 import {
   createVolumeProfileStateKey,
   EMPTY_VOLUME_PROFILE_STATE,
 } from '../../indicators/state/volumeProfileState'
-import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { createVolumeProfileVisibleStateComposer } from '../../indicators/visibleStateComposers'
-import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import type { IndicatorScheduler, VolumeProfileSchedulerConfig } from '../../indicators/scheduler'
-import { calcVolumeProfileData } from '../../indicators/calculators'
-import type { TitleInfo } from '../../indicators/indicatorMetadata'
-import type { KLineData } from '../../../types/price'
-import { resolveThemeColors } from '../../../tokens'
 
 const BAR_FILL = 'rgba(99, 102, 241, 0.35)'
 const POC_COLOR = '#f59e0b'

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

@@ -1,12 +1,13 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
-import type { VWAPRenderState } from '../../indicators/state/vwapState'
-import { createVWAPStateKey, EMPTY_VWAP_STATE } from '../../indicators/state/vwapState'
+import { calcVWAPData } from '../../indicators/calculators'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import type { IndicatorScheduler, VWAPSchedulerConfig } from '../../indicators/scheduler'
-import { calcVWAPData } from '../../indicators/calculators'
+import type { VWAPRenderState } from '../../indicators/state/vwapState'
+import { createVWAPStateKey, EMPTY_VWAP_STATE } from '../../indicators/state/vwapState'
+import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
+
 import { createSingleLineTitleInfo } from './shared/titleInfo'
 
 const VWAP_COLOR = '#ec4899'

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

@@ -1,13 +1,14 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
-import { createSingleLineTitleInfo } from './shared/titleInfo'
 import { RENDERER_PRIORITY } from '../../../plugin'
-import type { WMARenderState } from '../../indicators/state/wmaState'
-import { createWMAStateKey, EMPTY_WMA_STATE } from '../../indicators/state/wmaState'
+import { calcWMAData } from '../../indicators/calculators'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
-import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import type { IndicatorScheduler, WMASchedulerConfig } from '../../indicators/scheduler'
-import { calcWMAData } from '../../indicators/calculators'
+import type { WMARenderState } from '../../indicators/state/wmaState'
+import { createWMAStateKey, EMPTY_WMA_STATE } from '../../indicators/state/wmaState'
+import { createSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
+
+import { createSingleLineTitleInfo } from './shared/titleInfo'
 
 const WMA_COLOR = '#10b981'
 

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

@@ -2,14 +2,15 @@ import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../..
 import { RENDERER_PRIORITY } from '../../../plugin'
 import { resolveThemeColors } from '../../../tokens'
 import { alignToPhysicalPixelCenter } from '../../draw/pixelAlign'
-import type { WMSRRenderState } from '../../indicators/state/wmsrState'
-import { createWMSRStateKey, EMPTY_WMSR_STATE } from '../../indicators/state/wmsrState'
+import { calcWMSRData } from '../../indicators/calculators'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
-import { createFixedRangeSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import { resolveStateKey } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, WMSRSchedulerConfig } from '../../indicators/scheduler'
+import type { WMSRRenderState } from '../../indicators/state/wmsrState'
+import { createWMSRStateKey, EMPTY_WMSR_STATE } from '../../indicators/state/wmsrState'
+import { createFixedRangeSparseVisibleStateComposer } from '../../indicators/visibleStateComposers'
+
 import { createWmsrScaleRendererPlugin } from './scale/wmsr_scale'
-import { calcWMSRData } from '../../indicators/calculators'
 import { createSingleLineTitleInfo } from './shared/titleInfo'
 
 type LinePoint = { x: number; y: number }

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

@@ -1,10 +1,8 @@
-import { resolveThemeColors } from '../../../tokens'
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../../plugin'
 import { RENDERER_PRIORITY } from '../../../plugin'
-import type { ZonesRenderState } from '../../indicators/state/zonesState'
-import { createZonesStateKey, EMPTY_ZONES_STATE } from '../../indicators/state/zonesState'
+import { resolveThemeColors } from '../../../tokens'
+import { calcZonesData } from '../../indicators/calculators'
 import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
-import { createFixedUnitVisibleStateComposer } from '../../indicators/visibleStateComposers'
 import {
   resolveStateKey,
   type TitleInfo,
@@ -12,7 +10,9 @@ import {
   type GetTitleInfoFn,
 } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, ZonesSchedulerConfig } from '../../indicators/scheduler'
-import { calcZonesData } from '../../indicators/calculators'
+import type { ZonesRenderState } from '../../indicators/state/zonesState'
+import { createZonesStateKey, EMPTY_ZONES_STATE } from '../../indicators/state/zonesState'
+import { createFixedUnitVisibleStateComposer } from '../../indicators/visibleStateComposers'
 
 function getZonesStateKey(host: PluginHost | null, paneId: string): string | null {
   const scheduler = host?.getService<IndicatorScheduler>('indicatorScheduler')

package/src/engine/renderers/__tests__/boll.renderer.test.ts

@@ -1,10 +1,12 @@
 // @ts-nocheck - Test file with intentional type relaxations for mocking
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
 import { createBOLLRendererPlugin } from '../Indicator/boll'
+
 import { BOLL_STATE_KEY, type BOLLRenderState } from '@/core/indicators/state/bollState'
+import type { Pane } from '@/core/layout/pane'
 import type { PluginHost, RenderContext, RendererPluginWithHost } from '@/plugin'
 import type { KLineData } from '@/types/price'
-import type { Pane } from '@/core/layout/pane'
 
 if (typeof globalThis.Path2D === 'undefined') {
   class Path2DMock {

package/src/engine/renderers/__tests__/ene.renderer.test.ts

@@ -1,6 +1,8 @@
 // @ts-nocheck - Test file with intentional type relaxations for mocking
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
 import { createENERendererPlugin } from '../Indicator/ene'
+
 import { ENE_STATE_KEY, type ENERenderState } from '@/core/indicators/state/eneState'
 import type { PluginHost, RenderContext, RendererPluginWithHost } from '@/plugin'
 

package/src/engine/renderers/__tests__/expma.renderer.test.ts

@@ -1,10 +1,12 @@
 // @ts-nocheck - Test file with intentional type relaxations for mocking
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
 import { createEXPMARendererPlugin } from '../Indicator/expma'
+
 import { EXPMA_STATE_KEY, type EXPMARenderState } from '@/core/indicators/state/expmaState'
+import type { Pane } from '@/core/layout/pane'
 import type { PluginHost, RenderContext, RendererPluginWithHost } from '@/plugin'
 import type { KLineData } from '@/types/price'
-import type { Pane } from '@/core/layout/pane'
 
 // Type helper for tests
 interface TestableEXPMARenderer extends RendererPluginWithHost {

package/src/engine/renderers/__tests__/ma.renderer.test.ts

@@ -1,10 +1,12 @@
 // @ts-nocheck - Test file with intentional type relaxations for mocking
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
 import { createMARendererPlugin } from '../Indicator/ma'
+
 import { MA_STATE_KEY, type MARenderState } from '@/core/indicators/state/maState'
+import type { Pane } from '@/core/layout/pane'
 import type { PluginHost, RenderContext, RendererPluginWithHost } from '@/plugin'
 import type { KLineData } from '@/types/price'
-import type { Pane } from '@/core/layout/pane'
 
 // Type helper for tests - we know these methods exist on the implementation
 interface TestableMARenderer extends RendererPluginWithHost {

package/src/engine/renderers/__tests__/mainIndicatorLegend.renderer.test.ts

@@ -1,12 +1,12 @@
 // @ts-nocheck - Test file with intentional type relaxations for mocking
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
 import { createMainIndicatorLegendRendererPlugin } from '../Indicator/mainIndicatorLegend'
-import { MA_STATE_KEY, type MARenderState } from '@/core/indicators/state/maState'
+
 import { BOLL_STATE_KEY } from '@/core/indicators/state/bollState'
-import { EXPMA_STATE_KEY } from '@/core/indicators/state/expmaState'
 import { ENE_STATE_KEY } from '@/core/indicators/state/eneState'
-import type { PluginHost, RenderContext, RendererPluginWithHost } from '@/plugin'
-import type { KLineData } from '@/types/price'
+import { EXPMA_STATE_KEY } from '@/core/indicators/state/expmaState'
+import { MA_STATE_KEY, type MARenderState } from '@/core/indicators/state/maState'
 import type { Pane } from '@/core/layout/pane'
 import type {
   GetTitleInfoFn,
@@ -14,6 +14,8 @@ import type {
   TitleValueItem,
 } from '@/engine/indicators/indicatorMetadata'
 import type { IndicatorScheduler } from '@/engine/indicators/indicatorScheduler'
+import type { PluginHost, RenderContext, RendererPluginWithHost } from '@/plugin'
+import type { KLineData } from '@/types/price'
 
 // Type helper for tests - we know these methods exist on the implementation
 interface TestableLegendRenderer extends RendererPluginWithHost {

package/src/engine/renderers/__tests__/yAxis.renderer.test.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
 import { createYAxisRendererPlugin } from '@/core/renderers/yAxis'
 import type { RenderContext, PaneInfo, YAxisTick } from '@/plugin'
 

package/src/engine/renderers/candle.ts

@@ -1,15 +1,15 @@
 import type { RendererPlugin, RenderContext } from '../../plugin'
 import { RENDERER_PRIORITY } from '../../plugin'
-import type { KLineData } from '../../types/price'
-import type { kLineTrend } from '../../types/kLine'
 import { resolveThemeColors, type VolumePriceColors } from '../../tokens'
-import { getPhysicalKLineConfig } from '../utils/klineConfig'
+import type { kLineTrend } from '../../types/kLine'
+import type { KLineData } from '../../types/price'
 import { VolumePriceRelation } from '../../types/volumePrice'
 import {
   analyzeVolumePriceRelationBatch,
   DEFAULT_VOLUME_PRICE_CONFIG,
 } from '../../utils/volumePrice'
 import type { MarkerManager } from '../marker/registry'
+import { getPhysicalKLineConfig } from '../utils/klineConfig'
 
 // --- Float32Array buffer pool (reduces per-frame GC pressure) ---
 let poolUpBody: Float32Array | null = null

package/src/engine/renderers/crosshair.ts

@@ -1,7 +1,7 @@
 import type { RendererPlugin, RenderContext } from '../../plugin'
 import { RENDERER_PRIORITY, GLOBAL_PANE_ID } from '../../plugin'
-import { createHorizontalLineRect, createVerticalLineRect } from '../draw/pixelAlign'
 import { resolveThemeColors } from '../../tokens'
+import { createHorizontalLineRect, createVerticalLineRect } from '../draw/pixelAlign'
 
 /**
  * 创建十字线渲染器插件

package/src/engine/renderers/customMarkers.ts

@@ -1,9 +1,9 @@
 import type { RendererPlugin, RenderContext, MarkerManagerLike } from '../../plugin'
 import { RENDERER_PRIORITY, GLOBAL_PANE_ID } from '../../plugin'
-import type { KLineData } from '../../types/price'
-import type { CustomMarkerEntity, CustomMarkerShape } from '../marker/registry'
 import { drawShape, drawLabel, hitTestShape } from '../../semantic/drawShape'
+import type { KLineData } from '../../types/price'
 import { roundToPhysicalPixel } from '../draw/pixelAlign'
+import type { CustomMarkerEntity, CustomMarkerShape } from '../marker/registry'
 
 /** 默认标记尺寸（相对于 K 线宽度的缩放因子） */
 const DEFAULT_SIZE_SCALE = 1.2

package/src/engine/renderers/extremaMarkers.ts

@@ -1,12 +1,12 @@
 import type { RendererPlugin, RenderContext } from '../../plugin'
 import { RENDERER_PRIORITY, GLOBAL_PANE_ID } from '../../plugin'
+import { resolveThemeColors } from '../../tokens'
 import type { KLineData } from '../../types/price'
 import {
   roundToPhysicalPixel,
   alignToPhysicalPixelCenter,
   createHorizontalLineRect,
 } from '../draw/pixelAlign'
-import { resolveThemeColors } from '../../tokens'
 import { getFont, setCanvasFont } from '../theme/fonts'
 
 const textWidthCache = new Map<string, number>()
@@ -114,7 +114,7 @@ export function createExtremaMarkersRendererPlugin(): RendererPlugin {
 
     draw(context: RenderContext) {
       if (context.period === 'timeshare') return
-      const { overlayCtx, pane, data, range, scrollLeft, dpr, paneWidth, kLineCenters } = context
+      const { overlayCtx, pane, data, range, scrollLeft, dpr, paneWidth, kLineCenters, kWidth, kGap } = context
       const ctx = overlayCtx
       const colors = resolveThemeColors(
         context.theme,
@@ -130,6 +130,11 @@ export function createExtremaMarkersRendererPlugin(): RendererPlugin {
       const end = Math.min(klineData.length, range.end)
       if (end - start <= 0) return
 
+      const strictStart = Math.max(0, range.start + 1)
+      const strictEnd = Math.min(klineData.length, range.end - 1)
+      const hasStrict = strictEnd - strictStart > 0
+
+      // 扩展范围极值（±1 扩展缓冲内的全局极值）
       let max = -Infinity
       let min = Infinity
       let maxIndex = start
@@ -138,48 +143,91 @@ export function createExtremaMarkersRendererPlugin(): RendererPlugin {
       for (let i = start; i < end; i++) {
         const e = klineData[i]
         if (!e) continue
-        if (e.high >= max) {
-          max = e.high
-          maxIndex = i
-        }
-        if (e.low <= min) {
-          min = e.low
-          minIndex = i
-        }
+        if (e.high >= max) { max = e.high; maxIndex = i }
+        if (e.low <= min) { min = e.low; minIndex = i }
       }
 
       if (!Number.isFinite(max) || !Number.isFinite(min)) return
 
+      // 严格可见范围极值（剥离 ±1，作为 fallback）
+      let strictMax = -Infinity
+      let strictMin = Infinity
+      let strictMaxIdx = strictStart
+      let strictMinIdx = strictStart
+
+      if (hasStrict) {
+        for (let i = strictStart; i < strictEnd; i++) {
+          const e = klineData[i]
+          if (!e) continue
+          if (e.high >= strictMax) { strictMax = e.high; strictMaxIdx = i }
+          if (e.low <= strictMin) { strictMin = e.low; strictMinIdx = i }
+        }
+      }
+
       const getCenterX = (i: number) => {
         const localIdx = i - range.start
-        if (localIdx < 0 || localIdx >= kLineCenters.length) return 0
+        if (localIdx < 0 || localIdx >= kLineCenters.length) return NaN
         return kLineCenters[localIdx]!
       }
 
-      // 收集所有 marker 数据
+      const inViewport = (cx: number) =>
+        Number.isFinite(cx) && cx >= scrollLeft && cx <= scrollLeft + paneWidth
+
+      // 首选全局极值（center 在视口内），否则 fallback 到严格范围极值，防止标记被吞
+      const pickExtreme = (
+        globalIdx: number, globalVal: number,
+        strictIdx: number, strictVal: number,
+      ): { idx: number; val: number; cx: number } | null => {
+        const globalCx = getCenterX(globalIdx)
+        if (inViewport(globalCx)) return { idx: globalIdx, val: globalVal, cx: globalCx }
+        if (hasStrict) {
+          const strictCx = getCenterX(strictIdx)
+          if (inViewport(strictCx)) return { idx: strictIdx, val: strictVal, cx: strictCx }
+        }
+        return null
+      }
+
+      const maxResult = pickExtreme(maxIndex, max, strictMaxIdx, strictMax)
+      const minResult = pickExtreme(minIndex, min, strictMinIdx, strictMin)
+
       const markers: MarkerData[] = []
+      const kStep = kWidth + kGap
 
-      const maxMarker = createMarkerData(
-        getCenterX(maxIndex),
-        pane.yAxis.priceToY(max),
-        max,
-        dpr,
-        paneWidth,
-        scrollLeft,
-        ctx,
-      )
-      if (maxMarker) markers.push(maxMarker)
-
-      const minMarker = createMarkerData(
-        getCenterX(minIndex),
-        pane.yAxis.priceToY(min),
-        min,
-        dpr,
-        paneWidth,
-        scrollLeft,
-        ctx,
-      )
-      if (minMarker) markers.push(minMarker)
+      if (maxResult) {
+        const distToEdge = Math.min(
+          maxResult.cx - scrollLeft,
+          scrollLeft + paneWidth - maxResult.cx,
+        )
+        const maxMarker = createMarkerData(
+          maxResult.cx,
+          pane.yAxis.priceToY(maxResult.val),
+          maxResult.val,
+          dpr,
+          paneWidth,
+          scrollLeft,
+          ctx,
+          distToEdge < kStep,
+        )
+        if (maxMarker) markers.push(maxMarker)
+      }
+
+      if (minResult) {
+        const distToEdge = Math.min(
+          minResult.cx - scrollLeft,
+          scrollLeft + paneWidth - minResult.cx,
+        )
+        const minMarker = createMarkerData(
+          minResult.cx,
+          pane.yAxis.priceToY(minResult.val),
+          minResult.val,
+          dpr,
+          paneWidth,
+          scrollLeft,
+          ctx,
+          distToEdge < kStep,
+        )
+        if (minMarker) markers.push(minMarker)
+      }
 
       // 批量绘制所有 markers
       ctx.save()
@@ -201,15 +249,17 @@ function createMarkerData(
   paneWidth: number,
   scrollLeft: number,
   ctx: CanvasRenderingContext2D,
+  isBoundary: boolean = false,
 ): MarkerData | null {
   const text = price.toFixed(2)
   const textWidth = measureTextWidth(ctx, text)
 
+  const lineLength = isBoundary ? LINE_LENGTH * 2 : LINE_LENGTH
   const screenX = x - scrollLeft
   const drawLeft = screenX >= paneWidth / 2
 
   let lineStartX = x
-  let lineEndX = drawLeft ? x - LINE_LENGTH : x + LINE_LENGTH
+  let lineEndX = drawLeft ? x - lineLength : x + lineLength
   if (lineStartX > lineEndX) {
     ;[lineStartX, lineEndX] = [lineEndX, lineStartX]
   }
@@ -217,7 +267,7 @@ function createMarkerData(
   const endX = roundToPhysicalPixel(lineEndX, dpr)
   const alignedY = alignToPhysicalPixelCenter(y, dpr)
   const textX = roundToPhysicalPixel(
-    drawLeft ? x - LINE_LENGTH - PADDING : x + LINE_LENGTH + PADDING,
+    drawLeft ? x - lineLength - PADDING : x + lineLength + PADDING,
     dpr,
   )
 

package/src/engine/renderers/gridLines.ts

@@ -1,9 +1,9 @@
 import type { RendererPlugin, RenderContext } from '../../plugin'
 import { RENDERER_PRIORITY, GLOBAL_PANE_ID } from '../../plugin'
+import { resolveThemeColors } from '../../tokens'
 import type { KLineData } from '../../types/price'
-import { createHorizontalLineRect, createVerticalLineRect } from '../draw/pixelAlign'
 import { findMonthBoundaries } from '../../utils/dateFormat'
-import { resolveThemeColors } from '../../tokens'
+import { createHorizontalLineRect, createVerticalLineRect } from '../draw/pixelAlign'
 
 /**
  * 创建网格线渲染器插件

package/src/engine/renderers/lastPrice.ts

@@ -1,7 +1,7 @@
 import type { RendererPlugin, RenderContext } from '../../plugin'
 import { RENDERER_PRIORITY } from '../../plugin'
-import type { KLineData } from '../../types/price'
 import { resolveThemeColors } from '../../tokens'
+import type { KLineData } from '../../types/price'
 
 function getLastPriceInfo(context: RenderContext) {
   const { pane, data } = context

package/src/engine/renderers/leftYAxis.ts

@@ -1,9 +1,9 @@
 import type { RendererPlugin, RenderContext } from '../../plugin'
 import { RENDERER_PRIORITY, GLOBAL_PANE_ID } from '../../plugin'
-import { drawCrosshairPriceLabel } from '../../utils/kLineDraw/axis'
 import { resolveThemeColors } from '../../tokens'
-import { getFont, setCanvasFont } from '../theme/fonts'
+import { drawCrosshairPriceLabel } from '../../utils/kLineDraw/axis'
 import { roundToPhysicalPixel } from '../draw/pixelAlign'
+import { getFont, setCanvasFont } from '../theme/fonts'
 import { priceAtYForScaleType, type ScaleType } from '../utils/tickPosition'
 
 export function createLeftYAxisRendererPlugin(options: {

package/src/engine/renderers/paneTitle.ts

@@ -1,11 +1,12 @@
 import type { RendererPluginWithHost, RenderContext, PluginHost } from '../../plugin'
 import { RENDERER_PRIORITY } from '../../plugin'
 import { resolveThemeColors } from '../../tokens'
-import { getFont, setCanvasFont } from '../theme/fonts'
-import type { SubIndicatorType } from './Indicator'
 import type { KLineData } from '../../types/price'
 import type { TitleInfo } from '../indicators/indicatorMetadata'
 import type { IndicatorScheduler } from '../indicators/scheduler'
+import { getFont, setCanvasFont } from '../theme/fonts'
+
+import type { SubIndicatorType } from './Indicator'
 
 /**
  * @deprecated 请从 indicatorMetadata 导入 TitleInfo
@@ -85,7 +86,7 @@ export function createPaneTitleRendererPlugin(options: PaneTitleOptions): Render
 
       const fontSize = 12
       const x = 12
-      let y = currentOptions.yOffset ?? fontSize
+      const y = currentOptions.yOffset ?? fontSize
       const gap = 8
 
       overlayCtx.save()

package/src/engine/renderers/subVolume.ts

@@ -6,11 +6,12 @@ import type {
 } from '../../plugin'
 import { RENDERER_PRIORITY } from '../../plugin'
 import { createIndicatorStateKey } from '../../plugin/stateKeys'
-import type { KLineData } from '../../types/price'
 import { resolveThemeColors } from '../../tokens'
+import type { KLineData } from '../../types/price'
 import { Indicator } from '../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey } from '../indicators/indicatorMetadata'
 import type { IndicatorScheduler } from '../indicators/scheduler'
+
 import { createVolumeScaleRendererPlugin } from './Indicator/scale/volume_scale'
 
 interface VolumeRendererOptions {

package/src/engine/renderers/timeAxis.ts

@@ -1,6 +1,6 @@
-import { resolveThemeColors } from '../../tokens'
 import type { RendererPlugin, RenderContext } from '../../plugin'
 import { RENDERER_PRIORITY } from '../../plugin'
+import { resolveThemeColors } from '../../tokens'
 import type { KLineData } from '../../types/price'
 import { drawTimeAxis, drawCrosshairTimeLabel, drawAxisTimeLabel } from '../../utils/kLineDraw/axis'
 

package/src/engine/renderers/timeShare.ts

@@ -5,8 +5,8 @@ import type {
   PluginHost,
 } from '../../plugin'
 import { RENDERER_PRIORITY } from '../../plugin'
-import type { TimeShareData } from '../../types/price'
 import { resolveThemeColors } from '../../tokens'
+import type { TimeShareData } from '../../types/price'
 import { Indicator } from '../indicators/indicatorDefinitionRegistry'
 
 /** 成交量区域占 pane 高度的比例（底部） */

package/src/engine/renderers/yAxis.ts

@@ -1,11 +1,10 @@
 import type { RendererPlugin, RenderContext } from '../../plugin'
 import { RENDERER_PRIORITY, GLOBAL_PANE_ID } from '../../plugin'
-import { drawCrosshairPriceLabel, drawAxisPriceLabel } from '../../utils/kLineDraw/axis'
 import { resolveThemeColors } from '../../tokens'
-import { getFont, setCanvasFont } from '../theme/fonts'
-import { roundToPhysicalPixel } from '../draw/pixelAlign'
-
 import type { KLineData } from '../../types/price'
+import { drawCrosshairPriceLabel, drawAxisPriceLabel } from '../../utils/kLineDraw/axis'
+import { roundToPhysicalPixel } from '../draw/pixelAlign'
+import { getFont, setCanvasFont } from '../theme/fonts'
 
 /**
  * 创建 Y 轴渲染器插件

package/src/engine/scale/__tests__/logFormula.spec.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect } from 'vitest'
+
 import {
   toLog,
   fromLog,

package/src/engine/scale/priceScale.ts

@@ -1,5 +1,5 @@
-import type { PriceRange } from './price'
 import type { ScaleType } from '../utils/tickPosition'
+
 import {
   type LogFormula,
   toLog,
@@ -7,6 +7,7 @@ import {
   logFormulaForPriceRange,
   logFormulasAreSame,
 } from './logFormula'
+import type { PriceRange } from './price'
 
 /**
  * Pane 级别的价格坐标系（价格 -> pane 内 Y）