@363045841yyt/klinechart 0.7.12 → 0.8.1-alpha.1

package/dist/index.js

@@ -1,14 +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, vModelSelect as j, watch as M, withCtx as N, withDirectives as P, withModifiers as F } from "vue";
-import { COLOR_PRESET_ITEMS as I, VERSION as L, createChartController as R, createIndicatorSelectorController as z, darkTheme as B, lightTheme as ee, normalizeColorPresetSettings as V, resolveThemeColors as te, themeToCssVars as H } from "@363045841yyt/klinechart-core";
-import { DrawingInteractionController as ne, SUB_PANE_INDICATORS as re, SUB_PANE_INDICATOR_CONFIGS as ie, allIndicators as U, createChartController as ae, createIndicatorSelectorController as oe, findIndicator as se, getPhysicalKLineConfig as ce, isSubIndicatorId as W, kGapFromKWidth as le, zoomLevelToKWidth as ue } from "@363045841yyt/klinechart-core/controllers";
-import { SemanticChartController as de, __setDataFetcher as fe } from "@363045841yyt/klinechart-core/semantic";
-import { DEFAULT_SETTINGS as G, SETTINGS_STORAGE_KEY as K } from "@363045841yyt/klinechart-core/config";
+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 ee, VERSION as L, createChartController as R, createIndicatorSelectorController as z, darkTheme as te, lightTheme as ne, normalizeColorPresetSettings as B, resolveThemeColors as re, themeToCssVars as ie } from "@363045841yyt/klinechart-core";
+import { DrawingInteractionController as ae, allIndicators as oe, createChartController as se, createIndicatorSelectorController as ce, findIndicator as le, getPhysicalKLineConfig 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 V, SETTINGS_STORAGE_KEY as H } from "@363045841yyt/klinechart-core/config";
 //#region src/components/ColorPresetPanel.vue?vue&type=script&setup=true&lang.ts
-var pe = { class: "color-preset-tools" }, me = {
+var he = { class: "color-preset-tools" }, ge = {
 	class: "theme-tabs",
 	role: "tablist",
 	"aria-label": "颜色主题"
-}, he = ["onClick"], ge = { class: "color-group-label" }, _e = { class: "color-grid" }, ve = ["value", "onInput"], ye = /* @__PURE__ */ u({
+}, _e = ["onClick"], ve = { class: "color-group-label" }, ye = { class: "color-grid" }, U = ["value", "onInput"], be = /*@__PURE__*/ u({
 	__name: "ColorPresetPanel",
 	props: { colorPresetSettings: {} },
 	emits: ["update:colorPresetSettings"],
@@ -27,16 +28,16 @@ var pe = { class: "color-preset-tools" }, me = {
 		}, u = r(() => Object.keys(l).map((e) => ({
 			group: e,
 			label: l[e],
-			items: I.filter((t) => t.group === e)
+			items: ee.filter((t) => t.group === e)
 		})).filter((e) => e.items.length > 0)), d = w("light");
 		function f(e, t) {
-			return (e === "dark" ? B : ee).colors[t];
+			return (e === "dark" ? te : ne).colors[t];
 		}
 		function p(e) {
-			return V(i.colorPresetSettings)[d.value]?.[e] ?? f(d.value, e);
+			return B(i.colorPresetSettings)[d.value]?.[e] ?? f(d.value, e);
 		}
 		function m(e, t) {
-			let n = V(i.colorPresetSettings);
+			let n = B(i.colorPresetSettings);
 			a("update:colorPresetSettings", {
 				...n,
 				[d.value]: {
@@ -46,19 +47,19 @@ var pe = { class: "color-preset-tools" }, me = {
 			});
 		}
 		function h() {
-			let e = { ...V(i.colorPresetSettings) };
+			let e = { ...B(i.colorPresetSettings) };
 			delete e[d.value], a("update:colorPresetSettings", e);
 		}
-		return (t, n) => (S(), o("div", null, [s("div", pe, [s("div", me, [(S(), o(e, null, T(c, (e) => s("button", {
+		return (t, n) => (S(), o("div", null, [s("div", he, [s("div", ge, [(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, he)), 64))]), s("button", {
+		}, O(e.label), 11, _e)), 64))]), s("button", {
 			type: "button",
 			class: "color-reset-btn",
 			onClick: h
-		}, " 重置颜色 ")]), (S(!0), o(e, null, T(u.value, (t) => (S(), o(e, { key: t.group }, [s("div", ge, O(t.label), 1), s("div", _e, [(S(!0), o(e, null, T(t.items, (e) => (S(), o("label", {
+		}, " 重置颜色 ")]), (S(!0), o(e, null, T(u.value, (t) => (S(), o(e, { key: t.group }, [s("div", ve, O(t.label), 1), s("div", ye, [(S(!0), o(e, null, T(t.items, (e) => (S(), o("label", {
 			key: e.key,
 			class: "color-item"
 		}, [s("span", null, O(e.label), 1), s("input", {
@@ -66,76 +67,184 @@ var pe = { class: "color-preset-tools" }, me = {
 			class: "color-input",
 			value: p(e.key),
 			onInput: (t) => m(e.key, t.target.value)
-		}, null, 40, ve)]))), 128))])], 64))), 128))]));
+		}, null, 40, U)]))), 128))])], 64))), 128))]));
 	}
-}), q = (e, t) => {
+}), W = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, be = /* @__PURE__ */ q(ye, [["__scopeId", "data-v-a52947a4"]]), xe = {
+}, xe = /*#__PURE__*/ W(be, [["__scopeId", "data-v-a52947a4"]]), Se = [
+	"title",
+	"aria-expanded",
+	"onKeydown"
+], Ce = {
+	key: 0,
+	class: "dropdown__label"
+}, we = { class: "dropdown__value" }, Te = ["aria-selected", "onClick"], G = 0, K = null, Ee = 0, q = /*#__PURE__*/ W(/* @__PURE__ */ u({
+	__name: "Dropdown",
+	props: {
+		modelValue: {},
+		options: {},
+		size: { default: "md" },
+		minWidth: {},
+		label: {},
+		title: { default: "" }
+	},
+	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 = ++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 };
+		}), y = r(() => {
+			let e = i.modelValue?.trim();
+			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() {
+			G !== p && K && K(), !d.value && (G = p, K = C, f.value = u.value?.offsetWidth ?? 0, d.value = !0, document.addEventListener("pointerdown", k));
+		}
+		function C() {
+			d.value && (d.value = !1, G === p && (G = 0, K = null), document.removeEventListener("pointerdown", k));
+		}
+		function E() {
+			d.value ? C() : x();
+		}
+		function D(e) {
+			c("update:modelValue", e), C();
+		}
+		function k(e) {
+			let t = l.value;
+			t && !t.contains(e.target) && C();
+		}
+		return v(C), (n, r) => (S(), o("div", {
+			ref_key: "rootRef",
+			ref: l,
+			class: g(["dropdown", [`dropdown--${t.size}`, { "is-open": d.value }]])
+		}, [s("button", {
+			ref_key: "triggerRef",
+			ref: u,
+			type: "button",
+			class: "dropdown__trigger",
+			title: t.title,
+			style: _(m.value),
+			"aria-haspopup": "listbox",
+			"aria-expanded": d.value,
+			onClick: E,
+			onKeydown: [
+				F(I(C, ["stop"]), ["escape"]),
+				F(I(x, ["prevent"]), ["down"]),
+				F(I(E, ["prevent"]), ["enter"]),
+				F(I(E, ["prevent"]), ["space"])
+			]
+		}, [
+			t.label ? (S(), o("span", Ce, O(t.label), 1)) : a("", !0),
+			s("span", we, O(b.value.label), 1),
+			r[0] ||= s("span", {
+				class: "dropdown__chevron",
+				"aria-hidden": "true"
+			}, null, -1)
+		], 44, Se), d.value ? (S(), o("div", {
+			key: 0,
+			class: "dropdown__menu",
+			style: _(h.value),
+			role: "listbox",
+			tabindex: "-1"
+		}, [(S(!0), o(e, null, T(t.options, (e) => (S(), o("button", {
+			key: e.value,
+			type: "button",
+			class: g(["dropdown__option", { "is-selected": e.value === y.value }]),
+			role: "option",
+			"aria-selected": e.value === y.value,
+			onClick: (t) => D(e.value)
+		}, O(e.label), 11, Te))), 128))], 4)) : a("", !0)], 2));
+	}
+}), [["__scopeId", "data-v-126e11f2"]]), De = {
 	class: "toolbar-item color-item",
 	title: "颜色"
-}, Se = ["value"], Ce = ["value"], J = ["value"], we = /* @__PURE__ */ q(/* @__PURE__ */ u({
+}, J = ["value"], Oe = /*#__PURE__*/ W(/* @__PURE__ */ u({
 	__name: "DrawingStyleToolbar",
 	props: { drawing: {} },
 	emits: ["updateStyle", "delete"],
 	setup(e, { emit: t }) {
-		let n = t;
-		function r(e) {
-			e.key === "Delete" && (e.preventDefault(), n("delete"));
-		}
-		y(() => document.addEventListener("keydown", r)), x(() => document.removeEventListener("keydown", r));
-		function i(e) {
-			n("updateStyle", { stroke: e });
-		}
+		let n = [
+			{
+				label: "1px",
+				value: "1"
+			},
+			{
+				label: "2px",
+				value: "2"
+			},
+			{
+				label: "3px",
+				value: "3"
+			},
+			{
+				label: "4px",
+				value: "4"
+			}
+		], r = [
+			{
+				label: "实线",
+				value: "solid"
+			},
+			{
+				label: "虚线",
+				value: "dashed"
+			},
+			{
+				label: "点线",
+				value: "dotted"
+			}
+		], i = t;
 		function a(e) {
-			n("updateStyle", { strokeWidth: e });
+			e.key === "Delete" && (e.preventDefault(), i("delete"));
 		}
+		y(() => document.addEventListener("keydown", a)), x(() => document.removeEventListener("keydown", a));
 		function c(e) {
-			n("updateStyle", { strokeStyle: e });
+			i("updateStyle", { stroke: e });
+		}
+		function u(e) {
+			i("updateStyle", { strokeWidth: e });
+		}
+		function d(e) {
+			i("updateStyle", { strokeStyle: e });
 		}
-		return (t, n) => (S(), o("div", {
+		return (t, i) => (S(), o("div", {
 			class: "drawing-style-toolbar",
-			onPointerdown: n[4] ||= F(() => {}, ["stop"]),
-			onPointermove: n[5] ||= F(() => {}, ["stop"]),
-			onPointerup: n[6] ||= F(() => {}, ["stop"])
+			onPointerdown: i[4] ||= I(() => {}, ["stop"]),
+			onPointermove: i[5] ||= I(() => {}, ["stop"]),
+			onPointerup: i[6] ||= I(() => {}, ["stop"])
 		}, [
-			s("div", xe, [s("span", {
+			s("div", De, [s("span", {
 				class: "color-swatch",
 				style: _({ background: e.drawing.style.stroke ?? "#2962ff" })
 			}, null, 4), s("input", {
 				type: "color",
 				class: "color-input",
 				value: e.drawing.style.stroke ?? "#2962ff",
-				onInput: n[0] ||= (e) => i(e.target.value)
-			}, null, 40, Se)]),
-			s("select", {
-				class: "toolbar-select",
-				value: e.drawing.style.strokeWidth ?? 1,
-				onChange: n[1] ||= (e) => a(Number(e.target.value)),
-				title: "线宽"
-			}, [...n[7] ||= [
-				s("option", { value: 1 }, "1px", -1),
-				s("option", { value: 2 }, "2px", -1),
-				s("option", { value: 3 }, "3px", -1),
-				s("option", { value: 4 }, "4px", -1)
-			]], 40, Ce),
-			s("select", {
-				class: "toolbar-select",
-				value: e.drawing.style.strokeStyle ?? "solid",
-				onChange: n[2] ||= (e) => c(e.target.value),
-				title: "线型"
-			}, [...n[8] ||= [
-				s("option", { value: "solid" }, "实线", -1),
-				s("option", { value: "dashed" }, "虚线", -1),
-				s("option", { value: "dotted" }, "点线", -1)
-			]], 40, J),
+				onInput: i[0] ||= (e) => c(e.target.value)
+			}, null, 40, J)]),
+			l(q, {
+				"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(q, {
+				"model-value": e.drawing.style.strokeStyle ?? "solid",
+				options: r,
+				size: "sm",
+				title: "线型",
+				"onUpdate:modelValue": i[2] ||= (e) => d(e)
+			}, null, 8, ["model-value"]),
 			s("button", {
 				type: "button",
 				class: "toolbar-btn delete-btn",
 				title: "删除",
-				onClick: n[3] ||= (e) => t.$emit("delete")
-			}, [...n[9] ||= [s("svg", {
+				onClick: i[3] ||= (e) => t.$emit("delete")
+			}, [...i[7] ||= [s("svg", {
 				class: "delete-icon",
 				viewBox: "0 0 24 24",
 				fill: "none",
@@ -151,32 +260,32 @@ var pe = { class: "color-preset-tools" }, me = {
 			], -1)]])
 		], 32));
 	}
-}), [["__scopeId", "data-v-02a1f4d6"]]), Y = Symbol("fullscreen-teleport-target");
-function Te(e) {
+}), [["__scopeId", "data-v-e9b6a8a9"]]), Y = Symbol("fullscreen-teleport-target");
+function ke(e) {
 	C(Y, e);
 }
-function Ee() {
+function Ae() {
 	let e = p(Y, null);
 	return r(() => e?.value ?? "body");
 }
 //#endregion
 //#region src/components/IndicatorParams.vue?vue&type=script&setup=true&lang.ts
-var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { class: "params-title" }, Ae = { class: "header-right" }, je = {
+var je = { class: "params-header" }, Me = { class: "header-left" }, Ne = { class: "params-title" }, Pe = { class: "header-right" }, Fe = {
 	key: 0,
 	class: "indicator-description"
-}, Me = { class: "params-body" }, Ne = { class: "param-header" }, Pe = { class: "param-label" }, Fe = { class: "param-label-text" }, Ie = {
+}, Ie = { class: "params-body" }, Le = { class: "param-header" }, Re = { class: "param-label" }, ze = { class: "param-label-text" }, Be = {
 	key: 0,
 	class: "param-range"
-}, Le = { class: "input-wrapper" }, Re = ["disabled", "onClick"], ze = [
+}, Ve = { class: "input-wrapper" }, He = ["disabled", "onClick"], Ue = [
 	"value",
 	"min",
 	"max",
 	"step",
 	"onInput"
-], Be = ["disabled", "onClick"], Ve = {
+], We = ["disabled", "onClick"], Ge = {
 	key: 0,
 	class: "param-description"
-}, He = { class: "params-footer" }, Ue = { class: "footer-right" }, We = /* @__PURE__ */ q(/* @__PURE__ */ u({
+}, Ke = { class: "params-footer" }, qe = { class: "footer-right" }, Je = /*#__PURE__*/ W(/* @__PURE__ */ u({
 	__name: "IndicatorParams",
 	props: {
 		visible: { type: Boolean },
@@ -188,7 +297,7 @@ var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { class
 	},
 	emits: ["close", "confirm"],
 	setup(r, { emit: u }) {
-		let d = r, f = u, p = w({ ...d.values }), m = w(!0), h = Ee();
+		let d = r, f = u, p = w({ ...d.values }), m = w(!0), h = Ae();
 		M(() => d.values, (e) => {
 			p.value = { ...e };
 		}, {
@@ -222,9 +331,9 @@ var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { class
 			}, [l(n, { name: "modal" }, {
 				default: N(() => [s("div", {
 					class: "indicator-params",
-					onClick: d[3] ||= F(() => {}, ["stop"])
+					onClick: d[3] ||= I(() => {}, ["stop"])
 				}, [
-					s("div", De, [s("div", Oe, [s("span", ke, O(r.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", Ae, [s("button", {
+					s("div", je, [s("div", Me, [s("span", Ne, O(r.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", Pe, [s("button", {
 						class: g(["toggle-desc-btn", { active: m.value }]),
 						onClick: d[0] ||= (e) => m.value = !m.value,
 						title: "显示/隐藏说明"
@@ -241,18 +350,18 @@ var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { 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", je, [s("p", null, O(r.indicatorDescription), 1)])) : a("", !0)]),
+						default: N(() => [m.value && r.indicatorDescription ? (S(), o("div", Fe, [s("p", null, O(r.indicatorDescription), 1)])) : a("", !0)]),
 						_: 1
 					}),
-					s("div", Me, [(S(!0), o(e, null, T(r.params, (e) => (S(), o("div", {
+					s("div", Ie, [(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", Ne, [s("label", Pe, [s("span", Fe, O(e.label), 1), e.min !== void 0 || e.max !== void 0 ? (S(), o("span", Ie, O(e.min ?? "-∞") + " ~ " + O(e.max ?? "+∞"), 1)) : a("", !0)]), s("div", Le, [
+					}, [s("div", Le, [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("button", {
 							class: "stepper-btn",
 							disabled: e.min !== void 0 && (p.value[e.key] ?? 0) <= e.min,
 							onClick: (t) => v(e, -1)
-						}, " − ", 8, Re),
+						}, " − ", 8, He),
 						e.type === "number" ? (S(), o("input", {
 							key: 0,
 							type: "number",
@@ -262,17 +371,17 @@ var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { class
 							max: e.max,
 							step: e.step || 1,
 							onInput: (t) => _(e.key, t)
-						}, null, 40, ze)) : a("", !0),
+						}, null, 40, Ue)) : 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, Be)
+						}, " + ", 8, We)
 					])]), l(n, { name: "slide" }, {
-						default: N(() => [m.value && e.description ? (S(), o("div", Ve, O(e.description), 1)) : a("", !0)]),
+						default: N(() => [m.value && e.description ? (S(), o("div", Ge, O(e.description), 1)) : a("", !0)]),
 						_: 2
 					}, 1024)], 2))), 128))]),
-					s("div", He, [s("button", {
+					s("div", Ke, [s("button", {
 						class: "params-btn reset",
 						onClick: y
 					}, [...d[8] ||= [s("svg", {
@@ -280,7 +389,7 @@ var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { 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", Ue, [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", qe, [s("button", {
 						class: "params-btn cancel",
 						onClick: d[2] ||= (e) => u.$emit("close")
 					}, "取消"), s("button", {
@@ -298,49 +407,31 @@ var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { class
 			_: 1
 		})], 8, ["to"]));
 	}
-}), [["__scopeId", "data-v-30f2f611"]]), Ge = { class: "indicator-selector" }, Ke = { class: "indicator-scroll-container" }, qe = { class: "indicator-list" }, Je = {
-	key: 0,
-	class: "indicator-divider",
-	"aria-hidden": "true"
-}, Ye = [
-	"draggable",
-	"onDragstart",
-	"onDragover",
-	"onDrop"
-], Xe = ["onMouseenter"], Ze = { class: "btn-content" }, Qe = {
-	key: 0,
-	class: "param-hint"
-}, $e = {
-	key: 0,
-	class: "hover-overlay"
-}, et = ["onClick"], tt = {
-	key: 1,
-	class: "divider"
-}, nt = ["onClick"], rt = { class: "indicator-item" }, it = { class: "modal-header" }, at = { class: "header-title" }, ot = { class: "title-sub" }, st = { class: "header-actions" }, ct = {
+}), [["__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 = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	width: "16",
 	height: "16",
 	fill: "currentColor"
-}, lt = {
+}, tt = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	width: "16",
 	height: "16",
 	fill: "currentColor"
-}, X = { class: "modal-body" }, Z = { class: "search-box" }, ut = ["value"], dt = {
+}, nt = { class: "modal-search-area" }, rt = { class: "search-box" }, it = ["value"], at = { class: "modal-body" }, ot = {
 	key: 0,
 	class: "indicator-section"
-}, ft = { class: "section-header" }, pt = { class: "section-count" }, mt = ["onClick"], ht = { class: "card-label" }, gt = { class: "card-tooltip" }, _t = { class: "card-header" }, vt = { class: "card-label" }, yt = { class: "card-header-actions" }, bt = ["onClick"], xt = { class: "card-name" }, St = {
+}, 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" }, X = ["onClick"], Z = { class: "card-name" }, ht = {
 	key: 1,
 	class: "section-divider"
-}, Ct = {
+}, gt = {
 	key: 2,
 	class: "no-results"
-}, wt = {
+}, _t = {
 	key: 3,
 	class: "indicator-section"
-}, Tt = { class: "section-header" }, Et = { class: "section-count" }, Dt = ["onClick"], Ot = { class: "card-label" }, kt = { class: "card-tooltip" }, At = { class: "card-header" }, jt = { class: "card-label" }, Mt = { class: "card-header-actions" }, Nt = ["onClick"], Pt = { class: "card-name" }, Ft = { class: "modal-footer" }, It = { class: "footer-info" }, Lt = { class: "info-text" }, Rt = /* @__PURE__ */ q(/* @__PURE__ */ u({
+}, vt = { class: "section-header" }, yt = { class: "section-count" }, bt = ["onClick"], xt = { class: "card-label" }, St = { 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({
 	__name: "IndicatorSelector",
 	props: {
 		activeIndicators: {},
@@ -351,8 +442,8 @@ var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { class
 		"updateParams",
 		"reorderSubIndicators"
 	],
-	setup(u, { emit: d }) {
-		let f = u, p = d;
+	setup(c, { expose: u, emit: d }) {
+		let f = c, p = d;
 		function m(e) {
 			return e.map((e) => ({
 				id: e.id,
@@ -371,23 +462,21 @@ var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { class
 				}))
 			}));
 		}
-		let h = oe({ catalog: m(U) }), _ = $(h.menuOpen), v = $(h.searchQuery), b = $(h.filteredMain), C = $(h.filteredSub), E = r(() => b.value.length > 0 || C.value.length > 0), D = h.catalog.peek().length, A = w(null), j = w(!1), M = w(null), P = w(null), I = w(null), L = w(null), R = w(!1), z = Ee(), B = r(() => f.activeIndicators?.length ? f.activeIndicators.map((e) => se(e)).filter((e) => e !== void 0).sort((e, t) => e.pane === t.pane ? 0 : e.pane === "main" ? -1 : 1) : []), ee = r(() => B.value.some((e) => e.pane === "main") ? B.value.find((e) => e.pane === "sub")?.id ?? null : null), V = r(() => M.value ? se(M.value) : null), te = r(() => f.activeIndicators?.length ?? 0);
-		function H(e) {
+		let h = ce({ catalog: m(oe) }), _ = $(h.menuOpen), v = $(h.searchQuery), b = $(h.filteredMain), C = $(h.filteredSub), E = r(() => b.value.length > 0 || C.value.length > 0), D = h.catalog.peek().length, A = w(!1), j = w(null), M = w(!1), P = Ae(), F = r(() => j.value ? le(j.value) : null), ee = r(() => f.activeIndicators?.length ?? 0);
+		function L(e) {
 			return f.activeIndicators?.includes(e) ?? !1;
 		}
-		function ne(e) {
-			if (H(e)) return;
-			let t = se(e);
-			t && (t.pane === "main" && U.filter((t) => t.id !== e && H(t.id) && t.pane === "main").forEach((e) => p("toggle", e.id, !1)), p("toggle", e, !0));
+		function R(e) {
+			L(e) || le(e) && p("toggle", e, !0);
 		}
-		function re(e) {
+		function z(e) {
 			p("toggle", e, !1);
 		}
-		function ie(e) {
-			M.value = e, j.value = !0;
+		function te(e) {
+			j.value = e, A.value = !0;
 		}
-		function ae(e) {
-			let t = se(e);
+		function ne(e) {
+			let t = le(e);
 			if (!t?.params) return {};
 			let n = {};
 			for (let e of t.params) n[e.key] = e.default ?? e.min ?? 1;
@@ -395,247 +484,153 @@ var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { class
 			for (let [e, t] of Object.entries(r)) typeof t == "number" && (i[e] = t);
 			return i;
 		}
-		function ce(e) {
-			let t = ae(e.id);
-			return e.params ? e.params.map((e) => t[e.key] ?? "").join(",") : "";
-		}
-		function le(e) {
-			M.value && p("updateParams", M.value, e), j.value = !1;
-		}
-		function ue(e, t) {
-			if (!W(t)) {
-				e.preventDefault();
-				return;
-			}
-			L.value = t, I.value = null, e.dataTransfer?.setData("text/plain", t), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
+		function B(e) {
+			j.value && p("updateParams", j.value, e), A.value = !1;
 		}
-		function de(e, t) {
-			!L.value || !W(t) || L.value === t || (I.value = t, e.dataTransfer && (e.dataTransfer.dropEffect = "move"));
-		}
-		function fe(e, t) {
-			let n = L.value || e.dataTransfer?.getData("text/plain") || "";
-			if (!n || n === t) {
-				G();
-				return;
-			}
-			if (!W(n) || !W(t)) {
-				G();
-				return;
-			}
-			let r = B.value.findIndex((e) => e.id === n), i = B.value.findIndex((e) => e.id === t);
-			if (r < 0 || i < 0) {
-				G();
-				return;
-			}
-			let a = [...B.value.map((e) => e.id)], [o] = a.splice(r, 1);
-			if (!o) {
-				G();
-				return;
-			}
-			a.splice(i, 0, o), p("reorderSubIndicators", a.filter((e) => W(e))), G();
-		}
-		function G() {
-			I.value = null, L.value = null;
-		}
-		function K(e) {
+		function re(e) {
 			e.key === "Escape" && h.menuOpen.peek() && h.closeMenu();
 		}
 		return y(() => {
-			document.addEventListener("keydown", K);
+			document.addEventListener("keydown", re);
 		}), x(() => {
-			document.removeEventListener("keydown", K);
-		}), (r, u) => (S(), o("div", Ge, [
-			s("div", Ke, [s("div", qe, [(S(!0), o(e, null, T(B.value, (t) => (S(), o(e, { key: t.id }, [t.id === ee.value ? (S(), o("div", Je)) : a("", !0), s("div", {
-				class: g(["indicator-item", {
-					draggable: k(W)(t.id),
-					"drag-over": I.value === t.id,
-					"is-dragging": L.value === t.id
-				}]),
-				draggable: k(W)(t.id),
-				onDragstart: (e) => ue(e, t.id),
-				onDragover: F((e) => de(e, t.id), ["prevent"]),
-				onDrop: F((e) => fe(e, t.id), ["prevent"]),
-				onDragend: G
-			}, [s("div", {
-				class: "indicator-btn-wrapper",
-				onMouseenter: (e) => P.value = t.id,
-				onMouseleave: u[0] ||= (e) => P.value = null
-			}, [s("button", { class: g(["indicator-btn", {
-				active: !0,
-				hovering: P.value === t.id
-			}]) }, [s("span", Ze, [c(O(t.label) + " ", 1), t.params?.length ? (S(), o("span", Qe, " (" + O(ce(t)) + ") ", 1)) : a("", !0)]), l(n, { name: "fade" }, {
-				default: N(() => [P.value === t.id ? (S(), o("div", $e, [
-					t.params?.length ? (S(), o("button", {
-						key: 0,
-						class: "action-btn settings-btn",
-						onClick: F((e) => ie(t.id), ["stop"]),
-						title: "编辑参数"
-					}, [...u[9] ||= [s("svg", {
+			document.removeEventListener("keydown", re);
+		}), u({
+			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" }, {
+			default: N(() => [k(_) ? (S(), o("div", {
+				key: 0,
+				class: "selector-overlay",
+				onClick: c[5] ||= (e) => k(h).closeMenu()
+			}, [l(n, { name: "modal" }, {
+				default: N(() => [k(_) ? (S(), o("div", {
+					key: 0,
+					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", {
+						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", {
+						class: "modal-close",
+						onClick: c[1] ||= (e) => k(h).closeMenu(),
+						title: "关闭"
+					}, [...c[10] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						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),
-					t.params?.length ? (S(), o("span", tt)) : a("", !0),
-					s("button", {
-						class: "action-btn remove-btn",
-						onClick: F((e) => re(t.id), ["stop"]),
-						title: "移除指标"
-					}, [...u[10] ||= [s("svg", {
+					}, [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", {
+						class: "search-icon",
 						viewBox: "0 0 24 24",
-						width: "14",
-						height: "14",
+						width: "16",
+						height: "16",
 						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)]], 8, nt)
-				])) : a("", !0)]),
-				_: 2
-			}, 1024)], 2)], 40, Xe)], 42, Ye)], 64))), 128)), s("div", rt, [s("button", {
-				ref_key: "addBtnRef",
-				ref: A,
-				class: "add-btn",
-				onClick: u[1] ||= F((e) => k(h).toggleMenu(), ["stop"]),
-				title: "添加指标"
-			}, [...u[11] ||= [s("svg", {
-				viewBox: "0 0 24 24",
-				width: "16",
-				height: "16",
-				fill: "currentColor"
-			}, [s("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" })], -1)]], 512)])])]),
-			(S(), i(t, { to: k(z) }, [l(n, { name: "overlay" }, {
-				default: N(() => [k(_) ? (S(), o("div", {
-					key: 0,
-					class: "selector-overlay",
-					onClick: u[7] ||= (e) => k(h).closeMenu()
-				}, [l(n, { name: "modal" }, {
-					default: N(() => [k(_) ? (S(), o("div", {
-						key: 0,
-						class: "selector-modal",
-						onClick: u[6] ||= F(() => {}, ["stop"])
-					}, [
-						s("div", it, [s("div", at, [u[12] ||= s("span", { class: "title-text" }, "添加指标", -1), s("span", ot, O(k(D)) + " 个可用指标", 1)]), s("div", st, [s("button", {
-							class: g(["view-toggle-btn", { active: R.value }]),
-							onClick: u[2] ||= (e) => R.value = !R.value,
-							title: "简洁模式"
-						}, [R.value ? (S(), o("svg", lt, [...u[14] ||= [s("path", { d: "M3 3h18v18H3V3zm16 16V5H5v14h14zM7 7h4v4H7V7zm0 6h4v4H7v-4zm6-6h4v4h-4V7zm0 6h4v4h-4v-4z" }, null, -1)]])) : (S(), o("svg", ct, [...u[13] ||= [s("path", { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, null, -1)]]))], 2), s("button", {
-							class: "modal-close",
-							onClick: u[3] ||= (e) => k(h).closeMenu(),
-							title: "关闭"
-						}, [...u[15] ||= [s("svg", {
+					}, [s("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })], -1), s("input", {
+						value: k(v),
+						onInput: c[2] ||= (e) => k(h).setSearchQuery(e.target.value),
+						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", {
+							key: t.id,
+							class: g(["indicator-card", {
+								active: L(t.id),
+								compact: M.value
+							}]),
+							onClick: (e) => L(t.id) ? z(t.id) : R(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", {
+							key: 0,
+							class: "card-settings-btn",
+							onClick: I((e) => te(t.id), ["stop"]),
+							title: "编辑参数"
+						}, [...c[13] ||= [s("svg", {
 							viewBox: "0 0 24 24",
 							width: "14",
 							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", X, [
-							s("div", Z, [u[16] ||= s("svg", {
-								class: "search-icon",
-								viewBox: "0 0 24 24",
-								width: "16",
-								height: "16",
-								fill: "currentColor"
-							}, [s("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })], -1), s("input", {
-								value: k(v),
-								onInput: u[4] ||= (e) => k(h).setSearchQuery(e.target.value),
-								type: "text",
-								class: "search-input",
-								placeholder: "搜索指标名称..."
-							}, null, 40, ut)]),
-							k(b).length > 0 ? (S(), o("div", dt, [s("div", ft, [u[17] ||= s("span", { class: "section-title" }, "主图指标", -1), s("span", pt, O(k(b).length), 1)]), s("div", { class: g(["indicator-grid", { compact: R.value }]) }, [(S(!0), o(e, null, T(k(b), (t) => (S(), o("button", {
-								key: t.id,
-								class: g(["indicator-card", {
-									active: H(t.id),
-									compact: R.value
-								}]),
-								onClick: (e) => H(t.id) ? re(t.id) : ne(t.id)
-							}, [R.value ? (S(), o(e, { key: 0 }, [s("span", ht, O(t.label), 1), s("span", gt, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", _t, [s("span", vt, O(t.label), 1), s("div", yt, [t.params?.length ? (S(), o("button", {
-								key: 0,
-								class: "card-settings-btn",
-								onClick: F((e) => ie(t.id), ["stop"]),
-								title: "编辑参数"
-							}, [...u[18] ||= [s("svg", {
-								viewBox: "0 0 24 24",
-								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, bt)) : a("", !0)])]), s("div", xt, O(t.name), 1)], 64))], 10, mt))), 128))], 2)])) : a("", !0),
-							k(b).length > 0 && k(C).length > 0 ? (S(), o("div", St)) : a("", !0),
-							!E.value && k(v).trim() ? (S(), o("div", Ct, [...u[19] ||= [
-								s("svg", {
-									viewBox: "0 0 24 24",
-									width: "48",
-									height: "48",
-									fill: "currentColor"
-								}, [s("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })], -1),
-								s("p", null, "未找到匹配的指标", -1),
-								s("span", { class: "no-results-hint" }, "请尝试其他关键词", -1)
-							]])) : a("", !0),
-							k(C).length > 0 ? (S(), o("div", wt, [s("div", Tt, [u[20] ||= s("span", { class: "section-title" }, "副图指标", -1), s("span", Et, O(k(C).length), 1)]), s("div", { class: g(["indicator-grid", { compact: R.value }]) }, [(S(!0), o(e, null, T(k(C), (t) => (S(), o("button", {
-								key: t.id,
-								class: g(["indicator-card", {
-									active: H(t.id),
-									compact: R.value
-								}]),
-								onClick: (e) => H(t.id) ? re(t.id) : ne(t.id)
-							}, [R.value ? (S(), o(e, { key: 0 }, [s("span", Ot, O(t.label), 1), s("span", kt, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", At, [s("span", jt, O(t.label), 1), s("div", Mt, [t.params?.length ? (S(), o("button", {
-								key: 0,
-								class: "card-settings-btn",
-								onClick: F((e) => ie(t.id), ["stop"]),
-								title: "编辑参数"
-							}, [...u[21] ||= [s("svg", {
+						}, [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, X)) : a("", !0)])]), s("div", Z, O(t.name), 1)], 64))], 10, lt))), 128))], 2)])) : a("", !0),
+						k(b).length > 0 && k(C).length > 0 ? (S(), o("div", ht)) : a("", !0),
+						!E.value && k(v).trim() ? (S(), o("div", gt, [...c[14] ||= [
+							s("svg", {
 								viewBox: "0 0 24 24",
-								width: "14",
-								height: "14",
+								width: "48",
+								height: "48",
 								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, Nt)) : a("", !0)])]), s("div", Pt, O(t.name), 1)], 64))], 10, Dt))), 128))], 2)])) : a("", !0)
-						]),
-						s("div", Ft, [s("div", It, [s("span", Lt, "已激活 " + O(te.value) + " 个指标", 1)]), s("button", {
-							class: "btn btn-confirm",
-							onClick: u[5] ||= (e) => k(h).closeMenu()
-						}, "确认")])
-					])) : a("", !0)]),
-					_: 1
-				})])) : a("", !0)]),
+							}, [s("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })], -1),
+							s("p", null, "未找到匹配的指标", -1),
+							s("span", { class: "no-results-hint" }, "请尝试其他关键词", -1)
+						]])) : a("", !0),
+						k(C).length > 0 ? (S(), o("div", _t, [s("div", vt, [c[15] ||= s("span", { class: "section-title" }, "副图指标", -1), s("span", yt, 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: L(t.id),
+								compact: M.value
+							}]),
+							onClick: (e) => L(t.id) ? z(t.id) : R(t.id)
+						}, [M.value ? (S(), o(e, { key: 0 }, [s("span", xt, O(t.label), 1), s("span", St, 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", {
+							key: 0,
+							class: "card-settings-btn",
+							onClick: I((e) => te(t.id), ["stop"]),
+							title: "编辑参数"
+						}, [...c[16] ||= [s("svg", {
+							viewBox: "0 0 24 24",
+							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, bt))), 128))], 2)])) : a("", !0)
+					]),
+					s("div", Ot, [s("div", kt, [s("span", At, "已激活 " + O(ee.value) + " 个指标", 1)]), s("button", {
+						class: "btn btn-confirm",
+						onClick: c[3] ||= (e) => k(h).closeMenu()
+					}, "确认")])
+				])) : a("", !0)]),
 				_: 1
-			})], 8, ["to"])),
-			V.value ? (S(), i(We, {
-				key: 0,
-				visible: j.value,
-				"indicator-id": V.value.id,
-				"indicator-name": V.value.name,
-				"indicator-description": V.value.description,
-				params: V.value.params || [],
-				values: ae(V.value.id),
-				onClose: u[8] ||= (e) => j.value = !1,
-				onConfirm: le
-			}, null, 8, [
-				"visible",
-				"indicator-id",
-				"indicator-name",
-				"indicator-description",
-				"params",
-				"values"
-			])) : a("", !0)
-		]));
+			})])) : a("", !0)]),
+			_: 1
+		})], 8, ["to"])), F.value ? (S(), i(Je, {
+			key: 0,
+			visible: A.value,
+			"indicator-id": F.value.id,
+			"indicator-name": F.value.name,
+			"indicator-description": F.value.description,
+			params: F.value.params || [],
+			values: ne(F.value.id),
+			onClose: c[6] ||= (e) => A.value = !1,
+			onConfirm: B
+		}, null, 8, [
+			"visible",
+			"indicator-id",
+			"indicator-name",
+			"indicator-description",
+			"params",
+			"values"
+		])) : a("", !0)]));
 	}
-}), [["__scopeId", "data-v-01a99263"]]), zt = { class: "kline-tooltip__title" }, Bt = { key: 0 }, Vt = { class: "kline-tooltip__grid" }, Ht = { class: "row" }, Ut = { class: "row" }, Wt = { class: "row" }, Gt = { class: "row" }, Kt = {
+}), [["__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 = {
 	key: 0,
 	class: "row"
-}, qt = {
+}, Bt = {
 	key: 1,
 	class: "row"
-}, Jt = {
+}, Vt = {
 	key: 2,
 	class: "row"
-}, Yt = {
+}, Ht = {
 	key: 3,
 	class: "row"
-}, Xt = {
+}, Ut = {
 	key: 4,
 	class: "row"
-}, Zt = {
+}, Wt = {
 	key: 5,
 	class: "row"
-}, Qt = "#6b7280", $t = /* @__PURE__ */ q(/* @__PURE__ */ u({
+}, Gt = "#6b7280", Kt = /*#__PURE__*/ W(/* @__PURE__ */ u({
 	__name: "KLineTooltip",
 	props: {
 		k: {},
@@ -670,19 +665,19 @@ var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { class
 		}
 		let p = r(() => {
 			let e = t.k;
-			if (!e) return Qt;
+			if (!e) return Gt;
 			let n = f(e, t.data, t.index);
-			return n > 0 ? t.upColor : n < 0 ? t.downColor : Qt;
+			return n > 0 ? t.upColor : n < 0 ? t.downColor : Gt;
 		}), m = r(() => {
 			let e = t.k;
-			if (!e) return Qt;
+			if (!e) return Gt;
 			let n = e.close - e.open;
-			return n > 0 ? t.upColor : n < 0 ? t.downColor : Qt;
+			return n > 0 ? t.upColor : n < 0 ? t.downColor : Gt;
 		}), h = r(() => {
 			let e = t.k;
-			if (!e) return Qt;
+			if (!e) return Gt;
 			let n = e.changePercent ?? (e.close - e.open) / e.open * 100;
-			return n > 0 ? t.upColor : n < 0 ? t.downColor : Qt;
+			return n > 0 ? t.upColor : n < 0 ? t.downColor : Gt;
 		});
 		return (t, r) => e.k ? (S(), o("div", {
 			key: 0,
@@ -692,23 +687,23 @@ var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { class
 				left: `${e.pos.x}px`,
 				top: `${e.pos.y}px`
 			})
-		}, [s("div", zt, [e.k.stockCode ? (S(), o("span", Bt, O(e.k.stockCode), 1)) : a("", !0), s("span", null, O(l(e.k.timestamp)), 1)]), s("div", Vt, [
-			s("div", Ht, [r[0] ||= s("span", null, "开", -1), s("span", { style: _({ color: p.value }) }, O(e.k.open.toFixed(2)), 5)]),
-			s("div", Ut, [r[1] ||= s("span", null, "高", -1), s("span", null, O(e.k.high.toFixed(2)), 1)]),
-			s("div", Wt, [r[2] ||= s("span", null, "低", -1), s("span", null, O(e.k.low.toFixed(2)), 1)]),
-			s("div", Gt, [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", Kt, [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", qt, [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", Jt, [r[6] ||= s("span", null, "振幅", -1), s("span", null, O(e.k.amplitude) + "%", 1)])) : a("", !0),
-			typeof e.k.changePercent == "number" ? (S(), o("div", Yt, [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", Xt, [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", Zt, [r[9] ||= s("span", null, "换手率", -1), s("span", null, O(e.k.turnoverRate.toFixed(2)) + "%", 1)])) : a("", !0)
+		}, [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)
 		])], 6)) : a("", !0);
 	}
-}), [["__scopeId", "data-v-a068b75e"]]), en = { class: "marker-tooltip__title" }, tn = {
+}), [["__scopeId", "data-v-a068b75e"]]), qt = { class: "marker-tooltip__title" }, Jt = {
 	key: 0,
 	class: "marker-tooltip__content"
-}, nn = /* @__PURE__ */ q(/* @__PURE__ */ u({
+}, Yt = /*#__PURE__*/ W(/* @__PURE__ */ u({
 	__name: "MarkerTooltip",
 	props: {
 		marker: {},
@@ -757,18 +752,18 @@ var De = { class: "params-header" }, Oe = { class: "header-left" }, ke = { class
 				left: `${t.pos.x + 12}px`,
 				top: `${t.pos.y + 12}px`
 			})
-		}, [s("div", en, O(f.value), 1), m.value ? (S(), o("div", tn, [(S(!0), o(e, null, T(p.value, (e, t) => (S(), o("div", {
+		}, [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", {
 			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"]]), rn = {
+}), [["__scopeId", "data-v-f2a21012"]]), Xt = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function an(e, t) {
-	return S(), o("svg", rn, [...t[0] ||= [s("path", {
+function Zt(e, t) {
+	return S(), o("svg", Xt, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -777,16 +772,16 @@ function an(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 on = m({
+var Qt = m({
 	name: "tabler-pointer",
-	render: an
-}), sn = {
+	render: Zt
+}), $t = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function cn(e, t) {
-	return S(), o("svg", sn, [...t[0] ||= [s("path", {
+function en(e, t) {
+	return S(), o("svg", $t, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -795,16 +790,16 @@ function cn(e, t) {
 		d: "M4 19h16M4 15l4-6l4 2l4-5l4 4"
 	}, null, -1)]]);
 }
-var ln = m({
+var tn = m({
 	name: "tabler-chart-line",
-	render: cn
-}), un = {
+	render: en
+}), nn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function dn(e, t) {
-	return S(), o("svg", un, [...t[0] ||= [s("path", {
+function rn(e, t) {
+	return S(), o("svg", nn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -813,16 +808,16 @@ function dn(e, t) {
 		d: "M17 7L7 17M8 7h9v9"
 	}, null, -1)]]);
 }
-var fn = m({
+var an = m({
 	name: "tabler-arrow-up-right",
-	render: dn
-}), pn = {
+	render: rn
+}), on = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function mn(e, t) {
-	return S(), o("svg", pn, [...t[0] ||= [s("path", {
+function sn(e, t) {
+	return S(), o("svg", on, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -831,16 +826,16 @@ function mn(e, t) {
 		d: "M5 12h14m-6 6l6-6m-6-6l6 6"
 	}, null, -1)]]);
 }
-var hn = m({
+var cn = m({
 	name: "tabler-arrow-right",
-	render: mn
-}), gn = {
+	render: sn
+}), ln = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function _n(e, t) {
-	return S(), o("svg", gn, [...t[0] ||= [s("path", {
+function un(e, t) {
+	return S(), o("svg", ln, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -849,16 +844,16 @@ function _n(e, t) {
 		d: "M5 12h14"
 	}, null, -1)]]);
 }
-var vn = m({
+var dn = m({
 	name: "tabler-minus",
-	render: _n
-}), yn = {
+	render: un
+}), fn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function bn(e, t) {
-	return S(), o("svg", yn, [...t[0] ||= [s("path", {
+function pn(e, t) {
+	return S(), o("svg", fn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -867,16 +862,16 @@ function bn(e, t) {
 		d: "M3 12v.01M7 12h10m4 0v.01"
 	}, null, -1)]]);
 }
-var xn = m({
+var mn = m({
 	name: "tabler-separator",
-	render: bn
-}), Sn = {
+	render: pn
+}), hn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Cn(e, t) {
-	return S(), o("svg", Sn, [...t[0] ||= [s("path", {
+function gn(e, t) {
+	return S(), o("svg", hn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -885,16 +880,16 @@ function Cn(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 wn = m({
+var _n = m({
 	name: "tabler-crosshair",
-	render: Cn
-}), Tn = {
+	render: gn
+}), vn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function En(e, t) {
-	return S(), o("svg", Tn, [...t[0] ||= [s("g", {
+function yn(e, t) {
+	return S(), o("svg", vn, [...t[0] ||= [s("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -902,16 +897,16 @@ function En(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 Dn = m({
+var bn = m({
 	name: "tabler-info-circle",
-	render: En
-}), On = {
+	render: yn
+}), xn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function kn(e, t) {
-	return S(), o("svg", On, [...t[0] ||= [s("path", {
+function Sn(e, t) {
+	return S(), o("svg", xn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -920,16 +915,16 @@ function kn(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 An = m({
+var Cn = m({
 	name: "tabler-zoom-in",
-	render: kn
-}), jn = {
+	render: Sn
+}), wn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Mn(e, t) {
-	return S(), o("svg", jn, [...t[0] ||= [s("path", {
+function Tn(e, t) {
+	return S(), o("svg", wn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -938,16 +933,16 @@ function Mn(e, t) {
 		d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m4 0h6m8 11l-6-6"
 	}, null, -1)]]);
 }
-var Nn = m({
+var En = m({
 	name: "tabler-zoom-out",
-	render: Mn
-}), Pn = {
+	render: Tn
+}), Dn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Fn(e, t) {
-	return S(), o("svg", Pn, [...t[0] ||= [s("path", {
+function On(e, t) {
+	return S(), o("svg", Dn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -956,16 +951,16 @@ function Fn(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 In = m({
+var kn = m({
 	name: "tabler-maximize",
-	render: Fn
-}), Ln = {
+	render: On
+}), An = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Rn(e, t) {
-	return S(), o("svg", Ln, [...t[0] ||= [s("path", {
+function jn(e, t) {
+	return S(), o("svg", An, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -974,16 +969,16 @@ function Rn(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 zn = m({
+var Mn = m({
 	name: "tabler-minimize",
-	render: Rn
-}), Bn = {
+	render: jn
+}), Nn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Vn(e, t) {
-	return S(), o("svg", Bn, [...t[0] ||= [s("g", {
+function Pn(e, t) {
+	return S(), o("svg", Nn, [...t[0] ||= [s("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -991,16 +986,16 @@ function Vn(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 Hn = m({
+var Fn = m({
 	name: "tabler-settings",
-	render: Vn
-}), Un = {
+	render: Pn
+}), In = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Wn(e, t) {
-	return S(), o("svg", Un, [...t[0] ||= [s("path", {
+function Ln(e, t) {
+	return S(), o("svg", In, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1009,16 +1004,16 @@ function Wn(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 Gn = m({
+var Rn = m({
 	name: "tabler-shape",
-	render: Wn
-}), Kn = {
+	render: Ln
+}), zn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function qn(e, t) {
-	return S(), o("svg", Kn, [...t[0] ||= [s("path", {
+function Bn(e, t) {
+	return S(), o("svg", zn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1027,16 +1022,16 @@ function qn(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 Jn = m({
+var Vn = m({
 	name: "tabler-chart-dots-3",
-	render: qn
-}), Yn = {
+	render: Bn
+}), Hn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Xn(e, t) {
-	return S(), o("svg", Yn, [...t[0] ||= [s("path", {
+function Un(e, t) {
+	return S(), o("svg", Hn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1045,16 +1040,16 @@ function Xn(e, t) {
 		d: "m18 10l-6-6l-6 6zm0 4l-6 6l-6-6z"
 	}, null, -1)]]);
 }
-var Zn = m({
+var Wn = m({
 	name: "tabler-caret-up-down",
-	render: Xn
-}), Qn = {
+	render: Un
+}), Gn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function $n(e, t) {
-	return S(), o("svg", Qn, [...t[0] ||= [s("path", {
+function Kn(e, t) {
+	return S(), o("svg", Gn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1063,34 +1058,34 @@ function $n(e, t) {
 		d: "M8 4H5v16h3m8-16h3v16h-3"
 	}, null, -1)]]);
 }
-var er = m({
+var qn = m({
 	name: "tabler-brackets",
-	render: $n
+	render: Kn
 });
 //#endregion
 //#region src/debug/canvasProfiler.ts
-function tr() {
+function Jn() {
 	return Object.create(null);
 }
-function nr() {
+function Yn() {
 	return {
-		ctxMethods: tr(),
-		ctxProps: tr(),
-		canvasProps: tr(),
+		ctxMethods: Jn(),
+		ctxProps: Jn(),
+		canvasProps: Jn(),
 		ctxMethodSources: Object.create(null)
 	};
 }
-function rr(e, t, n) {
+function Xn(e, t, n) {
 	let r = e[t] ??= {
 		count: 0,
 		totalTime: 0
 	};
 	r.count += 1, r.totalTime += n;
 }
-function ir(e, t, n, r) {
-	rr(e.ctxMethodSources[t] ??= tr(), n, r);
+function Zn(e, t, n, r) {
+	Xn(e.ctxMethodSources[t] ??= Jn(), n, r);
 }
-function ar(e) {
+function Qn(e) {
 	return Object.entries(e).filter(([, e]) => e.count > 0).map(([e, t]) => ({
 		name: e,
 		count: t.count,
@@ -1098,12 +1093,12 @@ function ar(e) {
 		averageTime: (t.totalTime / t.count).toFixed(4)
 	})).sort((e, t) => Number(t.totalTime) - Number(e.totalTime));
 }
-var or = !1, sr = /* @__PURE__ */ new Map(), cr = /* @__PURE__ */ new Map();
-function lr(e) {
-	or = e, e ? typeof window < "u" && !window.__KMAP_CANVAS_PROFILER_INSTALLED__ && fr() : pr();
+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();
 }
-function ur() {
-	if (!or) return "disabled";
+function rr() {
+	if (!$n) return "disabled";
 	let e = (/* @__PURE__ */ Error()).stack;
 	if (!e) return "unknown";
 	let t = e.split("\n").map((e) => e.trim()).filter(Boolean);
@@ -1118,86 +1113,86 @@ function ur() {
 }
 function Q(e, t, n, r) {
 	let i = `${e.constructor?.name ?? "proto"}:${t}`;
-	if (sr.has(i)) return;
+	if (er.has(i)) return;
 	let a = Reflect.get(e, t);
-	typeof a == "function" && (sr.set(i, a), Reflect.set(e, t, function(...e) {
-		if (!or) return a.apply(this, e);
-		let i = r?.captureSource ? ur() : null, o = performance.now(), s = a.apply(this, e), c = performance.now() - o;
-		return rr(n.ctxMethods, t, c), i && ir(n, t, i, c), s;
+	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;
 	}));
 }
-function dr(e, t, n) {
+function ir(e, t, n) {
 	let r = Object.getOwnPropertyDescriptor(e, t);
 	if (!r?.set || !r.configurable) return;
 	let i = `${e.constructor?.name ?? "proto"}:${t}`;
-	cr.has(i) || (cr.set(i, r), Object.defineProperty(e, t, {
+	tr.has(i) || (tr.set(i, r), Object.defineProperty(e, t, {
 		configurable: !0,
 		enumerable: r.enumerable ?? !1,
 		get: r.get,
 		set(e) {
-			if (!or) {
+			if (!$n) {
 				r.set.call(this, e);
 				return;
 			}
 			let i = performance.now();
-			r.set.call(this, e), rr(n, t, performance.now() - i);
+			r.set.call(this, e), Xn(n, t, performance.now() - i);
 		}
 	}));
 }
-function fr() {
+function ar() {
 	if (typeof window > "u" || window.__KMAP_CANVAS_PROFILER_INSTALLED__) return;
 	let e = CanvasRenderingContext2D?.prototype, t = HTMLCanvasElement?.prototype;
 	if (!e || !t) return;
-	let n = nr();
-	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), dr(e, "font", n.ctxProps), dr(e, "filter", n.ctxProps), dr(e, "shadowBlur", n.ctxProps), dr(e, "lineWidth", n.ctxProps), dr(t, "width", n.canvasProps), dr(t, "height", n.canvasProps), window.__KMAP_CANVAS_PROFILER_METRICS__ = n, window.__KMAP_CANVAS_PROFILER_INSTALLED__ = !0, window.showCanvasReport = () => {
+	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 e = window.__KMAP_CANVAS_PROFILER_METRICS__;
 		if (e) {
-			console.group("[kmap] Canvas profiler report"), console.log("ctx methods"), console.table(ar(e.ctxMethods)), console.log("ctx props"), console.table(ar(e.ctxProps)), console.log("canvas props"), console.table(ar(e.canvasProps));
+			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));
 			for (let t of ["fillText", "measureText"]) {
 				let n = e.ctxMethodSources[t];
-				n && (console.log(`${t} sources`), console.table(ar(n).slice(0, 20)));
+				n && (console.log(`${t} sources`), console.table(Qn(n).slice(0, 20)));
 			}
 			console.groupEnd();
 		}
 	}, window.resetCanvasReport = () => {
-		window.__KMAP_CANVAS_PROFILER_METRICS__ = nr();
+		window.__KMAP_CANVAS_PROFILER_METRICS__ = Yn();
 	}, console.info("[kmap] Canvas profiler enabled. Use window.showCanvasReport() and window.resetCanvasReport().");
 }
-function pr() {
+function or() {
 	if (typeof window > "u" || !window.__KMAP_CANVAS_PROFILER_INSTALLED__) return;
 	let e = CanvasRenderingContext2D?.prototype, t = HTMLCanvasElement?.prototype;
-	sr.forEach((n, r) => {
+	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 && Reflect.set(s, o, n);
-	}), sr.clear(), cr.forEach((n, r) => {
+	}), er.clear(), tr.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);
-	}), cr.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.");
+	}), 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.");
 }
 //#endregion
 //#region src/components/ChartSettingsDialog.vue?vue&type=script&setup=true&lang.ts
-var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["onUpdate:modelValue"], _r = ["onUpdate:modelValue"], vr = ["value"], yr = { class: "settings-label" }, br = ["onUpdate:modelValue"], xr = ["onUpdate:modelValue"], Sr = ["value"], Cr = { class: "settings-header" }, wr = { class: "header-right" }, Tr = { class: "settings-body" }, Er = /* @__PURE__ */ q(/* @__PURE__ */ u({
+var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["onUpdate:modelValue"], ur = { class: "settings-label" }, dr = ["onUpdate:modelValue"], fr = { class: "settings-header" }, pr = { class: "header-right" }, mr = { class: "settings-body" }, hr = /*#__PURE__*/ W(/* @__PURE__ */ u({
 	__name: "ChartSettingsDialog",
 	props: { show: { type: Boolean } },
 	emits: ["close", "confirm"],
 	setup(u, { emit: d }) {
-		let f = u, p = d, m = Ee(), h = r(() => G.filter((e) => e.group === "main")), g = r(() => G.filter((e) => e.group === "experimental")), _ = w(!1);
+		let f = u, p = d, m = Ae(), h = r(() => V.filter((e) => e.group === "main")), g = r(() => V.filter((e) => e.group === "experimental")), _ = w(!1);
 		function v() {
 			try {
-				let e = localStorage.getItem(K);
+				let e = localStorage.getItem(H);
 				if (e) {
 					let t = JSON.parse(e), n = {};
-					return G.forEach((e) => {
+					return V.forEach((e) => {
 						n[e.key] = t[e.key] ?? e.default;
-					}), n.colorPresetSettings = V(t.colorPresetSettings), n;
+					}), n.colorPresetSettings = B(t.colorPresetSettings), n;
 				}
 			} catch {}
 			let e = {};
-			return G.forEach((t) => {
+			return V.forEach((t) => {
 				e[t.key] = t.default;
 			}), e.colorPresetSettings = {}, e;
 		}
@@ -1210,7 +1205,7 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 		}
 		function x() {
 			let e = {};
-			G.forEach((t) => {
+			V.forEach((t) => {
 				e[t.key] = t.default;
 			}), e.colorPresetSettings = {}, y.value = e;
 		}
@@ -1225,7 +1220,7 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 			}, [l(n, { name: "modal" }, {
 				default: N(() => [s("div", {
 					class: "settings-modal",
-					onClick: d[1] ||= F(() => {}, ["stop"])
+					onClick: d[1] ||= I(() => {}, ["stop"])
 				}, [
 					s("div", { class: "settings-header" }, [d[7] ||= s("div", { class: "header-left" }, [s("span", { class: "settings-title" }, "图表设置"), s("span", { class: "settings-subtitle" }, "个性化配置")], -1), s("div", { class: "header-right" }, [s("button", {
 						class: "settings-close",
@@ -1236,23 +1231,27 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 						stroke: "currentColor",
 						"stroke-width": "2"
 					}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]),
-					s("div", mr, [
-						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, (t) => (S(), o("div", {
-							key: t.key,
+					s("div", sr, [
+						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", hr, [s("span", null, O(t.label), 1), t.type === "boolean" ? P((S(), o("input", {
+						}, [s("label", cr, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
 							key: 0,
 							type: "checkbox",
 							class: "settings-checkbox",
-							"onUpdate:modelValue": (e) => y.value[t.key] = e
-						}, null, 8, gr)), [[A, y.value[t.key]]]) : t.type === "select" && t.options ? P((S(), o("select", {
+							"onUpdate:modelValue": (t) => y.value[e.key] = t
+						}, null, 8, lr)), [[A, y.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(q, {
 							key: 1,
-							class: "settings-select",
-							"onUpdate:modelValue": (e) => y.value[t.key] = e
-						}, [(S(!0), o(e, null, T(t.options, (e) => (S(), o("option", {
-							key: e.value,
-							value: e.value
-						}, O(e.label), 9, vr))), 128))], 8, _r)), [[j, y.value[t.key]]]) : a("", !0)])]))), 128))], 64)) : a("", !0),
+							"model-value": String(y.value[e.key]),
+							options: e.options,
+							size: "sm",
+							"min-width": "100px",
+							"onUpdate:modelValue": (t) => y.value[e.key] = t
+						}, null, 8, [
+							"model-value",
+							"options",
+							"onUpdate:modelValue"
+						])) : a("", !0)])]))), 128))], 64)) : a("", !0),
 						d[11] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "样式 / 颜色")], -1),
 						s("div", {
 							class: "settings-item nav-item",
@@ -1266,22 +1265,26 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 							height: "16",
 							class: "nav-arrow"
 						}, [s("path", { d: "M9 18l6-6-6-6" })])], -1)]]),
-						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, (t) => (S(), o("div", {
-							key: t.key,
+						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", yr, [s("span", null, O(t.label), 1), t.type === "boolean" ? P((S(), o("input", {
+						}, [s("label", ur, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
 							key: 0,
 							type: "checkbox",
 							class: "settings-checkbox",
-							"onUpdate:modelValue": (e) => y.value[t.key] = e
-						}, null, 8, br)), [[A, y.value[t.key]]]) : t.type === "select" && t.options ? P((S(), o("select", {
+							"onUpdate:modelValue": (t) => y.value[e.key] = t
+						}, null, 8, dr)), [[A, y.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(q, {
 							key: 1,
-							class: "settings-select",
-							"onUpdate:modelValue": (e) => y.value[t.key] = e
-						}, [(S(!0), o(e, null, T(t.options, (e) => (S(), o("option", {
-							key: e.value,
-							value: e.value
-						}, O(e.label), 9, Sr))), 128))], 8, xr)), [[j, y.value[t.key]]]) : a("", !0)])]))), 128))], 64)) : a("", !0)
+							"model-value": String(y.value[e.key]),
+							options: e.options,
+							size: "sm",
+							"min-width": "100px",
+							"onUpdate:modelValue": (t) => y.value[e.key] = t
+						}, null, 8, [
+							"model-value",
+							"options",
+							"onUpdate:modelValue"
+						])) : a("", !0)])]))), 128))], 64)) : a("", !0)
 					]),
 					s("div", { class: "settings-footer" }, [s("button", {
 						class: "settings-btn reset",
@@ -1315,8 +1318,8 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 			}, [l(n, { name: "modal" }, {
 				default: N(() => [s("div", {
 					class: "settings-modal",
-					onClick: d[4] ||= F(() => {}, ["stop"])
-				}, [s("div", Cr, [d[15] ||= s("div", { class: "header-left" }, [s("span", { class: "settings-title" }, "颜色预设"), s("span", { class: "settings-subtitle" }, "自定义图表颜色")], -1), s("div", wr, [s("button", {
+					onClick: d[4] ||= I(() => {}, ["stop"])
+				}, [s("div", fr, [d[15] ||= s("div", { class: "header-left" }, [s("span", { class: "settings-title" }, "颜色预设"), s("span", { class: "settings-subtitle" }, "自定义图表颜色")], -1), s("div", pr, [s("button", {
 					class: "settings-close",
 					onClick: d[2] ||= (e) => _.value = !1
 				}, [...d[14] ||= [s("svg", {
@@ -1324,7 +1327,7 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 					fill: "none",
 					stroke: "currentColor",
 					"stroke-width": "2"
-				}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]), s("div", Tr, [l(be, {
+				}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]), s("div", mr, [l(xe, {
 					"color-preset-settings": y.value.colorPresetSettings,
 					"onUpdate:colorPresetSettings": d[3] ||= (e) => y.value = {
 						...y.value,
@@ -1336,18 +1339,18 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 			_: 1
 		})], 8, ["to"]));
 	}
-}), [["__scopeId", "data-v-49dd396c"]]), Dr = {
+}), [["__scopeId", "data-v-7a3fb961"]]), gr = {
 	class: "left-toolbar",
 	"aria-label": "图表工具栏"
-}, Or = { class: "left-toolbar__group" }, kr = [
+}, _r = { class: "left-toolbar__group" }, vr = [
 	"title",
 	"aria-label",
 	"onClick"
-], Ar = ["onClick"], jr = [
+], yr = ["onClick"], br = [
 	"title",
 	"aria-label",
 	"onClick"
-], Mr = { class: "left-toolbar__group" }, Nr = { class: "left-toolbar__group" }, Pr = ["title", "aria-label"], Fr = { class: "left-toolbar__group" }, Ir = /* @__PURE__ */ q(/* @__PURE__ */ u({
+], xr = { class: "left-toolbar__group" }, Sr = { class: "left-toolbar__group" }, Cr = ["title", "aria-label"], wr = { class: "left-toolbar__group" }, Tr = /*#__PURE__*/ W(/* @__PURE__ */ u({
 	__name: "LeftToolbar",
 	props: { isFullscreen: { type: Boolean } },
 	emits: [
@@ -1362,96 +1365,96 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 			{
 				id: "cursor",
 				title: "光标",
-				icon: on
+				icon: Qt
 			},
 			{
 				id: "lines",
 				title: "线条",
-				icon: ln,
+				icon: tn,
 				children: [
 					{
 						id: "trend-line",
 						title: "线段",
-						icon: ln
+						icon: tn
 					},
 					{
 						id: "ray",
 						title: "射线",
-						icon: fn
+						icon: an
 					},
 					{
 						id: "h-line",
 						title: "水平线",
-						icon: vn
+						icon: dn
 					},
 					{
 						id: "h-ray",
 						title: "水平射线",
-						icon: hn
+						icon: cn
 					},
 					{
 						id: "v-line",
 						title: "垂直线",
-						icon: xn
+						icon: mn
 					},
 					{
 						id: "crosshair-line",
 						title: "十字线",
-						icon: wn
+						icon: _n
 					},
 					{
 						id: "info-line",
 						title: "信息线",
-						icon: Dn
+						icon: bn
 					}
 				]
 			},
 			{
 				id: "channels",
 				title: "通道",
-				icon: Gn,
+				icon: Rn,
 				children: [
 					{
 						id: "parallel-channel",
 						title: "平行通道",
-						icon: Gn
+						icon: Rn
 					},
 					{
 						id: "regression-channel",
 						title: "回归趋势",
-						icon: Jn
+						icon: Vn
 					},
 					{
 						id: "flat-line",
 						title: "平滑顶底",
-						icon: Zn
+						icon: Wn
 					},
 					{
 						id: "disjoint-channel",
 						title: "不相交通道",
-						icon: er
+						icon: qn
 					}
 				]
 			}
 		], d = c, f = w("cursor"), p = w(null), m = w(!1);
 		function h() {
 			try {
-				let e = localStorage.getItem(K);
+				let e = localStorage.getItem(H);
 				if (e) {
 					let t = JSON.parse(e), n = { ...t };
-					return G.forEach((e) => {
+					return V.forEach((e) => {
 						n[e.key] = t[e.key] ?? e.default;
 					}), n;
 				}
 			} catch {}
 			let e = {};
-			return G.forEach((t) => {
+			return V.forEach((t) => {
 				e[t.key] = t.default;
 			}), e;
 		}
 		function _(e) {
 			try {
-				localStorage.setItem(K, JSON.stringify(e));
+				localStorage.setItem(H, JSON.stringify(e));
 			} catch {}
 		}
 		let v = w(h());
@@ -1483,17 +1486,17 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 		}
 		r({ getSettings: j });
 		function M(e) {
-			v.value = { ...e }, _(v.value), lr(!!v.value.enableCanvasProfiler), d("settingsChange", { ...v.value }), m.value = !1;
+			v.value = { ...e }, _(v.value), nr(!!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 }), lr(!!v.value.enableCanvasProfiler);
+			document.addEventListener("click", P, !0), d("settingsChange", { ...v.value }), nr(!!v.value.enableCanvasProfiler);
 		}), x(() => {
 			document.removeEventListener("click", P, !0);
-		}), (r, c) => (S(), o(e, null, [s("nav", Dr, [
-			s("div", Or, [(S(), o(e, null, T(u, (t) => s("div", {
+		}), (r, c) => (S(), o(e, null, [s("nav", gr, [
+			s("div", _r, [(S(), o(e, null, T(u, (t) => s("div", {
 				key: t.id,
 				class: "tool-item"
 			}, [s("button", {
@@ -1502,24 +1505,24 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 				title: t.title,
 				"aria-label": t.title,
 				onClick: (e) => C(t),
-				onPointerdown: c[0] ||= F(() => {}, ["stop"]),
-				onPointermove: c[1] ||= F(() => {}, ["stop"]),
-				onPointerup: c[2] ||= F(() => {}, ["stop"])
+				onPointerdown: c[0] ||= I(() => {}, ["stop"]),
+				onPointermove: c[1] ||= I(() => {}, ["stop"]),
+				onPointerup: c[2] ||= I(() => {}, ["stop"])
 			}, [(S(), i(E(t.icon), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})), t.children && t.children.length ? (S(), o("span", {
 				key: 0,
 				class: g(["corner-indicator", { open: p.value === t.id }]),
-				onClick: F((e) => O(t.id), ["stop"]),
+				onClick: I((e) => O(t.id), ["stop"]),
 				"aria-label": "展开子菜单"
-			}, null, 10, Ar)) : a("", !0)], 42, kr), l(n, { name: "dropdown" }, {
+			}, null, 10, yr)) : a("", !0)], 42, vr), l(n, { name: "dropdown" }, {
 				default: N(() => [p.value === t.id && t.children && t.children.length ? (S(), o("div", {
 					key: 0,
 					class: "tool-dropdown",
-					onPointerdown: c[3] ||= F(() => {}, ["stop"]),
-					onPointermove: c[4] ||= F(() => {}, ["stop"]),
-					onPointerup: c[5] ||= F(() => {}, ["stop"])
+					onPointerdown: c[3] ||= I(() => {}, ["stop"]),
+					onPointermove: c[4] ||= I(() => {}, ["stop"]),
+					onPointerup: c[5] ||= I(() => {}, ["stop"])
 				}, [(S(!0), o(e, null, T(t.children, (e) => (S(), o("button", {
 					key: e.id,
 					type: "button",
@@ -1530,20 +1533,20 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 				}, [(S(), i(E(e.icon), {
 					class: "tool-icon",
 					"aria-hidden": "true"
-				}))], 10, jr))), 128))], 32)) : a("", !0)]),
+				}))], 10, br))), 128))], 32)) : a("", !0)]),
 				_: 2
 			}, 1024)])), 64))]),
 			c[22] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
-			s("div", Mr, [s("button", {
+			s("div", xr, [s("button", {
 				type: "button",
 				class: "left-toolbar__button",
 				title: "放大",
 				"aria-label": "放大",
 				onClick: c[6] ||= (e) => r.$emit("zoomIn"),
-				onPointerdown: c[7] ||= F(() => {}, ["stop"]),
-				onPointermove: c[8] ||= F(() => {}, ["stop"]),
-				onPointerup: c[9] ||= F(() => {}, ["stop"])
-			}, [l(k(An), {
+				onPointerdown: c[7] ||= I(() => {}, ["stop"]),
+				onPointermove: c[8] ||= I(() => {}, ["stop"]),
+				onPointerup: c[9] ||= I(() => {}, ["stop"])
+			}, [l(k(Cn), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})], 32), s("button", {
@@ -1552,62 +1555,452 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 				title: "缩小",
 				"aria-label": "缩小",
 				onClick: c[10] ||= (e) => r.$emit("zoomOut"),
-				onPointerdown: c[11] ||= F(() => {}, ["stop"]),
-				onPointermove: c[12] ||= F(() => {}, ["stop"]),
-				onPointerup: c[13] ||= F(() => {}, ["stop"])
-			}, [l(k(Nn), {
+				onPointerdown: c[11] ||= I(() => {}, ["stop"]),
+				onPointermove: c[12] ||= I(() => {}, ["stop"]),
+				onPointerup: c[13] ||= I(() => {}, ["stop"])
+			}, [l(k(En), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})], 32)]),
 			c[23] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
-			s("div", Nr, [s("button", {
+			s("div", Sr, [s("button", {
 				type: "button",
 				class: "left-toolbar__button",
 				title: t.isFullscreen ? "退出全屏" : "全屏显示",
 				"aria-label": t.isFullscreen ? "退出全屏" : "全屏显示",
 				onClick: c[14] ||= (e) => r.$emit("toggleFullscreen"),
-				onPointerdown: c[15] ||= F(() => {}, ["stop"]),
-				onPointermove: c[16] ||= F(() => {}, ["stop"]),
-				onPointerup: c[17] ||= F(() => {}, ["stop"])
-			}, [t.isFullscreen ? (S(), i(k(zn), {
+				onPointerdown: c[15] ||= I(() => {}, ["stop"]),
+				onPointermove: c[16] ||= I(() => {}, ["stop"]),
+				onPointerup: c[17] ||= I(() => {}, ["stop"])
+			}, [t.isFullscreen ? (S(), i(k(Mn), {
 				key: 0,
 				class: "tool-icon",
 				"aria-hidden": "true"
-			})) : (S(), i(k(In), {
+			})) : (S(), i(k(kn), {
 				key: 1,
 				class: "tool-icon",
 				"aria-hidden": "true"
-			}))], 40, Pr)]),
+			}))], 40, Cr)]),
 			c[24] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
-			s("div", Fr, [s("button", {
+			s("div", wr, [s("button", {
 				type: "button",
 				class: "left-toolbar__button",
 				title: "设置",
 				"aria-label": "设置",
 				onClick: A,
-				onPointerdown: c[18] ||= F(() => {}, ["stop"]),
-				onPointermove: c[19] ||= F(() => {}, ["stop"]),
-				onPointerup: c[20] ||= F(() => {}, ["stop"])
-			}, [l(k(Hn), {
+				onPointerdown: c[18] ||= I(() => {}, ["stop"]),
+				onPointermove: c[19] ||= I(() => {}, ["stop"]),
+				onPointerup: c[20] ||= I(() => {}, ["stop"])
+			}, [l(k(Fn), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})], 32)])
-		]), l(Er, {
+		]), l(hr, {
 			show: m.value,
 			onClose: c[21] ||= (e) => m.value = !1,
 			onConfirm: M
 		}, null, 8, ["show"])], 64));
 	}
-}), [["__scopeId", "data-v-d0932502"]]), Lr = ["data-theme"], Rr = {
+}), [["__scopeId", "data-v-66411b58"]]), Er = /* @__PURE__ */ u({
+	__name: "KLineLevelDropdown",
+	props: { modelValue: {} },
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = [
+			{
+				label: "1min",
+				value: "1min"
+			},
+			{
+				label: "5min",
+				value: "5min"
+			},
+			{
+				label: "15min",
+				value: "15min"
+			},
+			{
+				label: "30min",
+				value: "30min"
+			},
+			{
+				label: "1小时",
+				value: "60min"
+			},
+			{
+				label: "1周",
+				value: "weekly"
+			},
+			{
+				label: "1月",
+				value: "monthly"
+			},
+			{
+				label: "3月",
+				value: "quarterly"
+			},
+			{
+				label: "12月",
+				value: "yearly"
+			}
+		], r = t;
+		return (t, a) => (S(), i(q, {
+			"model-value": e.modelValue,
+			options: n,
+			label: "级别",
+			title: "K线级别",
+			size: "md",
+			"onUpdate:modelValue": a[0] ||= (e) => r("update:modelValue", e)
+		}, null, 8, ["model-value"]));
+	}
+}), Dr = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Or(e, t) {
+	return S(), o("svg", Dr, [...t[0] ||= [s("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		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 kr = m({
+	name: "tabler-alert-triangle",
+	render: Or
+}), Ar = ["title", "aria-expanded"], jr = { class: "symbol-chip__code" }, Mr = {
+	key: 0,
+	class: "symbol-chip__spinner",
+	"aria-hidden": "true"
+}, Nr = {
+	key: 0,
+	class: "symbol-popover",
+	role: "dialog",
+	"aria-label": "切换合约"
+}, Pr = { class: "symbol-search" }, Fr = {
+	class: "symbol-list",
+	role: "listbox",
+	"aria-label": "商品列表"
+}, Ir = {
+	key: 0,
+	class: "symbol-list__empty"
+}, Lr = {
+	width: "32",
+	height: "32",
+	viewBox: "0 0 32 32",
+	fill: "none",
+	style: {
+		"margin-bottom": "8px",
+		opacity: "0.35"
+	}
+}, Rr = ["aria-selected", "onClick"], zr = { class: "symbol-list__left" }, Br = { class: "symbol-list__code" }, Vr = { class: "symbol-list__desc" }, Hr = { class: "symbol-list__exchange" }, Ur = /*#__PURE__*/ W(/* @__PURE__ */ u({
+	__name: "SymbolSelector",
+	props: {
+		symbol: {},
+		symbols: {},
+		loading: { type: Boolean },
+		error: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(t, { emit: c }) {
+		let u = t, d = c, f = w(!1), p = w(""), m = w(null), _ = w(null), b = 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() {
+			f.value = !f.value, f.value && h(() => m.value?.focus());
+		}
+		function C() {
+			p.value = "", m.value?.focus();
+		}
+		function E() {}
+		function D(e) {
+			d("change", e), f.value = !1, p.value = "";
+		}
+		function A(e) {
+			_.value && !_.value.contains(e.target) && (f.value = !1);
+		}
+		return y(() => document.addEventListener("mousedown", A)), v(() => document.removeEventListener("mousedown", A)), M(() => u.symbol, () => {
+			f.value = !1, p.value = "";
+		}), (r, c) => (S(), o("div", {
+			ref_key: "chipWrapRef",
+			ref: _,
+			class: "symbol-chip-wrap"
+		}, [s("button", {
+			type: "button",
+			class: g(["symbol-chip", { "is-open": f.value }]),
+			title: t.symbol,
+			"aria-expanded": f.value,
+			"aria-haspopup": "dialog",
+			onClick: x
+		}, [s("span", jr, O(t.symbol), 1), t.loading ? (S(), o("span", Mr)) : t.error ? (S(), i(k(kr), {
+			key: 1,
+			class: "symbol-chip__warn",
+			"aria-hidden": "true"
+		})) : a("", !0)], 10, Ar), l(n, { name: "symbol-popover" }, {
+			default: N(() => [f.value ? (S(), o("div", Nr, [s("div", Pr, [
+				c[2] ||= s("span", {
+					class: "symbol-search__icon",
+					"aria-hidden": "true"
+				}, [s("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 16 16",
+					fill: "none"
+				}, [s("circle", {
+					cx: "6.5",
+					cy: "6.5",
+					r: "5",
+					stroke: "currentColor",
+					"stroke-width": "1.6"
+				}), s("line", {
+					x1: "10.5",
+					y1: "10.5",
+					x2: "14.5",
+					y2: "14.5",
+					stroke: "currentColor",
+					"stroke-width": "1.6",
+					"stroke-linecap": "round"
+				})])], -1),
+				P(s("input", {
+					ref_key: "searchInputRef",
+					ref: m,
+					"onUpdate:modelValue": c[0] ||= (e) => p.value = e,
+					class: "symbol-search__input",
+					type: "text",
+					placeholder: "搜索代码或名称…",
+					autocomplete: "off",
+					spellcheck: "false",
+					"aria-label": "搜索商品",
+					onInput: E
+				}, null, 544), [[j, p.value]]),
+				p.value ? (S(), o("button", {
+					key: 0,
+					type: "button",
+					class: "symbol-search__clear",
+					"aria-label": "清空搜索",
+					onClick: C
+				}, [...c[1] ||= [s("svg", {
+					class: "delete-icon",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [
+					s("path", { d: "M3 6h18" }),
+					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", Fr, [b.value.length === 0 ? (S(), o("div", Ir, [(S(), o("svg", Lr, [...c[3] ||= [s("circle", {
+				cx: "13",
+				cy: "13",
+				r: "10",
+				stroke: "currentColor",
+				"stroke-width": "2"
+			}, null, -1), s("line", {
+				x1: "21",
+				y1: "21",
+				x2: "29",
+				y2: "29",
+				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", {
+				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", zr, [s("span", Br, O(e.code), 1), s("span", Vr, O(e.description), 1)]), s("span", Hr, O(e.exchange), 1)], 10, Rr))), 128))])])) : a("", !0)]),
+			_: 1
+		})], 512));
+	}
+}), [["__scopeId", "data-v-e22f59e1"]]), Wr = { class: "top-toolbar" }, Gr = /*#__PURE__*/ W(/* @__PURE__ */ u({
+	__name: "TopToolbar",
+	props: {
+		symbol: {},
+		kLineLevel: {},
+		symbols: {},
+		symbolLoading: { type: Boolean },
+		symbolError: { type: Boolean }
+	},
+	emits: [
+		"addOverlaySymbol",
+		"kLineLevelChange",
+		"toggleIndicator",
+		"symbolChange"
+	],
+	setup(e, { emit: t }) {
+		let n = e, c = t, u = [
+			{
+				code: "AAPL",
+				description: "Apple Inc.",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "TSLA",
+				description: "Tesla, Inc.",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "GOOGL",
+				description: "Alphabet Inc.",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "MSFT",
+				description: "Microsoft Corporation",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "AMZN",
+				description: "Amazon.com, Inc.",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "NVDA",
+				description: "NVIDIA Corporation",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "META",
+				description: "Meta Platforms, Inc.",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "BRK.B",
+				description: "Berkshire Hathaway Inc.",
+				exchange: "NYSE",
+				source: "baostock"
+			},
+			{
+				code: "JPM",
+				description: "JPMorgan Chase & Co.",
+				exchange: "NYSE",
+				source: "baostock"
+			},
+			{
+				code: "V",
+				description: "Visa Inc.",
+				exchange: "NYSE",
+				source: "baostock"
+			},
+			{
+				code: "BTCUSDT",
+				description: "Bitcoin / Tether",
+				exchange: "BINANCE",
+				source: "baostock"
+			},
+			{
+				code: "ETHUSDT",
+				description: "Ethereum / Tether",
+				exchange: "BINANCE",
+				source: "baostock"
+			},
+			{
+				code: "sh.601360",
+				description: "三六零",
+				exchange: "SSE",
+				source: "baostock"
+			},
+			{
+				code: "sh.600519",
+				description: "贵州茅台",
+				exchange: "SSE",
+				source: "baostock"
+			},
+			{
+				code: "000858",
+				description: "五 粮 液",
+				exchange: "SZSE",
+				source: "baostock"
+			},
+			{
+				code: "000001",
+				description: "平安银行",
+				exchange: "SZSE",
+				source: "baostock"
+			},
+			{
+				code: "MOCK-100",
+				description: "Mock 100 条",
+				exchange: "MOCK",
+				source: "mock-100"
+			},
+			{
+				code: "MOCK-10000",
+				description: "Mock 10000 条",
+				exchange: "MOCK",
+				source: "mock-10000"
+			}
+		], d = r(() => n.symbol?.trim() ?? ""), f = r(() => n.symbols && n.symbols.length ? n.symbols : u);
+		function p(e) {
+			c("symbolChange", e);
+		}
+		return (t, n) => (S(), o("div", Wr, [
+			d.value ? (S(), i(Ur, {
+				key: 0,
+				symbol: d.value,
+				symbols: f.value,
+				loading: e.symbolLoading,
+				error: e.symbolError,
+				onChange: p
+			}, null, 8, [
+				"symbol",
+				"symbols",
+				"loading",
+				"error"
+			])) : a("", !0),
+			s("button", {
+				type: "button",
+				class: "overlay-symbol-button",
+				title: "添加比较商品",
+				"aria-label": "添加比较商品",
+				onClick: n[0] ||= (e) => c("addOverlaySymbol")
+			}, [...n[3] ||= [s("span", {
+				class: "overlay-symbol-button__icon",
+				"aria-hidden": "true"
+			}, "+", -1), s("span", { class: "overlay-symbol-button__text" }, "添加比较商品", -1)]]),
+			l(Er, {
+				"model-value": e.kLineLevel,
+				"onUpdate:modelValue": n[1] ||= (e) => c("kLineLevelChange", e)
+			}, null, 8, ["model-value"]),
+			s("button", {
+				type: "button",
+				class: "indicator-button",
+				title: "指标",
+				"aria-label": "指标",
+				onClick: n[2] ||= (e) => c("toggleIndicator")
+			}, [...n[4] ||= [s("span", {
+				class: "indicator-button__icon",
+				"aria-hidden": "true"
+			}, "fx", -1), s("span", { class: "indicator-button__text" }, "指标", -1)]])
+		]));
+	}
+}), [["__scopeId", "data-v-52799f85"]]), Kr = ["data-theme"], qr = {
 	class: "pane-separator-layer",
 	"aria-hidden": "true"
-}, zr = {
+}, Jr = {
 	class: "canvas-layer",
 	ref: "canvasLayerRef"
-}, Br = {
+}, Yr = {
 	class: "x-axis-canvas",
 	ref: "xAxisCanvasRef"
-}, Vr = 4, Hr = /* @__PURE__ */ q(/* @__PURE__ */ u({
+}, Xr = 4, Zr = /*#__PURE__*/ W(/* @__PURE__ */ u({
 	__name: "KLineChart",
 	props: {
 		semanticConfig: {},
@@ -1628,93 +2021,92 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 	emits: [
 		"zoomLevelChange",
 		"toggleFullscreen",
-		"themeChange"
+		"themeChange",
+		"addOverlaySymbol",
+		"kLineLevelChange"
 	],
 	setup(n, { expose: c, emit: u }) {
-		let d = n, f = u, p = w(null), m = w(null), v = w(null), b = w(null), C = w(null);
-		Te(v);
-		let E = D(null), O = D(null), k = w(0), A = w(0), j = w(1), N = w(d.initialZoomLevel ?? 1), P = w(0), F = w(1), I = w(0), L = w({}), R = w(null), z = w([]), V = N.value;
-		P.value = ue(V, {
+		let d = n, f = u, p = w(d.semanticConfig.data.period), m = w("选择商品"), v = w(!1), b = w(!1);
+		function C(e) {
+			p.value = e, f("kLineLevelChange", e);
+		}
+		function E(e) {
+			v.value = !0, b.value = !1, m.value = e.code, F.value?.setSymbols([{
+				symbol: e.code,
+				exchange: e.exchange,
+				period: p.value,
+				source: e.source,
+				startDate: d.semanticConfig.data.startDate,
+				endDate: d.semanticConfig.data.endDate,
+				adjust: d.semanticConfig.data.adjust
+			}]);
+		}
+		let O = w(null), k = w(null), A = w(null), j = w(null), N = w(null), P = w(null);
+		ke(A);
+		let F = D(null), I = D(null), ee = w(0), L = w(0), R = w(1), z = w(d.initialZoomLevel ?? 1), B = w(0), oe = w(1), ce = w(0), le = w({}), V = w(null), H = w([]), he = z.value;
+		B.value = fe(he, {
 			minKWidth: d.minKWidth,
 			maxKWidth: d.maxKWidth,
 			zoomLevelCount: d.zoomLevels,
-			dpr: j.value
-		}), F.value = le(P.value, j.value);
-		let U = w("light"), oe = w({}), se = r(() => {
-			let e = oe.value.isAsiaMarket ?? !1, t = te(U.value, e);
+			dpr: R.value
+		}), oe.value = de(B.value, R.value);
+		let ge = w("light"), _e = w({}), ve = r(() => {
+			let e = _e.value.isAsiaMarket ?? !1, t = re(ge.value, e);
 			return {
 				upColor: t.candleUpBody,
 				downColor: t.candleDownBody
 			};
-		}), W = r(() => {
-			let e = U.value === "dark" ? B : ee, t = oe.value.colorPresetSettings?.[U.value];
-			return t && Object.keys(t).length > 0 ? H({
+		}), ye = r(() => {
+			let e = ge.value === "dark" ? te : ne, t = _e.value.colorPresetSettings?.[ge.value];
+			return t && Object.keys(t).length > 0 ? ie({
 				...e,
 				colors: {
 					...e.colors,
 					...t
 				}
-			}) : H(e);
-		}), G = null;
-		function K(e) {
-			E.value?.setTheme(e.matches ? "dark" : "light");
+			}) : ie(e);
+		}), U = null;
+		function be(e) {
+			F.value?.setTheme(e.matches ? "dark" : "light");
 		}
-		function pe(e, t) {
+		function W(e, t) {
 			if (!(!e || !t)) if (t === "auto") {
 				let t = window.matchMedia("(prefers-color-scheme: dark)");
-				e.setTheme(t.matches ? "dark" : "light"), G !== t && (G?.removeEventListener("change", K), G = t, t.addEventListener("change", K));
-			} else G?.removeEventListener("change", K), G = null, e.setTheme(t);
-		}
-		function me() {}
-		function he(e) {
-			if (oe.value = e, pe(E.value, e.theme), E.value?.updateSettingsFacade(e), e.performanceTest10kKlines) {
-				let e = ge();
-				console.time("updateData-10k"), E.value?.updateData(e), console.timeEnd("updateData-10k"), k.value = e.length, A.value++;
-			} else O.value && E.value?.getData()?.length === 1e4 && O.value.applyConfig(d.semanticConfig);
-		}
-		function ge() {
-			let e = [], t = (/* @__PURE__ */ new Date("2020-01-01")).getTime(), n = 3e3;
-			for (let r = 0; r < 1e4; r++) {
-				let i = t + r * 864e5, a = (Math.random() - .5) * 2 * .02 + 1e-4, o = n, s = o * (1 + a), c = Math.max(o, s) * (1 + Math.random() * .01), l = Math.min(o, s) * (1 - Math.random() * .01), u = Math.floor(1e6 + Math.random() * 5e6);
-				e.push({
-					timestamp: i,
-					open: parseFloat(o.toFixed(2)),
-					high: parseFloat(c.toFixed(2)),
-					low: parseFloat(l.toFixed(2)),
-					close: parseFloat(s.toFixed(2)),
-					volume: u
-				}), n = s;
-			}
-			return e;
+				e.setTheme(t.matches ? "dark" : "light"), U !== t && (U?.removeEventListener("change", be), U = t, t.addEventListener("change", be));
+			} else U?.removeEventListener("change", be), U = null, e.setTheme(t);
 		}
-		function _e(e, t, n) {
+		function xe() {}
+		function Se(e) {
+			_e.value = e, W(F.value, e.theme), F.value?.updateSettingsFacade(e), F.value?.setDataFetcher(d.dataFetcher), I.value && d.semanticConfig && I.value.applyConfig(d.semanticConfig);
+		}
+		function Ce(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 ve(e) {
+		function we(e) {
 			e && h(() => {
 				if (!e.isConnected) return;
-				let t = _e(e, 180, 80);
-				E.value?.setTooltipSize(t);
+				let t = Ce(e, 180, 80);
+				F.value?.setTooltipSize(t);
 			});
 		}
-		function ye(e) {
+		function Te(e) {
 			e && h(() => {
-				e.isConnected && (Oe.value = _e(e, 120, 60));
+				e.isConnected && (Me.value = Ce(e, 120, 60));
 			});
 		}
-		let q = w({
+		let G = w({
 			x: 0,
 			y: 0
-		}), be = w(!1), xe = null;
-		function Se() {
-			xe = null;
+		}), K = w(!1), Ee = null;
+		function q() {
+			Ee = null;
 		}
-		function Ce(e) {
-			return xe ||= e.getBoundingClientRect(), xe;
+		function De(e) {
+			return Ee ||= e.getBoundingClientRect(), Ee;
 		}
 		let J = D({
 			crosshairPos: null,
@@ -1734,14 +2126,14 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 			isHoveringPaneBoundary: !1,
 			hoveredPaneBoundaryId: null,
 			isHoveringRightAxis: !1
-		}), Y = D(null), Ee = r(() => {
-			let e = R.value;
-			return e ? z.value.find((t) => t.id === e) ?? null : null;
-		}), De = w([]), Oe = w({
+		}), Y = D(null), Ae = r(() => {
+			let e = V.value;
+			return e ? H.value.find((t) => t.id === e) ?? null : null;
+		}), je = w([]), Me = w({
 			width: 220,
 			height: 120
-		}), ke = r(() => {
-			let e = p.value, t = m.value;
+		}), Ne = r(() => {
+			let e = O.value, t = k.value;
 			return !e || !t ? {
 				x: 0,
 				y: 0
@@ -1749,83 +2141,86 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 				x: e.offsetLeft,
 				y: e.offsetTop
 			};
-		}), Ae = r(() => J.value.hoveredMarkerData), je = r(() => J.value.hoveredCustomMarker), Me = r(() => J.value.isDragging), Ne = r(() => J.value.isResizingPaneBoundary), Pe = r(() => J.value.isHoveringPaneBoundary), Fe = r(() => J.value.hoveredPaneBoundaryId), Ie = r(() => J.value.isHoveringRightAxis), Le = r(() => J.value.hoveredIndex);
+		}), Pe = r(() => J.value.hoveredMarkerData), Fe = r(() => J.value.hoveredCustomMarker), Ie = r(() => J.value.isDragging), Le = r(() => J.value.isResizingPaneBoundary), Re = r(() => J.value.isHoveringPaneBoundary), ze = r(() => J.value.hoveredPaneBoundaryId), Be = r(() => J.value.isHoveringRightAxis), Ve = r(() => J.value.hoveredIndex);
 		r(() => J.value.crosshairIndex);
-		let Re = r(() => Me.value ? "grabbing" : Ne.value || Pe.value ? "ns-resize" : Le.value === null ? "crosshair" : "pointer"), ze = r(() => {
+		let He = r(() => Ie.value ? "grabbing" : Le.value || Re.value ? "ns-resize" : Ve.value === null ? "crosshair" : "pointer"), Ue = r(() => {
 			let e = J.value.hoveredIndex;
 			if (typeof e != "number") return null;
-			A.value;
-			let t = E.value?.getData();
+			L.value;
+			let t = F.value?.getData();
 			return t && e >= 0 && e < t.length ? t[e] : null;
-		}), Be = r(() => J.value.hoveredIndex), Ve = r(() => J.value.tooltipPos), He = r(() => ({
-			x: Ve.value.x + ke.value.x,
-			y: Ve.value.y + ke.value.y
-		})), Ue = r(() => ({
-			left: `${He.value.x}px`,
-			top: `${He.value.y}px`
-		})), We = r(() => ({
-			x: q.value.x + ke.value.x,
-			y: q.value.y + ke.value.y
-		})), Ge = r(() => ({
-			left: `${We.value.x}px`,
-			top: `${We.value.y}px`
-		})), Ke = r(() => J.value.tooltipAnchorPlacement), qe = r(() => {
-			let e = E.value?.viewport.peek(), t = p.value, n = e?.plotWidth ?? (t ? t.clientWidth : 0);
-			return q.value.x + 12 + Oe.value.width + 12 > n ? "left-bottom" : "right-bottom";
-		}), Je = r(() => (A.value, E.value?.getData() ?? []));
-		function Ye(e) {
+		}), We = r(() => J.value.hoveredIndex), Ge = r(() => J.value.tooltipPos), Ke = r(() => ({
+			x: Ge.value.x + Ne.value.x,
+			y: Ge.value.y + Ne.value.y
+		})), qe = r(() => ({
+			left: `${Ke.value.x}px`,
+			top: `${Ke.value.y}px`
+		})), Je = r(() => ({
+			x: G.value.x + Ne.value.x,
+			y: G.value.y + Ne.value.y
+		})), Ye = r(() => ({
+			left: `${Je.value.x}px`,
+			top: `${Je.value.y}px`
+		})), Xe = r(() => J.value.tooltipAnchorPlacement), Ze = r(() => {
+			let e = F.value?.viewport.peek(), t = O.value, n = e?.plotWidth ?? (t ? t.clientWidth : 0);
+			return G.value.x + 12 + Me.value.width + 12 > n ? "left-bottom" : "right-bottom";
+		}), Qe = r(() => (L.value, F.value?.getData() ?? []));
+		function $e(e) {
 			Y.value?.setTool(e);
 		}
-		function Xe(e) {
-			let t = Ee.value;
-			!t || !Y.value || Y.value.updateDrawingStyle(t.id, e);
+		function et() {
+			P.value?.toggleMenu();
 		}
-		function Ze() {
-			let e = Ee.value;
-			!e || !Y.value || (Y.value.removeDrawing(e.id), R.value = null, z.value = Y.value.getDrawings());
+		function tt(e) {
+			let t = Ae.value;
+			!t || !Y.value || (Y.value.updateDrawingStyle(t.id, e), H.value = Y.value.getDrawings());
 		}
-		function Qe(e) {
-			E.value?.handlePointerEvent(e, { onPointerDown: (e, t) => Y.value?.onPointerDown(e, t) ? (z.value = Y.value.getDrawings(), !0) : !1 });
+		function nt() {
+			let e = Ae.value;
+			!e || !Y.value || (Y.value.removeDrawing(e.id), V.value = null, H.value = Y.value.getDrawings());
 		}
-		function $e(e) {
-			let t = p.value;
+		function rt(e) {
+			F.value?.handlePointerEvent(e, { onPointerDown: (e, t) => Y.value?.onPointerDown(e, t) ? (H.value = Y.value.getDrawings(), !0) : !1 });
+		}
+		function it(e) {
+			let t = O.value;
 			if (t) {
-				let n = Ce(t);
-				q.value = {
+				let n = De(t);
+				G.value = {
 					x: e.clientX - n.left,
 					y: e.clientY - n.top
 				};
 			}
-			E.value?.handlePointerEvent(e, { onPointerMove: (e, t) => Y.value?.onPointerMove(e, t) ? (z.value = Y.value.getDrawings(), !0) : !1 });
+			F.value?.handlePointerEvent(e, { onPointerMove: (e, t) => Y.value?.onPointerMove(e, t) ? (H.value = Y.value.getDrawings(), !0) : !1 });
 		}
-		function et(e) {
-			E.value?.handlePointerEvent(e, { onPointerUp: (e, t) => Y.value?.onPointerUp(e, t) ? (z.value = Y.value.getDrawings(), !0) : !1 });
+		function at(e) {
+			F.value?.handlePointerEvent(e, { onPointerUp: (e, t) => Y.value?.onPointerUp(e, t) ? (H.value = Y.value.getDrawings(), !0) : !1 });
 		}
-		function tt(e) {
-			E.value?.handlePointerEvent(e);
+		function ot(e) {
+			F.value?.handlePointerEvent(e);
 		}
-		function nt(e) {
-			E.value?.handlePointerEvent(e);
+		function st(e) {
+			F.value?.handlePointerEvent(e);
 		}
-		function rt(e) {
-			E.value?.handlePointerEvent(e);
+		function ct(e) {
+			F.value?.handlePointerEvent(e);
 		}
-		function it(e) {
-			E.value?.handlePointerEvent(e);
+		function lt(e) {
+			F.value?.handlePointerEvent(e);
 		}
-		function at(e) {
-			E.value?.handlePointerEvent(e);
+		function ut(e) {
+			F.value?.handlePointerEvent(e);
 		}
-		function ot() {
-			E.value?.handleScrollEvent();
+		function dt() {
+			F.value?.handleScrollEvent();
 		}
-		let st = w([]), ct = r(() => {
+		let ft = w([]), pt = 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;
-		}), lt = r(() => [...st.value, ...ct.value]), X = w({}), Z = w([]);
-		function ut() {
-			let e = L.value.main ?? 3;
+		}), mt = r(() => [...ft.value, ...pt.value]), X = w({}), Z = w([]);
+		function ht() {
+			let e = le.value.main ?? 3;
 			return Z.value.length === 0 ? [{
 				id: "main",
 				ratio: e,
@@ -1838,49 +2233,56 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 				role: "price"
 			}, ...Z.value.map((e) => ({
 				id: e.id,
-				ratio: L.value[e.id] ?? 1,
+				ratio: le.value[e.id] ?? 1,
 				visible: !0,
 				role: "indicator"
 			}))];
 		}
-		function dt(e) {
-			return { ...ie[e].defaultParams };
+		function gt(e) {
+			if (e === "VOLUME") return {};
+			let t = me(e);
+			return t?.runtime?.defaultConfig ? { ...t.runtime.defaultConfig } : {};
 		}
-		let ft = /* @__PURE__ */ new Map();
-		function pt(e = "VOLUME", t) {
-			if (Z.value.length >= Vr) return !1;
-			let n = t ?? dt(e);
-			return !!E.value?.addIndicator(e, "sub", n);
+		function _t(e) {
+			if (e === "VOLUME") return !0;
+			let t = me(e);
+			return !!t && t.category !== "main";
 		}
-		function mt(e) {
-			E.value?.removeIndicator(e);
+		let vt = /* @__PURE__ */ new Map();
+		function yt(e = "VOLUME", t) {
+			if (Z.value.length >= Xr) return !1;
+			let n = t ?? gt(e);
+			return !!F.value?.addIndicator(e, "sub", n);
 		}
-		function ht() {
-			for (let e of Z.value) E.value?.removeIndicator(e.id);
-			ft.clear();
+		function bt(e) {
+			F.value?.removeIndicator(e);
+		}
+		function xt() {
+			for (let e of Z.value) F.value?.removeIndicator(e.id);
+			vt.clear();
 		}
-		function gt() {
-			let e = d.semanticConfig, t = E.value;
+		function St() {
+			let e = d.semanticConfig, t = F.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 _t() {
-			let e = E.value?.subPanes.peek() ?? [];
+		function Ct() {
+			let e = F.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 >= (ft.get(e) ?? 0) && ft.set(e, n + 1);
+					n >= (vt.get(e) ?? 0) && vt.set(e, n + 1);
 				}
 			}
 		}
-		function vt(e, t) {
-			let n = dt(t);
-			E.value?.replaceSubPaneIndicator(e, t, n);
+		function wt(e, t) {
+			let n = gt(t);
+			F.value?.replaceSubPaneIndicator(e, t, n);
 		}
-		function yt(e, t) {
-			let n = E.value;
+		function Tt(e, t) {
+			let n = F.value;
 			if (n) {
 				if ([
 					"MA",
@@ -1902,33 +2304,33 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 					"STRUCTURE",
 					"ZONES"
 				].includes(e)) {
-					let r = st.value.find((t) => t === e);
+					let r = ft.value.find((t) => t === e);
 					t && !r ? n.addIndicator(e, "main", X.value[e]) : !t && r && n.removeIndicator(e.toUpperCase());
 					return;
 				}
-				if (re.includes(e)) if (t) {
-					if (Z.value.find((t) => t.indicatorId === e) || Z.value.length >= Vr) return;
+				if (_t(e)) if (t) {
+					if (Z.value.find((t) => t.indicatorId === e) || Z.value.length >= Xr) return;
 					if (!n.addIndicator(e, "sub", X.value[e]) && Z.value.length > 0) {
 						let t = Z.value[Z.value.length - 1];
-						vt(t.id, e);
+						wt(t.id, e);
 					}
 				} else Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
 					n.removeIndicator(e.id);
 				});
 			}
 		}
-		function bt(e, t) {
+		function Et(e, t) {
 			if (e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
-				E.value?.updateIndicatorParams(e, t);
+				F.value?.updateIndicatorParams(e, t);
 				return;
 			}
-			re.includes(e) && Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
-				E.value?.updateIndicatorParams(e.id, t);
+			_t(e) && Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
+				F.value?.updateIndicatorParams(e.id, t);
 			});
 		}
-		function xt(e) {
+		function Dt(e) {
 			if (!e.length || Z.value.length <= 1) return;
-			let t = e.filter((e) => re.includes(e));
+			let t = e.filter((e) => _t(e));
 			if (!t.length) return;
 			let n = new Map(Z.value.map((e) => [e.indicatorId, e])), r = [];
 			for (let e of t) {
@@ -1940,41 +2342,41 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 			let i = Z.value.map((e) => e.id), a = r.map((e) => e.id);
 			if (i.join("|") === a.join("|")) return;
 			Z.value = r;
-			let o = E.value;
-			o && o.updatePaneLayout(ut());
+			let o = F.value;
+			o && o.updatePaneLayout(ht());
 		}
-		let St = r(() => d.rightAxisWidth + d.priceLabelWidth), Ct = r(() => (A.value, I.value, P.value, F.value, j.value, E.value?.getContentWidth() ?? 0));
-		function wt() {
-			let e = p.value, t = E.value;
+		let Ot = r(() => d.rightAxisWidth + d.priceLabelWidth), kt = r(() => (L.value, ce.value, B.value, oe.value, R.value, F.value?.getContentWidth() ?? 0));
+		function At() {
+			let e = O.value, t = F.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 } = ce(P.value, F.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));
+			let r = t.viewport.peek().dpr, { unitPx: i, startXPx: a } = ue(B.value, oe.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 Tt(e, t) {
-			E.value?.zoomToLevel(e, t);
+		function Mt(e, t) {
+			F.value?.zoomToLevel(e, t);
 		}
 		c({
-			scheduleRender: me,
-			scrollToRight: wt,
-			addSubPane: pt,
-			removeSubPane: mt,
-			switchSubIndicator: vt,
-			clearAllSubPanes: ht,
-			zoomToLevel: Tt,
-			zoomIn: (e) => Tt(N.value + 1, e),
-			zoomOut: (e) => Tt(N.value - 1, e),
-			getZoomLevel: () => N.value,
-			getZoomLevelCount: () => E.value?.getZoomLevelCount() ?? 10
+			scheduleRender: xe,
+			scrollToRight: At,
+			addSubPane: yt,
+			removeSubPane: bt,
+			switchSubIndicator: wt,
+			clearAllSubPanes: xt,
+			zoomToLevel: Mt,
+			zoomIn: (e) => Mt(z.value + 1, e),
+			zoomOut: (e) => Mt(z.value - 1, e),
+			getZoomLevel: () => z.value,
+			getZoomLevelCount: () => F.value?.getZoomLevelCount() ?? 10
 		});
-		function Et() {
+		function Nt() {
 			return (e) => {
-				e.preventDefault(), E.value?.handleWheelEvent(e);
+				e.preventDefault(), F.value?.handleWheelEvent(e);
 			};
 		}
-		function Dt(e, t, n, r) {
-			return ae({
+		function Pt(e, t, n, r) {
+			return se({
 				container: e,
 				data: [],
 				canvasLayer: t,
@@ -1990,11 +2392,11 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 				maxKWidth: d.maxKWidth
 			});
 		}
-		function Ot(e) {
+		function Ft(e) {
 			let t = e.paneLayout.subscribe(() => {
-				Se();
-				let t = p.value && parseInt(getComputedStyle(p.value).borderTopWidth) || 0;
-				De.value = e.paneLayout.peek().slice(0, -1).map((n) => {
+				q();
+				let t = O.value && parseInt(getComputedStyle(O.value).borderTopWidth) || 0;
+				je.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,
@@ -2002,25 +2404,26 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 					};
 				});
 			}), n = e.paneRatios.subscribe(() => {
-				L.value = { ...e.paneRatios.peek() };
+				le.value = { ...e.paneRatios.peek() };
 			}), r = e.viewport.subscribe(() => {
 				let t = e.viewport.peek();
-				j.value !== t.dpr && (j.value = t.dpr), I.value !== t.plotWidth && (I.value = t.plotWidth), (N.value !== t.zoomLevel || P.value !== t.kWidth || F.value !== t.kGap) && (N.value = t.zoomLevel, P.value = t.kWidth, F.value = t.kGap);
+				R.value !== t.dpr && (R.value = t.dpr), ce.value !== t.plotWidth && (ce.value = t.plotWidth), (z.value !== t.zoomLevel || B.value !== t.kWidth || oe.value !== t.kGap) && (z.value = t.zoomLevel, B.value = t.kWidth, oe.value = t.kGap);
 				let n = t.desiredScrollLeft;
-				n !== void 0 && n !== p.value?.scrollLeft && (Se(), h(() => {
-					let e = p.value;
+				n !== void 0 && n !== O.value?.scrollLeft && (q(), h(() => {
+					let e = O.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;
 				}));
 			}), i = e.data.subscribe(() => {
-				k.value = e.data.peek().length, A.value++;
+				let t = e.data.peek();
+				ee.value = t.length, L.value++, v.value = !1, b.value = t.length === 0;
 			}), a = e.theme.subscribe(() => {
 				let t = e.theme.peek();
-				U.value = t, f("themeChange", t);
+				ge.value = t, f("themeChange", t);
 			}), o = e.indicators.subscribe(() => {
 				let t = e.indicators.peek(), n = t.filter((e) => e.role === "main").map((e) => e.definitionId);
-				st.value = n;
+				ft.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: {
@@ -2054,186 +2457,198 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 				X.value = a;
 			});
 			x(() => {
-				r(), i(), n(), t(), a(), o(), s(), G?.removeEventListener("change", K);
+				r(), i(), n(), t(), a(), o(), s(), U?.removeEventListener("change", be);
 			});
 		}
-		function kt(e) {
-			let t = C.value?.getSettings() ?? { showVolumePriceMarkers: !0 };
-			if (oe.value = t, pe(e, t.theme), e.updateSettingsFacade(t), t.performanceTest10kKlines) {
-				let t = ge();
-				console.time("updateData-10k"), e.updateData(t), console.timeEnd("updateData-10k");
-			}
+		function It(e) {
+			let t = N.value?.getSettings() ?? { showVolumePriceMarkers: !0 };
+			_e.value = t, W(e, t.theme), e.updateSettingsFacade(t);
 		}
-		function At(e) {
-			Y.value = new ne(e), Y.value.setCallbacks({
+		function Lt(e) {
+			Y.value = new ae(e), Y.value.setCallbacks({
 				onDrawingCreated: (e) => {
-					z.value = [...z.value, e], R.value = e.id;
+					H.value = [...H.value, e], V.value = e.id;
 				},
 				onToolChange: () => {},
 				onDrawingSelected: (e) => {
-					R.value = e?.id ?? null;
+					V.value = e?.id ?? null;
 				}
 			});
 		}
-		function jt(e) {
-			e.setTooltipAnchorPositioning(be.value), e.interactionState.subscribe(() => {
+		function Rt(e) {
+			e.setTooltipAnchorPositioning(K.value), e.interactionState.subscribe(() => {
 				J.value = e.interactionState.peek();
-			}), J.value = e.interactionState.peek(), j.value = e.viewport.peek().dpr;
+			}), J.value = e.interactionState.peek(), R.value = e.viewport.peek().dpr;
 		}
-		function Mt(e) {
-			if (fe(d.dataFetcher), O.value = new de(e), O.value.on("config:error", (e) => {
+		function zt(e) {
+			e.setDataFetcher(d.dataFetcher), I.value = new pe(e), I.value.on("config:error", (e) => {
 				console.error("Semantic config error:", e);
-			}), O.value.on("config:ready", () => {
-				gt(), _t(), h(() => wt());
-			}), oe.value.performanceTest10kKlines) {
-				let e = O.value.applyIndicatorsOnly(d.semanticConfig);
-				e && !e.success && console.error("Semantic config apply failed:", e.errors);
-			} else O.value.applyConfig(d.semanticConfig).then((e) => {
-				e && !e.success && console.error("Semantic config apply failed:", e.errors);
+			}), I.value.on("config:ready", () => {
+				St(), Ct(), h(() => At());
 			});
 		}
 		return y(() => {
-			be.value = !1;
-			let e = p.value, t = m.value;
+			K.value = !1;
+			let e = O.value, t = k.value;
 			if (!e || !t) return;
-			let n = Et();
+			let n = Nt();
 			e.addEventListener("wheel", n, { passive: !1 });
-			let r = e.querySelector(".canvas-layer"), i = e.querySelector(".x-axis-canvas"), a = Dt(e, r, t.querySelector(".right-axis-host"), i);
-			E.value = a, Ot(a), gt(), kt(a), At(a), jt(a), Mt(a);
+			let r = e.querySelector(".canvas-layer"), i = e.querySelector(".x-axis-canvas"), a = Pt(e, r, t.querySelector(".right-axis-host"), i);
+			F.value = a, Ft(a), St(), It(a), Lt(a), Rt(a), zt(a);
 		}), x(() => {
-			let e = E.value;
-			e && (E.value = null, e.dispose()), Y.value = null;
+			let e = F.value;
+			e && (F.value = null, e.dispose()), Y.value = null;
 		}), M(() => d.yPaddingPx, (e) => {
-			E.value?.updateOptionsFacade({ yPaddingPx: e });
+			F.value?.updateOptionsFacade({ yPaddingPx: e });
 		}), M(() => d.semanticConfig, async (e, t) => {
 			if (e && e !== t) {
-				let t = await O.value?.applyConfig(e);
+				let t = await I.value?.applyConfig(e);
 				t && !t.success && console.error("Semantic config apply failed:", t.errors);
 			}
 		}, { deep: !0 }), (r, c) => (S(), o("div", {
 			ref_key: "chartWrapperRef",
-			ref: v,
+			ref: A,
 			class: "chart-wrapper",
-			"data-theme": U.value,
-			style: _(W.value)
-		}, [s("div", { class: g(["chart-stage", {
-			"is-dragging": Me.value,
-			"is-resizing-pane": Ne.value,
-			"is-hovering-pane-separator": Pe.value,
-			"is-hovering-right-axis": Ie.value,
-			"is-hovering-kline": Le.value !== null
-		}]) }, [l(Ir, {
-			ref_key: "toolbarRef",
-			ref: C,
-			"is-fullscreen": n.isFullscreen,
-			onSelectTool: Ye,
-			onToggleFullscreen: c[0] ||= (e) => r.$emit("toggleFullscreen"),
-			onZoomIn: c[1] ||= (e) => Tt(N.value + 1),
-			onZoomOut: c[2] ||= (e) => Tt(N.value - 1),
-			onSettingsChange: he
-		}, null, 8, ["is-fullscreen"]), s("div", {
-			class: "chart-main",
-			ref_key: "chartMainRef",
-			ref: m
+			"data-theme": ge.value,
+			style: _(ye.value)
 		}, [
-			s("div", Rr, [(S(!0), o(e, null, T(De.value, (e) => (S(), o("div", {
-				key: e.id,
-				class: g(["pane-separator-line", { "is-active": Fe.value === e.id }]),
-				style: _({ top: `${e.top}px` })
-			}, null, 6))), 128))]),
-			s("div", {
-				ref_key: "tooltipLayerRef",
-				ref: b,
-				class: "tooltip-layer"
-			}, null, 512),
-			s("div", {
-				class: "chart-container",
-				style: _({ cursor: Re.value }),
-				ref_key: "containerRef",
-				ref: p,
-				onScrollPassive: ot,
-				onPointerdown: Qe,
-				onPointermove: $e,
-				onPointerup: et,
-				onPointerleave: tt
-			}, [s("div", {
-				class: "scroll-content",
-				style: _({ width: Ct.value + "px" })
-			}, [s("div", zr, [s("canvas", Br, null, 512), Ee.value ? (S(), i(we, {
-				key: 0,
-				drawing: Ee.value,
-				onUpdateStyle: Xe,
-				onDelete: Ze
-			}, null, 8, ["drawing"])) : a("", !0)], 512)], 4)], 36),
-			b.value ? (S(), i(t, {
-				key: 0,
-				to: b.value
+			l(Gr, {
+				symbol: m.value,
+				"k-line-level": p.value,
+				"symbol-loading": v.value,
+				"symbol-error": b.value,
+				onAddOverlaySymbol: c[0] ||= (e) => r.$emit("addOverlaySymbol"),
+				onKLineLevelChange: C,
+				onToggleIndicator: et,
+				onSymbolChange: E
+			}, null, 8, [
+				"symbol",
+				"k-line-level",
+				"symbol-loading",
+				"symbol-error"
+			]),
+			s("div", { class: g(["chart-stage", {
+				"is-dragging": Ie.value,
+				"is-resizing-pane": Le.value,
+				"is-hovering-pane-separator": Re.value,
+				"is-hovering-right-axis": Be.value,
+				"is-hovering-kline": Ve.value !== null
+			}]) }, [l(Tr, {
+				ref_key: "toolbarRef",
+				ref: N,
+				"is-fullscreen": n.isFullscreen,
+				onSelectTool: $e,
+				onToggleFullscreen: c[1] ||= (e) => r.$emit("toggleFullscreen"),
+				onZoomIn: c[2] ||= (e) => Mt(z.value + 1),
+				onZoomOut: c[3] ||= (e) => Mt(z.value - 1),
+				onSettingsChange: Se
+			}, null, 8, ["is-fullscreen"]), s("div", {
+				class: "chart-main",
+				ref_key: "chartMainRef",
+				ref: k
 			}, [
-				ze.value ? (S(), o("div", {
+				s("div", qr, [(S(!0), o(e, null, T(je.value, (e) => (S(), o("div", {
+					key: e.id,
+					class: g(["pane-separator-line", { "is-active": ze.value === e.id }]),
+					style: _({ top: `${e.top}px` })
+				}, null, 6))), 128))]),
+				s("div", {
+					ref_key: "tooltipLayerRef",
+					ref: j,
+					class: "tooltip-layer"
+				}, null, 512),
+				s("div", {
+					class: "chart-container",
+					style: _({ cursor: He.value }),
+					ref_key: "containerRef",
+					ref: O,
+					onScrollPassive: dt,
+					onPointerdown: rt,
+					onPointermove: it,
+					onPointerup: at,
+					onPointerleave: ot
+				}, [s("div", {
+					class: "scroll-content",
+					style: _({ width: kt.value + "px" })
+				}, [s("div", Jr, [s("canvas", Yr, null, 512), Ae.value ? (S(), i(Oe, {
 					key: 0,
-					class: g(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": be.value }]),
-					style: _(Ue.value)
-				}, null, 6)) : a("", !0),
-				Ae.value || je.value ? (S(), o("div", {
-					key: 1,
-					class: g(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": be.value }]),
-					style: _(Ge.value)
-				}, null, 6)) : a("", !0),
-				ze.value ? (S(), i($t, {
-					key: 2,
-					k: ze.value,
-					index: Be.value,
-					data: Je.value,
-					pos: He.value,
-					"set-el": ve,
-					"use-anchor": be.value,
-					"anchor-placement": Ke.value,
-					"up-color": se.value.upColor,
-					"down-color": se.value.downColor
-				}, null, 8, [
-					"k",
-					"index",
-					"data",
-					"pos",
-					"use-anchor",
-					"anchor-placement",
-					"up-color",
-					"down-color"
-				])) : a("", !0),
-				Ae.value || je.value ? (S(), i(nn, {
-					key: 3,
-					marker: Ae.value || je.value,
-					pos: We.value,
-					"use-anchor": be.value,
-					"anchor-placement": qe.value,
-					"set-el": ye
-				}, null, 8, [
-					"marker",
-					"pos",
-					"use-anchor",
-					"anchor-placement"
-				])) : a("", !0)
-			], 8, ["to"])) : a("", !0),
-			s("div", {
-				class: "right-axis-host",
-				ref: "rightAxisLayerRef",
-				style: _({ width: St.value + "px" }),
-				onPointerdown: nt,
-				onPointermove: rt,
-				onPointerup: it,
-				onPointerleave: at
-			}, null, 36)
-		], 512)], 2), l(Rt, {
-			"active-indicators": lt.value,
-			"indicator-params": X.value,
-			onToggle: yt,
-			onUpdateParams: bt,
-			onReorderSubIndicators: xt
-		}, null, 8, ["active-indicators", "indicator-params"])], 12, Lr));
+					drawing: Ae.value,
+					onUpdateStyle: tt,
+					onDelete: nt
+				}, null, 8, ["drawing"])) : a("", !0)], 512)], 4)], 36),
+				j.value ? (S(), i(t, {
+					key: 0,
+					to: j.value
+				}, [
+					Ue.value ? (S(), o("div", {
+						key: 0,
+						class: g(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": K.value }]),
+						style: _(qe.value)
+					}, null, 6)) : a("", !0),
+					Pe.value || Fe.value ? (S(), o("div", {
+						key: 1,
+						class: g(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": K.value }]),
+						style: _(Ye.value)
+					}, null, 6)) : a("", !0),
+					Ue.value ? (S(), i(Kt, {
+						key: 2,
+						k: Ue.value,
+						index: We.value,
+						data: Qe.value,
+						pos: Ke.value,
+						"set-el": we,
+						"use-anchor": K.value,
+						"anchor-placement": Xe.value,
+						"up-color": ve.value.upColor,
+						"down-color": ve.value.downColor
+					}, null, 8, [
+						"k",
+						"index",
+						"data",
+						"pos",
+						"use-anchor",
+						"anchor-placement",
+						"up-color",
+						"down-color"
+					])) : a("", !0),
+					Pe.value || Fe.value ? (S(), i(Yt, {
+						key: 3,
+						marker: Pe.value || Fe.value,
+						pos: Je.value,
+						"use-anchor": K.value,
+						"anchor-placement": Ze.value,
+						"set-el": Te
+					}, null, 8, [
+						"marker",
+						"pos",
+						"use-anchor",
+						"anchor-placement"
+					])) : a("", !0)
+				], 8, ["to"])) : a("", !0),
+				s("div", {
+					class: "right-axis-host",
+					ref: "rightAxisLayerRef",
+					style: _({ width: Ot.value + "px" }),
+					onPointerdown: st,
+					onPointermove: ct,
+					onPointerup: lt,
+					onPointerleave: ut
+				}, null, 36)
+			], 512)], 2),
+			l(jt, {
+				ref_key: "indicatorSelectorRef",
+				ref: P,
+				"active-indicators": mt.value,
+				"indicator-params": X.value,
+				onToggle: Tt,
+				onUpdateParams: Et,
+				onReorderSubIndicators: Dt
+			}, null, 8, ["active-indicators", "indicator-params"])
+		], 12, Kr));
 	}
-}), [["__scopeId", "data-v-82877422"]]), Ur = {
+}), [["__scopeId", "data-v-a5739fae"]]), Qr = {
 	name: "@363045841yyt/klinechart",
-	version: "0.7.12",
+	version: "0.8.1-alpha.1",
 	description: "Vue 3 bindings for @363045841yyt/klinechart-core. Idiomatic composables, SFC components.",
 	license: "MIT",
 	repository: {
@@ -2290,29 +2705,29 @@ var mr = { class: "settings-body" }, hr = { class: "settings-label" }, gr = ["on
 	devDependencies: {
 		"@arethetypeswrong/cli": "^0.18.3",
 		"@size-limit/preset-small-lib": "^12.1.0",
-		"@vitejs/plugin-vue": "^6.0.0",
-		"@vue/test-utils": "^2.4.10",
+		"@vitejs/plugin-vue": "^6.0.7",
+		"@vue/test-utils": "^2.4.11",
 		"cross-env": "^7.0.3",
 		jsdom: "^29.1.1",
-		publint: "^0.3.0",
+		publint: "^0.3.21",
 		"size-limit": "^12.1.0",
 		typescript: "~6.0.3",
 		"unplugin-icons": "^23.0.1",
-		vite: "^8.0.14",
-		"vite-plugin-babel": "^1.3.2",
+		vite: "^8.0.16",
+		"vite-plugin-babel": "^1.7.3",
 		"vite-plugin-css-injected-by-js": "^5.0.1",
-		"vite-plugin-dts": "^5.0.1",
-		vitest: "^4.1.5",
-		vue: "^3.5.0"
+		"vite-plugin-dts": "^5.0.2",
+		vitest: "^4.1.8",
+		vue: "^3.5.35"
 	}
-}.version, Wr = null;
-function Gr(e) {
-	Wr = e;
+}.version, $r = null;
+function ei(e) {
+	$r = e;
 }
-function Kr(e) {
+function ti(e) {
 	if (e.container == null) throw Error("[@363045841yyt/klinechart] createChart: `container` is required and must be a non-null HTMLElement");
-	if (Wr === null) throw Error("[@363045841yyt/klinechart] createChart: no ChartController factory registered. Call __setControllerFactory(...) before mounting (the core package wires this in production).");
-	return Wr(e);
+	if ($r === null) throw Error("[@363045841yyt/klinechart] createChart: no ChartController factory registered. Call __setControllerFactory(...) before mounting (the core package wires this in production).");
+	return $r(e);
 }
 function $(e) {
 	let t = D(e.peek());
@@ -2320,9 +2735,9 @@ function $(e) {
 		t.value = e.peek();
 	})), t;
 }
-function qr(e, t) {
+function ni(e, t) {
 	let n = D(null), r = (e) => {
-		e == null || n.value != null || (n.value = Kr({
+		e == null || n.value != null || (n.value = ti({
 			...t,
 			container: e
 		}));
@@ -2340,7 +2755,7 @@ function qr(e, t) {
 	};
 	return b(a), v(a), { chart: n };
 }
-function Jr(e) {
+function ri(e) {
 	let t = D(e.indicators.peek());
 	return b(e.indicators.subscribe(() => {
 		t.value = e.indicators.peek();
@@ -2351,25 +2766,25 @@ function Jr(e) {
 		updateParams: e.updateIndicatorParams.bind(e)
 	};
 }
-function Yr(e) {
+function ii(e) {
 	let t = D(e.interactionState.peek());
 	return b(e.interactionState.subscribe(() => {
 		t.value = e.interactionState.peek();
 	})), t;
 }
-function Xr(e) {
+function ai(e) {
 	let t = D(e.paneRatios.peek());
 	return b(e.paneRatios.subscribe(() => {
 		t.value = e.paneRatios.peek();
 	})), t;
 }
-function Zr(e) {
+function oi(e) {
 	let t = D(e.viewport.peek());
 	return b(e.viewport.subscribe(() => {
 		t.value = e.viewport.peek();
 	})), t;
 }
-function Qr(e) {
+function si(e) {
 	let t = z({ catalog: e.catalog });
 	b(() => t.dispose());
 	let n = $(t.filteredMain), r = $(t.filteredSub), i = $(t.menuOpen), a = $(t.searchQuery);
@@ -2398,7 +2813,7 @@ function Qr(e) {
 		isActive: c
 	};
 }
-var $r = u({
+var ci = u({
 	name: "KLineChart",
 	props: {
 		data: {
@@ -2431,7 +2846,7 @@ var $r = u({
 		y(() => {
 			let n = r.value;
 			n != null && (i.run(() => {
-				if (a.value = Kr({
+				if (a.value = ti({
 					container: n,
 					data: e.data,
 					initialZoomLevel: e.initialZoomLevel,
@@ -2477,9 +2892,9 @@ var $r = u({
 			}
 		});
 	}
-}), ei = { install(e) {
-	e.component("KLineChart", $r);
+}), li = { install(e) {
+	e.component("KLineChart", ci);
 } };
-Gr(R);
+ei(R);
 //#endregion
-export { L as CORE_VERSION, we as DrawingStyleToolbar, We as IndicatorParams, Rt as IndicatorSelector, $r as KLineChart, Hr as KLineChartVue, $t as KLineTooltip, ei as KMapPlugin, Ir as LeftToolbar, nn as MarkerTooltip, Ur as VERSION, Gr as __setControllerFactory, $ as coreSignalToVueRef, Kr as createChart, qr as useChart, Qr as useIndicatorSelector, Jr as useIndicators, Yr as useInteractionState, Xr as usePaneRatios, Zr as useViewport };
+export { L as CORE_VERSION, Oe as DrawingStyleToolbar, Je as IndicatorParams, jt as IndicatorSelector, ci as KLineChart, Zr as KLineChartVue, Kt as KLineTooltip, li as KMapPlugin, Tr as LeftToolbar, Yt as MarkerTooltip, Qr as VERSION, ei as __setControllerFactory, $ as coreSignalToVueRef, ti as createChart, ni as useChart, si as useIndicatorSelector, ri as useIndicators, ii as useInteractionState, ai as usePaneRatios, oi as useViewport };