@363045841yyt/klinechart-core 0.8.5 → 0.8.7

package/src/engine/renderers/candle.ts

@@ -342,7 +342,7 @@ function drawVolumePriceMarkers(
 * @param gap - 三角形与K线的间距，默认为4
 * @param dpr - 设备像素比
 */
-export function drawVolumePriceMarker(
+function drawVolumePriceMarker(
     ctx: CanvasRenderingContext2D,
     x: number,
     y: number,

package/src/engine/renderers/comparisonLine.ts

@@ -14,6 +14,7 @@ export function createComparisonLineRenderer(): RendererPlugin {
         priority: RENDERER_PRIORITY.MAIN + 2,
 
         draw(context: RenderContext) {
+            if (context.period === 'timeshare') return
             const mainData = context.data as KLineData[]
             const comparisonData = context.comparisonData
             const comparisonSymbols = context.comparisonSymbols ?? []

package/src/engine/renderers/crosshair.ts

@@ -30,7 +30,7 @@ export function createCrosshairRendererPlugin(options: {
       const colors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
       const state = options.getCrosshairState()
 
-      if (state.isDragging || !state.pos) return
+      if (!state.pos) return
 
       const { x } = state.pos
       const isActive = pane.id === state.activePaneId

package/src/engine/renderers/extremaMarkers.ts

@@ -108,6 +108,7 @@ export function createExtremaMarkersRendererPlugin(): RendererPlugin {
         priority: RENDERER_PRIORITY.OVERLAY,
 
         draw(context: RenderContext) {
+            if (context.period === 'timeshare') return
             const { ctx, pane, data, range, scrollLeft, dpr, paneWidth, kLineCenters } = context
             const colors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
             const klineData = data as KLineData[]

package/src/engine/renderers/lastPrice.ts

@@ -35,6 +35,7 @@ export function createLastPriceLabelRegistrarPlugin(): RendererPlugin {
         priority: RENDERER_PRIORITY.LAST_PRICE_LABEL,
 
         draw(context: RenderContext) {
+            if (context.period === 'timeshare') return
             const colors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
             const info = getLastPriceInfo(context)
             if (!info) return
@@ -68,7 +69,8 @@ export function createLastPriceLineRendererPlugin(): RendererPlugin {
         priority: RENDERER_PRIORITY.LAST_PRICE_LABEL,
 
         draw(context: RenderContext) {
-            const { ctx, scrollLeft, dpr, kLinePositions, paneWidth } = context
+            if (context.period === 'timeshare') return
+            const { ctx, scrollLeft, dpr, paneWidth } = context
             const colors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
             const info = getLastPriceInfo(context)
             if (!info) return
@@ -78,7 +80,8 @@ export function createLastPriceLineRendererPlugin(): RendererPlugin {
             ctx.save()
             ctx.translate(-scrollLeft, 0)
 
-            const startX = kLinePositions[0] ?? 0
+            // 最新价水平线横贯整个视口（从左边缘到右边缘）
+            const startX = scrollLeft
             const endX = paneWidth + scrollLeft
 
             ctx.strokeStyle = colors.price.lastPrice

package/src/engine/renderers/leftYAxis.ts

@@ -0,0 +1,77 @@
+import type { RendererPlugin, RenderContext } from '../../plugin'
+import { RENDERER_PRIORITY, GLOBAL_PANE_ID } from '../../plugin'
+import { drawScaleTicks } from '../renderers/Indicator/scale/indicator_scale'
+import { drawCrosshairPriceLabel } from '../../utils/kLineDraw/axis'
+import { resolveThemeColors } from '../../tokens'
+import type { ScaleType } from '../utils/tickPosition'
+
+export function createLeftYAxisRendererPlugin(options: {
+  axisWidth: number
+  yPaddingPx: number
+  getCrosshair?: () => { y: number; price: number; activePaneId: string | null } | null
+}): RendererPlugin {
+  return {
+    name: 'leftYAxis',
+    version: '1.0.0',
+    description: '左侧Y轴价格刻度渲染器',
+    debugName: '左侧Y轴',
+    paneId: GLOBAL_PANE_ID,
+    priority: RENDERER_PRIORITY.SYSTEM_YAXIS,
+
+    draw(context: RenderContext) {
+      const { leftAxisCtx, pane, dpr, period } = context
+      if (!leftAxisCtx) return
+
+      const axisWidth = leftAxisCtx.canvas ? (leftAxisCtx.canvas.width / dpr) : 0
+      if (axisWidth <= 0) return
+
+      // 分时模式始终显示左轴（线性），不受设置约束
+      if (period !== 'timeshare') {
+        const leftType = context.settings?.leftAxisType as string | undefined
+        if (!leftType || leftType === 'none') return
+      }
+
+      const tokenColors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
+      const displayRange = pane.yAxis.getDisplayRange()
+      const { minPrice, maxPrice } = displayRange
+
+      if (!pane.capabilities.showPriceAxisTicks) return
+
+      const scaleType: ScaleType = period === 'timeshare' ? 'linear' : ((context.settings?.leftAxisType as ScaleType) ?? 'linear')
+
+      drawScaleTicks({
+        tickColor: tokenColors.text.secondary,
+        ctx: leftAxisCtx,
+        dpr,
+        axisWidth,
+        height: pane.height,
+        paddingTop: pane.yAxis.getPaddingTop(),
+        paddingBottom: pane.yAxis.getPaddingBottom(),
+        valueMin: minPrice,
+        valueMax: maxPrice,
+        isMain: true,
+        decimals: 2,
+        hideEdgeTicks: false,
+        scaleType,
+        textAlign: 'center',
+      })
+
+      const crosshair = options.getCrosshair?.()
+      if (!crosshair || crosshair.activePaneId !== pane.id || crosshair.price === null) return
+
+      drawCrosshairPriceLabel(leftAxisCtx, {
+        x: 0,
+        y: pane.top,
+        width: axisWidth,
+        height: pane.height,
+        crosshairY: crosshair.y,
+        priceRange: displayRange,
+        yPaddingPx: options.yPaddingPx,
+        dpr,
+        fontSize: 12,
+        priceOffset: 0,
+        price: crosshair.price,
+      }, context.theme, context.isAsiaMarket, context.colorPresetSettings)
+    },
+  }
+}

package/src/engine/renderers/subVolume.ts

@@ -8,12 +8,12 @@ import { resolveStateKey } from '../indicators/indicatorMetadata'
 import type { IndicatorScheduler } from '../indicators/scheduler'
 import { createVolumeScaleRendererPlugin } from './Indicator/scale/volume_scale'
 
-export interface VolumeRendererOptions {
+interface VolumeRendererOptions {
     /** 目标 pane ID（默认 'sub'） */
     paneId?: string
 }
 
-export interface VolumeRenderState extends BaseIndicatorState {
+interface VolumeRenderState extends BaseIndicatorState {
     valueMin: number
     valueMax: number
 }
@@ -35,7 +35,7 @@ function getVolumeStateKey(host: PluginHost | null, paneId: string): string | nu
 /**
  * 创建副图成交量渲染器插件
  */
-export function createVolumeRendererPlugin(options: VolumeRendererOptions = {}): RendererPluginWithHost {
+function createVolumeRendererPlugin(options: VolumeRendererOptions = {}): RendererPluginWithHost {
     const { paneId = 'sub' } = options
     let pluginHost: PluginHost | null = null
 

package/src/engine/renderers/timeAxis.ts

@@ -5,7 +5,7 @@ import type { KLineData } from '../../types/price'
 import { drawTimeAxis, drawCrosshairTimeLabel, drawAxisTimeLabel } from '../../utils/kLineDraw/axis'
 
 /** 时间轴面板 ID（特殊标识，用于单独渲染） */
-export const TIME_AXIS_PANE_ID = Symbol('time-axis')
+const TIME_AXIS_PANE_ID = Symbol('time-axis')
 
 /**
  * 创建时间轴渲染器插件
@@ -52,6 +52,8 @@ export function createTimeAxisRendererPlugin(options: {
         startIndex: range.start,
         endIndex: range.end,
         dpr,
+        kLineCenters: context.kLineCenters,
+        visibleRange: range,
         textColor: colors.text.secondary,
         lineColor: colors.border.dark,
         drawTopBorder: false,
@@ -79,18 +81,19 @@ export function createTimeAxisRendererPlugin(options: {
       if (crosshair && typeof crosshair.index === 'number') {
         const k = klineData[crosshair.index]
         if (k) {
-          drawCrosshairTimeLabel(targetCtx, {
-            x: 0,
-            y: 0,
-            width: w,
-            height: h,
-            crosshairX: crosshair.x,
-            timestamp: k.timestamp,
-            dpr,
-            fontSize: 12,
-            bgColor: colors.crosshairLabelBg,
-            textColor: colors.crosshairLabelText,
-          }, context.theme, context.isAsiaMarket, context.colorPresetSettings)
+            drawCrosshairTimeLabel(targetCtx, {
+                x: 0,
+                y: 0,
+                width: w,
+                height: h,
+                crosshairX: crosshair.x,
+                timestamp: k.timestamp,
+                dpr,
+                fontSize: 12,
+                bgColor: colors.crosshairLabelBg,
+                textColor: colors.crosshairLabelText,
+                period: context.period,
+            }, context.theme, context.isAsiaMarket, context.colorPresetSettings)
         }
       }
 

package/src/engine/renderers/timeShare.ts

@@ -0,0 +1,271 @@
+import type { RendererPlugin, RenderContext, RendererPluginWithHost, PluginHost } from '../../plugin'
+import { RENDERER_PRIORITY } from '../../plugin'
+import type { TimeShareData } from '../../types/price'
+import { resolveThemeColors } from '../../tokens'
+import { Indicator } from '../indicators/indicatorDefinitionRegistry'
+
+/** 成交量区域占 pane 高度的比例（底部） */
+const VOLUME_RATIO = 0.25
+
+export function createTimeShareRendererPlugin(): RendererPluginWithHost {
+  return {
+    name: 'timeShare',
+    version: '1.0.0',
+    description: '股票分时图渲染器',
+    debugName: '分时图',
+    paneId: 'main',
+    priority: RENDERER_PRIORITY.MAIN,
+
+    onInstall(_host: PluginHost) {
+    },
+
+    draw(context: RenderContext) {
+      const { ctx, pane, data, range, dpr, kLineCenters, scrollLeft, settings, kBarRects } = context
+      if (context.period !== 'timeshare') return
+      const tsData = data as TimeShareData[]
+      if (!tsData.length) return
+
+      const colors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
+      const preClose = (settings?.preClose as number) ?? tsData[0]?.price ?? 0
+      if (preClose === 0) return
+
+      const paneHeight = pane.height
+      const volumeAreaHeight = Math.round(paneHeight * VOLUME_RATIO * dpr) / dpr
+      const priceAreaHeight = paneHeight - volumeAreaHeight
+
+      const { start, end } = range
+      const visibleCount = Math.min(end - start, tsData.length - start)
+      const itemCount = Math.min(end, tsData.length) - start
+
+      const xPositions: number[] = []
+      const yPrices: number[] = []
+      const yAvgs: number[] = []
+      const volumes: number[] = []
+      let maxVolume = 0
+
+      for (let i = start; i < start + itemCount; i++) {
+        const item = tsData[i]
+        if (!item) continue
+        const x = kLineCenters[i - start]
+        if (x === undefined) continue
+        xPositions.push(x)
+        yPrices.push(pane.yAxis.priceToY(item.price))
+        yAvgs.push(pane.yAxis.priceToY(item.average))
+        volumes.push(item.volume)
+        maxVolume = Math.max(maxVolume, item.volume)
+      }
+
+      if (xPositions.length < 2) return
+
+      ctx.save()
+      ctx.translate(-scrollLeft, 0)
+
+      const preCloseY = pane.yAxis.priceToY(preClose)
+
+      drawPreCloseLine(ctx, xPositions, preCloseY, dpr, colors.timeSharePreClose)
+
+      drawAreaFill(ctx, xPositions, yPrices, preCloseY, dpr,
+        colors.timeShareAreaUp, colors.timeShareAreaDown)
+
+      drawSegmentLine(ctx, xPositions, yPrices, dpr, colors.timeSharePriceLine, 2)
+
+      drawSegmentLine(ctx, xPositions, yAvgs, dpr, colors.timeShareAvgLine, 1.5)
+
+      drawVolumeBars(ctx, kBarRects, volumes, maxVolume, volumeAreaHeight, paneHeight, preClose, dpr, colors.volumeUp, colors.volumeDown, colors.volumeNeutral, tsData, start)
+
+      ctx.restore()
+    },
+  }
+}
+
+function drawPreCloseLine(
+  ctx: CanvasRenderingContext2D,
+  xPositions: number[],
+  y: number,
+  dpr: number,
+  color: string,
+): void {
+  if (xPositions.length < 2) return
+  const firstX = xPositions[0]
+  const lastX = xPositions[xPositions.length - 1]
+
+  ctx.save()
+  ctx.strokeStyle = color
+  ctx.lineWidth = 1
+  ctx.setLineDash([4, 4])
+  ctx.beginPath()
+  ctx.moveTo(firstX, y)
+  ctx.lineTo(lastX, y)
+  ctx.stroke()
+  ctx.setLineDash([])
+  ctx.restore()
+}
+
+function drawAreaFill(
+  ctx: CanvasRenderingContext2D,
+  xPositions: number[],
+  yPrices: number[],
+  baselineY: number,
+  dpr: number,
+  upColor: string,
+  downColor: string,
+): void {
+  if (xPositions.length < 2) return
+
+  const n = xPositions.length
+
+  function buildPolygon(isAbove: boolean): Array<{ x: number; y: number }> {
+    const pts: Array<{ x: number; y: number }> = [{ x: xPositions[0]!, y: baselineY }]
+    const firstOnOurSide = isAbove
+      ? yPrices[0]! <= baselineY
+      : yPrices[0]! >= baselineY
+    if (firstOnOurSide) {
+      pts.push({ x: xPositions[0]!, y: yPrices[0]! })
+    }
+
+    for (let i = 0; i < n - 1; i++) {
+      const x1 = xPositions[i]!, y1 = yPrices[i]!
+      const x2 = xPositions[i + 1]!, y2 = yPrices[i + 1]!
+
+      const y1OnOurSide = isAbove ? y1 <= baselineY : y1 >= baselineY
+      const y2OnOurSide = isAbove ? y2 <= baselineY : y2 >= baselineY
+
+      if (y1OnOurSide !== y2OnOurSide) {
+        const t = (baselineY - y1) / (y2 - y1)
+        const cx = x1 + t * (x2 - x1)
+        pts.push({ x: cx, y: baselineY })
+      }
+      if (y2OnOurSide) {
+        pts.push({ x: x2, y: y2 })
+      }
+    }
+
+    pts.push({ x: xPositions[n - 1]!, y: baselineY })
+    return pts
+  }
+
+  const abovePts = buildPolygon(true)
+  if (abovePts.length >= 3) {
+    const topY = Math.min(...abovePts.map((p) => p.y))
+    ctx.save()
+    const grad = ctx.createLinearGradient(0, topY, 0, baselineY)
+    grad.addColorStop(0, upColor)
+    grad.addColorStop(1, 'rgba(0,0,0,0)')
+    ctx.beginPath()
+    ctx.moveTo(abovePts[0]!.x, abovePts[0]!.y)
+    for (let i = 1; i < abovePts.length; i++) {
+      ctx.lineTo(abovePts[i]!.x, abovePts[i]!.y)
+    }
+    ctx.closePath()
+    ctx.fillStyle = grad
+    ctx.fill()
+    ctx.restore()
+  }
+
+  const belowPts = buildPolygon(false)
+  if (belowPts.length >= 3) {
+    const botY = Math.max(...belowPts.map((p) => p.y))
+    ctx.save()
+    const grad = ctx.createLinearGradient(0, baselineY, 0, botY)
+    grad.addColorStop(0, 'rgba(0,0,0,0)')
+    grad.addColorStop(1, downColor)
+    ctx.beginPath()
+    ctx.moveTo(belowPts[0]!.x, belowPts[0]!.y)
+    for (let i = 1; i < belowPts.length; i++) {
+      ctx.lineTo(belowPts[i]!.x, belowPts[i]!.y)
+    }
+    ctx.closePath()
+    ctx.fillStyle = grad
+    ctx.fill()
+    ctx.restore()
+  }
+}
+
+function drawSegmentLine(
+  ctx: CanvasRenderingContext2D,
+  xPositions: number[],
+  yPositions: number[],
+  _dpr: number,
+  color: string,
+  lineWidth: number,
+): void {
+  if (xPositions.length < 2) return
+
+  ctx.save()
+  ctx.strokeStyle = color
+  ctx.lineWidth = lineWidth
+  ctx.lineJoin = 'round'
+  ctx.lineCap = 'round'
+
+  ctx.beginPath()
+  ctx.moveTo(xPositions[0], yPositions[0])
+
+  for (let i = 1; i < xPositions.length; i++) {
+    ctx.lineTo(xPositions[i], yPositions[i])
+  }
+
+  ctx.stroke()
+  ctx.restore()
+}
+
+function drawVolumeBars(
+  ctx: CanvasRenderingContext2D,
+  barRects: Array<{ x: number; width: number }>,
+  volumes: number[],
+  maxVolume: number,
+  volumeAreaHeight: number,
+  paneHeight: number,
+  preClose: number,
+  dpr: number,
+  upColor: string,
+  downColor: string,
+  neutralColor: string,
+  data: TimeShareData[],
+  startIdx: number,
+): void {
+  if (!barRects.length || maxVolume <= 0) return
+
+  const snappedBottom = Math.round(paneHeight * dpr) / dpr
+
+  for (let i = 0; i < barRects.length; i++) {
+    const volume = volumes[i]
+    if (volume <= 0) continue
+
+    const barHeight = (volume / maxVolume) * volumeAreaHeight
+    const snappedH = Math.round(barHeight * dpr) / dpr
+    const snappedY = snappedBottom - snappedH
+    const { x, width } = barRects[i]!
+    const idx = startIdx + i
+
+    let barColor: string
+    if (i > 0) {
+      const price = data[idx].price
+      const prevPrice = data[idx - 1].price
+      if (price > prevPrice) barColor = upColor
+      else if (price < prevPrice) barColor = downColor
+      else barColor = neutralColor
+    } else {
+      if (data[idx].price > preClose) barColor = upColor
+      else if (data[idx].price < preClose) barColor = downColor
+      else barColor = neutralColor
+    }
+
+    const minSize = 1 / dpr
+    const finalW = width > 0 ? Math.max(width, minSize) : 0
+    const finalH = snappedH > 0 ? Math.max(snappedH, minSize) : 0
+
+    ctx.fillStyle = barColor
+    ctx.fillRect(x, snappedY, finalW, finalH)
+  }
+}
+
+@Indicator({
+  name: 'timeShare',
+  displayName: '分时',
+  category: 'main',
+  defaultPaneId: 'main',
+  mainPane: { rendererName: 'timeShare' },
+})
+class TimeShareIndicatorDefinition {
+  static rendererFactory = createTimeShareRendererPlugin
+}

package/src/engine/renderers/yAxis.ts

@@ -25,7 +25,14 @@ export function createYAxisRendererPlugin(options: {
     priority: RENDERER_PRIORITY.SYSTEM_YAXIS,
 
     draw(context: RenderContext) {
-      const { ctx, pane, dpr, yAxisCtx, data } = context
+      const { ctx, pane, dpr, yAxisCtx, data, period } = context
+
+      // 分时模式始终显示右轴，不受设置约束
+      if (period !== 'timeshare') {
+        const rightType = context.settings?.rightAxisType as string | undefined
+        if (rightType === 'none') return
+      }
+
       const tokenColors = resolveThemeColors(context.theme, context.isAsiaMarket, context.colorPresetSettings)
       const scaleType = pane.yAxis.getScaleType()
 
@@ -80,6 +87,7 @@ export function createYAxisRendererPlugin(options: {
       // 绘制来自 yAxisLabels 的标签（最新价格、极值点、绘图锚点等）
       if (context.yAxisLabels && pane.role === 'price') {
         for (const label of context.yAxisLabels) {
+          if (label.price == null || !Number.isFinite(label.price)) continue
           const isLastPrice = label.type === 'lastPrice'
           drawAxisPriceLabel(targetCtx, {
             x: 0,

package/src/engine/scale/price.ts

@@ -2,7 +2,7 @@
 
 export type PriceRange = { maxPrice: number; minPrice: number }
 
-export function priceToY(
+function priceToY(
     price: number,
     maxPrice: number,
     minPrice: number,
@@ -22,7 +22,7 @@ export function priceToY(
  * - y 是相对于绘图区顶部的逻辑像素坐标（不含额外 translate）
  * - paddingTop/paddingBottom 需与 priceToY 使用一致
  */
-export function yToPrice(
+function yToPrice(
     y: number,
     maxPrice: number,
     minPrice: number,

package/src/engine/theme/fonts.ts

@@ -5,7 +5,7 @@
  */
 
 /** 数字和文本的标准字体栈 */
-export const FONT_FAMILY = '"Trebuchet MS", Roboto, Ubuntu, sans-serif'
+const FONT_FAMILY = '"Trebuchet MS", Roboto, Ubuntu, sans-serif'
 
 /** 获取指定字号的字体字符串，用于 Canvas ctx.font */
 export function getFont(size: number, options?: { bold?: boolean }): string {

package/src/engine/utils/klineConfig.ts

@@ -10,11 +10,7 @@
  * @returns 奇数化后的物理像素宽度
  */
 export function calcKWidthPx(kWidth: number, dpr: number): number {
-    let kWidthPx = Math.round(kWidth * dpr)
-    if (kWidthPx % 2 === 0) {
-        kWidthPx += 1
-    }
-    return Math.max(1, kWidthPx)
+    return Math.max(1, Math.round(kWidth * dpr))
 }
 
 /**

package/src/engine/viewport/chartViewportManager.ts

@@ -206,7 +206,8 @@ export class ChartViewportManager {
 
     const dom = this.deps.getDom()
 
-    const canvasLayerWidth = `${viewWidth}px`
+    const dprRoundedViewWidth = Math.round(viewWidth * dpr) / dpr
+    const canvasLayerWidth = `${dprRoundedViewWidth}px`
     if (dom.canvasLayer.style.width !== canvasLayerWidth) {
       dom.canvasLayer.style.width = canvasLayerWidth
     }
@@ -216,9 +217,9 @@ export class ChartViewportManager {
       dom.canvasLayer.style.height = canvasLayerHeight
     }
 
-    const xAxisWidth = Math.round(plotWidth * dpr)
-    if (dom.xAxisCanvas.width !== xAxisWidth) {
-      dom.xAxisCanvas.width = xAxisWidth
+    const xAxisWidthPx = Math.round(dprRoundedViewWidth * dpr)
+    if (dom.xAxisCanvas.width !== xAxisWidthPx) {
+      dom.xAxisCanvas.width = xAxisWidthPx
     }
 
     const xAxisHeight = Math.round(this.deps.getBottomAxisHeight() * dpr)
@@ -226,7 +227,7 @@ export class ChartViewportManager {
       dom.xAxisCanvas.height = xAxisHeight
     }
 
-    const xAxisCssWidth = `${xAxisWidth / dpr}px`
+    const xAxisCssWidth = `${dprRoundedViewWidth}px`
     if (dom.xAxisCanvas.style.width !== xAxisCssWidth) {
       dom.xAxisCanvas.style.width = xAxisCssWidth
     }

package/src/index.ts

@@ -4,3 +4,4 @@ export * from './mcp'
 export { VERSION } from './version'
 export * from './tokens'
 export { formatTimestamp } from './utils/dateFormat'
+export { generateUUID } from './utils/uuid'

package/src/mcp/chartBridge.ts

@@ -1,4 +1,5 @@
 import type { ToolCall, ToolResult, ControllerDescription, ToolCallHandler } from './types'
+import { generateUUID } from '../utils/uuid'
 
 export interface ChartBridgeOptions {
   wsUrl: string
@@ -42,7 +43,7 @@ export class ChartBridge {
   onStateChange?: () => void
 
   constructor(options: ChartBridgeOptions) {
-    this.sessionId = options.sessionId ?? crypto.randomUUID()
+    this.sessionId = options.sessionId ?? generateUUID()
     this.autoReconnect = options.autoReconnect ?? true
     this.reconnectDelay = options.reconnectDelay ?? 3000
     this.maxReconnectDelay = options.maxReconnectDelay ?? 30_000

package/src/plugin/types.ts

@@ -294,6 +294,7 @@ export interface RenderContext {
   crosshairIndex?: number | null
   // 可选的其他 Canvas 上下文
   yAxisCtx?: CanvasRenderingContext2D
+  leftAxisCtx?: CanvasRenderingContext2D
   xAxisCtx?: CanvasRenderingContext2D
   borderCtx?: CanvasRenderingContext2D
   /** 覆盖层 Canvas 上下文（用于十字线、Tooltip 等动态内容） */

package/src/semantic/types.ts

@@ -31,7 +31,7 @@ export interface DataConfig {
   startDate: string
   /** 结束日期 YYYY-MM-DD */
   endDate: string
-  period: 'daily' | 'weekly' | 'monthly' | '5min' | '15min' | '30min' | '60min'
+  period: 'daily' | 'weekly' | 'monthly' | '5min' | '15min' | '30min' | '60min' | 'timeshare'
   adjust: AdjustType
 }
 

package/src/tokens/__tests__/__snapshots__/baseline.test.ts.snap

@@ -14,6 +14,7 @@ exports[`theme baseline — dark > CSS declaration block (snapshot) 1`] = `
   --klc-color-candle-doji-border: #8A8F98;
   --klc-color-volume-up: #22D69B66;
   --klc-color-volume-down: #FF646466;
+  --klc-color-volume-neutral: #FFFFFF66;
   --klc-color-axis-text: #9AA0A6;
   --klc-color-axis-line: #2A2F36;
   --klc-color-axis-tick: #2A2F36;
@@ -41,6 +42,12 @@ exports[`theme baseline — dark > CSS declaration block (snapshot) 1`] = `
   --klc-color-avwap-line: #A78BFA;
   --klc-color-avwap-band: #A78BFA33;
   --klc-color-mtf-overlay: #38BDF8;
+  --klc-color-time-share-price-line: #60A5FA;
+  --klc-color-time-share-avg-line: #FBBF24;
+  --klc-color-time-share-area-up: rgba(34, 214, 155, 0.20);
+  --klc-color-time-share-area-down: rgba(255, 100, 100, 0.20);
+  --klc-color-time-share-pre-close: #9CA3AF;
+  --klc-color-time-share-volume: #60A5FA;
   --klc-color-palette-i1: #4A9EFF;
   --klc-color-palette-i2: #FFB95A;
   --klc-color-palette-i3: #22D69B;
@@ -64,7 +71,7 @@ exports[`theme baseline — dark > CSS declaration block (snapshot) 1`] = `
   --klc-color-tag-bg-transparent: transparent;
   --klc-color-tag-bg-active: #1890ff;
   --klc-color-tag-bg-active-hover: #40a9ff;
-  --klc-color-tag-bg-hover: #3a3a4a;
+  --klc-color-tag-bg-hover: #262C36;
   --klc-color-border-dark: rgba(255, 255, 255, 0.15);
   --klc-color-border-medium: rgba(255, 255, 255, 0.12);
   --klc-color-border-light: rgba(255, 255, 255, 0.08);
@@ -207,6 +214,7 @@ exports[`theme baseline — light > CSS declaration block (snapshot) 1`] = `
   --klc-color-candle-doji-border: #6E6E6E;
   --klc-color-volume-up: #0F8B5C66;
   --klc-color-volume-down: #C2363B66;
+  --klc-color-volume-neutral: #00000066;
   --klc-color-axis-text: #5A5A5A;
   --klc-color-axis-line: #D0D0D0;
   --klc-color-axis-tick: #D0D0D0;
@@ -234,6 +242,12 @@ exports[`theme baseline — light > CSS declaration block (snapshot) 1`] = `
   --klc-color-avwap-line: #7C3AED;
   --klc-color-avwap-band: #7C3AED33;
   --klc-color-mtf-overlay: #0369A1;
+  --klc-color-time-share-price-line: #4A90D9;
+  --klc-color-time-share-avg-line: #F5A623;
+  --klc-color-time-share-area-up: rgba(15, 139, 92, 0.15);
+  --klc-color-time-share-area-down: rgba(213, 19, 26, 0.15);
+  --klc-color-time-share-pre-close: #888888;
+  --klc-color-time-share-volume: #4A90D9;
   --klc-color-palette-i1: #0072B2;
   --klc-color-palette-i2: #E69F00;
   --klc-color-palette-i3: #009E73;