@363045841yyt/klinechart-core 0.8.5 → 0.8.6

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

@@ -8,7 +8,8 @@ import { Indicator } from '../../indicators/indicatorDefinitionRegistry'
 import { resolveStateKey, type TitleInfo, type TitleValueItem, type GetTitleInfoFn } from '../../indicators/indicatorMetadata'
 import type { IndicatorScheduler, IchimokuSchedulerConfig } from '../../indicators/scheduler'
 import { calcIchimokuData } from '../../indicators/calculators'
-import { createValuePointVisibleStateComposer } from '../../indicators/visibleStateComposers'
+import { createIchimokuVisibleStateComposer } from '../../indicators/visibleStateComposers'
+import { getPhysicalKLineConfig } from '../../utils/klineConfig'
 
 const TENKAN_COLOR = '#dc2626'
 const KIJUN_COLOR = '#2563eb'
@@ -50,7 +51,7 @@ export function createIchimokuRendererPlugin(options: IchimokuRendererOptions =
         description: '一目均衡表渲染器（WebGL 线 + Canvas2D 云图）',
         debugName: 'Ichimoku',
         paneId,
-        priority: RENDERER_PRIORITY.MAIN,
+        priority: RENDERER_PRIORITY.INDICATOR,
 
         onInstall(host: PluginHost) { pluginHost = host },
         getDeclaredNamespaces() { const key = resolveKey(); return key ? [key] : [] },
@@ -90,6 +91,25 @@ export function createIchimokuRendererPlugin(options: IchimokuRendererOptions =
                 }
             }
 
+            // 未来云：在数据末尾延伸 displacement 根 spanA/spanB 线及云段
+            const dataLen = (context.data as unknown[]).length
+            if (dataLen < series.length) {
+                const physConfig = getPhysicalKLineConfig(context.kWidth, context.kGap, context.dpr)
+                const futureEnd = Math.min(dataLen + params.displacement, series.length)
+                for (let i = dataLen; i < futureEnd; i++) {
+                    const p = series[i]
+                    if (!p) continue
+                    const leftPx = physConfig.startXPx + i * physConfig.unitPx
+                    const wickXPx = leftPx + (physConfig.kWidthPx - 1) / 2
+                    const centerX = wickXPx / context.dpr
+                    if (params.showSpanA && p.spanA !== undefined) spanAPts.push({ x: centerX, y: toY(p.spanA) })
+                    if (params.showSpanB && p.spanB !== undefined) spanBPts.push({ x: centerX, y: toY(p.spanB) })
+                    if (params.showCloud && p.spanA !== undefined && p.spanB !== undefined) {
+                        cloudSegs.push({ x: centerX, ya: toY(p.spanA), yb: toY(p.spanB), bull: p.spanA > p.spanB })
+                    }
+                }
+            }
+
             // Cloud fill (Canvas2D only)
             if (params.showCloud && cloudSegs.length >= 2) {
                 ctx.save()
@@ -209,7 +229,7 @@ export function getIchimokuTitleInfo(
     allowMainPane: true,
     mainPane: { rendererName: 'ichimoku_main', toActiveConfig: (params, active) => ({ ...params, showTenkan: active, showKijun: active, showSpanA: active, showSpanB: active, showChikou: active, showCloud: active }) },
     scale: { indicatorKey: 'ichimoku', label: 'Ichimoku', decimals: 2 },
-    visibleState: { compose: createValuePointVisibleStateComposer('ichimoku', EMPTY_ICHIMOKU_STATE, ['tenkan', 'kijun', 'spanA', 'spanB', 'chikou']) },
+    visibleState: { compose: createIchimokuVisibleStateComposer('ichimoku', EMPTY_ICHIMOKU_STATE, ['tenkan', 'kijun', 'spanA', 'spanB', 'chikou']) },
     runtime: { defaultConfig:{tenkanPeriod:9,kijunPeriod:26,spanBPeriod:52,displacement:26,showTenkan:true,showKijun:true,showSpanA:true,showSpanB:true,showCloud:true,showChikou:true}, computeKey:'calcIchimokuData', compute:(data,c)=>calcIchimokuData(data,c.tenkanPeriod,c.kijunPeriod,c.spanBPeriod,c.displacement) },
 })
 class IchimokuDefinition {

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

@@ -81,6 +81,102 @@ export function createMainIndicatorLegendRendererPlugin(options: {
       const targetIndex = crosshairIndex ?? Math.min(range.end - 1, klineData.length - 1)
       const rows: Array<{ draw: (rowIndex: number) => void }> = []
 
+      if (typeof crosshairIndex === 'number') {
+        const k = klineData[targetIndex]
+        if (k) {
+          const isUp = k.close >= k.open
+          const volText = typeof k.volume === 'number' ? formatVolumeShort(k.volume) : null
+          const upColor = isUp ? colors.candleUpBody : colors.candleDownBody
+
+          if (context.paneWidth >= 400) {
+            rows.push({
+              draw: (rowIndex: number) => {
+                let x = legendX
+                const y = config.yPaddingPx / 2 + legendYOffset + rowIndex * lineHeight
+
+                overlayCtx.fillStyle = colors.text.primary
+                overlayCtx.fillText('O ', x, y)
+                x += measureTextWidth(overlayCtx, 'O ')
+                overlayCtx.fillStyle = upColor
+                overlayCtx.fillText(k.open.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.open.toFixed(2)) + gap
+
+                overlayCtx.fillStyle = colors.text.primary
+                overlayCtx.fillText('H ', x, y)
+                x += measureTextWidth(overlayCtx, 'H ')
+                overlayCtx.fillText(k.high.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.high.toFixed(2)) + gap
+
+                overlayCtx.fillText('L ', x, y)
+                x += measureTextWidth(overlayCtx, 'L ')
+                overlayCtx.fillText(k.low.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.low.toFixed(2)) + gap
+
+                overlayCtx.fillStyle = colors.text.primary
+                overlayCtx.fillText('C ', x, y)
+                x += measureTextWidth(overlayCtx, 'C ')
+                overlayCtx.fillStyle = upColor
+                overlayCtx.fillText(k.close.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.close.toFixed(2)) + gap
+
+                if (volText) {
+                  overlayCtx.fillStyle = colors.text.tertiary
+                  overlayCtx.fillText('Vol ', x, y)
+                  x += measureTextWidth(overlayCtx, 'Vol ')
+                  overlayCtx.fillStyle = colors.text.primary
+                  overlayCtx.fillText(volText, x, y)
+                }
+              },
+            })
+          } else {
+            rows.push({
+              draw: (rowIndex: number) => {
+                let x = legendX
+                const y = config.yPaddingPx / 2 + legendYOffset + rowIndex * lineHeight
+
+                overlayCtx.fillStyle = colors.text.primary
+                overlayCtx.fillText('O ', x, y)
+                x += measureTextWidth(overlayCtx, 'O ')
+                overlayCtx.fillStyle = upColor
+                overlayCtx.fillText(k.open.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.open.toFixed(2)) + gap
+
+                overlayCtx.fillStyle = colors.text.primary
+                overlayCtx.fillText('H ', x, y)
+                x += measureTextWidth(overlayCtx, 'H ')
+                overlayCtx.fillText(k.high.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.high.toFixed(2)) + gap
+
+                overlayCtx.fillText('L ', x, y)
+                x += measureTextWidth(overlayCtx, 'L ')
+                overlayCtx.fillText(k.low.toFixed(2), x, y)
+              },
+            })
+            rows.push({
+              draw: (rowIndex: number) => {
+                let x = legendX
+                const y = config.yPaddingPx / 2 + legendYOffset + rowIndex * lineHeight
+
+                overlayCtx.fillStyle = colors.text.primary
+                overlayCtx.fillText('C ', x, y)
+                x += measureTextWidth(overlayCtx, 'C ')
+                overlayCtx.fillStyle = upColor
+                overlayCtx.fillText(k.close.toFixed(2), x, y)
+                x += measureTextWidth(overlayCtx, k.close.toFixed(2)) + gap
+
+                if (volText) {
+                  overlayCtx.fillStyle = colors.text.tertiary
+                  overlayCtx.fillText('Vol ', x, y)
+                  x += measureTextWidth(overlayCtx, 'Vol ')
+                  overlayCtx.fillStyle = colors.text.primary
+                  overlayCtx.fillText(volText, x, y)
+                }
+              },
+            })
+          }
+        }
+      }
+
       const scheduler = pluginHost && typeof pluginHost.getService === 'function'
         ? pluginHost.getService<IndicatorScheduler>('indicatorScheduler')
         : undefined
@@ -237,3 +333,9 @@ function findBaselineByTimestamp(data: ReadonlyArray<KLineData>, timestamp: numb
   }
   return null
 }
+
+function formatVolumeShort(v: number): string {
+  if (v >= 1e8) return (v / 1e8).toFixed(2) + '亿'
+  if (v >= 1e4) return (v / 1e4).toFixed(2) + '万'
+  return v.toFixed(2)
+}

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/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/tokens/__tests__/__snapshots__/baseline.test.ts.snap

@@ -64,7 +64,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);

package/src/tokens/theme-dark.ts

@@ -105,7 +105,7 @@ export const darkTheme: Theme = {
             transparent: 'transparent',
             active: '#1890ff',
             activeHover: '#40a9ff',
-            hover: '#3a3a4a',
+            hover: '#262C36',
         },
         border: {
             dark: 'rgba(255, 255, 255, 0.15)',

package/src/utils/uuid.ts

@@ -0,0 +1,8 @@
+export function generateUUID(): string {
+  if (typeof crypto.randomUUID === 'function') return crypto.randomUUID()
+  const bytes = crypto.getRandomValues(new Uint8Array(16))
+  bytes[6] = (bytes[6]! & 0x0f) | 0x40
+  bytes[8] = (bytes[8]! & 0x3f) | 0x80
+  const hex = Array.from(bytes, (b) => b.toString(16).padStart(2, '0'))
+  return `${hex.slice(0, 4).join('')}-${hex.slice(4, 6).join('')}-${hex.slice(6, 8).join('')}-${hex.slice(8, 10).join('')}-${hex.slice(10).join('')}`
+}

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = "0.8.5"
+export const VERSION = "0.8.6"