@baron1996/klinecharts-runtime 0.9.12 → 0.9.14

package/dist/indicator-presentation.js

@@ -0,0 +1,53 @@
+export const MAIN_PANE_INDICATOR_PRESETS = [
+    { name: 'MA', label: 'MA', calcParams: [5, 10, 30, 60] },
+    { name: 'EMA', label: 'EMA', calcParams: [6, 12, 20] },
+    { name: 'SMA', label: 'SMA', calcParams: [12, 2] },
+    { name: 'BOLL', label: 'BOLL', calcParams: [20, 2] },
+    { name: 'SAR', label: 'SAR', calcParams: [2, 2, 20] },
+    { name: 'BBI', label: 'BBI', calcParams: [3, 6, 12, 24] },
+];
+const DEFAULT_INDICATOR_LINE_COLORS = [
+    'rgba(41, 98, 255, 1)',
+    'rgba(245, 158, 11, 1)',
+    'rgba(16, 185, 129, 1)',
+    'rgba(239, 68, 68, 1)',
+    'rgba(139, 92, 246, 1)',
+];
+export function defaultIndicatorStyles(name, calcParams) {
+    const lines = calcParams.map((_param, index) => ({
+        color: DEFAULT_INDICATOR_LINE_COLORS[index % DEFAULT_INDICATOR_LINE_COLORS.length],
+        size: 1,
+        style: 'solid',
+    }));
+    if (name === 'VOL') {
+        return {
+            lines,
+            bars: [
+                {
+                    upColor: 'rgba(239, 83, 80, 1)',
+                    downColor: 'rgba(38, 166, 154, 1)',
+                    noChangeColor: 'rgba(88, 88, 88, 1)',
+                },
+            ],
+            circles: [],
+        };
+    }
+    return { lines, bars: [], circles: [] };
+}
+export function createSceneIndicator(options, target, id) {
+    return {
+        id,
+        name: options.name,
+        paneId: target.paneId,
+        yAxisId: target.yAxisId,
+        calcParams: [...options.calcParams],
+        precision: options.precision ?? 2,
+        visible: options.visible ?? true,
+        zLevel: options.zLevel ?? 0,
+        styles: options.styles ??
+            defaultIndicatorStyles(options.name, options.calcParams),
+    };
+}
+export function isMainPaneIndicatorName(name) {
+    return MAIN_PANE_INDICATOR_PRESETS.some((preset) => preset.name === name);
+}

package/dist/toolbar/chart-workspace-toolbar-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const CHART_WORKSPACE_TOOLBAR_STYLES: string;
+//# sourceMappingURL=chart-workspace-toolbar-styles.d.ts.map

package/dist/toolbar/chart-workspace-toolbar-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-workspace-toolbar-styles.d.ts","sourceRoot":"","sources":["../../src/toolbar/chart-workspace-toolbar-styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B,QAoN1C,CAAC"}

package/dist/toolbar/chart-workspace-toolbar-styles.js

@@ -0,0 +1,213 @@
+export const CHART_WORKSPACE_TOOLBAR_STYLES = String.raw `
+.baron-chart-workspace-toolbar,
+.baron-chart-workspace-toolbar *,
+.baron-chart-workspace-popover,
+.baron-chart-workspace-popover *,
+.baron-chart-workspace-tooltip,
+.baron-chart-workspace-tooltip * { box-sizing: border-box; }
+
+.baron-chart-workspace-toolbar {
+	display: flex;
+	color: rgba(42, 46, 57, 1);
+	background: rgba(255, 255, 255, 1);
+	font-family: "Baron Sans", "Noto Sans SC", system-ui, sans-serif;
+}
+
+.baron-chart-workspace-toolbar--top {
+	align-items: center;
+	width: 100%;
+	min-width: 0;
+	height: 44px;
+	padding: 0 8px;
+	border-bottom: 1px solid rgba(229, 231, 235, 1);
+	overflow-x: auto;
+	overflow-y: hidden;
+	scrollbar-width: none;
+}
+
+.baron-chart-workspace-toolbar--top::-webkit-scrollbar,
+.baron-chart-workspace-toolbar--left::-webkit-scrollbar { display: none; }
+
+.baron-chart-workspace-toolbar--left {
+	flex-direction: column;
+	align-items: center;
+	width: 44px;
+	height: 100%;
+	min-height: 0;
+	padding: 6px 5px;
+	border-right: 1px solid rgba(229, 231, 235, 1);
+	overflow-x: hidden;
+	overflow-y: auto;
+	scrollbar-width: none;
+}
+
+.baron-chart-workspace-toolbar__section {
+	display: flex;
+	flex: 0 0 auto;
+	align-items: center;
+	gap: 2px;
+}
+
+.baron-chart-workspace-toolbar--left .baron-chart-workspace-toolbar__section {
+	flex-direction: column;
+	width: 100%;
+	padding: 4px 0;
+}
+
+.baron-chart-workspace-toolbar--left .baron-chart-workspace-toolbar__section +
+.baron-chart-workspace-toolbar__section {
+	border-top: 1px solid rgba(237, 238, 242, 1);
+}
+
+.baron-chart-workspace-toolbar__section--end { margin-left: auto; }
+
+.baron-chart-workspace-toolbar__button {
+	display: inline-flex;
+	flex: 0 0 auto;
+	align-items: center;
+	justify-content: center;
+	min-width: 32px;
+	height: 32px;
+	padding: 0 9px;
+	color: rgba(70, 75, 88, 1);
+	background: transparent;
+	border: 0;
+	border-radius: 6px;
+	font: inherit;
+	font-size: 12px;
+	font-weight: 500;
+	cursor: pointer;
+	transition: color 120ms ease, background-color 120ms ease;
+}
+
+.baron-chart-workspace-toolbar--left .baron-chart-workspace-toolbar__button {
+	width: 32px;
+	padding: 0;
+}
+
+.baron-chart-workspace-toolbar__button:hover:not(:disabled),
+.baron-chart-workspace-toolbar__button[aria-expanded="true"] {
+	color: rgba(41, 98, 255, 1);
+	background: rgba(41, 98, 255, .08);
+}
+
+.baron-chart-workspace-toolbar__button[aria-pressed="true"] {
+	color: rgba(41, 98, 255, 1);
+	background: rgba(41, 98, 255, .12);
+}
+
+.baron-chart-workspace-toolbar__button:focus-visible,
+.baron-chart-workspace-toolbar__select:focus-visible {
+	outline: 2px solid rgba(41, 98, 255, .9);
+	outline-offset: 1px;
+}
+
+.baron-chart-workspace-toolbar__button:disabled,
+.baron-chart-workspace-toolbar__select:disabled {
+	cursor: not-allowed;
+	opacity: .42;
+}
+
+.baron-chart-workspace-toolbar__button[aria-busy="true"]::after {
+	width: 9px;
+	height: 9px;
+	margin-left: 6px;
+	content: "";
+	border: 1.5px solid currentcolor;
+	border-right-color: transparent;
+	border-radius: 50%;
+	animation: baron-workspace-spin 700ms linear infinite;
+}
+
+.baron-chart-workspace-toolbar__button svg { width: 18px; height: 18px; }
+.baron-chart-workspace-toolbar__period { min-width: 38px; }
+.baron-chart-workspace-toolbar__divider { width: 1px; height: 20px; margin: 0 5px; background: rgba(229, 231, 235, 1); }
+
+.baron-chart-workspace-toolbar__timezone {
+	display: flex;
+	align-items: center;
+	gap: 3px;
+	height: 32px;
+	padding-left: 7px;
+	color: rgba(70, 75, 88, 1);
+}
+
+.baron-chart-workspace-toolbar__timezone svg { width: 16px; height: 16px; }
+.baron-chart-workspace-toolbar__select {
+	max-width: 164px;
+	height: 30px;
+	padding: 0 24px 0 4px;
+	color: inherit;
+	background: transparent;
+	border: 0;
+	font: inherit;
+	font-size: 11px;
+	cursor: pointer;
+}
+
+.baron-chart-workspace-popover {
+	position: fixed;
+	z-index: 10000;
+	min-width: 220px;
+	padding: 10px;
+	color: rgba(42, 46, 57, 1);
+	background: rgba(255, 255, 255, .99);
+	border: 1px solid rgba(218, 220, 226, 1);
+	border-radius: 9px;
+	box-shadow: 0 12px 32px rgba(20, 23, 31, .16);
+	opacity: 0;
+	transform: translateY(-4px);
+	transition: opacity 120ms ease, transform 120ms ease;
+}
+
+.baron-chart-workspace-popover[hidden] { display: none; }
+.baron-chart-workspace-popover--open { opacity: 1; transform: translateY(0); }
+.baron-chart-workspace-popover__title { margin: 2px 4px 8px; color: rgba(102, 108, 122, 1); font-size: 11px; font-weight: 600; }
+.baron-chart-workspace-popover__grid { display: grid; grid-template-columns: repeat(3, minmax(58px, 1fr)); gap: 5px; }
+.baron-chart-workspace-popover__grid .baron-chart-workspace-toolbar__button { width: 100%; border: 1px solid rgba(231, 233, 238, 1); }
+.baron-chart-workspace-popover__group + .baron-chart-workspace-popover__group { padding-top: 10px; margin-top: 10px; border-top: 1px solid rgba(233, 235, 239, 1); }
+.baron-chart-workspace-popover__row { display: grid; grid-template-columns: 76px minmax(120px, 1fr); align-items: center; gap: 10px; min-height: 34px; }
+.baron-chart-workspace-popover__label { color: rgba(102, 108, 122, 1); font-size: 11px; }
+.baron-chart-workspace-popover__row .baron-chart-workspace-toolbar__select { width: 100%; max-width: none; background: rgba(247, 248, 250, 1); border: 1px solid rgba(226, 228, 233, 1); border-radius: 6px; }
+.baron-chart-workspace-popover__text-form { display: flex; gap: 6px; }
+.baron-chart-workspace-popover__text-form input {
+	width: 180px;
+	height: 32px;
+	padding: 0 9px;
+	color: rgba(42, 46, 57, 1);
+	background: rgba(247, 248, 250, 1);
+	border: 1px solid rgba(226, 228, 233, 1);
+	border-radius: 6px;
+	font: inherit;
+	font-size: 12px;
+}
+.baron-chart-workspace-popover__text-form input:focus { border-color: rgba(41, 98, 255, 1); outline: 2px solid rgba(41, 98, 255, .12); }
+.baron-chart-workspace-popover__text-form .baron-chart-workspace-toolbar__button { color: rgba(255, 255, 255, 1); background: rgba(41, 98, 255, 1); }
+.baron-chart-workspace-toolbar__error { max-width: 260px; padding: 5px 4px 0; color: rgba(194, 57, 52, 1); font-size: 11px; line-height: 1.35; }
+.baron-chart-workspace-toolbar__error[hidden] { display: none; }
+
+.baron-chart-workspace-tooltip {
+	position: fixed;
+	z-index: 10001;
+	padding: 6px 8px;
+	color: rgba(248, 249, 252, 1);
+	background: rgba(31, 34, 42, .96);
+	border-radius: 5px;
+	font: 500 11px/1.25 "Baron Sans", "Noto Sans SC", system-ui, sans-serif;
+	pointer-events: none;
+}
+.baron-chart-workspace-tooltip[hidden] { display: none; }
+
+@keyframes baron-workspace-spin { to { transform: rotate(360deg); } }
+
+@media (max-width: 640px) {
+	.baron-chart-workspace-toolbar--top { height: 42px; padding: 0 4px; }
+	.baron-chart-workspace-toolbar__timezone { padding-left: 3px; }
+	.baron-chart-workspace-toolbar__select { max-width: 112px; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.baron-chart-workspace-toolbar__button,
+	.baron-chart-workspace-popover { transition: none; }
+}
+`;

package/dist/toolbar/chart-workspace-toolbar.d.ts

@@ -0,0 +1,46 @@
+import type { DisplayTimezoneRuntimeCapability, DrawingRuntimeCapability, MainIndicatorRuntimeCapability, RuntimeAuxiliaryCapability } from '../drawing/capabilities.js';
+import type { HostActionDescriptor } from '../drawing/runtime-capability-descriptor.js';
+type ChartWorkspaceRuntime = DrawingRuntimeCapability & RuntimeAuxiliaryCapability & MainIndicatorRuntimeCapability & DisplayTimezoneRuntimeCapability;
+export interface WorkspaceToolbarTimezoneChoice {
+    /** 宿主持久化使用的稳定语义值，例如 instrument、local、utc。 */
+    readonly value: string;
+    readonly label: string;
+    /** 实际交给图表引擎的 IANA 时区。 */
+    readonly timezone: string;
+}
+export interface ChartWorkspaceToolbarOptions {
+    /** 顶部直接展示的周期动作；点击后仍通过 host-action-requested 交给宿主取数。 */
+    readonly periodActions?: readonly HostActionDescriptor[];
+    /** 收纳进设置面板的宿主动作用于前复权等业务配置。 */
+    readonly settingsHostActions?: readonly HostActionDescriptor[];
+    readonly displayTimezoneChoices?: readonly WorkspaceToolbarTimezoneChoice[];
+    readonly activeDisplayTimezoneValue?: string;
+    readonly onDisplayTimezoneChange?: (choice: WorkspaceToolbarTimezoneChoice) => void;
+    readonly fullscreenTarget?: HTMLElement;
+    readonly fullscreenControl?: 'hidden' | 'enabled';
+}
+export interface ChartWorkspaceToolbarContainers {
+    readonly top: HTMLElement;
+    readonly left: HTMLElement;
+}
+export interface ChartWorkspaceToolbar {
+    readonly topElement: HTMLElement;
+    readonly leftElement: HTMLElement;
+    setDataActionsDisabled(disabled: boolean): void;
+    setDrawingActionsDisabled(disabled: boolean): void;
+    setHostActionState(actionId: string, state: {
+        readonly pressed?: boolean;
+        readonly disabled?: boolean;
+        readonly pending?: boolean;
+        readonly errorMessage?: string | null;
+    }): void;
+    setDisplayTimezoneChoice(value: string): void;
+    destroy(): void;
+}
+/**
+ * 创建 Pro 风格的复合工具栏。Baron 只发出周期/复权宿主意图，
+ * 指标、展示时区、价格轴和主序列在浏览器 Runtime 内即时生效。
+ */
+export declare function createChartWorkspaceToolbar(containers: ChartWorkspaceToolbarContainers, runtime: ChartWorkspaceRuntime, options?: ChartWorkspaceToolbarOptions): ChartWorkspaceToolbar;
+export {};
+//# sourceMappingURL=chart-workspace-toolbar.d.ts.map

package/dist/toolbar/chart-workspace-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-workspace-toolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/chart-workspace-toolbar.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACX,gCAAgC,EAChC,wBAAwB,EACxB,8BAA8B,EAC9B,0BAA0B,EAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAYxF,KAAK,qBAAqB,GAAG,wBAAwB,GACpD,0BAA0B,GAC1B,8BAA8B,GAC9B,gCAAgC,CAAC;AAElC,MAAM,WAAW,8BAA8B;IAC9C,6CAA6C;IAC7C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,4BAA4B;IAC5C,uDAAuD;IACvD,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACzD,8BAA8B;IAC9B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAC/D,QAAQ,CAAC,sBAAsB,CAAC,EAAE,SAAS,8BAA8B,EAAE,CAAC;IAC5E,QAAQ,CAAC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAC7C,QAAQ,CAAC,uBAAuB,CAAC,EAAE,CAClC,MAAM,EAAE,8BAA8B,KAClC,IAAI,CAAC;IACV,QAAQ,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IACxC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClD;AAED,MAAM,WAAW,+BAA+B;IAC/C,QAAQ,CAAC,GAAG,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC;IACjC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAChD,yBAAyB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IACnD,kBAAkB,CACjB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE;QACN,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;QAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;QAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACtC,GACC,IAAI,CAAC;IACR,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9C,OAAO,IAAI,IAAI,CAAC;CAChB;AAsPD;;;GAGG;AACH,wBAAgB,2BAA2B,CAC1C,UAAU,EAAE,+BAA+B,EAC3C,OAAO,EAAE,qBAAqB,EAC9B,OAAO,GAAE,4BAAiC,GACxC,qBAAqB,CAuiBvB"}