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

package/dist/index.js

@@ -1,15 +1,15 @@
 import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, effectScope as d, h as f, inject as p, markRaw as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, onScopeDispose as b, onUnmounted as x, openBlock as S, provide as C, ref as w, renderList as T, resolveDynamicComponent as E, shallowRef as D, toDisplayString as O, unref as k, vModelCheckbox as A, vModelText as j, watch as M, withCtx as N, withDirectives as P, withKeys as F, withModifiers as I } from "vue";
 import { COLOR_PRESET_ITEMS as L, VERSION as R, createChartController as ee, createIndicatorSelectorController as te, darkTheme as ne, lightTheme as re, normalizeColorPresetSettings as ie, resolveThemeColors as ae, themeToCssVars as oe } from "@363045841yyt/klinechart-core";
-import { DrawingInteractionController as se, allIndicators as ce, createChartController as le, createIndicatorSelectorController as z, findIndicator as ue, getPhysicalKLineConfig as de, kGapFromKWidth as fe, zoomLevelToKWidth as pe } from "@363045841yyt/klinechart-core/controllers";
-import { SemanticChartController as me } from "@363045841yyt/klinechart-core/semantic";
-import { getRegisteredIndicatorDefinition as he } from "@363045841yyt/klinechart-core/indicators";
-import { DEFAULT_SETTINGS as B, SETTINGS_STORAGE_KEY as ge } from "@363045841yyt/klinechart-core/config";
+import { DrawingInteractionController as se, allIndicators as ce, createChartController as le, createIndicatorSelectorController as z, findIndicator as ue, kGapFromKWidth as de, zoomLevelToKWidth as fe } from "@363045841yyt/klinechart-core/controllers";
+import { SemanticChartController as pe } from "@363045841yyt/klinechart-core/semantic";
+import { getRegisteredIndicatorDefinition as me } from "@363045841yyt/klinechart-core/indicators";
+import { DEFAULT_SETTINGS as B, SETTINGS_STORAGE_KEY as he } from "@363045841yyt/klinechart-core/config";
 //#region src/components/ColorPresetPanel.vue?vue&type=script&setup=true&lang.ts
-var V = { class: "color-preset-tools" }, H = {
+var ge = { class: "color-preset-tools" }, V = {
 	class: "theme-tabs",
 	role: "tablist",
 	"aria-label": "颜色主题"
-}, U = ["onClick"], _e = { class: "color-group-label" }, ve = { class: "color-grid" }, ye = ["value", "onInput"], be = /*@__PURE__*/ u({
+}, H = ["onClick"], _e = { class: "color-group-label" }, ve = { class: "color-grid" }, ye = ["value", "onInput"], be = /*@__PURE__*/ u({
 	__name: "ColorPresetPanel",
 	props: { colorPresetSettings: {} },
 	emits: ["update:colorPresetSettings"],
@@ -50,12 +50,12 @@ var V = { class: "color-preset-tools" }, H = {
 			let e = { ...ie(i.colorPresetSettings) };
 			delete e[d.value], a("update:colorPresetSettings", e);
 		}
-		return (t, n) => (S(), o("div", null, [s("div", V, [s("div", H, [(S(), o(e, null, T(c, (e) => s("button", {
+		return (t, n) => (S(), o("div", null, [s("div", ge, [s("div", V, [(S(), o(e, null, T(c, (e) => s("button", {
 			key: e.value,
 			type: "button",
 			class: g(["theme-tab", { active: d.value === e.value }]),
 			onClick: (t) => d.value = e.value
-		}, O(e.label), 11, U)), 64))]), s("button", {
+		}, O(e.label), 11, H)), 64))]), s("button", {
 			type: "button",
 			class: "color-reset-btn",
 			onClick: h
@@ -69,18 +69,18 @@ var V = { class: "color-preset-tools" }, H = {
 			onInput: (t) => m(e.key, t.target.value)
 		}, null, 40, ye)]))), 128))])], 64))), 128))]));
 	}
-}), W = (e, t) => {
+}), U = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, xe = /*#__PURE__*/ W(be, [["__scopeId", "data-v-a52947a4"]]), Se = [
+}, W = /*#__PURE__*/ U(be, [["__scopeId", "data-v-a52947a4"]]), xe = [
 	"title",
 	"aria-expanded",
 	"onKeydown"
-], G = {
+], Se = {
 	key: 0,
 	class: "dropdown__label"
-}, Ce = { class: "dropdown__value" }, we = ["aria-selected", "onClick"], K = 0, q = null, Te = 0, Ee = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}, Ce = { class: "dropdown__value" }, we = ["aria-selected", "onClick"], G = 0, Te = null, Ee = 0, K = /*#__PURE__*/ U(/* @__PURE__ */ u({
 	__name: "Dropdown",
 	props: {
 		modelValue: {},
@@ -92,7 +92,7 @@ var V = { class: "color-preset-tools" }, H = {
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let i = t, c = n, l = w(null), u = w(null), d = w(!1), f = w(0), p = ++Te, m = r(() => i.minWidth ? { minWidth: i.minWidth } : {}), h = r(() => {
+		let i = t, c = n, l = w(null), u = w(null), d = w(!1), f = w(0), p = ++Ee, m = r(() => i.minWidth ? { minWidth: i.minWidth } : {}), h = r(() => {
 			if (!d.value) return;
 			let e = f.value || (i.minWidth ? parseInt(i.minWidth) : 0);
 			return { width: e ? `${e}px` : void 0 };
@@ -101,10 +101,10 @@ var V = { class: "color-preset-tools" }, H = {
 			return e && i.options.some((t) => t.value === e) ? e : i.options[0]?.value ?? "";
 		}), b = r(() => i.options.find((e) => e.value === y.value) ?? i.options[0]);
 		function x() {
-			K !== p && q && q(), !d.value && (K = p, q = C, f.value = u.value?.offsetWidth ?? 0, d.value = !0, document.addEventListener("pointerdown", k));
+			G !== p && Te && Te(), !d.value && (G = p, Te = C, f.value = u.value?.offsetWidth ?? 0, d.value = !0, document.addEventListener("pointerdown", k));
 		}
 		function C() {
-			d.value && (d.value = !1, K === p && (K = 0, q = null), document.removeEventListener("pointerdown", k));
+			d.value && (d.value = !1, G === p && (G = 0, Te = null), document.removeEventListener("pointerdown", k));
 		}
 		function E() {
 			d.value ? C() : x();
@@ -137,13 +137,13 @@ var V = { class: "color-preset-tools" }, H = {
 				F(I(E, ["prevent"]), ["space"])
 			]
 		}, [
-			t.label ? (S(), o("span", G, O(t.label), 1)) : a("", !0),
+			t.label ? (S(), o("span", Se, O(t.label), 1)) : a("", !0),
 			s("span", Ce, O(b.value.label), 1),
 			r[0] ||= s("span", {
 				class: "dropdown__chevron",
 				"aria-hidden": "true"
 			}, null, -1)
-		], 44, Se), d.value ? (S(), o("div", {
+		], 44, xe), d.value ? (S(), o("div", {
 			key: 0,
 			class: "dropdown__menu",
 			style: _(h.value),
@@ -161,7 +161,7 @@ var V = { class: "color-preset-tools" }, H = {
 }), [["__scopeId", "data-v-126e11f2"]]), De = {
 	class: "toolbar-item color-item",
 	title: "颜色"
-}, Oe = ["value"], ke = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}, Oe = ["value"], ke = /*#__PURE__*/ U(/* @__PURE__ */ u({
 	__name: "DrawingStyleToolbar",
 	props: { drawing: {} },
 	emits: ["updateStyle", "delete"],
@@ -225,14 +225,14 @@ var V = { class: "color-preset-tools" }, H = {
 				value: e.drawing.style.stroke ?? "#2962ff",
 				onInput: i[0] ||= (e) => c(e.target.value)
 			}, null, 40, Oe)]),
-			l(Ee, {
+			l(K, {
 				"model-value": String(e.drawing.style.strokeWidth ?? 1),
 				options: n,
 				size: "sm",
 				title: "线宽",
 				"onUpdate:modelValue": i[1] ||= (e) => u(Number(e))
 			}, null, 8, ["model-value"]),
-			l(Ee, {
+			l(K, {
 				"model-value": e.drawing.style.strokeStyle ?? "solid",
 				options: r,
 				size: "sm",
@@ -270,22 +270,22 @@ function Me() {
 }
 //#endregion
 //#region src/components/IndicatorParams.vue?vue&type=script&setup=true&lang.ts
-var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class: "params-title" }, Ie = { class: "header-right" }, Le = {
+var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class: "params-title" }, Ie = { class: "header-right" }, q = {
 	key: 0,
 	class: "indicator-description"
-}, J = { class: "params-body" }, Y = { class: "param-header" }, Re = { class: "param-label" }, ze = { class: "param-label-text" }, Be = {
+}, Le = { class: "params-body" }, Re = { class: "param-header" }, ze = { class: "param-label" }, J = { class: "param-label-text" }, Y = {
 	key: 0,
 	class: "param-range"
-}, Ve = { class: "input-wrapper" }, He = ["disabled", "onClick"], Ue = [
+}, Be = { class: "input-wrapper" }, Ve = ["disabled", "onClick"], He = [
 	"value",
 	"min",
 	"max",
 	"step",
 	"onInput"
-], We = ["disabled", "onClick"], Ge = {
+], Ue = ["disabled", "onClick"], We = {
 	key: 0,
 	class: "param-description"
-}, Ke = { class: "params-footer" }, qe = { class: "footer-right" }, Je = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}, Ge = { class: "params-footer" }, Ke = { class: "footer-right" }, qe = /*#__PURE__*/ U(/* @__PURE__ */ u({
 	__name: "IndicatorParams",
 	props: {
 		visible: { type: Boolean },
@@ -350,18 +350,18 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 						"stroke-width": "2"
 					}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]),
 					l(n, { name: "slide" }, {
-						default: N(() => [m.value && r.indicatorDescription ? (S(), o("div", Le, [s("p", null, O(r.indicatorDescription), 1)])) : a("", !0)]),
+						default: N(() => [m.value && r.indicatorDescription ? (S(), o("div", q, [s("p", null, O(r.indicatorDescription), 1)])) : a("", !0)]),
 						_: 1
 					}),
-					s("div", J, [(S(!0), o(e, null, T(r.params, (e) => (S(), o("div", {
+					s("div", Le, [(S(!0), o(e, null, T(r.params, (e) => (S(), o("div", {
 						key: e.key,
 						class: g(["param-item", { "has-desc": m.value && e.description }])
-					}, [s("div", Y, [s("label", Re, [s("span", ze, O(e.label), 1), e.min !== void 0 || e.max !== void 0 ? (S(), o("span", Be, O(e.min ?? "-∞") + " ~ " + O(e.max ?? "+∞"), 1)) : a("", !0)]), s("div", Ve, [
+					}, [s("div", Re, [s("label", ze, [s("span", J, O(e.label), 1), e.min !== void 0 || e.max !== void 0 ? (S(), o("span", Y, O(e.min ?? "-∞") + " ~ " + O(e.max ?? "+∞"), 1)) : a("", !0)]), s("div", Be, [
 						s("button", {
 							class: "stepper-btn",
 							disabled: e.min !== void 0 && (p.value[e.key] ?? 0) <= e.min,
 							onClick: (t) => v(e, -1)
-						}, " − ", 8, He),
+						}, " − ", 8, Ve),
 						e.type === "number" ? (S(), o("input", {
 							key: 0,
 							type: "number",
@@ -371,17 +371,17 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 							max: e.max,
 							step: e.step || 1,
 							onInput: (t) => _(e.key, t)
-						}, null, 40, Ue)) : a("", !0),
+						}, null, 40, He)) : a("", !0),
 						s("button", {
 							class: "stepper-btn",
 							disabled: e.max !== void 0 && (p.value[e.key] ?? 0) >= e.max,
 							onClick: (t) => v(e, 1)
-						}, " + ", 8, We)
+						}, " + ", 8, Ue)
 					])]), l(n, { name: "slide" }, {
-						default: N(() => [m.value && e.description ? (S(), o("div", Ge, O(e.description), 1)) : a("", !0)]),
+						default: N(() => [m.value && e.description ? (S(), o("div", We, O(e.description), 1)) : a("", !0)]),
 						_: 2
 					}, 1024)], 2))), 128))]),
-					s("div", Ke, [s("button", {
+					s("div", Ge, [s("button", {
 						class: "params-btn reset",
 						onClick: y
 					}, [...d[8] ||= [s("svg", {
@@ -389,7 +389,7 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 						fill: "none",
 						stroke: "currentColor",
 						"stroke-width": "2"
-					}, [s("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), s("path", { d: "M3 3v5h5" })], -1), c(" 重置 ", -1)]]), s("div", qe, [s("button", {
+					}, [s("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), s("path", { d: "M3 3v5h5" })], -1), c(" 重置 ", -1)]]), s("div", Ke, [s("button", {
 						class: "params-btn cancel",
 						onClick: d[2] ||= (e) => u.$emit("close")
 					}, "取消"), s("button", {
@@ -407,31 +407,31 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 			_: 1
 		})], 8, ["to"]));
 	}
-}), [["__scopeId", "data-v-30f2f611"]]), Ye = { class: "indicator-selector" }, Xe = { class: "modal-header" }, Ze = { class: "header-title" }, Qe = { class: "title-sub" }, $e = { class: "header-actions" }, et = {
+}), [["__scopeId", "data-v-30f2f611"]]), Je = { class: "indicator-selector" }, Ye = { class: "modal-header" }, Xe = { class: "header-title" }, Ze = { class: "title-sub" }, Qe = { class: "header-actions" }, $e = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	width: "16",
 	height: "16",
 	fill: "currentColor"
-}, tt = {
+}, et = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	width: "16",
 	height: "16",
 	fill: "currentColor"
-}, nt = { class: "modal-search-area" }, rt = { class: "search-box" }, it = ["value"], at = { class: "modal-body" }, ot = {
+}, tt = { class: "modal-search-area" }, nt = { class: "search-box" }, rt = ["value"], it = { class: "modal-body" }, at = {
 	key: 0,
 	class: "indicator-section"
-}, st = { class: "section-header" }, ct = { class: "section-count" }, lt = ["onClick"], ut = { class: "card-label" }, dt = { class: "card-tooltip" }, ft = { class: "card-header" }, pt = { class: "card-label" }, mt = { class: "card-header-actions" }, ht = ["onClick"], gt = { class: "card-name" }, _t = {
+}, ot = { class: "section-header" }, st = { class: "section-count" }, ct = ["onClick"], lt = { class: "card-label" }, ut = { class: "card-tooltip" }, dt = { class: "card-header" }, ft = { class: "card-label" }, pt = { class: "card-header-actions" }, mt = ["onClick"], ht = { class: "card-name" }, gt = {
 	key: 1,
 	class: "section-divider"
-}, vt = {
+}, _t = {
 	key: 2,
 	class: "no-results"
-}, yt = {
+}, vt = {
 	key: 3,
 	class: "indicator-section"
-}, bt = { class: "section-header" }, xt = { class: "section-count" }, St = ["onClick"], X = { class: "card-label" }, Z = { class: "card-tooltip" }, Ct = { class: "card-header" }, wt = { class: "card-label" }, Tt = { class: "card-header-actions" }, Et = ["onClick"], Dt = { class: "card-name" }, Ot = { class: "modal-footer" }, kt = { class: "footer-info" }, At = { class: "info-text" }, jt = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}, yt = { class: "section-header" }, bt = { class: "section-count" }, xt = ["onClick"], St = { class: "card-label" }, Ct = { class: "card-tooltip" }, wt = { class: "card-header" }, X = { class: "card-label" }, Z = { class: "card-header-actions" }, Tt = ["onClick"], Et = { class: "card-name" }, Dt = { class: "modal-footer" }, Ot = { class: "footer-info" }, kt = { class: "info-text" }, At = /*#__PURE__*/ U(/* @__PURE__ */ u({
 	__name: "IndicatorSelector",
 	props: {
 		activeIndicators: {},
@@ -498,7 +498,7 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 			openMenu: () => h.openMenu(),
 			closeMenu: () => h.closeMenu(),
 			toggleMenu: () => h.toggleMenu()
-		}), (r, c) => (S(), o("div", Ye, [(S(), i(t, { to: k(P) }, [l(n, { name: "overlay" }, {
+		}), (r, c) => (S(), o("div", Je, [(S(), i(t, { to: k(P) }, [l(n, { name: "overlay" }, {
 			default: N(() => [k(_) ? (S(), o("div", {
 				key: 0,
 				class: "selector-overlay",
@@ -509,11 +509,11 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 					class: "selector-modal",
 					onClick: c[4] ||= I(() => {}, ["stop"])
 				}, [
-					s("div", Xe, [s("div", Ze, [c[7] ||= s("span", { class: "title-text" }, "添加指标", -1), s("span", Qe, O(k(D)) + " 个可用指标", 1)]), s("div", $e, [s("button", {
+					s("div", Ye, [s("div", Xe, [c[7] ||= s("span", { class: "title-text" }, "添加指标", -1), s("span", Ze, O(k(D)) + " 个可用指标", 1)]), s("div", Qe, [s("button", {
 						class: g(["view-toggle-btn", { active: M.value }]),
 						onClick: c[0] ||= (e) => M.value = !M.value,
 						title: "简洁模式"
-					}, [M.value ? (S(), o("svg", tt, [...c[9] ||= [s("path", { d: "M3 3h18v18H3V3zm16 16V5H5v14h14zM7 7h4v4H7V7zm0 6h4v4H7v-4zm6-6h4v4h-4V7zm0 6h4v4h-4v-4z" }, null, -1)]])) : (S(), o("svg", et, [...c[8] ||= [s("path", { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, null, -1)]]))], 2), s("button", {
+					}, [M.value ? (S(), o("svg", et, [...c[9] ||= [s("path", { d: "M3 3h18v18H3V3zm16 16V5H5v14h14zM7 7h4v4H7V7zm0 6h4v4H7v-4zm6-6h4v4h-4V7zm0 6h4v4h-4v-4z" }, null, -1)]])) : (S(), o("svg", $e, [...c[8] ||= [s("path", { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, null, -1)]]))], 2), s("button", {
 						class: "modal-close",
 						onClick: c[1] ||= (e) => k(h).closeMenu(),
 						title: "关闭"
@@ -523,7 +523,7 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 						height: "14",
 						fill: "currentColor"
 					}, [s("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })], -1)]])])]),
-					s("div", nt, [s("div", rt, [c[11] ||= s("svg", {
+					s("div", tt, [s("div", nt, [c[11] ||= s("svg", {
 						class: "search-icon",
 						viewBox: "0 0 24 24",
 						width: "16",
@@ -535,16 +535,16 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 						type: "text",
 						class: "search-input",
 						placeholder: "搜索指标名称..."
-					}, null, 40, it)])]),
-					s("div", at, [
-						k(b).length > 0 ? (S(), o("div", ot, [s("div", st, [c[12] ||= s("span", { class: "section-title" }, "主图指标", -1), s("span", ct, O(k(b).length), 1)]), s("div", { class: g(["indicator-grid", { compact: M.value }]) }, [(S(!0), o(e, null, T(k(b), (t) => (S(), o("button", {
+					}, null, 40, rt)])]),
+					s("div", it, [
+						k(b).length > 0 ? (S(), o("div", at, [s("div", ot, [c[12] ||= s("span", { class: "section-title" }, "主图指标", -1), s("span", st, O(k(b).length), 1)]), s("div", { class: g(["indicator-grid", { compact: M.value }]) }, [(S(!0), o(e, null, T(k(b), (t) => (S(), o("button", {
 							key: t.id,
 							class: g(["indicator-card", {
 								active: R(t.id),
 								compact: M.value
 							}]),
 							onClick: (e) => R(t.id) ? te(t.id) : ee(t.id)
-						}, [M.value ? (S(), o(e, { key: 0 }, [s("span", ut, O(t.label), 1), s("span", dt, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", ft, [s("span", pt, O(t.label), 1), s("div", mt, [t.params?.length ? (S(), o("button", {
+						}, [M.value ? (S(), o(e, { key: 0 }, [s("span", lt, O(t.label), 1), s("span", ut, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", dt, [s("span", ft, O(t.label), 1), s("div", pt, [t.params?.length ? (S(), o("button", {
 							key: 0,
 							class: "card-settings-btn",
 							onClick: I((e) => ne(t.id), ["stop"]),
@@ -554,9 +554,9 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 							width: "14",
 							height: "14",
 							fill: "currentColor"
-						}, [s("path", { d: "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" })], -1)]], 8, ht)) : a("", !0)])]), s("div", gt, O(t.name), 1)], 64))], 10, lt))), 128))], 2)])) : a("", !0),
-						k(b).length > 0 && k(C).length > 0 ? (S(), o("div", _t)) : a("", !0),
-						!E.value && k(v).trim() ? (S(), o("div", vt, [...c[14] ||= [
+						}, [s("path", { d: "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" })], -1)]], 8, mt)) : a("", !0)])]), s("div", ht, O(t.name), 1)], 64))], 10, ct))), 128))], 2)])) : a("", !0),
+						k(b).length > 0 && k(C).length > 0 ? (S(), o("div", gt)) : a("", !0),
+						!E.value && k(v).trim() ? (S(), o("div", _t, [...c[14] ||= [
 							s("svg", {
 								viewBox: "0 0 24 24",
 								width: "48",
@@ -566,14 +566,14 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 							s("p", null, "未找到匹配的指标", -1),
 							s("span", { class: "no-results-hint" }, "请尝试其他关键词", -1)
 						]])) : a("", !0),
-						k(C).length > 0 ? (S(), o("div", yt, [s("div", bt, [c[15] ||= s("span", { class: "section-title" }, "副图指标", -1), s("span", xt, O(k(C).length), 1)]), s("div", { class: g(["indicator-grid", { compact: M.value }]) }, [(S(!0), o(e, null, T(k(C), (t) => (S(), o("button", {
+						k(C).length > 0 ? (S(), o("div", vt, [s("div", yt, [c[15] ||= s("span", { class: "section-title" }, "副图指标", -1), s("span", bt, O(k(C).length), 1)]), s("div", { class: g(["indicator-grid", { compact: M.value }]) }, [(S(!0), o(e, null, T(k(C), (t) => (S(), o("button", {
 							key: t.id,
 							class: g(["indicator-card", {
 								active: R(t.id),
 								compact: M.value
 							}]),
 							onClick: (e) => R(t.id) ? te(t.id) : ee(t.id)
-						}, [M.value ? (S(), o(e, { key: 0 }, [s("span", X, O(t.label), 1), s("span", Z, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", Ct, [s("span", wt, O(t.label), 1), s("div", Tt, [t.params?.length ? (S(), o("button", {
+						}, [M.value ? (S(), o(e, { key: 0 }, [s("span", St, O(t.label), 1), s("span", Ct, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", wt, [s("span", X, O(t.label), 1), s("div", Z, [t.params?.length ? (S(), o("button", {
 							key: 0,
 							class: "card-settings-btn",
 							onClick: I((e) => ne(t.id), ["stop"]),
@@ -583,9 +583,9 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 							width: "14",
 							height: "14",
 							fill: "currentColor"
-						}, [s("path", { d: "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" })], -1)]], 8, Et)) : a("", !0)])]), s("div", Dt, O(t.name), 1)], 64))], 10, St))), 128))], 2)])) : a("", !0)
+						}, [s("path", { d: "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" })], -1)]], 8, Tt)) : a("", !0)])]), s("div", Et, O(t.name), 1)], 64))], 10, xt))), 128))], 2)])) : a("", !0)
 					]),
-					s("div", Ot, [s("div", kt, [s("span", At, "已激活 " + O(L.value) + " 个指标", 1)]), s("button", {
+					s("div", Dt, [s("div", Ot, [s("span", kt, "已激活 " + O(L.value) + " 个指标", 1)]), s("button", {
 						class: "btn btn-confirm",
 						onClick: c[3] ||= (e) => k(h).closeMenu()
 					}, "确认")])
@@ -593,7 +593,7 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 				_: 1
 			})])) : a("", !0)]),
 			_: 1
-		})], 8, ["to"])), F.value ? (S(), i(Je, {
+		})], 8, ["to"])), F.value ? (S(), i(qe, {
 			key: 0,
 			visible: A.value,
 			"indicator-id": F.value.id,
@@ -612,25 +612,25 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 			"values"
 		])) : a("", !0)]));
 	}
-}), [["__scopeId", "data-v-bbd88e50"]]), Mt = { class: "kline-tooltip__title" }, Nt = { key: 0 }, Pt = { class: "kline-tooltip__grid" }, Ft = { class: "row" }, It = { class: "row" }, Lt = { class: "row" }, Rt = { class: "row" }, zt = {
+}), [["__scopeId", "data-v-bbd88e50"]]), jt = { class: "kline-tooltip__title" }, Mt = { key: 0 }, Nt = { class: "kline-tooltip__grid" }, Pt = { class: "row" }, Ft = { class: "row" }, It = { class: "row" }, Lt = { class: "row" }, Rt = {
 	key: 0,
 	class: "row"
-}, Bt = {
+}, zt = {
 	key: 1,
 	class: "row"
-}, Vt = {
+}, Bt = {
 	key: 2,
 	class: "row"
-}, Ht = {
+}, Vt = {
 	key: 3,
 	class: "row"
-}, Ut = {
+}, Ht = {
 	key: 4,
 	class: "row"
-}, Wt = {
+}, Ut = {
 	key: 5,
 	class: "row"
-}, Gt = "#6b7280", Kt = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}, Wt = "#6b7280", Gt = /*#__PURE__*/ U(/* @__PURE__ */ u({
 	__name: "KLineTooltip",
 	props: {
 		k: {},
@@ -665,19 +665,19 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 		}
 		let p = r(() => {
 			let e = t.k;
-			if (!e) return Gt;
+			if (!e) return Wt;
 			let n = f(e, t.data, t.index);
-			return n > 0 ? t.upColor : n < 0 ? t.downColor : Gt;
+			return n > 0 ? t.upColor : n < 0 ? t.downColor : Wt;
 		}), m = r(() => {
 			let e = t.k;
-			if (!e) return Gt;
+			if (!e) return Wt;
 			let n = e.close - e.open;
-			return n > 0 ? t.upColor : n < 0 ? t.downColor : Gt;
+			return n > 0 ? t.upColor : n < 0 ? t.downColor : Wt;
 		}), h = r(() => {
 			let e = t.k;
-			if (!e) return Gt;
+			if (!e) return Wt;
 			let n = e.changePercent ?? (e.close - e.open) / e.open * 100;
-			return n > 0 ? t.upColor : n < 0 ? t.downColor : Gt;
+			return n > 0 ? t.upColor : n < 0 ? t.downColor : Wt;
 		});
 		return (t, r) => e.k ? (S(), o("div", {
 			key: 0,
@@ -687,23 +687,23 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 				left: `${e.pos.x}px`,
 				top: `${e.pos.y}px`
 			})
-		}, [s("div", Mt, [e.k.stockCode ? (S(), o("span", Nt, O(e.k.stockCode), 1)) : a("", !0), s("span", null, O(l(e.k.timestamp)), 1)]), s("div", Pt, [
-			s("div", Ft, [r[0] ||= s("span", null, "开", -1), s("span", { style: _({ color: p.value }) }, O(e.k.open.toFixed(2)), 5)]),
-			s("div", It, [r[1] ||= s("span", null, "高", -1), s("span", null, O(e.k.high.toFixed(2)), 1)]),
-			s("div", Lt, [r[2] ||= s("span", null, "低", -1), s("span", null, O(e.k.low.toFixed(2)), 1)]),
-			s("div", Rt, [r[3] ||= s("span", null, "收", -1), s("span", { style: _({ color: m.value }) }, O(e.k.close.toFixed(2)), 5)]),
-			typeof e.k.volume == "number" ? (S(), o("div", zt, [r[4] ||= s("span", null, "成交量", -1), s("span", null, O(u(e.k.volume)), 1)])) : a("", !0),
-			typeof e.k.turnover == "number" ? (S(), o("div", Bt, [r[5] ||= s("span", null, "成交额", -1), s("span", null, O(u(e.k.turnover)), 1)])) : a("", !0),
-			typeof e.k.amplitude == "number" ? (S(), o("div", Vt, [r[6] ||= s("span", null, "振幅", -1), s("span", null, O(e.k.amplitude) + "%", 1)])) : a("", !0),
-			typeof e.k.changePercent == "number" ? (S(), o("div", Ht, [r[7] ||= s("span", null, "涨跌幅", -1), s("span", { style: _({ color: h.value }) }, O(d(e.k.changePercent, "%")), 5)])) : a("", !0),
-			typeof e.k.changeAmount == "number" ? (S(), o("div", Ut, [r[8] ||= s("span", null, "涨跌额", -1), s("span", { style: _({ color: h.value }) }, O(d(e.k.changeAmount, "")), 5)])) : a("", !0),
-			typeof e.k.turnoverRate == "number" ? (S(), o("div", Wt, [r[9] ||= s("span", null, "换手率", -1), s("span", null, O(e.k.turnoverRate.toFixed(2)) + "%", 1)])) : a("", !0)
+		}, [s("div", jt, [e.k.stockCode ? (S(), o("span", Mt, O(e.k.stockCode), 1)) : a("", !0), s("span", null, O(l(e.k.timestamp)), 1)]), s("div", Nt, [
+			s("div", Pt, [r[0] ||= s("span", null, "开", -1), s("span", { style: _({ color: p.value }) }, O(e.k.open.toFixed(2)), 5)]),
+			s("div", Ft, [r[1] ||= s("span", null, "高", -1), s("span", null, O(e.k.high.toFixed(2)), 1)]),
+			s("div", It, [r[2] ||= s("span", null, "低", -1), s("span", null, O(e.k.low.toFixed(2)), 1)]),
+			s("div", Lt, [r[3] ||= s("span", null, "收", -1), s("span", { style: _({ color: m.value }) }, O(e.k.close.toFixed(2)), 5)]),
+			typeof e.k.volume == "number" ? (S(), o("div", Rt, [r[4] ||= s("span", null, "成交量", -1), s("span", null, O(u(e.k.volume)), 1)])) : a("", !0),
+			typeof e.k.turnover == "number" ? (S(), o("div", zt, [r[5] ||= s("span", null, "成交额", -1), s("span", null, O(u(e.k.turnover)), 1)])) : a("", !0),
+			typeof e.k.amplitude == "number" ? (S(), o("div", Bt, [r[6] ||= s("span", null, "振幅", -1), s("span", null, O(e.k.amplitude) + "%", 1)])) : a("", !0),
+			typeof e.k.changePercent == "number" ? (S(), o("div", Vt, [r[7] ||= s("span", null, "涨跌幅", -1), s("span", { style: _({ color: h.value }) }, O(d(e.k.changePercent, "%")), 5)])) : a("", !0),
+			typeof e.k.changeAmount == "number" ? (S(), o("div", Ht, [r[8] ||= s("span", null, "涨跌额", -1), s("span", { style: _({ color: h.value }) }, O(d(e.k.changeAmount, "")), 5)])) : a("", !0),
+			typeof e.k.turnoverRate == "number" ? (S(), o("div", Ut, [r[9] ||= s("span", null, "换手率", -1), s("span", null, O(e.k.turnoverRate.toFixed(2)) + "%", 1)])) : a("", !0)
 		])], 6)) : a("", !0);
 	}
-}), [["__scopeId", "data-v-a068b75e"]]), qt = { class: "marker-tooltip__title" }, Jt = {
+}), [["__scopeId", "data-v-a068b75e"]]), Kt = { class: "marker-tooltip__title" }, qt = {
 	key: 0,
 	class: "marker-tooltip__content"
-}, Yt = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}, Jt = /*#__PURE__*/ U(/* @__PURE__ */ u({
 	__name: "MarkerTooltip",
 	props: {
 		marker: {},
@@ -752,18 +752,18 @@ var Ne = { class: "params-header" }, Pe = { class: "header-left" }, Fe = { class
 				left: `${t.pos.x + 12}px`,
 				top: `${t.pos.y + 12}px`
 			})
-		}, [s("div", qt, O(f.value), 1), m.value ? (S(), o("div", Jt, [(S(!0), o(e, null, T(p.value, (e, t) => (S(), o("div", {
+		}, [s("div", Kt, O(f.value), 1), m.value ? (S(), o("div", qt, [(S(!0), o(e, null, T(p.value, (e, t) => (S(), o("div", {
 			key: t,
 			class: "row"
 		}, [s("span", null, O(t), 1), s("span", null, O(h(e)), 1)]))), 128))])) : a("", !0)], 6)) : a("", !0);
 	}
-}), [["__scopeId", "data-v-f2a21012"]]), Xt = {
+}), [["__scopeId", "data-v-f2a21012"]]), Yt = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Zt(e, t) {
-	return S(), o("svg", Xt, [...t[0] ||= [s("path", {
+function Xt(e, t) {
+	return S(), o("svg", Yt, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -772,16 +772,16 @@ function Zt(e, t) {
 		d: "M7.904 17.563a1.2 1.2 0 0 0 2.228.308l2.09-3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047-1.047a1.067 1.067 0 0 0 0-1.509l-4.907-4.907l3.113-2.09a1.2 1.2 0 0 0-.309-2.228L4 4z"
 	}, null, -1)]]);
 }
-var Qt = m({
+var Zt = m({
 	name: "tabler-pointer",
-	render: Zt
-}), $t = {
+	render: Xt
+}), Qt = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function en(e, t) {
-	return S(), o("svg", $t, [...t[0] ||= [s("path", {
+function $t(e, t) {
+	return S(), o("svg", Qt, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -790,16 +790,16 @@ function en(e, t) {
 		d: "M4 19h16M4 15l4-6l4 2l4-5l4 4"
 	}, null, -1)]]);
 }
-var tn = m({
+var en = m({
 	name: "tabler-chart-line",
-	render: en
-}), nn = {
+	render: $t
+}), tn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function rn(e, t) {
-	return S(), o("svg", nn, [...t[0] ||= [s("path", {
+function nn(e, t) {
+	return S(), o("svg", tn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -808,16 +808,16 @@ function rn(e, t) {
 		d: "M17 7L7 17M8 7h9v9"
 	}, null, -1)]]);
 }
-var an = m({
+var rn = m({
 	name: "tabler-arrow-up-right",
-	render: rn
-}), on = {
+	render: nn
+}), an = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function sn(e, t) {
-	return S(), o("svg", on, [...t[0] ||= [s("path", {
+function on(e, t) {
+	return S(), o("svg", an, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -826,16 +826,16 @@ function sn(e, t) {
 		d: "M5 12h14m-6 6l6-6m-6-6l6 6"
 	}, null, -1)]]);
 }
-var cn = m({
+var sn = m({
 	name: "tabler-arrow-right",
-	render: sn
-}), ln = {
+	render: on
+}), cn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function un(e, t) {
-	return S(), o("svg", ln, [...t[0] ||= [s("path", {
+function ln(e, t) {
+	return S(), o("svg", cn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -844,16 +844,16 @@ function un(e, t) {
 		d: "M5 12h14"
 	}, null, -1)]]);
 }
-var dn = m({
+var un = m({
 	name: "tabler-minus",
-	render: un
-}), fn = {
+	render: ln
+}), dn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function pn(e, t) {
-	return S(), o("svg", fn, [...t[0] ||= [s("path", {
+function fn(e, t) {
+	return S(), o("svg", dn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -862,16 +862,16 @@ function pn(e, t) {
 		d: "M3 12v.01M7 12h10m4 0v.01"
 	}, null, -1)]]);
 }
-var mn = m({
+var pn = m({
 	name: "tabler-separator",
-	render: pn
-}), hn = {
+	render: fn
+}), mn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function gn(e, t) {
-	return S(), o("svg", hn, [...t[0] ||= [s("path", {
+function hn(e, t) {
+	return S(), o("svg", mn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -880,16 +880,16 @@ function gn(e, t) {
 		d: "M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2M9 12h6m-3-3v6"
 	}, null, -1)]]);
 }
-var _n = m({
+var gn = m({
 	name: "tabler-crosshair",
-	render: gn
-}), vn = {
+	render: hn
+}), _n = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function yn(e, t) {
-	return S(), o("svg", vn, [...t[0] ||= [s("g", {
+function vn(e, t) {
+	return S(), o("svg", _n, [...t[0] ||= [s("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -897,16 +897,16 @@ function yn(e, t) {
 		"stroke-width": "2"
 	}, [s("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01" }), s("path", { d: "M11 12h1v4h1" })], -1)]]);
 }
-var bn = m({
+var yn = m({
 	name: "tabler-info-circle",
-	render: yn
-}), xn = {
+	render: vn
+}), bn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Sn(e, t) {
-	return S(), o("svg", xn, [...t[0] ||= [s("path", {
+function xn(e, t) {
+	return S(), o("svg", bn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -915,16 +915,16 @@ function Sn(e, t) {
 		d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m4 0h6m-3-3v6m11 8l-6-6"
 	}, null, -1)]]);
 }
-var Cn = m({
+var Sn = m({
 	name: "tabler-zoom-in",
-	render: Sn
-}), wn = {
+	render: xn
+}), Cn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Tn(e, t) {
-	return S(), o("svg", wn, [...t[0] ||= [s("path", {
+function wn(e, t) {
+	return S(), o("svg", Cn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -933,16 +933,16 @@ function Tn(e, t) {
 		d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m4 0h6m8 11l-6-6"
 	}, null, -1)]]);
 }
-var En = m({
+var Tn = m({
 	name: "tabler-zoom-out",
-	render: Tn
-}), Dn = {
+	render: wn
+}), En = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function On(e, t) {
-	return S(), o("svg", Dn, [...t[0] ||= [s("path", {
+function Dn(e, t) {
+	return S(), o("svg", En, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -951,16 +951,16 @@ function On(e, t) {
 		d: "M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2"
 	}, null, -1)]]);
 }
-var kn = m({
+var On = m({
 	name: "tabler-maximize",
-	render: On
-}), An = {
+	render: Dn
+}), kn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function jn(e, t) {
-	return S(), o("svg", An, [...t[0] ||= [s("path", {
+function An(e, t) {
+	return S(), o("svg", kn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -969,16 +969,16 @@ function jn(e, t) {
 		d: "M15 19v-2a2 2 0 0 1 2-2h2M15 5v2a2 2 0 0 0 2 2h2M5 15h2a2 2 0 0 1 2 2v2M5 9h2a2 2 0 0 0 2-2V5"
 	}, null, -1)]]);
 }
-var Mn = m({
+var jn = m({
 	name: "tabler-minimize",
-	render: jn
-}), Nn = {
+	render: An
+}), Mn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Pn(e, t) {
-	return S(), o("svg", Nn, [...t[0] ||= [s("g", {
+function Nn(e, t) {
+	return S(), o("svg", Mn, [...t[0] ||= [s("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -986,16 +986,16 @@ function Pn(e, t) {
 		"stroke-width": "2"
 	}, [s("path", { d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065" }), s("path", { d: "M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0" })], -1)]]);
 }
-var Fn = m({
+var Pn = m({
 	name: "tabler-settings",
-	render: Pn
-}), In = {
+	render: Nn
+}), Fn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Ln(e, t) {
-	return S(), o("svg", In, [...t[0] ||= [s("path", {
+function In(e, t) {
+	return S(), o("svg", Fn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1004,16 +1004,16 @@ function Ln(e, t) {
 		d: "M3 5a2 2 0 1 0 4 0a2 2 0 1 0-4 0m14 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M3 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m14 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M5 7v10M7 5h10M7 19h10m2-12v10"
 	}, null, -1)]]);
 }
-var Rn = m({
+var Ln = m({
 	name: "tabler-shape",
-	render: Ln
-}), zn = {
+	render: In
+}), Rn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Bn(e, t) {
-	return S(), o("svg", zn, [...t[0] ||= [s("path", {
+function zn(e, t) {
+	return S(), o("svg", Rn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1022,16 +1022,16 @@ function Bn(e, t) {
 		d: "M3 7a2 2 0 1 0 4 0a2 2 0 1 0-4 0m11 8a2 2 0 1 0 4 0a2 2 0 1 0-4 0m1-9a3 3 0 1 0 6 0a3 3 0 1 0-6 0M3 18a3 3 0 1 0 6 0a3 3 0 1 0-6 0m6-1l5-1.5m-7.5-7l7.81 5.37M7 7l8-1"
 	}, null, -1)]]);
 }
-var Vn = m({
+var Bn = m({
 	name: "tabler-chart-dots-3",
-	render: Bn
-}), Hn = {
+	render: zn
+}), Vn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Un(e, t) {
-	return S(), o("svg", Hn, [...t[0] ||= [s("path", {
+function Hn(e, t) {
+	return S(), o("svg", Vn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1040,16 +1040,16 @@ function Un(e, t) {
 		d: "m18 10l-6-6l-6 6zm0 4l-6 6l-6-6z"
 	}, null, -1)]]);
 }
-var Wn = m({
+var Un = m({
 	name: "tabler-caret-up-down",
-	render: Un
-}), Gn = {
+	render: Hn
+}), Wn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Kn(e, t) {
-	return S(), o("svg", Gn, [...t[0] ||= [s("path", {
+function Gn(e, t) {
+	return S(), o("svg", Wn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1058,34 +1058,34 @@ function Kn(e, t) {
 		d: "M8 4H5v16h3m8-16h3v16h-3"
 	}, null, -1)]]);
 }
-var qn = m({
+var Kn = m({
 	name: "tabler-brackets",
-	render: Kn
+	render: Gn
 });
 //#endregion
 //#region src/debug/canvasProfiler.ts
-function Jn() {
+function qn() {
 	return Object.create(null);
 }
-function Yn() {
+function Jn() {
 	return {
-		ctxMethods: Jn(),
-		ctxProps: Jn(),
-		canvasProps: Jn(),
+		ctxMethods: qn(),
+		ctxProps: qn(),
+		canvasProps: qn(),
 		ctxMethodSources: Object.create(null)
 	};
 }
-function Xn(e, t, n) {
+function Yn(e, t, n) {
 	let r = e[t] ??= {
 		count: 0,
 		totalTime: 0
 	};
 	r.count += 1, r.totalTime += n;
 }
-function Zn(e, t, n, r) {
-	Xn(e.ctxMethodSources[t] ??= Jn(), n, r);
+function Xn(e, t, n, r) {
+	Yn(e.ctxMethodSources[t] ??= qn(), n, r);
 }
-function Qn(e) {
+function Zn(e) {
 	return Object.entries(e).filter(([, e]) => e.count > 0).map(([e, t]) => ({
 		name: e,
 		count: t.count,
@@ -1093,12 +1093,12 @@ function Qn(e) {
 		averageTime: (t.totalTime / t.count).toFixed(4)
 	})).sort((e, t) => Number(t.totalTime) - Number(e.totalTime));
 }
-var $n = !1, er = /* @__PURE__ */ new Map(), tr = /* @__PURE__ */ new Map();
-function nr(e) {
-	$n = e, e ? typeof window < "u" && !window.__KMAP_CANVAS_PROFILER_INSTALLED__ && ar() : or();
+var Qn = !1, $n = /* @__PURE__ */ new Map(), er = /* @__PURE__ */ new Map();
+function tr(e) {
+	Qn = e, e ? typeof window < "u" && !window.__KMAP_CANVAS_PROFILER_INSTALLED__ && ir() : ar();
 }
-function rr() {
-	if (!$n) return "disabled";
+function nr() {
+	if (!Qn) return "disabled";
 	let e = (/* @__PURE__ */ Error()).stack;
 	if (!e) return "unknown";
 	let t = e.split("\n").map((e) => e.trim()).filter(Boolean);
@@ -1113,69 +1113,69 @@ function rr() {
 }
 function Q(e, t, n, r) {
 	let i = `${e.constructor?.name ?? "proto"}:${t}`;
-	if (er.has(i)) return;
+	if ($n.has(i)) return;
 	let a = Reflect.get(e, t);
-	typeof a == "function" && (er.set(i, a), Reflect.set(e, t, function(...e) {
-		if (!$n) return a.apply(this, e);
-		let i = r?.captureSource ? rr() : null, o = performance.now(), s = a.apply(this, e), c = performance.now() - o;
-		return Xn(n.ctxMethods, t, c), i && Zn(n, t, i, c), s;
+	typeof a == "function" && ($n.set(i, a), Reflect.set(e, t, function(...e) {
+		if (!Qn) return a.apply(this, e);
+		let i = r?.captureSource ? nr() : null, o = performance.now(), s = a.apply(this, e), c = performance.now() - o;
+		return Yn(n.ctxMethods, t, c), i && Xn(n, t, i, c), s;
 	}));
 }
-function ir(e, t, n) {
+function rr(e, t, n) {
 	let r = Object.getOwnPropertyDescriptor(e, t);
 	if (!r?.set || !r.configurable) return;
 	let i = `${e.constructor?.name ?? "proto"}:${t}`;
-	tr.has(i) || (tr.set(i, r), Object.defineProperty(e, t, {
+	er.has(i) || (er.set(i, r), Object.defineProperty(e, t, {
 		configurable: !0,
 		enumerable: r.enumerable ?? !1,
 		get: r.get,
 		set(e) {
-			if (!$n) {
+			if (!Qn) {
 				r.set.call(this, e);
 				return;
 			}
 			let i = performance.now();
-			r.set.call(this, e), Xn(n, t, performance.now() - i);
+			r.set.call(this, e), Yn(n, t, performance.now() - i);
 		}
 	}));
 }
-function ar() {
+function ir() {
 	if (typeof window > "u" || window.__KMAP_CANVAS_PROFILER_INSTALLED__) return;
 	let e = CanvasRenderingContext2D?.prototype, t = HTMLCanvasElement?.prototype;
 	if (!e || !t) return;
-	let n = Yn();
-	Q(e, "fillText", n, { captureSource: !0 }), Q(e, "measureText", n, { captureSource: !0 }), Q(e, "drawImage", n), Q(e, "save", n), Q(e, "restore", n), Q(e, "clip", n), Q(e, "setTransform", n), Q(e, "scale", n), ir(e, "font", n.ctxProps), ir(e, "filter", n.ctxProps), ir(e, "shadowBlur", n.ctxProps), ir(e, "lineWidth", n.ctxProps), ir(t, "width", n.canvasProps), ir(t, "height", n.canvasProps), window.__KMAP_CANVAS_PROFILER_METRICS__ = n, window.__KMAP_CANVAS_PROFILER_INSTALLED__ = !0, window.showCanvasReport = () => {
+	let n = Jn();
+	Q(e, "fillText", n, { captureSource: !0 }), Q(e, "measureText", n, { captureSource: !0 }), Q(e, "drawImage", n), Q(e, "save", n), Q(e, "restore", n), Q(e, "clip", n), Q(e, "setTransform", n), Q(e, "scale", n), rr(e, "font", n.ctxProps), rr(e, "filter", n.ctxProps), rr(e, "shadowBlur", n.ctxProps), rr(e, "lineWidth", n.ctxProps), rr(t, "width", n.canvasProps), rr(t, "height", n.canvasProps), window.__KMAP_CANVAS_PROFILER_METRICS__ = n, window.__KMAP_CANVAS_PROFILER_INSTALLED__ = !0, window.showCanvasReport = () => {
 		let e = window.__KMAP_CANVAS_PROFILER_METRICS__;
 		if (e) {
-			console.group("[kmap] Canvas profiler report"), console.log("ctx methods"), console.table(Qn(e.ctxMethods)), console.log("ctx props"), console.table(Qn(e.ctxProps)), console.log("canvas props"), console.table(Qn(e.canvasProps));
+			console.group("[kmap] Canvas profiler report"), console.log("ctx methods"), console.table(Zn(e.ctxMethods)), console.log("ctx props"), console.table(Zn(e.ctxProps)), console.log("canvas props"), console.table(Zn(e.canvasProps));
 			for (let t of ["fillText", "measureText"]) {
 				let n = e.ctxMethodSources[t];
-				n && (console.log(`${t} sources`), console.table(Qn(n).slice(0, 20)));
+				n && (console.log(`${t} sources`), console.table(Zn(n).slice(0, 20)));
 			}
 			console.groupEnd();
 		}
 	}, window.resetCanvasReport = () => {
-		window.__KMAP_CANVAS_PROFILER_METRICS__ = Yn();
+		window.__KMAP_CANVAS_PROFILER_METRICS__ = Jn();
 	}, console.info("[kmap] Canvas profiler enabled. Use window.showCanvasReport() and window.resetCanvasReport().");
 }
-function or() {
+function ar() {
 	if (typeof window > "u" || !window.__KMAP_CANVAS_PROFILER_INSTALLED__) return;
 	let e = CanvasRenderingContext2D?.prototype, t = HTMLCanvasElement?.prototype;
-	er.forEach((n, r) => {
+	$n.forEach((n, r) => {
 		let i = r.match(/^(.+):(.+)$/);
 		if (!i) return;
 		let [, a, o] = i, s = null;
 		a === "CanvasRenderingContext2D" ? s = e : a === "HTMLCanvasElement" && (s = t), s && Reflect.set(s, o, n);
-	}), er.clear(), tr.forEach((n, r) => {
+	}), $n.clear(), er.forEach((n, r) => {
 		let i = r.match(/^(.+):(.+)$/);
 		if (!i) return;
 		let [, a, o] = i, s = null;
 		a === "CanvasRenderingContext2D" ? s = e : a === "HTMLCanvasElement" && (s = t), s && n.configurable && Object.defineProperty(s, o, n);
-	}), tr.clear(), window.__KMAP_CANVAS_PROFILER_INSTALLED__ = !1, window.__KMAP_CANVAS_PROFILER_METRICS__ = void 0, window.showCanvasReport = void 0, window.resetCanvasReport = void 0, console.info("[kmap] Canvas profiler disabled.");
+	}), er.clear(), window.__KMAP_CANVAS_PROFILER_INSTALLED__ = !1, window.__KMAP_CANVAS_PROFILER_METRICS__ = void 0, window.showCanvasReport = void 0, window.resetCanvasReport = void 0, console.info("[kmap] Canvas profiler disabled.");
 }
 //#endregion
 //#region src/components/ChartSettingsDialog.vue?vue&type=script&setup=true&lang.ts
-var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["onUpdate:modelValue"], ur = { class: "settings-label" }, dr = ["onUpdate:modelValue"], fr = { class: "settings-label" }, pr = ["onUpdate:modelValue"], mr = { class: "settings-header" }, hr = { class: "header-right" }, gr = { class: "settings-body" }, _r = /*#__PURE__*/ W(/* @__PURE__ */ u({
+var or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["onUpdate:modelValue"], lr = { class: "settings-label" }, ur = ["onUpdate:modelValue"], dr = { class: "settings-label" }, fr = ["onUpdate:modelValue"], pr = { class: "settings-header" }, mr = { class: "header-right" }, hr = { class: "settings-body" }, gr = /*#__PURE__*/ U(/* @__PURE__ */ u({
 	__name: "ChartSettingsDialog",
 	props: { show: { type: Boolean } },
 	emits: ["close", "confirm"],
@@ -1183,7 +1183,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 		let f = u, p = d, m = Me(), h = r(() => B.filter((e) => e.group === "main")), g = r(() => B.filter((e) => e.group === "experimental")), _ = r(() => B.filter((e) => e.group === "style")), v = w(!1);
 		function y() {
 			try {
-				let e = localStorage.getItem(ge);
+				let e = localStorage.getItem(he);
 				if (e) {
 					let t = JSON.parse(e), n = {};
 					return B.forEach((e) => {
@@ -1231,16 +1231,16 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 						stroke: "currentColor",
 						"stroke-width": "2"
 					}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]),
-					s("div", sr, [
+					s("div", or, [
 						h.value.length > 0 ? (S(), o(e, { key: 0 }, [d[8] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "主图设置")], -1), (S(!0), o(e, null, T(h.value, (e) => (S(), o("div", {
 							key: e.key,
 							class: "settings-item"
-						}, [s("label", cr, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
+						}, [s("label", sr, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
 							key: 0,
 							type: "checkbox",
 							class: "settings-checkbox",
 							"onUpdate:modelValue": (t) => b.value[e.key] = t
-						}, null, 8, lr)), [[A, b.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(Ee, {
+						}, null, 8, cr)), [[A, b.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(K, {
 							key: 1,
 							"model-value": String(b.value[e.key]),
 							options: e.options,
@@ -1256,12 +1256,12 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 						(S(!0), o(e, null, T(_.value, (e) => (S(), o("div", {
 							key: e.key,
 							class: "settings-item"
-						}, [s("label", ur, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
+						}, [s("label", lr, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
 							key: 0,
 							type: "checkbox",
 							class: "settings-checkbox",
 							"onUpdate:modelValue": (t) => b.value[e.key] = t
-						}, null, 8, dr)), [[A, b.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(Ee, {
+						}, null, 8, ur)), [[A, b.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(K, {
 							key: 1,
 							"model-value": String(b.value[e.key]),
 							options: e.options,
@@ -1288,12 +1288,12 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 						g.value.length > 0 ? (S(), o(e, { key: 1 }, [d[10] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "实验性 / 调试设置")], -1), (S(!0), o(e, null, T(g.value, (e) => (S(), o("div", {
 							key: e.key,
 							class: "settings-item experimental"
-						}, [s("label", fr, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
+						}, [s("label", dr, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
 							key: 0,
 							type: "checkbox",
 							class: "settings-checkbox",
 							"onUpdate:modelValue": (t) => b.value[e.key] = t
-						}, null, 8, pr)), [[A, b.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(Ee, {
+						}, null, 8, fr)), [[A, b.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(K, {
 							key: 1,
 							"model-value": String(b.value[e.key]),
 							options: e.options,
@@ -1339,7 +1339,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				default: N(() => [s("div", {
 					class: "settings-modal",
 					onClick: d[4] ||= I(() => {}, ["stop"])
-				}, [s("div", mr, [d[15] ||= s("div", { class: "header-left" }, [s("span", { class: "settings-title" }, "颜色预设"), s("span", { class: "settings-subtitle" }, "自定义图表颜色")], -1), s("div", hr, [s("button", {
+				}, [s("div", pr, [d[15] ||= s("div", { class: "header-left" }, [s("span", { class: "settings-title" }, "颜色预设"), s("span", { class: "settings-subtitle" }, "自定义图表颜色")], -1), s("div", mr, [s("button", {
 					class: "settings-close",
 					onClick: d[2] ||= (e) => v.value = !1
 				}, [...d[14] ||= [s("svg", {
@@ -1347,7 +1347,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 					fill: "none",
 					stroke: "currentColor",
 					"stroke-width": "2"
-				}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]), s("div", gr, [l(xe, {
+				}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]), s("div", hr, [l(W, {
 					"color-preset-settings": b.value.colorPresetSettings,
 					"onUpdate:colorPresetSettings": d[3] ||= (e) => b.value = {
 						...b.value,
@@ -1359,18 +1359,18 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 			_: 1
 		})], 8, ["to"]));
 	}
-}), [["__scopeId", "data-v-e04604ac"]]), vr = {
+}), [["__scopeId", "data-v-e04604ac"]]), _r = {
 	class: "left-toolbar",
 	"aria-label": "图表工具栏"
-}, yr = { class: "left-toolbar__group" }, br = [
+}, vr = { class: "left-toolbar__group" }, yr = [
 	"title",
 	"aria-label",
 	"onClick"
-], xr = ["onClick"], Sr = [
+], br = ["onClick"], xr = [
 	"title",
 	"aria-label",
 	"onClick"
-], Cr = { class: "left-toolbar__group" }, wr = { class: "left-toolbar__group" }, Tr = ["title", "aria-label"], Er = { class: "left-toolbar__group" }, Dr = /*#__PURE__*/ W(/* @__PURE__ */ u({
+], Sr = { class: "left-toolbar__group" }, Cr = { class: "left-toolbar__group" }, wr = ["title", "aria-label"], Tr = { class: "left-toolbar__group" }, Er = /*#__PURE__*/ U(/* @__PURE__ */ u({
 	__name: "LeftToolbar",
 	props: { isFullscreen: { type: Boolean } },
 	emits: [
@@ -1385,81 +1385,81 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 			{
 				id: "cursor",
 				title: "光标",
-				icon: Qt
+				icon: Zt
 			},
 			{
 				id: "lines",
 				title: "线条",
-				icon: tn,
+				icon: en,
 				children: [
 					{
 						id: "trend-line",
 						title: "线段",
-						icon: tn
+						icon: en
 					},
 					{
 						id: "ray",
 						title: "射线",
-						icon: an
+						icon: rn
 					},
 					{
 						id: "h-line",
 						title: "水平线",
-						icon: dn
+						icon: un
 					},
 					{
 						id: "h-ray",
 						title: "水平射线",
-						icon: cn
+						icon: sn
 					},
 					{
 						id: "v-line",
 						title: "垂直线",
-						icon: mn
+						icon: pn
 					},
 					{
 						id: "crosshair-line",
 						title: "十字线",
-						icon: _n
+						icon: gn
 					},
 					{
 						id: "info-line",
 						title: "信息线",
-						icon: bn
+						icon: yn
 					}
 				]
 			},
 			{
 				id: "channels",
 				title: "通道",
-				icon: Rn,
+				icon: Ln,
 				children: [
 					{
 						id: "parallel-channel",
 						title: "平行通道",
-						icon: Rn
+						icon: Ln
 					},
 					{
 						id: "regression-channel",
 						title: "回归趋势",
-						icon: Vn
+						icon: Bn
 					},
 					{
 						id: "flat-line",
 						title: "平滑顶底",
-						icon: Wn
+						icon: Un
 					},
 					{
 						id: "disjoint-channel",
 						title: "不相交通道",
-						icon: qn
+						icon: Kn
 					}
 				]
 			}
 		], d = c, f = w("cursor"), p = w(null), m = w(!1);
 		function h() {
 			try {
-				let e = localStorage.getItem(ge);
+				let e = localStorage.getItem(he);
 				if (e) {
 					let t = JSON.parse(e), n = { ...t };
 					return B.forEach((e) => {
@@ -1474,7 +1474,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 		}
 		function _(e) {
 			try {
-				localStorage.setItem(ge, JSON.stringify(e));
+				localStorage.setItem(he, JSON.stringify(e));
 			} catch {}
 		}
 		let v = w(h());
@@ -1506,17 +1506,17 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 		}
 		r({ getSettings: j });
 		function M(e) {
-			v.value = { ...e }, _(v.value), nr(!!v.value.enableCanvasProfiler), d("settingsChange", { ...v.value }), m.value = !1;
+			v.value = { ...e }, _(v.value), tr(!!v.value.enableCanvasProfiler), d("settingsChange", { ...v.value }), m.value = !1;
 		}
 		function P(e) {
 			e.target.closest(".tool-item") || (p.value = null);
 		}
 		return y(() => {
-			document.addEventListener("click", P, !0), d("settingsChange", { ...v.value }), nr(!!v.value.enableCanvasProfiler);
+			document.addEventListener("click", P, !0), d("settingsChange", { ...v.value }), tr(!!v.value.enableCanvasProfiler);
 		}), x(() => {
 			document.removeEventListener("click", P, !0);
-		}), (r, c) => (S(), o(e, null, [s("nav", vr, [
-			s("div", yr, [(S(), o(e, null, T(u, (t) => s("div", {
+		}), (r, c) => (S(), o(e, null, [s("nav", _r, [
+			s("div", vr, [(S(), o(e, null, T(u, (t) => s("div", {
 				key: t.id,
 				class: "tool-item"
 			}, [s("button", {
@@ -1536,7 +1536,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				class: g(["corner-indicator", { open: p.value === t.id }]),
 				onClick: I((e) => O(t.id), ["stop"]),
 				"aria-label": "展开子菜单"
-			}, null, 10, xr)) : a("", !0)], 42, br), l(n, { name: "dropdown" }, {
+			}, null, 10, br)) : a("", !0)], 42, yr), l(n, { name: "dropdown" }, {
 				default: N(() => [p.value === t.id && t.children && t.children.length ? (S(), o("div", {
 					key: 0,
 					class: "tool-dropdown",
@@ -1553,11 +1553,11 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				}, [(S(), i(E(e.icon), {
 					class: "tool-icon",
 					"aria-hidden": "true"
-				}))], 10, Sr))), 128))], 32)) : a("", !0)]),
+				}))], 10, xr))), 128))], 32)) : a("", !0)]),
 				_: 2
 			}, 1024)])), 64))]),
 			c[22] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
-			s("div", Cr, [s("button", {
+			s("div", Sr, [s("button", {
 				type: "button",
 				class: "left-toolbar__button",
 				title: "放大",
@@ -1566,7 +1566,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				onPointerdown: c[7] ||= I(() => {}, ["stop"]),
 				onPointermove: c[8] ||= I(() => {}, ["stop"]),
 				onPointerup: c[9] ||= I(() => {}, ["stop"])
-			}, [l(k(Cn), {
+			}, [l(k(Sn), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})], 32), s("button", {
@@ -1578,12 +1578,12 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				onPointerdown: c[11] ||= I(() => {}, ["stop"]),
 				onPointermove: c[12] ||= I(() => {}, ["stop"]),
 				onPointerup: c[13] ||= I(() => {}, ["stop"])
-			}, [l(k(En), {
+			}, [l(k(Tn), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})], 32)]),
 			c[23] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
-			s("div", wr, [s("button", {
+			s("div", Cr, [s("button", {
 				type: "button",
 				class: "left-toolbar__button",
 				title: t.isFullscreen ? "退出全屏" : "全屏显示",
@@ -1592,17 +1592,17 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				onPointerdown: c[15] ||= I(() => {}, ["stop"]),
 				onPointermove: c[16] ||= I(() => {}, ["stop"]),
 				onPointerup: c[17] ||= I(() => {}, ["stop"])
-			}, [t.isFullscreen ? (S(), i(k(Mn), {
+			}, [t.isFullscreen ? (S(), i(k(jn), {
 				key: 0,
 				class: "tool-icon",
 				"aria-hidden": "true"
-			})) : (S(), i(k(kn), {
+			})) : (S(), i(k(On), {
 				key: 1,
 				class: "tool-icon",
 				"aria-hidden": "true"
-			}))], 40, Tr)]),
+			}))], 40, wr)]),
 			c[24] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
-			s("div", Er, [s("button", {
+			s("div", Tr, [s("button", {
 				type: "button",
 				class: "left-toolbar__button",
 				title: "设置",
@@ -1611,17 +1611,17 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				onPointerdown: c[18] ||= I(() => {}, ["stop"]),
 				onPointermove: c[19] ||= I(() => {}, ["stop"]),
 				onPointerup: c[20] ||= I(() => {}, ["stop"])
-			}, [l(k(Fn), {
+			}, [l(k(Pn), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})], 32)])
-		]), l(_r, {
+		]), l(gr, {
 			show: m.value,
 			onClose: c[21] ||= (e) => m.value = !1,
 			onConfirm: M
 		}, null, 8, ["show"])], 64));
 	}
-}), [["__scopeId", "data-v-66411b58"]]), Or = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-66411b58"]]), Dr = /* @__PURE__ */ u({
 	__name: "KLineLevelDropdown",
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],
@@ -1664,7 +1664,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				value: "yearly"
 			}
 		], r = t;
-		return (t, a) => (S(), i(Ee, {
+		return (t, a) => (S(), i(K, {
 			"model-value": e.modelValue,
 			options: n,
 			label: "级别",
@@ -1673,13 +1673,13 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 			"onUpdate:modelValue": a[0] ||= (e) => r("update:modelValue", e)
 		}, null, 8, ["model-value"]));
 	}
-}), kr = {
+}), Or = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Ar(e, t) {
-	return S(), o("svg", kr, [...t[0] ||= [s("path", {
+function kr(e, t) {
+	return S(), o("svg", Or, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1688,26 +1688,26 @@ function Ar(e, t) {
 		d: "M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0M12 16h.01"
 	}, null, -1)]]);
 }
-var jr = m({
+var Ar = m({
 	name: "tabler-alert-triangle",
-	render: Ar
-}), Mr = ["title", "aria-expanded"], Nr = { class: "symbol-chip__code" }, Pr = {
+	render: kr
+}), jr = ["title", "aria-expanded"], Mr = { class: "symbol-chip__code" }, Nr = {
 	key: 0,
 	class: "symbol-chip__spinner",
 	"aria-hidden": "true"
-}, Fr = {
+}, Pr = {
 	key: 0,
 	class: "symbol-popover",
 	role: "dialog",
 	"aria-label": "切换合约"
-}, Ir = { class: "symbol-search" }, Lr = {
+}, Fr = { class: "symbol-search" }, Ir = {
 	class: "symbol-list",
 	role: "listbox",
 	"aria-label": "商品列表"
-}, Rr = {
+}, Lr = {
 	key: 0,
 	class: "symbol-list__empty"
-}, zr = {
+}, Rr = {
 	width: "32",
 	height: "32",
 	viewBox: "0 0 32 32",
@@ -1716,7 +1716,7 @@ var jr = m({
 		"margin-bottom": "8px",
 		opacity: "0.35"
 	}
-}, Br = ["aria-selected", "onClick"], Vr = { class: "symbol-list__left" }, Hr = { class: "symbol-list__code" }, Ur = { class: "symbol-list__desc" }, Wr = { class: "symbol-list__exchange" }, Gr = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}, zr = ["aria-selected", "onClick"], Br = { class: "symbol-list__left" }, Vr = { class: "symbol-list__code" }, Hr = { class: "symbol-list__desc" }, Ur = { class: "symbol-list__exchange" }, Wr = /*#__PURE__*/ U(/* @__PURE__ */ u({
 	__name: "SymbolSelector",
 	props: {
 		symbol: {},
@@ -1726,24 +1726,27 @@ var jr = m({
 	},
 	emits: ["change"],
 	setup(t, { emit: c }) {
-		let u = t, d = c, f = w(!1), p = w(""), m = w(null), _ = w(null), b = r(() => {
+		let u = t, d = c, f = w(!1), p = w(""), m = w(null), _ = w(null), b = r(() => u.symbols.find((e) => e.code === u.symbol)), x = r(() => {
+			let e = b.value;
+			return e ? `${e.code} - ${e.description}` : u.symbol;
+		}), C = r(() => {
 			let e = p.value.trim().toLowerCase();
 			return e ? u.symbols.filter((t) => t.code.toLowerCase().includes(e) || t.description.toLowerCase().includes(e) || t.exchange.toLowerCase().includes(e)) : u.symbols;
 		});
-		function x() {
+		function E() {
 			f.value = !f.value, f.value && h(() => m.value?.focus());
 		}
-		function C() {
+		function D() {
 			p.value = "", m.value?.focus();
 		}
-		function E() {}
-		function D(e) {
+		function A() {}
+		function F(e) {
 			d("change", e), f.value = !1, p.value = "";
 		}
-		function A(e) {
+		function I(e) {
 			_.value && !_.value.contains(e.target) && (f.value = !1);
 		}
-		return y(() => document.addEventListener("mousedown", A)), v(() => document.removeEventListener("mousedown", A)), M(() => u.symbol, () => {
+		return y(() => document.addEventListener("mousedown", I)), v(() => document.removeEventListener("mousedown", I)), M(() => u.symbol, () => {
 			f.value = !1, p.value = "";
 		}), (r, c) => (S(), o("div", {
 			ref_key: "chipWrapRef",
@@ -1752,16 +1755,16 @@ var jr = m({
 		}, [s("button", {
 			type: "button",
 			class: g(["symbol-chip", { "is-open": f.value }]),
-			title: t.symbol,
+			title: x.value,
 			"aria-expanded": f.value,
 			"aria-haspopup": "dialog",
-			onClick: x
-		}, [s("span", Nr, O(t.symbol), 1), t.loading ? (S(), o("span", Pr)) : t.error ? (S(), i(k(jr), {
+			onClick: E
+		}, [s("span", Mr, O(x.value), 1), t.loading ? (S(), o("span", Nr)) : t.error ? (S(), i(k(Ar), {
 			key: 1,
 			class: "symbol-chip__warn",
 			"aria-hidden": "true"
-		})) : a("", !0)], 10, Mr), l(n, { name: "symbol-popover" }, {
-			default: N(() => [f.value ? (S(), o("div", Fr, [s("div", Ir, [
+		})) : a("", !0)], 10, jr), l(n, { name: "symbol-popover" }, {
+			default: N(() => [f.value ? (S(), o("div", Pr, [s("div", Fr, [
 				c[2] ||= s("span", {
 					class: "symbol-search__icon",
 					"aria-hidden": "true"
@@ -1795,14 +1798,14 @@ var jr = m({
 					autocomplete: "off",
 					spellcheck: "false",
 					"aria-label": "搜索商品",
-					onInput: E
+					onInput: A
 				}, null, 544), [[j, p.value]]),
 				p.value ? (S(), o("button", {
 					key: 0,
 					type: "button",
 					class: "symbol-search__clear",
 					"aria-label": "清空搜索",
-					onClick: C
+					onClick: D
 				}, [...c[1] ||= [s("svg", {
 					class: "delete-icon",
 					viewBox: "0 0 24 24",
@@ -1817,7 +1820,7 @@ var jr = m({
 					s("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
 					s("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
 				], -1)]])) : a("", !0)
-			]), s("div", Lr, [b.value.length === 0 ? (S(), o("div", Rr, [(S(), o("svg", zr, [...c[3] ||= [s("circle", {
+			]), s("div", Ir, [C.value.length === 0 ? (S(), o("div", Lr, [(S(), o("svg", Rr, [...c[3] ||= [s("circle", {
 				cx: "13",
 				cy: "13",
 				r: "10",
@@ -1831,19 +1834,22 @@ var jr = m({
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"stroke-linecap": "round"
-			}, null, -1)]])), c[4] ||= s("span", null, "未找到相关商品", -1)])) : a("", !0), (S(!0), o(e, null, T(b.value, (e) => (S(), o("button", {
+			}, null, -1)]])), c[4] ||= s("span", null, "未找到相关商品", -1)])) : a("", !0), (S(!0), o(e, null, T(C.value, (e) => (S(), o("button", {
 				key: e.code,
 				type: "button",
 				class: g(["symbol-list__item", { "is-active": e.code === t.symbol }]),
 				role: "option",
 				"aria-selected": e.code === t.symbol,
-				onClick: (t) => D(e)
-			}, [s("span", Vr, [s("span", Hr, O(e.code), 1), s("span", Ur, O(e.description), 1)]), s("span", Wr, O(e.exchange), 1)], 10, Br))), 128))])])) : a("", !0)]),
+				onClick: (t) => F(e)
+			}, [s("span", Br, [s("span", Vr, O(e.code), 1), s("span", Hr, O(e.description), 1)]), s("span", Ur, O(e.exchange), 1)], 10, zr))), 128))])])) : a("", !0)]),
 			_: 1
 		})], 512));
 	}
-}), [["__scopeId", "data-v-e22f59e1"]]), Kr = ["aria-expanded"], qr = {
+}), [["__scopeId", "data-v-8a2877e0"]]), Gr = ["aria-expanded"], Kr = {
 	key: 0,
+	class: "compare-chip__spinner"
+}, qr = {
+	key: 1,
 	class: "compare-chip__badge"
 }, Jr = {
 	key: 0,
@@ -1873,40 +1879,42 @@ var jr = m({
 	key: 0,
 	class: "compare-list__check",
 	"aria-hidden": "true"
-}, di = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}, di = /*#__PURE__*/ U(/* @__PURE__ */ u({
 	__name: "CompareSymbolSelector",
 	props: {
 		symbols: {},
-		selected: { default: () => [] }
+		selected: { default: () => [] },
+		comparisonColors: {},
+		comparisonLoading: { type: Boolean }
 	},
 	emits: ["add", "remove"],
 	setup(t, { emit: i }) {
-		let c = t, u = i, d = w(!1), f = w(""), p = w(null), m = w(null), _ = r(() => new Set(c.selected ?? [])), b = r(() => {
-			let e = _.value;
+		let c = t, u = i, d = w(!1), f = w(""), p = w(null), m = w(null), b = r(() => new Set(c.selected ?? [])), x = r(() => {
+			let e = b.value;
 			return c.symbols.filter((t) => e.has(t.code));
-		}), x = r(() => {
+		}), C = r(() => {
 			let e = f.value.trim().toLowerCase();
 			return e ? c.symbols.filter((t) => t.code.toLowerCase().includes(e) || t.description.toLowerCase().includes(e) || t.exchange.toLowerCase().includes(e)) : c.symbols;
 		});
-		function C(e) {
-			return _.value.has(e);
-		}
 		function E(e) {
-			C(e.code) ? u("remove", e.code) : u("add", e);
+			return b.value.has(e);
 		}
 		function D(e) {
+			E(e.code) ? u("remove", e.code) : u("add", e);
+		}
+		function k(e) {
 			u("remove", e);
 		}
-		function k() {
+		function A() {
 			d.value = !d.value, d.value && h(() => p.value?.focus());
 		}
-		function A() {
+		function M() {
 			f.value = "", p.value?.focus();
 		}
-		function M(e) {
+		function F(e) {
 			m.value && !m.value.contains(e.target) && (d.value = !1, f.value = "");
 		}
-		return y(() => document.addEventListener("mousedown", M)), v(() => document.removeEventListener("mousedown", M)), (r, i) => (S(), o("div", {
+		return y(() => document.addEventListener("mousedown", F)), v(() => document.removeEventListener("mousedown", F)), (r, i) => (S(), o("div", {
 			ref_key: "rootRef",
 			ref: m,
 			class: "compare-chip-wrap"
@@ -1916,15 +1924,16 @@ var jr = m({
 			title: "比较商品",
 			"aria-expanded": d.value,
 			"aria-haspopup": "dialog",
-			onClick: k
+			onClick: A
 		}, [
 			i[1] ||= s("span", {
 				class: "compare-chip__icon",
 				"aria-hidden": "true"
 			}, "+", -1),
 			i[2] ||= s("span", { class: "compare-chip__text" }, "比较商品", -1),
+			t.comparisonLoading ? (S(), o("span", Kr)) : a("", !0),
 			t.selected.length > 0 ? (S(), o("span", qr, O(t.selected.length), 1)) : a("", !0)
-		], 10, Kr), l(n, { name: "symbol-popover" }, {
+		], 10, Gr), l(n, { name: "symbol-popover" }, {
 			default: N(() => [d.value ? (S(), o("div", Jr, [
 				s("div", Yr, [
 					i[4] ||= s("span", {
@@ -1966,7 +1975,7 @@ var jr = m({
 						type: "button",
 						class: "compare-search__clear",
 						"aria-label": "清空搜索",
-						onClick: A
+						onClick: M
 					}, [...i[3] ||= [s("svg", {
 						class: "delete-icon",
 						viewBox: "0 0 24 24",
@@ -1982,17 +1991,21 @@ var jr = m({
 						s("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
 					], -1)]])) : a("", !0)
 				]),
-				t.selected.length > 0 ? (S(), o("div", Xr, [i[6] ||= s("div", { class: "compare-selected__header" }, [s("span", { class: "compare-selected__title" }, "已添加商品")], -1), s("div", Zr, [(S(!0), o(e, null, T(b.value, (e) => (S(), o("div", {
+				t.selected.length > 0 ? (S(), o("div", Xr, [i[6] ||= s("div", { class: "compare-selected__header" }, [s("span", { class: "compare-selected__title" }, "已添加商品")], -1), s("div", Zr, [(S(!0), o(e, null, T(x.value, (e) => (S(), o("div", {
 					key: e.code,
 					class: "compare-selected__item"
 				}, [
+					s("span", {
+						class: "compare-selected__color",
+						style: _({ background: t.comparisonColors?.get(e.code) ?? "#888" })
+					}, null, 4),
 					s("span", Qr, O(e.code), 1),
 					s("span", $r, O(e.description), 1),
 					s("button", {
 						type: "button",
 						class: "compare-selected__remove",
 						"aria-label": "移除 " + e.code,
-						onClick: (t) => D(e.code)
+						onClick: (t) => k(e.code)
 					}, [...i[5] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						width: "12",
@@ -2004,7 +2017,7 @@ var jr = m({
 						"stroke-linejoin": "round"
 					}, [s("path", { d: "M18 6L6 18" }), s("path", { d: "M6 6l12 12" })], -1)]], 8, ei)
 				]))), 128))])])) : a("", !0),
-				s("div", ti, [x.value.length === 0 ? (S(), o("div", ni, [(S(), o("svg", ri, [...i[7] ||= [s("circle", {
+				s("div", ti, [C.value.length === 0 ? (S(), o("div", ni, [(S(), o("svg", ri, [...i[7] ||= [s("circle", {
 					cx: "13",
 					cy: "13",
 					r: "10",
@@ -2018,14 +2031,14 @@ var jr = m({
 					stroke: "currentColor",
 					"stroke-width": "2",
 					"stroke-linecap": "round"
-				}, null, -1)]])), i[8] ||= s("span", null, "未找到相关商品", -1)])) : a("", !0), (S(!0), o(e, null, T(x.value, (e) => (S(), o("button", {
+				}, null, -1)]])), i[8] ||= s("span", null, "未找到相关商品", -1)])) : a("", !0), (S(!0), o(e, null, T(C.value, (e) => (S(), o("button", {
 					key: e.code,
 					type: "button",
-					class: g(["compare-list__item", { "is-selected": C(e.code) }]),
+					class: g(["compare-list__item", { "is-selected": E(e.code) }]),
 					role: "option",
-					"aria-selected": C(e.code),
-					onClick: (t) => E(e)
-				}, [s("span", ai, [s("span", oi, O(e.code), 1), s("span", si, O(e.description), 1)]), s("span", ci, [s("span", li, O(e.exchange), 1), C(e.code) ? (S(), o("span", ui, [...i[9] ||= [s("svg", {
+					"aria-selected": E(e.code),
+					onClick: (t) => D(e)
+				}, [s("span", ai, [s("span", oi, O(e.code), 1), s("span", si, O(e.description), 1)]), s("span", ci, [s("span", li, O(e.exchange), 1), E(e.code) ? (S(), o("span", ui, [...i[9] ||= [s("svg", {
 					viewBox: "0 0 24 24",
 					width: "16",
 					height: "16",
@@ -2039,7 +2052,7 @@ var jr = m({
 			_: 1
 		})], 512));
 	}
-}), [["__scopeId", "data-v-b8955787"]]), fi = { class: "top-toolbar" }, pi = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-9513ad09"]]), fi = { class: "top-toolbar" }, pi = /*#__PURE__*/ U(/* @__PURE__ */ u({
 	__name: "TopToolbar",
 	props: {
 		symbol: {},
@@ -2047,7 +2060,9 @@ var jr = m({
 		symbols: {},
 		symbolLoading: { type: Boolean },
 		symbolError: { type: Boolean },
-		overlaySymbols: {}
+		overlaySymbols: {},
+		comparisonColors: {},
+		comparisonLoading: { type: Boolean }
 	},
 	emits: [
 		"addOverlaySymbol",
@@ -2059,75 +2074,69 @@ var jr = m({
 	setup(e, { emit: t }) {
 		let n = e, c = t, u = [
 			{
-				code: "AAPL",
-				description: "Apple Inc.",
-				exchange: "NASDAQ",
-				source: "baostock"
+				code: "XAUUSD",
+				description: "现货黄金",
+				exchange: "OANDA",
+				source: "tradingview"
 			},
 			{
-				code: "TSLA",
-				description: "Tesla, Inc.",
-				exchange: "NASDAQ",
-				source: "baostock"
+				code: "BTCUSDT",
+				description: "Bitcoin / Tether",
+				exchange: "BINANCE",
+				source: "tradingview"
 			},
 			{
-				code: "GOOGL",
-				description: "Alphabet Inc.",
-				exchange: "NASDAQ",
-				source: "baostock"
+				code: "ETHUSDT",
+				description: "Ethereum / Tether",
+				exchange: "BINANCE",
+				source: "tradingview"
 			},
 			{
-				code: "MSFT",
-				description: "Microsoft Corporation",
-				exchange: "NASDAQ",
-				source: "baostock"
+				code: "EURUSD",
+				description: "欧元/美元",
+				exchange: "OANDA",
+				source: "tradingview"
 			},
 			{
-				code: "AMZN",
-				description: "Amazon.com, Inc.",
-				exchange: "NASDAQ",
-				source: "baostock"
+				code: "SPX",
+				description: "标普 500 指数",
+				exchange: "SP",
+				source: "tradingview"
 			},
 			{
-				code: "NVDA",
-				description: "NVIDIA Corporation",
+				code: "AAPL",
+				description: "Apple Inc.",
 				exchange: "NASDAQ",
-				source: "baostock"
+				source: "tradingview"
 			},
 			{
-				code: "META",
-				description: "Meta Platforms, Inc.",
+				code: "TSLA",
+				description: "Tesla, Inc.",
 				exchange: "NASDAQ",
-				source: "baostock"
-			},
-			{
-				code: "BRK.B",
-				description: "Berkshire Hathaway Inc.",
-				exchange: "NYSE",
-				source: "baostock"
+				source: "tradingview"
 			},
 			{
-				code: "JPM",
-				description: "JPMorgan Chase & Co.",
-				exchange: "NYSE",
-				source: "baostock"
+				code: "600519",
+				description: "贵州茅台",
+				exchange: "SSE",
+				source: "tradingview"
 			},
 			{
-				code: "V",
-				description: "Visa Inc.",
-				exchange: "NYSE",
-				source: "baostock"
+				code: "000001",
+				description: "平安银行",
+				exchange: "SZSE",
+				source: "tradingview"
 			},
 			{
-				code: "BTCUSDT",
-				description: "Bitcoin / Tether",
-				exchange: "BINANCE",
-				source: "baostock"
+				code: "1810",
+				description: "小米集团",
+				exchange: "HKEX",
+				source: "tradingview"
 			},
 			{
-				code: "ETHUSDT",
-				description: "Ethereum / Tether",
-				exchange: "BINANCE",
+				code: "sh.600519",
+				description: "贵州茅台",
+				exchange: "SSE",
 				source: "baostock"
 			},
 			{
@@ -2136,12 +2145,6 @@ var jr = m({
 				exchange: "SSE",
 				source: "baostock"
 			},
-			{
-				code: "sh.600519",
-				description: "贵州茅台",
-				exchange: "SSE",
-				source: "baostock"
-			},
 			{
 				code: "000858",
 				description: "五 粮 液",
@@ -2171,7 +2174,7 @@ var jr = m({
 			c("symbolChange", e);
 		}
 		return (t, n) => (S(), o("div", fi, [
-			d.value ? (S(), i(Gr, {
+			d.value ? (S(), i(Wr, {
 				key: 0,
 				symbol: d.value,
 				symbols: f.value,
@@ -2187,10 +2190,17 @@ var jr = m({
 			l(di, {
 				symbols: f.value,
 				selected: e.overlaySymbols,
+				"comparison-colors": e.comparisonColors,
+				"comparison-loading": e.comparisonLoading,
 				onAdd: n[0] ||= (e) => c("addOverlaySymbol", e),
 				onRemove: n[1] ||= (e) => c("removeOverlaySymbol", e)
-			}, null, 8, ["symbols", "selected"]),
-			l(Or, {
+			}, null, 8, [
+				"symbols",
+				"selected",
+				"comparison-colors",
+				"comparison-loading"
+			]),
+			l(Dr, {
 				"model-value": e.kLineLevel,
 				"onUpdate:modelValue": n[2] ||= (e) => c("kLineLevelChange", e)
 			}, null, 8, ["model-value"]),
@@ -2206,7 +2216,7 @@ var jr = m({
 			}, "fx", -1), s("span", { class: "indicator-button__text" }, "指标", -1)]])
 		]));
 	}
-}), [["__scopeId", "data-v-48f98633"]]), mi = ["data-theme"], hi = {
+}), [["__scopeId", "data-v-6cd21003"]]), mi = ["data-theme"], hi = {
 	class: "pane-separator-layer",
 	"aria-hidden": "true"
 }, gi = {
@@ -2215,7 +2225,7 @@ var jr = m({
 }, _i = {
 	class: "x-axis-canvas",
 	ref: "xAxisCanvasRef"
-}, vi = 4, yi = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}, vi = 4, yi = /*#__PURE__*/ U(/* @__PURE__ */ u({
 	__name: "KLineChart",
 	props: {
 		semanticConfig: {},
@@ -2248,10 +2258,10 @@ var jr = m({
 			C.value = !1, m.value = e.code, v.value = e, F();
 		}
 		function j(e) {
-			v.value?.code !== e.code && (E.value.includes(e.code) || (O.value = [...O.value, e], E.value = O.value.map((e) => e.code), I(), F()));
+			v.value?.code !== e.code && (E.value.includes(e.code) || (O.value = [...O.value, e], E.value = O.value.map((e) => e.code), I(), z.value?.addComparisonSymbol(P(e))));
 		}
 		function N(e) {
-			O.value = O.value.filter((t) => t.code !== e), E.value = O.value.map((e) => e.code), F();
+			O.value = O.value.filter((t) => t.code !== e), E.value = O.value.map((e) => e.code), z.value?.removeComparisonSymbol(e);
 		}
 		function P(e) {
 			return {
@@ -2274,24 +2284,27 @@ var jr = m({
 				axisType: "percent"
 			};
 			G.value = e, z.value?.updateSettingsFacade(e);
+			try {
+				localStorage.setItem(he, JSON.stringify(e));
+			} catch {}
 		}
 		let L = w(null), R = w(null), ee = w(null), te = w(null), ie = w(null), ce = w(null);
 		je(ee);
-		let z = D(null), ue = D(null), B = w(0), ge = w(0), V = w(1), H = w(d.initialZoomLevel ?? 1), U = w(0), _e = w(1), ve = w(0), ye = w({}), be = w(null), W = w([]), xe = H.value;
-		U.value = pe(xe, {
+		let z = D(null), ue = D(null), B = w(0), ge = w(0), V = w(1), H = w(d.initialZoomLevel ?? 1), _e = w(0), ve = w(1), ye = w(0), be = w({}), U = w(null), W = w([]), xe = w(/* @__PURE__ */ new Map()), Se = w(!1), Ce = H.value;
+		_e.value = fe(Ce, {
 			minKWidth: d.minKWidth,
 			maxKWidth: d.maxKWidth,
 			zoomLevelCount: d.zoomLevels,
 			dpr: V.value
-		}), _e.value = fe(U.value, V.value);
-		let Se = w("light"), G = w({}), Ce = r(() => {
-			let e = G.value.isAsiaMarket ?? !1, t = ae(Se.value, e);
+		}), ve.value = de(_e.value, V.value);
+		let we = w("light"), G = w({}), Te = r(() => {
+			let e = G.value.isAsiaMarket ?? !1, t = ae(we.value, e);
 			return {
 				upColor: t.candleUpBody,
 				downColor: t.candleDownBody
 			};
-		}), we = r(() => {
-			let e = Se.value === "dark" ? ne : re, t = G.value.colorPresetSettings?.[Se.value];
+		}), Ee = r(() => {
+			let e = we.value === "dark" ? ne : re, t = G.value.colorPresetSettings?.[we.value];
 			return t && Object.keys(t).length > 0 ? oe({
 				...e,
 				colors: {
@@ -2300,47 +2313,47 @@ var jr = m({
 				}
 			}) : oe(e);
 		}), K = null;
-		function q(e) {
+		function De(e) {
 			z.value?.setTheme(e.matches ? "dark" : "light");
 		}
-		function Te(e, t) {
+		function Oe(e, t) {
 			if (!(!e || !t)) if (t === "auto") {
 				let t = window.matchMedia("(prefers-color-scheme: dark)");
-				e.setTheme(t.matches ? "dark" : "light"), K !== t && (K?.removeEventListener("change", q), K = t, t.addEventListener("change", q));
-			} else K?.removeEventListener("change", q), K = null, e.setTheme(t);
+				e.setTheme(t.matches ? "dark" : "light"), K !== t && (K?.removeEventListener("change", De), K = t, t.addEventListener("change", De));
+			} else K?.removeEventListener("change", De), K = null, e.setTheme(t);
 		}
-		function Ee() {}
-		function De(e) {
-			G.value = e, Te(z.value, e.theme), z.value?.updateSettingsFacade(e);
+		function Ae() {}
+		function Me(e) {
+			G.value = e, Oe(z.value, e.theme), z.value?.updateSettingsFacade(e);
 		}
-		function Oe(e, t, n) {
+		function Ne(e, t, n) {
 			let r = e.getBoundingClientRect();
 			return {
 				width: Math.max(t, Math.round(r.width)),
 				height: Math.max(n, Math.round(r.height))
 			};
 		}
-		function Ae(e) {
+		function Pe(e) {
 			e && h(() => {
 				if (!e.isConnected) return;
-				let t = Oe(e, 180, 80);
+				let t = Ne(e, 180, 80);
 				z.value?.setTooltipSize(t);
 			});
 		}
-		function Me(e) {
+		function Fe(e) {
 			e && h(() => {
-				e.isConnected && (Be.value = Oe(e, 120, 60));
+				e.isConnected && (He.value = Ne(e, 120, 60));
 			});
 		}
-		let Ne = w({
+		let Ie = w({
 			x: 0,
 			y: 0
-		}), Pe = w(!1), Fe = null;
-		function Ie() {
-			Fe = null;
+		}), q = w(!1), Le = null;
+		function Re() {
+			Le = null;
 		}
-		function Le(e) {
-			return Fe ||= e.getBoundingClientRect(), Fe;
+		function ze(e) {
+			return Le ||= e.getBoundingClientRect(), Le;
 		}
 		let J = D({
 			crosshairPos: null,
@@ -2360,13 +2373,13 @@ var jr = m({
 			isHoveringPaneBoundary: !1,
 			hoveredPaneBoundaryId: null,
 			isHoveringRightAxis: !1
-		}), Y = D(null), Re = r(() => {
-			let e = be.value;
+		}), Y = D(null), Be = r(() => {
+			let e = U.value;
 			return e ? W.value.find((t) => t.id === e) ?? null : null;
-		}), ze = w([]), Be = w({
+		}), Ve = w([]), He = w({
 			width: 220,
 			height: 120
-		}), Ve = r(() => {
+		}), Ue = r(() => {
 			let e = L.value, t = R.value;
 			return !e || !t ? {
 				x: 0,
@@ -2375,66 +2388,60 @@ var jr = m({
 				x: e.offsetLeft,
 				y: e.offsetTop
 			};
-		}), He = r(() => J.value.hoveredMarkerData), Ue = r(() => J.value.hoveredCustomMarker), We = r(() => J.value.isDragging), Ge = r(() => J.value.isResizingPaneBoundary), Ke = r(() => J.value.isHoveringPaneBoundary), qe = r(() => J.value.hoveredPaneBoundaryId), Je = r(() => J.value.isHoveringRightAxis), Ye = r(() => J.value.hoveredIndex);
+		}), We = r(() => J.value.hoveredMarkerData), Ge = r(() => J.value.hoveredCustomMarker), Ke = r(() => J.value.isDragging), qe = r(() => J.value.isResizingPaneBoundary), Je = r(() => J.value.isHoveringPaneBoundary), Ye = r(() => J.value.hoveredPaneBoundaryId), Xe = r(() => J.value.isHoveringRightAxis), Ze = r(() => J.value.hoveredIndex);
 		r(() => J.value.crosshairIndex);
-		let Xe = r(() => We.value ? "grabbing" : Ge.value || Ke.value ? "ns-resize" : Ye.value === null ? "crosshair" : "pointer"), Ze = r(() => {
+		let Qe = r(() => Ke.value ? "grabbing" : qe.value || Je.value ? "ns-resize" : Ze.value === null ? "crosshair" : "pointer"), $e = r(() => {
 			let e = J.value.hoveredIndex;
 			if (typeof e != "number") return null;
 			ge.value;
 			let t = z.value?.getData();
 			return t && e >= 0 && e < t.length ? t[e] : null;
-		}), Qe = r(() => J.value.hoveredIndex), $e = r(() => J.value.tooltipPos), et = r(() => ({
-			x: $e.value.x + Ve.value.x,
-			y: $e.value.y + Ve.value.y
-		})), tt = r(() => ({
-			left: `${et.value.x}px`,
-			top: `${et.value.y}px`
-		})), nt = r(() => ({
-			x: Ne.value.x + Ve.value.x,
-			y: Ne.value.y + Ve.value.y
+		}), et = r(() => J.value.hoveredIndex), tt = r(() => J.value.tooltipPos), nt = r(() => ({
+			x: tt.value.x + Ue.value.x,
+			y: tt.value.y + Ue.value.y
 		})), rt = r(() => ({
 			left: `${nt.value.x}px`,
 			top: `${nt.value.y}px`
-		})), it = r(() => J.value.tooltipAnchorPlacement), at = r(() => {
+		})), it = r(() => ({
+			x: Ie.value.x + Ue.value.x,
+			y: Ie.value.y + Ue.value.y
+		})), at = r(() => ({
+			left: `${it.value.x}px`,
+			top: `${it.value.y}px`
+		})), ot = r(() => J.value.tooltipAnchorPlacement), st = r(() => {
 			let e = z.value?.viewport.peek(), t = L.value, n = e?.plotWidth ?? (t ? t.clientWidth : 0);
-			return Ne.value.x + 12 + Be.value.width + 12 > n ? "left-bottom" : "right-bottom";
-		}), ot = r(() => (ge.value, z.value?.getData() ?? []));
-		function st(e) {
+			return Ie.value.x + 12 + He.value.width + 12 > n ? "left-bottom" : "right-bottom";
+		}), ct = r(() => (ge.value, z.value?.getData() ?? []));
+		function lt(e) {
 			Y.value?.setTool(e);
 		}
-		function ct() {
+		function ut() {
 			ce.value?.toggleMenu();
 		}
-		function lt(e) {
-			let t = Re.value;
+		function dt(e) {
+			let t = Be.value;
 			!t || !Y.value || (Y.value.updateDrawingStyle(t.id, e), W.value = Y.value.getDrawings());
 		}
-		function ut() {
-			let e = Re.value;
-			!e || !Y.value || (Y.value.removeDrawing(e.id), be.value = null, W.value = Y.value.getDrawings());
+		function ft() {
+			let e = Be.value;
+			!e || !Y.value || (Y.value.removeDrawing(e.id), W.value = Y.value.getDrawings());
 		}
-		function dt(e) {
-			z.value?.handlePointerEvent(e, { onPointerDown: (e, t) => Y.value?.onPointerDown(e, t) ? (W.value = Y.value.getDrawings(), !0) : !1 });
+		function pt(e) {
+			z.value?.handlePointerEvent(e, { onPointerDown: (e, t) => !!Y.value?.onPointerDown(e, t) });
 		}
-		function ft(e) {
+		function mt(e) {
 			let t = L.value;
 			if (t) {
-				let n = Le(t);
-				Ne.value = {
+				let n = ze(t);
+				Ie.value = {
 					x: e.clientX - n.left,
 					y: e.clientY - n.top
 				};
 			}
 			z.value?.handlePointerEvent(e, { onPointerMove: (e, t) => Y.value?.onPointerMove(e, t) ? (W.value = Y.value.getDrawings(), !0) : !1 });
 		}
-		function pt(e) {
-			z.value?.handlePointerEvent(e, { onPointerUp: (e, t) => Y.value?.onPointerUp(e, t) ? (W.value = Y.value.getDrawings(), !0) : !1 });
-		}
-		function mt(e) {
-			z.value?.handlePointerEvent(e);
-		}
 		function ht(e) {
-			z.value?.handlePointerEvent(e);
+			z.value?.handlePointerEvent(e, { onPointerUp: (e, t) => !!Y.value?.onPointerUp(e, t) });
 		}
 		function gt(e) {
 			z.value?.handlePointerEvent(e);
@@ -2445,16 +2452,22 @@ var jr = m({
 		function vt(e) {
 			z.value?.handlePointerEvent(e);
 		}
-		function yt() {
+		function yt(e) {
+			z.value?.handlePointerEvent(e);
+		}
+		function bt(e) {
+			z.value?.handlePointerEvent(e);
+		}
+		function xt() {
 			z.value?.handleScrollEvent();
 		}
-		let bt = w([]), xt = r(() => {
+		let St = w([]), Ct = r(() => {
 			let e = [], t = /* @__PURE__ */ new Set();
 			for (let n of Z.value) t.has(n.indicatorId) || (t.add(n.indicatorId), e.push(n.indicatorId));
 			return e;
-		}), St = r(() => [...bt.value, ...xt.value]), X = w({}), Z = w([]);
-		function Ct() {
-			let e = ye.value.main ?? 3;
+		}), wt = r(() => [...St.value, ...Ct.value]), X = w({}), Z = w([]);
+		function Tt() {
+			let e = be.value.main ?? 3;
 			return Z.value.length === 0 ? [{
 				id: "main",
 				ratio: e,
@@ -2467,104 +2480,73 @@ var jr = m({
 				role: "price"
 			}, ...Z.value.map((e) => ({
 				id: e.id,
-				ratio: ye.value[e.id] ?? 1,
+				ratio: be.value[e.id] ?? 1,
 				visible: !0,
 				role: "indicator"
 			}))];
 		}
-		function wt(e) {
+		function Et(e) {
 			if (e === "VOLUME") return {};
-			let t = he(e);
+			let t = me(e);
 			return t?.runtime?.defaultConfig ? { ...t.runtime.defaultConfig } : {};
 		}
-		function Tt(e) {
+		function Dt(e) {
 			if (e === "VOLUME") return !0;
-			let t = he(e);
+			let t = me(e);
 			return !!t && t.category !== "main";
 		}
-		let Et = /* @__PURE__ */ new Map();
-		function Dt(e = "VOLUME", t) {
+		function Ot(e = "VOLUME", t) {
 			if (Z.value.length >= vi) return !1;
-			let n = t ?? wt(e);
+			let n = t ?? Et(e);
 			return !!z.value?.addIndicator(e, "sub", n);
 		}
-		function Ot(e) {
+		function kt(e) {
 			z.value?.removeIndicator(e);
 		}
-		function kt() {
+		function jt() {
 			for (let e of Z.value) z.value?.removeIndicator(e.id);
-			Et.clear();
 		}
-		function At() {
+		function Mt() {
 			let e = d.semanticConfig, t = z.value;
 			if (!t) return;
 			let n = e.indicators?.main;
 			if (n) for (let e of n) e.enabled && t.addIndicator(e.type, "main", e.params);
 		}
-		function Mt() {
-			let e = z.value?.subPanes.peek() ?? [];
-			for (let t of e) {
-				let { paneId: e, indicatorId: n, params: r } = t, i = e.match(/^(.+)_(\d+)$/);
-				if (i) {
-					let [, e, t] = i, n = parseInt(t, 10);
-					n >= (Et.get(e) ?? 0) && Et.set(e, n + 1);
-				}
-			}
-		}
 		function Nt(e, t) {
-			let n = wt(t);
+			let n = Et(t);
 			z.value?.replaceSubPaneIndicator(e, t, n);
 		}
 		function Pt(e, t) {
 			let n = z.value;
-			if (n) {
-				if ([
-					"MA",
-					"BOLL",
-					"EXPMA",
-					"ENE",
-					"WMA",
-					"DEMA",
-					"TEMA",
-					"HMA",
-					"KAMA",
-					"SAR",
-					"SUPERTREND",
-					"KELTNER",
-					"DONCHIAN",
-					"ICHIMOKU",
-					"PIVOT",
-					"FIB",
-					"STRUCTURE",
-					"ZONES"
-				].includes(e)) {
-					let r = bt.value.find((t) => t === e);
-					t && !r ? n.addIndicator(e, "main", X.value[e]) : !t && r && n.removeIndicator(e.toUpperCase());
-					return;
-				}
-				if (Tt(e)) if (t) {
-					if (Z.value.find((t) => t.indicatorId === e) || Z.value.length >= vi) return;
-					if (!n.addIndicator(e, "sub", X.value[e]) && Z.value.length > 0) {
-						let t = Z.value[Z.value.length - 1];
-						Nt(t.id, e);
-					}
-				} else Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
-					n.removeIndicator(e.id);
-				});
+			if (!n) return;
+			let r = me(e);
+			if (r && (r.category === "main" || r.allowMainPane)) {
+				let r = St.value.find((t) => t === e);
+				t && !r ? n.addIndicator(e, "main", X.value[e]) : !t && r && n.removeIndicator(e.toUpperCase());
+				return;
 			}
+			if (Dt(e)) if (t) {
+				if (Z.value.find((t) => t.indicatorId === e) || Z.value.length >= vi) return;
+				if (!n.addIndicator(e, "sub", X.value[e]) && Z.value.length > 0) {
+					let t = Z.value[Z.value.length - 1];
+					Nt(t.id, e);
+				}
+			} else Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
+				n.removeIndicator(e.id);
+			});
 		}
 		function Ft(e, t) {
 			if (e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
 				z.value?.updateIndicatorParams(e, t);
 				return;
 			}
-			Tt(e) && Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
+			Dt(e) && Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
 				z.value?.updateIndicatorParams(e.id, t);
 			});
 		}
 		function It(e) {
 			if (!e.length || Z.value.length <= 1) return;
-			let t = e.filter((e) => Tt(e));
+			let t = e.filter((e) => Dt(e));
 			if (!t.length) return;
 			let n = new Map(Z.value.map((e) => [e.indicatorId, e])), r = [];
 			for (let e of t) {
@@ -2577,39 +2559,30 @@ var jr = m({
 			if (i.join("|") === a.join("|")) return;
 			Z.value = r;
 			let o = z.value;
-			o && o.updatePaneLayout(Ct());
+			o && o.updatePaneLayout(Tt());
 		}
-		let Lt = r(() => d.rightAxisWidth + d.priceLabelWidth), Rt = r(() => (ge.value, ve.value, U.value, _e.value, V.value, z.value?.getContentWidth() ?? 0));
-		function zt() {
-			let e = L.value, t = z.value;
-			if (!e || !t) return;
-			let n = t.getData()?.length ?? 0;
-			if (n === 0) return;
-			let r = t.viewport.peek().dpr, { unitPx: i, startXPx: a } = de(U.value, _e.value, r), o = (a + n * i) / r, s = Math.max(0, e.scrollWidth - e.clientWidth), c = Math.min(s, Math.max(0, o - e.clientWidth));
-			e.scrollLeft = Math.round(c * r) / r;
-		}
-		function Bt(e, t) {
+		let Lt = r(() => d.rightAxisWidth + d.priceLabelWidth), Rt = r(() => (ge.value, ye.value, _e.value, ve.value, V.value, z.value?.getContentWidth() ?? 0));
+		function zt(e, t) {
 			z.value?.zoomToLevel(e, t);
 		}
 		c({
-			scheduleRender: Ee,
-			scrollToRight: zt,
-			addSubPane: Dt,
-			removeSubPane: Ot,
+			scheduleRender: Ae,
+			addSubPane: Ot,
+			removeSubPane: kt,
 			switchSubIndicator: Nt,
-			clearAllSubPanes: kt,
-			zoomToLevel: Bt,
-			zoomIn: (e) => Bt(H.value + 1, e),
-			zoomOut: (e) => Bt(H.value - 1, e),
+			clearAllSubPanes: jt,
+			zoomToLevel: zt,
+			zoomIn: (e) => zt(H.value + 1, e),
+			zoomOut: (e) => zt(H.value - 1, e),
 			getZoomLevel: () => H.value,
 			getZoomLevelCount: () => z.value?.getZoomLevelCount() ?? 10
 		});
-		function Vt() {
+		function Bt() {
 			return (e) => {
 				e.preventDefault(), z.value?.handleWheelEvent(e);
 			};
 		}
-		function Ht(e, t, n, r) {
+		function Vt(e, t, n, r) {
 			return le({
 				container: e,
 				data: [],
@@ -2626,11 +2599,11 @@ var jr = m({
 				maxKWidth: d.maxKWidth
 			});
 		}
-		function Ut(e) {
+		function Ht(e) {
 			let t = e.paneLayout.subscribe(() => {
-				Ie();
+				Re();
 				let t = L.value && parseInt(getComputedStyle(L.value).borderTopWidth) || 0;
-				ze.value = e.paneLayout.peek().slice(0, -1).map((n) => {
+				Ve.value = e.paneLayout.peek().slice(0, -1).map((n) => {
 					let r = e.getPaneInfo(n.id), i = (r?.top ?? 0) + (r?.height ?? 0);
 					return {
 						id: n.id,
@@ -2638,17 +2611,10 @@ var jr = m({
 					};
 				});
 			}), n = e.paneRatios.subscribe(() => {
-				ye.value = { ...e.paneRatios.peek() };
+				be.value = { ...e.paneRatios.peek() };
 			}), r = e.viewport.subscribe(() => {
 				let t = e.viewport.peek();
-				V.value !== t.dpr && (V.value = t.dpr), ve.value !== t.plotWidth && (ve.value = t.plotWidth), (H.value !== t.zoomLevel || U.value !== t.kWidth || _e.value !== t.kGap) && (H.value = t.zoomLevel, U.value = t.kWidth, _e.value = t.kGap);
-				let n = t.desiredScrollLeft;
-				n !== void 0 && n !== L.value?.scrollLeft && (Ie(), h(() => {
-					let e = L.value;
-					if (!e) return;
-					let r = Math.max(0, e.scrollWidth - e.clientWidth), i = Math.min(Math.max(0, n), r), a = t.dpr;
-					e.scrollLeft = Math.round(i * a) / a;
-				}));
+				V.value !== t.dpr && (V.value = t.dpr), ye.value !== t.plotWidth && (ye.value = t.plotWidth), (H.value !== t.zoomLevel || _e.value !== t.kWidth || ve.value !== t.kGap) && (H.value = t.zoomLevel, _e.value = t.kWidth, ve.value = t.kGap);
 			}), i = e.data.subscribe(() => {
 				let t = e.data.peek();
 				B.value = t.length, ge.value++, C.value = t.length === 0;
@@ -2656,10 +2622,10 @@ var jr = m({
 				b.value = e.dataLoading.peek();
 			}), o = e.theme.subscribe(() => {
 				let t = e.theme.peek();
-				Se.value = t, f("themeChange", t);
+				we.value = t, f("themeChange", t);
 			}), s = e.indicators.subscribe(() => {
 				let t = e.indicators.peek(), n = t.filter((e) => e.role === "main").map((e) => e.definitionId);
-				bt.value = n;
+				St.value = n;
 				let r = { ...X.value };
 				for (let e of t) e.role === "main" && e.params && Object.keys(e.params).length > 0 && (r[e.definitionId] = { ...e.params });
 				e.updateRendererConfig("mainIndicatorLegend", { indicators: {
@@ -2691,46 +2657,50 @@ var jr = m({
 				let a = { ...X.value };
 				for (let e of t) e.params && Object.keys(e.params).length > 0 && (a[e.indicatorId] = { ...e.params });
 				X.value = a;
+			}), l = e.comparisonColors.subscribe(() => {
+				xe.value = new Map(e.comparisonColors.peek());
+			}), u = e.comparisonLoading.subscribe(() => {
+				Se.value = e.comparisonLoading.peek();
 			});
 			x(() => {
-				r(), i(), a(), n(), t(), o(), s(), c(), K?.removeEventListener("change", q);
+				r(), i(), a(), n(), t(), o(), s(), c(), l(), u(), K?.removeEventListener("change", De);
 			});
 		}
-		function Wt(e) {
+		function Ut(e) {
 			let t = ie.value?.getSettings() ?? { showVolumePriceMarkers: !0 };
-			G.value = t, Te(e, t.theme), e.updateSettingsFacade(t);
+			G.value = t, Oe(e, t.theme), e.updateSettingsFacade(t);
 		}
-		function Gt(e) {
+		function Wt(e) {
 			Y.value = new se(e), Y.value.setCallbacks({
 				onDrawingCreated: (e) => {
-					W.value = [...W.value, e], be.value = e.id;
+					W.value = [...W.value, e], U.value = e.id;
 				},
 				onToolChange: () => {},
 				onDrawingSelected: (e) => {
-					be.value = e?.id ?? null;
+					U.value = e?.id ?? null;
 				}
 			});
 		}
-		function qt(e) {
-			e.setTooltipAnchorPositioning(Pe.value), e.interactionState.subscribe(() => {
+		function Kt(e) {
+			e.setTooltipAnchorPositioning(q.value), e.interactionState.subscribe(() => {
 				J.value = e.interactionState.peek();
 			}), J.value = e.interactionState.peek(), V.value = e.viewport.peek().dpr;
 		}
-		function Jt(e) {
-			e.setDataFetcher(d.dataFetcher), ue.value = new me(e), ue.value.on("config:error", (e) => {
+		function qt(e) {
+			e.setDataFetcher(d.dataFetcher), ue.value = new pe(e), ue.value.on("config:error", (e) => {
 				console.error("Semantic config error:", e);
 			}), ue.value.on("config:ready", () => {
-				At(), Mt(), h(() => zt());
+				Mt(), h(() => z.value?.scrollToRight());
 			});
 		}
 		return y(() => {
-			Pe.value = !1;
+			q.value = !1;
 			let e = L.value, t = R.value;
 			if (!e || !t) return;
-			let n = Vt();
+			let n = Bt();
 			e.addEventListener("wheel", n, { passive: !1 });
-			let r = e.querySelector(".canvas-layer"), i = e.querySelector(".x-axis-canvas"), a = Ht(e, r, t.querySelector(".right-axis-host"), i);
-			z.value = a, Ut(a), At(), Wt(a), Gt(a), qt(a), Jt(a);
+			let r = e.querySelector(".canvas-layer"), i = e.querySelector(".x-axis-canvas"), a = Vt(e, r, t.querySelector(".right-axis-host"), i);
+			z.value = a, Ht(a), Mt(), Ut(a), Wt(a), Kt(a), qt(a);
 		}), x(() => {
 			let e = z.value;
 			e && (z.value = null, e.dispose()), Y.value = null;
@@ -2745,8 +2715,8 @@ var jr = m({
 			ref_key: "chartWrapperRef",
 			ref: ee,
 			class: "chart-wrapper",
-			"data-theme": Se.value,
-			style: _(we.value)
+			"data-theme": we.value,
+			style: _(Ee.value)
 		}, [
 			l(pi, {
 				symbol: m.value,
@@ -2754,41 +2724,45 @@ var jr = m({
 				"symbol-loading": b.value,
 				"symbol-error": C.value,
 				"overlay-symbols": E.value,
+				"comparison-colors": xe.value,
+				"comparison-loading": Se.value,
 				onAddOverlaySymbol: j,
 				onRemoveOverlaySymbol: N,
 				onKLineLevelChange: k,
-				onToggleIndicator: ct,
+				onToggleIndicator: ut,
 				onSymbolChange: A
 			}, null, 8, [
 				"symbol",
 				"k-line-level",
 				"symbol-loading",
 				"symbol-error",
-				"overlay-symbols"
+				"overlay-symbols",
+				"comparison-colors",
+				"comparison-loading"
 			]),
 			s("div", { class: g(["chart-stage", {
-				"is-dragging": We.value,
-				"is-resizing-pane": Ge.value,
-				"is-hovering-pane-separator": Ke.value,
-				"is-hovering-right-axis": Je.value,
-				"is-hovering-kline": Ye.value !== null
-			}]) }, [l(Dr, {
+				"is-dragging": Ke.value,
+				"is-resizing-pane": qe.value,
+				"is-hovering-pane-separator": Je.value,
+				"is-hovering-right-axis": Xe.value,
+				"is-hovering-kline": Ze.value !== null
+			}]) }, [l(Er, {
 				ref_key: "toolbarRef",
 				ref: ie,
 				"is-fullscreen": n.isFullscreen,
-				onSelectTool: st,
+				onSelectTool: lt,
 				onToggleFullscreen: c[0] ||= (e) => r.$emit("toggleFullscreen"),
-				onZoomIn: c[1] ||= (e) => Bt(H.value + 1),
-				onZoomOut: c[2] ||= (e) => Bt(H.value - 1),
-				onSettingsChange: De
+				onZoomIn: c[1] ||= (e) => zt(H.value + 1),
+				onZoomOut: c[2] ||= (e) => zt(H.value - 1),
+				onSettingsChange: Me
 			}, null, 8, ["is-fullscreen"]), s("div", {
 				class: "chart-main",
 				ref_key: "chartMainRef",
 				ref: R
 			}, [
-				s("div", hi, [(S(!0), o(e, null, T(ze.value, (e) => (S(), o("div", {
+				s("div", hi, [(S(!0), o(e, null, T(Ve.value, (e) => (S(), o("div", {
 					key: e.id,
-					class: g(["pane-separator-line", { "is-active": qe.value === e.id }]),
+					class: g(["pane-separator-line", { "is-active": Ye.value === e.id }]),
 					style: _({ top: `${e.top}px` })
 				}, null, 6))), 128))]),
 				s("div", {
@@ -2798,48 +2772,48 @@ var jr = m({
 				}, null, 512),
 				s("div", {
 					class: "chart-container",
-					style: _({ cursor: Xe.value }),
+					style: _({ cursor: Qe.value }),
 					ref_key: "containerRef",
 					ref: L,
-					onScrollPassive: yt,
-					onPointerdown: dt,
-					onPointermove: ft,
-					onPointerup: pt,
-					onPointerleave: mt
+					onScrollPassive: xt,
+					onPointerdown: pt,
+					onPointermove: mt,
+					onPointerup: ht,
+					onPointerleave: gt
 				}, [s("div", {
 					class: "scroll-content",
 					style: _({ width: Rt.value + "px" })
-				}, [s("div", gi, [s("canvas", _i, null, 512), Re.value ? (S(), i(ke, {
+				}, [s("div", gi, [s("canvas", _i, null, 512), Be.value ? (S(), i(ke, {
 					key: 0,
-					drawing: Re.value,
-					onUpdateStyle: lt,
-					onDelete: ut
+					drawing: Be.value,
+					onUpdateStyle: dt,
+					onDelete: ft
 				}, null, 8, ["drawing"])) : a("", !0)], 512)], 4)], 36),
 				te.value ? (S(), i(t, {
 					key: 0,
 					to: te.value
 				}, [
-					Ze.value ? (S(), o("div", {
+					$e.value ? (S(), o("div", {
 						key: 0,
-						class: g(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": Pe.value }]),
-						style: _(tt.value)
+						class: g(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": q.value }]),
+						style: _(rt.value)
 					}, null, 6)) : a("", !0),
-					He.value || Ue.value ? (S(), o("div", {
+					We.value || Ge.value ? (S(), o("div", {
 						key: 1,
-						class: g(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": Pe.value }]),
-						style: _(rt.value)
+						class: g(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": q.value }]),
+						style: _(at.value)
 					}, null, 6)) : a("", !0),
-					Ze.value ? (S(), i(Kt, {
+					$e.value ? (S(), i(Gt, {
 						key: 2,
-						k: Ze.value,
-						index: Qe.value,
-						data: ot.value,
-						pos: et.value,
-						"set-el": Ae,
-						"use-anchor": Pe.value,
-						"anchor-placement": it.value,
-						"up-color": Ce.value.upColor,
-						"down-color": Ce.value.downColor
+						k: $e.value,
+						index: et.value,
+						data: ct.value,
+						pos: nt.value,
+						"set-el": Pe,
+						"use-anchor": q.value,
+						"anchor-placement": ot.value,
+						"up-color": Te.value.upColor,
+						"down-color": Te.value.downColor
 					}, null, 8, [
 						"k",
 						"index",
@@ -2850,13 +2824,13 @@ var jr = m({
 						"up-color",
 						"down-color"
 					])) : a("", !0),
-					He.value || Ue.value ? (S(), i(Yt, {
+					We.value || Ge.value ? (S(), i(Jt, {
 						key: 3,
-						marker: He.value || Ue.value,
-						pos: nt.value,
-						"use-anchor": Pe.value,
-						"anchor-placement": at.value,
-						"set-el": Me
+						marker: We.value || Ge.value,
+						pos: it.value,
+						"use-anchor": q.value,
+						"anchor-placement": st.value,
+						"set-el": Fe
 					}, null, 8, [
 						"marker",
 						"pos",
@@ -2868,16 +2842,16 @@ var jr = m({
 					class: "right-axis-host",
 					ref: "rightAxisLayerRef",
 					style: _({ width: Lt.value + "px" }),
-					onPointerdown: ht,
-					onPointermove: gt,
-					onPointerup: _t,
-					onPointerleave: vt
+					onPointerdown: _t,
+					onPointermove: vt,
+					onPointerup: yt,
+					onPointerleave: bt
 				}, null, 36)
 			], 512)], 2),
-			l(jt, {
+			l(At, {
 				ref_key: "indicatorSelectorRef",
 				ref: ce,
-				"active-indicators": St.value,
+				"active-indicators": wt.value,
 				"indicator-params": X.value,
 				onToggle: Pt,
 				onUpdateParams: Ft,
@@ -2885,9 +2859,9 @@ var jr = m({
 			}, null, 8, ["active-indicators", "indicator-params"])
 		], 12, mi));
 	}
-}), [["__scopeId", "data-v-a6d8e944"]]), bi = {
+}), [["__scopeId", "data-v-c0ab68e5"]]), bi = {
 	name: "@363045841yyt/klinechart",
-	version: "0.8.1-alpha.3",
+	version: "0.8.1",
 	description: "Vue 3 bindings for @363045841yyt/klinechart-core. Idiomatic composables, SFC components.",
 	license: "MIT",
 	repository: {
@@ -3136,4 +3110,4 @@ var Ai = u({
 } };
 Si(ee);
 //#endregion
-export { R as CORE_VERSION, ke as DrawingStyleToolbar, Je as IndicatorParams, jt as IndicatorSelector, Ai as KLineChart, yi as KLineChartVue, Kt as KLineTooltip, ji as KMapPlugin, Dr as LeftToolbar, Yt as MarkerTooltip, bi as VERSION, Si as __setControllerFactory, $ as coreSignalToVueRef, Ci as createChart, wi as useChart, ki as useIndicatorSelector, Ti as useIndicators, Ei as useInteractionState, Di as usePaneRatios, Oi as useViewport };
+export { R as CORE_VERSION, ke as DrawingStyleToolbar, qe as IndicatorParams, At as IndicatorSelector, Ai as KLineChart, yi as KLineChartVue, Gt as KLineTooltip, ji as KMapPlugin, Er as LeftToolbar, Jt as MarkerTooltip, bi as VERSION, Si as __setControllerFactory, $ as coreSignalToVueRef, Ci as createChart, wi as useChart, ki as useIndicatorSelector, Ti as useIndicators, Ei as useInteractionState, Di as usePaneRatios, Oi as useViewport };