@363045841yyt/klinechart 0.8.4 → 0.8.6

package/dist/index.js

@@ -1,86 +1,129 @@
-import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, effectScope as d, h as f, inject as p, markRaw as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, onScopeDispose as b, onUnmounted as x, openBlock as S, provide as C, ref as w, renderList as T, resolveDynamicComponent as E, shallowRef as D, toDisplayString as O, unref as k, vModelCheckbox as A, vModelText as j, watch as M, withCtx as N, withDirectives as P, withKeys as F, withModifiers as I } from "vue";
-import { COLOR_PRESET_ITEMS as L, VERSION as ee, createChartController as te, createIndicatorSelectorController as R, darkTheme as ne, formatTimestamp as z, lightTheme as re, normalizeColorPresetSettings as ie, resolveThemeColors as ae, themeToCssVars as oe } from "@363045841yyt/klinechart-core";
-import { DrawingInteractionController as se, allIndicators as ce, createChartController as le, createIndicatorSelectorController as ue, findIndicator as de, isBuiltinIndicatorsLoaded as B, kGapFromKWidth as fe, loadBuiltinIndicators as pe, zoomLevelToKWidth as me } from "@363045841yyt/klinechart-core/controllers";
-import { SemanticChartController as he } from "@363045841yyt/klinechart-core/semantic";
-import { getRegisteredIndicatorDefinition as ge } from "@363045841yyt/klinechart-core/indicators";
-import { DEFAULT_SETTINGS as V, SETTINGS_STORAGE_KEY as _e } 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, isRef as m, markRaw as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as b, onScopeDispose as x, onUnmounted as S, openBlock as C, provide as w, ref as T, renderList as E, renderSlot as D, resolveDynamicComponent as O, shallowRef as k, toDisplayString as A, unref as j, vModelCheckbox as M, vModelText as N, watch as P, withCtx as F, withDirectives as I, withKeys as L, withModifiers as R } from "vue";
+import { COLOR_PRESET_ITEMS as z, VERSION as ee, createChartController as te, createIndicatorSelectorController as B, darkTheme as ne, formatTimestamp as V, lightTheme as re, normalizeColorPresetSettings as ie, resolveThemeColors as ae, themeToCssVars as oe } from "@363045841yyt/klinechart-core";
+import { DrawingInteractionController as se, allIndicators as H, createChartController as ce, createIndicatorSelectorController as le, findIndicator as U, isBuiltinIndicatorsLoaded as ue, kGapFromKWidth as de, loadBuiltinIndicators as fe, zoomLevelToKWidth as pe } from "@363045841yyt/klinechart-core/controllers";
+import { SemanticChartController as me } from "@363045841yyt/klinechart-core/semantic";
+import { getRegisteredIndicatorDefinition as he } from "@363045841yyt/klinechart-core/indicators";
+import { DEFAULT_SETTINGS as W, SETTINGS_STORAGE_KEY as ge } from "@363045841yyt/klinechart-core/config";
 //#region src/components/ColorPresetPanel.vue?vue&type=script&setup=true&lang.ts
-var ve = { class: "color-preset-tools" }, ye = {
+var _e = { class: "color-preset-container" }, ve = {
 	class: "theme-tabs",
 	role: "tablist",
 	"aria-label": "颜色主题"
-}, H = ["onClick"], be = { class: "color-group-label" }, xe = { class: "color-grid" }, Se = ["value", "onInput"], Ce = /*@__PURE__*/ u({
+}, ye = ["onClick"], be = { class: "color-group-label" }, xe = { class: "color-grid" }, Se = { class: "color-item-text" }, G = ["value", "onInput"], K = /*@__PURE__*/ u({
 	__name: "ColorPresetPanel",
 	props: { colorPresetSettings: {} },
 	emits: ["update:colorPresetSettings"],
-	setup(t, { emit: n }) {
-		let i = t, a = n, c = [{
+	setup(t, { expose: n, emit: i }) {
+		let a = t, c = i, l = [{
 			value: "light",
 			label: "浅色"
 		}, {
 			value: "dark",
 			label: "深色"
-		}], l = {
+		}], u = {
 			canvas: "画布",
 			candle: "K线 / 成交量",
 			axis: "坐标轴",
 			interaction: "交互 / 标记"
-		}, u = r(() => Object.keys(l).map((e) => ({
+		}, d = r(() => Object.keys(u).map((e) => ({
 			group: e,
-			label: l[e],
-			items: L.filter((t) => t.group === e)
-		})).filter((e) => e.items.length > 0)), d = w("light");
-		function f(e, t) {
+			label: u[e],
+			items: z.filter((t) => t.group === e)
+		})).filter((e) => e.items.length > 0)), f = T("light");
+		function p(e, t) {
 			return (e === "dark" ? ne : re).colors[t];
 		}
-		function p(e) {
-			return ie(i.colorPresetSettings)[d.value]?.[e] ?? f(d.value, e);
+		function m(e) {
+			return ie(a.colorPresetSettings)[f.value]?.[e] ?? p(f.value, e);
 		}
-		function m(e, t) {
-			let n = ie(i.colorPresetSettings);
-			a("update:colorPresetSettings", {
+		function h(e, t) {
+			let n = ie(a.colorPresetSettings);
+			c("update:colorPresetSettings", {
 				...n,
-				[d.value]: {
-					...n[d.value],
+				[f.value]: {
+					...n[f.value],
 					[e]: t
 				}
 			});
 		}
-		function h() {
-			let e = { ...ie(i.colorPresetSettings) };
-			delete e[d.value], a("update:colorPresetSettings", e);
+		function g() {
+			let e = { ...ie(a.colorPresetSettings) };
+			delete e[f.value], c("update:colorPresetSettings", e);
 		}
-		return (t, n) => (S(), o("div", null, [s("div", ve, [s("div", ye, [(S(), o(e, null, T(c, (e) => s("button", {
+		return n({ resetCurrentThemeColors: g }), (t, n) => (C(), o("div", _e, [s("div", ve, [(C(), o(e, null, E(l, (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, H)), 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", be, O(t.label), 1), s("div", xe, [(S(!0), o(e, null, T(t.items, (e) => (S(), o("label", {
+			class: _(["theme-tab", { active: f.value === e.value }]),
+			onClick: (t) => f.value = e.value
+		}, A(e.label), 11, ye)), 64))]), (C(!0), o(e, null, E(d.value, (t) => (C(), o(e, { key: t.group }, [s("div", be, A(t.label), 1), s("div", xe, [(C(!0), o(e, null, E(t.items, (e) => (C(), o("label", {
 			key: e.key,
 			class: "color-item"
-		}, [s("span", null, O(e.label), 1), s("input", {
+		}, [s("span", Se, A(e.label), 1), s("input", {
 			type: "color",
 			class: "color-input",
-			value: p(e.key),
-			onInput: (t) => m(e.key, t.target.value)
-		}, null, 40, Se)]))), 128))])], 64))), 128))]));
+			value: m(e.key),
+			onInput: (t) => h(e.key, t.target.value)
+		}, null, 40, G)]))), 128))])], 64))), 128))]));
 	}
-}), U = (e, t) => {
+}), q = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, W = /*#__PURE__*/ U(Ce, [["__scopeId", "data-v-a52947a4"]]), we = [
+}, Ce = /*#__PURE__*/ q(K, [["__scopeId", "data-v-14ed826d"]]);
+//#endregion
+//#region src/composables/useTeleportedPopup.ts
+function we(e, t, n = 4) {
+	let r = T({});
+	function i() {
+		let i = e.value;
+		if (!i) return;
+		let a = i.getBoundingClientRect(), o = t.value, s = a.left;
+		if (o) {
+			let e = o.offsetWidth, t = window.innerWidth;
+			s + e > t - 8 && (s = Math.max(8, t - e - 8));
+		}
+		r.value = {
+			position: "fixed",
+			top: `${a.bottom + n}px`,
+			left: `${s}px`
+		};
+	}
+	function a() {
+		i(), g(() => i()), document.addEventListener("scroll", i, {
+			capture: !0,
+			passive: !0
+		}), window.addEventListener("resize", i, { passive: !0 });
+	}
+	function o() {
+		document.removeEventListener("scroll", i, { capture: !0 }), window.removeEventListener("resize", i);
+	}
+	return {
+		popupStyle: r,
+		updatePosition: i,
+		startPositionSync: a,
+		stopPositionSync: o
+	};
+}
+//#endregion
+//#region src/composables/useFullscreenTeleportTarget.ts
+var Te = Symbol("fullscreen-teleport-target");
+function Ee(e) {
+	w(Te, e);
+}
+function De() {
+	let e = p(Te, null);
+	return r(() => e?.value ?? "body");
+}
+//#endregion
+//#region src/components/Dropdown.vue?vue&type=script&setup=true&lang.ts
+var Oe = [
 	"title",
 	"aria-expanded",
 	"onKeydown"
-], Te = {
+], ke = {
 	key: 0,
 	class: "dropdown__label"
-}, Ee = { class: "dropdown__value" }, De = ["aria-selected", "onClick"], G = 0, Oe = null, ke = 0, K = /*#__PURE__*/ U(/* @__PURE__ */ u({
+}, Ae = { class: "dropdown__value" }, je = ["aria-selected", "onClick"], Me = 0, Ne = null, Pe = 0, J = /*#__PURE__*/ q(/* @__PURE__ */ u({
 	__name: "Dropdown",
 	props: {
 		modelValue: {},
@@ -91,77 +134,92 @@ var ve = { class: "color-preset-tools" }, ye = {
 		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 = ++ke, 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 && Oe && Oe(), !d.value && (G = p, Oe = C, f.value = u.value?.offsetWidth ?? 0, d.value = !0, document.addEventListener("pointerdown", k));
+	setup(n, { emit: c }) {
+		let l = n, u = c, d = T(null), f = T(null), p = T(null), m = T(!1), h = T(0), g = ++Pe, b = De(), { popupStyle: x, startPositionSync: S, stopPositionSync: w } = we(f, p, 4), D = r(() => l.minWidth ? { minWidth: l.minWidth } : {}), O = r(() => {
+			if (!m.value) return;
+			let e = h.value || (l.minWidth ? parseInt(l.minWidth) : 0);
+			return {
+				width: e ? `${e}px` : void 0,
+				zIndex: 1010,
+				...x.value
+			};
+		}), k = r(() => {
+			let e = l.modelValue?.trim();
+			return e && l.options.some((t) => t.value === e) ? e : l.options[0]?.value ?? "";
+		}), M = r(() => l.options.find((e) => e.value === k.value) ?? l.options[0]);
+		function N() {
+			Me !== g && Ne && Ne(), !m.value && (Me = g, Ne = P, h.value = f.value?.offsetWidth ?? 0, m.value = !0, S(), document.addEventListener("pointerdown", z));
 		}
-		function C() {
-			d.value && (d.value = !1, G === p && (G = 0, Oe = null), document.removeEventListener("pointerdown", k));
+		function P() {
+			m.value && (m.value = !1, Me === g && (Me = 0, Ne = null), w(), document.removeEventListener("pointerdown", z));
 		}
-		function E() {
-			d.value ? C() : x();
+		function F() {
+			m.value ? P() : N();
 		}
-		function D(e) {
-			c("update:modelValue", e), C();
+		function I(e) {
+			u("update:modelValue", e), P();
 		}
-		function k(e) {
-			let t = l.value;
-			t && !t.contains(e.target) && C();
+		function z(e) {
+			let t = d.value, n = p.value;
+			t && !t.contains(e.target) && !n?.contains(e.target) && P();
 		}
-		return v(C), (n, r) => (S(), o("div", {
+		return y(P), (r, c) => (C(), o("div", {
 			ref_key: "rootRef",
-			ref: l,
-			class: g(["dropdown", [`dropdown--${t.size}`, { "is-open": d.value }]])
+			ref: d,
+			class: _(["dropdown", [`dropdown--${n.size}`, { "is-open": m.value }]])
 		}, [s("button", {
 			ref_key: "triggerRef",
-			ref: u,
+			ref: f,
 			type: "button",
 			class: "dropdown__trigger",
-			title: t.title,
-			style: _(m.value),
+			title: n.title,
+			style: v(D.value),
 			"aria-haspopup": "listbox",
-			"aria-expanded": d.value,
-			onClick: E,
+			"aria-expanded": m.value,
+			onClick: F,
 			onKeydown: [
-				F(I(C, ["stop"]), ["escape"]),
-				F(I(x, ["prevent"]), ["down"]),
-				F(I(E, ["prevent"]), ["enter"]),
-				F(I(E, ["prevent"]), ["space"])
+				L(R(P, ["stop"]), ["escape"]),
+				L(R(N, ["prevent"]), ["down"]),
+				L(R(F, ["prevent"]), ["enter"]),
+				L(R(F, ["prevent"]), ["space"])
 			]
 		}, [
-			t.label ? (S(), o("span", Te, O(t.label), 1)) : a("", !0),
-			s("span", Ee, O(b.value.label), 1),
-			r[0] ||= s("span", {
+			n.label ? (C(), o("span", ke, A(n.label), 1)) : a("", !0),
+			s("span", Ae, A(M.value.label), 1),
+			c[0] ||= s("span", {
 				class: "dropdown__chevron",
 				"aria-hidden": "true"
 			}, null, -1)
-		], 44, we), d.value ? (S(), o("div", {
+		], 44, Oe), (C(), i(t, { to: j(b) }, [m.value ? (C(), o("div", {
 			key: 0,
+			ref_key: "menuRef",
+			ref: p,
 			class: "dropdown__menu",
-			style: _(h.value),
+			style: v(O.value),
 			role: "listbox",
 			tabindex: "-1"
-		}, [(S(!0), o(e, null, T(t.options, (e) => (S(), o("button", {
+		}, [(C(!0), o(e, null, E(n.options, (e) => (C(), o("button", {
 			key: e.value,
 			type: "button",
-			class: g(["dropdown__option", { "is-selected": e.value === y.value }]),
+			class: _(["dropdown__option", { "is-selected": e.value === k.value }]),
 			role: "option",
-			"aria-selected": e.value === y.value,
-			onClick: (t) => D(e.value)
-		}, O(e.label), 11, De))), 128))], 4)) : a("", !0)], 2));
+			"aria-selected": e.value === k.value,
+			onClick: (t) => I(e.value)
+		}, A(e.label), 11, je))), 128))], 4)) : a("", !0)], 8, ["to"]))], 2));
 	}
-}), [["__scopeId", "data-v-126e11f2"]]), Ae = {
-	class: "toolbar-item color-item",
+}), [["__scopeId", "data-v-bab778b8"]]), Fe = {};
+function Ie(e, t) {
+	return C(), o("div", {
+		class: "canvas-toolbar",
+		onPointerdown: t[0] ||= R(() => {}, ["stop"]),
+		onPointermove: t[1] ||= R(() => {}, ["stop"]),
+		onPointerup: t[2] ||= R(() => {}, ["stop"])
+	}, [D(e.$slots, "default", {}, void 0, !0)], 32);
+}
+var Le = /*#__PURE__*/ q(Fe, [["render", Ie], ["__scopeId", "data-v-4f016899"]]), Re = {
+	class: "color-item",
 	title: "颜色"
-}, je = ["value"], Me = /*#__PURE__*/ U(/* @__PURE__ */ u({
+}, ze = ["value"], Be = /*#__PURE__*/ q(/* @__PURE__ */ u({
 	__name: "DrawingStyleToolbar",
 	props: { drawing: {} },
 	emits: ["updateStyle", "delete"],
@@ -196,96 +254,166 @@ var ve = { class: "color-preset-tools" }, ye = {
 				label: "点线",
 				value: "dotted"
 			}
-		], i = t;
-		function a(e) {
-			e.key === "Delete" && (e.preventDefault(), i("delete"));
+		], a = t;
+		function o(e) {
+			e.key === "Delete" && (e.preventDefault(), a("delete"));
 		}
-		y(() => document.addEventListener("keydown", a)), x(() => document.removeEventListener("keydown", a));
+		b(() => document.addEventListener("keydown", o)), S(() => document.removeEventListener("keydown", o));
 		function c(e) {
-			i("updateStyle", { stroke: e });
+			a("updateStyle", { stroke: e });
 		}
 		function u(e) {
-			i("updateStyle", { strokeWidth: e });
+			a("updateStyle", { strokeWidth: e });
 		}
 		function d(e) {
-			i("updateStyle", { strokeStyle: e });
-		}
-		return (t, i) => (S(), o("div", {
-			class: "drawing-style-toolbar",
-			onPointerdown: i[4] ||= I(() => {}, ["stop"]),
-			onPointermove: i[5] ||= I(() => {}, ["stop"]),
-			onPointerup: i[6] ||= I(() => {}, ["stop"])
-		}, [
-			s("div", Ae, [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: i[0] ||= (e) => c(e.target.value)
-			}, null, 40, je)]),
-			l(K, {
-				"model-value": String(e.drawing.style.strokeWidth ?? 1),
-				options: n,
-				size: "sm",
-				title: "线宽",
-				"onUpdate:modelValue": i[1] ||= (e) => u(Number(e))
-			}, null, 8, ["model-value"]),
-			l(K, {
-				"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: i[3] ||= (e) => t.$emit("delete")
-			}, [...i[7] ||= [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)]])
-		], 32));
+			a("updateStyle", { strokeStyle: e });
+		}
+		return (t, a) => (C(), i(Le, null, {
+			default: F(() => [
+				s("div", Re, [s("span", {
+					class: "color-swatch",
+					style: v({ background: e.drawing.style.stroke ?? "#2962ff" })
+				}, null, 4), s("input", {
+					type: "color",
+					class: "color-input",
+					value: e.drawing.style.stroke ?? "#2962ff",
+					onInput: a[0] ||= (e) => c(e.target.value)
+				}, null, 40, ze)]),
+				l(J, {
+					"model-value": String(e.drawing.style.strokeWidth ?? 1),
+					options: n,
+					size: "sm",
+					title: "线宽",
+					"onUpdate:modelValue": a[1] ||= (e) => u(Number(e))
+				}, null, 8, ["model-value"]),
+				l(J, {
+					"model-value": e.drawing.style.strokeStyle ?? "solid",
+					options: r,
+					size: "sm",
+					title: "线型",
+					"onUpdate:modelValue": a[2] ||= (e) => d(e)
+				}, null, 8, ["model-value"]),
+				s("button", {
+					type: "button",
+					class: "toolbar-btn toolbar-btn--delete",
+					title: "删除",
+					onClick: a[3] ||= (e) => t.$emit("delete")
+				}, [...a[4] ||= [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)]])
+			]),
+			_: 1
+		}));
 	}
-}), [["__scopeId", "data-v-e9b6a8a9"]]), Ne = Symbol("fullscreen-teleport-target");
-function Pe(e) {
-	C(Ne, e);
-}
-function Fe() {
-	let e = p(Ne, null);
-	return r(() => e?.value ?? "body");
-}
-//#endregion
-//#region src/components/IndicatorParams.vue?vue&type=script&setup=true&lang.ts
-var Ie = { class: "params-header" }, Le = { class: "header-left" }, Re = { class: "params-title" }, ze = { class: "header-right" }, Be = {
+}), [["__scopeId", "data-v-619a545d"]]), Ve = {
+	key: 0,
+	class: "base-header"
+}, He = { class: "base-header-left" }, Ue = { class: "base-title" }, We = {
+	key: 0,
+	class: "base-subtitle"
+}, Ge = {
+	key: 0,
+	class: "base-header-right"
+}, Ke = {
+	key: 1,
+	class: "base-subheader"
+}, Y = /*#__PURE__*/ q(/* @__PURE__ */ u({
+	__name: "BaseModal",
+	props: {
+		show: { type: Boolean },
+		title: { default: "" },
+		subtitle: { default: "" },
+		zIndex: { default: 1e3 },
+		width: { default: "min(92vw, 400px)" },
+		maxWidth: { default: "" },
+		maxHeight: { default: "min(600px, calc(100vh - 48px))" },
+		overlayPadding: { default: "24px" },
+		bodyPadding: { default: "16px 20px" },
+		footerAlign: { default: "flex-end" },
+		closeOnOverlay: {
+			type: Boolean,
+			default: !0
+		},
+		showClose: {
+			type: Boolean,
+			default: !0
+		},
+		transitionVariant: { default: "default" }
+	},
+	emits: ["close"],
+	setup(e, { emit: c }) {
+		let u = e, d = c, f = De(), p = r(() => u.transitionVariant === "compact" ? "modal-compact" : "modal"), m = r(() => ({
+			width: u.width,
+			maxWidth: u.maxWidth || void 0,
+			maxHeight: u.maxHeight
+		}));
+		return (r, c) => (C(), i(t, { to: j(f) }, [l(n, { name: "overlay" }, {
+			default: F(() => [e.show ? (C(), o("div", {
+				key: 0,
+				class: "base-overlay",
+				style: v({
+					zIndex: e.zIndex,
+					padding: e.overlayPadding
+				}),
+				onClick: c[2] ||= (t) => e.closeOnOverlay ? d("close") : void 0
+			}, [l(n, { name: p.value }, {
+				default: F(() => [s("div", {
+					class: "base-modal",
+					style: v(m.value),
+					onClick: c[1] ||= R(() => {}, ["stop"])
+				}, [
+					r.$slots.header || e.title ? (C(), o("div", Ve, [D(r.$slots, "header", {}, () => [s("div", He, [s("span", Ue, A(e.title), 1), e.subtitle ? (C(), o("span", We, A(e.subtitle), 1)) : a("", !0)])], !0), e.showClose ? (C(), o("div", Ge, [D(r.$slots, "header-extra", {}, void 0, !0), s("button", {
+						class: "base-close-btn",
+						onClick: c[0] ||= (e) => d("close")
+					}, [...c[3] ||= [s("svg", {
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2"
+					}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])) : a("", !0)])) : a("", !0),
+					r.$slots.subheader ? (C(), o("div", Ke, [D(r.$slots, "subheader", {}, void 0, !0)])) : a("", !0),
+					s("div", {
+						class: "base-body",
+						style: v({ padding: e.bodyPadding })
+					}, [D(r.$slots, "default", {}, void 0, !0)], 4),
+					r.$slots.footer ? (C(), o("div", {
+						key: 2,
+						class: "base-footer",
+						style: v({ justifyContent: e.footerAlign })
+					}, [D(r.$slots, "footer", {}, void 0, !0)], 4)) : a("", !0)
+				], 4)]),
+				_: 3
+			}, 8, ["name"])], 4)) : a("", !0)]),
+			_: 3
+		})], 8, ["to"]));
+	}
+}), [["__scopeId", "data-v-38747c12"]]), qe = {
 	key: 0,
 	class: "indicator-description"
-}, Ve = { class: "params-body" }, He = { class: "param-header" }, Ue = { class: "param-label" }, q = { class: "param-label-text" }, J = {
+}, Je = { class: "params-body" }, Ye = { class: "param-header" }, Xe = { class: "param-label" }, Ze = { class: "param-label-text" }, Qe = {
 	key: 0,
 	class: "param-range"
-}, We = { class: "input-wrapper" }, Ge = ["disabled", "onClick"], Ke = [
+}, $e = { class: "input-wrapper" }, et = ["disabled", "onClick"], tt = [
 	"value",
 	"min",
 	"max",
 	"step",
 	"onInput"
-], qe = ["disabled", "onClick"], Je = {
+], nt = ["disabled", "onClick"], rt = {
 	key: 0,
 	class: "param-description"
-}, Ye = { class: "params-footer" }, Xe = { class: "footer-right" }, Ze = /*#__PURE__*/ U(/* @__PURE__ */ u({
+}, it = { class: "footer-right" }, at = /*#__PURE__*/ q(/* @__PURE__ */ u({
 	__name: "IndicatorParams",
 	props: {
 		visible: { type: Boolean },
@@ -296,142 +424,128 @@ var Ie = { class: "params-header" }, Le = { class: "header-left" }, Re = { class
 		values: {}
 	},
 	emits: ["close", "confirm"],
-	setup(r, { emit: u }) {
-		let d = r, f = u, p = w({ ...d.values }), m = w(!0), h = Fe();
-		M(() => d.values, (e) => {
-			p.value = { ...e };
+	setup(t, { emit: r }) {
+		let u = t, d = r, f = T({ ...u.values }), p = T(!0);
+		P(() => u.values, (e) => {
+			f.value = { ...e };
 		}, {
 			deep: !0,
 			immediate: !0
-		}), M(() => d.visible, (e) => {
-			e && (p.value = { ...d.values });
+		}), P(() => u.visible, (e) => {
+			e && (f.value = { ...u.values });
 		});
-		function _(e, t) {
+		function m(e, t) {
 			let n = t.target, r = parseFloat(n.value);
-			isNaN(r) || (p.value[e] = r);
+			isNaN(r) || (f.value[e] = r);
 		}
-		function v(e, t) {
-			let n = e.step || 1, r = (p.value[e.key] || 0) + t * n;
-			e.min !== void 0 && (r = Math.max(e.min, r)), e.max !== void 0 && (r = Math.min(e.max, r)), p.value[e.key] = parseFloat(r.toFixed(10));
+		function h(e, t) {
+			let n = e.step || 1, r = (f.value[e.key] || 0) + t * n;
+			e.min !== void 0 && (r = Math.max(e.min, r)), e.max !== void 0 && (r = Math.min(e.max, r)), f.value[e.key] = parseFloat(r.toFixed(10));
 		}
-		function y() {
+		function g() {
 			let e = {};
-			d.params.forEach((t) => {
-				e[t.key] = t.default ?? d.values[t.key] ?? 0;
-			}), p.value = e;
-		}
-		function b() {
-			f("confirm", { ...p.value });
-		}
-		return (u, d) => (S(), i(t, { to: k(h) }, [l(n, { name: "overlay" }, {
-			default: N(() => [r.visible ? (S(), o("div", {
-				key: 0,
-				class: "params-overlay",
-				onClick: d[4] ||= (e) => u.$emit("close")
-			}, [l(n, { name: "modal" }, {
-				default: N(() => [s("div", {
-					class: "indicator-params",
-					onClick: d[3] ||= I(() => {}, ["stop"])
-				}, [
-					s("div", Ie, [s("div", Le, [s("span", Re, O(r.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", ze, [s("button", {
-						class: g(["toggle-desc-btn", { active: m.value }]),
-						onClick: d[0] ||= (e) => m.value = !m.value,
-						title: "显示/隐藏说明"
-					}, [...d[6] ||= [s("svg", { viewBox: "0 0 1024 1024" }, [s("path", {
-						d: "M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m36.571429 268.190476v292.571428h-73.142858V438.857143h73.142858z m0-121.904762v73.142857h-73.142858v-73.142857h73.142858z",
-						fill: "currentColor"
-					})], -1)]], 2), s("button", {
-						class: "params-close",
-						onClick: d[1] ||= (e) => u.$emit("close")
-					}, [...d[7] ||= [s("svg", {
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						"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", Be, [s("p", null, O(r.indicatorDescription), 1)])) : a("", !0)]),
-						_: 1
-					}),
-					s("div", Ve, [(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", He, [s("label", Ue, [s("span", q, O(e.label), 1), e.min !== void 0 || e.max !== void 0 ? (S(), o("span", J, O(e.min ?? "-∞") + " ~ " + O(e.max ?? "+∞"), 1)) : a("", !0)]), s("div", We, [
-						s("button", {
-							class: "stepper-btn",
-							disabled: e.min !== void 0 && (p.value[e.key] ?? 0) <= e.min,
-							onClick: (t) => v(e, -1)
-						}, " − ", 8, Ge),
-						e.type === "number" ? (S(), o("input", {
-							key: 0,
-							type: "number",
-							class: "param-input",
-							value: p.value[e.key],
-							min: e.min,
-							max: e.max,
-							step: e.step || 1,
-							onInput: (t) => _(e.key, t)
-						}, null, 40, Ke)) : 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, qe)
-					])]), l(n, { name: "slide" }, {
-						default: N(() => [m.value && e.description ? (S(), o("div", Je, O(e.description), 1)) : a("", !0)]),
-						_: 2
-					}, 1024)], 2))), 128))]),
-					s("div", Ye, [s("button", {
-						class: "params-btn reset",
-						onClick: y
-					}, [...d[8] ||= [s("svg", {
-						viewBox: "0 0 24 24",
-						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", Xe, [s("button", {
-						class: "params-btn cancel",
-						onClick: d[2] ||= (e) => u.$emit("close")
-					}, "取消"), s("button", {
-						class: "params-btn confirm",
-						onClick: b
-					}, [...d[9] ||= [s("svg", {
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						"stroke-width": "2.5"
-					}, [s("path", { d: "M20 6L9 17l-5-5" })], -1), c(" 确定 ", -1)]])])])
-				])]),
+			u.params.forEach((t) => {
+				e[t.key] = t.default ?? u.values[t.key] ?? 0;
+			}), f.value = e;
+		}
+		function v() {
+			d("confirm", { ...f.value });
+		}
+		return (r, u) => (C(), i(Y, {
+			show: t.visible,
+			title: t.indicatorName,
+			subtitle: "参数设置",
+			width: "90vw",
+			"max-width": "420px",
+			"transition-variant": "compact",
+			"overlay-padding": "0",
+			"footer-align": "space-between",
+			onClose: u[2] ||= (e) => r.$emit("close")
+		}, {
+			"header-extra": F(() => [s("button", {
+				class: _(["toggle-desc-btn", { active: p.value }]),
+				onClick: u[0] ||= (e) => p.value = !p.value,
+				title: "显示/隐藏说明"
+			}, [...u[3] ||= [s("svg", { viewBox: "0 0 1024 1024" }, [s("path", {
+				d: "M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m36.571429 268.190476v292.571428h-73.142858V438.857143h73.142858z m0-121.904762v73.142857h-73.142858v-73.142857h73.142858z",
+				fill: "currentColor"
+			})], -1)]], 2)]),
+			footer: F(() => [s("button", {
+				class: "params-btn reset",
+				onClick: g
+			}, [...u[4] ||= [s("svg", {
+				viewBox: "0 0 24 24",
+				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", it, [s("button", {
+				class: "params-btn cancel",
+				onClick: u[1] ||= (e) => r.$emit("close")
+			}, "取消"), s("button", {
+				class: "params-btn confirm",
+				onClick: v
+			}, [...u[5] ||= [s("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.5"
+			}, [s("path", { d: "M20 6L9 17l-5-5" })], -1), c(" 确定 ", -1)]])])]),
+			default: F(() => [l(n, { name: "slide" }, {
+				default: F(() => [p.value && t.indicatorDescription ? (C(), o("div", qe, [s("p", null, A(t.indicatorDescription), 1)])) : a("", !0)]),
 				_: 1
-			})])) : a("", !0)]),
+			}), s("div", Je, [(C(!0), o(e, null, E(t.params, (e) => (C(), o("div", {
+				key: e.key,
+				class: _(["param-item", { "has-desc": p.value && e.description }])
+			}, [s("div", Ye, [s("label", Xe, [s("span", Ze, A(e.label), 1), e.min !== void 0 || e.max !== void 0 ? (C(), o("span", Qe, A(e.min ?? "-∞") + " ~ " + A(e.max ?? "+∞"), 1)) : a("", !0)]), s("div", $e, [
+				s("button", {
+					class: "stepper-btn",
+					disabled: e.min !== void 0 && (f.value[e.key] ?? 0) <= e.min,
+					onClick: (t) => h(e, -1)
+				}, " − ", 8, et),
+				e.type === "number" ? (C(), o("input", {
+					key: 0,
+					type: "number",
+					class: "param-input",
+					value: f.value[e.key],
+					min: e.min,
+					max: e.max,
+					step: e.step || 1,
+					onInput: (t) => m(e.key, t)
+				}, null, 40, tt)) : a("", !0),
+				s("button", {
+					class: "stepper-btn",
+					disabled: e.max !== void 0 && (f.value[e.key] ?? 0) >= e.max,
+					onClick: (t) => h(e, 1)
+				}, " + ", 8, nt)
+			])]), l(n, { name: "slide" }, {
+				default: F(() => [p.value && e.description ? (C(), o("div", rt, A(e.description), 1)) : a("", !0)]),
+				_: 2
+			}, 1024)], 2))), 128))])]),
 			_: 1
-		})], 8, ["to"]));
+		}, 8, ["show", "title"]));
 	}
-}), [["__scopeId", "data-v-30f2f611"]]), Qe = { class: "indicator-selector" }, $e = { class: "modal-header" }, et = { class: "header-title" }, tt = { class: "title-sub" }, nt = { class: "header-actions" }, rt = {
+}), [["__scopeId", "data-v-5689c2c8"]]), ot = { class: "indicator-selector" }, st = { class: "header-title" }, ct = { class: "title-sub" }, lt = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	width: "16",
 	height: "16",
 	fill: "currentColor"
-}, it = {
+}, ut = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	width: "16",
 	height: "16",
 	fill: "currentColor"
-}, at = { class: "modal-search-area" }, ot = { class: "search-box" }, st = ["value"], ct = { class: "modal-body" }, lt = {
+}, dt = { class: "search-box" }, ft = ["value"], pt = {
 	key: 0,
 	class: "indicator-section"
-}, ut = { class: "section-header" }, dt = { class: "section-count" }, ft = ["onClick"], pt = { class: "card-label" }, mt = { class: "card-tooltip" }, ht = { class: "card-header" }, gt = { class: "card-label" }, _t = { class: "card-header-actions" }, vt = ["onClick"], yt = { class: "card-name" }, bt = {
+}, mt = { class: "section-header" }, ht = { class: "section-count" }, gt = ["onClick"], _t = { class: "card-label" }, vt = { class: "card-tooltip" }, yt = { class: "card-header" }, bt = { class: "card-label" }, xt = { class: "card-header-actions" }, St = ["onClick"], Ct = { class: "card-name" }, wt = {
 	key: 1,
-	class: "section-divider"
-}, xt = {
-	key: 2,
 	class: "no-results"
-}, St = {
-	key: 3,
+}, Tt = {
+	key: 2,
 	class: "indicator-section"
-}, Ct = { class: "section-header" }, wt = { class: "section-count" }, Tt = ["onClick"], Et = { class: "card-label" }, Dt = { class: "card-tooltip" }, Ot = { class: "card-header" }, Y = { class: "card-label" }, X = { class: "card-header-actions" }, kt = ["onClick"], At = { class: "card-name" }, jt = { class: "modal-footer" }, Mt = { class: "footer-info" }, Nt = { class: "info-text" }, Pt = /*#__PURE__*/ U(/* @__PURE__ */ u({
+}, Et = { class: "section-header" }, Dt = { class: "section-count" }, Ot = ["onClick"], kt = { class: "card-label" }, At = { class: "card-tooltip" }, jt = { class: "card-header" }, X = { class: "card-label" }, Mt = { class: "card-header-actions" }, Nt = ["onClick"], Pt = { class: "card-name" }, Ft = { class: "footer-info" }, It = { class: "info-text" }, Lt = /*#__PURE__*/ q(/* @__PURE__ */ u({
 	__name: "IndicatorSelector",
 	props: {
 		activeIndicators: {},
@@ -442,9 +556,9 @@ var Ie = { class: "params-header" }, Le = { class: "header-left" }, Re = { class
 		"updateParams",
 		"reorderSubIndicators"
 	],
-	setup(c, { expose: u, emit: d }) {
-		let f = c, p = d;
-		function m(e) {
+	setup(t, { expose: n, emit: c }) {
+		let u = t, d = c;
+		function f(e) {
 			return e.map((e) => ({
 				id: e.id,
 				label: e.label,
@@ -462,151 +576,139 @@ var Ie = { class: "params-header" }, Le = { class: "header-left" }, Re = { class
 				}))
 			}));
 		}
-		let h = ue(), _ = $(h.menuOpen), v = $(h.searchQuery), b = $(h.filteredMain), C = $(h.filteredSub), E = r(() => b.value.length > 0 || C.value.length > 0), D = $(h.catalog), A = r(() => D.value.length);
-		y(async () => {
-			B() || await pe(), h.catalog.set(m(ce()));
+		let p = le(), m = $(p.menuOpen), h = $(p.searchQuery), g = $(p.filteredMain), v = $(p.filteredSub), y = r(() => g.value.length > 0 || v.value.length > 0), x = $(p.catalog), w = r(() => x.value.length);
+		b(async () => {
+			ue() || await fe(), p.catalog.set(f(H()));
 		});
-		let j = w(!1), M = w(null), P = w(!1), F = Fe(), L = r(() => M.value ? de(M.value) : null), ee = r(() => f.activeIndicators?.length ?? 0);
-		function te(e) {
-			return f.activeIndicators?.includes(e) ?? !1;
+		let D = T(!1), O = T(null), k = T(!1), M = r(() => O.value ? U(O.value) : null), N = r(() => u.activeIndicators?.length ?? 0);
+		function P(e) {
+			return u.activeIndicators?.includes(e) ?? !1;
 		}
-		function R(e) {
-			te(e) || de(e) && p("toggle", e, !0);
+		function I(e) {
+			P(e) || U(e) && d("toggle", e, !0);
 		}
-		function ne(e) {
-			p("toggle", e, !1);
+		function L(e) {
+			d("toggle", e, !1);
 		}
 		function z(e) {
-			M.value = e, j.value = !0;
+			O.value = e, D.value = !0;
 		}
-		function re(e) {
-			let t = de(e);
+		function ee(e) {
+			let t = U(e);
 			if (!t?.params) return {};
 			let n = {};
 			for (let e of t.params) n[e.key] = e.default ?? e.min ?? 1;
-			let r = f.indicatorParams?.[e] || {}, i = { ...n };
+			let r = u.indicatorParams?.[e] || {}, i = { ...n };
 			for (let [e, t] of Object.entries(r)) typeof t == "number" && (i[e] = t);
 			return i;
 		}
-		function ie(e) {
-			M.value && p("updateParams", M.value, e), j.value = !1;
-		}
-		function ae(e) {
-			e.key === "Escape" && h.menuOpen.peek() && h.closeMenu();
-		}
-		return y(() => {
-			document.addEventListener("keydown", ae);
-		}), x(() => {
-			document.removeEventListener("keydown", ae);
-		}), u({
-			openMenu: () => h.openMenu(),
-			closeMenu: () => h.closeMenu(),
-			toggleMenu: () => h.toggleMenu()
-		}), (r, c) => (S(), o("div", Qe, [(S(), i(t, { to: k(F) }, [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", {
+		function te(e) {
+			O.value && d("updateParams", O.value, e), D.value = !1;
+		}
+		function B(e) {
+			e.key === "Escape" && p.menuOpen.peek() && p.closeMenu();
+		}
+		return b(() => {
+			document.addEventListener("keydown", B);
+		}), S(() => {
+			document.removeEventListener("keydown", B);
+		}), n({
+			openMenu: () => p.openMenu(),
+			closeMenu: () => p.closeMenu(),
+			toggleMenu: () => p.toggleMenu()
+		}), (t, n) => (C(), o("div", ot, [l(Y, {
+			show: j(m),
+			title: "添加指标",
+			subtitle: "",
+			width: "90vw",
+			"max-width": "860px",
+			"max-height": "85vh",
+			"transition-variant": "compact",
+			"footer-align": "space-between",
+			onClose: n[3] ||= (e) => j(p).closeMenu()
+		}, {
+			header: F(() => [s("div", st, [n[5] ||= s("span", { class: "title-text" }, "添加指标", -1), s("span", ct, A(w.value) + " 个可用指标", 1)])]),
+			"header-extra": F(() => [s("button", {
+				class: _(["view-toggle-btn", { active: k.value }]),
+				onClick: n[0] ||= (e) => k.value = !k.value,
+				title: "简洁模式"
+			}, [k.value ? (C(), o("svg", ut, [...n[7] ||= [s("path", { d: "M3 3h18v18H3V3zm16 16V5H5v14h14zM7 7h4v4H7V7zm0 6h4v4H7v-4zm6-6h4v4h-4V7zm0 6h4v4h-4v-4z" }, null, -1)]])) : (C(), o("svg", lt, [...n[6] ||= [s("path", { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, null, -1)]]))], 2)]),
+			subheader: F(() => [s("div", dt, [n[8] ||= 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: j(h),
+				onInput: n[1] ||= (e) => j(p).setSearchQuery(e.target.value),
+				type: "text",
+				class: "search-input",
+				placeholder: "搜索指标名称..."
+			}, null, 40, ft)])]),
+			footer: F(() => [s("div", Ft, [s("span", It, "已激活 " + A(N.value) + " 个指标", 1)]), s("button", {
+				class: "btn btn-confirm",
+				onClick: n[2] ||= (e) => j(p).closeMenu()
+			}, "确认")]),
+			default: F(() => [
+				j(g).length > 0 ? (C(), o("div", pt, [s("div", mt, [n[9] ||= s("span", { class: "section-title" }, "主图指标", -1), s("span", ht, A(j(g).length), 1)]), s("div", { class: _(["indicator-grid", { compact: k.value }]) }, [(C(!0), o(e, null, E(j(g), (t) => (C(), o("button", {
+					key: t.id,
+					class: _(["indicator-card", {
+						active: P(t.id),
+						compact: k.value
+					}]),
+					onClick: (e) => P(t.id) ? L(t.id) : I(t.id)
+				}, [k.value ? (C(), o(e, { key: 0 }, [s("span", _t, A(t.label), 1), s("span", vt, A(t.name), 1)], 64)) : (C(), o(e, { key: 1 }, [s("div", yt, [s("span", bt, A(t.label), 1), s("div", xt, [t.params?.length ? (C(), o("button", {
 					key: 0,
-					class: "selector-modal",
-					onClick: c[4] ||= I(() => {}, ["stop"])
-				}, [
-					s("div", $e, [s("div", et, [c[7] ||= s("span", { class: "title-text" }, "添加指标", -1), s("span", tt, O(A.value) + " 个可用指标", 1)]), s("div", nt, [s("button", {
-						class: g(["view-toggle-btn", { active: P.value }]),
-						onClick: c[0] ||= (e) => P.value = !P.value,
-						title: "简洁模式"
-					}, [P.value ? (S(), o("svg", it, [...c[9] ||= [s("path", { d: "M3 3h18v18H3V3zm16 16V5H5v14h14zM7 7h4v4H7V7zm0 6h4v4H7v-4zm6-6h4v4h-4V7zm0 6h4v4h-4v-4z" }, null, -1)]])) : (S(), o("svg", rt, [...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 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", at, [s("div", ot, [c[11] ||= s("svg", {
-						class: "search-icon",
+					class: "card-settings-btn",
+					onClick: R((e) => z(t.id), ["stop"]),
+					title: "编辑参数"
+				}, [...n[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, St)) : a("", !0)])]), s("div", Ct, A(t.name), 1)], 64))], 10, gt))), 128))], 2)])) : a("", !0),
+				!y.value && j(h).trim() ? (C(), o("div", wt, [...n[11] ||= [
+					s("svg", {
 						viewBox: "0 0 24 24",
-						width: "16",
-						height: "16",
+						width: "40",
+						height: "40",
 						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: c[2] ||= (e) => k(h).setSearchQuery(e.target.value),
-						type: "text",
-						class: "search-input",
-						placeholder: "搜索指标名称..."
-					}, null, 40, st)])]),
-					s("div", ct, [
-						k(b).length > 0 ? (S(), o("div", lt, [s("div", ut, [c[12] ||= s("span", { class: "section-title" }, "主图指标", -1), s("span", dt, O(k(b).length), 1)]), s("div", { class: g(["indicator-grid", { compact: P.value }]) }, [(S(!0), o(e, null, T(k(b), (t) => (S(), o("button", {
-							key: t.id,
-							class: g(["indicator-card", {
-								active: te(t.id),
-								compact: P.value
-							}]),
-							onClick: (e) => te(t.id) ? ne(t.id) : R(t.id)
-						}, [P.value ? (S(), o(e, { key: 0 }, [s("span", pt, O(t.label), 1), s("span", mt, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", ht, [s("span", gt, O(t.label), 1), s("div", _t, [t.params?.length ? (S(), o("button", {
-							key: 0,
-							class: "card-settings-btn",
-							onClick: I((e) => z(t.id), ["stop"]),
-							title: "编辑参数"
-						}, [...c[13] ||= [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, vt)) : a("", !0)])]), s("div", yt, O(t.name), 1)], 64))], 10, ft))), 128))], 2)])) : a("", !0),
-						k(b).length > 0 && k(C).length > 0 ? (S(), o("div", bt)) : a("", !0),
-						!E.value && k(v).trim() ? (S(), o("div", xt, [...c[14] ||= [
-							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", St, [s("div", Ct, [c[15] ||= s("span", { class: "section-title" }, "副图指标", -1), s("span", wt, O(k(C).length), 1)]), s("div", { class: g(["indicator-grid", { compact: P.value }]) }, [(S(!0), o(e, null, T(k(C), (t) => (S(), o("button", {
-							key: t.id,
-							class: g(["indicator-card", {
-								active: te(t.id),
-								compact: P.value
-							}]),
-							onClick: (e) => te(t.id) ? ne(t.id) : R(t.id)
-						}, [P.value ? (S(), o(e, { key: 0 }, [s("span", Et, O(t.label), 1), s("span", Dt, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", Ot, [s("span", Y, O(t.label), 1), s("div", X, [t.params?.length ? (S(), o("button", {
-							key: 0,
-							class: "card-settings-btn",
-							onClick: I((e) => z(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, kt)) : a("", !0)])]), s("div", At, O(t.name), 1)], 64))], 10, Tt))), 128))], 2)])) : a("", !0)
-					]),
-					s("div", jt, [s("div", Mt, [s("span", Nt, "已激活 " + O(ee.value) + " 个指标", 1)]), s("button", {
-						class: "btn btn-confirm",
-						onClick: c[3] ||= (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),
+				j(v).length > 0 ? (C(), o("div", Tt, [s("div", Et, [n[12] ||= s("span", { class: "section-title" }, "副图指标", -1), s("span", Dt, A(j(v).length), 1)]), s("div", { class: _(["indicator-grid", { compact: k.value }]) }, [(C(!0), o(e, null, E(j(v), (t) => (C(), o("button", {
+					key: t.id,
+					class: _(["indicator-card", {
+						active: P(t.id),
+						compact: k.value
+					}]),
+					onClick: (e) => P(t.id) ? L(t.id) : I(t.id)
+				}, [k.value ? (C(), o(e, { key: 0 }, [s("span", kt, A(t.label), 1), s("span", At, A(t.name), 1)], 64)) : (C(), o(e, { key: 1 }, [s("div", jt, [s("span", X, A(t.label), 1), s("div", Mt, [t.params?.length ? (C(), o("button", {
+					key: 0,
+					class: "card-settings-btn",
+					onClick: R((e) => z(t.id), ["stop"]),
+					title: "编辑参数"
+				}, [...n[13] ||= [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, Nt)) : a("", !0)])]), s("div", Pt, A(t.name), 1)], 64))], 10, Ot))), 128))], 2)])) : a("", !0)
+			]),
 			_: 1
-		})], 8, ["to"])), L.value ? (S(), i(Ze, {
+		}, 8, ["show"]), M.value ? (C(), i(at, {
 			key: 0,
-			visible: j.value,
-			"indicator-id": L.value.id,
-			"indicator-name": L.value.name,
-			"indicator-description": L.value.description,
-			params: L.value.params || [],
-			values: re(L.value.id),
-			onClose: c[6] ||= (e) => j.value = !1,
-			onConfirm: ie
+			visible: D.value,
+			"indicator-id": M.value.id,
+			"indicator-name": M.value.name,
+			"indicator-description": M.value.description,
+			params: M.value.params || [],
+			values: ee(M.value.id),
+			onClose: n[4] ||= (e) => D.value = !1,
+			onConfirm: te
 		}, null, 8, [
 			"visible",
 			"indicator-id",
@@ -616,25 +718,25 @@ var Ie = { class: "params-header" }, Le = { class: "header-left" }, Re = { class
 			"values"
 		])) : a("", !0)]));
 	}
-}), [["__scopeId", "data-v-fe4a5a7b"]]), Ft = { class: "kline-tooltip__title" }, It = { key: 0 }, Lt = { class: "kline-tooltip__grid" }, Rt = { class: "row" }, zt = { class: "row" }, Bt = { class: "row" }, Vt = { class: "row" }, Ht = {
+}), [["__scopeId", "data-v-b418736f"]]), Rt = { class: "kline-tooltip__title" }, zt = { key: 0 }, Bt = { class: "kline-tooltip__grid" }, Vt = { class: "row" }, Ht = { class: "row" }, Ut = { class: "row" }, Wt = { class: "row" }, Gt = {
 	key: 0,
 	class: "row"
-}, Ut = {
+}, Kt = {
 	key: 1,
 	class: "row"
-}, Wt = {
+}, qt = {
 	key: 2,
 	class: "row"
-}, Gt = {
+}, Jt = {
 	key: 3,
 	class: "row"
-}, Kt = {
+}, Yt = {
 	key: 4,
 	class: "row"
-}, qt = {
+}, Xt = {
 	key: 5,
 	class: "row"
-}, Z = "#6b7280", Jt = /*#__PURE__*/ U(/* @__PURE__ */ u({
+}, Z = "#6b7280", Zt = /*#__PURE__*/ q(/* @__PURE__ */ u({
 	__name: "KLineTooltip",
 	props: {
 		k: {},
@@ -653,7 +755,7 @@ var Ie = { class: "params-header" }, Le = { class: "header-left" }, Re = { class
 		}
 	},
 	setup(e) {
-		let t = e, n = r(() => t.k ? z(t.k.timestamp, {
+		let t = e, n = r(() => t.k ? V(t.k.timestamp, {
 			timeZone: t.timezone,
 			showTime: t.showTime
 		}) : ""), i = r(() => t.useAnchor === !0), c = r(() => t.anchorPlacement === "left-bottom" ? "anchor-left-bottom" : "anchor-right-bottom");
@@ -687,31 +789,31 @@ var Ie = { class: "params-header" }, Le = { class: "header-left" }, Re = { class
 			let n = e.changePercent ?? (e.close - e.open) / e.open * 100;
 			return n > 0 ? t.upColor : n < 0 ? t.downColor : Z;
 		});
-		return (t, r) => e.k ? (S(), o("div", {
+		return (t, r) => e.k ? (C(), o("div", {
 			key: 0,
 			ref: l,
-			class: g(["kline-tooltip", [{ "use-anchor": i.value }, c.value]]),
-			style: _(i.value ? void 0 : {
+			class: _(["kline-tooltip", [{ "use-anchor": i.value }, c.value]]),
+			style: v(i.value ? void 0 : {
 				left: `${e.pos.x}px`,
 				top: `${e.pos.y}px`
 			})
-		}, [s("div", Ft, [e.k.stockCode ? (S(), o("span", It, O(e.k.stockCode), 1)) : a("", !0), s("span", null, O(n.value), 1)]), s("div", Lt, [
-			s("div", Rt, [r[0] ||= s("span", null, "开", -1), s("span", { style: _({ color: p.value }) }, O(e.k.open.toFixed(2)), 5)]),
-			s("div", zt, [r[1] ||= s("span", null, "高", -1), s("span", null, O(e.k.high.toFixed(2)), 1)]),
-			s("div", Bt, [r[2] ||= s("span", null, "低", -1), s("span", null, O(e.k.low.toFixed(2)), 1)]),
-			s("div", Vt, [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", Ht, [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", Ut, [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", Wt, [r[6] ||= s("span", null, "振幅", -1), s("span", null, O(e.k.amplitude) + "%", 1)])) : a("", !0),
-			typeof e.k.changePercent == "number" ? (S(), o("div", Gt, [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", Kt, [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", qt, [r[9] ||= s("span", null, "换手率", -1), s("span", null, O(e.k.turnoverRate.toFixed(2)) + "%", 1)])) : a("", !0)
+		}, [s("div", Rt, [e.k.stockCode ? (C(), o("span", zt, A(e.k.stockCode), 1)) : a("", !0), s("span", null, A(n.value), 1)]), s("div", Bt, [
+			s("div", Vt, [r[0] ||= s("span", null, "开", -1), s("span", { style: v({ color: p.value }) }, A(e.k.open.toFixed(2)), 5)]),
+			s("div", Ht, [r[1] ||= s("span", null, "高", -1), s("span", null, A(e.k.high.toFixed(2)), 1)]),
+			s("div", Ut, [r[2] ||= s("span", null, "低", -1), s("span", null, A(e.k.low.toFixed(2)), 1)]),
+			s("div", Wt, [r[3] ||= s("span", null, "收", -1), s("span", { style: v({ color: m.value }) }, A(e.k.close.toFixed(2)), 5)]),
+			typeof e.k.volume == "number" ? (C(), o("div", Gt, [r[4] ||= s("span", null, "成交量", -1), s("span", null, A(u(e.k.volume)), 1)])) : a("", !0),
+			typeof e.k.turnover == "number" ? (C(), o("div", Kt, [r[5] ||= s("span", null, "成交额", -1), s("span", null, A(u(e.k.turnover)), 1)])) : a("", !0),
+			typeof e.k.amplitude == "number" ? (C(), o("div", qt, [r[6] ||= s("span", null, "振幅", -1), s("span", null, A(e.k.amplitude) + "%", 1)])) : a("", !0),
+			typeof e.k.changePercent == "number" ? (C(), o("div", Jt, [r[7] ||= s("span", null, "涨跌幅", -1), s("span", { style: v({ color: h.value }) }, A(d(e.k.changePercent, "%")), 5)])) : a("", !0),
+			typeof e.k.changeAmount == "number" ? (C(), o("div", Yt, [r[8] ||= s("span", null, "涨跌额", -1), s("span", { style: v({ color: h.value }) }, A(d(e.k.changeAmount, "")), 5)])) : a("", !0),
+			typeof e.k.turnoverRate == "number" ? (C(), o("div", Xt, [r[9] ||= s("span", null, "换手率", -1), s("span", null, A(e.k.turnoverRate.toFixed(2)) + "%", 1)])) : a("", !0)
 		])], 6)) : a("", !0);
 	}
-}), [["__scopeId", "data-v-80fa3a7d"]]), Yt = { class: "marker-tooltip__title" }, Xt = {
+}), [["__scopeId", "data-v-80fa3a7d"]]), Qt = { class: "marker-tooltip__title" }, $t = {
 	key: 0,
 	class: "marker-tooltip__content"
-}, Zt = /*#__PURE__*/ U(/* @__PURE__ */ u({
+}, en = /*#__PURE__*/ q(/* @__PURE__ */ u({
 	__name: "MarkerTooltip",
 	props: {
 		marker: {},
@@ -752,26 +854,649 @@ var Ie = { class: "params-header" }, Le = { class: "header-left" }, Re = { class
 		function h(e) {
 			return typeof e == "number" ? e.toFixed(2) : String(e);
 		}
-		return (n, r) => t.marker ? (S(), o("div", {
+		return (n, r) => t.marker ? (C(), o("div", {
 			key: 0,
 			ref: u,
-			class: g(["marker-tooltip", [{ "use-anchor": c.value }, l.value]]),
-			style: _(c.value ? void 0 : {
+			class: _(["marker-tooltip", [{ "use-anchor": c.value }, l.value]]),
+			style: v(c.value ? void 0 : {
 				left: `${t.pos.x + 12}px`,
 				top: `${t.pos.y + 12}px`
 			})
-		}, [s("div", Yt, O(f.value), 1), m.value ? (S(), o("div", Xt, [(S(!0), o(e, null, T(p.value, (e, t) => (S(), o("div", {
+		}, [s("div", Qt, A(f.value), 1), m.value ? (C(), o("div", $t, [(C(!0), o(e, null, E(p.value, (e, t) => (C(), 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);
+		}, [s("span", null, A(t), 1), s("span", null, A(h(e)), 1)]))), 128))])) : a("", !0)], 6)) : a("", !0);
+	}
+}), [["__scopeId", "data-v-f2a21012"]]), tn = ["value", "placeholder"], nn = ["value", "placeholder"], rn = { class: "range-count" }, an = /*#__PURE__*/ q(/* @__PURE__ */ u({
+	__name: "RangeSelectionExport",
+	props: {
+		startDate: {},
+		endDate: {},
+		startLabel: {},
+		endLabel: {},
+		count: {}
+	},
+	emits: [
+		"update:startDate",
+		"update:endDate",
+		"export",
+		"clear",
+		"batchSetting"
+	],
+	setup(e) {
+		return (t, n) => (C(), i(Le, null, {
+			default: F(() => [
+				s("input", {
+					class: "range-input",
+					value: e.startDate,
+					onInput: n[0] ||= (e) => t.$emit("update:startDate", e.target.value),
+					placeholder: e.startLabel
+				}, null, 40, tn),
+				n[6] ||= s("span", { class: "range-sep" }, "~", -1),
+				s("input", {
+					class: "range-input",
+					value: e.endDate,
+					onInput: n[1] ||= (e) => t.$emit("update:endDate", e.target.value),
+					placeholder: e.endLabel
+				}, null, 40, nn),
+				s("span", rn, "共 " + A(e.count) + " 条", 1),
+				s("button", {
+					type: "button",
+					class: "toolbar-btn",
+					title: "批量设置",
+					onClick: n[2] ||= (e) => t.$emit("batchSetting")
+				}, " 批量设置 "),
+				s("button", {
+					type: "button",
+					class: "toolbar-btn",
+					title: "导出",
+					onClick: n[3] ||= (e) => t.$emit("export")
+				}, "导出"),
+				s("button", {
+					type: "button",
+					class: "toolbar-btn toolbar-btn--delete",
+					title: "取消选区",
+					onClick: n[4] ||= (e) => t.$emit("clear")
+				}, [...n[5] ||= [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)]])
+			]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-6e5ee3f6"]]), on = {};
+function sn(e, t) {
+	return C(), o("div", {
+		class: "canvas-toolbar-stack",
+		onPointerdown: t[0] ||= R(() => {}, ["stop"]),
+		onPointermove: t[1] ||= R(() => {}, ["stop"]),
+		onPointerup: t[2] ||= R(() => {}, ["stop"])
+	}, [D(e.$slots, "default", {}, void 0, !0)], 32);
+}
+var cn = /*#__PURE__*/ q(on, [["render", sn], ["__scopeId", "data-v-82232270"]]);
+//#endregion
+//#region src/composables/chart/useChartTheme.ts
+function ln(e) {
+	let t = T("light"), n = T({}), i = r(() => {
+		let e = n.value.isAsiaMarket ?? !1, r = ae(t.value, e);
+		return {
+			upColor: r.candleUpBody,
+			downColor: r.candleDownBody
+		};
+	}), a = r(() => {
+		let e = t.value === "dark" ? ne : re, r = n.value.colorPresetSettings?.[t.value];
+		return r && Object.keys(r).length > 0 ? oe({
+			...e,
+			colors: {
+				...e.colors,
+				...r
+			}
+		}) : oe(e);
+	}), o = null;
+	function s(t) {
+		e.value?.setTheme(t.matches ? "dark" : "light");
+	}
+	function c(t) {
+		let n = e.value;
+		if (!(!n || !t)) if (t === "auto") {
+			let e = window.matchMedia("(prefers-color-scheme: dark)");
+			n.setTheme(e.matches ? "dark" : "light"), o !== e && (o?.removeEventListener("change", s), o = e, e.addEventListener("change", s));
+		} else o?.removeEventListener("change", s), o = null, n.setTheme(t);
+	}
+	function l(t) {
+		n.value = t, c(t.theme), e.value?.updateSettingsFacade(t);
+	}
+	return S(() => {
+		o?.removeEventListener("change", s), o = null;
+	}), {
+		chartTheme: t,
+		chartSettings: n,
+		tooltipColors: i,
+		themeCssVars: a,
+		handleSettingsChange: l,
+		applyThemeFromSettings: c
+	};
+}
+//#endregion
+//#region src/composables/chart/useIndicatorManager.ts
+function un(e, t) {
+	let n = T([]), i = T([]), a = r(() => {
+		let e = [], t = /* @__PURE__ */ new Set();
+		for (let n of i.value) t.has(n.indicatorId) || (t.add(n.indicatorId), e.push(n.indicatorId));
+		return e;
+	}), o = r(() => [...n.value, ...a.value]), s = T({});
+	function c() {
+		let e = t.value.main ?? 3;
+		return i.value.length === 0 ? [{
+			id: "main",
+			ratio: e,
+			visible: !0,
+			role: "price"
+		}] : [{
+			id: "main",
+			ratio: e,
+			visible: !0,
+			role: "price"
+		}, ...i.value.map((e) => ({
+			id: e.id,
+			ratio: t.value[e.id] ?? 1,
+			visible: !0,
+			role: "indicator"
+		}))];
+	}
+	function l(e) {
+		if (e === "VOLUME") return {};
+		let t = he(e);
+		return t?.runtime?.defaultConfig ? { ...t.runtime.defaultConfig } : {};
+	}
+	function u(e) {
+		if (e === "VOLUME") return !0;
+		let t = he(e);
+		return !!t && t.category !== "main";
+	}
+	function d(t = "VOLUME", n) {
+		if (i.value.length >= 4) return !1;
+		let r = n ?? l(t);
+		return !!e.value?.addIndicator(t, "sub", r);
+	}
+	function f(t) {
+		e.value?.removeIndicator(t);
+	}
+	function p() {
+		for (let t of i.value) e.value?.removeIndicator(t.id);
+	}
+	function m(t) {
+		let n = t, r = e.value;
+		if (!n || !r) return;
+		let i = n.indicators?.main;
+		if (i) for (let e of i) e.enabled && r.addIndicator(e.type, "main", e.params);
+	}
+	function h(t, n) {
+		let r = l(n);
+		e.value?.replaceSubPaneIndicator(t, n, r);
+	}
+	function g(t, r) {
+		let a = e.value;
+		if (!a) return;
+		let o = he(t);
+		if (o && (o.category === "main" || o.allowMainPane)) {
+			let e = n.value.find((e) => e === t);
+			r && !e ? a.addIndicator(t, "main", s.value[t]) : !r && e && a.removeIndicator(t.toUpperCase());
+			return;
+		}
+		if (u(t)) if (r) {
+			if (i.value.find((e) => e.indicatorId === t) || i.value.length >= 4) return;
+			if (!a.addIndicator(t, "sub", s.value[t]) && i.value.length > 0) {
+				let e = i.value[i.value.length - 1];
+				h(e.id, t);
+			}
+		} else i.value.filter((e) => e.indicatorId === t).forEach((e) => {
+			a.removeIndicator(e.id);
+		});
+	}
+	function _(t, n) {
+		if (t === "MA" || t === "BOLL" || t === "EXPMA" || t === "ENE") {
+			e.value?.updateIndicatorParams(t, n);
+			return;
+		}
+		u(t) && i.value.filter((e) => e.indicatorId === t).forEach((t) => {
+			e.value?.updateIndicatorParams(t.id, n);
+		});
+	}
+	function v(t) {
+		if (!t.length || i.value.length <= 1) return;
+		let n = t.filter((e) => u(e));
+		if (!n.length) return;
+		let r = new Map(i.value.map((e) => [e.indicatorId, e])), a = [];
+		for (let e of n) {
+			let t = r.get(e);
+			t && (a.push(t), r.delete(e));
+		}
+		if (a.length === 0) return;
+		for (let e of i.value) r.has(e.indicatorId) && (a.push(e), r.delete(e.indicatorId));
+		let o = i.value.map((e) => e.id), s = a.map((e) => e.id);
+		if (o.join("|") === s.join("|")) return;
+		i.value = a;
+		let l = e.value;
+		l && l.updatePaneLayout(c());
 	}
-}), [["__scopeId", "data-v-f2a21012"]]), Qt = {
+	function y(e) {
+		let t = e.indicators.subscribe(() => {
+			let t = e.indicators.peek(), r = t.filter((e) => e.role === "main").map((e) => e.definitionId);
+			n.value = r;
+			let i = { ...s.value };
+			for (let e of t) e.role === "main" && e.params && Object.keys(e.params).length > 0 && (i[e.definitionId] = { ...e.params });
+			e.updateRendererConfig("mainIndicatorLegend", { indicators: {
+				MA: {
+					enabled: r.includes("MA"),
+					params: i.MA || {}
+				},
+				BOLL: {
+					enabled: r.includes("BOLL"),
+					params: i.BOLL || {}
+				},
+				EXPMA: {
+					enabled: r.includes("EXPMA"),
+					params: i.EXPMA || {}
+				},
+				ENE: {
+					enabled: r.includes("ENE"),
+					params: i.ENE || {}
+				}
+			} }), s.value = i;
+		}), r = e.subPanes.subscribe(() => {
+			let t = e.subPanes.peek(), n = new Set(t.map((e) => e.paneId)), r = i.value.filter((e) => n.has(e.id)), a = new Set(r.map((e) => e.id));
+			for (let e of t) a.has(e.paneId) || r.push({
+				id: e.paneId,
+				indicatorId: e.indicatorId,
+				params: e.params
+			});
+			i.value = r;
+			let o = { ...s.value };
+			for (let e of t) e.params && Object.keys(e.params).length > 0 && (o[e.indicatorId] = { ...e.params });
+			s.value = o;
+		});
+		return () => {
+			t(), r();
+		};
+	}
+	return {
+		mainActiveIndicators: n,
+		subActiveIndicators: a,
+		activeIndicators: o,
+		indicatorParams: s,
+		subPanes: i,
+		maxSubPanes: 4,
+		buildPaneLayoutIntent: c,
+		getDefaultParams: l,
+		isSubPaneIndicator: u,
+		addSubPane: d,
+		removeSubPane: f,
+		clearAllSubPanes: p,
+		initIndicatorsFromConfig: m,
+		switchSubIndicator: h,
+		handleIndicatorToggle: g,
+		handleUpdateParams: _,
+		handleReorderSubIndicators: v,
+		setupIndicatorSubscriptions: y
+	};
+}
+//#endregion
+//#region src/composables/chart/useDrawingManager.ts
+function dn(e) {
+	let t = k(null), n = T(null), i = T([]), a = r(() => {
+		let e = n.value;
+		return e ? i.value.find((t) => t.id === e) ?? null : null;
+	});
+	function o(e) {
+		t.value?.setTool(e);
+	}
+	function s(e) {
+		let n = a.value;
+		!n || !t.value || (t.value.updateDrawingStyle(n.id, e), i.value = t.value.getDrawings());
+	}
+	function c() {
+		let e = a.value;
+		!e || !t.value || (t.value.removeDrawing(e.id), i.value = t.value.getDrawings());
+	}
+	function l(e) {
+		t.value = new se(e), t.value.setCallbacks({
+			onDrawingCreated: (e) => {
+				i.value = [...i.value, e], n.value = e.id;
+			},
+			onToolChange: () => {},
+			onDrawingSelected: (e) => {
+				n.value = e?.id ?? null;
+			}
+		});
+	}
+	return {
+		drawingController: t,
+		selectedDrawingId: n,
+		selectedDrawing: a,
+		drawings: i,
+		handleSelectTool: o,
+		onUpdateDrawingStyle: s,
+		onDeleteDrawing: c,
+		setupDrawing: l
+	};
+}
+//#endregion
+//#region src/tools/calcRangeOverlayPixel.ts
+function fn(e, t, n, r) {
+	let { kWidth: i, kGap: a } = t.getKWidthKGap(), o = t.getCurrentDpr(), s = Math.max(1, Math.round(i * o) + +(Math.round(i * o) % 2 == 0)), c = Math.round(a * o), l = s + c, u = c, d = n.scrollLeft - r.scrollLeft, f = d + (u + e.start * l) / o;
+	return {
+		left: f,
+		width: d + (u + e.end * l + s) / o - f,
+		height: r.plotHeight
+	};
+}
+//#endregion
+//#region src/tools/getKLineIndexByTimestamp.ts
+function pn(e, t) {
+	let n = 0, r = e.length - 1;
+	for (; n <= r;) {
+		let i = n + r >>> 1, a = e[i].timestamp;
+		if (a === t) return {
+			low: i,
+			high: i
+		};
+		a < t ? n = i + 1 : r = i - 1;
+	}
+	return {
+		low: n,
+		high: r
+	};
+}
+function mn(e, t, n) {
+	if (e.length === 0) return null;
+	let { low: r, high: i } = pn(e, t);
+	return r === i ? r : n === "left" ? i >= 0 ? i : r < e.length ? r : null : r < e.length ? r : i;
+}
+//#endregion
+//#region src/composables/chart/useRangeSelection.ts
+function hn(e) {
+	return e ? e.date ? e.date : new Date(e.timestamp).toISOString().slice(0, 10) : "?";
+}
+function gn(e) {
+	let t = new Date(e);
+	return `${t.getFullYear()}${String(t.getMonth() + 1).padStart(2, "0")}${String(t.getDate()).padStart(2, "0")}`;
+}
+function _n(e) {
+	let t = e.trim().split(/[-/]/);
+	return t.length === 3 ? `${t[0].padStart(4, "0")}-${t[1].padStart(2, "0")}-${t[2].padStart(2, "0")}` : null;
+}
+function vn(e) {
+	if (e == null) return "";
+	let t = String(e);
+	return /[",\r\n]/.test(t) ? `"${t.replace(/"/g, "\"\"")}"` : t;
+}
+function yn(e) {
+	let t = _n(e);
+	if (!t) return null;
+	let n = new Date(t);
+	return isNaN(n.getTime()) ? null : n.getTime();
+}
+function bn(e) {
+	let { controller: t, activeToolId: n, containerRef: i, dataVersion: a, viewportVersion: o, dataFetcher: s, batchStockCodes: c } = e, l = T(0), u = T(""), d = T(""), f = T(null), p = T(null), m = T({
+		startTimestamp: null,
+		endTimestamp: null,
+		isDragging: !1
+	}), h = r(() => n.value === "range-select"), g = r(() => m.value.startTimestamp !== null && m.value.endTimestamp !== null), _ = r(() => {
+		a.value;
+		let e = t.value?.getData() ?? [], { startTimestamp: n, endTimestamp: r } = m.value;
+		if (n === null || r === null || e.length === 0) return null;
+		let i = mn(e, n, "left"), o = mn(e, r, "right");
+		return i === null || o === null ? null : {
+			start: Math.min(i, o),
+			end: Math.max(i, o)
+		};
+	}), v = r(() => {
+		let e = _.value, n = t.value?.getData() ?? [];
+		return !e || n.length === 0 ? "" : hn(n[e.start]);
+	}), y = r(() => {
+		let e = _.value, n = t.value?.getData() ?? [];
+		return !e || n.length === 0 ? "" : hn(n[e.end]);
+	}), b = r(() => {
+		let e = _.value;
+		return e ? e.end - e.start + 1 : 0;
+	}), x = r(() => {
+		let e = _.value;
+		if (!e) return null;
+		l.value, o.value;
+		let n = t.value, r = n?.getViewport(), a = i.value;
+		if (!n || !r || !a) return null;
+		let s = fn(e, n, a, r);
+		return {
+			left: `${s.left}px`,
+			width: `${s.width}px`,
+			height: `${s.height}px`
+		};
+	});
+	function S() {
+		m.value = {
+			startTimestamp: null,
+			endTimestamp: null,
+			isDragging: !1
+		}, u.value = "", d.value = "";
+	}
+	P(u, (e) => {
+		let n = t.value?.getData() ?? [], r = yn(e);
+		r === null || n.length === 0 || (m.value = {
+			...m.value,
+			startTimestamp: r,
+			isDragging: !1
+		}, r < n[0].timestamp && t.value?.ensureDataRange(r));
+	}), P(d, (e) => {
+		let n = t.value?.getData() ?? [], r = yn(e);
+		r === null || n.length === 0 || (m.value = {
+			...m.value,
+			endTimestamp: r,
+			isDragging: !1
+		}, r < n[0].timestamp && t.value?.ensureDataRange(r));
+	});
+	function C(e, n) {
+		let r = t.value?.getData() ?? [];
+		if (r.length === 0) return null;
+		let i = n.getBoundingClientRect(), a = t.value?.getLogicalIndexAtX(e.clientX - i.left);
+		return a == null ? null : Math.max(0, Math.min(a, r.length - 1));
+	}
+	function w(e, n) {
+		if (!h.value || m.value.startTimestamp !== null && m.value.endTimestamp !== null && !m.value.isDragging) return !1;
+		let r = C(e, n);
+		if (r === null) return !0;
+		let i = (t.value?.getData() ?? [])[r]?.timestamp;
+		return i === void 0 ? !0 : (m.value = {
+			startTimestamp: i,
+			endTimestamp: i,
+			isDragging: !0
+		}, u.value = "", d.value = "", n.setPointerCapture?.(e.pointerId), e.preventDefault(), !0);
+	}
+	function E(e, n) {
+		if (!h.value || !m.value.isDragging) return !1;
+		let r = C(e, n);
+		if (r !== null) {
+			let e = (t.value?.getData() ?? [])[r]?.timestamp;
+			e !== void 0 && (m.value = {
+				...m.value,
+				endTimestamp: e
+			});
+		}
+		return e.preventDefault(), !0;
+	}
+	function D(e, n) {
+		if (!h.value || !m.value.isDragging) return !1;
+		let r = C(e, n);
+		if (r !== null) {
+			let e = (t.value?.getData() ?? [])[r]?.timestamp;
+			e === void 0 ? m.value = {
+				...m.value,
+				isDragging: !1
+			} : m.value = {
+				...m.value,
+				endTimestamp: e,
+				isDragging: !1
+			};
+		} else m.value = {
+			...m.value,
+			isDragging: !1
+		};
+		return n.releasePointerCapture?.(e.pointerId), e.preventDefault(), !0;
+	}
+	function O(e, t) {
+		h.value && (f.value = e, t.currentTarget.setPointerCapture?.(t.pointerId), t.preventDefault());
+	}
+	function k(e) {
+		if (!f.value || m.value.startTimestamp === null || m.value.endTimestamp === null) return;
+		let n = i.value?.getBoundingClientRect();
+		if (!n) return;
+		let r = t.value?.getData() ?? [];
+		if (!r.length) return;
+		let a = t.value?.getLogicalIndexAtX(e.clientX - n.left);
+		if (a == null) return;
+		let o = r[Math.max(0, Math.min(a, r.length - 1))]?.timestamp;
+		o !== void 0 && (f.value === "left" ? o > m.value.endTimestamp ? (m.value = {
+			startTimestamp: m.value.endTimestamp,
+			endTimestamp: o,
+			isDragging: !1
+		}, f.value = "right") : m.value = {
+			...m.value,
+			startTimestamp: o
+		} : o < m.value.startTimestamp ? (m.value = {
+			startTimestamp: o,
+			endTimestamp: m.value.startTimestamp,
+			isDragging: !1
+		}, f.value = "left") : m.value = {
+			...m.value,
+			endTimestamp: o
+		});
+	}
+	function A(e) {
+		f.value &&= (e.currentTarget.releasePointerCapture?.(e.pointerId), null);
+	}
+	let j = [
+		"timestamp",
+		"open",
+		"high",
+		"low",
+		"close",
+		"volume",
+		"turnover",
+		"turnoverRate",
+		"amplitude",
+		"changePercent",
+		"changeAmount"
+	];
+	function M(e, t, n, r) {
+		let i = [`stockCode,time,${j.join(",")}`, ...e.map((e) => {
+			let n = vn(V(e.timestamp, { showTime: !0 }));
+			return `${vn(e.stockCode ?? t)},${n},${j.map((t) => vn(e[t])).join(",")}`;
+		})], a = new Blob([`\uFEFF${i.join("\n")}`], { type: "text/csv;charset=utf-8" }), o = URL.createObjectURL(a), s = document.createElement("a");
+		s.href = o, s.download = `${t}-${gn(n)}-${gn(r)}.csv`, document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(o);
+	}
+	async function N() {
+		let e = _.value, n = t.value?.getData() ?? [];
+		if (!e || n.length === 0) return;
+		let r = n[e.start].timestamp, i = n[e.end].timestamp, a = t.value?.symbols.peek()?.[0]?.symbol ?? "unknown", o = c.value, l = 1 + o.length, u = o.length > 0 ? `batch${l}` : a, d = [];
+		p.value = {
+			current: 0,
+			total: l,
+			label: "正在准备主品种数据..."
+		};
+		for (let t of n.slice(e.start, e.end + 1)) d.push(t);
+		p.value = {
+			current: 1,
+			total: l,
+			label: "主品种数据已就绪"
+		};
+		let f = s.value;
+		if (f && o.length > 0) {
+			let e = t.value?.symbols.peek()?.[0], n = V(r), a = V(i), s = e?.period ?? "daily", c = e?.adjust ?? "none", u = e?.exchange, m = e?.source ?? "gotdx";
+			for (let e = 0; e < o.length; e++) {
+				let t = o[e];
+				p.value = {
+					current: 1 + e,
+					total: l,
+					label: `正在获取 ${t}...`
+				};
+				try {
+					let e = await f(m, {
+						symbol: t,
+						startDate: n,
+						endDate: a,
+						period: s,
+						adjust: c,
+						exchange: u
+					});
+					for (let t of e) d.push(t);
+				} catch {
+					continue;
+				}
+			}
+		}
+		p.value = {
+			current: l,
+			total: l,
+			label: "正在生成文件..."
+		}, M(d, u, r, i), p.value = {
+			current: l,
+			total: l,
+			label: "导出完成"
+		};
+	}
+	function F() {
+		let e = i.value;
+		e && (l.value = e.scrollLeft);
+	}
+	function I() {
+		let e = i.value;
+		e && (l.value = e.scrollLeft);
+	}
+	return {
+		rangeSelection: m,
+		customStartDate: u,
+		customEndDate: d,
+		containerScrollLeft: l,
+		isRangeSelectActive: h,
+		rangeSelectionReady: g,
+		rangeSelectionBounds: _,
+		rangeSelectionCount: b,
+		rangeSelectionStartLabel: v,
+		rangeSelectionEndLabel: y,
+		rangeSelectionOverlayStyle: x,
+		clearRangeSelection: S,
+		handleRangePointerDown: w,
+		handleRangePointerMove: E,
+		handleRangePointerUp: D,
+		exportRangeToCsv: N,
+		exportingProgress: p,
+		onEdgePointerDown: O,
+		onEdgePointerMove: k,
+		onEdgePointerUp: A,
+		onScroll: F,
+		syncScrollLeft: I
+	};
+}
+//#endregion
+//#region ~icons/tabler/pointer
+var xn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function $t(e, t) {
-	return S(), o("svg", Qt, [...t[0] ||= [s("path", {
+function Sn(e, t) {
+	return C(), o("svg", xn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -780,16 +1505,16 @@ function $t(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 en = m({
+var Cn = h({
 	name: "tabler-pointer",
-	render: $t
-}), tn = {
+	render: Sn
+}), wn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function nn(e, t) {
-	return S(), o("svg", tn, [...t[0] ||= [s("path", {
+function Tn(e, t) {
+	return C(), o("svg", wn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -798,16 +1523,16 @@ function nn(e, t) {
 		d: "M4 19h16M4 15l4-6l4 2l4-5l4 4"
 	}, null, -1)]]);
 }
-var rn = m({
+var En = h({
 	name: "tabler-chart-line",
-	render: nn
-}), an = {
+	render: Tn
+}), Dn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function on(e, t) {
-	return S(), o("svg", an, [...t[0] ||= [s("path", {
+function On(e, t) {
+	return C(), o("svg", Dn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -816,16 +1541,16 @@ function on(e, t) {
 		d: "M17 7L7 17M8 7h9v9"
 	}, null, -1)]]);
 }
-var sn = m({
+var kn = h({
 	name: "tabler-arrow-up-right",
-	render: on
-}), cn = {
+	render: On
+}), An = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function ln(e, t) {
-	return S(), o("svg", cn, [...t[0] ||= [s("path", {
+function jn(e, t) {
+	return C(), o("svg", An, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -834,16 +1559,16 @@ function ln(e, t) {
 		d: "M5 12h14m-6 6l6-6m-6-6l6 6"
 	}, null, -1)]]);
 }
-var un = m({
+var Mn = h({
 	name: "tabler-arrow-right",
-	render: ln
-}), dn = {
+	render: jn
+}), Nn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function fn(e, t) {
-	return S(), o("svg", dn, [...t[0] ||= [s("path", {
+function Pn(e, t) {
+	return C(), o("svg", Nn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -852,16 +1577,16 @@ function fn(e, t) {
 		d: "M5 12h14"
 	}, null, -1)]]);
 }
-var pn = m({
+var Fn = h({
 	name: "tabler-minus",
-	render: fn
-}), mn = {
+	render: Pn
+}), In = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function hn(e, t) {
-	return S(), o("svg", mn, [...t[0] ||= [s("path", {
+function Ln(e, t) {
+	return C(), o("svg", In, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -870,16 +1595,16 @@ function hn(e, t) {
 		d: "M3 12v.01M7 12h10m4 0v.01"
 	}, null, -1)]]);
 }
-var gn = m({
+var Rn = h({
 	name: "tabler-separator",
-	render: hn
-}), _n = {
+	render: Ln
+}), zn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function vn(e, t) {
-	return S(), o("svg", _n, [...t[0] ||= [s("path", {
+function Bn(e, t) {
+	return C(), o("svg", zn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -888,16 +1613,16 @@ function vn(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 yn = m({
+var Vn = h({
 	name: "tabler-crosshair",
-	render: vn
-}), bn = {
+	render: Bn
+}), Hn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function xn(e, t) {
-	return S(), o("svg", bn, [...t[0] ||= [s("g", {
+function Un(e, t) {
+	return C(), o("svg", Hn, [...t[0] ||= [s("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -905,16 +1630,16 @@ function xn(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 Sn = m({
+var Wn = h({
 	name: "tabler-info-circle",
-	render: xn
-}), Cn = {
+	render: Un
+}), Gn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function wn(e, t) {
-	return S(), o("svg", Cn, [...t[0] ||= [s("path", {
+function Kn(e, t) {
+	return C(), o("svg", Gn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -923,16 +1648,16 @@ function wn(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 Tn = m({
+var qn = h({
 	name: "tabler-zoom-in",
-	render: wn
-}), En = {
+	render: Kn
+}), Jn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Dn(e, t) {
-	return S(), o("svg", En, [...t[0] ||= [s("path", {
+function Yn(e, t) {
+	return C(), o("svg", Jn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -941,16 +1666,16 @@ function Dn(e, t) {
 		d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m4 0h6m8 11l-6-6"
 	}, null, -1)]]);
 }
-var On = m({
+var Xn = h({
 	name: "tabler-zoom-out",
-	render: Dn
-}), kn = {
+	render: Yn
+}), Zn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function An(e, t) {
-	return S(), o("svg", kn, [...t[0] ||= [s("path", {
+function Qn(e, t) {
+	return C(), o("svg", Zn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -959,16 +1684,16 @@ function An(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 jn = m({
+var $n = h({
 	name: "tabler-maximize",
-	render: An
-}), Mn = {
+	render: Qn
+}), er = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Nn(e, t) {
-	return S(), o("svg", Mn, [...t[0] ||= [s("path", {
+function tr(e, t) {
+	return C(), o("svg", er, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -977,16 +1702,16 @@ function Nn(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 Pn = m({
+var nr = h({
 	name: "tabler-minimize",
-	render: Nn
-}), Fn = {
+	render: tr
+}), rr = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function In(e, t) {
-	return S(), o("svg", Fn, [...t[0] ||= [s("g", {
+function ir(e, t) {
+	return C(), o("svg", rr, [...t[0] ||= [s("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -994,16 +1719,16 @@ function In(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 Ln = m({
+var ar = h({
 	name: "tabler-settings",
-	render: In
-}), Rn = {
+	render: ir
+}), or = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function zn(e, t) {
-	return S(), o("svg", Rn, [...t[0] ||= [s("path", {
+function sr(e, t) {
+	return C(), o("svg", or, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1012,16 +1737,16 @@ function zn(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 Bn = m({
+var cr = h({
 	name: "tabler-shape",
-	render: zn
-}), Vn = {
+	render: sr
+}), lr = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Hn(e, t) {
-	return S(), o("svg", Vn, [...t[0] ||= [s("path", {
+function ur(e, t) {
+	return C(), o("svg", lr, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1030,16 +1755,16 @@ function Hn(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 Un = m({
+var dr = h({
 	name: "tabler-chart-dots-3",
-	render: Hn
-}), Wn = {
+	render: ur
+}), fr = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Gn(e, t) {
-	return S(), o("svg", Wn, [...t[0] ||= [s("path", {
+function pr(e, t) {
+	return C(), o("svg", fr, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1048,16 +1773,16 @@ function Gn(e, t) {
 		d: "m18 10l-6-6l-6 6zm0 4l-6 6l-6-6z"
 	}, null, -1)]]);
 }
-var Kn = m({
+var mr = h({
 	name: "tabler-caret-up-down",
-	render: Gn
-}), qn = {
+	render: pr
+}), hr = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Jn(e, t) {
-	return S(), o("svg", qn, [...t[0] ||= [s("path", {
+function gr(e, t) {
+	return C(), o("svg", hr, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1066,34 +1791,52 @@ function Jn(e, t) {
 		d: "M8 4H5v16h3m8-16h3v16h-3"
 	}, null, -1)]]);
 }
-var Yn = m({
+var _r = h({
 	name: "tabler-brackets",
-	render: Jn
+	render: gr
+}), vr = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function yr(e, t) {
+	return C(), o("svg", vr, [...t[0] ||= [s("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "m7 8l-4 4l4 4m10-8l4 4l-4 4M3 12h18"
+	}, null, -1)]]);
+}
+var br = h({
+	name: "tabler-arrows-horizontal",
+	render: yr
 });
 //#endregion
 //#region src/debug/canvasProfiler.ts
-function Xn() {
+function xr() {
 	return Object.create(null);
 }
-function Zn() {
+function Sr() {
 	return {
-		ctxMethods: Xn(),
-		ctxProps: Xn(),
-		canvasProps: Xn(),
+		ctxMethods: xr(),
+		ctxProps: xr(),
+		canvasProps: xr(),
 		ctxMethodSources: Object.create(null)
 	};
 }
-function Qn(e, t, n) {
+function Cr(e, t, n) {
 	let r = e[t] ??= {
 		count: 0,
 		totalTime: 0
 	};
 	r.count += 1, r.totalTime += n;
 }
-function $n(e, t, n, r) {
-	Qn(e.ctxMethodSources[t] ??= Xn(), n, r);
+function wr(e, t, n, r) {
+	Cr(e.ctxMethodSources[t] ??= xr(), n, r);
 }
-function er(e) {
+function Tr(e) {
 	return Object.entries(e).filter(([, e]) => e.count > 0).map(([e, t]) => ({
 		name: e,
 		count: t.count,
@@ -1101,12 +1844,12 @@ function er(e) {
 		averageTime: (t.totalTime / t.count).toFixed(4)
 	})).sort((e, t) => Number(t.totalTime) - Number(e.totalTime));
 }
-var tr = !1, nr = /* @__PURE__ */ new Map(), rr = /* @__PURE__ */ new Map();
-function ir(e) {
-	tr = e, e ? typeof window < "u" && !window.__KMAP_CANVAS_PROFILER_INSTALLED__ && sr() : cr();
+var Er = !1, Dr = /* @__PURE__ */ new Map(), Or = /* @__PURE__ */ new Map();
+function kr(e) {
+	Er = e, e ? typeof window < "u" && !window.__KMAP_CANVAS_PROFILER_INSTALLED__ && Mr() : Nr();
 }
-function ar() {
-	if (!tr) return "disabled";
+function Ar() {
+	if (!Er) return "disabled";
 	let e = (/* @__PURE__ */ Error()).stack;
 	if (!e) return "unknown";
 	let t = e.split("\n").map((e) => e.trim()).filter(Boolean);
@@ -1121,264 +1864,255 @@ function ar() {
 }
 function Q(e, t, n, r) {
 	let i = `${e.constructor?.name ?? "proto"}:${t}`;
-	if (nr.has(i)) return;
+	if (Dr.has(i)) return;
 	let a = Reflect.get(e, t);
-	typeof a == "function" && (nr.set(i, a), Reflect.set(e, t, function(...e) {
-		if (!tr) return a.apply(this, e);
-		let i = r?.captureSource ? ar() : null, o = performance.now(), s = a.apply(this, e), c = performance.now() - o;
-		return Qn(n.ctxMethods, t, c), i && $n(n, t, i, c), s;
+	typeof a == "function" && (Dr.set(i, a), Reflect.set(e, t, function(...e) {
+		if (!Er) return a.apply(this, e);
+		let i = r?.captureSource ? Ar() : null, o = performance.now(), s = a.apply(this, e), c = performance.now() - o;
+		return Cr(n.ctxMethods, t, c), i && wr(n, t, i, c), s;
 	}));
 }
-function or(e, t, n) {
+function jr(e, t, n) {
 	let r = Object.getOwnPropertyDescriptor(e, t);
 	if (!r?.set || !r.configurable) return;
 	let i = `${e.constructor?.name ?? "proto"}:${t}`;
-	rr.has(i) || (rr.set(i, r), Object.defineProperty(e, t, {
+	Or.has(i) || (Or.set(i, r), Object.defineProperty(e, t, {
 		configurable: !0,
 		enumerable: r.enumerable ?? !1,
 		get: r.get,
 		set(e) {
-			if (!tr) {
+			if (!Er) {
 				r.set.call(this, e);
 				return;
 			}
 			let i = performance.now();
-			r.set.call(this, e), Qn(n, t, performance.now() - i);
+			r.set.call(this, e), Cr(n, t, performance.now() - i);
 		}
 	}));
 }
-function sr() {
+function Mr() {
 	if (typeof window > "u" || window.__KMAP_CANVAS_PROFILER_INSTALLED__) return;
 	let e = CanvasRenderingContext2D?.prototype, t = HTMLCanvasElement?.prototype;
 	if (!e || !t) return;
-	let n = Zn();
-	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), or(e, "font", n.ctxProps), or(e, "filter", n.ctxProps), or(e, "shadowBlur", n.ctxProps), or(e, "lineWidth", n.ctxProps), or(t, "width", n.canvasProps), or(t, "height", n.canvasProps), window.__KMAP_CANVAS_PROFILER_METRICS__ = n, window.__KMAP_CANVAS_PROFILER_INSTALLED__ = !0, window.showCanvasReport = () => {
+	let n = Sr();
+	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), jr(e, "font", n.ctxProps), jr(e, "filter", n.ctxProps), jr(e, "shadowBlur", n.ctxProps), jr(e, "lineWidth", n.ctxProps), jr(t, "width", n.canvasProps), jr(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(er(e.ctxMethods)), console.log("ctx props"), console.table(er(e.ctxProps)), console.log("canvas props"), console.table(er(e.canvasProps));
+			console.group("[kmap] Canvas profiler report"), console.log("ctx methods"), console.table(Tr(e.ctxMethods)), console.log("ctx props"), console.table(Tr(e.ctxProps)), console.log("canvas props"), console.table(Tr(e.canvasProps));
 			for (let t of ["fillText", "measureText"]) {
 				let n = e.ctxMethodSources[t];
-				n && (console.log(`${t} sources`), console.table(er(n).slice(0, 20)));
+				n && (console.log(`${t} sources`), console.table(Tr(n).slice(0, 20)));
 			}
 			console.groupEnd();
 		}
 	}, window.resetCanvasReport = () => {
-		window.__KMAP_CANVAS_PROFILER_METRICS__ = Zn();
+		window.__KMAP_CANVAS_PROFILER_METRICS__ = Sr();
 	}, console.info("[kmap] Canvas profiler enabled. Use window.showCanvasReport() and window.resetCanvasReport().");
 }
-function cr() {
+function Nr() {
 	if (typeof window > "u" || !window.__KMAP_CANVAS_PROFILER_INSTALLED__) return;
 	let e = CanvasRenderingContext2D?.prototype, t = HTMLCanvasElement?.prototype;
-	nr.forEach((n, r) => {
+	Dr.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);
-	}), nr.clear(), rr.forEach((n, r) => {
+	}), Dr.clear(), Or.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);
-	}), rr.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.");
+	}), Or.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 lr = { class: "settings-body" }, ur = { class: "settings-label" }, dr = ["onUpdate:modelValue"], fr = { class: "settings-label" }, pr = ["onUpdate:modelValue"], mr = { class: "settings-label" }, hr = ["onUpdate:modelValue"], gr = { class: "settings-header" }, _r = { class: "header-right" }, vr = { class: "settings-body" }, yr = /*#__PURE__*/ U(/* @__PURE__ */ u({
+var Pr = { class: "settings-body" }, Fr = {
+	key: 0,
+	class: "md-switch"
+}, Ir = ["onUpdate:modelValue"], Lr = {
+	key: 0,
+	class: "md-switch"
+}, Rr = ["onUpdate:modelValue"], zr = {
+	key: 0,
+	class: "md-switch"
+}, Br = ["onUpdate:modelValue"], Vr = /*#__PURE__*/ q(/* @__PURE__ */ u({
 	__name: "ChartSettingsDialog",
 	props: { show: { type: Boolean } },
 	emits: ["close", "confirm"],
-	setup(u, { emit: d }) {
-		let f = u, p = d, m = Fe(), h = r(() => V.filter((e) => e.group === "main")), g = r(() => V.filter((e) => e.group === "experimental")), _ = r(() => V.filter((e) => e.group === "style")), v = w(!1);
-		function y() {
+	setup(t, { emit: n }) {
+		let u = t, d = n, f = r(() => W.filter((e) => e.group === "main")), p = r(() => W.filter((e) => e.group === "experimental")), m = r(() => W.filter((e) => e.group === "style")), h = T(!1), g = T(null);
+		function _() {
 			try {
-				let e = localStorage.getItem(_e);
+				let e = localStorage.getItem(ge);
 				if (e) {
 					let t = JSON.parse(e), n = {};
-					return V.forEach((e) => {
+					return W.forEach((e) => {
 						n[e.key] = t[e.key] ?? e.default;
 					}), n.colorPresetSettings = ie(t.colorPresetSettings), n;
 				}
 			} catch {}
 			let e = {};
-			return V.forEach((t) => {
+			return W.forEach((t) => {
 				e[t.key] = t.default;
 			}), e.colorPresetSettings = {}, e;
 		}
-		let b = w(y());
-		M(() => f.show, (e) => {
-			e && (b.value = y());
+		let v = T(_());
+		P(() => u.show, (e) => {
+			e && (v.value = _());
 		});
-		function x() {
-			p("close");
+		function y() {
+			d("close");
 		}
-		function C() {
+		function b() {
 			let e = {};
-			V.forEach((t) => {
+			W.forEach((t) => {
 				e[t.key] = t.default;
-			}), e.colorPresetSettings = {}, b.value = e;
+			}), e.colorPresetSettings = {}, v.value = e;
 		}
-		function E() {
-			p("confirm", { ...b.value });
-		}
-		return (r, d) => (S(), i(t, { to: k(m) }, [l(n, { name: "overlay" }, {
-			default: N(() => [u.show ? (S(), o("div", {
-				key: 0,
-				class: "settings-overlay",
+		function x() {
+			d("confirm", { ...v.value });
+		}
+		return (n, r) => (C(), o(e, null, [l(Y, {
+			show: t.show,
+			width: "min(92vw, 460px)",
+			"max-height": "min(720px, calc(100vh - 48px))",
+			"footer-align": "space-between",
+			onClose: y
+		}, {
+			header: F(() => [...r[5] ||= [s("div", { class: "header-left" }, [s("span", { class: "settings-title" }, "图表设置"), s("span", { class: "settings-subtitle" }, "个性化配置")], -1)]]),
+			footer: F(() => [s("button", {
+				class: "settings-btn reset",
+				onClick: b
+			}, [...r[13] ||= [s("svg", {
+				viewBox: "0 0 24 24",
+				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", { class: "footer-right" }, [s("button", {
+				class: "settings-btn cancel",
+				onClick: y
+			}, "取消"), s("button", {
+				class: "settings-btn confirm",
 				onClick: x
-			}, [l(n, { name: "modal" }, {
-				default: N(() => [s("div", {
-					class: "settings-modal",
-					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",
-						onClick: x
-					}, [...d[6] ||= [s("svg", {
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						"stroke-width": "2"
-					}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]),
-					s("div", lr, [
-						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", ur, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
-							key: 0,
-							type: "checkbox",
-							class: "settings-checkbox",
-							"onUpdate:modelValue": (t) => b.value[e.key] = t
-						}, null, 8, dr)), [[A, b.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(K, {
-							key: 1,
-							"model-value": String(b.value[e.key]),
-							options: e.options,
-							size: "sm",
-							"min-width": "100px",
-							"onUpdate:modelValue": (t) => b.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(!0), o(e, null, T(_.value, (e) => (S(), o("div", {
-							key: e.key,
-							class: "settings-item"
-						}, [s("label", fr, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
-							key: 0,
-							type: "checkbox",
-							class: "settings-checkbox",
-							"onUpdate:modelValue": (t) => b.value[e.key] = t
-						}, null, 8, pr)), [[A, b.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(K, {
-							key: 1,
-							"model-value": String(b.value[e.key]),
-							options: e.options,
-							size: "sm",
-							"min-width": "100px",
-							"onUpdate:modelValue": (t) => b.value[e.key] = t
-						}, null, 8, [
-							"model-value",
-							"options",
-							"onUpdate:modelValue"
-						])) : a("", !0)])]))), 128)),
-						s("div", {
-							class: "settings-item nav-item",
-							onClick: d[0] ||= (e) => v.value = !0
-						}, [...d[9] ||= [s("label", { class: "settings-label" }, [s("span", null, "颜色配置"), s("svg", {
-							viewBox: "0 0 24 24",
-							fill: "none",
-							stroke: "currentColor",
-							"stroke-width": "2",
-							width: "16",
-							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, (e) => (S(), o("div", {
-							key: e.key,
-							class: "settings-item experimental"
-						}, [s("label", mr, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
-							key: 0,
-							type: "checkbox",
-							class: "settings-checkbox",
-							"onUpdate:modelValue": (t) => b.value[e.key] = t
-						}, null, 8, hr)), [[A, b.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(K, {
-							key: 1,
-							"model-value": String(b.value[e.key]),
-							options: e.options,
-							size: "sm",
-							"min-width": "100px",
-							"onUpdate:modelValue": (t) => b.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",
-						onClick: C
-					}, [...d[12] ||= [s("svg", {
-						viewBox: "0 0 24 24",
-						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", { class: "footer-right" }, [s("button", {
-						class: "settings-btn cancel",
-						onClick: x
-					}, "取消"), s("button", {
-						class: "settings-btn confirm",
-						onClick: E
-					}, [...d[13] ||= [s("svg", {
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						"stroke-width": "2.5"
-					}, [s("path", { d: "M20 6L9 17l-5-5" })], -1), c(" 确定 ", -1)]])])])
-				])]),
-				_: 1
-			})])) : a("", !0)]),
-			_: 1
-		}), l(n, { name: "overlay" }, {
-			default: N(() => [v.value ? (S(), o("div", {
-				key: 0,
-				class: "settings-overlay nested-overlay",
-				onClick: d[5] ||= (e) => v.value = !1
-			}, [l(n, { name: "modal" }, {
-				default: N(() => [s("div", {
-					class: "settings-modal",
-					onClick: d[4] ||= I(() => {}, ["stop"])
-				}, [s("div", gr, [d[15] ||= s("div", { class: "header-left" }, [s("span", { class: "settings-title" }, "颜色预设"), s("span", { class: "settings-subtitle" }, "自定义图表颜色")], -1), s("div", _r, [s("button", {
-					class: "settings-close",
-					onClick: d[2] ||= (e) => v.value = !1
-				}, [...d[14] ||= [s("svg", {
+			}, [...r[14] ||= [s("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.5"
+			}, [s("path", { d: "M20 6L9 17l-5-5" })], -1), c(" 确定 ", -1)]])])]),
+			default: F(() => [s("div", Pr, [
+				f.value.length > 0 ? (C(), o(e, { key: 0 }, [r[7] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "主图设置")], -1), (C(!0), o(e, null, E(f.value, (e) => (C(), o("div", {
+					key: e.key,
+					class: "settings-item"
+				}, [s("span", null, A(e.label), 1), e.type === "boolean" ? (C(), o("label", Fr, [I(s("input", {
+					type: "checkbox",
+					"onUpdate:modelValue": (t) => v.value[e.key] = t
+				}, null, 8, Ir), [[M, v.value[e.key]]]), r[6] ||= s("span", { class: "md-switch-slider" }, null, -1)])) : e.type === "select" && e.options ? (C(), i(J, {
+					key: 1,
+					"model-value": String(v.value[e.key]),
+					options: e.options,
+					size: "sm",
+					"min-width": "100px",
+					"onUpdate:modelValue": (t) => v.value[e.key] = t
+				}, null, 8, [
+					"model-value",
+					"options",
+					"onUpdate:modelValue"
+				])) : a("", !0)]))), 128))], 64)) : a("", !0),
+				r[12] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "样式 / 颜色")], -1),
+				(C(!0), o(e, null, E(m.value, (e) => (C(), o("div", {
+					key: e.key,
+					class: "settings-item"
+				}, [s("span", null, A(e.label), 1), e.type === "boolean" ? (C(), o("label", Lr, [I(s("input", {
+					type: "checkbox",
+					"onUpdate:modelValue": (t) => v.value[e.key] = t
+				}, null, 8, Rr), [[M, v.value[e.key]]]), r[8] ||= s("span", { class: "md-switch-slider" }, null, -1)])) : e.type === "select" && e.options ? (C(), i(J, {
+					key: 1,
+					"model-value": String(v.value[e.key]),
+					options: e.options,
+					size: "sm",
+					"min-width": "100px",
+					"onUpdate:modelValue": (t) => v.value[e.key] = t
+				}, null, 8, [
+					"model-value",
+					"options",
+					"onUpdate:modelValue"
+				])) : a("", !0)]))), 128)),
+				s("div", {
+					class: "settings-item nav-item",
+					onClick: r[0] ||= (e) => h.value = !0
+				}, [...r[9] ||= [s("span", null, "颜色配置", -1), s("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
-					"stroke-width": "2"
-				}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]), s("div", vr, [l(W, {
-					"color-preset-settings": b.value.colorPresetSettings,
-					"onUpdate:colorPresetSettings": d[3] ||= (e) => b.value = {
-						...b.value,
-						colorPresetSettings: e
-					}
-				}, null, 8, ["color-preset-settings"])])])]),
-				_: 1
-			})])) : a("", !0)]),
+					"stroke-width": "2",
+					width: "16",
+					height: "16",
+					class: "nav-arrow"
+				}, [s("path", { d: "M9 18l6-6-6-6" })], -1)]]),
+				p.value.length > 0 ? (C(), o(e, { key: 1 }, [r[11] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "实验性 / 调试设置")], -1), (C(!0), o(e, null, E(p.value, (e) => (C(), o("div", {
+					key: e.key,
+					class: "settings-item experimental"
+				}, [s("span", null, A(e.label), 1), e.type === "boolean" ? (C(), o("label", zr, [I(s("input", {
+					type: "checkbox",
+					"onUpdate:modelValue": (t) => v.value[e.key] = t
+				}, null, 8, Br), [[M, v.value[e.key]]]), r[10] ||= s("span", { class: "md-switch-slider" }, null, -1)])) : e.type === "select" && e.options ? (C(), i(J, {
+					key: 1,
+					"model-value": String(v.value[e.key]),
+					options: e.options,
+					size: "sm",
+					"min-width": "100px",
+					"onUpdate:modelValue": (t) => v.value[e.key] = t
+				}, null, 8, [
+					"model-value",
+					"options",
+					"onUpdate:modelValue"
+				])) : a("", !0)]))), 128))], 64)) : a("", !0)
+			])]),
 			_: 1
-		})], 8, ["to"]));
+		}, 8, ["show"]), l(Y, {
+			show: h.value,
+			title: "颜色预设",
+			subtitle: "自定义图表颜色",
+			width: "min(92vw, 460px)",
+			"max-height": "min(720px, calc(100vh - 48px))",
+			"z-index": 1100,
+			"footer-align": "space-between",
+			onClose: r[4] ||= (e) => h.value = !1
+		}, {
+			footer: F(() => [s("button", {
+				type: "button",
+				class: "settings-btn reset",
+				onClick: r[2] ||= (e) => g.value?.resetCurrentThemeColors()
+			}, " 重置颜色 "), s("button", {
+				type: "button",
+				class: "settings-btn confirm",
+				onClick: r[3] ||= (e) => h.value = !1
+			}, " 确认 ")]),
+			default: F(() => [l(Ce, {
+				ref_key: "colorPresetPanelRef",
+				ref: g,
+				"color-preset-settings": v.value.colorPresetSettings,
+				"onUpdate:colorPresetSettings": r[1] ||= (e) => v.value = {
+					...v.value,
+					colorPresetSettings: e
+				}
+			}, null, 8, ["color-preset-settings"])]),
+			_: 1
+		}, 8, ["show"])], 64));
 	}
-}), [["__scopeId", "data-v-e04604ac"]]), br = {
+}), [["__scopeId", "data-v-54c84784"]]), Hr = {
 	class: "left-toolbar",
 	"aria-label": "图表工具栏"
-}, xr = { class: "left-toolbar__group" }, Sr = [
+}, Ur = { class: "left-toolbar__group" }, Wr = [
 	"title",
 	"aria-label",
 	"onClick"
-], Cr = ["onClick"], wr = [
+], Gr = ["onClick"], Kr = [
 	"title",
 	"aria-label",
 	"onClick"
-], Tr = { class: "left-toolbar__group" }, Er = { class: "left-toolbar__group" }, Dr = ["title", "aria-label"], Or = { class: "left-toolbar__group" }, kr = /*#__PURE__*/ U(/* @__PURE__ */ u({
+], qr = { class: "left-toolbar__group" }, Jr = { class: "left-toolbar__group" }, Yr = ["title", "aria-label"], Xr = { class: "left-toolbar__group" }, Zr = /*#__PURE__*/ q(/* @__PURE__ */ u({
 	__name: "LeftToolbar",
 	props: { isFullscreen: { type: Boolean } },
 	emits: [
@@ -1393,188 +2127,193 @@ var lr = { class: "settings-body" }, ur = { class: "settings-label" }, dr = ["on
 			{
 				id: "cursor",
 				title: "光标",
-				icon: en
+				icon: Cn
 			},
 			{
 				id: "lines",
 				title: "线条",
-				icon: rn,
+				icon: En,
 				children: [
 					{
 						id: "trend-line",
 						title: "线段",
-						icon: rn
+						icon: En
 					},
 					{
 						id: "ray",
 						title: "射线",
-						icon: sn
+						icon: kn
 					},
 					{
 						id: "h-line",
 						title: "水平线",
-						icon: pn
+						icon: Fn
 					},
 					{
 						id: "h-ray",
 						title: "水平射线",
-						icon: un
+						icon: Mn
 					},
 					{
 						id: "v-line",
 						title: "垂直线",
-						icon: gn
+						icon: Rn
 					},
 					{
 						id: "crosshair-line",
 						title: "十字线",
-						icon: yn
+						icon: Vn
 					},
 					{
 						id: "info-line",
 						title: "信息线",
-						icon: Sn
+						icon: Wn
 					}
 				]
 			},
 			{
 				id: "channels",
 				title: "通道",
-				icon: Bn,
+				icon: cr,
 				children: [
 					{
 						id: "parallel-channel",
 						title: "平行通道",
-						icon: Bn
+						icon: cr
 					},
 					{
 						id: "regression-channel",
 						title: "回归趋势",
-						icon: Un
+						icon: dr
 					},
 					{
 						id: "flat-line",
 						title: "平滑顶底",
-						icon: Kn
+						icon: mr
 					},
 					{
 						id: "disjoint-channel",
 						title: "不相交通道",
-						icon: Yn
+						icon: _r
 					}
 				]
+			},
+			{
+				id: "range-select",
+				title: "导出区间数据",
+				icon: br
 			}
-		], d = c, f = w("cursor"), p = w(null), m = w(!1);
+		], d = c, f = T("cursor"), p = T(null), m = T(!1);
 		function h() {
 			try {
-				let e = localStorage.getItem(_e);
+				let e = localStorage.getItem(ge);
 				if (e) {
 					let t = JSON.parse(e), n = { ...t };
-					return V.forEach((e) => {
+					return W.forEach((e) => {
 						n[e.key] = t[e.key] ?? e.default;
 					}), n;
 				}
 			} catch {}
 			let e = {};
-			return V.forEach((t) => {
+			return W.forEach((t) => {
 				e[t.key] = t.default;
 			}), e;
 		}
-		function _(e) {
+		function g(e) {
 			try {
-				localStorage.setItem(_e, JSON.stringify(e));
+				localStorage.setItem(ge, JSON.stringify(e));
 			} catch {}
 		}
-		let v = w(h());
-		function b(e) {
+		let v = T(h());
+		function y(e) {
 			return f.value === e.id ? !0 : e.children ? e.children.some((e) => e.id === f.value) : !1;
 		}
-		function C(e) {
+		function x(e) {
 			if (e.children?.length) {
 				if (!e.children.some((e) => e.id === f.value)) {
 					let t = e.children[0];
 					f.value = t.id, d("selectTool", t.id);
 				}
-				O(e.id);
+				D(e.id);
 				return;
 			}
 			f.value = e.id, d("selectTool", e.id), p.value = null;
 		}
-		function D(e) {
+		function w(e) {
 			f.value = e.id, d("selectTool", e.id), p.value = null;
 		}
-		function O(e) {
+		function D(e) {
 			p.value = p.value === e ? null : e;
 		}
-		function A() {
+		function k() {
 			m.value = !0;
 		}
-		function j() {
+		function A() {
 			return { ...v.value };
 		}
-		r({ getSettings: j });
+		r({ getSettings: A });
 		function M(e) {
-			v.value = { ...e }, _(v.value), ir(!!v.value.enableCanvasProfiler), d("settingsChange", { ...v.value }), m.value = !1;
+			v.value = { ...e }, g(v.value), kr(!!v.value.enableCanvasProfiler), d("settingsChange", { ...v.value }), m.value = !1;
 		}
-		function P(e) {
+		function N(e) {
 			e.target.closest(".tool-item") || (p.value = null);
 		}
-		return y(() => {
-			document.addEventListener("click", P, !0), d("settingsChange", { ...v.value }), ir(!!v.value.enableCanvasProfiler);
-		}), x(() => {
-			document.removeEventListener("click", P, !0);
-		}), (r, c) => (S(), o(e, null, [s("nav", br, [
-			s("div", xr, [(S(), o(e, null, T(u, (t) => s("div", {
+		return b(() => {
+			document.addEventListener("click", N, !0), d("settingsChange", { ...v.value }), kr(!!v.value.enableCanvasProfiler);
+		}), S(() => {
+			document.removeEventListener("click", N, !0);
+		}), (r, c) => (C(), o(e, null, [s("nav", Hr, [
+			s("div", Ur, [(C(), o(e, null, E(u, (t) => s("div", {
 				key: t.id,
 				class: "tool-item"
 			}, [s("button", {
 				type: "button",
-				class: g(["left-toolbar__button", { active: b(t) }]),
+				class: _(["left-toolbar__button", { active: y(t) }]),
 				title: t.title,
 				"aria-label": t.title,
-				onClick: (e) => C(t),
-				onPointerdown: c[0] ||= I(() => {}, ["stop"]),
-				onPointermove: c[1] ||= I(() => {}, ["stop"]),
-				onPointerup: c[2] ||= I(() => {}, ["stop"])
-			}, [(S(), i(E(t.icon), {
+				onClick: (e) => x(t),
+				onPointerdown: c[0] ||= R(() => {}, ["stop"]),
+				onPointermove: c[1] ||= R(() => {}, ["stop"]),
+				onPointerup: c[2] ||= R(() => {}, ["stop"])
+			}, [(C(), i(O(t.icon), {
 				class: "tool-icon",
 				"aria-hidden": "true"
-			})), t.children && t.children.length ? (S(), o("span", {
+			})), t.children && t.children.length ? (C(), o("span", {
 				key: 0,
-				class: g(["corner-indicator", { open: p.value === t.id }]),
-				onClick: I((e) => O(t.id), ["stop"]),
+				class: _(["corner-indicator", { open: p.value === t.id }]),
+				onClick: R((e) => D(t.id), ["stop"]),
 				"aria-label": "展开子菜单"
-			}, null, 10, Cr)) : a("", !0)], 42, Sr), l(n, { name: "dropdown" }, {
-				default: N(() => [p.value === t.id && t.children && t.children.length ? (S(), o("div", {
+			}, null, 10, Gr)) : a("", !0)], 42, Wr), l(n, { name: "dropdown" }, {
+				default: F(() => [p.value === t.id && t.children && t.children.length ? (C(), o("div", {
 					key: 0,
 					class: "tool-dropdown",
-					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", {
+					onPointerdown: c[3] ||= R(() => {}, ["stop"]),
+					onPointermove: c[4] ||= R(() => {}, ["stop"]),
+					onPointerup: c[5] ||= R(() => {}, ["stop"])
+				}, [(C(!0), o(e, null, E(t.children, (e) => (C(), o("button", {
 					key: e.id,
 					type: "button",
-					class: g(["left-toolbar__button", { active: f.value === e.id }]),
+					class: _(["left-toolbar__button", { active: f.value === e.id }]),
 					title: e.title,
 					"aria-label": e.title,
-					onClick: (t) => D(e)
-				}, [(S(), i(E(e.icon), {
+					onClick: (t) => w(e)
+				}, [(C(), i(O(e.icon), {
 					class: "tool-icon",
 					"aria-hidden": "true"
-				}))], 10, wr))), 128))], 32)) : a("", !0)]),
+				}))], 10, Kr))), 128))], 32)) : a("", !0)]),
 				_: 2
 			}, 1024)])), 64))]),
 			c[22] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
-			s("div", Tr, [s("button", {
+			s("div", qr, [s("button", {
 				type: "button",
 				class: "left-toolbar__button",
 				title: "放大",
 				"aria-label": "放大",
 				onClick: c[6] ||= (e) => r.$emit("zoomIn"),
-				onPointerdown: c[7] ||= I(() => {}, ["stop"]),
-				onPointermove: c[8] ||= I(() => {}, ["stop"]),
-				onPointerup: c[9] ||= I(() => {}, ["stop"])
-			}, [l(k(Tn), {
+				onPointerdown: c[7] ||= R(() => {}, ["stop"]),
+				onPointermove: c[8] ||= R(() => {}, ["stop"]),
+				onPointerup: c[9] ||= R(() => {}, ["stop"])
+			}, [l(j(qn), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})], 32), s("button", {
@@ -1583,53 +2322,53 @@ var lr = { class: "settings-body" }, ur = { class: "settings-label" }, dr = ["on
 				title: "缩小",
 				"aria-label": "缩小",
 				onClick: c[10] ||= (e) => r.$emit("zoomOut"),
-				onPointerdown: c[11] ||= I(() => {}, ["stop"]),
-				onPointermove: c[12] ||= I(() => {}, ["stop"]),
-				onPointerup: c[13] ||= I(() => {}, ["stop"])
-			}, [l(k(On), {
+				onPointerdown: c[11] ||= R(() => {}, ["stop"]),
+				onPointermove: c[12] ||= R(() => {}, ["stop"]),
+				onPointerup: c[13] ||= R(() => {}, ["stop"])
+			}, [l(j(Xn), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})], 32)]),
 			c[23] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
-			s("div", Er, [s("button", {
+			s("div", Jr, [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] ||= I(() => {}, ["stop"]),
-				onPointermove: c[16] ||= I(() => {}, ["stop"]),
-				onPointerup: c[17] ||= I(() => {}, ["stop"])
-			}, [t.isFullscreen ? (S(), i(k(Pn), {
+				onPointerdown: c[15] ||= R(() => {}, ["stop"]),
+				onPointermove: c[16] ||= R(() => {}, ["stop"]),
+				onPointerup: c[17] ||= R(() => {}, ["stop"])
+			}, [t.isFullscreen ? (C(), i(j(nr), {
 				key: 0,
 				class: "tool-icon",
 				"aria-hidden": "true"
-			})) : (S(), i(k(jn), {
+			})) : (C(), i(j($n), {
 				key: 1,
 				class: "tool-icon",
 				"aria-hidden": "true"
-			}))], 40, Dr)]),
+			}))], 40, Yr)]),
 			c[24] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
-			s("div", Or, [s("button", {
+			s("div", Xr, [s("button", {
 				type: "button",
 				class: "left-toolbar__button",
 				title: "设置",
 				"aria-label": "设置",
-				onClick: A,
-				onPointerdown: c[18] ||= I(() => {}, ["stop"]),
-				onPointermove: c[19] ||= I(() => {}, ["stop"]),
-				onPointerup: c[20] ||= I(() => {}, ["stop"])
-			}, [l(k(Ln), {
+				onClick: k,
+				onPointerdown: c[18] ||= R(() => {}, ["stop"]),
+				onPointermove: c[19] ||= R(() => {}, ["stop"]),
+				onPointerup: c[20] ||= R(() => {}, ["stop"])
+			}, [l(j(ar), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})], 32)])
-		]), l(yr, {
+		]), l(Vr, {
 			show: m.value,
 			onClose: c[21] ||= (e) => m.value = !1,
 			onConfirm: M
 		}, null, 8, ["show"])], 64));
 	}
-}), [["__scopeId", "data-v-66411b58"]]), Ar = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-b7aa8ccf"]]), Qr = /* @__PURE__ */ u({
 	__name: "KLineLevelDropdown",
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],
@@ -1676,7 +2415,7 @@ var lr = { class: "settings-body" }, ur = { class: "settings-label" }, dr = ["on
 				value: "yearly"
 			}
 		], r = t;
-		return (t, a) => (S(), i(K, {
+		return (t, a) => (C(), i(J, {
 			"model-value": e.modelValue,
 			options: n,
 			label: "级别",
@@ -1685,7 +2424,7 @@ var lr = { class: "settings-body" }, ur = { class: "settings-label" }, dr = ["on
 			"onUpdate:modelValue": a[0] ||= (e) => r("update:modelValue", e)
 		}, null, 8, ["model-value"]));
 	}
-}), jr = /* @__PURE__ */ u({
+}), $r = /* @__PURE__ */ u({
 	__name: "KLineAdjustmentDropdown",
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],
@@ -1708,7 +2447,7 @@ var lr = { class: "settings-body" }, ur = { class: "settings-label" }, dr = ["on
 				value: "none"
 			}
 		], r = t;
-		return (t, a) => (S(), i(K, {
+		return (t, a) => (C(), i(J, {
 			"model-value": e.modelValue,
 			options: n,
 			label: "复权",
@@ -1717,13 +2456,13 @@ var lr = { class: "settings-body" }, ur = { class: "settings-label" }, dr = ["on
 			"onUpdate:modelValue": a[0] ||= (e) => r("update:modelValue", e)
 		}, null, 8, ["model-value"]));
 	}
-}), Mr = {
+}), ei = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Nr(e, t) {
-	return S(), o("svg", Mr, [...t[0] ||= [s("path", {
+function ti(e, t) {
+	return C(), o("svg", ei, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -1732,26 +2471,21 @@ function Nr(e, t) {
 		d: "M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0M12 16h.01"
 	}, null, -1)]]);
 }
-var Pr = m({
+var ni = h({
 	name: "tabler-alert-triangle",
-	render: Nr
-}), Fr = ["title", "aria-expanded"], Ir = { class: "symbol-chip__code" }, Lr = {
+	render: ti
+}), ri = ["title", "aria-expanded"], ii = { class: "symbol-chip__code" }, ai = {
 	key: 0,
 	class: "symbol-chip__spinner",
 	"aria-hidden": "true"
-}, Rr = {
-	key: 0,
-	class: "symbol-popover",
-	role: "dialog",
-	"aria-label": "切换合约"
-}, zr = { class: "symbol-search" }, Br = {
+}, oi = { class: "symbol-search" }, si = {
 	class: "symbol-list",
 	role: "listbox",
 	"aria-label": "商品列表"
-}, Vr = {
+}, ci = {
 	key: 0,
 	class: "symbol-list__empty"
-}, Hr = {
+}, li = {
 	width: "32",
 	height: "32",
 	viewBox: "0 0 32 32",
@@ -1760,7 +2494,7 @@ var Pr = m({
 		"margin-bottom": "8px",
 		opacity: "0.35"
 	}
-}, Ur = ["aria-selected", "onClick"], Wr = { class: "symbol-list__left" }, Gr = { class: "symbol-list__code" }, Kr = { class: "symbol-list__desc" }, qr = { class: "symbol-list__exchange" }, Jr = /*#__PURE__*/ U(/* @__PURE__ */ u({
+}, ui = ["aria-selected", "onClick"], di = { class: "symbol-list__left" }, fi = { class: "symbol-list__code" }, pi = { class: "symbol-list__desc" }, mi = { class: "symbol-list__exchange" }, hi = /*#__PURE__*/ q(/* @__PURE__ */ u({
 	__name: "SymbolSelector",
 	props: {
 		symbol: {},
@@ -1769,47 +2503,59 @@ var Pr = m({
 		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(() => u.symbols.find((e) => e.code === u.symbol)), x = r(() => {
-			let e = b.value;
-			return e ? `${e.code} - ${e.description}` : u.symbol;
-		}), C = r(() => {
-			let e = p.value.trim().toLowerCase();
-			return e ? u.symbols.filter((t) => t.code.toLowerCase().includes(e) || t.description.toLowerCase().includes(e) || t.exchange.toLowerCase().includes(e)) : u.symbols;
+	setup(c, { emit: u }) {
+		let d = c, f = u, p = T(!1), m = T(""), h = T(null), x = T(null), S = T(null), w = De(), { popupStyle: D, startPositionSync: O, stopPositionSync: k } = we(x, S, 8), M = r(() => d.symbols.find((e) => e.code === d.symbol)), L = r(() => {
+			let e = M.value;
+			return e ? `${e.code} - ${e.description}` : d.symbol;
+		}), R = r(() => {
+			let e = m.value.trim().toLowerCase();
+			return e ? d.symbols.filter((t) => t.code.toLowerCase().includes(e) || t.description.toLowerCase().includes(e) || t.exchange.toLowerCase().includes(e)) : d.symbols;
 		});
-		function E() {
-			f.value = !f.value, f.value && h(() => m.value?.focus());
+		function z() {
+			p.value = !p.value, p.value && g(() => h.value?.focus());
 		}
-		function D() {
-			p.value = "", m.value?.focus();
+		P(p, (e) => {
+			e ? O() : k();
+		});
+		function ee() {
+			m.value = "", h.value?.focus();
 		}
-		function A() {}
-		function F(e) {
-			d("change", e), f.value = !1, p.value = "";
+		function te() {}
+		function B(e) {
+			f("change", e), p.value = !1, m.value = "";
 		}
-		function I(e) {
-			_.value && !_.value.contains(e.target) && (f.value = !1);
+		function ne(e) {
+			let t = x.value, n = S.value;
+			t && !t.contains(e.target) && !n?.contains(e.target) && (p.value = !1);
 		}
-		return y(() => document.addEventListener("mousedown", I)), v(() => document.removeEventListener("mousedown", I)), M(() => u.symbol, () => {
-			f.value = !1, p.value = "";
-		}), (r, c) => (S(), o("div", {
+		return b(() => document.addEventListener("mousedown", ne)), y(() => document.removeEventListener("mousedown", ne)), P(() => d.symbol, () => {
+			p.value = !1, m.value = "";
+		}), (r, u) => (C(), o("div", {
 			ref_key: "chipWrapRef",
-			ref: _,
+			ref: x,
 			class: "symbol-chip-wrap"
 		}, [s("button", {
 			type: "button",
-			class: g(["symbol-chip", { "is-open": f.value }]),
-			title: x.value,
-			"aria-expanded": f.value,
+			class: _(["symbol-chip", { "is-open": p.value }]),
+			title: L.value,
+			"aria-expanded": p.value,
 			"aria-haspopup": "dialog",
-			onClick: E
-		}, [s("span", Ir, O(x.value), 1), t.loading ? (S(), o("span", Lr)) : t.error ? (S(), i(k(Pr), {
+			onClick: z
+		}, [s("span", ii, A(L.value), 1), c.loading ? (C(), o("span", ai)) : c.error ? (C(), i(j(ni), {
 			key: 1,
 			class: "symbol-chip__warn",
 			"aria-hidden": "true"
-		})) : a("", !0)], 10, Fr), l(n, { name: "symbol-popover" }, {
-			default: N(() => [f.value ? (S(), o("div", Rr, [s("div", zr, [
-				c[2] ||= s("span", {
+		})) : a("", !0)], 10, ri), (C(), i(t, { to: j(w) }, [l(n, { name: "symbol-popover" }, {
+			default: F(() => [p.value ? (C(), o("div", {
+				key: 0,
+				ref_key: "popupRef",
+				ref: S,
+				class: "symbol-popover",
+				style: v(j(D)),
+				role: "dialog",
+				"aria-label": "切换合约"
+			}, [s("div", oi, [
+				u[2] ||= s("span", {
 					class: "symbol-search__icon",
 					"aria-hidden": "true"
 				}, [s("svg", {
@@ -1832,25 +2578,25 @@ var Pr = m({
 					"stroke-width": "1.6",
 					"stroke-linecap": "round"
 				})])], -1),
-				P(s("input", {
+				I(s("input", {
 					ref_key: "searchInputRef",
-					ref: m,
-					"onUpdate:modelValue": c[0] ||= (e) => p.value = e,
+					ref: h,
+					"onUpdate:modelValue": u[0] ||= (e) => m.value = e,
 					class: "symbol-search__input",
 					type: "text",
 					placeholder: "搜索代码或名称…",
 					autocomplete: "off",
 					spellcheck: "false",
 					"aria-label": "搜索商品",
-					onInput: A
-				}, null, 544), [[j, p.value]]),
-				p.value ? (S(), o("button", {
+					onInput: te
+				}, null, 544), [[N, m.value]]),
+				m.value ? (C(), o("button", {
 					key: 0,
 					type: "button",
 					class: "symbol-search__clear",
 					"aria-label": "清空搜索",
-					onClick: D
-				}, [...c[1] ||= [s("svg", {
+					onClick: ee
+				}, [...u[1] ||= [s("svg", {
 					class: "delete-icon",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -1864,7 +2610,7 @@ var Pr = m({
 					s("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
 					s("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
 				], -1)]])) : a("", !0)
-			]), s("div", Br, [C.value.length === 0 ? (S(), o("div", Vr, [(S(), o("svg", Hr, [...c[3] ||= [s("circle", {
+			]), s("div", si, [R.value.length === 0 ? (C(), o("div", ci, [(C(), o("svg", li, [...u[3] ||= [s("circle", {
 				cx: "13",
 				cy: "13",
 				r: "10",
@@ -1878,39 +2624,34 @@ var Pr = m({
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"stroke-linecap": "round"
-			}, null, -1)]])), c[4] ||= s("span", null, "未找到相关商品", -1)])) : a("", !0), (S(!0), o(e, null, T(C.value, (e) => (S(), o("button", {
+			}, null, -1)]])), u[4] ||= s("span", null, "未找到相关商品", -1)])) : a("", !0), (C(!0), o(e, null, E(R.value, (e) => (C(), o("button", {
 				key: e.code,
 				type: "button",
-				class: g(["symbol-list__item", { "is-active": e.code === t.symbol }]),
+				class: _(["symbol-list__item", { "is-active": e.code === c.symbol }]),
 				role: "option",
-				"aria-selected": e.code === t.symbol,
-				onClick: (t) => F(e)
-			}, [s("span", Wr, [s("span", Gr, O(e.code), 1), s("span", Kr, O(e.description), 1)]), s("span", qr, O(e.exchange), 1)], 10, Ur))), 128))])])) : a("", !0)]),
+				"aria-selected": e.code === c.symbol,
+				onClick: (t) => B(e)
+			}, [s("span", di, [s("span", fi, A(e.code), 1), s("span", pi, A(e.description), 1)]), s("span", mi, A(e.exchange), 1)], 10, ui))), 128))])], 4)) : a("", !0)]),
 			_: 1
-		})], 512));
+		})], 8, ["to"]))], 512));
 	}
-}), [["__scopeId", "data-v-864e9451"]]), Yr = ["aria-expanded"], Xr = {
+}), [["__scopeId", "data-v-3d5a580d"]]), gi = ["aria-expanded"], _i = {
 	key: 0,
 	class: "compare-chip__spinner"
-}, Zr = {
+}, vi = {
 	key: 1,
 	class: "compare-chip__badge"
-}, Qr = {
-	key: 0,
-	class: "compare-popover",
-	role: "dialog",
-	"aria-label": "比较商品"
-}, $r = { class: "compare-search" }, ei = {
+}, yi = { class: "compare-search" }, bi = {
 	key: 0,
 	class: "compare-selected"
-}, ti = { class: "compare-selected__list" }, ni = { class: "compare-selected__code" }, ri = { class: "compare-selected__desc" }, ii = ["aria-label", "onClick"], ai = {
+}, xi = { class: "compare-selected__list" }, Si = { class: "compare-selected__code" }, Ci = { class: "compare-selected__desc" }, wi = ["aria-label", "onClick"], Ti = {
 	class: "compare-list",
 	role: "listbox",
 	"aria-label": "商品列表"
-}, oi = {
+}, Ei = {
 	key: 0,
 	class: "compare-list__empty"
-}, si = {
+}, Di = {
 	width: "32",
 	height: "32",
 	viewBox: "0 0 32 32",
@@ -1919,11 +2660,11 @@ var Pr = m({
 		"margin-bottom": "8px",
 		opacity: "0.35"
 	}
-}, ci = ["aria-selected", "onClick"], li = { class: "compare-list__left" }, ui = { class: "compare-list__code" }, di = { class: "compare-list__desc" }, fi = { class: "compare-list__right" }, pi = { class: "compare-list__exchange" }, mi = {
+}, Oi = ["aria-selected", "onClick"], ki = { class: "compare-list__left" }, Ai = { class: "compare-list__code" }, ji = { class: "compare-list__desc" }, Mi = { class: "compare-list__right" }, Ni = { class: "compare-list__exchange" }, Pi = {
 	key: 0,
 	class: "compare-list__check",
 	"aria-hidden": "true"
-}, hi = /*#__PURE__*/ U(/* @__PURE__ */ u({
+}, Fi = /*#__PURE__*/ q(/* @__PURE__ */ u({
 	__name: "CompareSymbolSelector",
 	props: {
 		symbols: {},
@@ -1932,55 +2673,67 @@ var Pr = m({
 		comparisonLoading: { type: Boolean }
 	},
 	emits: ["add", "remove"],
-	setup(t, { emit: i }) {
-		let c = t, u = i, d = w(!1), f = w(""), p = w(null), m = w(null), b = r(() => new Set(c.selected ?? [])), x = r(() => {
-			let e = b.value;
-			return c.symbols.filter((t) => e.has(t.code));
-		}), C = r(() => {
-			let e = f.value.trim().toLowerCase();
-			return e ? c.symbols.filter((t) => t.code.toLowerCase().includes(e) || t.description.toLowerCase().includes(e) || t.exchange.toLowerCase().includes(e)) : c.symbols;
+	setup(c, { emit: u }) {
+		let d = c, f = u, p = T(!1), m = T(""), h = T(null), x = T(null), S = T(null), w = De(), { popupStyle: D, startPositionSync: O, stopPositionSync: k } = we(x, S, 8), M = r(() => new Set(d.selected ?? [])), L = r(() => {
+			let e = M.value;
+			return d.symbols.filter((t) => e.has(t.code));
+		}), R = r(() => {
+			let e = m.value.trim().toLowerCase();
+			return e ? d.symbols.filter((t) => t.code.toLowerCase().includes(e) || t.description.toLowerCase().includes(e) || t.exchange.toLowerCase().includes(e)) : d.symbols;
 		});
-		function E(e) {
-			return b.value.has(e);
+		function z(e) {
+			return M.value.has(e);
 		}
-		function D(e) {
-			E(e.code) ? u("remove", e.code) : u("add", e);
+		function ee(e) {
+			z(e.code) ? f("remove", e.code) : f("add", e);
 		}
-		function k(e) {
-			u("remove", e);
+		function te(e) {
+			f("remove", e);
 		}
-		function A() {
-			d.value = !d.value, d.value && h(() => p.value?.focus());
+		function B() {
+			p.value = !p.value, p.value && g(() => h.value?.focus());
 		}
-		function M() {
-			f.value = "", p.value?.focus();
+		P(p, (e) => {
+			e ? O() : k();
+		});
+		function ne() {
+			m.value = "", h.value?.focus();
 		}
-		function F(e) {
-			m.value && !m.value.contains(e.target) && (d.value = !1, f.value = "");
+		function V(e) {
+			let t = x.value, n = S.value;
+			t && !t.contains(e.target) && !n?.contains(e.target) && (p.value = !1, m.value = "");
 		}
-		return y(() => document.addEventListener("mousedown", F)), v(() => document.removeEventListener("mousedown", F)), (r, i) => (S(), o("div", {
+		return b(() => document.addEventListener("mousedown", V)), y(() => document.removeEventListener("mousedown", V)), (r, u) => (C(), o("div", {
 			ref_key: "rootRef",
-			ref: m,
+			ref: x,
 			class: "compare-chip-wrap"
 		}, [s("button", {
 			type: "button",
-			class: g(["compare-chip", { "is-open": d.value }]),
+			class: _(["compare-chip", { "is-open": p.value }]),
 			title: "比较商品",
-			"aria-expanded": d.value,
+			"aria-expanded": p.value,
 			"aria-haspopup": "dialog",
-			onClick: A
+			onClick: B
 		}, [
-			i[1] ||= s("span", {
+			u[1] ||= s("span", {
 				class: "compare-chip__icon",
 				"aria-hidden": "true"
 			}, "+", -1),
-			i[2] ||= s("span", { class: "compare-chip__text" }, "比较商品", -1),
-			t.comparisonLoading ? (S(), o("span", Xr)) : a("", !0),
-			t.selected.length > 0 ? (S(), o("span", Zr, O(t.selected.length), 1)) : a("", !0)
-		], 10, Yr), l(n, { name: "symbol-popover" }, {
-			default: N(() => [d.value ? (S(), o("div", Qr, [
-				s("div", $r, [
-					i[4] ||= s("span", {
+			u[2] ||= s("span", { class: "compare-chip__text" }, "比较商品", -1),
+			c.comparisonLoading ? (C(), o("span", _i)) : a("", !0),
+			c.selected.length > 0 ? (C(), o("span", vi, A(c.selected.length), 1)) : a("", !0)
+		], 10, gi), (C(), i(t, { to: j(w) }, [l(n, { name: "symbol-popover" }, {
+			default: F(() => [p.value ? (C(), o("div", {
+				key: 0,
+				ref_key: "popupRef",
+				ref: S,
+				class: "compare-popover",
+				style: v(j(D)),
+				role: "dialog",
+				"aria-label": "比较商品"
+			}, [
+				s("div", yi, [
+					u[4] ||= s("span", {
 						class: "compare-search__icon",
 						"aria-hidden": "true"
 					}, [s("svg", {
@@ -2003,24 +2756,24 @@ var Pr = m({
 						"stroke-width": "1.6",
 						"stroke-linecap": "round"
 					})])], -1),
-					P(s("input", {
+					I(s("input", {
 						ref_key: "searchInputRef",
-						ref: p,
-						"onUpdate:modelValue": i[0] ||= (e) => f.value = e,
+						ref: h,
+						"onUpdate:modelValue": u[0] ||= (e) => m.value = e,
 						class: "compare-search__input",
 						type: "text",
 						placeholder: "搜索代码或名称…",
 						autocomplete: "off",
 						spellcheck: "false",
 						"aria-label": "搜索比较商品"
-					}, null, 512), [[j, f.value]]),
-					f.value ? (S(), o("button", {
+					}, null, 512), [[N, m.value]]),
+					m.value ? (C(), o("button", {
 						key: 0,
 						type: "button",
 						class: "compare-search__clear",
 						"aria-label": "清空搜索",
-						onClick: M
-					}, [...i[3] ||= [s("svg", {
+						onClick: ne
+					}, [...u[3] ||= [s("svg", {
 						class: "delete-icon",
 						viewBox: "0 0 24 24",
 						fill: "none",
@@ -2035,22 +2788,22 @@ var Pr = m({
 						s("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
 					], -1)]])) : a("", !0)
 				]),
-				t.selected.length > 0 ? (S(), o("div", ei, [i[6] ||= s("div", { class: "compare-selected__header" }, [s("span", { class: "compare-selected__title" }, "已添加商品")], -1), s("div", ti, [(S(!0), o(e, null, T(x.value, (e) => (S(), o("div", {
+				c.selected.length > 0 ? (C(), o("div", bi, [u[6] ||= s("div", { class: "compare-selected__header" }, [s("span", { class: "compare-selected__title" }, "已添加商品")], -1), s("div", xi, [(C(!0), o(e, null, E(L.value, (e) => (C(), o("div", {
 					key: e.code,
 					class: "compare-selected__item"
 				}, [
 					s("span", {
 						class: "compare-selected__color",
-						style: _({ background: t.comparisonColors?.get(e.code) ?? "#888" })
+						style: v({ background: c.comparisonColors?.get(e.code) ?? "#888" })
 					}, null, 4),
-					s("span", ni, O(e.code), 1),
-					s("span", ri, O(e.description), 1),
+					s("span", Si, A(e.code), 1),
+					s("span", Ci, A(e.description), 1),
 					s("button", {
 						type: "button",
 						class: "compare-selected__remove",
 						"aria-label": "移除 " + e.code,
-						onClick: (t) => k(e.code)
-					}, [...i[5] ||= [s("svg", {
+						onClick: (t) => te(e.code)
+					}, [...u[5] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						width: "12",
 						height: "12",
@@ -2059,9 +2812,9 @@ var Pr = m({
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [s("path", { d: "M18 6L6 18" }), s("path", { d: "M6 6l12 12" })], -1)]], 8, ii)
+					}, [s("path", { d: "M18 6L6 18" }), s("path", { d: "M6 6l12 12" })], -1)]], 8, wi)
 				]))), 128))])])) : a("", !0),
-				s("div", ai, [C.value.length === 0 ? (S(), o("div", oi, [(S(), o("svg", si, [...i[7] ||= [s("circle", {
+				s("div", Ti, [R.value.length === 0 ? (C(), o("div", Ei, [(C(), o("svg", Di, [...u[7] ||= [s("circle", {
 					cx: "13",
 					cy: "13",
 					r: "10",
@@ -2075,14 +2828,14 @@ var Pr = m({
 					stroke: "currentColor",
 					"stroke-width": "2",
 					"stroke-linecap": "round"
-				}, null, -1)]])), i[8] ||= s("span", null, "未找到相关商品", -1)])) : a("", !0), (S(!0), o(e, null, T(C.value, (e) => (S(), o("button", {
+				}, null, -1)]])), u[8] ||= s("span", null, "未找到相关商品", -1)])) : a("", !0), (C(!0), o(e, null, E(R.value, (e) => (C(), o("button", {
 					key: e.code,
 					type: "button",
-					class: g(["compare-list__item", { "is-selected": E(e.code) }]),
+					class: _(["compare-list__item", { "is-selected": z(e.code) }]),
 					role: "option",
-					"aria-selected": E(e.code),
-					onClick: (t) => D(e)
-				}, [s("span", li, [s("span", ui, O(e.code), 1), s("span", di, O(e.description), 1)]), s("span", fi, [s("span", pi, O(e.exchange), 1), E(e.code) ? (S(), o("span", mi, [...i[9] ||= [s("svg", {
+					"aria-selected": z(e.code),
+					onClick: (t) => ee(e)
+				}, [s("span", ki, [s("span", Ai, A(e.code), 1), s("span", ji, A(e.description), 1)]), s("span", Mi, [s("span", Ni, A(e.exchange), 1), z(e.code) ? (C(), o("span", Pi, [...u[9] ||= [s("svg", {
 					viewBox: "0 0 24 24",
 					width: "16",
 					height: "16",
@@ -2091,12 +2844,12 @@ var Pr = m({
 					"stroke-width": "2.5",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, [s("polyline", { points: "20 6 9 17 4 12" })], -1)]])) : a("", !0)])], 10, ci))), 128))])
-			])) : a("", !0)]),
+				}, [s("polyline", { points: "20 6 9 17 4 12" })], -1)]])) : a("", !0)])], 10, Oi))), 128))])
+			], 4)) : a("", !0)]),
 			_: 1
-		})], 512));
+		})], 8, ["to"]))], 512));
 	}
-}), [["__scopeId", "data-v-9513ad09"]]), gi = { class: "top-toolbar" }, _i = /*#__PURE__*/ U(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-8a5646b4"]]), Ii = /*#__PURE__*/ q(/* @__PURE__ */ u({
 	__name: "TopToolbar",
 	props: {
 		symbol: {},
@@ -2118,7 +2871,26 @@ var Pr = m({
 		"symbolChange"
 	],
 	setup(e, { emit: t }) {
-		let n = e, c = t, u = [
+		let n = T(null), c = !1, u = 0, d = 0;
+		function f(e) {
+			let t = n.value;
+			t && (c = !0, u = e.pageX - t.getBoundingClientRect().left, d = t.scrollLeft, t.style.cursor = "grabbing", t.style.userSelect = "none");
+		}
+		function p(e) {
+			if (!c) return;
+			let t = n.value;
+			if (!t) return;
+			e.preventDefault();
+			let r = e.pageX - t.getBoundingClientRect().left - u;
+			t.scrollLeft = d - r;
+		}
+		function m() {
+			if (!c) return;
+			c = !1;
+			let e = n.value;
+			e && (e.style.cursor = "", e.style.userSelect = "");
+		}
+		let h = e, g = t, _ = [
 			{
 				code: "XAUUSD",
 				description: "现货黄金",
@@ -2203,67 +2975,141 @@ var Pr = m({
 				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", gi, [
-			d.value ? (S(), i(Jr, {
+		], v = r(() => h.symbol?.trim() ?? ""), y = r(() => h.symbols && h.symbols.length ? h.symbols : _);
+		function b(e) {
+			g("symbolChange", e);
+		}
+		return (t, r) => (C(), o("div", {
+			ref_key: "toolbarRef",
+			ref: n,
+			class: "top-toolbar",
+			onMousedown: f,
+			onMousemove: p,
+			onMouseup: m,
+			onMouseleave: m
+		}, [
+			v.value ? (C(), i(hi, {
 				key: 0,
-				symbol: d.value,
-				symbols: f.value,
+				symbol: v.value,
+				symbols: y.value,
 				loading: e.symbolLoading,
 				error: e.symbolError,
-				onChange: p
+				onChange: b
 			}, null, 8, [
 				"symbol",
 				"symbols",
 				"loading",
 				"error"
 			])) : a("", !0),
-			l(hi, {
-				symbols: f.value,
+			l(Fi, {
+				symbols: y.value,
 				selected: e.overlaySymbols,
 				"comparison-colors": e.comparisonColors,
 				"comparison-loading": e.comparisonLoading,
-				onAdd: n[0] ||= (e) => c("addOverlaySymbol", e),
-				onRemove: n[1] ||= (e) => c("removeOverlaySymbol", e)
+				onAdd: r[0] ||= (e) => g("addOverlaySymbol", e),
+				onRemove: r[1] ||= (e) => g("removeOverlaySymbol", e)
 			}, null, 8, [
 				"symbols",
 				"selected",
 				"comparison-colors",
 				"comparison-loading"
 			]),
-			l(Ar, {
+			l(Qr, {
 				"model-value": e.kLineLevel,
-				"onUpdate:modelValue": n[2] ||= (e) => c("kLineLevelChange", e)
+				"onUpdate:modelValue": r[2] ||= (e) => g("kLineLevelChange", e)
 			}, null, 8, ["model-value"]),
-			l(jr, {
+			l($r, {
 				"model-value": e.kLineAdjust,
-				"onUpdate:modelValue": n[3] ||= (e) => c("kLineAdjustChange", e)
+				"onUpdate:modelValue": r[3] ||= (e) => g("kLineAdjustChange", e)
 			}, null, 8, ["model-value"]),
 			s("button", {
 				type: "button",
 				class: "indicator-button",
 				title: "指标",
 				"aria-label": "指标",
-				onClick: n[4] ||= (e) => c("toggleIndicator")
-			}, [...n[5] ||= [s("span", {
+				onClick: r[4] ||= (e) => g("toggleIndicator")
+			}, [...r[5] ||= [s("span", {
 				class: "indicator-button__icon",
 				"aria-hidden": "true"
 			}, "fx", -1), s("span", { class: "indicator-button__text" }, "指标", -1)]])
-		]));
+		], 544));
 	}
-}), [["__scopeId", "data-v-c612b21d"]]), vi = ["data-theme"], yi = {
+}), [["__scopeId", "data-v-8ecedbff"]]), Li = /*#__PURE__*/ q(/* @__PURE__ */ u({
+	__name: "BatchStockDialog",
+	props: { show: { type: Boolean } },
+	emits: ["close", "apply"],
+	setup(e, { emit: t }) {
+		let n = t, a = T([]), o = r({
+			get: () => a.value.join("\n"),
+			set: (e) => {
+				a.value = e.split("\n").map((e) => e.trim()).filter(Boolean);
+			}
+		});
+		function c() {
+			a.value.length !== 0 && (n("apply", a.value), n("close"));
+		}
+		return (t, r) => (C(), i(Y, {
+			title: "批量设置股票代码",
+			show: e.show,
+			onClose: r[2] ||= (e) => n("close")
+		}, {
+			footer: F(() => [s("button", {
+				class: "batch-btn batch-btn--cancel",
+				onClick: r[1] ||= (e) => n("close")
+			}, "取消"), s("button", {
+				class: "batch-btn batch-btn--confirm",
+				onClick: c
+			}, "应用")]),
+			default: F(() => [I(s("textarea", {
+				"onUpdate:modelValue": r[0] ||= (e) => o.value = e,
+				class: "batch-textarea",
+				placeholder: "每行一个股票代码，导出时会将所选区间内这些品种的数据一并导出\n例如:\n000001\n600036\n002415",
+				rows: "8",
+				spellcheck: "false"
+			}, null, 512), [[N, o.value]])]),
+			_: 1
+		}, 8, ["show"]));
+	}
+}), [["__scopeId", "data-v-2311afd3"]]), Ri = { class: "export-body" }, zi = { class: "export-label" }, Bi = { class: "export-bar-track" }, Vi = { class: "export-counter" }, Hi = /*#__PURE__*/ q(/* @__PURE__ */ u({
+	__name: "ExportProgressDialog",
+	props: { progress: {} },
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = e, c = t, l = r(() => !n.progress || n.progress.total <= 0 ? 0 : Math.min(100, Math.round(n.progress.current / n.progress.total * 100)));
+		return (t, n) => (C(), i(Y, {
+			title: "导出数据",
+			show: !!e.progress,
+			"z-index": 1100,
+			"close-on-overlay": !1,
+			"footer-align": "center",
+			onClose: n[1] ||= (e) => c("close")
+		}, {
+			footer: F(() => [e.progress && e.progress.current === e.progress.total ? (C(), o("button", {
+				key: 0,
+				class: "export-done-btn",
+				onClick: n[0] ||= (e) => c("close")
+			}, " 完成 ")) : a("", !0)]),
+			default: F(() => [s("div", Ri, [
+				s("div", zi, A(e.progress?.label), 1),
+				s("div", Bi, [s("div", {
+					class: "export-bar-fill",
+					style: v({ width: l.value + "%" })
+				}, null, 4)]),
+				s("div", Vi, A(e.progress?.current ?? 0) + " / " + A(e.progress?.total ?? 0), 1)
+			])]),
+			_: 1
+		}, 8, ["show"]));
+	}
+}), [["__scopeId", "data-v-63b609dd"]]), Ui = ["data-theme"], Wi = {
 	class: "pane-separator-layer",
 	"aria-hidden": "true"
-}, bi = {
+}, Gi = {
 	class: "canvas-layer",
 	ref: "canvasLayerRef"
-}, xi = {
+}, Ki = {
 	class: "x-axis-canvas",
 	ref: "xAxisCanvasRef"
-}, Si = 4, Ci = /*#__PURE__*/ U(/* @__PURE__ */ u({
+}, qi = /*#__PURE__*/ q(/* @__PURE__ */ u({
 	__name: "KLineChart",
 	props: {
 		semanticConfig: {},
@@ -2291,23 +3137,23 @@ var Pr = m({
 		"kLineAdjustChange"
 	],
 	setup(n, { expose: c, emit: u }) {
-		let d = n, f = u, p = w(d.semanticConfig?.data?.period ?? "daily"), m = w(d.semanticConfig?.data?.adjust ?? "none"), v = r(() => p.value.includes("min")), b = w("选择商品"), C = w(null), E = w(!1), O = w(!1), k = w([]), A = w([]);
-		function j(e) {
-			p.value = e, f("kLineLevelChange", e), ee();
-		}
+		let d = n, f = u, p = T(d.semanticConfig?.data?.period ?? "daily"), h = T(d.semanticConfig?.data?.adjust ?? "none"), y = r(() => p.value.includes("min")), x = T("选择商品"), w = T(null), D = T(!1), O = T(!1), A = T([]), M = T([]);
 		function N(e) {
-			m.value = e, f("kLineAdjustChange", e), ee();
-		}
-		function P(e) {
-			O.value = !1, b.value = e.code, C.value = e, ee();
-		}
-		function F(e) {
-			C.value?.code !== e.code && (k.value.includes(e.code) || (A.value = [...A.value, e], k.value = A.value.map((e) => e.code), te(), B.value?.addComparisonSymbol(L(e))));
+			p.value = e, f("kLineLevelChange", e), B();
 		}
 		function I(e) {
-			A.value = A.value.filter((t) => t.code !== e), k.value = A.value.map((e) => e.code), B.value?.removeComparisonSymbol(e);
+			h.value = e, f("kLineAdjustChange", e), B();
 		}
 		function L(e) {
+			O.value = !1, x.value = e.code, w.value = e, B();
+		}
+		function z(e) {
+			w.value?.code !== e.code && (A.value.includes(e.code) || (M.value = [...M.value, e], A.value = M.value.map((e) => e.code), ne(), H.value?.addComparisonSymbol(te(e))));
+		}
+		function ee(e) {
+			M.value = M.value.filter((t) => t.code !== e), A.value = M.value.map((e) => e.code), H.value?.removeComparisonSymbol(e);
+		}
+		function te(e) {
 			return {
 				symbol: e.code,
 				exchange: e.exchange,
@@ -2315,91 +3161,71 @@ var Pr = m({
 				source: e.source,
 				startDate: d.semanticConfig?.data?.startDate ?? "",
 				endDate: d.semanticConfig?.data?.endDate ?? "",
-				adjust: m.value
+				adjust: h.value
 			};
 		}
-		function ee() {
-			C.value && B.value?.setSymbols([L(C.value), ...A.value.map(L)]);
+		function B() {
+			w.value && H.value?.setSymbols([te(w.value), ...M.value.map(te)]);
 		}
-		function te() {
-			if (G.value.axisType === "percent") return;
+		function ne() {
+			if (U.value.axisType === "percent") return;
 			let e = {
-				...G.value,
+				...U.value,
 				axisType: "percent"
 			};
-			G.value = e, B.value?.updateSettingsFacade(e);
+			U.value = e, H.value?.updateSettingsFacade(e);
 			try {
-				localStorage.setItem(_e, JSON.stringify(e));
+				localStorage.setItem(ge, JSON.stringify(e));
 			} catch {}
 		}
-		let R = w(null), z = w(null), ie = w(null), ce = w(null), ue = w(null), de = w(null);
-		Pe(ie);
-		let B = D(null), pe = D(null), V = w(0), ve = w(0), ye = w(1), H = w(d.initialZoomLevel ?? 1), be = w(0), xe = w(1), Se = w(0), Ce = w({}), U = w(null), W = w([]), we = w(/* @__PURE__ */ new Map()), Te = w(!1), Ee = H.value;
-		be.value = me(Ee, {
+		let V = T(null), re = T(null), ie = T(null), ae = T(null), oe = T(null), se = T(null);
+		Ee(ie);
+		let H = k(null), { chartTheme: le, chartSettings: U, tooltipColors: ue, themeCssVars: fe, handleSettingsChange: he, applyThemeFromSettings: W } = ln(H), _e = k(null), ve = T(0), ye = T(0), be = T(!1), xe = T([]), Se = T(0), G = T(1), K = T(d.initialZoomLevel ?? 1), q = T(0), Ce = T(1), we = T(0), Te = T({}), De = T(/* @__PURE__ */ new Map()), Oe = T(!1), ke = T("cursor"), { mainActiveIndicators: Ae, subActiveIndicators: je, activeIndicators: Me, indicatorParams: Ne, subPanes: Pe, buildPaneLayoutIntent: J, getDefaultParams: Fe, isSubPaneIndicator: Ie, addSubPane: Le, removeSubPane: Re, clearAllSubPanes: ze, initIndicatorsFromConfig: Ve, switchSubIndicator: He, handleIndicatorToggle: Ue, handleUpdateParams: We, handleReorderSubIndicators: Ge, setupIndicatorSubscriptions: Ke } = un(H, Te), { drawingController: Y, selectedDrawingId: qe, selectedDrawing: Je, drawings: Ye, handleSelectTool: Xe, onUpdateDrawingStyle: Ze, onDeleteDrawing: Qe, setupDrawing: $e } = dn(H), { rangeSelection: et, customStartDate: tt, customEndDate: nt, containerScrollLeft: rt, isRangeSelectActive: it, rangeSelectionReady: at, rangeSelectionBounds: ot, rangeSelectionCount: st, rangeSelectionStartLabel: ct, rangeSelectionEndLabel: lt, rangeSelectionOverlayStyle: ut, clearRangeSelection: dt, handleRangePointerDown: ft, handleRangePointerMove: pt, handleRangePointerUp: mt, exportRangeToCsv: ht, exportingProgress: gt, onEdgePointerDown: _t, onEdgePointerMove: vt, onEdgePointerUp: yt, onScroll: bt, syncScrollLeft: xt } = bn({
+			controller: H,
+			activeToolId: ke,
+			containerRef: V,
+			dataVersion: ye,
+			viewportVersion: Se,
+			dataFetcher: r(() => d.dataFetcher),
+			batchStockCodes: xe
+		}), St = K.value;
+		q.value = pe(St, {
 			minKWidth: d.minKWidth,
 			maxKWidth: d.maxKWidth,
 			zoomLevelCount: d.zoomLevels,
-			dpr: ye.value
-		}), xe.value = fe(be.value, ye.value);
-		let De = w("light"), G = w({}), Oe = r(() => {
-			let e = G.value.isAsiaMarket ?? !1, t = ae(De.value, e);
-			return {
-				upColor: t.candleUpBody,
-				downColor: t.candleDownBody
-			};
-		}), ke = r(() => {
-			let e = De.value === "dark" ? ne : re, t = G.value.colorPresetSettings?.[De.value];
-			return t && Object.keys(t).length > 0 ? oe({
-				...e,
-				colors: {
-					...e.colors,
-					...t
-				}
-			}) : oe(e);
-		}), K = null;
-		function Ae(e) {
-			B.value?.setTheme(e.matches ? "dark" : "light");
-		}
-		function je(e, t) {
-			if (!(!e || !t)) if (t === "auto") {
-				let t = window.matchMedia("(prefers-color-scheme: dark)");
-				e.setTheme(t.matches ? "dark" : "light"), K !== t && (K?.removeEventListener("change", Ae), K = t, t.addEventListener("change", Ae));
-			} else K?.removeEventListener("change", Ae), K = null, e.setTheme(t);
-		}
-		function Ne() {}
-		function Fe(e) {
-			G.value = e, je(B.value, e.theme), B.value?.updateSettingsFacade(e);
-		}
-		function Ie(e, t, n) {
+			dpr: G.value
+		}), Ce.value = de(q.value, G.value);
+		function Ct() {}
+		function wt(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 Le(e) {
-			e && h(() => {
+		function Tt(e) {
+			e && g(() => {
 				if (!e.isConnected) return;
-				let t = Ie(e, 180, 80);
-				B.value?.setTooltipSize(t);
+				let t = wt(e, 180, 80);
+				H.value?.setTooltipSize(t);
 			});
 		}
-		function Re(e) {
-			e && h(() => {
-				e.isConnected && (Ke.value = Ie(e, 120, 60));
+		function Et(e) {
+			e && g(() => {
+				e.isConnected && (Nt.value = wt(e, 120, 60));
 			});
 		}
-		let ze = w({
+		let Dt = T({
 			x: 0,
 			y: 0
-		}), Be = w(!1), Ve = null;
-		function He() {
-			Ve = null;
+		}), Ot = T(!1), kt = null;
+		function At() {
+			kt = null;
 		}
-		function Ue(e) {
-			return Ve ||= e.getBoundingClientRect(), Ve;
+		function jt(e) {
+			return kt ||= e.getBoundingClientRect(), kt;
 		}
-		let q = D({
+		let X = k({
 			crosshairPos: null,
 			crosshairIndex: null,
 			crosshairPrice: null,
@@ -2417,14 +3243,11 @@ var Pr = m({
 			isHoveringPaneBoundary: !1,
 			hoveredPaneBoundaryId: null,
 			isHoveringRightAxis: !1
-		}), J = D(null), We = r(() => {
-			let e = U.value;
-			return e ? W.value.find((t) => t.id === e) ?? null : null;
-		}), Ge = w([]), Ke = w({
+		}), Mt = T([]), Nt = T({
 			width: 220,
 			height: 120
-		}), qe = r(() => {
-			let e = R.value, t = z.value;
+		}), Pt = r(() => {
+			let e = V.value, t = re.value;
 			return !e || !t ? {
 				x: 0,
 				y: 0
@@ -2432,203 +3255,102 @@ var Pr = m({
 				x: e.offsetLeft,
 				y: e.offsetTop
 			};
-		}), Je = r(() => q.value.hoveredMarkerData), Ye = r(() => q.value.hoveredCustomMarker), Xe = r(() => q.value.isDragging), Ze = r(() => q.value.isResizingPaneBoundary), Qe = r(() => q.value.isHoveringPaneBoundary), $e = r(() => q.value.hoveredPaneBoundaryId), et = r(() => q.value.isHoveringRightAxis), tt = r(() => q.value.hoveredIndex);
-		r(() => q.value.crosshairIndex);
-		let nt = r(() => Xe.value ? "grabbing" : Ze.value || Qe.value ? "ns-resize" : tt.value === null ? "crosshair" : "pointer"), rt = r(() => {
-			let e = q.value.hoveredIndex;
+		}), Ft = r(() => X.value.hoveredMarkerData), It = r(() => X.value.hoveredCustomMarker), Rt = r(() => X.value.isDragging), zt = r(() => X.value.isResizingPaneBoundary), Bt = r(() => X.value.isHoveringPaneBoundary), Vt = r(() => X.value.hoveredPaneBoundaryId), Ht = r(() => X.value.isHoveringRightAxis), Ut = window.matchMedia("(pointer: coarse)").matches, Wt = r(() => X.value.hoveredIndex);
+		r(() => X.value.crosshairIndex);
+		let Gt = r(() => Rt.value ? "grabbing" : zt.value || Bt.value ? "ns-resize" : Wt.value === null ? "crosshair" : "pointer"), Kt = r(() => {
+			let e = X.value.hoveredIndex;
 			if (typeof e != "number") return null;
-			ve.value;
-			let t = B.value?.getData();
+			ye.value;
+			let t = H.value?.getData();
 			return t && e >= 0 && e < t.length ? t[e] : null;
-		}), it = r(() => q.value.hoveredIndex), at = r(() => q.value.tooltipPos), ot = r(() => ({
-			x: at.value.x + qe.value.x,
-			y: at.value.y + qe.value.y
-		})), st = r(() => ({
-			left: `${ot.value.x}px`,
-			top: `${ot.value.y}px`
-		})), ct = r(() => ({
-			x: ze.value.x + qe.value.x,
-			y: ze.value.y + qe.value.y
-		})), lt = r(() => ({
-			left: `${ct.value.x}px`,
-			top: `${ct.value.y}px`
-		})), ut = r(() => q.value.tooltipAnchorPlacement), dt = r(() => {
-			let e = B.value?.viewport.peek(), t = R.value, n = e?.plotWidth ?? (t ? t.clientWidth : 0);
-			return ze.value.x + 12 + Ke.value.width + 12 > n ? "left-bottom" : "right-bottom";
-		}), ft = r(() => (ve.value, B.value?.getData() ?? []));
-		function pt(e) {
-			J.value?.setTool(e);
-		}
-		function mt() {
-			de.value?.toggleMenu();
-		}
-		function ht(e) {
-			let t = We.value;
-			!t || !J.value || (J.value.updateDrawingStyle(t.id, e), W.value = J.value.getDrawings());
-		}
-		function gt() {
-			let e = We.value;
-			!e || !J.value || (J.value.removeDrawing(e.id), W.value = J.value.getDrawings());
-		}
-		function _t(e) {
-			B.value?.handlePointerEvent(e, { onPointerDown: (e, t) => !!J.value?.onPointerDown(e, t) });
-		}
-		function vt(e) {
-			let t = R.value;
+		}), qt = r(() => X.value.hoveredIndex), Jt = r(() => X.value.tooltipPos), Yt = r(() => ({
+			x: Jt.value.x + Pt.value.x,
+			y: Jt.value.y + Pt.value.y
+		})), Xt = r(() => ({
+			left: `${Yt.value.x}px`,
+			top: `${Yt.value.y}px`
+		})), Z = r(() => ({
+			x: Dt.value.x + Pt.value.x,
+			y: Dt.value.y + Pt.value.y
+		})), Qt = r(() => ({
+			left: `${Z.value.x}px`,
+			top: `${Z.value.y}px`
+		})), $t = r(() => X.value.tooltipAnchorPlacement), tn = r(() => {
+			let e = H.value?.viewport.peek(), t = V.value, n = e?.plotWidth ?? (t ? t.clientWidth : 0);
+			return Dt.value.x + 12 + Nt.value.width + 12 > n ? "left-bottom" : "right-bottom";
+		}), nn = r(() => (ye.value, H.value?.getData() ?? []));
+		function rn() {
+			se.value?.toggleMenu();
+		}
+		function on(e) {
+			xe.value = e;
+		}
+		function sn(e) {
+			if (ke.value = e, e === "range-select") {
+				Y.value?.setTool("cursor"), qe.value = null;
+				return;
+			}
+			dt(), Xe(e);
+		}
+		function fn(e) {
+			H.value?.handlePointerEvent(e, { onPointerDown: (e, t) => !!(ft(e, t) || Y.value?.onPointerDown(e, t)) });
+		}
+		function pn(e) {
+			let t = V.value;
 			if (t) {
-				let n = Ue(t);
-				ze.value = {
+				let n = jt(t);
+				Dt.value = {
 					x: e.clientX - n.left,
 					y: e.clientY - n.top
 				};
 			}
-			B.value?.handlePointerEvent(e, { onPointerMove: (e, t) => J.value?.onPointerMove(e, t) ? (W.value = J.value.getDrawings(), !0) : !1 });
-		}
-		function yt(e) {
-			B.value?.handlePointerEvent(e, { onPointerUp: (e, t) => !!J.value?.onPointerUp(e, t) });
-		}
-		function bt(e) {
-			B.value?.handlePointerEvent(e);
-		}
-		function xt(e) {
-			B.value?.handlePointerEvent(e);
-		}
-		function St(e) {
-			B.value?.handlePointerEvent(e);
-		}
-		function Ct(e) {
-			B.value?.handlePointerEvent(e);
-		}
-		function wt(e) {
-			B.value?.handlePointerEvent(e);
-		}
-		function Tt() {
-			B.value?.handleScrollEvent();
-		}
-		let Et = w([]), Dt = r(() => {
-			let e = [], t = /* @__PURE__ */ new Set();
-			for (let n of X.value) t.has(n.indicatorId) || (t.add(n.indicatorId), e.push(n.indicatorId));
-			return e;
-		}), Ot = r(() => [...Et.value, ...Dt.value]), Y = w({}), X = w([]);
-		function kt() {
-			let e = Ce.value.main ?? 3;
-			return X.value.length === 0 ? [{
-				id: "main",
-				ratio: e,
-				visible: !0,
-				role: "price"
-			}] : [{
-				id: "main",
-				ratio: e,
-				visible: !0,
-				role: "price"
-			}, ...X.value.map((e) => ({
-				id: e.id,
-				ratio: Ce.value[e.id] ?? 1,
-				visible: !0,
-				role: "indicator"
-			}))];
+			H.value?.handlePointerEvent(e, { onPointerMove: (e, t) => pt(e, t) ? !0 : Y.value?.onPointerMove(e, t) ? (Ye.value = Y.value.getDrawings(), !0) : !1 });
 		}
-		function At(e) {
-			if (e === "VOLUME") return {};
-			let t = ge(e);
-			return t?.runtime?.defaultConfig ? { ...t.runtime.defaultConfig } : {};
+		function mn(e) {
+			H.value?.handlePointerEvent(e, { onPointerUp: (e, t) => !!(mt(e, t) || Y.value?.onPointerUp(e, t)) });
 		}
-		function jt(e) {
-			if (e === "VOLUME") return !0;
-			let t = ge(e);
-			return !!t && t.category !== "main";
+		function hn(e) {
+			H.value?.handlePointerEvent(e);
 		}
-		function Mt(e = "VOLUME", t) {
-			if (X.value.length >= Si) return !1;
-			let n = t ?? At(e);
-			return !!B.value?.addIndicator(e, "sub", n);
+		function gn(e) {
+			H.value?.handlePointerEvent(e);
 		}
-		function Nt(e) {
-			B.value?.removeIndicator(e);
+		function _n(e) {
+			H.value?.handlePointerEvent(e);
 		}
-		function Ft() {
-			for (let e of X.value) B.value?.removeIndicator(e.id);
+		function vn(e) {
+			H.value?.handlePointerEvent(e);
 		}
-		function It() {
-			let e = d.semanticConfig, t = B.value;
-			if (!e || !t) return;
-			let n = e.indicators?.main;
-			if (n) for (let e of n) e.enabled && t.addIndicator(e.type, "main", e.params);
-		}
-		function Lt(e, t) {
-			let n = At(t);
-			B.value?.replaceSubPaneIndicator(e, t, n);
-		}
-		function Rt(e, t) {
-			let n = B.value;
-			if (!n) return;
-			let r = ge(e);
-			if (r && (r.category === "main" || r.allowMainPane)) {
-				let r = Et.value.find((t) => t === e);
-				t && !r ? n.addIndicator(e, "main", Y.value[e]) : !t && r && n.removeIndicator(e.toUpperCase());
-				return;
-			}
-			if (jt(e)) if (t) {
-				if (X.value.find((t) => t.indicatorId === e) || X.value.length >= Si) return;
-				if (!n.addIndicator(e, "sub", Y.value[e]) && X.value.length > 0) {
-					let t = X.value[X.value.length - 1];
-					Lt(t.id, e);
-				}
-			} else X.value.filter((t) => t.indicatorId === e).forEach((e) => {
-				n.removeIndicator(e.id);
-			});
+		function yn(e) {
+			H.value?.handlePointerEvent(e);
 		}
-		function zt(e, t) {
-			if (e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
-				B.value?.updateIndicatorParams(e, t);
-				return;
-			}
-			jt(e) && X.value.filter((t) => t.indicatorId === e).forEach((e) => {
-				B.value?.updateIndicatorParams(e.id, t);
-			});
+		function xn() {
+			bt(), H.value?.handleScrollEvent();
 		}
-		function Bt(e) {
-			if (!e.length || X.value.length <= 1) return;
-			let t = e.filter((e) => jt(e));
-			if (!t.length) return;
-			let n = new Map(X.value.map((e) => [e.indicatorId, e])), r = [];
-			for (let e of t) {
-				let t = n.get(e);
-				t && (r.push(t), n.delete(e));
-			}
-			if (r.length === 0) return;
-			for (let e of X.value) n.has(e.indicatorId) && (r.push(e), n.delete(e.indicatorId));
-			let i = X.value.map((e) => e.id), a = r.map((e) => e.id);
-			if (i.join("|") === a.join("|")) return;
-			X.value = r;
-			let o = B.value;
-			o && o.updatePaneLayout(kt());
-		}
-		let Vt = r(() => d.rightAxisWidth + d.priceLabelWidth), Ht = r(() => (ve.value, Se.value, be.value, xe.value, ye.value, B.value?.getContentWidth() ?? 0));
-		function Ut(e, t) {
-			B.value?.zoomToLevel(e, t);
+		let Sn = r(() => d.rightAxisWidth + d.priceLabelWidth), Cn = r(() => (ye.value, we.value, q.value, Ce.value, G.value, H.value?.getContentWidth() ?? 0));
+		function wn(e, t) {
+			H.value?.zoomToLevel(e, t);
 		}
 		c({
-			scheduleRender: Ne,
-			addSubPane: Mt,
-			removeSubPane: Nt,
-			switchSubIndicator: Lt,
-			clearAllSubPanes: Ft,
-			zoomToLevel: Ut,
-			zoomIn: (e) => Ut(H.value + 1, e),
-			zoomOut: (e) => Ut(H.value - 1, e),
-			getZoomLevel: () => H.value,
-			getZoomLevelCount: () => B.value?.getZoomLevelCount() ?? 10,
-			getController: () => B.value
+			scheduleRender: Ct,
+			addSubPane: Le,
+			removeSubPane: Re,
+			switchSubIndicator: He,
+			clearAllSubPanes: ze,
+			zoomToLevel: wn,
+			zoomIn: (e) => wn(K.value + 1, e),
+			zoomOut: (e) => wn(K.value - 1, e),
+			getZoomLevel: () => K.value,
+			getZoomLevelCount: () => H.value?.getZoomLevelCount() ?? 10,
+			getController: () => H.value
 		});
-		function Wt() {
+		function Tn() {
 			return (e) => {
-				e.preventDefault(), B.value?.handleWheelEvent(e);
+				e.preventDefault(), H.value?.handleWheelEvent(e);
 			};
 		}
-		function Gt(e, t, n, r) {
-			return le({
+		function En(e, t, n, r) {
+			return ce({
 				container: e,
 				data: [],
 				canvasLayer: t,
@@ -2645,11 +3367,11 @@ var Pr = m({
 				mcp: d.mcp
 			});
 		}
-		function Kt(e) {
+		function Dn(e) {
 			let t = e.paneLayout.subscribe(() => {
-				He();
-				let t = R.value && parseInt(getComputedStyle(R.value).borderTopWidth) || 0;
-				Ge.value = e.paneLayout.peek().slice(0, -1).map((n) => {
+				At();
+				let t = V.value && parseInt(getComputedStyle(V.value).borderTopWidth) || 0;
+				Mt.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,
@@ -2657,128 +3379,87 @@ var Pr = m({
 					};
 				});
 			}), n = e.paneRatios.subscribe(() => {
-				Ce.value = { ...e.paneRatios.peek() };
+				Te.value = { ...e.paneRatios.peek() };
 			}), r = e.viewport.subscribe(() => {
 				let t = e.viewport.peek();
-				ye.value !== t.dpr && (ye.value = t.dpr), Se.value !== t.plotWidth && (Se.value = t.plotWidth), (H.value !== t.zoomLevel || be.value !== t.kWidth || xe.value !== t.kGap) && (H.value = t.zoomLevel, be.value = t.kWidth, xe.value = t.kGap);
+				Se.value++, G.value !== t.dpr && (G.value = t.dpr), we.value !== t.plotWidth && (we.value = t.plotWidth), (K.value !== t.zoomLevel || q.value !== t.kWidth || Ce.value !== t.kGap) && (K.value = t.zoomLevel, q.value = t.kWidth, Ce.value = t.kGap), g(() => {
+					requestAnimationFrame(() => {
+						xt();
+					});
+				});
 			}), i = e.data.subscribe(() => {
 				let t = e.data.peek();
-				V.value = t.length, ve.value++, O.value = t.length === 0;
+				ve.value = t.length, ye.value++, O.value = t.length === 0;
 			}), a = e.dataLoading.subscribe(() => {
-				E.value = e.dataLoading.peek();
+				D.value = e.dataLoading.peek();
 			}), o = e.theme.subscribe(() => {
 				let t = e.theme.peek();
-				De.value = t, f("themeChange", t);
-			}), s = e.indicators.subscribe(() => {
-				let t = e.indicators.peek(), n = t.filter((e) => e.role === "main").map((e) => e.definitionId);
-				Et.value = n;
-				let r = { ...Y.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: {
-					MA: {
-						enabled: n.includes("MA"),
-						params: r.MA || {}
-					},
-					BOLL: {
-						enabled: n.includes("BOLL"),
-						params: r.BOLL || {}
-					},
-					EXPMA: {
-						enabled: n.includes("EXPMA"),
-						params: r.EXPMA || {}
-					},
-					ENE: {
-						enabled: n.includes("ENE"),
-						params: r.ENE || {}
-					}
-				} }), Y.value = r;
-			}), c = e.subPanes.subscribe(() => {
-				let t = e.subPanes.peek(), n = new Set(t.map((e) => e.paneId)), r = X.value.filter((e) => n.has(e.id)), i = new Set(r.map((e) => e.id));
-				for (let e of t) i.has(e.paneId) || r.push({
-					id: e.paneId,
-					indicatorId: e.indicatorId,
-					params: e.params
-				});
-				X.value = r;
-				let a = { ...Y.value };
-				for (let e of t) e.params && Object.keys(e.params).length > 0 && (a[e.indicatorId] = { ...e.params });
-				Y.value = a;
-			}), l = e.comparisonColors.subscribe(() => {
-				we.value = new Map(e.comparisonColors.peek());
-			}), u = e.comparisonLoading.subscribe(() => {
-				Te.value = e.comparisonLoading.peek();
+				le.value = t, f("themeChange", t);
+			}), s = Ke(e), c = e.comparisonColors.subscribe(() => {
+				De.value = new Map(e.comparisonColors.peek());
+			}), l = e.comparisonLoading.subscribe(() => {
+				Oe.value = e.comparisonLoading.peek();
 			});
-			x(() => {
-				r(), i(), a(), n(), t(), o(), s(), c(), l(), u(), K?.removeEventListener("change", Ae);
+			S(() => {
+				r(), i(), a(), n(), t(), o(), s(), c(), l();
 			});
 		}
-		function qt(e) {
-			let t = ue.value?.getSettings() ?? { showVolumePriceMarkers: !0 };
-			G.value = t, je(e, t.theme), e.updateSettingsFacade(t);
-		}
-		function Z(e) {
-			J.value = new se(e), J.value.setCallbacks({
-				onDrawingCreated: (e) => {
-					W.value = [...W.value, e], U.value = e.id;
-				},
-				onToolChange: () => {},
-				onDrawingSelected: (e) => {
-					U.value = e?.id ?? null;
-				}
-			});
+		function On(e) {
+			let t = oe.value?.getSettings() ?? { showVolumePriceMarkers: !0 };
+			U.value = t, W(t.theme), e.updateSettingsFacade(t);
 		}
-		function Yt(e) {
-			e.setTooltipAnchorPositioning(Be.value), e.interactionState.subscribe(() => {
-				q.value = e.interactionState.peek();
-			}), q.value = e.interactionState.peek(), ye.value = e.viewport.peek().dpr;
+		function kn(e) {
+			e.setTooltipAnchorPositioning(Ot.value), e.interactionState.subscribe(() => {
+				X.value = e.interactionState.peek();
+			}), X.value = e.interactionState.peek(), G.value = e.viewport.peek().dpr;
 		}
-		function Xt(e) {
-			e.setDataFetcher(d.dataFetcher), pe.value = new he(e), pe.value.on("config:error", (e) => {
+		function An(e) {
+			e.setDataFetcher(d.dataFetcher), _e.value = new me(e), _e.value.on("config:error", (e) => {
 				console.error("Semantic config error:", e);
-			}), pe.value.on("config:ready", () => {
-				It(), h(() => B.value?.scrollToRight());
+			}), _e.value.on("config:ready", () => {
+				Ve(d.semanticConfig), g(() => H.value?.scrollToRight());
 			});
 		}
-		return y(async () => {
-			Be.value = !1;
-			let e = R.value, t = z.value;
+		return b(async () => {
+			Ot.value = !1;
+			let e = V.value, t = re.value;
 			if (!e || !t) return;
-			let n = Wt();
+			let n = Tn();
 			e.addEventListener("wheel", n, { passive: !1 });
-			let r = e.querySelector(".canvas-layer"), i = e.querySelector(".x-axis-canvas"), a = await Gt(e, r, t.querySelector(".right-axis-host"), i);
-			!R.value || !z.value || (B.value = a, Kt(a), It(), qt(a), Z(a), Yt(a), Xt(a));
-		}), x(() => {
-			let e = B.value;
-			e && (B.value = null, e.dispose()), J.value = null;
-		}), M(() => d.yPaddingPx, (e) => {
-			B.value?.updateOptionsFacade({ yPaddingPx: e });
-		}), M(() => d.semanticConfig, async (e, t) => {
+			let r = e.querySelector(".canvas-layer"), i = e.querySelector(".x-axis-canvas"), a = await En(e, r, t.querySelector(".right-axis-host"), i);
+			!V.value || !re.value || (H.value = a, Dn(a), Ve(d.semanticConfig), On(a), $e(a), kn(a), An(a));
+		}), S(() => {
+			let e = H.value;
+			e && (H.value = null, e.dispose()), Y.value = null;
+		}), P(() => d.yPaddingPx, (e) => {
+			H.value?.updateOptionsFacade({ yPaddingPx: e });
+		}), P(() => d.semanticConfig, async (e, t) => {
 			if (e && e !== t) {
-				let t = await pe.value?.applyConfig(e);
+				let t = await _e.value?.applyConfig(e);
 				t && !t.success && console.error("Semantic config apply failed:", t.errors);
 			}
-		}, { deep: !0 }), (r, c) => (S(), o("div", {
+		}, { deep: !0 }), (r, c) => (C(), o("div", {
 			ref_key: "chartWrapperRef",
 			ref: ie,
 			class: "chart-wrapper",
-			"data-theme": De.value,
-			style: _(ke.value)
+			"data-theme": j(le),
+			style: v(j(fe))
 		}, [
-			l(_i, {
-				symbol: b.value,
+			l(Ii, {
+				symbol: x.value,
 				"k-line-level": p.value,
-				"k-line-adjust": m.value,
-				"symbol-loading": E.value,
+				"k-line-adjust": h.value,
+				"symbol-loading": D.value,
 				"symbol-error": O.value,
-				"overlay-symbols": k.value,
-				"comparison-colors": we.value,
-				"comparison-loading": Te.value,
-				onAddOverlaySymbol: F,
-				onRemoveOverlaySymbol: I,
-				onKLineLevelChange: j,
-				onKLineAdjustChange: N,
-				onToggleIndicator: mt,
-				onSymbolChange: P
+				"overlay-symbols": A.value,
+				"comparison-colors": De.value,
+				"comparison-loading": Oe.value,
+				onAddOverlaySymbol: z,
+				onRemoveOverlaySymbol: ee,
+				onKLineLevelChange: N,
+				onKLineAdjustChange: I,
+				onToggleIndicator: rn,
+				onSymbolChange: L
 			}, null, 8, [
 				"symbol",
 				"k-line-level",
@@ -2789,82 +3470,126 @@ var Pr = m({
 				"comparison-colors",
 				"comparison-loading"
 			]),
-			s("div", { class: g(["chart-stage", {
-				"is-dragging": Xe.value,
-				"is-resizing-pane": Ze.value,
-				"is-hovering-pane-separator": Qe.value,
-				"is-hovering-right-axis": et.value,
-				"is-hovering-kline": tt.value !== null
-			}]) }, [l(kr, {
+			s("div", { class: _(["chart-stage", {
+				"is-dragging": Rt.value,
+				"is-resizing-pane": zt.value,
+				"is-hovering-pane-separator": Bt.value,
+				"is-hovering-right-axis": Ht.value,
+				"is-hovering-kline": Wt.value !== null
+			}]) }, [l(Zr, {
 				ref_key: "toolbarRef",
-				ref: ue,
+				ref: oe,
 				"is-fullscreen": n.isFullscreen,
-				onSelectTool: pt,
+				onSelectTool: sn,
 				onToggleFullscreen: c[0] ||= (e) => r.$emit("toggleFullscreen"),
-				onZoomIn: c[1] ||= (e) => Ut(H.value + 1),
-				onZoomOut: c[2] ||= (e) => Ut(H.value - 1),
-				onSettingsChange: Fe
-			}, null, 8, ["is-fullscreen"]), s("div", {
+				onZoomIn: c[1] ||= (e) => wn(K.value + 1),
+				onZoomOut: c[2] ||= (e) => wn(K.value - 1),
+				onSettingsChange: j(he)
+			}, null, 8, ["is-fullscreen", "onSettingsChange"]), s("div", {
 				class: "chart-main",
 				ref_key: "chartMainRef",
-				ref: z
+				ref: re
 			}, [
-				s("div", yi, [(S(!0), o(e, null, T(Ge.value, (e) => (S(), o("div", {
+				s("div", Wi, [(C(!0), o(e, null, E(Mt.value, (e) => (C(), o("div", {
 					key: e.id,
-					class: g(["pane-separator-line", { "is-active": $e.value === e.id }]),
-					style: _({ top: `${e.top}px` })
+					class: _(["pane-separator-line", { "is-active": Vt.value === e.id }]),
+					style: v({ top: `${e.top}px` })
 				}, null, 6))), 128))]),
 				s("div", {
 					ref_key: "tooltipLayerRef",
-					ref: ce,
+					ref: ae,
 					class: "tooltip-layer"
 				}, null, 512),
 				s("div", {
 					class: "chart-container",
-					style: _({ cursor: nt.value }),
+					style: v({ cursor: Gt.value }),
 					ref_key: "containerRef",
-					ref: R,
-					onScrollPassive: Tt,
-					onPointerdown: _t,
-					onPointermove: vt,
-					onPointerup: yt,
-					onPointerleave: bt
+					ref: V,
+					onScrollPassive: xn,
+					onPointerdown: fn,
+					onPointermove: pn,
+					onPointerup: mn,
+					onPointerleave: hn
 				}, [s("div", {
 					class: "scroll-content",
-					style: _({ width: Ht.value + "px" })
-				}, [s("div", bi, [s("canvas", xi, null, 512), We.value ? (S(), i(Me, {
+					style: v({ width: Cn.value + "px" })
+				}, [s("div", Gi, [s("canvas", Ki, null, 512), l(cn, null, {
+					default: F(() => [j(at) ? (C(), i(an, {
+						key: 0,
+						"start-date": j(tt),
+						"onUpdate:startDate": c[3] ||= (e) => m(tt) ? tt.value = e : null,
+						"end-date": j(nt),
+						"onUpdate:endDate": c[4] ||= (e) => m(nt) ? nt.value = e : null,
+						"start-label": j(ct),
+						"end-label": j(lt),
+						count: j(st),
+						onExport: j(ht),
+						onClear: j(dt),
+						onBatchSetting: c[5] ||= (e) => be.value = !0
+					}, null, 8, [
+						"start-date",
+						"end-date",
+						"start-label",
+						"end-label",
+						"count",
+						"onExport",
+						"onClear"
+					])) : a("", !0), j(Je) ? (C(), i(Be, {
+						key: 1,
+						drawing: j(Je),
+						onUpdateStyle: j(Ze),
+						onDelete: j(Qe)
+					}, null, 8, [
+						"drawing",
+						"onUpdateStyle",
+						"onDelete"
+					])) : a("", !0)]),
+					_: 1
+				})], 512), j(ut) ? (C(), o("div", {
+					key: 0,
+					class: _(["range-selection-overlay", { "is-dragging": j(et).isDragging }]),
+					style: v(j(ut)),
+					"aria-label": "已选择的 K 线区间"
+				}, [j(at) ? (C(), o("div", {
 					key: 0,
-					drawing: We.value,
-					onUpdateStyle: ht,
-					onDelete: gt
-				}, null, 8, ["drawing"])) : a("", !0)], 512)], 4)], 36),
-				ce.value ? (S(), i(t, {
+					class: "range-selection-handle range-selection-handle--left",
+					onPointerdown: c[6] ||= R((e) => j(_t)("left", e), ["stop"]),
+					onPointermove: c[7] ||= R((e) => j(vt)(e), ["stop"]),
+					onPointerup: c[8] ||= R((e) => j(yt)(e), ["stop"])
+				}, null, 32)) : a("", !0), j(at) ? (C(), o("div", {
+					key: 1,
+					class: "range-selection-handle range-selection-handle--right",
+					onPointerdown: c[9] ||= R((e) => j(_t)("right", e), ["stop"]),
+					onPointermove: c[10] ||= R((e) => j(vt)(e), ["stop"]),
+					onPointerup: c[11] ||= R((e) => j(yt)(e), ["stop"])
+				}, null, 32)) : a("", !0)], 6)) : a("", !0)], 4)], 36),
+				ae.value ? (C(), i(t, {
 					key: 0,
-					to: ce.value
+					to: ae.value
 				}, [
-					rt.value ? (S(), o("div", {
+					Kt.value && !j(Ut) ? (C(), o("div", {
 						key: 0,
-						class: g(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": Be.value }]),
-						style: _(st.value)
+						class: _(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": Ot.value }]),
+						style: v(Xt.value)
 					}, null, 6)) : a("", !0),
-					Je.value || Ye.value ? (S(), o("div", {
+					Ft.value || It.value ? (C(), o("div", {
 						key: 1,
-						class: g(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": Be.value }]),
-						style: _(lt.value)
+						class: _(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": Ot.value }]),
+						style: v(Qt.value)
 					}, null, 6)) : a("", !0),
-					rt.value ? (S(), i(Jt, {
+					Kt.value && !j(Ut) ? (C(), i(Zt, {
 						key: 2,
-						k: rt.value,
-						index: it.value,
-						data: ft.value,
-						pos: ot.value,
-						"set-el": Le,
-						"use-anchor": Be.value,
-						"anchor-placement": ut.value,
-						"up-color": Oe.value.upColor,
-						"down-color": Oe.value.downColor,
+						k: Kt.value,
+						index: qt.value,
+						data: nn.value,
+						pos: Yt.value,
+						"set-el": Tt,
+						"use-anchor": Ot.value,
+						"anchor-placement": $t.value,
+						"up-color": j(ue).upColor,
+						"down-color": j(ue).downColor,
 						timezone: d.timezone,
-						"show-time": v.value
+						"show-time": y.value
 					}, null, 8, [
 						"k",
 						"index",
@@ -2877,13 +3602,13 @@ var Pr = m({
 						"timezone",
 						"show-time"
 					])) : a("", !0),
-					Je.value || Ye.value ? (S(), i(Zt, {
+					Ft.value || It.value ? (C(), i(en, {
 						key: 3,
-						marker: Je.value || Ye.value,
-						pos: ct.value,
-						"use-anchor": Be.value,
-						"anchor-placement": dt.value,
-						"set-el": Re
+						marker: Ft.value || It.value,
+						pos: Z.value,
+						"use-anchor": Ot.value,
+						"anchor-placement": tn.value,
+						"set-el": Et
 					}, null, 8, [
 						"marker",
 						"pos",
@@ -2894,27 +3619,42 @@ var Pr = m({
 				s("div", {
 					class: "right-axis-host",
 					ref: "rightAxisLayerRef",
-					style: _({ width: Vt.value + "px" }),
-					onPointerdown: xt,
-					onPointermove: St,
-					onPointerup: Ct,
-					onPointerleave: wt
+					style: v({ width: Sn.value + "px" }),
+					onPointerdown: gn,
+					onPointermove: _n,
+					onPointerup: vn,
+					onPointerleave: yn
 				}, null, 36)
 			], 512)], 2),
-			l(Pt, {
+			l(Hi, {
+				progress: j(gt),
+				onClose: c[12] ||= (e) => gt.value = null
+			}, null, 8, ["progress"]),
+			l(Li, {
+				show: be.value,
+				onClose: c[13] ||= (e) => be.value = !1,
+				onApply: on
+			}, null, 8, ["show"]),
+			l(Lt, {
 				ref_key: "indicatorSelectorRef",
-				ref: de,
-				"active-indicators": Ot.value,
-				"indicator-params": Y.value,
-				onToggle: Rt,
-				onUpdateParams: zt,
-				onReorderSubIndicators: Bt
-			}, null, 8, ["active-indicators", "indicator-params"])
-		], 12, vi));
+				ref: se,
+				"active-indicators": j(Me),
+				"indicator-params": j(Ne),
+				onToggle: j(Ue),
+				onUpdateParams: j(We),
+				onReorderSubIndicators: j(Ge)
+			}, null, 8, [
+				"active-indicators",
+				"indicator-params",
+				"onToggle",
+				"onUpdateParams",
+				"onReorderSubIndicators"
+			])
+		], 12, Ui));
 	}
-}), [["__scopeId", "data-v-62fe928b"]]), wi = {
+}), [["__scopeId", "data-v-44244ba7"]]), Ji = {
 	name: "@363045841yyt/klinechart",
-	version: "0.8.4",
+	version: "0.8.6",
 	description: "Vue 3 bindings for @363045841yyt/klinechart-core. Idiomatic composables, SFC components.",
 	license: "MIT",
 	repository: {
@@ -2987,25 +3727,25 @@ var Pr = m({
 		vitest: "^4.1.8",
 		vue: "^3.5.35"
 	}
-}.version, Ti = null;
-function Ei(e) {
-	Ti = e;
+}.version, Yi = null;
+function Xi(e) {
+	Yi = e;
 }
-function Di(e) {
+function Zi(e) {
 	if (e.container == null) throw Error("[@363045841yyt/klinechart] createChart: `container` is required and must be a non-null HTMLElement");
-	if (Ti === null) throw Error("[@363045841yyt/klinechart] createChart: no ChartController factory registered. Call __setControllerFactory(...) before mounting (the core package wires this in production).");
-	return Ti(e);
+	if (Yi === null) throw Error("[@363045841yyt/klinechart] createChart: no ChartController factory registered. Call __setControllerFactory(...) before mounting (the core package wires this in production).");
+	return Yi(e);
 }
 function $(e) {
-	let t = D(e.peek());
-	return b(e.subscribe(() => {
+	let t = k(e.peek());
+	return x(e.subscribe(() => {
 		t.value = e.peek();
 	})), t;
 }
-function Oi(e, t) {
-	let n = D(null), r = !1, i = (e) => {
+function Qi(e, t) {
+	let n = k(null), r = !1, i = (e) => {
 		if (e == null || n.value != null) return;
-		let i = Di({
+		let i = Zi({
 			...t,
 			container: e
 		}), a = (e) => {
@@ -3018,7 +3758,7 @@ function Oi(e, t) {
 		typeof i.then == "function" ? i.then(a) : a(i);
 	};
 	i(e.value);
-	let a = M(e, (e) => {
+	let a = P(e, (e) => {
 		i(e);
 	}, {
 		immediate: !0,
@@ -3028,11 +3768,11 @@ function Oi(e, t) {
 		let e = n.value;
 		e != null && (e.dispose(), n.value = null);
 	};
-	return b(o), v(o), { chart: n };
+	return x(o), y(o), { chart: n };
 }
-function ki(e) {
-	let t = D(e.indicators.peek());
-	return b(e.indicators.subscribe(() => {
+function $i(e) {
+	let t = k(e.indicators.peek());
+	return x(e.indicators.subscribe(() => {
 		t.value = e.indicators.peek();
 	})), {
 		indicators: t,
@@ -3041,27 +3781,27 @@ function ki(e) {
 		updateParams: e.updateIndicatorParams.bind(e)
 	};
 }
-function Ai(e) {
-	let t = D(e.interactionState.peek());
-	return b(e.interactionState.subscribe(() => {
+function ea(e) {
+	let t = k(e.interactionState.peek());
+	return x(e.interactionState.subscribe(() => {
 		t.value = e.interactionState.peek();
 	})), t;
 }
-function ji(e) {
-	let t = D(e.paneRatios.peek());
-	return b(e.paneRatios.subscribe(() => {
+function ta(e) {
+	let t = k(e.paneRatios.peek());
+	return x(e.paneRatios.subscribe(() => {
 		t.value = e.paneRatios.peek();
 	})), t;
 }
-function Mi(e) {
-	let t = D(e.viewport.peek());
-	return b(e.viewport.subscribe(() => {
+function na(e) {
+	let t = k(e.viewport.peek());
+	return x(e.viewport.subscribe(() => {
 		t.value = e.viewport.peek();
 	})), t;
 }
-function Ni(e) {
-	let t = R({ catalog: e.catalog });
-	b(() => t.dispose());
+function ra(e) {
+	let t = B({ catalog: e.catalog });
+	x(() => t.dispose());
 	let n = $(t.filteredMain), r = $(t.filteredSub), i = $(t.menuOpen), a = $(t.searchQuery);
 	function o(t) {
 		let n = e.catalog.find((e) => e.id === t);
@@ -3088,7 +3828,7 @@ function Ni(e) {
 		isActive: c
 	};
 }
-var Pi = u({
+var ia = u({
 	name: "KLineChart",
 	props: {
 		data: {
@@ -3117,7 +3857,7 @@ var Pi = u({
 		zoomLevelChange: (e, t) => !0
 	},
 	setup(e, { emit: t, expose: n }) {
-		let r = D(null), i = d(), a = D(null), o = !0, s = (e) => {
+		let r = k(null), i = d(), a = k(null), o = !0, s = (e) => {
 			if (!o) {
 				e.dispose();
 				return;
@@ -3127,12 +3867,12 @@ var Pi = u({
 				let n = e.viewport.peek();
 				t("zoomLevelChange", n.zoomLevel, n.kWidth);
 			};
-			n(), b(e.viewport.subscribe(n));
+			n(), x(e.viewport.subscribe(n));
 		};
-		y(() => {
+		b(() => {
 			let t = r.value;
 			t != null && (i.run(() => {
-				let n = Di({
+				let n = Zi({
 					container: t,
 					data: e.data,
 					initialZoomLevel: e.initialZoomLevel,
@@ -3140,12 +3880,12 @@ var Pi = u({
 					theme: e.theme
 				});
 				typeof n.then == "function" ? n.then(s) : s(n);
-			}), M(() => e.data, (e) => {
+			}), P(() => e.data, (e) => {
 				a.value?.setData(e);
-			}), M(() => e.theme, (e) => {
+			}), P(() => e.theme, (e) => {
 				a.value?.setTheme(e);
 			}));
-		}), x(() => {
+		}), S(() => {
 			o = !1, a.value?.dispose(), a.value = null, i.stop();
 		}), n({
 			getController: () => a.value,
@@ -3172,9 +3912,9 @@ var Pi = u({
 			}
 		});
 	}
-}), Fi = { install(e) {
-	e.component("KLineChart", Pi);
+}), aa = { install(e) {
+	e.component("KLineChart", ia);
 } };
-Ei(te);
+Xi(te);
 //#endregion
-export { ee as CORE_VERSION, Me as DrawingStyleToolbar, Ze as IndicatorParams, Pt as IndicatorSelector, Pi as KLineChart, Ci as KLineChartVue, Jt as KLineTooltip, Fi as KMapPlugin, kr as LeftToolbar, Zt as MarkerTooltip, wi as VERSION, Ei as __setControllerFactory, $ as coreSignalToVueRef, Di as createChart, Oi as useChart, Ni as useIndicatorSelector, ki as useIndicators, Ai as useInteractionState, ji as usePaneRatios, Mi as useViewport };
+export { ee as CORE_VERSION, Be as DrawingStyleToolbar, at as IndicatorParams, Lt as IndicatorSelector, ia as KLineChart, qi as KLineChartVue, Zt as KLineTooltip, aa as KMapPlugin, Zr as LeftToolbar, en as MarkerTooltip, Ji as VERSION, Xi as __setControllerFactory, $ as coreSignalToVueRef, Zi as createChart, Qi as useChart, ra as useIndicatorSelector, $i as useIndicators, ea as useInteractionState, ta as usePaneRatios, na as useViewport };