@363045841yyt/klinechart-core 0.7.5 → 0.7.6

package/src/engine/subPaneManager.ts

@@ -2,6 +2,7 @@ import type { Chart } from './chart'
 import type { SubIndicatorType } from './renderers/Indicator'
 import { createSignal, type Signal } from '../reactivity/signal'
 import { createSubIndicatorRenderer } from './renderers/Indicator'
+import { createPaneTitleRendererPlugin } from './renderers/paneTitle'
 import { createVolumeScaleRendererPlugin } from './renderers/Indicator/scale/volume_scale'
 import { createMacdScaleRendererPlugin } from './renderers/Indicator/scale/macd_scale'
 import { createRsiScaleRendererPlugin } from './renderers/Indicator/scale/rsi_scale'
@@ -57,6 +58,7 @@ export interface SubPaneEntry {
     params: Record<string, unknown>
     rendererName: string
     scaleRendererName: string
+    paneTitleRendererName: string
 }
 
 export class SubPaneManager {
@@ -78,6 +80,7 @@ export class SubPaneManager {
 
         const rendererName = `${indicatorId.toLowerCase()}_${paneId}`
         const scaleRendererName = `${indicatorId.toLowerCase()}_scale_${paneId}`
+        const paneTitleRendererName = `paneTitle_${paneId}`
 
         const paneExists = chart.hasPane(paneId)
         if (!paneExists) {
@@ -91,10 +94,11 @@ export class SubPaneManager {
         }
 
         this.mountScaleRenderer(chart, paneId, indicatorId, scaleRendererName)
+        this.mountPaneTitleRenderer(chart, paneId, indicatorId, params)
 
         // 必须在 syncSchedulerConfig 之前注册 entry，
         // 否则 scheduler 的 buildActiveConfig 读不到新 paneId，会将新指标的 show* 标志置为 false
-        this.entries.set(paneId, { paneId, indicatorId, params, rendererName, scaleRendererName })
+        this.entries.set(paneId, { paneId, indicatorId, params, rendererName, scaleRendererName, paneTitleRendererName })
 
         this.syncSchedulerConfig(chart, paneId, indicatorId, params)
 
@@ -110,6 +114,7 @@ export class SubPaneManager {
 
         chart.removeRenderer(entry.rendererName)
         chart.removeRenderer(entry.scaleRendererName)
+        chart.removeRenderer(entry.paneTitleRendererName)
 
         this.entries.delete(paneId)
 
@@ -129,14 +134,17 @@ export class SubPaneManager {
 
         chart.removeRenderer(entry.rendererName)
         chart.removeRenderer(entry.scaleRendererName)
+        chart.removeRenderer(entry.paneTitleRendererName)
 
         const newRendererName = `${newIndicatorId.toLowerCase()}_${paneId}`
         const newScaleRendererName = `${newIndicatorId.toLowerCase()}_scale_${paneId}`
+        const newPaneTitleRendererName = `paneTitle_${paneId}`
 
         const renderer = createSubIndicatorRenderer({ indicatorId: newIndicatorId, paneId })
         chart.useRenderer(renderer, newParams as Record<string, number | boolean | string>)
 
         this.mountScaleRenderer(chart, paneId, newIndicatorId, newScaleRendererName)
+        this.mountPaneTitleRenderer(chart, paneId, newIndicatorId, newParams)
 
         this.syncSchedulerConfig(chart, paneId, newIndicatorId, newParams)
 
@@ -146,6 +154,7 @@ export class SubPaneManager {
             params: newParams,
             rendererName: newRendererName,
             scaleRendererName: newScaleRendererName,
+            paneTitleRendererName: newPaneTitleRendererName,
         })
 
         chart.getIndicatorScheduler().onSubPaneChanged()
@@ -180,6 +189,7 @@ export class SubPaneManager {
         for (const entry of this.entries.values()) {
             chart.removeRenderer(entry.rendererName)
             chart.removeRenderer(entry.scaleRendererName)
+            chart.removeRenderer(entry.paneTitleRendererName)
         }
         this.entries.clear()
         chart.getIndicatorScheduler().onSubPaneChanged()
@@ -439,4 +449,21 @@ export class SubPaneManager {
 
         chart.useRenderer(renderer)
     }
+
+    private mountPaneTitleRenderer(chart: Chart, paneId: string, indicatorId: SubIndicatorType, params: Record<string, unknown>): void {
+        const rendererName = `paneTitle_${paneId}`
+        const existing = chart.getRenderer(rendererName)
+        if (existing) {
+            chart.updateRendererConfig(rendererName, { params, indicatorId })
+            return
+        }
+
+        const renderer = createPaneTitleRendererPlugin({
+            paneId,
+            title: indicatorId,
+            indicatorId,
+            params,
+        })
+        chart.useRenderer(renderer)
+    }
 }

package/src/semantic/controller.ts

@@ -41,7 +41,7 @@ async function getDataFetcher(): Promise<DataFetcher> {
   return _dataFetcher
 }
 
-interface SemanticChartAdapter {
+export interface SemanticChartAdapter {
   updateData(data: ReadonlyArray<KLineData>): void
   updateRendererConfig(name: string, config: Record<string, unknown>): void
   clearSubPanes(): void

package/src/semantic/index.ts

@@ -21,7 +21,7 @@ export type {
 } from './types'
 
 export { SemanticChartController, type SemanticEventType, __setDataFetcher } from './controller'
-export type { DataFetcher } from './controller'
+export type { DataFetcher, SemanticChartAdapter } from './controller'
 
 export { SemanticConfigValidator, sanitizeParams, sanitizeColor, validateColor, validateSymbol } from './validator'
 

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = "0.7.5"
+export const VERSION = "0.7.6"

package/dist/engine/chart-store.d.ts

@@ -1,75 +0,0 @@
-import { type UnwrapNestedRefs } from 'vue';
-import type { DrawingObject } from '../plugin';
-/** 右侧空白绘制槽位数（逻辑 bar 数） */
-export declare const TRAILING_DRAWING_SLOTS = 24;
-export interface ChartStoreOptions {
-    initialZoomLevel: number;
-    minKWidth: number;
-    maxKWidth: number;
-    zoomLevels: number;
-    rightAxisWidth: number;
-    priceLabelWidth: number;
-}
-export declare function computeContentWidth(params: {
-    dataLength: number;
-    kWidth: number;
-    kGap: number;
-    viewWidth: number;
-    viewportDpr: number;
-}): number;
-export declare function createChartStore(opts: ChartStoreOptions): {
-    state: UnwrapNestedRefs<{
-        zoomLevel: number;
-        kWidth: number;
-        kGap: number;
-        viewportDpr: number;
-        dataLength: number;
-        dataVersion: number;
-        paneRatios: Record<string, number>;
-        drawings: {
-            id: string;
-            kind: import("./drawing").DrawingKind;
-            paneId: string;
-            visible: boolean;
-            locked?: boolean | undefined;
-            zIndex?: number | undefined;
-            anchors: {
-                id: string;
-                index: number;
-                time?: number | string | undefined;
-                price: number;
-            }[];
-            params: Record<string, unknown>;
-            style: {
-                stroke?: string | undefined;
-                strokeWidth?: number | undefined;
-                strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
-                fill?: string | undefined;
-                fillOpacity?: number | undefined;
-                pointRadius?: number | undefined;
-                textColor?: string | undefined;
-                fontSize?: number | undefined;
-            };
-        }[];
-        selectedDrawingId: string | null;
-        drawingVersion: number;
-        viewWidth: number;
-    }>;
-    computed: {
-        axisHostWidth: import("vue").ComputedRef<number>;
-        totalWidth: import("vue").ComputedRef<number>;
-    };
-    actions: {
-        bumpDataVersion: () => void;
-        bumpDrawingVersion: () => void;
-        setDataLength: (length: number) => void;
-        setViewportDpr: (dpr: number) => void;
-        setViewWidth: (width: number) => void;
-        setZoomState: (level: number, newKWidth: number, newKGap: number) => void;
-        setPaneRatios: (ratios: Record<string, number>) => void;
-        setDrawings: (newDrawings: DrawingObject[]) => void;
-        setSelectedDrawingId: (id: string | null) => void;
-    };
-};
-export type ChartStore = ReturnType<typeof createChartStore>;
-//# sourceMappingURL=chart-store.d.ts.map

package/dist/engine/chart-store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-store.d.ts","sourceRoot":"","sources":["../../src/engine/chart-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAE9C,0BAA0B;AAC1B,eAAO,MAAM,sBAAsB,KAAK,CAAA;AAExC,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,EAAE,MAAM,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;CACxB;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE;IAC1C,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;CACpB,GAAG,MAAM,CAMT;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,iBAAiB;WAuEpC,gBAAgB;;;;;;;oBA/Dd,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;2BAEb,MAAM,GAAG,IAAI;;;MA6DM;;;;;;;;gCAnCjB,MAAM;8BAIR,MAAM;8BAIN,MAAM;8BAIN,MAAM,aAAa,MAAM,WAAW,MAAM;gCAMxC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;mCAInB,aAAa,EAAE;mCAQf,MAAM,GAAG,IAAI;;EAsBhD;AAED,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA"}

package/dist/engine/chart-store.js

@@ -1,88 +0,0 @@
-import { reactive, computed } from 'vue';
-import { getPhysicalKLineConfig } from './utils/klineConfig';
-/** 右侧空白绘制槽位数（逻辑 bar 数） */
-export const TRAILING_DRAWING_SLOTS = 24;
-export function computeContentWidth(params) {
-    const { dataLength, kWidth, kGap, viewWidth, viewportDpr } = params;
-    if (dataLength === 0)
-        return 0;
-    const { startXPx, unitPx } = getPhysicalKLineConfig(kWidth, kGap, viewportDpr);
-    const dataPlotWidth = (startXPx + (dataLength + TRAILING_DRAWING_SLOTS) * unitPx) / viewportDpr;
-    return Math.max(dataPlotWidth, viewWidth);
-}
-export function createChartStore(opts) {
-    const state = reactive({
-        zoomLevel: opts.initialZoomLevel,
-        kWidth: 0,
-        kGap: 1,
-        viewportDpr: 1,
-        dataLength: 0,
-        dataVersion: 0,
-        paneRatios: {},
-        drawings: [],
-        selectedDrawingId: null,
-        drawingVersion: 0,
-        viewWidth: 0,
-    });
-    // 右侧轴宽度
-    const axisHostWidth = computed(() => opts.rightAxisWidth + opts.priceLabelWidth);
-    const totalWidth = computed(() => computeContentWidth({
-        dataLength: state.dataLength,
-        kWidth: state.kWidth,
-        kGap: state.kGap,
-        viewWidth: state.viewWidth,
-        viewportDpr: state.viewportDpr,
-    }));
-    function bumpDataVersion() {
-        state.dataVersion++;
-    }
-    function bumpDrawingVersion() {
-        state.drawingVersion++;
-    }
-    function setDataLength(length) {
-        state.dataLength = length;
-    }
-    function setViewportDpr(dpr) {
-        state.viewportDpr = dpr;
-    }
-    function setViewWidth(width) {
-        state.viewWidth = width;
-    }
-    function setZoomState(level, newKWidth, newKGap) {
-        state.zoomLevel = level;
-        state.kWidth = newKWidth;
-        state.kGap = newKGap;
-    }
-    function setPaneRatios(ratios) {
-        state.paneRatios = ratios;
-    }
-    function setDrawings(newDrawings) {
-        state.drawings = newDrawings;
-        if (state.selectedDrawingId && !newDrawings.some((d) => d.id === state.selectedDrawingId)) {
-            state.selectedDrawingId = null;
-        }
-        state.drawingVersion++;
-    }
-    function setSelectedDrawingId(id) {
-        state.selectedDrawingId = id;
-    }
-    return {
-        state: state,
-        computed: {
-            axisHostWidth,
-            totalWidth,
-        },
-        actions: {
-            bumpDataVersion,
-            bumpDrawingVersion,
-            setDataLength,
-            setViewportDpr,
-            setViewWidth,
-            setZoomState,
-            setPaneRatios,
-            setDrawings,
-            setSelectedDrawingId,
-        },
-    };
-}
-//# sourceMappingURL=chart-store.js.map

package/dist/engine/chart-store.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-store.js","sourceRoot":"","sources":["../../src/engine/chart-store.ts"],"names":[],"mappings":"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"}

package/src/engine/chart-store.ts

@@ -1,121 +0,0 @@
-import { reactive, computed, type UnwrapNestedRefs } from 'vue'
-import { getPhysicalKLineConfig } from './utils/klineConfig'
-import type { DrawingObject } from '../plugin'
-
-/** 右侧空白绘制槽位数（逻辑 bar 数） */
-export const TRAILING_DRAWING_SLOTS = 24
-
-export interface ChartStoreOptions {
-  initialZoomLevel: number
-  minKWidth: number
-  maxKWidth: number
-  zoomLevels: number
-  rightAxisWidth: number
-  priceLabelWidth: number
-}
-
-export function computeContentWidth(params: {
-  dataLength: number
-  kWidth: number
-  kGap: number
-  viewWidth: number
-  viewportDpr: number
-}): number {
-  const { dataLength, kWidth, kGap, viewWidth, viewportDpr } = params
-  if (dataLength === 0) return 0
-  const { startXPx, unitPx } = getPhysicalKLineConfig(kWidth, kGap, viewportDpr)
-  const dataPlotWidth = (startXPx + (dataLength + TRAILING_DRAWING_SLOTS) * unitPx) / viewportDpr
-  return Math.max(dataPlotWidth, viewWidth)
-}
-
-export function createChartStore(opts: ChartStoreOptions) {
-  const state = reactive({
-    zoomLevel: opts.initialZoomLevel,
-    kWidth: 0,
-    kGap: 1,
-    viewportDpr: 1,
-    dataLength: 0,
-    dataVersion: 0,
-    paneRatios: {} as Record<string, number>,
-    drawings: [] as DrawingObject[],
-    selectedDrawingId: null as string | null,
-    drawingVersion: 0,
-    viewWidth: 0,
-  })
-
-  // 右侧轴宽度
-  const axisHostWidth = computed(() => opts.rightAxisWidth + opts.priceLabelWidth)
-
-  const totalWidth = computed(() =>
-    computeContentWidth({
-      dataLength: state.dataLength,
-      kWidth: state.kWidth,
-      kGap: state.kGap,
-      viewWidth: state.viewWidth,
-      viewportDpr: state.viewportDpr,
-    }),
-  )
-
-  function bumpDataVersion() {
-    state.dataVersion++
-  }
-
-  function bumpDrawingVersion() {
-    state.drawingVersion++
-  }
-
-  function setDataLength(length: number) {
-    state.dataLength = length
-  }
-
-  function setViewportDpr(dpr: number) {
-    state.viewportDpr = dpr
-  }
-
-  function setViewWidth(width: number) {
-    state.viewWidth = width
-  }
-
-  function setZoomState(level: number, newKWidth: number, newKGap: number) {
-    state.zoomLevel = level
-    state.kWidth = newKWidth
-    state.kGap = newKGap
-  }
-
-  function setPaneRatios(ratios: Record<string, number>) {
-    state.paneRatios = ratios
-  }
-
-  function setDrawings(newDrawings: DrawingObject[]) {
-    state.drawings = newDrawings
-    if (state.selectedDrawingId && !newDrawings.some((d) => d.id === state.selectedDrawingId)) {
-      state.selectedDrawingId = null
-    }
-    state.drawingVersion++
-  }
-
-  function setSelectedDrawingId(id: string | null) {
-    state.selectedDrawingId = id
-  }
-
-  return {
-    state: state as UnwrapNestedRefs<typeof state>,
-    computed: {
-      axisHostWidth,
-      totalWidth,
-    },
-    actions: {
-      bumpDataVersion,
-      bumpDrawingVersion,
-      setDataLength,
-      setViewportDpr,
-      setViewWidth,
-      setZoomState,
-      setPaneRatios,
-      setDrawings,
-      setSelectedDrawingId,
-    },
-  }
-}
-
-export type ChartStore = ReturnType<typeof createChartStore>