@baron1996/klinecharts-adapter 0.2.3 → 0.3.0

package/dist/conversion/chart-options.d.ts

@@ -1,5 +1,7 @@
-import type { ChartConfig } from '@baron1996/kline-scene-schema';
+import type { ChartConfig, TimeSeriesChartConfig } from '@baron1996/kline-scene-schema';
 import type { Options } from 'klinecharts';
 /** 将纯数据 ChartConfig 转换为受控的 KLineCharts 初始化选项。 */
 export declare function toKLineChartsOptions(chart: ChartConfig): Options;
+/** 将 TimeSeriesChartConfig 转换为隐藏 Candle 的受控初始化选项。 */
+export declare function toKLineChartsTimeSeriesOptions(chart: TimeSeriesChartConfig): Options;
 //# sourceMappingURL=chart-options.d.ts.map

package/dist/conversion/chart-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-options.d.ts","sourceRoot":"","sources":["../../src/conversion/chart-options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAGX,OAAO,EAEP,MAAM,aAAa,CAAC;AAmGrB,iDAAiD;AACjD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAiChE"}
+{"version":3,"file":"chart-options.d.ts","sourceRoot":"","sources":["../../src/conversion/chart-options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,WAAW,EACX,qBAAqB,EACrB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAGX,OAAO,EAEP,MAAM,aAAa,CAAC;AAyIrB,iDAAiD;AACjD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAiChE;AAED,qDAAqD;AACrD,wBAAgB,8BAA8B,CAC7C,KAAK,EAAE,qBAAqB,GAC1B,OAAO,CA+BT"}

package/dist/conversion/chart-options.js

@@ -86,6 +86,41 @@ function chartStyles(chart) {
         yAxis: { tickText: text },
     };
 }
+function timeSeriesChartStyles(chart) {
+    const text = {
+        color: chart.layout.textColor,
+        size: chart.layout.fontSize,
+        family: chart.layout.fontFamily,
+    };
+    return {
+        grid: {
+            horizontal: { show: true, color: chart.grid.horizontalColor },
+            vertical: { show: true, color: chart.grid.verticalColor },
+        },
+        candle: {
+            type: 'area',
+            area: {
+                lineSize: 0,
+                lineColor: 'rgba(0, 0, 0, 0)',
+                backgroundColor: 'rgba(0, 0, 0, 0)',
+                point: { show: false, animation: false },
+            },
+            priceMark: {
+                show: false,
+                high: { show: false },
+                low: { show: false },
+                last: { show: false },
+            },
+            tooltip: { showRule: 'none' },
+        },
+        indicator: {
+            lastValueMark: { show: false },
+            tooltip: { showRule: 'none' },
+        },
+        xAxis: { tickText: text },
+        yAxis: { tickText: text },
+    };
+}
 /** 将纯数据 ChartConfig 转换为受控的 KLineCharts 初始化选项。 */
 export function toKLineChartsOptions(chart) {
     return {
@@ -121,3 +156,33 @@ export function toKLineChartsOptions(chart) {
         },
     };
 }
+/** 将 TimeSeriesChartConfig 转换为隐藏 Candle 的受控初始化选项。 */
+export function toKLineChartsTimeSeriesOptions(chart) {
+    return {
+        locale: chart.locale,
+        timezone: chart.timezone,
+        styles: timeSeriesChartStyles(chart),
+        formatter: {
+            formatDate: (params) => formatDate(params, chart.dateFormat),
+            formatBigNumber: (value) => formatLargeNumber(value, chart.largeNumberFormat),
+        },
+        thousandsSeparator: { sign: chart.thousandsSeparator },
+        decimalFold: {
+            threshold: chart.decimalFold.threshold,
+            format: chart.decimalFold.enabled
+                ? (value) => {
+                    const source = String(value);
+                    const expression = new RegExp(`\\.0{${chart.decimalFold.threshold},}[1-9][0-9]*$`);
+                    if (!expression.test(source)) {
+                        return source;
+                    }
+                    const [integer, decimal = ''] = source.split('.');
+                    const zeroCount = decimal.match(/^0*/)?.[0].length ?? 0;
+                    return `${integer}.0{${zeroCount}}${decimal.slice(zeroCount)}`;
+                }
+                : (value) => String(value),
+        },
+        zoomAnchor: chart.zoomAnchor === 'right' ? 'last_bar' : 'cursor',
+        hotkey: { enabled: false, exclude: [] },
+    };
+}

package/dist/index.d.ts

@@ -6,5 +6,6 @@ export * from './interaction/hit-testing.js';
 export * from './registry/indicators.js';
 export * from './registry/overlays.js';
 export * from './static-data-loader.js';
+export * from './time-series/adapter.js';
 export * from './version.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -6,4 +6,5 @@ export * from './interaction/hit-testing.js';
 export * from './registry/indicators.js';
 export * from './registry/overlays.js';
 export * from './static-data-loader.js';
+export * from './time-series/adapter.js';
 export * from './version.js';

package/dist/time-series/adapter.d.ts

@@ -0,0 +1,18 @@
+import type { TimeSeriesPoint, TimeSeriesScene } from '@baron1996/kline-scene-schema';
+export interface TimeSeriesAdapterCrosshair {
+    readonly timestamp: number | null;
+    readonly values: Readonly<Record<string, number | null>> | null;
+}
+export type TimeSeriesAdapterCrosshairListener = (event: TimeSeriesAdapterCrosshair) => void;
+/** TimeSeriesScene 与 KLineCharts 之间的唯一受控边界。 */
+export declare class TimeSeriesChartsAdapter {
+    #private;
+    private constructor();
+    static create(container: HTMLElement, value: unknown): Promise<TimeSeriesChartsAdapter>;
+    subscribeCrosshair(listener: TimeSeriesAdapterCrosshairListener): () => void;
+    setSeriesVisible(seriesId: string, visible: boolean): TimeSeriesScene;
+    replaceData(data: readonly TimeSeriesPoint[]): TimeSeriesScene;
+    exportScene(): TimeSeriesScene;
+    dispose(): void;
+}
+//# sourceMappingURL=adapter.d.ts.map

package/dist/time-series/adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../src/time-series/adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,eAAe,EACf,eAAe,EACf,MAAM,+BAA+B,CAAC;AAqBvC,MAAM,WAAW,0BAA0B;IAC1C,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;CAChE;AAED,MAAM,MAAM,kCAAkC,GAAG,CAChD,KAAK,EAAE,0BAA0B,KAC7B,IAAI,CAAC;AAqFV,+CAA+C;AAC/C,qBAAa,uBAAuB;;IAoBnC,OAAO;WAwBa,MAAM,CACzB,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,OAAO,GACZ,OAAO,CAAC,uBAAuB,CAAC;IA4I5B,kBAAkB,CACxB,QAAQ,EAAE,kCAAkC,GAC1C,MAAM,IAAI;IAMN,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,eAAe;IAqCrE,WAAW,CAAC,IAAI,EAAE,SAAS,eAAe,EAAE,GAAG,eAAe;IA2C9D,WAAW,IAAI,eAAe;IAK9B,OAAO,IAAI,IAAI;CAgBtB"}

package/dist/time-series/adapter.js

@@ -0,0 +1,301 @@
+import { parseTimeSeriesScene, TimeSeriesSceneError, } from '@baron1996/kline-scene-schema';
+import { toKLineChartsTimeSeriesOptions } from '../conversion/chart-options.js';
+import { applyViewport } from '../conversion/viewport.js';
+import { TIME_SERIES_INDICATOR_NAME, TIME_SERIES_PANE_ID, TIME_SERIES_Y_AXIS_ID, timeSeriesIndicatorTemplate, toTimeSeriesIndicatorCreate, } from './indicator.js';
+function carrierData(data) {
+    return data.map(({ timestamp, values }) => ({
+        timestamp,
+        open: 0,
+        high: 0,
+        low: 0,
+        close: 0,
+        volume: 0,
+        __baronTimeSeriesValues: normalizeValues(values),
+    }));
+}
+function normalizeValues(values) {
+    const normalized = {};
+    for (const [seriesId, value] of Object.entries(values)) {
+        if (value === undefined) {
+            throw adapterError(`Time Series value ${seriesId} is undefined.`);
+        }
+        normalized[seriesId] = value;
+    }
+    return normalized;
+}
+function dataLoader(data) {
+    const snapshot = carrierData(data);
+    return {
+        getBars({ type, callback }) {
+            callback(type === 'init' ? structuredClone(snapshot) : [], {
+                forward: false,
+                backward: false,
+            });
+        },
+    };
+}
+function hasVisibleFiniteValue(scene) {
+    const visible = new Set(scene.series.filter((series) => series.visible).map((series) => series.id));
+    return scene.data.some((point) => Object.entries(point.values).some(([id, value]) => visible.has(id) && value !== null));
+}
+function adapterError(message) {
+    return new TimeSeriesSceneError('TIME_SERIES_ADAPTER_FAILED', '/runtime/adapter', message);
+}
+function dataError(error) {
+    const issues = error.issues.map((issue) => ({
+        ...issue,
+        code: 'TIME_SERIES_DATA_INVALID',
+        path: issue.path.startsWith('/data') ? issue.path : '/data',
+    }));
+    return new TimeSeriesSceneError('TIME_SERIES_DATA_INVALID', '/data', 'Time Series replacement data is invalid.', issues);
+}
+/** TimeSeriesScene 与 KLineCharts 之间的唯一受控边界。 */
+export class TimeSeriesChartsAdapter {
+    /** KLineCharts 实例，只能在 Adapter 内使用。 */
+    #chart;
+    /** 引擎模块，用于版本检查和精确销毁。 */
+    #engine;
+    /** 当前可导出的规范化 Scene。 */
+    #scene;
+    /** 按时间戳索引的原始点，保证十字线查询为 O(1)。 */
+    #pointByTimestamp;
+    /** Adapter 独占的图表容器。 */
+    #container;
+    /** KLineCharts 交互根节点，用于补全离开绘图区事件。 */
+    #interactiveRoot;
+    /** 创建前容器背景，销毁后恢复。 */
+    #originalBackground;
+    /** 十字线纯数据监听器。 */
+    #crosshairListeners = new Set();
+    /** 防止重复销毁底层引擎。 */
+    #disposed = false;
+    constructor(container, scene, chart, engine, originalBackground, interactiveRoot) {
+        this.#container = container;
+        this.#scene = scene;
+        this.#pointByTimestamp = new Map(scene.data.map((point) => [point.timestamp, point]));
+        this.#chart = chart;
+        this.#engine = engine;
+        this.#originalBackground = originalBackground;
+        this.#interactiveRoot = interactiveRoot;
+        this.#chart.subscribeAction('onCrosshairChange', this.#handleCrosshair);
+        this.#interactiveRoot.addEventListener('pointerleave', this.#handlePointerLeave);
+    }
+    static async create(container, value) {
+        const scene = parseTimeSeriesScene(value);
+        const originalBackground = container.style.backgroundColor;
+        const engine = await import('klinecharts');
+        let chart = null;
+        try {
+            if (engine.version() !== scene.runtime.engineVersion) {
+                throw adapterError('KLineCharts engine version does not match the Scene.');
+            }
+            chart = engine.init(container, toKLineChartsTimeSeriesOptions(scene.chart));
+            if (chart === null) {
+                throw adapterError('KLineCharts returned null while initializing.');
+            }
+            const root = container.firstElementChild;
+            if (!(root instanceof HTMLElement)) {
+                throw adapterError('KLineCharts did not create an interactive root.');
+            }
+            root.style.touchAction = 'none';
+            chart.setSymbol({
+                ticker: '@baron1996/time-series-scene',
+                pricePrecision: scene.series[0].precision,
+                volumePrecision: 0,
+            });
+            chart.setPeriod(structuredClone(scene.period));
+            chart.setDataLoader(dataLoader(scene.data));
+            engine.registerIndicator(timeSeriesIndicatorTemplate);
+            for (const series of scene.series) {
+                const expectedId = `baron_time_series_${series.id}`;
+                const createdId = chart.createIndicator(toTimeSeriesIndicatorCreate(series), true);
+                if (createdId !== expectedId) {
+                    throw adapterError(`KLineCharts failed to create series ${series.id}.`);
+                }
+            }
+            chart.setPaneOptions({
+                id: 'candle_pane',
+                height: 0,
+                minHeight: 0,
+                order: 0,
+                state: 'minimize',
+                dragEnabled: false,
+            });
+            chart.setPaneOptions({
+                id: TIME_SERIES_PANE_ID,
+                height: Math.max(container.clientHeight, 240),
+                minHeight: 120,
+                order: 1,
+                state: 'normal',
+                dragEnabled: false,
+            });
+            const adapter = new TimeSeriesChartsAdapter(container, scene, chart, engine, originalBackground, root);
+            adapter.#updateAxisVisibility();
+            applyViewport(chart, scene.viewport);
+            container.style.backgroundColor = scene.chart.layout.backgroundColor;
+            return adapter;
+        }
+        catch (error) {
+            if (chart !== null) {
+                engine.dispose(container);
+            }
+            container.replaceChildren();
+            container.style.backgroundColor = originalBackground;
+            if (error instanceof TimeSeriesSceneError) {
+                throw error;
+            }
+            throw adapterError('KLineCharts failed to initialize TimeSeriesScene.');
+        }
+    }
+    #assertActive() {
+        if (this.#disposed) {
+            throw adapterError('The Time Series Adapter has already been disposed.');
+        }
+    }
+    #updateAxisVisibility() {
+        const hasValues = hasVisibleFiniteValue(this.#scene);
+        this.#chart.overrideYAxis({
+            id: TIME_SERIES_Y_AXIS_ID,
+            paneId: TIME_SERIES_PANE_ID,
+            name: 'normal',
+            position: 'right',
+            inside: false,
+            scrollZoomEnabled: false,
+            gap: { top: 0.12, bottom: 0.08 },
+            needWidget: hasValues,
+            createTicks: ({ defaultTicks }) => hasValues ? defaultTicks : [],
+        });
+    }
+    #handleCrosshair = (value) => {
+        if (this.#disposed) {
+            return;
+        }
+        let timestamp = null;
+        if (value !== null && typeof value === 'object') {
+            if ('timestamp' in value && typeof value.timestamp === 'number') {
+                timestamp = value.timestamp;
+            }
+            else if ('x' in value && typeof value.x === 'number') {
+                const converted = this.#chart.convertFromPixel([{ x: value.x, y: 0 }], {
+                    paneId: TIME_SERIES_PANE_ID,
+                    yAxisId: TIME_SERIES_Y_AXIS_ID,
+                });
+                const point = Array.isArray(converted) ? converted[0] : converted;
+                timestamp = typeof point?.timestamp === 'number'
+                    ? point.timestamp
+                    : null;
+            }
+        }
+        const point = timestamp === null
+            ? undefined
+            : this.#pointByTimestamp.get(timestamp);
+        const event = point === undefined
+            ? { timestamp: null, values: null }
+            : { timestamp: point.timestamp, values: normalizeValues(point.values) };
+        for (const listener of this.#crosshairListeners) {
+            listener(structuredClone(event));
+        }
+    };
+    #handlePointerLeave = () => {
+        if (this.#disposed) {
+            return;
+        }
+        for (const listener of this.#crosshairListeners) {
+            listener({ timestamp: null, values: null });
+        }
+    };
+    subscribeCrosshair(listener) {
+        this.#assertActive();
+        this.#crosshairListeners.add(listener);
+        return () => this.#crosshairListeners.delete(listener);
+    }
+    setSeriesVisible(seriesId, visible) {
+        this.#assertActive();
+        const index = this.#scene.series.findIndex((series) => series.id === seriesId);
+        if (index < 0) {
+            throw new TimeSeriesSceneError('TIME_SERIES_UNKNOWN_SERIES', '/series', `Unknown time series: ${seriesId}.`);
+        }
+        const series = structuredClone(this.#scene.series);
+        series[index] = { ...series[index], visible };
+        const candidate = parseTimeSeriesScene({
+            ...structuredClone(this.#scene),
+            series,
+        });
+        const indicatorId = `baron_time_series_${seriesId}`;
+        const matches = this.#chart.getIndicators({ id: indicatorId });
+        if (matches.length !== 1) {
+            throw adapterError(`KLineCharts retained ${matches.length} indicators for series ${seriesId}.`);
+        }
+        this.#chart.overrideIndicator({
+            id: indicatorId,
+            name: TIME_SERIES_INDICATOR_NAME,
+            visible,
+        });
+        const afterVisible = this.#chart.getIndicators({ id: indicatorId })[0]?.visible;
+        if (afterVisible !== visible) {
+            throw adapterError(`KLineCharts failed to update series ${seriesId}.`);
+        }
+        this.#scene = candidate;
+        this.#updateAxisVisibility();
+        return structuredClone(candidate);
+    }
+    replaceData(data) {
+        this.#assertActive();
+        const last = data.at(-1);
+        let candidate;
+        try {
+            candidate = parseTimeSeriesScene({
+                ...structuredClone(this.#scene),
+                data: structuredClone(data),
+                viewport: {
+                    ...structuredClone(this.#scene.viewport),
+                    anchorTimestamp: last?.timestamp,
+                },
+            });
+        }
+        catch (error) {
+            throw error instanceof TimeSeriesSceneError
+                ? dataError(error)
+                : adapterError('Time Series replacement data validation failed.');
+        }
+        const previous = this.#scene;
+        const previousPointByTimestamp = this.#pointByTimestamp;
+        const candidatePointByTimestamp = new Map(candidate.data.map((point) => [point.timestamp, point]));
+        try {
+            this.#chart.setDataLoader(dataLoader(candidate.data));
+            this.#chart.resetData();
+            this.#scene = candidate;
+            this.#pointByTimestamp = candidatePointByTimestamp;
+            this.#updateAxisVisibility();
+            applyViewport(this.#chart, candidate.viewport);
+            return structuredClone(candidate);
+        }
+        catch (error) {
+            this.#chart.setDataLoader(dataLoader(previous.data));
+            this.#chart.resetData();
+            this.#scene = previous;
+            this.#pointByTimestamp = previousPointByTimestamp;
+            this.#updateAxisVisibility();
+            throw error instanceof TimeSeriesSceneError
+                ? error
+                : adapterError('KLineCharts failed to replace Time Series data.');
+        }
+    }
+    exportScene() {
+        this.#assertActive();
+        return parseTimeSeriesScene(structuredClone(this.#scene));
+    }
+    dispose() {
+        if (this.#disposed) {
+            return;
+        }
+        this.#disposed = true;
+        this.#chart.unsubscribeAction('onCrosshairChange', this.#handleCrosshair);
+        this.#interactiveRoot.removeEventListener('pointerleave', this.#handlePointerLeave);
+        this.#crosshairListeners.clear();
+        this.#pointByTimestamp.clear();
+        this.#engine.dispose(this.#container);
+        this.#container.replaceChildren();
+        this.#container.style.backgroundColor = this.#originalBackground;
+    }
+}

package/dist/time-series/indicator.d.ts

@@ -0,0 +1,15 @@
+import type { TimeSeriesDefinition } from '@baron1996/kline-scene-schema';
+import type { IndicatorCreate, IndicatorTemplate } from 'klinecharts';
+export declare const TIME_SERIES_INDICATOR_NAME = "BARON_TIME_SERIES_LINE";
+export declare const TIME_SERIES_PANE_ID = "baron_time_series_pane";
+export declare const TIME_SERIES_Y_AXIS_ID = "baron_time_series_y_axis";
+interface TimeSeriesIndicatorResult {
+    readonly value: number | null;
+}
+interface TimeSeriesIndicatorExtendData {
+    readonly seriesId: string;
+}
+export declare const timeSeriesIndicatorTemplate: IndicatorTemplate<TimeSeriesIndicatorResult, never, TimeSeriesIndicatorExtendData>;
+export declare function toTimeSeriesIndicatorCreate(series: TimeSeriesDefinition): IndicatorCreate;
+export {};
+//# sourceMappingURL=indicator.d.ts.map

package/dist/time-series/indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.d.ts","sourceRoot":"","sources":["../../src/time-series/indicator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,KAAK,EACX,eAAe,EACf,iBAAiB,EAEjB,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,0BAA0B,2BAA2B,CAAC;AACnE,eAAO,MAAM,mBAAmB,2BAA2B,CAAC;AAC5D,eAAO,MAAM,qBAAqB,6BAA6B,CAAC;AAMhE,UAAU,yBAAyB;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,UAAU,6BAA6B;IACtC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC1B;AAYD,eAAO,MAAM,2BAA2B,EAAE,iBAAiB,CAC1D,yBAAyB,EACzB,KAAK,EACL,6BAA6B,CA2B7B,CAAC;AAEF,wBAAgB,2BAA2B,CAC1C,MAAM,EAAE,oBAAoB,GAC1B,eAAe,CAiBjB"}

package/dist/time-series/indicator.js

@@ -0,0 +1,56 @@
+export const TIME_SERIES_INDICATOR_NAME = 'BARON_TIME_SERIES_LINE';
+export const TIME_SERIES_PANE_ID = 'baron_time_series_pane';
+export const TIME_SERIES_Y_AXIS_ID = 'baron_time_series_y_axis';
+function lineStyle(style) {
+    return {
+        color: style.color,
+        size: style.size,
+        style: style.style === 'solid' ? 'solid' : 'dashed',
+        dashedValue: style.style === 'dotted' ? [1, 2] : [4, 4],
+        smooth: false,
+    };
+}
+export const timeSeriesIndicatorTemplate = {
+    name: TIME_SERIES_INDICATOR_NAME,
+    shortName: '',
+    series: 'normal',
+    shouldOhlc: false,
+    shouldFormatBigNumber: false,
+    figures: [{ key: 'value', type: 'line' }],
+    shouldUpdate(previous, current) {
+        const shouldCalculate = previous.extendData.seriesId !== current.extendData.seriesId ||
+            previous.visible !== current.visible;
+        return {
+            calc: shouldCalculate,
+            draw: shouldCalculate || previous.visible !== current.visible,
+        };
+    },
+    calc(dataList, indicator) {
+        if (!indicator.visible) {
+            return dataList.map(() => ({ value: null }));
+        }
+        const seriesId = indicator.extendData.seriesId;
+        return dataList.map((bar) => {
+            const values = bar.__baronTimeSeriesValues;
+            return { value: values[seriesId] ?? null };
+        });
+    },
+};
+export function toTimeSeriesIndicatorCreate(series) {
+    return {
+        id: `baron_time_series_${series.id}`,
+        name: TIME_SERIES_INDICATOR_NAME,
+        shortName: series.name,
+        paneId: TIME_SERIES_PANE_ID,
+        yAxisId: TIME_SERIES_Y_AXIS_ID,
+        precision: series.precision,
+        visible: series.visible,
+        zLevel: 0,
+        extendData: { seriesId: series.id },
+        styles: {
+            lines: [lineStyle(series.style)],
+            lastValueMark: { show: false },
+            tooltip: { showRule: 'none' },
+        },
+    };
+}

package/dist/version.d.ts

@@ -1,5 +1,5 @@
 /** Adapter 包版本。 */
-export declare const ADAPTER_PACKAGE_VERSION: "0.2.3";
+export declare const ADAPTER_PACKAGE_VERSION: "0.3.0";
 /** 唯一允许加载的 KLineCharts 引擎版本。 */
 export declare const KLINECHARTS_ENGINE_VERSION: "10.0.0";
 /** 与 ChartScene 绑定的 Runtime 协议版本。 */

package/dist/version.js

@@ -1,5 +1,5 @@
 /** Adapter 包版本。 */
-export const ADAPTER_PACKAGE_VERSION = '0.2.3';
+export const ADAPTER_PACKAGE_VERSION = '0.3.0';
 /** 唯一允许加载的 KLineCharts 引擎版本。 */
 export const KLINECHARTS_ENGINE_VERSION = '10.0.0';
 /** 与 ChartScene 绑定的 Runtime 协议版本。 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baron1996/klinecharts-adapter",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "Controlled ChartScene adapter for KLineCharts.",
   "type": "module",
   "license": "Apache-2.0",
@@ -38,7 +38,7 @@
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@baron1996/kline-scene-schema": "0.2.3",
+    "@baron1996/kline-scene-schema": "0.3.0",
     "klinecharts": "10.0.0"
   }
 }