@363045841yyt/klinechart-core 0.8.1-alpha.3 → 0.8.1

package/src/engine/chartContext.ts

@@ -0,0 +1,34 @@
+import type { Viewport, PaneSpec } from './chartTypes'
+
+export type ChartEventMap = {
+  'data:changed': { prevLength: number; newLength: number }
+  'viewport:changed': { vp: Viewport }
+  'layout:changed': { specs: PaneSpec[] }
+  'zoom:changed': { level: number }
+  'indicators:changed': {}
+}
+
+export class ChartEventBus {
+  private listeners = new Map<string, Set<Function>>()
+
+  on<K extends keyof ChartEventMap>(
+    event: K,
+    handler: (payload: ChartEventMap[K]) => void,
+  ): () => void {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, new Set())
+    }
+    this.listeners.get(event)!.add(handler)
+    return () => {
+      this.listeners.get(event)?.delete(handler)
+    }
+  }
+
+  emit<K extends keyof ChartEventMap>(event: K, payload: ChartEventMap[K]): void {
+    this.listeners.get(event)?.forEach((fn) => fn(payload))
+  }
+
+  clear(): void {
+    this.listeners.clear()
+  }
+}

package/src/engine/chartTypes.ts

@@ -0,0 +1,88 @@
+import type { PaneRole, PaneCapabilities } from '../plugin'
+
+export type ChartDom = {
+  container: HTMLDivElement
+  scrollContent?: HTMLDivElement
+  canvasLayer: HTMLDivElement
+  rightAxisLayer: HTMLDivElement
+  xAxisCanvas: HTMLCanvasElement
+}
+
+export type PaneSpec = {
+  id: string
+  ratio: number
+  visible?: boolean
+  minHeightPx?: number
+  role?: PaneRole
+  capabilities?: Partial<PaneCapabilities>
+}
+
+export type PaneRendererDom = {
+  mainCanvas: HTMLCanvasElement
+  overlayCanvas: HTMLCanvasElement
+  yAxisCanvas: HTMLCanvasElement
+}
+
+export type ChartOptions = {
+  kWidth?: number
+  kGap?: number
+  yPaddingPx: number
+  rightAxisWidth: number
+  bottomAxisHeight: number
+  minKWidth: number
+  maxKWidth: number
+  panes: PaneSpec[]
+  paneGap?: number
+  priceLabelWidth?: number
+  defaultPaneMinHeightPx?: number
+  zoomLevels?: number
+  initialZoomLevel?: number
+}
+
+export type KLinePositions = number[]
+
+export type Viewport = {
+  viewWidth: number
+  viewHeight: number
+  plotWidth: number
+  plotHeight: number
+  scrollLeft: number
+  dpr: number
+}
+
+export type ViewportState = {
+  zoomLevel: number
+  plotWidth: number
+  plotHeight: number
+  dpr: number
+  visibleFrom: number
+  visibleTo: number
+  kWidth: number
+  kGap: number
+}
+
+export type IndicatorRole = 'main' | 'sub'
+
+export interface IndicatorInstance {
+  id: string
+  definitionId: string
+  label: string
+  name: string
+  role: IndicatorRole
+  paneId?: string
+  params: Record<string, unknown>
+}
+
+export interface SubPaneInfo {
+  paneId: string
+  indicatorId: string
+  params: Record<string, unknown>
+  ratio: number
+}
+
+export type DrawingToolType = 'trendline' | 'horizontal' | 'fib' | 'rectangle' | 'arrow'
+
+export interface DrawingObject {
+  id: string
+  type: DrawingToolType
+}

package/src/engine/controller/__tests__/interaction.dpr.test.ts

@@ -91,6 +91,7 @@ function createChartStub(args: {
     }),
     getCurrentDpr: () => args.dpr,
     getCachedScrollLeft: () => 0,
+    getLogicalScrollLeft: () => 0,
     getMarkerManager: () => markerManager,
     getPaneRenderers: () => paneRenderers,
     getData: () => data,

package/src/engine/controller/interaction.ts

@@ -144,6 +144,10 @@ export class InteractionController {
         }
     }
 
+    isPointerDown(): boolean {
+        return this.isDragging || this.pinchTracker.getPointerCount() > 0
+    }
+
     setOnInteractionChange(callback: (snapshot: InteractionSnapshot) => void) {
         this.onInteractionChangeCallback = callback
     }
@@ -188,7 +192,7 @@ export class InteractionController {
         if (!location) return
 
         const { mouseX, mouseY } = location
-        const scrollLeft = this.chart.getCachedScrollLeft()
+        const scrollLeft = this.chart.getLogicalScrollLeft()
 
         const markerManager = this.chart.getMarkerManager()
         const worldX = scrollLeft + mouseX
@@ -245,11 +249,15 @@ export class InteractionController {
         this.pinchTracker.handlePointerUp(e)
 
         if (e.isPrimary === false) return
+        const wasPanning = this.dragMode === 'pan'
         this.isDragging = false
         this.dragMode = 'none'
         this.activePaneIdOnDrag = null
         this.activeSeparatorUpperPaneId = null
         this.notifyInteractionChange()
+        if (wasPanning) {
+            this.chart.checkVisibleRangeGap()
+        }
     }
 
     /**
@@ -561,7 +569,7 @@ export class InteractionController {
 
         this.hoveredRightAxisPaneId = null
 
-        const scrollLeft = this.chart.getCachedScrollLeft()
+        const scrollLeft = this.chart.getLogicalScrollLeft()
         const dpr = this.chart.getCurrentDpr()
 
         const separatorUpperPaneId = this.hitTestPaneSeparator(mouseY)