@baron1996/klinecharts-runtime 0.3.0 → 0.4.0

package/dist/toolbar/standard-toolbar.js

@@ -1,4 +1,3 @@
-import { serializeCanonicalScene } from '@baron1996/kline-scene-schema';
 import { SUPPORTED_OVERLAYS } from '@baron1996/klinecharts-adapter';
 import { registerRuntimeTeardown } from '../lifecycle.js';
 import { createToolbarIcon } from './toolbar-icons.js';
@@ -16,6 +15,16 @@ function htmlHexColorToSceneRgba(value) {
     const blue = Number.parseInt(match[3], 16);
     return `rgba(${red}, ${green}, ${blue}, 1)`;
 }
+function downloadArtifact(runtime, fileName) {
+    const artifact = runtime.exportArtifact(fileName);
+    const blob = new Blob([artifact.bytes], { type: artifact.mediaType });
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = fileName;
+    anchor.click();
+    URL.revokeObjectURL(url);
+}
 function createIconButton(presentation, action) {
     const element = document.createElement('button');
     element.type = 'button';
@@ -107,16 +116,6 @@ function createTooltip(viewport, tooltipId) {
         },
     };
 }
-function downloadScene(runtime, fileName) {
-    const bytes = serializeCanonicalScene(runtime.exportScene());
-    const blob = new Blob([bytes], { type: 'application/json' });
-    const url = URL.createObjectURL(blob);
-    const anchor = document.createElement('a');
-    anchor.href = url;
-    anchor.download = fileName;
-    anchor.click();
-    URL.revokeObjectURL(url);
-}
 function setActiveOverlayButton(buttons, activeButton) {
     for (const button of buttons) {
         button.setAttribute('aria-pressed', String(button === activeButton));
@@ -153,6 +152,9 @@ function createInputControl(labelText, action, type) {
 }
 /** 创建不含撤销/重做的标准离线编辑工具栏。 */
 export function createStandardToolbar(container, runtime, options = {}) {
+    const descriptor = runtime.getRuntimeCapabilityDescriptor(options.hostActions === undefined ? {} : { hostActions: options.hostActions });
+    const defaultFileName = options.downloadFileName
+        ?? descriptor.exportArtifact.defaultFileName;
     const toolbarId = nextToolbarId++;
     const root = document.createElement('div');
     root.className = 'baron-kline-toolbar';
@@ -180,10 +182,35 @@ export function createStandardToolbar(container, runtime, options = {}) {
         { value: 'linear', label: '线性' },
         { value: 'logarithmic', label: '对数' },
     ]);
+    scaleControl.select.hidden = !descriptor.valueAxis.mutable || descriptor.valueAxis.supportedScales.length < 2;
+    for (const child of Array.from(scaleControl.select.children)) {
+        child.remove();
+    }
+    for (const scale of descriptor.valueAxis.supportedScales) {
+        const option = document.createElement('option');
+        option.value = scale;
+        option.textContent = scale === 'linear' ? '线性' : '对数';
+        scaleControl.select.append(option);
+    }
     const lineStyleControl = createSelectControl('线型', 'line-style', [
         { value: 'solid', label: '实线' },
         { value: 'dashed', label: '虚线' },
+        { value: 'dotted', label: '点线' },
     ]);
+    const mainSeries = descriptor.mainSeriesPresentation;
+    const mainSeriesOptions = mainSeries === null
+        ? []
+        : mainSeries.presentations.map((presentation) => ({
+            value: presentation.type,
+            label: presentationLabel(presentation.type),
+            presentation: structuredClone(presentation),
+        }));
+    const mainSeriesControl = mainSeries === null
+        ? null
+        : createSelectControl('主序列', 'main-series', mainSeriesOptions);
+    if (mainSeries !== null && mainSeriesControl !== null) {
+        mainSeriesControl.select.value = mainSeries.activeType;
+    }
     const lineSizeControl = createInputControl('线宽', 'line-size', 'number');
     lineSizeControl.input.min = '0.5';
     lineSizeControl.input.max = '10';
@@ -191,17 +218,14 @@ export function createStandardToolbar(container, runtime, options = {}) {
     lineSizeControl.input.value = '1';
     const lineColorControl = createInputControl('线色', 'line-color', 'color');
     lineColorControl.input.value = '#2962ff';
-    const primaryAxis = runtime.getScene().panes
-        .find((pane) => pane.kind === 'candle')
-        ?.yAxes.find((axis) => axis.role === 'primary');
-    scaleControl.select.value = primaryAxis?.scale ?? 'linear';
+    scaleControl.select.value = descriptor.valueAxis.activeScale;
     const applySelectedLineStyle = (change) => {
-        const id = runtime.getSelectedOverlayId();
-        const overlay = id === undefined ? undefined : runtime.getOverlay(id);
+        const id = runtime.getSelectedDrawingId();
+        const overlay = id === undefined ? undefined : runtime.getDrawing(id);
         if (id === undefined || overlay === undefined) {
             return;
         }
-        runtime.updateOverlayStyles(id, {
+        runtime.updateDrawingStyles(id, {
             ...structuredClone(overlay.styles),
             line: {
                 ...structuredClone(overlay.styles.line),
@@ -210,7 +234,7 @@ export function createStandardToolbar(container, runtime, options = {}) {
         });
     };
     const handleScaleChange = async () => {
-        await runtime.setPriceScale(scaleControl.select.value);
+        await runtime.setValueAxisScale(scaleControl.select.value);
     };
     const handleLineStyleChange = () => {
         applySelectedLineStyle({
@@ -223,41 +247,155 @@ export function createStandardToolbar(container, runtime, options = {}) {
     const handleLineColorChange = () => {
         applySelectedLineStyle({ color: htmlHexColorToSceneRgba(lineColorControl.input.value) });
     };
+    const handleTextChange = () => {
+        const id = runtime.getSelectedDrawingId();
+        const drawing = id === undefined ? undefined : runtime.getDrawing(id);
+        if (id === undefined ||
+            drawing === undefined ||
+            !(drawing.type === 'simpleTag' ||
+                drawing.type === 'simpleAnnotation' ||
+                drawing.type === 'callout' ||
+                drawing.type === 'text')) {
+            return;
+        }
+        runtime.updateDrawingText(id, textInput.value);
+    };
     scaleControl.select.addEventListener('change', handleScaleChange);
     lineStyleControl.select.addEventListener('change', handleLineStyleChange);
     lineSizeControl.input.addEventListener('change', handleLineSizeChange);
     lineColorControl.input.addEventListener('change', handleLineColorChange);
-    cleanupCallbacks.push(() => scaleControl.select.removeEventListener('change', handleScaleChange), () => lineStyleControl.select.removeEventListener('change', handleLineStyleChange), () => lineSizeControl.input.removeEventListener('change', handleLineSizeChange), () => lineColorControl.input.removeEventListener('change', handleLineColorChange));
+    textInput.addEventListener('change', handleTextChange);
+    cleanupCallbacks.push(() => scaleControl.select.removeEventListener('change', handleScaleChange), () => lineStyleControl.select.removeEventListener('change', handleLineStyleChange), () => lineSizeControl.input.removeEventListener('change', handleLineSizeChange), () => lineColorControl.input.removeEventListener('change', handleLineColorChange), () => textInput.removeEventListener('change', handleTextChange));
+    const useContextMenu = options.editControlsPlacement === 'context-menu';
+    if (useContextMenu && options.contextMenuTarget === undefined) {
+        throw new TypeError('STANDARD_TOOLBAR_CONTEXT_MENU_TARGET_REQUIRED: ' +
+            'editControlsPlacement "context-menu" requires contextMenuTarget.');
+    }
+    const contextMenuTarget = options.contextMenuTarget;
+    const editLabels = [
+        scaleControl.label,
+        lineStyleControl.label,
+        lineSizeControl.label,
+        lineColorControl.label,
+    ];
+    if (mainSeriesControl !== null &&
+        options.mainSeriesPresentationControl === 'enabled') {
+        editLabels.push(mainSeriesControl.label);
+    }
+    // 主序列切换监听与控件放置位置无关，统一注册一次。
+    if (mainSeries !== null &&
+        mainSeriesControl !== null &&
+        options.mainSeriesPresentationControl === 'enabled') {
+        const handleMainSeriesChange = () => {
+            const presentation = mainSeries?.presentations.find((candidate) => candidate.type === mainSeriesControl.select.value);
+            if (presentation === undefined) {
+                return;
+            }
+            const result = runtime.setMainSeriesPresentation(presentation);
+            mainSeriesControl.select.value = result.activeType;
+        };
+        mainSeriesControl.select.addEventListener('change', handleMainSeriesChange);
+        cleanupCallbacks.push(() => mainSeriesControl.select.removeEventListener('change', handleMainSeriesChange));
+    }
+    if (useContextMenu && contextMenuTarget !== undefined) {
+        const menu = document.createElement('div');
+        menu.className = 'baron-kline-context-menu';
+        menu.setAttribute('role', 'group');
+        menu.setAttribute('aria-label', '坐标与样式');
+        menu.hidden = true;
+        menu.append(...editLabels);
+        document.body.append(menu);
+        const hideContextMenu = () => {
+            menu.hidden = true;
+            menu.classList.remove('baron-kline-context-menu--visible');
+        };
+        const handleContextMenu = (event) => {
+            const rect = contextMenuTarget.getBoundingClientRect();
+            const point = {
+                x: event.clientX - rect.left,
+                y: event.clientY - rect.top,
+            };
+            // 只有图表空白处右键才弹出编辑菜单；命中 Drawing 时不接管。
+            if (runtime.hitTestDrawing(point) !== null) {
+                return;
+            }
+            event.preventDefault();
+            menu.hidden = false;
+            menu.classList.add('baron-kline-context-menu--visible');
+            const gap = 8;
+            menu.style.left = `${Math.max(0, Math.min(event.clientX, window.innerWidth - menu.offsetWidth - gap))}px`;
+            menu.style.top = `${Math.max(0, Math.min(event.clientY, window.innerHeight - menu.offsetHeight - gap))}px`;
+        };
+        const handlePointerDown = (event) => {
+            if (!menu.contains(event.target)) {
+                hideContextMenu();
+            }
+        };
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape') {
+                hideContextMenu();
+            }
+        };
+        contextMenuTarget.addEventListener('contextmenu', handleContextMenu);
+        document.addEventListener('pointerdown', handlePointerDown);
+        window.addEventListener('keydown', handleKeyDown);
+        window.addEventListener('resize', hideContextMenu);
+        window.addEventListener('scroll', hideContextMenu, true);
+        cleanupCallbacks.push(() => {
+            contextMenuTarget.removeEventListener('contextmenu', handleContextMenu);
+            document.removeEventListener('pointerdown', handlePointerDown);
+            window.removeEventListener('keydown', handleKeyDown);
+            window.removeEventListener('resize', hideContextMenu);
+            window.removeEventListener('scroll', hideContextMenu, true);
+            menu.remove();
+        });
+    }
+    const drawableTypes = (descriptor.drawingTypes.length === 0
+        ? SUPPORTED_OVERLAYS
+        : descriptor.drawingTypes);
     for (const group of TOOLBAR_GROUPS) {
+        if (group.id === 'edit' && useContextMenu) {
+            continue;
+        }
         const groupElement = document.createElement('div');
         groupElement.className = 'baron-kline-toolbar__group';
         groupElement.dataset.toolbarGroup = group.id;
         groupElement.setAttribute('role', 'group');
         groupElement.setAttribute('aria-label', group.label);
         if (group.id === 'edit') {
-            groupElement.append(scaleControl.label, lineStyleControl.label, lineSizeControl.label, lineColorControl.label);
+            groupElement.append(...editLabels);
         }
         else if (group.id === 'action') {
             for (const presentation of TOOLBAR_ACTIONS) {
                 const action = presentation.action === 'delete'
                     ? () => {
-                        const id = runtime.getSelectedOverlayId();
+                        const id = runtime.getSelectedDrawingId();
                         if (id === undefined) {
                             return;
                         }
-                        const overlay = runtime.getOverlay(id);
+                        const overlay = runtime.getDrawing(id);
                         if (overlay !== undefined && !overlay.locked) {
                             if ((options.deleteBehavior ?? 'direct') === 'request') {
-                                runtime.requestOverlayDelete(id);
+                                runtime.requestDrawingDelete(id);
                             }
                             else {
-                                runtime.removeOverlay(id);
+                                runtime.removeDrawing(id);
                             }
                         }
                     }
-                    : () => {
-                        downloadScene(runtime, options.downloadFileName ?? 'kline-scene.json');
-                    };
+                    : presentation.action === 'clear-all'
+                        ? () => {
+                            // 清空全部 Drawing；锁定的 Drawing 保持既有“不接受 mutation”契约。
+                            for (const drawing of runtime.listDrawings()) {
+                                if (!drawing.locked) {
+                                    runtime.removeDrawing(drawing.id);
+                                }
+                            }
+                            runtime.selectDrawing(null);
+                        }
+                        : () => {
+                            downloadArtifact(runtime, defaultFileName);
+                        };
                 const button = createIconButton(presentation, action);
                 button.element.dataset.action = presentation.action;
                 groupElement.append(button.element);
@@ -270,21 +408,21 @@ export function createStandardToolbar(container, runtime, options = {}) {
                 button.dataset.hostAction = hostAction.actionId;
                 button.textContent = hostAction.label;
                 button.setAttribute('aria-label', hostAction.label);
-                const action = () => runtime.requestHostAction(hostAction.actionId, runtime.getSelectedOverlayId() ?? null);
+                const action = () => runtime.requestHostAction(hostAction.actionId, runtime.getSelectedDrawingId() ?? null);
                 button.addEventListener('click', action);
                 groupElement.append(button);
                 cleanupCallbacks.push(() => button.removeEventListener('click', action));
             }
         }
         else {
-            for (const overlayType of SUPPORTED_OVERLAYS) {
+            for (const overlayType of drawableTypes) {
                 const presentation = OVERLAY_TOOL_PRESENTATIONS[overlayType];
                 if (presentation.group !== group.id) {
                     continue;
                 }
                 let buttonElement;
                 const action = () => {
-                    runtime.startOverlayDrawing(overlayType, TEXT_OVERLAY_TYPES.has(overlayType)
+                    runtime.startDrawing(overlayType, TEXT_OVERLAY_TYPES.has(overlayType)
                         ? { text: textInput.value }
                         : {});
                     setActiveOverlayButton(overlayButtons, buttonElement);
@@ -329,3 +467,21 @@ export function createStandardToolbar(container, runtime, options = {}) {
     unregisterRuntime = registerRuntimeTeardown(runtime, () => toolbar.destroy());
     return toolbar;
 }
+function presentationLabel(type) {
+    switch (type) {
+        case 'candle_solid':
+            return '实心蜡烛';
+        case 'candle_stroke':
+            return '描边蜡烛';
+        case 'candle_up_stroke':
+            return '上涨描边';
+        case 'candle_down_stroke':
+            return '下跌描边';
+        case 'ohlc':
+            return 'OHLC';
+        case 'area':
+            return '收盘价折线';
+        default:
+            return type;
+    }
+}

package/dist/toolbar/toolbar-icons.d.ts

@@ -452,6 +452,32 @@ declare const ICON_SPECS: {
             readonly d: "M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3";
         };
     }];
+    readonly clearAll: readonly [{
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M4 7l16 0";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M10 11l4 4";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M14 11l-4 4";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3";
+        };
+    }];
     readonly fileExport: readonly [{
         readonly name: "path";
         readonly attributes: {

package/dist/toolbar/toolbar-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-icons.d.ts","sourceRoot":"","sources":["../../src/toolbar/toolbar-icons.ts"],"names":[],"mappings":"AAcA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwK2C,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,UAAU,CAAC;AAEtD,4CAA4C;AAC5C,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,eAAe,GAAG,aAAa,CAoBtE"}
+{"version":3,"file":"toolbar-icons.d.ts","sourceRoot":"","sources":["../../src/toolbar/toolbar-icons.ts"],"names":[],"mappings":"AAcA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqL2C,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,UAAU,CAAC;AAEtD,4CAA4C;AAC5C,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,eAAe,GAAG,aAAa,CAoBtE"}

package/dist/toolbar/toolbar-icons.js

@@ -162,6 +162,19 @@ const ICON_SPECS = {
             attributes: { d: 'M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3' },
         },
     ],
+    clearAll: [
+        { name: 'path', attributes: { d: 'M4 7l16 0' } },
+        { name: 'path', attributes: { d: 'M10 11l4 4' } },
+        { name: 'path', attributes: { d: 'M14 11l-4 4' } },
+        {
+            name: 'path',
+            attributes: { d: 'M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12' },
+        },
+        {
+            name: 'path',
+            attributes: { d: 'M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3' },
+        },
+    ],
     fileExport: [
         { name: 'path', attributes: { d: 'M14 3v4a1 1 0 0 0 1 1h4' } },
         {

package/dist/toolbar/toolbar-tools.d.ts

@@ -11,7 +11,7 @@ export interface ToolbarToolPresentation {
     readonly icon: ToolbarIconName;
 }
 export interface ToolbarActionPresentation {
-    readonly action: 'delete' | 'export';
+    readonly action: 'delete' | 'clear-all' | 'export';
     readonly label: string;
     readonly group: 'action';
     readonly icon: ToolbarIconName;
@@ -49,6 +49,11 @@ export declare const TOOLBAR_ACTIONS: readonly [{
     readonly label: "删除选中标注";
     readonly group: "action";
     readonly icon: "trash";
+}, {
+    readonly action: "clear-all";
+    readonly label: "清空全部标注";
+    readonly group: "action";
+    readonly icon: "clearAll";
 }, {
     readonly action: "export";
     readonly label: "导出场景";

package/dist/toolbar/toolbar-tools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-tools.d.ts","sourceRoot":"","sources":["../../src/toolbar/toolbar-tools.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,cAAc,GACvB,YAAY,GACZ,UAAU,GACV,OAAO,GACP,UAAU,GACV,YAAY,GACZ,OAAO,GACP,MAAM,GACN,QAAQ,CAAC;AAEZ,MAAM,WAAW,YAAY;IAC5B,QAAQ,CAAC,EAAE,EAAE,cAAc,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,uBAAuB;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,cAAc,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;IAC3D,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;CAC/B;AAED,MAAM,WAAW,yBAAyB;IACzC,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;CAC/B;AAED,4BAA4B;AAC5B,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;EASiB,CAAC;AAE7C,qCAAqC;AACrC,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAChD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,CAgHrD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;EAa6B,CAAC;AAE1D,eAAO,MAAM,kBAAkB,EAAE,WAAW,CAAC,oBAAoB,CAK/D,CAAC"}
+{"version":3,"file":"toolbar-tools.d.ts","sourceRoot":"","sources":["../../src/toolbar/toolbar-tools.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,cAAc,GACvB,YAAY,GACZ,UAAU,GACV,OAAO,GACP,UAAU,GACV,YAAY,GACZ,OAAO,GACP,MAAM,GACN,QAAQ,CAAC;AAEZ,MAAM,WAAW,YAAY;IAC5B,QAAQ,CAAC,EAAE,EAAE,cAAc,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,uBAAuB;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,cAAc,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;IAC3D,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;CAC/B;AAED,MAAM,WAAW,yBAAyB;IACzC,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAAC;IACnD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;CAC/B;AAED,4BAA4B;AAC5B,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;EASiB,CAAC;AAE7C,qCAAqC;AACrC,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAChD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,CAgHrD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;EAmB6B,CAAC;AAE1D,eAAO,MAAM,kBAAkB,EAAE,WAAW,CAAC,oBAAoB,CAK/D,CAAC"}

package/dist/toolbar/toolbar-tools.js

@@ -129,6 +129,12 @@ export const TOOLBAR_ACTIONS = [
         group: 'action',
         icon: 'trash',
     },
+    {
+        action: 'clear-all',
+        label: '清空全部标注',
+        group: 'action',
+        icon: 'clearAll',
+    },
     {
         action: 'export',
         label: '导出场景',

package/dist/types.d.ts

@@ -1,5 +1,6 @@
 import type { ChartScene, JsonObject, SceneIssue, SceneOverlay } from '@baron1996/kline-scene-schema';
 import type { SUPPORTED_OVERLAYS } from '@baron1996/klinecharts-adapter';
+import type { HostActionDescriptor } from './drawing/runtime-capability-descriptor.js';
 export type SupportedOverlayType = (typeof SUPPORTED_OVERLAYS)[number];
 export interface KLineSceneRuntimeEventEnvelope {
     readonly sceneVersion: 1;
@@ -80,10 +81,12 @@ export interface StartOverlayDrawingOptions {
 export interface StandardToolbarOptions {
     readonly downloadFileName?: string;
     readonly deleteBehavior?: 'direct' | 'request';
-    readonly hostActions?: readonly {
-        readonly actionId: string;
-        readonly label: string;
-    }[];
+    readonly hostActions?: readonly HostActionDescriptor[];
+    readonly mainSeriesPresentationControl?: 'hidden' | 'enabled';
+    /** 编辑控件（价格轴/线型/线宽/线色/主序列）的放置位置：常驻工具栏（默认）或图表右键上下文菜单。 */
+    readonly editControlsPlacement?: 'toolbar' | 'context-menu';
+    /** editControlsPlacement 为 context-menu 时，右键监听的图表容器。 */
+    readonly contextMenuTarget?: HTMLElement;
 }
 export interface StandardToolbar {
     readonly element: HTMLElement;

package/dist/types.d.ts.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baron1996/klinecharts-runtime",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Web runtime for deterministic KLineCharts scenes.",
   "type": "module",
   "license": "Apache-2.0",
@@ -39,7 +39,8 @@
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@baron1996/kline-scene-schema": "0.3.0",
-    "@baron1996/klinecharts-adapter": "0.3.0"
+    "@baron1996/kline-scene-schema": "0.4.0",
+    "@baron1996/klinecharts-adapter": "0.4.0",
+    "@js-temporal/polyfill": "0.5.1"
   }
 }