@363045841yyt/klinechart 0.2.11 → 0.2.13

package/dist/index.js

@@ -6635,6 +6635,12 @@ var Vi = (typeof document < "u" ? document.createElement("canvas") : null)?.getC
 				case "BOLL":
 					this.applyBOLLIndicator(t);
 					break;
+				case "EXPMA":
+					this.applyEXPMAIndicator(t);
+					break;
+				case "ENE":
+					this.applyENEIndicator(t);
+					break;
 			}
 		}
 		if (this.chart.clearSubPanes(), t) for (let e of t) this.applySubIndicator(e);
@@ -6655,7 +6661,21 @@ var Vi = (typeof document < "u" ? document.createElement("canvas") : null)?.getC
 			period: e.params?.period || 20,
 			multiplier: e.params?.multiplier || 2
 		};
-		this.chart.updateRendererConfig("boll", t), this.chart.setRendererEnabled("boll", e.enabled);
+		this.chart.updateRendererConfig("boll", t);
+	}
+	applyEXPMAIndicator(e) {
+		let t = {
+			fastPeriod: e.params?.fastPeriod || 12,
+			slowPeriod: e.params?.slowPeriod || 50
+		};
+		this.chart.updateRendererConfig("expma", t);
+	}
+	applyENEIndicator(e) {
+		let t = {
+			period: e.params?.period || 10,
+			deviation: e.params?.deviation || 11
+		};
+		this.chart.updateRendererConfig("ene", t);
 	}
 	applySubIndicator(e) {
 		if (!e.enabled) return;
@@ -6801,7 +6821,8 @@ function aa(e) {
 			priceToY: (t) => e.yAxis.priceToY(t),
 			yToPrice: (t) => e.yAxis.yToPrice(t),
 			getPaddingTop: () => e.yAxis.getPaddingTop(),
-			getPaddingBottom: () => e.yAxis.getPaddingBottom()
+			getPaddingBottom: () => e.yAxis.getPaddingBottom(),
+			getPriceOffset: () => e.yAxis.getPriceOffset()
 		},
 		priceRange: e.priceRange
 	};
@@ -7358,57 +7379,65 @@ var Da = {
 	KST: "rgba(69, 112, 249, 1)",
 	SIGNAL: "rgba(255, 152, 0, 1)"
 }, Ba = {
+	FAST: "rgba(255, 152, 0, 1)",
+	SLOW: "rgba(69, 112, 249, 1)"
+}, Va = {
+	UPPER: "rgba(214, 10, 34, 1)",
+	MIDDLE: "rgba(69, 112, 249, 1)",
+	LOWER: "rgba(3, 123, 102, 1)",
+	BAND_FILL: "rgba(69, 112, 249, 0.08)"
+}, Ha = {
 	LINE: "rgba(0, 0, 0, 0.28)",
 	LABEL_BG: "rgb(0, 0, 0)",
 	LABEL_TEXT: "rgba(255, 255, 255, 0.92)"
-}, Va = X.UP, Ha = X.DOWN, Ua = X.NEUTRAL;
-function Wa(e) {
-	return e > 0 ? Va : e < 0 ? Ha : Ua;
+}, Ua = X.UP, Wa = X.DOWN, Ga = X.NEUTRAL;
+function Ka(e) {
+	return e > 0 ? Ua : e < 0 ? Wa : Ga;
 }
-function Ga(e, t = 2) {
+function qa(e, t = 2) {
 	let n = Math.abs(e);
 	return n >= 1e8 ? `${(e / 1e8).toFixed(t)}亿` : n >= 1e4 ? `${(e / 1e4).toFixed(t)}万` : `${Math.round(e)}`;
 }
-function Ka(e, t = 2) {
+function Ja(e, t = 2) {
 	return `${e > 0 ? "+" : ""}${e.toFixed(t)}`;
 }
-function qa(e, t = 2) {
+function Ya(e, t = 2) {
 	return `${e.toFixed(t)}%`;
 }
-function Ja(e, t = 2) {
+function Xa(e, t = 2) {
 	return `${e > 0 ? "+" : ""}${e.toFixed(t)}%`;
 }
-function Ya(e, t) {
+function Za(e, t) {
 	let n = t?.close ?? e.open;
-	return Wa(e.open - n);
+	return Ka(e.open - n);
 }
-function Xa(e) {
-	return Wa(e.close - e.open);
+function Qa(e) {
+	return Ka(e.close - e.open);
 }
-function Za(e) {
-	return typeof e.changePercent == "number" ? Wa(e.changePercent) : typeof e.changeAmount == "number" ? Wa(e.changeAmount) : Ua;
+function $a(e) {
+	return typeof e.changePercent == "number" ? Ka(e.changePercent) : typeof e.changeAmount == "number" ? Ka(e.changeAmount) : Ga;
 }
 //#endregion
 //#region src/components/KLineTooltip.vue?vue&type=script&setup=true&lang.ts
-var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "kline-tooltip__grid" }, to = { class: "row" }, no = { class: "row" }, ro = { class: "row" }, io = { class: "row" }, ao = {
+var eo = { class: "kline-tooltip__title" }, to = { key: 0 }, no = { class: "kline-tooltip__grid" }, ro = { class: "row" }, io = { class: "row" }, ao = { class: "row" }, oo = { class: "row" }, so = {
 	key: 0,
 	class: "row"
-}, oo = {
+}, co = {
 	key: 1,
 	class: "row"
-}, so = {
+}, lo = {
 	key: 2,
 	class: "row"
-}, co = {
+}, uo = {
 	key: 3,
 	class: "row"
-}, lo = {
+}, fo = {
 	key: 4,
 	class: "row"
-}, uo = {
+}, po = {
 	key: 5,
 	class: "row"
-}, fo = /* @__PURE__ */ u({
+}, mo = /* @__PURE__ */ u({
 	__name: "KLineTooltip",
 	props: {
 		k: {},
@@ -7424,15 +7453,15 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 		}
 		let i = r(() => {
 			let e = t.k;
-			if (!e) return Ua;
+			if (!e) return Ga;
 			let n = t.index;
-			return Ya(e, typeof n == "number" && n > 0 ? t.data[n - 1] : void 0);
+			return Za(e, typeof n == "number" && n > 0 ? t.data[n - 1] : void 0);
 		}), c = r(() => {
 			let e = t.k;
-			return e ? Xa(e) : Ua;
+			return e ? Qa(e) : Ga;
 		}), l = r(() => {
 			let e = t.k;
-			return e ? Za(e) : Ua;
+			return e ? $a(e) : Ga;
 		});
 		return (t, r) => e.k ? (g(), o("div", {
 			key: 0,
@@ -7442,29 +7471,29 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 				left: `${e.pos.x}px`,
 				top: `${e.pos.y}px`
 			})
-		}, [s("div", Qa, [e.k.stockCode ? (g(), o("span", $a, b(e.k.stockCode), 1)) : a("", !0), s("span", null, b(x(wa)(e.k.timestamp)), 1)]), s("div", eo, [
-			s("div", to, [r[0] ||= s("span", null, "开", -1), s("span", { style: p({ color: i.value }) }, b(e.k.open.toFixed(2)), 5)]),
-			s("div", no, [r[1] ||= s("span", null, "高", -1), s("span", null, b(e.k.high.toFixed(2)), 1)]),
-			s("div", ro, [r[2] ||= s("span", null, "低", -1), s("span", null, b(e.k.low.toFixed(2)), 1)]),
-			s("div", io, [r[3] ||= s("span", null, "收", -1), s("span", { style: p({ color: c.value }) }, b(e.k.close.toFixed(2)), 5)]),
-			typeof e.k.volume == "number" ? (g(), o("div", ao, [r[4] ||= s("span", null, "成交量", -1), s("span", null, b(x(Ga)(e.k.volume)), 1)])) : a("", !0),
-			typeof e.k.turnover == "number" ? (g(), o("div", oo, [r[5] ||= s("span", null, "成交额", -1), s("span", null, b(x(Ga)(e.k.turnover)), 1)])) : a("", !0),
-			typeof e.k.amplitude == "number" ? (g(), o("div", so, [r[6] ||= s("span", null, "振幅", -1), s("span", null, b(e.k.amplitude) + "%", 1)])) : a("", !0),
-			typeof e.k.changePercent == "number" ? (g(), o("div", co, [r[7] ||= s("span", null, "涨跌幅", -1), s("span", { style: p({ color: l.value }) }, b(x(Ja)(e.k.changePercent)), 5)])) : a("", !0),
-			typeof e.k.changeAmount == "number" ? (g(), o("div", lo, [r[8] ||= s("span", null, "涨跌额", -1), s("span", { style: p({ color: l.value }) }, b(x(Ka)(e.k.changeAmount)), 5)])) : a("", !0),
-			typeof e.k.turnoverRate == "number" ? (g(), o("div", uo, [r[9] ||= s("span", null, "换手率", -1), s("span", null, b(x(qa)(e.k.turnoverRate)), 1)])) : a("", !0)
+		}, [s("div", eo, [e.k.stockCode ? (g(), o("span", to, b(e.k.stockCode), 1)) : a("", !0), s("span", null, b(x(wa)(e.k.timestamp)), 1)]), s("div", no, [
+			s("div", ro, [r[0] ||= s("span", null, "开", -1), s("span", { style: p({ color: i.value }) }, b(e.k.open.toFixed(2)), 5)]),
+			s("div", io, [r[1] ||= s("span", null, "高", -1), s("span", null, b(e.k.high.toFixed(2)), 1)]),
+			s("div", ao, [r[2] ||= s("span", null, "低", -1), s("span", null, b(e.k.low.toFixed(2)), 1)]),
+			s("div", oo, [r[3] ||= s("span", null, "收", -1), s("span", { style: p({ color: c.value }) }, b(e.k.close.toFixed(2)), 5)]),
+			typeof e.k.volume == "number" ? (g(), o("div", so, [r[4] ||= s("span", null, "成交量", -1), s("span", null, b(x(qa)(e.k.volume)), 1)])) : a("", !0),
+			typeof e.k.turnover == "number" ? (g(), o("div", co, [r[5] ||= s("span", null, "成交额", -1), s("span", null, b(x(qa)(e.k.turnover)), 1)])) : a("", !0),
+			typeof e.k.amplitude == "number" ? (g(), o("div", lo, [r[6] ||= s("span", null, "振幅", -1), s("span", null, b(e.k.amplitude) + "%", 1)])) : a("", !0),
+			typeof e.k.changePercent == "number" ? (g(), o("div", uo, [r[7] ||= s("span", null, "涨跌幅", -1), s("span", { style: p({ color: l.value }) }, b(x(Xa)(e.k.changePercent)), 5)])) : a("", !0),
+			typeof e.k.changeAmount == "number" ? (g(), o("div", fo, [r[8] ||= s("span", null, "涨跌额", -1), s("span", { style: p({ color: l.value }) }, b(x(Ja)(e.k.changeAmount)), 5)])) : a("", !0),
+			typeof e.k.turnoverRate == "number" ? (g(), o("div", po, [r[9] ||= s("span", null, "换手率", -1), s("span", null, b(x(Ya)(e.k.turnoverRate)), 1)])) : a("", !0)
 		])], 4)) : a("", !0);
 	}
-}), po = (e, t) => {
+}), ho = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, mo = /* @__PURE__ */ po(fo, [["__scopeId", "data-v-95daa55c"]]), ho = {
+}, go = /* @__PURE__ */ ho(mo, [["__scopeId", "data-v-95daa55c"]]), _o = {
 	RISE_WITH_VOLUME: "量价齐升",
 	RISE_WITHOUT_VOLUME: "量缩价升",
 	FALL_WITH_VOLUME: "量价齐缩",
 	FALL_WITHOUT_VOLUME: "量升价缩"
-}, go = class {
+}, vo = class {
 	markers = /* @__PURE__ */ new Map();
 	hoveredMarkerId = null;
 	lastHoveredId = null;
@@ -7526,10 +7555,10 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 		}
 		return null;
 	}
-}, _o = { class: "marker-tooltip__title" }, vo = {
+}, yo = { class: "marker-tooltip__title" }, bo = {
 	key: 0,
 	class: "marker-tooltip__content"
-}, yo = /* @__PURE__ */ po(/* @__PURE__ */ u({
+}, xo = /* @__PURE__ */ ho(/* @__PURE__ */ u({
 	__name: "MarkerTooltip",
 	props: {
 		marker: {},
@@ -7543,7 +7572,7 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 				return e.label?.text || e.shape;
 			}
 			let e = n.marker;
-			return ho[e.markerType] || e.markerType;
+			return _o[e.markerType] || e.markerType;
 		}), l = r(() => {
 			if (!n.marker) return {};
 			if (i.value) {
@@ -7565,27 +7594,27 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 				left: `${t.pos.x + 12}px`,
 				top: `${t.pos.y + 12}px`
 			})
-		}, [s("div", _o, b(c.value), 1), u.value ? (g(), o("div", vo, [(g(!0), o(e, null, v(l.value, (e, t) => (g(), o("div", {
+		}, [s("div", yo, b(c.value), 1), u.value ? (g(), o("div", bo, [(g(!0), o(e, null, v(l.value, (e, t) => (g(), o("div", {
 			key: t,
 			class: "row"
 		}, [s("span", null, b(t), 1), s("span", null, b(d(e)), 1)]))), 128))])) : a("", !0)], 4)) : a("", !0);
 	}
-}), [["__scopeId", "data-v-dd43da4f"]]), bo = { class: "params-header" }, xo = { class: "header-left" }, So = { class: "params-title" }, Co = { class: "header-right" }, wo = {
+}), [["__scopeId", "data-v-dd43da4f"]]), So = { class: "params-header" }, Co = { class: "header-left" }, wo = { class: "params-title" }, To = { class: "header-right" }, Eo = {
 	key: 0,
 	class: "indicator-description"
-}, To = { class: "params-body" }, Eo = { class: "param-header" }, Do = { class: "param-label" }, Oo = { class: "param-label-text" }, ko = {
+}, Do = { class: "params-body" }, Oo = { class: "param-header" }, ko = { class: "param-label" }, Ao = { class: "param-label-text" }, jo = {
 	key: 0,
 	class: "param-range"
-}, Ao = { class: "input-wrapper" }, jo = ["disabled", "onClick"], Mo = [
+}, Mo = { class: "input-wrapper" }, No = ["disabled", "onClick"], Po = [
 	"value",
 	"min",
 	"max",
 	"step",
 	"onInput"
-], No = ["disabled", "onClick"], Po = {
+], Fo = ["disabled", "onClick"], Io = {
 	key: 0,
 	class: "param-description"
-}, Fo = { class: "params-footer" }, Io = { class: "footer-right" }, Lo = /* @__PURE__ */ po(/* @__PURE__ */ u({
+}, Lo = { class: "params-footer" }, Ro = { class: "footer-right" }, zo = /* @__PURE__ */ ho(/* @__PURE__ */ u({
 	__name: "IndicatorParams",
 	props: {
 		visible: { type: Boolean },
@@ -7633,7 +7662,7 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 					class: "indicator-params",
 					onClick: d[3] ||= w(() => {}, ["stop"])
 				}, [
-					s("div", bo, [s("div", xo, [s("span", So, b(r.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", Co, [s("button", {
+					s("div", So, [s("div", Co, [s("span", wo, b(r.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", To, [s("button", {
 						class: f(["toggle-desc-btn", { active: h.value }]),
 						onClick: d[0] ||= (e) => h.value = !h.value,
 						title: "显示/隐藏说明"
@@ -7650,18 +7679,18 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 						"stroke-width": "2"
 					}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]),
 					l(n, { name: "slide" }, {
-						default: C(() => [h.value && r.indicatorDescription ? (g(), o("div", wo, [s("p", null, b(r.indicatorDescription), 1)])) : a("", !0)]),
+						default: C(() => [h.value && r.indicatorDescription ? (g(), o("div", Eo, [s("p", null, b(r.indicatorDescription), 1)])) : a("", !0)]),
 						_: 1
 					}),
-					s("div", To, [(g(!0), o(e, null, v(r.params, (e) => (g(), o("div", {
+					s("div", Do, [(g(!0), o(e, null, v(r.params, (e) => (g(), o("div", {
 						key: e.key,
 						class: f(["param-item", { "has-desc": h.value && e.description }])
-					}, [s("div", Eo, [s("label", Do, [s("span", Oo, b(e.label), 1), e.min !== void 0 || e.max !== void 0 ? (g(), o("span", ko, b(e.min ?? "-∞") + " ~ " + b(e.max ?? "+∞"), 1)) : a("", !0)]), s("div", Ao, [
+					}, [s("div", Oo, [s("label", ko, [s("span", Ao, b(e.label), 1), e.min !== void 0 || e.max !== void 0 ? (g(), o("span", jo, b(e.min ?? "-∞") + " ~ " + b(e.max ?? "+∞"), 1)) : a("", !0)]), s("div", Mo, [
 						s("button", {
 							class: "stepper-btn",
 							disabled: e.min !== void 0 && (m.value[e.key] ?? 0) <= e.min,
 							onClick: (t) => x(e, -1)
-						}, " − ", 8, jo),
+						}, " − ", 8, No),
 						e.type === "number" ? (g(), o("input", {
 							key: 0,
 							type: "number",
@@ -7671,17 +7700,17 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 							max: e.max,
 							step: e.step || 1,
 							onInput: (t) => y(e.key, t)
-						}, null, 40, Mo)) : a("", !0),
+						}, null, 40, Po)) : a("", !0),
 						s("button", {
 							class: "stepper-btn",
 							disabled: e.max !== void 0 && (m.value[e.key] ?? 0) >= e.max,
 							onClick: (t) => x(e, 1)
-						}, " + ", 8, No)
+						}, " + ", 8, Fo)
 					])]), l(n, { name: "slide" }, {
-						default: C(() => [h.value && e.description ? (g(), o("div", Po, b(e.description), 1)) : a("", !0)]),
+						default: C(() => [h.value && e.description ? (g(), o("div", Io, b(e.description), 1)) : a("", !0)]),
 						_: 2
 					}, 1024)], 2))), 128))]),
-					s("div", Fo, [s("button", {
+					s("div", Lo, [s("button", {
 						class: "params-btn reset",
 						onClick: T
 					}, [...d[8] ||= [s("svg", {
@@ -7689,7 +7718,7 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 						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", Io, [s("button", {
+					}, [s("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), s("path", { d: "M3 3v5h5" })], -1), c(" 重置 ", -1)]]), s("div", Ro, [s("button", {
 						class: "params-btn cancel",
 						onClick: d[2] ||= (e) => u.$emit("close")
 					}, "取消"), s("button", {
@@ -7707,28 +7736,28 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-730f2212"]]), Ro = { class: "indicator-selector" }, zo = { class: "indicator-scroll-container" }, Bo = { class: "indicator-list" }, Vo = ["onMouseenter"], Ho = { class: "btn-content" }, Uo = {
+}), [["__scopeId", "data-v-730f2212"]]), Bo = { class: "indicator-selector" }, Vo = { class: "indicator-scroll-container" }, Ho = { class: "indicator-list" }, Uo = ["onMouseenter"], Wo = { class: "btn-content" }, Go = {
 	key: 0,
 	class: "param-hint"
-}, Wo = {
+}, Ko = {
 	key: 0,
 	class: "hover-overlay"
-}, Go = ["onClick"], Ko = {
+}, qo = ["onClick"], Jo = {
 	key: 1,
 	class: "divider"
-}, qo = ["onClick"], Jo = { class: "indicator-item" }, Yo = { class: "menu-section" }, Xo = { class: "menu-items" }, Zo = ["disabled", "onClick"], Qo = {
+}, Yo = ["onClick"], Xo = { class: "indicator-item" }, Zo = { class: "menu-section" }, Qo = { class: "menu-items" }, $o = ["disabled", "onClick"], es = {
 	key: 0,
 	class: "param-hint"
-}, $o = {
+}, ts = {
 	key: 1,
 	class: "active-tag"
-}, es = { class: "menu-section" }, ts = { class: "menu-items" }, ns = ["disabled", "onClick"], rs = {
+}, ns = { class: "menu-section" }, rs = { class: "menu-items" }, is = ["disabled", "onClick"], as = {
 	key: 0,
 	class: "param-hint"
-}, is = {
+}, os = {
 	key: 1,
 	class: "active-tag"
-}, as = /* @__PURE__ */ po(/* @__PURE__ */ u({
+}, ss = /* @__PURE__ */ ho(/* @__PURE__ */ u({
 	__name: "IndicatorSelector",
 	props: {
 		activeIndicators: {},
@@ -7769,6 +7798,58 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 					description: "标准差倍数，决定轨道宽度，通常为 2"
 				}]
 			},
+			{
+				id: "EXPMA",
+				label: "EXPMA",
+				name: "指数平滑移动平均线",
+				pane: "main",
+				description: "EXPMA 对近期价格给予更高权重，比普通 MA 更敏感。快线上穿慢线为金叉看涨，下穿为死叉看跌。",
+				params: [{
+					key: "fastPeriod",
+					label: "快线",
+					type: "number",
+					min: 2,
+					max: 100,
+					step: 1,
+					default: 12,
+					description: "快线周期，对价格变化更敏感"
+				}, {
+					key: "slowPeriod",
+					label: "慢线",
+					type: "number",
+					min: 2,
+					max: 200,
+					step: 1,
+					default: 50,
+					description: "慢线周期，用于判断趋势方向"
+				}]
+			},
+			{
+				id: "ENE",
+				label: "ENE",
+				name: "轨道线",
+				pane: "main",
+				description: "ENE 轨道线由三条轨道组成，价格突破上轨可能超买，突破下轨可能超卖，适合判断震荡行情的买卖点。",
+				params: [{
+					key: "period",
+					label: "周期",
+					type: "number",
+					min: 2,
+					max: 100,
+					step: 1,
+					default: 10,
+					description: "计算中轨的周期数"
+				}, {
+					key: "deviation",
+					label: "偏离率",
+					type: "number",
+					min: 1,
+					max: 30,
+					step: .5,
+					default: 11,
+					description: "轨道偏离率百分比，决定轨道宽度"
+				}]
+			},
 			{
 				id: "MACD",
 				label: "MACD",
@@ -8023,10 +8104,9 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 			if (!t?.params) return {};
 			let n = {};
 			for (let e of t.params) n[e.key] = e.default ?? e.min ?? 1;
-			return {
-				...n,
-				...E.indicatorParams?.[e] || {}
-			};
+			let r = E.indicatorParams?.[e] || {}, i = { ...n };
+			for (let [e, t] of Object.entries(r)) typeof t == "number" && (i[e] = t);
+			return i;
 		}
 		function I(e) {
 			let t = ae(e.id);
@@ -8056,8 +8136,8 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 			document.addEventListener("click", se), window.addEventListener("resize", ce);
 		}), h(() => {
 			document.removeEventListener("click", se), window.removeEventListener("resize", ce);
-		}), (r, u) => (g(), o("div", Ro, [
-			s("div", zo, [s("div", Bo, [(g(!0), o(e, null, v(te.value, (e) => (g(), o("div", {
+		}), (r, u) => (g(), o("div", Bo, [
+			s("div", Vo, [s("div", Ho, [(g(!0), o(e, null, v(te.value, (e) => (g(), o("div", {
 				key: e.id,
 				class: "indicator-item"
 			}, [s("div", {
@@ -8067,8 +8147,8 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 			}, [s("button", { class: f(["indicator-btn", {
 				active: !0,
 				hovering: M.value === e.id
-			}]) }, [s("span", Ho, [c(b(e.label) + " ", 1), e.params ? (g(), o("span", Uo, " (" + b(I(e)) + ") ", 1)) : a("", !0)]), l(n, { name: "fade" }, {
-				default: C(() => [M.value === e.id ? (g(), o("div", Wo, [
+			}]) }, [s("span", Wo, [c(b(e.label) + " ", 1), e.params ? (g(), o("span", Go, " (" + b(I(e)) + ") ", 1)) : a("", !0)]), l(n, { name: "fade" }, {
+				default: C(() => [M.value === e.id ? (g(), o("div", Ko, [
 					e.params ? (g(), o("button", {
 						key: 0,
 						class: "action-btn settings-btn",
@@ -8079,8 +8159,8 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 						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, Go)) : a("", !0),
-					e.params ? (g(), o("span", Ko)) : a("", !0),
+					}, [s("path", { d: "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" })], -1)]], 8, qo)) : a("", !0),
+					e.params ? (g(), o("span", Jo)) : a("", !0),
 					s("button", {
 						class: "action-btn remove-btn",
 						onClick: w((t) => re(e.id), ["stop"]),
@@ -8090,10 +8170,10 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 						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)]], 8, qo)
+					}, [s("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })], -1)]], 8, Yo)
 				])) : a("", !0)]),
 				_: 2
-			}, 1024)], 2)], 40, Vo)]))), 128)), s("div", Jo, [s("button", {
+			}, 1024)], 2)], 40, Uo)]))), 128)), s("div", Xo, [s("button", {
 				ref_key: "addBtnRef",
 				ref: O,
 				class: "add-btn",
@@ -8112,38 +8192,38 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 					ref_key: "addMenuRef",
 					ref: k,
 					style: p(ee.value)
-				}, [s("div", Yo, [u[6] ||= s("div", { class: "menu-title" }, "主图指标", -1), s("div", Xo, [(g(!0), o(e, null, v(x(S), (e) => (g(), o("button", {
+				}, [s("div", Zo, [u[6] ||= s("div", { class: "menu-title" }, "主图指标", -1), s("div", Qo, [(g(!0), o(e, null, v(x(S), (e) => (g(), o("button", {
 					key: e.id,
 					class: f(["menu-item", { disabled: F(e.id) }]),
 					disabled: F(e.id),
 					onClick: (t) => ne(e.id)
 				}, [
 					c(b(e.label) + " ", 1),
-					e.params ? (g(), o("span", Qo, " (" + b(e.name) + ") ", 1)) : a("", !0),
-					F(e.id) ? (g(), o("span", $o, [...u[5] ||= [s("svg", {
+					e.params ? (g(), o("span", es, " (" + b(e.name) + ") ", 1)) : a("", !0),
+					F(e.id) ? (g(), o("span", ts, [...u[5] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						width: "14",
 						height: "14",
 						fill: "currentColor"
 					}, [s("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })], -1)]])) : a("", !0)
-				], 10, Zo))), 128))])]), s("div", es, [u[8] ||= s("div", { class: "menu-title" }, "副图指标", -1), s("div", ts, [(g(!0), o(e, null, v(x(T), (e) => (g(), o("button", {
+				], 10, $o))), 128))])]), s("div", ns, [u[8] ||= s("div", { class: "menu-title" }, "副图指标", -1), s("div", rs, [(g(!0), o(e, null, v(x(T), (e) => (g(), o("button", {
 					key: e.id,
 					class: f(["menu-item", { disabled: F(e.id) }]),
 					disabled: F(e.id),
 					onClick: (t) => ne(e.id)
 				}, [
 					c(b(e.label) + " ", 1),
-					e.params ? (g(), o("span", rs, " (" + b(e.name) + ") ", 1)) : a("", !0),
-					F(e.id) ? (g(), o("span", is, [...u[7] ||= [s("svg", {
+					e.params ? (g(), o("span", as, " (" + b(e.name) + ") ", 1)) : a("", !0),
+					F(e.id) ? (g(), o("span", os, [...u[7] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						width: "14",
 						height: "14",
 						fill: "currentColor"
 					}, [s("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })], -1)]])) : a("", !0)
-				], 10, ns))), 128))])])], 4)) : a("", !0)]),
+				], 10, is))), 128))])])], 4)) : a("", !0)]),
 				_: 1
 			})])),
-			P.value ? (g(), i(Lo, {
+			P.value ? (g(), i(zo, {
 				key: 0,
 				visible: A.value,
 				"indicator-id": P.value.id,
@@ -8163,15 +8243,15 @@ var Qa = { class: "kline-tooltip__title" }, $a = { key: 0 }, eo = { class: "klin
 			])) : a("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-ef3141f5"]]);
+}), [["__scopeId", "data-v-aad3b750"]]);
 //#endregion
 //#region src/core/utils/klineConfig.ts
-function os(e, t) {
+function cs(e, t) {
 	let n = Math.round(e * t);
 	return n % 2 == 0 && (n += 1), Math.max(1, n);
 }
-function ss(e, t, n) {
-	let r = os(e, n), i = Math.round(t * n), a = r + i, o = i;
+function ls(e, t, n) {
+	let r = cs(e, n), i = Math.round(t * n), a = r + i, o = i;
 	return {
 		kWidthPx: r,
 		kGapPx: i,
@@ -8185,14 +8265,14 @@ function ss(e, t, n) {
 }
 //#endregion
 //#region src/core/viewport/viewport.ts
-function cs(e, t, n, r, i, a = 1) {
-	let { unitPx: o, startXPx: s } = ss(n, r, a), c = e * a, l = t * a;
+function us(e, t, n, r, i, a = 1) {
+	let { unitPx: o, startXPx: s } = ls(n, r, a), c = e * a, l = t * a;
 	return {
 		start: Math.max(0, Math.floor((c - s) / o) - 1),
 		end: Math.min(i, Math.ceil((c + l - s) / o) + 1)
 	};
 }
-function ls(e, t, n) {
+function ds(e, t, n) {
 	let r = -Infinity, i = Infinity;
 	for (let a = t; a < n && a < e.length; a++) {
 		let t = e[a];
@@ -8208,7 +8288,7 @@ function ls(e, t, n) {
 }
 //#endregion
 //#region src/core/scale/priceScale.ts
-var us = class {
+var fs = class {
 	range = {
 		maxPrice: 100,
 		minPrice: 0
@@ -8216,6 +8296,7 @@ var us = class {
 	height = 1;
 	paddingTop = 0;
 	paddingBottom = 0;
+	priceOffset = 0;
 	setRange(e) {
 		this.range = e;
 	}
@@ -8234,15 +8315,27 @@ var us = class {
 	getPaddingBottom() {
 		return this.paddingBottom;
 	}
+	setPriceOffset(e) {
+		this.priceOffset = e;
+	}
+	getPriceOffset() {
+		return this.priceOffset;
+	}
+	resetPriceOffset() {
+		this.priceOffset = 0;
+	}
 	priceToY(e) {
-		let { maxPrice: t, minPrice: n } = this.range, r = t - n || 1, i = (e - n) / r, a = Math.max(1, this.height - this.paddingTop - this.paddingBottom);
-		return this.paddingTop + a * (1 - i);
+		let { maxPrice: t, minPrice: n } = this.range, r = e - this.priceOffset, i = t - n || 1, a = (r - n) / i, o = Math.max(1, this.height - this.paddingTop - this.paddingBottom);
+		return this.paddingTop + o * (1 - a);
 	}
 	yToPrice(e) {
 		let { maxPrice: t, minPrice: n } = this.range, r = t - n || 1, i = Math.max(1, this.height - this.paddingTop - this.paddingBottom);
-		return n + (1 - (e - this.paddingTop) / i) * r;
+		return n + (1 - (e - this.paddingTop) / i) * r + this.priceOffset;
+	}
+	deltaYToPriceOffset(e) {
+		return e * ((this.range.maxPrice - this.range.minPrice || 1) / Math.max(1, this.height - this.paddingTop - this.paddingBottom));
 	}
-}, ds = class {
+}, ps = class {
 	id;
 	top = 0;
 	height = 0;
@@ -8250,7 +8343,7 @@ var us = class {
 		maxPrice: 100,
 		minPrice: 0
 	};
-	yAxis = new us();
+	yAxis = new fs();
 	renderers = [];
 	constructor(e) {
 		this.id = e;
@@ -8265,16 +8358,19 @@ var us = class {
 		this.renderers.push(e);
 	}
 	updateRange(e, t) {
-		this.priceRange = ls(e, t.start, t.end), this.yAxis.setRange(this.priceRange);
+		this.priceRange = ds(e, t.start, t.end), this.yAxis.setRange(this.priceRange);
 	}
-}, fs = class {
+}, ms = class {
 	chart;
 	isDragging = !1;
 	dragStartX = 0;
 	scrollStartX = 0;
+	dragStartY = 0;
+	activePaneIdOnDrag = null;
 	isTouchSession = !1;
 	crosshairPos = null;
 	crosshairIndex = null;
+	crosshairPrice = null;
 	hoveredIndex = null;
 	activePaneId = null;
 	tooltipPos = {
@@ -8312,7 +8408,11 @@ var us = class {
 			this.clickedMarkerId = c.id, this.clickedMarkerData = c, this.onMarkerClickCallback && this.onMarkerClickCallback(c);
 			return;
 		}
-		this.isDragging = !0, this.updateHoverFromPoint(e.clientX, e.clientY), this.dragStartX = e.clientX, this.scrollStartX = t.scrollLeft, this.chart.scheduleDraw();
+		let l = this.chart.getPaneRenderers().find((e) => {
+			let t = e.getPane();
+			return i >= t.top && i <= t.top + t.height;
+		})?.getPane() || null;
+		this.isDragging = !0, this.updateHoverFromPoint(e.clientX, e.clientY), this.dragStartX = e.clientX, this.dragStartY = e.clientY, this.scrollStartX = t.scrollLeft, this.activePaneIdOnDrag = l?.id || null, this.chart.scheduleDraw();
 	}
 	setTooltipSize(e) {
 		this.tooltipSize = e;
@@ -8330,7 +8430,11 @@ var us = class {
 			this.clickedMarkerId = c.id, this.onMarkerClickCallback && this.onMarkerClickCallback(c);
 			return;
 		}
-		this.isDragging = !0, this.dragStartX = e.clientX, this.scrollStartX = t.scrollLeft, this.updateHoverFromPoint(e.clientX, e.clientY), this.chart.scheduleDraw(), e.preventDefault();
+		let l = this.chart.getPaneRenderers().find((e) => {
+			let t = e.getPane();
+			return i >= t.top && i <= t.top + t.height;
+		})?.getPane() || null;
+		this.isDragging = !0, this.dragStartX = e.clientX, this.dragStartY = e.clientY, this.scrollStartX = t.scrollLeft, this.activePaneIdOnDrag = l?.id || null, this.updateHoverFromPoint(e.clientX, e.clientY), this.chart.scheduleDraw(), e.preventDefault();
 	}
 	onMouseMove(e) {
 		if (this.isTouchSession) return;
@@ -8338,6 +8442,8 @@ var us = class {
 		if (this.isDragging) {
 			let n = this.dragStartX - e.clientX;
 			t.scrollLeft = this.scrollStartX + n;
+			let r = e.clientY - this.dragStartY;
+			r !== 0 && this.activePaneIdOnDrag && (this.chart.translatePrice(this.activePaneIdOnDrag, r), this.dragStartY = e.clientY);
 			return;
 		}
 		this.updateHover(e), this.chart.scheduleDraw();
@@ -8358,6 +8464,8 @@ var us = class {
 		if (this.isDragging) {
 			let n = this.dragStartX - e.clientX;
 			t.scrollLeft = this.scrollStartX + n;
+			let r = e.clientY - this.dragStartY;
+			r !== 0 && this.activePaneIdOnDrag && (this.chart.translatePrice(this.activePaneIdOnDrag, r), this.dragStartY = e.clientY);
 			return;
 		}
 		this.updateHoverFromPoint(e.clientX, e.clientY), this.chart.scheduleDraw();
@@ -8381,7 +8489,7 @@ var us = class {
 		this.onCustomMarkerClickCallback = e;
 	}
 	clearHover() {
-		this.crosshairPos = null, this.crosshairIndex = null, this.hoveredIndex = null, this.activePaneId = null, this.hoveredMarkerId !== null && (this.hoveredMarkerId = null, this.onMarkerHoverCallback && this.onMarkerHoverCallback(null)), this.hoveredCustomMarker !== null && (this.hoveredCustomMarker = null, this.onCustomMarkerHoverCallback && this.onCustomMarkerHoverCallback(null));
+		this.crosshairPos = null, this.crosshairIndex = null, this.crosshairPrice = null, this.hoveredIndex = null, this.activePaneId = null, this.hoveredMarkerId !== null && (this.hoveredMarkerId = null, this.onMarkerHoverCallback && this.onMarkerHoverCallback(null)), this.hoveredCustomMarker !== null && (this.hoveredCustomMarker = null, this.onCustomMarkerHoverCallback && this.onCustomMarkerHoverCallback(null));
 	}
 	updateHover(e) {
 		this.updateHoverFromPoint(e.clientX, e.clientY);
@@ -8423,11 +8531,14 @@ var us = class {
 		if (this.activePaneId = C?.id || null, x >= 0 && x < (S?.length ?? 0)) {
 			this.crosshairIndex = x;
 			let e = this.kLinePositions[b] + (this.kWidthPx - 1) / 2 / f - d;
-			this.crosshairPos = {
+			if (this.crosshairPos = {
 				x: Math.min(Math.max(e, 0), l),
 				y: Math.min(Math.max(a, 0), u)
-			};
-		} else this.crosshairIndex = null, this.crosshairPos = null;
+			}, C) {
+				let e = a - C.top;
+				this.crosshairPrice = C.yAxis.yToPrice(e);
+			} else this.crosshairPrice = null;
+		} else this.crosshairIndex = null, this.crosshairPos = null, this.crosshairPrice = null;
 		let w = typeof this.crosshairIndex == "number" ? S[this.crosshairIndex] : void 0;
 		if (!w || !C || C.id !== "main") {
 			this.hoveredIndex = null;
@@ -8446,9 +8557,9 @@ var us = class {
 		};
 	}
 	reset() {
-		this.isDragging = !1, this.dragStartX = 0, this.scrollStartX = 0, this.isTouchSession = !1, this.crosshairPos = null, this.crosshairIndex = null, this.hoveredIndex = null, this.activePaneId = null, this.hoveredMarkerId = null, this.clickedMarkerId = null, this.hoveredMarkerData = null, this.clickedMarkerData = null, this.kLinePositions = null, this.visibleRange = null, this.kWidthPx = null;
+		this.isDragging = !1, this.dragStartX = 0, this.dragStartY = 0, this.scrollStartX = 0, this.activePaneIdOnDrag = null, this.isTouchSession = !1, this.crosshairPos = null, this.crosshairIndex = null, this.crosshairPrice = null, this.hoveredIndex = null, this.activePaneId = null, this.hoveredMarkerId = null, this.clickedMarkerId = null, this.hoveredMarkerData = null, this.clickedMarkerData = null, this.kLinePositions = null, this.visibleRange = null, this.kWidthPx = null;
 	}
-}, ps = class {
+}, hs = class {
 	dom;
 	pane;
 	opt;
@@ -8474,7 +8585,7 @@ var us = class {
 };
 //#endregion
 //#region src/core/renderers/subVolume.ts
-function ms(e = {}) {
+function gs(e = {}) {
 	let { paneId: t = "sub" } = e;
 	return {
 		name: `volume_${t}`,
@@ -8493,30 +8604,24 @@ function ms(e = {}) {
 				if (!r) continue;
 				let i = r.volume;
 				if (!i) continue;
-				let a = gs(r), d = c[e - u];
-				d && hs(t, d, a, i, f, o, s, n.height);
+				let a = vs(r), d = c[e - u];
+				d && _s(t, d, a, i, f, o, s, n.height);
 			}
 			t.restore();
 		}
 	};
 }
-function hs(e, t, n, r, i, a, o, s) {
-	let c = _s(r, i, s), l = a;
+function _s(e, t, n, r, i, a, o, s) {
+	let c = ys(r, i, s), l = a;
 	e.fillStyle = n, e.fillRect(t, c, l, s - c);
 }
-function gs(e) {
+function vs(e) {
 	return e.close > e.open ? X.UP : e.close < e.open ? X.DOWN : X.NEUTRAL;
 }
-function _s(e, t, n) {
+function ys(e, t, n) {
 	return n - n / t * e;
 }
 //#endregion
-//#region src/utils/priceToY.ts
-function vs(e, t, n, r, i, a) {
-	let o = t - n || 1, s = (e - n) / o;
-	return i + Math.max(1, r - i - a) * (1 - s);
-}
-//#endregion
 //#region src/core/draw/pixelAlign.ts
 function Z(e, t) {
 	return Math.round(e * t) / t;
@@ -8524,7 +8629,7 @@ function Z(e, t) {
 function Q(e, t) {
 	return (Math.floor(e * t) + .5) / t;
 }
-function ys(e, t, n, r) {
+function bs(e, t, n, r) {
 	if (t === n) return null;
 	let i = Math.min(t, n), a = Math.max(t, n), o = Math.round(e * r), s = Math.round(i * r), c = Math.round(a * r);
 	return {
@@ -8534,7 +8639,7 @@ function ys(e, t, n, r) {
 		height: Math.max(1, c - s) / r
 	};
 }
-function bs(e, t, n, r) {
+function xs(e, t, n, r) {
 	if (e === t) return null;
 	let i = Math.min(e, t), a = Math.max(e, t), o = Math.round(i * r), s = Math.round(a * r), c = Math.round(n * r);
 	return {
@@ -8544,7 +8649,7 @@ function bs(e, t, n, r) {
 		height: 1 / r
 	};
 }
-function xs(e, t, n, r, i) {
+function Ss(e, t, n, r, i) {
 	let a = e + n, o = n, s = Math.round(t * i), c = Math.round((t + r) * i), l = Math.max(1, c - s), u = e + (n - 1) / 2, d = u, f = o % 2 == 1;
 	return {
 		bodyRect: {
@@ -8567,7 +8672,7 @@ function xs(e, t, n, r, i) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/ma.ts
-function Ss(e, t) {
+function Cs(e, t) {
 	let n = Array(e.length);
 	if (e.length < t) return n;
 	let r = 0;
@@ -8583,7 +8688,7 @@ function Ss(e, t) {
 	}
 	return n;
 }
-function Cs(e = {}) {
+function ws(e = {}) {
 	let t = {
 		ma5: !0,
 		ma10: !0,
@@ -8595,24 +8700,21 @@ function Cs(e = {}) {
 	function i(e, t) {
 		let i = n.get(t);
 		if (i && r === e) return i.values;
-		let a = Ss(e, t);
+		let a = Cs(e, t);
 		return n.set(t, {
 			period: t,
 			values: a
 		}), r = e, a;
 	}
 	function a(e, t, n, r) {
-		let { pane: i, range: a, kWidth: o, kGap: s, dpr: c, kLinePositions: l } = n, u = i.height, d = i.priceRange, f = Math.max(0, Math.min(0, Math.floor(u / 2) - 1)), p = f, m = f;
-		if (!d) return;
-		let h = d.maxPrice, g = d.minPrice;
-		if (!Number.isFinite(h) || !Number.isFinite(g)) return;
+		let { pane: i, range: a, kWidth: o, dpr: s, kLinePositions: c } = n;
 		e.strokeStyle = r, e.lineWidth = 1, e.lineJoin = "round", e.lineCap = "round", e.beginPath();
-		let _ = !0;
+		let l = !0;
 		for (let n = a.start; n < a.end && n < t.length; n++) {
 			let r = t[n];
 			if (r === void 0) continue;
-			let i = l[n - a.start] + o / 2, s = vs(r, h, g, u, p, m), d = Q(i, c), f = Q(s, c);
-			_ ? (e.moveTo(d, f), _ = !1) : e.lineTo(d, f);
+			let u = c[n - a.start] + o / 2, d = i.yAxis.priceToY(r), f = Q(u, s), p = Q(d, s);
+			l ? (e.moveTo(f, p), l = !1) : e.lineTo(f, p);
 		}
 		e.stroke();
 	}
@@ -8639,82 +8741,8 @@ function Cs(e = {}) {
 	};
 }
 //#endregion
-//#region src/utils/kline/ma.ts
-function ws(e, t, n) {
-	if (t < n - 1) return;
-	let r = 0;
-	for (let i = 0; i < n; i++) {
-		let n = e[t - i];
-		if (!n) return;
-		r += n.close;
-	}
-	return r / n;
-}
-//#endregion
-//#region src/core/renderers/Indicator/maLegend.ts
-function Ts(e) {
-	let t = {
-		ma5: !0,
-		ma10: !0,
-		ma20: !0,
-		ma30: !0,
-		ma60: !0,
-		...e.showMA
-	};
-	return {
-		name: "maLegend",
-		version: "1.0.0",
-		description: "MA均线图例渲染器",
-		debugName: "MA图例",
-		paneId: "main",
-		priority: Y.FOREGROUND,
-		draw(n) {
-			let { ctx: r, data: i, range: a } = n, o = i;
-			if (!o.length) return;
-			let s = (12 + e.yPaddingPx) / 2;
-			r.save(), r.font = "12px Arial", r.textAlign = "left";
-			let c = Math.min(a.end - 1, o.length - 1), l = [];
-			if (t.ma5 && l.push({
-				label: "MA5",
-				color: ja.MA5,
-				value: ws(o, c, 5)
-			}), t.ma10 && l.push({
-				label: "MA10",
-				color: ja.MA10,
-				value: ws(o, c, 10)
-			}), t.ma20 && l.push({
-				label: "MA20",
-				color: ja.MA20,
-				value: ws(o, c, 20)
-			}), t.ma30 && l.push({
-				label: "MA30",
-				color: ja.MA30,
-				value: ws(o, c, 30)
-			}), t.ma60 && l.push({
-				label: "MA60",
-				color: ja.MA60,
-				value: ws(o, c, 60)
-			}), l.length > 0) {
-				let e = 12, t = s;
-				r.fillStyle = X.NEUTRAL, r.fillText("均线", e, t), e += r.measureText("均线").width + 10;
-				for (let n of l) {
-					let i = typeof n.value == "number" ? ` ${n.value.toFixed(2)}` : "", a = `${n.label}${i}`;
-					r.fillStyle = n.color, r.fillText(a, e, t), e += r.measureText(a).width + 10;
-				}
-			}
-			r.restore();
-		},
-		getConfig() {
-			return { ...t };
-		},
-		setConfig(e) {
-			Object.assign(t, e);
-		}
-	};
-}
-//#endregion
 //#region src/core/renderers/Indicator/boll.ts
-function Es(e, t, n) {
+function Ts(e, t, n) {
 	let r = Array(e.length);
 	if (e.length < t) return r;
 	let i = 0, a = [];
@@ -8747,7 +8775,7 @@ function Es(e, t, n) {
 	}
 	return r;
 }
-function Ds(e = {}) {
+function Es(e = {}) {
 	let t = {
 		period: 20,
 		multiplier: 2,
@@ -8758,7 +8786,7 @@ function Ds(e = {}) {
 		...e
 	}, n = null, r = 0, i = 0, a = [];
 	function o(e) {
-		return (n !== e || r !== t.period || i !== t.multiplier) && (a = Es(e, t.period, t.multiplier), n = e, r = t.period, i = t.multiplier), a;
+		return (n !== e || r !== t.period || i !== t.multiplier) && (a = Ts(e, t.period, t.multiplier), n = e, r = t.period, i = t.multiplier), a;
 	}
 	return {
 		name: "boll",
@@ -8768,50 +8796,41 @@ function Ds(e = {}) {
 		paneId: "main",
 		priority: Y.INDICATOR,
 		draw(e) {
-			let { ctx: n, pane: r, data: i, range: a, scrollLeft: s, kWidth: c, kGap: l, dpr: u, kLinePositions: d } = e, f = i;
-			if (f.length < t.period) return;
-			let p = o(f), m = {
-				kWidth: c,
-				kGap: l,
-				yPaddingPx: 0
-			}, h = r.priceRange, g = r.height, _ = m.yPaddingPx ?? 0, v = Math.max(0, Math.min(_, Math.floor(g / 2) - 1)), y = v, b = v, x = h?.maxPrice ?? -Infinity, S = h?.minPrice ?? Infinity;
-			if (!h) for (let e = a.start; e < a.end && e < f.length; e++) {
-				let t = f[e];
-				t && (t.high > x && (x = t.high), t.low < S && (S = t.low));
-			}
-			if (!Number.isFinite(x) || !Number.isFinite(S)) return;
+			let { ctx: n, pane: r, data: i, range: a, scrollLeft: s, kWidth: c, dpr: l, kLinePositions: u } = e, d = i;
+			if (d.length < t.period) return;
+			let f = o(d);
 			n.save(), n.translate(-s, 0);
-			let C = Math.max(a.start, t.period - 1), w = Math.min(a.end, f.length);
+			let p = Math.max(a.start, t.period - 1), m = Math.min(a.end, d.length);
 			if (t.showBand) {
 				n.fillStyle = Ma.BAND_FILL, n.beginPath();
 				let e = !0;
-				for (let t = C; t < w; t++) {
-					let r = p[t];
-					if (!r) continue;
-					let i = d[t - a.start] + m.kWidth / 2, o = vs(r.upper, x, S, g, y, b), s = Q(i, u), c = Q(o, u);
-					e ? (n.moveTo(s, c), e = !1) : n.lineTo(s, c);
+				for (let t = p; t < m; t++) {
+					let i = f[t];
+					if (!i) continue;
+					let o = u[t - a.start] + c / 2, s = r.yAxis.priceToY(i.upper), d = Q(o, l), p = Q(s, l);
+					e ? (n.moveTo(d, p), e = !1) : n.lineTo(d, p);
 				}
-				for (let e = w - 1; e >= C; e--) {
-					let t = p[e];
+				for (let e = m - 1; e >= p; e--) {
+					let t = f[e];
 					if (!t) continue;
-					let r = d[e - a.start] + m.kWidth / 2, i = vs(t.lower, x, S, g, y, b), o = Q(r, u), s = Q(i, u);
-					n.lineTo(o, s);
+					let i = u[e - a.start] + c / 2, o = r.yAxis.priceToY(t.lower), s = Q(i, l), d = Q(o, l);
+					n.lineTo(s, d);
 				}
 				n.closePath(), n.fill();
 			}
 			n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round";
-			let T = (e, t) => {
+			let h = (e, t) => {
 				n.strokeStyle = t, n.beginPath();
-				let r = !0;
-				for (let t = C; t < w; t++) {
-					let i = p[t];
-					if (!i) continue;
-					let o = d[t - a.start] + m.kWidth / 2, s = vs(i[e], x, S, g, y, b), c = Q(o, u), l = Q(s, u);
-					r ? (n.moveTo(c, l), r = !1) : n.lineTo(c, l);
+				let i = !0;
+				for (let t = p; t < m; t++) {
+					let o = f[t];
+					if (!o) continue;
+					let s = u[t - a.start] + c / 2, d = r.yAxis.priceToY(o[e]), p = Q(s, l), m = Q(d, l);
+					i ? (n.moveTo(p, m), i = !1) : n.lineTo(p, m);
 				}
 				n.stroke();
 			};
-			t.showUpper && T("upper", Ma.UPPER), t.showMiddle && T("middle", Ma.MIDDLE), t.showLower && T("lower", Ma.LOWER), n.restore();
+			t.showUpper && h("upper", Ma.UPPER), t.showMiddle && h("middle", Ma.MIDDLE), t.showLower && h("lower", Ma.LOWER), n.restore();
 		},
 		onDataUpdate() {
 			n = null;
@@ -8824,7 +8843,7 @@ function Ds(e = {}) {
 		}
 	};
 }
-function Os(e, t, n = 20, r = 2) {
+function Ds(e, t, n = 20, r = 2) {
 	if (t < n - 1 || t >= e.length) return null;
 	let i = 0;
 	for (let r = 0; r < n; r++) {
@@ -8846,41 +8865,316 @@ function Os(e, t, n = 20, r = 2) {
 	};
 }
 //#endregion
-//#region src/core/renderers/Indicator/bollLegend.ts
-function ks(e) {
+//#region src/core/renderers/Indicator/expma.ts
+function Os(e, t, n) {
+	let r = Array(e.length);
+	if (e.length === 0) return r;
+	let i = 2 / (t + 1), a = 2 / (n + 1), o = e[0].close, s = o, c = o;
+	r[0] = {
+		fast: s,
+		slow: c
+	};
+	for (let t = 1; t < e.length; t++) {
+		let n = e[t].close;
+		s = n * i + s * (1 - i), c = n * a + c * (1 - a), r[t] = {
+			fast: s,
+			slow: c
+		};
+	}
+	return r;
+}
+function ks(e, t, n = 12, r = 50) {
+	if (t < 0 || t >= e.length) return null;
+	let i = 2 / (n + 1), a = 2 / (r + 1), o = e[0].close, s = o, c = o;
+	for (let n = 1; n <= t; n++) {
+		let t = e[n].close;
+		s = t * i + s * (1 - i), c = t * a + c * (1 - a);
+	}
+	return {
+		fast: s,
+		slow: c
+	};
+}
+function As(e = {}) {
 	let t = {
-		period: 20,
-		multiplier: 2,
-		show: !0,
-		...e.config
+		fastPeriod: 12,
+		slowPeriod: 50,
+		...e
+	}, n = null, r = 0, i = 0, a = [];
+	function o(e) {
+		return (n !== e || r !== t.fastPeriod || i !== t.slowPeriod) && (a = Os(e, t.fastPeriod, t.slowPeriod), n = e, r = t.fastPeriod, i = t.slowPeriod), a;
+	}
+	return {
+		name: "expma",
+		version: "1.0.0",
+		description: "EXPMA 指数平滑移动平均线渲染器",
+		debugName: "EXPMA",
+		paneId: "main",
+		priority: Y.INDICATOR,
+		draw(e) {
+			let { ctx: t, pane: n, data: r, range: i, scrollLeft: a, kWidth: s, dpr: c, kLinePositions: l } = e, u = r;
+			if (u.length < 2) return;
+			let d = o(u);
+			t.save(), t.translate(-a, 0);
+			let f = i.start, p = Math.min(i.end, u.length), m = Ba.FAST, h = Ba.SLOW, g = (e, r) => {
+				t.strokeStyle = r, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+				let a = !0;
+				for (let r = f; r < p; r++) {
+					let o = d[r];
+					if (!o) continue;
+					let u = l[r - i.start] + s / 2, f = n.yAxis.priceToY(o[e]), p = Q(u, c), m = Q(f, c);
+					a ? (t.moveTo(p, m), a = !1) : t.lineTo(p, m);
+				}
+				t.stroke();
+			};
+			g("fast", m), g("slow", h), t.restore();
+		},
+		onDataUpdate() {
+			n = null;
+		},
+		getConfig() {
+			return { ...t };
+		},
+		setConfig(e) {
+			"fastPeriod" in e && e.fastPeriod !== t.fastPeriod && (n = null), "slowPeriod" in e && e.slowPeriod !== t.slowPeriod && (n = null), Object.assign(t, e);
+		}
 	};
+}
+//#endregion
+//#region src/core/renderers/Indicator/ene.ts
+function js(e, t, n) {
+	let r = Array(e.length);
+	if (e.length < t) return r;
+	let i = 0;
+	for (let n = 0; n < t; n++) {
+		let t = e[n];
+		if (!t) return r;
+		i += t.close;
+	}
+	let a = i / t, o = n / 100;
+	r[t - 1] = {
+		upper: a * (1 + o),
+		middle: a,
+		lower: a * (1 - o)
+	};
+	for (let a = t; a < e.length; a++) {
+		let o = e[a - t], s = e[a];
+		if (!o || !s) continue;
+		i = i - o.close + s.close;
+		let c = i / t, l = n / 100;
+		r[a] = {
+			upper: c * (1 + l),
+			middle: c,
+			lower: c * (1 - l)
+		};
+	}
+	return r;
+}
+function Ms(e, t, n = 10, r = 11) {
+	if (t < n - 1 || t >= e.length) return null;
+	let i = 0;
+	for (let r = 0; r < n; r++) {
+		let n = e[t - r];
+		if (!n) return null;
+		i += n.close;
+	}
+	let a = i / n, o = r / 100;
+	return {
+		upper: a * (1 + o),
+		middle: a,
+		lower: a * (1 - o)
+	};
+}
+function Ns(e = {}) {
+	let t = {
+		period: 10,
+		deviation: 11,
+		...e
+	}, n = null, r = 0, i = 0, a = [];
+	function o(e) {
+		return (n !== e || r !== t.period || i !== t.deviation) && (a = js(e, t.period, t.deviation), n = e, r = t.period, i = t.deviation), a;
+	}
 	return {
-		name: "bollLegend",
+		name: "ene",
 		version: "1.0.0",
-		description: "BOLL布林带图例渲染器",
-		debugName: "BOLL图例",
+		description: "ENE 轨道线渲染器",
+		debugName: "ENE轨道线",
 		paneId: "main",
-		priority: Y.FOREGROUND,
-		draw(n) {
-			if (!t.show) return;
-			let { ctx: r, data: i, range: a } = n, o = i;
-			if (!o.length) return;
-			let s = (12 + e.yPaddingPx) / 2;
-			r.save(), r.font = "12px Arial", r.textAlign = "left";
-			let c = Os(o, Math.min(a.end - 1, o.length - 1), t.period, t.multiplier), l = 12;
-			r.fillStyle = X.NEUTRAL, r.fillText(`BOLL(${t.period},${t.multiplier})`, l, s), l += r.measureText(`BOLL(${t.period},${t.multiplier})`).width + 10, c && (r.fillStyle = Ma.UPPER, r.fillText(`上轨:${c.upper.toFixed(2)}`, l, s), l += r.measureText(`上轨:${c.upper.toFixed(2)}`).width + 10, r.fillStyle = Ma.MIDDLE, r.fillText(`中轨:${c.middle.toFixed(2)}`, l, s), l += r.measureText(`中轨:${c.middle.toFixed(2)}`).width + 10, r.fillStyle = Ma.LOWER, r.fillText(`下轨:${c.lower.toFixed(2)}`, l, s)), r.restore();
+		priority: Y.INDICATOR,
+		draw(e) {
+			let { ctx: n, pane: r, data: i, range: a, scrollLeft: s, kWidth: c, dpr: l, kLinePositions: u } = e, d = i;
+			if (d.length < t.period) return;
+			let f = o(d);
+			n.save(), n.translate(-s, 0);
+			let p = Math.max(a.start, t.period - 1), m = Math.min(a.end, d.length);
+			n.fillStyle = "rgba(69, 112, 249, 0.08)", n.beginPath();
+			let h = !0;
+			for (let e = p; e < m; e++) {
+				let t = f[e];
+				if (!t) continue;
+				let i = u[e - a.start] + c / 2, o = r.yAxis.priceToY(t.upper), s = Q(i, l), d = Q(o, l);
+				h ? (n.moveTo(s, d), h = !1) : n.lineTo(s, d);
+			}
+			for (let e = m - 1; e >= p; e--) {
+				let t = f[e];
+				if (!t) continue;
+				let i = u[e - a.start] + c / 2, o = r.yAxis.priceToY(t.lower), s = Q(i, l), d = Q(o, l);
+				n.lineTo(s, d);
+			}
+			n.closePath(), n.fill(), n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round";
+			let g = (e, t) => {
+				n.strokeStyle = t, n.beginPath();
+				let i = !0;
+				for (let t = p; t < m; t++) {
+					let o = f[t];
+					if (!o) continue;
+					let s = u[t - a.start] + c / 2, d = r.yAxis.priceToY(o[e]), p = Q(s, l), m = Q(d, l);
+					i ? (n.moveTo(p, m), i = !1) : n.lineTo(p, m);
+				}
+				n.stroke();
+			};
+			g("upper", "rgba(214, 10, 34, 1)"), g("middle", "rgba(69, 112, 249, 1)"), g("lower", "rgba(3, 123, 102, 1)"), n.restore();
+		},
+		onDataUpdate() {
+			n = null;
 		},
 		getConfig() {
 			return { ...t };
 		},
 		setConfig(e) {
-			Object.assign(t, e);
+			"period" in e && e.period !== t.period && (n = null), "deviation" in e && e.deviation !== t.deviation && (n = null), Object.assign(t, e);
+		}
+	};
+}
+//#endregion
+//#region src/utils/kline/ma.ts
+function Ps(e, t, n) {
+	if (t < n - 1) return;
+	let r = 0;
+	for (let i = 0; i < n; i++) {
+		let n = e[t - i];
+		if (!n) return;
+		r += n.close;
+	}
+	return r / n;
+}
+//#endregion
+//#region src/core/renderers/Indicator/mainIndicatorLegend.ts
+function Fs(e) {
+	let t = {
+		yPaddingPx: e.yPaddingPx,
+		indicators: {
+			MA: {
+				enabled: !0,
+				params: {}
+			},
+			BOLL: {
+				enabled: !1,
+				params: {
+					period: 20,
+					multiplier: 2
+				}
+			},
+			EXPMA: {
+				enabled: !1,
+				params: {
+					fastPeriod: 12,
+					slowPeriod: 50
+				}
+			},
+			ENE: {
+				enabled: !1,
+				params: {
+					period: 10,
+					deviation: 11
+				}
+			}
+		}
+	};
+	return {
+		name: "mainIndicatorLegend",
+		version: "1.0.0",
+		description: "主图指标图例渲染器（统一管理 MA、BOLL 等）",
+		debugName: "主图指标图例",
+		paneId: "main",
+		priority: Y.FOREGROUND,
+		enabled: !0,
+		draw(e) {
+			let { ctx: n, data: r, range: i } = e, a = r;
+			if (!a.length) return;
+			n.save(), n.font = "12px Arial", n.textAlign = "left";
+			let o = Math.min(i.end - 1, a.length - 1), s = [], c = t.indicators.MA;
+			c?.enabled && s.push({ draw: (e) => {
+				let r = [], i = c.params.periods;
+				if (i && Array.isArray(i) ? i.forEach((e) => {
+					let t = `MA${e}`;
+					r.push({
+						label: `MA${e}`,
+						color: ja[t] || ja.MA5,
+						value: Ps(a, o, e)
+					});
+				}) : r.push({
+					label: "MA5",
+					color: ja.MA5,
+					value: Ps(a, o, 5)
+				}, {
+					label: "MA10",
+					color: ja.MA10,
+					value: Ps(a, o, 10)
+				}, {
+					label: "MA20",
+					color: ja.MA20,
+					value: Ps(a, o, 20)
+				}, {
+					label: "MA30",
+					color: ja.MA30,
+					value: Ps(a, o, 30)
+				}, {
+					label: "MA60",
+					color: ja.MA60,
+					value: Ps(a, o, 60)
+				}), r.length > 0) {
+					let i = 12, a = t.yPaddingPx / 2 + 12 + e * 18;
+					n.fillStyle = X.NEUTRAL, n.fillText("MA", i, a), i += n.measureText("MA").width + 10;
+					for (let e of r) {
+						let t = typeof e.value == "number" ? ` ${e.value.toFixed(2)}` : "", r = `${e.label}${t}`;
+						n.fillStyle = e.color, n.fillText(r, i, a), i += n.measureText(r).width + 10;
+					}
+				}
+			} });
+			let l = t.indicators.BOLL;
+			l?.enabled && s.push({ draw: (e) => {
+				let r = l.params.period ?? 20, i = l.params.multiplier ?? 2, s = Ds(a, o, r, i), c = 12, u = t.yPaddingPx / 2 + 12 + e * 18;
+				n.fillStyle = X.NEUTRAL, n.fillText(`BOLL(${r},${i})`, c, u), c += n.measureText(`BOLL(${r},${i})`).width + 10, s && (n.fillStyle = Ma.UPPER, n.fillText(`上轨:${s.upper.toFixed(2)}`, c, u), c += n.measureText(`上轨:${s.upper.toFixed(2)}`).width + 10, n.fillStyle = Ma.MIDDLE, n.fillText(`中轨:${s.middle.toFixed(2)}`, c, u), c += n.measureText(`中轨:${s.middle.toFixed(2)}`).width + 10, n.fillStyle = Ma.LOWER, n.fillText(`下轨:${s.lower.toFixed(2)}`, c, u));
+			} });
+			let u = t.indicators.EXPMA;
+			u?.enabled && s.push({ draw: (e) => {
+				let r = u.params.fastPeriod ?? 12, i = u.params.slowPeriod ?? 50, s = ks(a, o, r, i), c = 12, l = t.yPaddingPx / 2 + 12 + e * 18;
+				n.fillStyle = X.NEUTRAL, n.fillText(`EXPMA(${r},${i})`, c, l), c += n.measureText(`EXPMA(${r},${i})`).width + 10, s && (n.fillStyle = Ba.FAST, n.fillText(`快:${s.fast.toFixed(2)}`, c, l), c += n.measureText(`快:${s.fast.toFixed(2)}`).width + 10, n.fillStyle = Ba.SLOW, n.fillText(`慢:${s.slow.toFixed(2)}`, c, l));
+			} });
+			let d = t.indicators.ENE;
+			d?.enabled && s.push({ draw: (e) => {
+				let r = d.params.period ?? 10, i = d.params.deviation ?? 11, s = Ms(a, o, r, i), c = 12, l = t.yPaddingPx / 2 + 12 + e * 18;
+				n.fillStyle = X.NEUTRAL, n.fillText(`ENE(${r},${i})`, c, l), c += n.measureText(`ENE(${r},${i})`).width + 10, s && (n.fillStyle = Va.UPPER, n.fillText(`上轨:${s.upper.toFixed(2)}`, c, l), c += n.measureText(`上轨:${s.upper.toFixed(2)}`).width + 10, n.fillStyle = Va.MIDDLE, n.fillText(`中轨:${s.middle.toFixed(2)}`, c, l), c += n.measureText(`中轨:${s.middle.toFixed(2)}`).width + 10, n.fillStyle = Va.LOWER, n.fillText(`下轨:${s.lower.toFixed(2)}`, c, l));
+			} }), s.forEach((e, t) => e.draw(t)), n.restore();
+		},
+		getConfig() {
+			return {
+				yPaddingPx: t.yPaddingPx,
+				indicators: { ...t.indicators }
+			};
+		},
+		setConfig(e) {
+			if (typeof e.yPaddingPx == "number" && (t.yPaddingPx = e.yPaddingPx), e.indicators && typeof e.indicators == "object") for (let [n, r] of Object.entries(e.indicators)) t.indicators[n] || (t.indicators[n] = {
+				enabled: !1,
+				params: {}
+			}), r.enabled !== void 0 && (t.indicators[n].enabled = r.enabled), r.params && (t.indicators[n].params = r.params);
 		}
 	};
 }
 //#endregion
 //#region src/core/renderers/Indicator/macd.ts
-function As(e, t) {
+function Is(e, t) {
 	let n = Array(e.length), r = 2 / (t + 1);
 	if (e.length === 0) return n;
 	n[0] = e[0].close;
@@ -8890,7 +9184,7 @@ function As(e, t) {
 	}
 	return n;
 }
-function js(e, t) {
+function Ls(e, t) {
 	let n = Array(e.length), r = 2 / (t + 1), i = e.findIndex((e) => e !== void 0);
 	if (i === -1) return n;
 	n[i] = e[i];
@@ -8900,15 +9194,15 @@ function js(e, t) {
 	}
 	return n;
 }
-function Ms(e, t, n, r) {
+function Rs(e, t, n, r) {
 	let i = Array(e.length);
 	if (e.length < n) return i;
-	let a = As(e, t), o = As(e, n), s = Array(e.length);
+	let a = Is(e, t), o = Is(e, n), s = Array(e.length);
 	for (let t = 0; t < e.length; t++) {
 		let e = a[t], n = o[t];
 		e !== void 0 && n !== void 0 && (s[t] = e - n);
 	}
-	let c = js(s, r);
+	let c = Ls(s, r);
 	for (let t = 0; t < e.length; t++) {
 		let e = s[t], n = c[t];
 		e !== void 0 && n !== void 0 && (i[t] = {
@@ -8919,7 +9213,7 @@ function Ms(e, t, n, r) {
 	}
 	return i;
 }
-function Ns(e = {}) {
+function zs(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		fastPeriod: 12,
 		slowPeriod: 26,
@@ -8930,7 +9224,7 @@ function Ns(e = {}) {
 		...n
 	}, i = null, a = 0, o = 0, s = 0, c = [];
 	function l(e) {
-		return (i !== e || a !== r.fastPeriod || o !== r.slowPeriod || s !== r.signalPeriod) && (c = Ms(e, r.fastPeriod, r.slowPeriod, r.signalPeriod), i = e, a = r.fastPeriod, o = r.slowPeriod, s = r.signalPeriod), c;
+		return (i !== e || a !== r.fastPeriod || o !== r.slowPeriod || s !== r.signalPeriod) && (c = Rs(e, r.fastPeriod, r.slowPeriod, r.signalPeriod), i = e, a = r.fastPeriod, o = r.slowPeriod, s = r.signalPeriod), c;
 	}
 	return {
 		name: `macd_${t}`,
@@ -9003,11 +9297,11 @@ function Ns(e = {}) {
 		}
 	};
 }
-function Ps(e, t, n = 12, r = 26, i = 9) {
-	return t < r || t >= e.length ? null : Ms(e, n, r, i)[t] ?? null;
+function Bs(e, t, n = 12, r = 26, i = 9) {
+	return t < r || t >= e.length ? null : Rs(e, n, r, i)[t] ?? null;
 }
-function Fs(e, t, n = 12, r = 26, i = 9) {
-	let a = Ps(e, t, n, r, i);
+function Vs(e, t, n = 12, r = 26, i = 9) {
+	let a = Bs(e, t, n, r, i);
 	return a ? {
 		name: "MACD",
 		params: [
@@ -9036,7 +9330,7 @@ function Fs(e, t, n = 12, r = 26, i = 9) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/rsi.ts
-function Is(e, t) {
+function Hs(e, t) {
 	let n = Array(e.length);
 	if (e.length < t + 1) return n;
 	let r = [];
@@ -9058,7 +9352,7 @@ function Is(e, t) {
 	}
 	return n;
 }
-function Ls(e = {}) {
+function Us(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		period1: 6,
 		period2: 12,
@@ -9069,7 +9363,7 @@ function Ls(e = {}) {
 		...n
 	}, i = null, a = 0, o = 0, s = 0, c = [], l = [], u = [];
 	function d(e) {
-		return (i !== e || a !== r.period1 || o !== r.period2 || s !== r.period3) && (c = Is(e, r.period1), l = Is(e, r.period2), u = Is(e, r.period3), i = e, a = r.period1, o = r.period2, s = r.period3), {
+		return (i !== e || a !== r.period1 || o !== r.period2 || s !== r.period3) && (c = Hs(e, r.period1), l = Hs(e, r.period2), u = Hs(e, r.period3), i = e, a = r.period1, o = r.period2, s = r.period3), {
 			rsi1: c,
 			rsi2: l,
 			rsi3: u
@@ -9115,9 +9409,9 @@ function Ls(e = {}) {
 		}
 	};
 }
-function Rs(e, t, n = 6, r = 12, i = 24) {
+function Ws(e, t, n = 6, r = 12, i = 24) {
 	if (t < n + 1 || t >= e.length) return null;
-	let a = Is(e, n)[t], o = Is(e, r)[t], s = Is(e, i)[t], c = [];
+	let a = Hs(e, n)[t], o = Hs(e, r)[t], s = Hs(e, i)[t], c = [];
 	return a !== void 0 && c.push({
 		label: `RSI${n}`,
 		value: a,
@@ -9142,7 +9436,7 @@ function Rs(e, t, n = 6, r = 12, i = 24) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/cci.ts
-function zs(e, t) {
+function Gs(e, t) {
 	let n = Array(e.length);
 	if (e.length < t) return n;
 	let r = e.map((e) => (e.high + e.low + e.close) / 3);
@@ -9156,14 +9450,14 @@ function zs(e, t) {
 	}
 	return n;
 }
-function Bs(e = {}) {
+function Ks(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		period: 14,
 		showCCI: !0,
 		...n
 	}, i = null, a = 0, o = [];
 	function s(e) {
-		return (i !== e || a !== r.period) && (o = zs(e, r.period), i = e, a = r.period), o;
+		return (i !== e || a !== r.period) && (o = Gs(e, r.period), i = e, a = r.period), o;
 	}
 	return {
 		name: `cci_${t}`,
@@ -9213,12 +9507,12 @@ function Bs(e = {}) {
 		}
 	};
 }
-function Vs(e, t, n) {
-	return zs(e, n)[t];
+function qs(e, t, n) {
+	return Gs(e, n)[t];
 }
-function Hs(e, t, n = 14) {
+function Js(e, t, n = 14) {
 	if (t < n || t >= e.length) return null;
-	let r = Vs(e, t, n);
+	let r = qs(e, t, n);
 	return r === void 0 ? null : {
 		name: "CCI",
 		params: [n],
@@ -9231,7 +9525,7 @@ function Hs(e, t, n = 14) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/stoch.ts
-function Us(e, t, n) {
+function Ys(e, t, n) {
 	let r = Array(e.length);
 	if (e.length < t) return r;
 	let i = Array(e.length);
@@ -9259,7 +9553,7 @@ function Us(e, t, n) {
 	}
 	return r;
 }
-function Ws(e = {}) {
+function Xs(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		n: 9,
 		m: 3,
@@ -9268,7 +9562,7 @@ function Ws(e = {}) {
 		...n
 	}, i = null, a = 0, o = 0, s = [];
 	function c(e) {
-		return (i !== e || a !== r.n || o !== r.m) && (s = Us(e, r.n, r.m), i = e, a = r.n, o = r.m), s;
+		return (i !== e || a !== r.n || o !== r.m) && (s = Ys(e, r.n, r.m), i = e, a = r.n, o = r.m), s;
 	}
 	return {
 		name: `stoch_${t}`,
@@ -9324,12 +9618,12 @@ function Ws(e = {}) {
 		}
 	};
 }
-function Gs(e, t, n, r) {
-	return Us(e, n, r)[t];
+function Zs(e, t, n, r) {
+	return Ys(e, n, r)[t];
 }
-function Ks(e, t, n = 9, r = 3) {
+function Qs(e, t, n = 9, r = 3) {
 	if (t < n + r - 1 || t >= e.length) return null;
-	let i = Gs(e, t, n, r);
+	let i = Zs(e, t, n, r);
 	return i ? {
 		name: "STOCH",
 		params: [n, r],
@@ -9346,7 +9640,7 @@ function Ks(e, t, n = 9, r = 3) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/mom.ts
-function qs(e, t) {
+function $s(e, t) {
 	let n = Array(e.length);
 	if (e.length < t + 1) return n;
 	for (let r = t; r < e.length; r++) {
@@ -9355,14 +9649,14 @@ function qs(e, t) {
 	}
 	return n;
 }
-function Js(e = {}) {
+function ec(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		period: 10,
 		showMOM: !0,
 		...n
 	}, i = null, a = 0, o = [];
 	function s(e) {
-		return (i !== e || a !== r.period) && (o = qs(e, r.period), i = e, a = r.period), o;
+		return (i !== e || a !== r.period) && (o = $s(e, r.period), i = e, a = r.period), o;
 	}
 	return {
 		name: `mom_${t}`,
@@ -9413,12 +9707,12 @@ function Js(e = {}) {
 		}
 	};
 }
-function Ys(e, t, n) {
-	return qs(e, n)[t];
+function tc(e, t, n) {
+	return $s(e, n)[t];
 }
-function Xs(e, t, n = 10) {
+function nc(e, t, n = 10) {
 	if (t < n || t >= e.length) return null;
-	let r = Ys(e, t, n);
+	let r = tc(e, t, n);
 	return r === void 0 ? null : {
 		name: "MOM",
 		params: [n],
@@ -9431,7 +9725,7 @@ function Xs(e, t, n = 10) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/wmsr.ts
-function Zs(e, t) {
+function rc(e, t) {
 	let n = Array(e.length);
 	if (e.length < t) return n;
 	for (let r = t - 1; r < e.length; r++) {
@@ -9445,14 +9739,14 @@ function Zs(e, t) {
 	}
 	return n;
 }
-function Qs(e = {}) {
+function ic(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		period: 14,
 		showWMSR: !0,
 		...n
 	}, i = null, a = 0, o = [];
 	function s(e) {
-		return (i !== e || a !== r.period) && (o = Zs(e, r.period), i = e, a = r.period), o;
+		return (i !== e || a !== r.period) && (o = rc(e, r.period), i = e, a = r.period), o;
 	}
 	return {
 		name: `wmsr_${t}`,
@@ -9495,12 +9789,12 @@ function Qs(e = {}) {
 		}
 	};
 }
-function $s(e, t, n) {
-	return Zs(e, n)[t];
+function ac(e, t, n) {
+	return rc(e, n)[t];
 }
-function ec(e, t, n = 14) {
+function oc(e, t, n = 14) {
 	if (t < n || t >= e.length) return null;
-	let r = $s(e, t, n);
+	let r = ac(e, t, n);
 	return r === void 0 ? null : {
 		name: "WMSR",
 		params: [n],
@@ -9513,7 +9807,7 @@ function ec(e, t, n = 14) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/kst.ts
-function tc(e, t) {
+function sc(e, t) {
 	let n = Array(e.length);
 	if (e.length < t + 1) return n;
 	for (let r = t; r < e.length; r++) {
@@ -9522,7 +9816,7 @@ function tc(e, t) {
 	}
 	return n;
 }
-function nc(e, t) {
+function cc(e, t) {
 	let n = Array(e.length), r = 0, i = 0;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -9536,13 +9830,13 @@ function nc(e, t) {
 	}
 	return n;
 }
-function rc(e, t, n, r, i, a) {
-	let o = Array(e.length), s = tc(e, t), c = tc(e, n), l = tc(e, r), u = tc(e, i), d = nc(s, 10), f = nc(c, 10), p = nc(l, 10), m = nc(u, 15), h = Array(e.length);
+function lc(e, t, n, r, i, a) {
+	let o = Array(e.length), s = sc(e, t), c = sc(e, n), l = sc(e, r), u = sc(e, i), d = cc(s, 10), f = cc(c, 10), p = cc(l, 10), m = cc(u, 15), h = Array(e.length);
 	for (let t = 0; t < e.length; t++) {
 		let e = d[t], n = f[t], r = p[t], i = m[t];
 		e !== void 0 && n !== void 0 && r !== void 0 && i !== void 0 && (h[t] = e * 1 + n * 2 + r * 3 + i * 4);
 	}
-	let g = nc(h, a);
+	let g = cc(h, a);
 	for (let t = 0; t < e.length; t++) {
 		let e = h[t], n = g[t];
 		e !== void 0 && n !== void 0 && (o[t] = {
@@ -9552,7 +9846,7 @@ function rc(e, t, n, r, i, a) {
 	}
 	return o;
 }
-function ic(e = {}) {
+function uc(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		roc1: 10,
 		roc2: 15,
@@ -9565,7 +9859,7 @@ function ic(e = {}) {
 	}, i = null, a = "", o = [];
 	function s(e) {
 		let t = `${r.roc1}-${r.roc2}-${r.roc3}-${r.roc4}-${r.signalPeriod}`;
-		return (i !== e || a !== t) && (o = rc(e, r.roc1, r.roc2, r.roc3, r.roc4, r.signalPeriod), i = e, a = t), o;
+		return (i !== e || a !== t) && (o = lc(e, r.roc1, r.roc2, r.roc3, r.roc4, r.signalPeriod), i = e, a = t), o;
 	}
 	return {
 		name: `kst_${t}`,
@@ -9629,12 +9923,12 @@ function ic(e = {}) {
 		}
 	};
 }
-function ac(e, t, n, r, i, a, o) {
-	return rc(e, n, r, i, a, o)[t];
+function dc(e, t, n, r, i, a, o) {
+	return lc(e, n, r, i, a, o)[t];
 }
-function oc(e, t, n = 10, r = 15, i = 20, a = 30, o = 9) {
+function fc(e, t, n = 10, r = 15, i = 20, a = 30, o = 9) {
 	if (t < a + 15 + o || t >= e.length) return null;
-	let s = ac(e, t, n, r, i, a, o);
+	let s = dc(e, t, n, r, i, a, o);
 	return s ? {
 		name: "KST",
 		params: [
@@ -9657,7 +9951,7 @@ function oc(e, t, n = 10, r = 15, i = 20, a = 30, o = 9) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/fastk.ts
-function sc(e, t) {
+function pc(e, t) {
 	let n = Array(e.length);
 	if (e.length < t) return n;
 	for (let r = t - 1; r < e.length; r++) {
@@ -9671,14 +9965,14 @@ function sc(e, t) {
 	}
 	return n;
 }
-function cc(e = {}) {
+function mc(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		period: 9,
 		showFASTK: !0,
 		...n
 	}, i = null, a = 0, o = [];
 	function s(e) {
-		return (i !== e || a !== r.period) && (o = sc(e, r.period), i = e, a = r.period), o;
+		return (i !== e || a !== r.period) && (o = pc(e, r.period), i = e, a = r.period), o;
 	}
 	return {
 		name: `fastk_${t}`,
@@ -9721,12 +10015,12 @@ function cc(e = {}) {
 		}
 	};
 }
-function lc(e, t, n) {
-	return sc(e, n)[t];
+function hc(e, t, n) {
+	return pc(e, n)[t];
 }
-function uc(e, t, n = 9) {
+function gc(e, t, n = 9) {
 	if (t < n || t >= e.length) return null;
-	let r = lc(e, t, n);
+	let r = hc(e, t, n);
 	return r === void 0 ? null : {
 		name: "FASTK",
 		params: [n],
@@ -9739,24 +10033,24 @@ function uc(e, t, n = 9) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/index.ts
-function dc(e) {
+function _c(e) {
 	let { indicatorId: t, paneId: n } = e;
 	switch (t) {
-		case "VOLUME": return ms({ paneId: n });
-		case "MACD": return Ns({ paneId: n });
-		case "RSI": return Ls({ paneId: n });
-		case "CCI": return Bs({ paneId: n });
-		case "STOCH": return Ws({ paneId: n });
-		case "MOM": return Js({ paneId: n });
-		case "WMSR": return Qs({ paneId: n });
-		case "KST": return ic({ paneId: n });
-		case "FASTK": return cc({ paneId: n });
+		case "VOLUME": return gs({ paneId: n });
+		case "MACD": return zs({ paneId: n });
+		case "RSI": return Us({ paneId: n });
+		case "CCI": return Ks({ paneId: n });
+		case "STOCH": return Xs({ paneId: n });
+		case "MOM": return ec({ paneId: n });
+		case "WMSR": return ic({ paneId: n });
+		case "KST": return uc({ paneId: n });
+		case "FASTK": return mc({ paneId: n });
 		default: throw Error(`Unknown indicator: ${t}`);
 	}
 }
 //#endregion
 //#region src/core/chart.ts
-var fc = class e {
+var vc = class e {
 	dom;
 	opt;
 	data = [];
@@ -9768,7 +10062,7 @@ var fc = class e {
 	pluginHost;
 	rendererPluginManager;
 	constructor(e, t) {
-		this.dom = e, this.opt = t, this.interaction = new fs(this), this.markerManager = new go(), this.pluginHost = da(), this.rendererPluginManager = new pa(), this.rendererPluginManager.setPluginHost(this.pluginHost), this.rendererPluginManager.setInvalidateCallback(() => this.scheduleDraw()), this.initPanes();
+		this.dom = e, this.opt = t, this.interaction = new ms(this), this.markerManager = new vo(), this.pluginHost = da(), this.rendererPluginManager = new pa(), this.rendererPluginManager.setPluginHost(this.pluginHost), this.rendererPluginManager.setInvalidateCallback(() => this.scheduleDraw()), this.initPanes();
 	}
 	get plugin() {
 		return this.pluginHost;
@@ -9802,10 +10096,10 @@ var fc = class e {
 			console.log("[Chart] draw aborted: no data");
 			return;
 		}
-		let { start: t, end: n } = cs(e.scrollLeft, e.plotWidth, this.opt.kWidth, this.opt.kGap, this.data.length, e.dpr), r = {
+		let { start: t, end: n } = us(e.scrollLeft, e.plotWidth, this.opt.kWidth, this.opt.kGap, this.data.length, e.dpr), r = {
 			start: t,
 			end: n
-		}, i = this.calcKLinePositions(r), { kWidthPx: a } = ss(this.opt.kWidth, this.opt.kGap, e.dpr);
+		}, i = this.calcKLinePositions(r), { kWidthPx: a } = ls(this.opt.kWidth, this.opt.kGap, e.dpr);
 		this.interaction.setKLinePositions(i, r, a);
 		for (let t of this.paneRenderers) {
 			let n = t.getPane(), a = t.getDom().plotCanvas.getContext("2d"), o = t.getDom().yAxisCanvas.getContext("2d");
@@ -9920,7 +10214,7 @@ var fc = class e {
 	calcKLinePositions(e) {
 		let { start: t, end: n } = e, r = n - t;
 		if (r <= 0) return [];
-		let i = this.viewport?.dpr || window.devicePixelRatio || 1, { unitPx: a, startXPx: o } = ss(this.opt.kWidth, this.opt.kGap, i), s = Array(r);
+		let i = this.viewport?.dpr || window.devicePixelRatio || 1, { unitPx: a, startXPx: o } = ls(this.opt.kWidth, this.opt.kGap, i), s = Array(r);
 		for (let e = 0; e < r; e++) s[e] = (o + (t + e) * a) / i;
 		return s;
 	}
@@ -9938,9 +10232,9 @@ var fc = class e {
 			console.warn(`Pane "${e}" already exists`);
 			return;
 		}
-		let t = new ds(e), n = document.createElement("canvas"), r = document.createElement("canvas"), i = e === "main";
+		let t = new ps(e), n = document.createElement("canvas"), r = document.createElement("canvas"), i = e === "main";
 		n.id = `${e}-plot`, n.className = i ? "plot-canvas main" : "plot-canvas sub", n.style.position = "absolute", n.style.left = "0", n.style.top = "0", r.id = `${e}-yAxis`, r.className = "right-axis", r.style.position = "absolute", r.style.right = "0";
-		let a = new ps({
+		let a = new hs({
 			plotCanvas: n,
 			yAxisCanvas: r
 		}, t, {
@@ -9971,7 +10265,7 @@ var fc = class e {
 			return n && this.updateRendererConfig(e, n), !0;
 		}
 		this.addPane(r);
-		let i = dc({
+		let i = _c({
 			indicatorId: t,
 			paneId: r
 		});
@@ -9993,6 +10287,12 @@ var fc = class e {
 	getSubPaneIndicators() {
 		return this.paneRenderers.map((e) => e.getPane().id).filter((t) => t.startsWith(e.SUB_PANE_PREFIX)).map((t) => t.slice(e.SUB_PANE_PREFIX.length));
 	}
+	translatePrice(e, t) {
+		let n = this.paneRenderers.find((t) => t.getPane().id === e);
+		if (!n) return;
+		let r = n.getPane(), i = r.yAxis.deltaYToPriceOffset(t), a = r.yAxis.getPriceOffset();
+		r.yAxis.setPriceOffset(a + i), this.scheduleDraw();
+	}
 	updateData(e) {
 		console.log("[Chart] updateData called, data length:", e?.length), this.data = e ?? [];
 		let t = this.dom.container;
@@ -10000,17 +10300,14 @@ var fc = class e {
 			let e = this.getContentWidth(), n = Math.max(0, e - t.clientWidth);
 			t.scrollLeft > n && (t.scrollLeft = n);
 		}
-		this.rendererPluginManager.notifyDataUpdate(this.data, {
-			start: 0,
-			end: this.data.length
-		}), this.interaction.reset(), this.scheduleDraw();
+		this.interaction.reset(), this.scheduleDraw();
 	}
 	getData() {
 		return this.data;
 	}
 	getContentWidth() {
-		let e = this.data?.length ?? 0, t = this.viewport?.dpr || window.devicePixelRatio || 1, { startXPx: n, unitPx: r } = ss(this.opt.kWidth, this.opt.kGap, t);
-		return (n + e * r) / t + (this.opt.rightAxisWidth + (this.opt.priceLabelWidth || 60));
+		let e = this.data?.length ?? 0, t = this.viewport?.dpr || window.devicePixelRatio || 1, { startXPx: n, unitPx: r } = ls(this.opt.kWidth, this.opt.kGap, t);
+		return (n + e * r) / t;
 	}
 	resize() {
 		let e = this.computeViewport();
@@ -10026,8 +10323,8 @@ var fc = class e {
 	}
 	initPanes() {
 		this.paneRenderers = this.opt.panes.map((e) => {
-			let t = new ds(e.id), n = document.createElement("canvas"), r = document.createElement("canvas"), i = e.id === "main";
-			return n.id = `${e.id}-plot`, n.className = i ? "plot-canvas main" : "plot-canvas sub", n.style.position = "absolute", n.style.left = "0", n.style.top = "0", r.id = `${e.id}-yAxis`, r.className = "right-axis", r.style.position = "absolute", r.style.right = "0", new ps({
+			let t = new ps(e.id), n = document.createElement("canvas"), r = document.createElement("canvas"), i = e.id === "main";
+			return n.id = `${e.id}-plot`, n.className = i ? "plot-canvas main" : "plot-canvas sub", n.style.position = "absolute", n.style.left = "0", n.style.top = "0", r.id = `${e.id}-yAxis`, r.className = "right-axis", r.style.position = "absolute", r.style.right = "0", new hs({
 				plotCanvas: n,
 				yAxisCanvas: r
 			}, t, {
@@ -10076,18 +10373,18 @@ var fc = class e {
 };
 //#endregion
 //#region src/types/kLine.ts
-function pc(e) {
+function yc(e) {
 	return e.open > e.close ? "down" : e.open < e.close ? "up" : "flat";
 }
 //#endregion
 //#region src/types/volumePrice.ts
 var $ = /* @__PURE__ */ function(e) {
 	return e.RISE_WITH_VOLUME = "rise_with_volume", e.RISE_WITHOUT_VOLUME = "rise_without_volume", e.FALL_WITH_VOLUME = "fall_with_volume", e.FALL_WITHOUT_VOLUME = "fall_without_volume", e.OTHERS = "others", e;
-}({}), mc = {
+}({}), bc = {
 	volumeAmplifyThreshold: 1.5,
 	volumeShrinkThreshold: .8,
 	avgPeriod: 20
-}, hc = class {
+}, xc = class {
 	prefixSum = [];
 	dataLength = 0;
 	build(e) {
@@ -10112,8 +10409,8 @@ var $ = /* @__PURE__ */ function(e) {
 		return this.dataLength;
 	}
 };
-function gc(e, t, n, r = mc) {
-	let i = new hc();
+function Sc(e, t, n, r = bc) {
+	let i = new xc();
 	i.build(e);
 	let a = [], { volumeAmplifyThreshold: o, volumeShrinkThreshold: s, avgPeriod: c } = r;
 	for (let r = t; r < n && r < e.length; r++) {
@@ -10134,7 +10431,7 @@ function gc(e, t, n, r = mc) {
 }
 //#endregion
 //#region src/core/renderers/candle.ts
-function _c() {
+function Cc() {
 	return {
 		name: "candle",
 		version: "1.0.0",
@@ -10145,36 +10442,36 @@ function _c() {
 		draw(e) {
 			let { ctx: t, pane: n, data: r, range: i, scrollLeft: a, kWidth: o, kGap: s, dpr: c, kLinePositions: l, markerManager: u } = e, d = r;
 			if (!d.length) return;
-			let { kWidthPx: f } = ss(o, s, c);
+			let { kWidthPx: f } = ls(o, s, c);
 			t.save(), t.translate(-a, 0);
-			let p = l || [], m = gc(d, i.start, i.end, mc);
+			let p = l || [], m = Sc(d, i.start, i.end, bc);
 			for (let e = i.start; e < i.end && e < d.length; e++) {
 				let r = d[e];
 				if (!r) continue;
 				let a = n.yAxis.priceToY(r.open), s = n.yAxis.priceToY(r.close), l = n.yAxis.priceToY(r.high), h = n.yAxis.priceToY(r.low), g = Math.min(a, s), _ = Math.max(Math.abs(a - s), 1), v = p[e - i.start];
 				if (!v) continue;
-				let y = xs(Math.round(v * c), g, f, _, c);
-				t.fillStyle = pc(r) === "up" ? X.UP : X.DOWN, t.fillRect(y.bodyRect.x, y.bodyRect.y, y.bodyRect.width, y.bodyRect.height);
+				let y = Ss(Math.round(v * c), g, f, _, c);
+				t.fillStyle = yc(r) === "up" ? X.UP : X.DOWN, t.fillRect(y.bodyRect.x, y.bodyRect.y, y.bodyRect.width, y.bodyRect.height);
 				let b = y.wickRect.width, x = y.wickRect.x, S = y.bodyRect.y, C = y.bodyRect.y + y.bodyRect.height, w = Math.max(r.open, r.close), T = Math.min(r.open, r.close);
 				if (r.high > w) {
-					let e = ys(x, l, S, c);
+					let e = bs(x, l, S, c);
 					e && t.fillRect(e.x, e.y, b, e.height);
 				}
 				if (r.low < T) {
-					let e = ys(x, C, h, c);
+					let e = bs(x, C, h, c);
 					e && t.fillRect(e.x, e.y, b, e.height);
 				}
 				let E = m[e - i.start];
 				if (E !== $.OTHERS && u) {
 					let n = E === $.RISE_WITH_VOLUME || E === $.RISE_WITHOUT_VOLUME ? l - 15 : h + 15;
-					vc(t, y.bodyRect.x + y.bodyRect.width / 2, n, E, e, o, 4, u);
+					wc(t, y.bodyRect.x + y.bodyRect.width / 2, n, E, e, o, 4, u);
 				}
 			}
 			t.restore();
 		}
 	};
 }
-function vc(e, t, n, r, i, a, o = 4, s) {
+function wc(e, t, n, r, i, a, o = 4, s) {
 	let c = Math.min(a, 20), l = c * Math.sqrt(3) / 2, u, d;
 	switch (r) {
 		case $.RISE_WITH_VOLUME:
@@ -10238,12 +10535,12 @@ function vc(e, t, n, r, i, a, o = 4, s) {
 }
 //#endregion
 //#region src/core/utils/tickCount.ts
-function yc(e, t) {
+function Tc(e, t) {
 	return t ? Math.max(4, Math.min(8, Math.round(e / 80))) : 2;
 }
 //#endregion
 //#region src/core/renderers/gridLines.ts
-function bc() {
+function Ec() {
 	return {
 		name: "gridLines",
 		version: "1.0.0",
@@ -10254,11 +10551,11 @@ function bc() {
 		draw(e) {
 			let { ctx: t, pane: n, data: r, range: i, scrollLeft: a, kWidth: o, dpr: s, kLinePositions: c } = e, l = r;
 			if (!l.length) return;
-			let u = yc(n.height, n.id === "main");
+			let u = Tc(n.height, n.id === "main");
 			t.save(), t.fillStyle = Aa.HORIZONTAL, t.translate(-a, 0);
 			let d = t.canvas.width / s, f = a, p = a + d, m = n.yAxis.getPaddingTop(), h = n.yAxis.getPaddingBottom(), g = m, _ = Math.max(m, n.height - h), v = Math.max(0, _ - g);
 			for (let e = 0; e < u; e++) {
-				let n = u <= 1 ? 0 : e / (u - 1), r = bs(f, p, Math.round(g + n * v), s);
+				let n = u <= 1 ? 0 : e / (u - 1), r = xs(f, p, Math.round(g + n * v), s);
 				r && t.fillRect(r.x, r.y, r.width, r.height);
 			}
 			let y = Ea(l);
@@ -10266,7 +10563,7 @@ function bc() {
 				if (e < i.start || e >= i.end || e >= l.length) continue;
 				let r = e - i.start;
 				if (r < 0 || r >= c.length) continue;
-				let a = ys(c[r] + o / 2, 0, n.height, s);
+				let a = bs(c[r] + o / 2, 0, n.height, s);
 				a && t.fillRect(a.x, a.y, a.width, a.height);
 			}
 			t.restore();
@@ -10275,7 +10572,7 @@ function bc() {
 }
 //#endregion
 //#region src/core/renderers/lastPrice.ts
-function xc() {
+function Dc() {
 	return {
 		name: "lastPriceLine",
 		version: "1.0.0",
@@ -10296,7 +10593,7 @@ function xc() {
 }
 //#endregion
 //#region src/core/renderers/extremaMarkers.ts
-function Sc() {
+function Oc() {
 	return {
 		name: "extremaMarkers",
 		version: "1.0.0",
@@ -10319,46 +10616,67 @@ function Sc() {
 				let t = e - i.start;
 				return t < 0 || t >= l.length ? 0 : l[t] + o / 2;
 			};
-			t.save(), t.translate(-a, 0), Cc(t, _(h), n.yAxis.priceToY(p), p, s, c, a), Cc(t, _(g), n.yAxis.priceToY(m), m, s, c, a), t.restore();
+			t.save(), t.translate(-a, 0), kc(t, _(h), n.yAxis.priceToY(p), p, s, c, a), kc(t, _(g), n.yAxis.priceToY(m), m, s, c, a), t.restore();
 		}
 	};
 }
-function Cc(e, t, n, r, i, a, o) {
+function kc(e, t, n, r, i, a, o) {
 	let s = r.toFixed(2);
 	e.font = "12px Arial";
 	let c = e.measureText(s).width, l = t - o + 30 + 4 + c > a, u = t, d = l ? t - 30 : t + 30;
 	u > d && ([u, d] = [d, u]);
-	let f = bs(u, d, n, i);
+	let f = xs(u, d, n, i);
 	f && (e.fillStyle = Da.WEAK, e.fillRect(f.x, f.y, f.width, f.height));
 	let p = Z(d, i), m = Z(n, i);
 	e.fillStyle = Da.WEAK, e.beginPath(), e.arc(p, m, 2, 0, Math.PI * 2), e.fill(), e.font = "12px Arial", e.textBaseline = "middle", e.fillStyle = X.NEUTRAL, l ? (e.textAlign = "right", e.fillText(s, Z(t - 30 - 4, i), Z(n, i))) : (e.textAlign = "left", e.fillText(s, Z(t + 30 + 4, i), Z(n, i)));
 }
 //#endregion
+//#region src/utils/priceToY.ts
+function Ac(e, t, n, r, i, a) {
+	let o = t - n || 1, s = (e - n) / o;
+	return i + Math.max(1, r - i - a) * (1 - s);
+}
+function jc(e, t, n, r, i, a) {
+	let o = t - n || 1, s = Math.max(1, r - i - a);
+	return n + (1 - (Math.min(Math.max(e, i), i + s) - i) / s) * o;
+}
+//#endregion
 //#region src/utils/kLineDraw/axis.ts
-function wc(e, t) {
-	let { x: n, y: r, width: i, height: a, priceRange: o, yPaddingPx: s = 0, dpr: c, ticks: l = 10, bgColor: u = Oa.TRANSPARENT, textColor: d = Da.SECONDARY, lineColor: f = ka.DARK, fontSize: p = 16, paddingX: m = 12, drawLeftBorder: h = !0, drawTickLines: g = !0 } = t, _ = Math.max(0, Math.min(s, Math.floor(a / 2) - 1)), { maxPrice: v, minPrice: y } = o, b = v - y, x = b === 0 ? 0 : b / (Math.max(2, l) - 1);
-	e.fillStyle = u, e.fillRect(n, r, i, a), h && (e.strokeStyle = f, e.lineWidth = 1, e.beginPath(), e.moveTo(Q(n, c), r), e.lineTo(Q(n, c), r + a), e.stroke()), e.font = `${p}px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif`, e.textBaseline = "middle", e.textAlign = "left";
-	let S = n + m;
+function Mc(e, t) {
+	let { x: n, y: r, width: i, height: a, priceRange: o, yPaddingPx: s = 0, dpr: c, ticks: l = 10, bgColor: u = Oa.TRANSPARENT, textColor: d = Da.SECONDARY, lineColor: f = ka.DARK, fontSize: p = 16, drawLeftBorder: m = !0, drawTickLines: h = !0, priceOffset: g = 0 } = t, _ = Math.max(0, Math.min(s, Math.floor(a / 2) - 1)), { maxPrice: v, minPrice: y } = o, b = v - y, x = b === 0 ? 0 : b / (Math.max(2, l) - 1);
+	e.fillStyle = u, e.fillRect(n, r, i, a), m && (e.strokeStyle = f, e.lineWidth = 1, e.beginPath(), e.moveTo(Q(n, c), r), e.lineTo(Q(n, c), r + a), e.stroke()), e.font = `${p}px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif`, e.textBaseline = "middle", e.textAlign = "center";
+	let S = n + i / 2;
 	for (let t = 0; t < Math.max(2, l); t++) {
-		let i = b === 0 ? v : v - x * t, o = Math.round(vs(i, v, y, a, _, _) + r);
-		if (g) {
+		let i = b === 0 ? v : v - x * t, o = Math.round(Ac(i, v, y, a, _, _) + r);
+		if (h) {
 			e.strokeStyle = f, e.beginPath();
 			let t = Q(o, c);
 			e.moveTo(n, t), e.lineTo(n + 4, t), e.stroke();
 		}
-		e.fillStyle = d, e.fillText(i.toFixed(2), Z(S, c), Z(o, c));
+		let s = i + g;
+		e.fillStyle = d, e.fillText(s.toFixed(2), Z(S, c), Z(o, c));
 	}
 }
-function Tc(e, t) {
-	let { x: n, y: r, width: i, height: a, crosshairX: o, timestamp: s, dpr: c, bgColor: l = Oa.WHITE, textColor: u = Da.PRIMARY, fontSize: d = 16, paddingX: f = 8, paddingY: p = 4 } = t, m = Ta(s);
-	e.save(), e.font = `${d}px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif`, e.textBaseline = "middle", e.textAlign = "center";
-	let h = Math.round(e.measureText(m).width), g = Math.min(i, h + f * 2), _ = Math.min(a, d + p * 2), v = Math.min(Math.max(o, n + g / 2), n + i - g / 2), y = r + a / 2, b = v - g / 2;
-	y - _ / 2, e.fillStyle = l, e.fillRect(Z(b, c), 0, Z(g, c), Z(_, c)), e.fillStyle = u, e.fillText(m, Z(v, c), Z(y, c)), e.restore();
+function Nc(e, t) {
+	let { x: n, y: r, width: i, height: a, crosshairX: o, timestamp: s, dpr: c, fontSize: l = 16, paddingX: u = 8 } = t, d = Ta(s);
+	e.save(), e.font = `${l}px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif`, e.textBaseline = "middle", e.textAlign = "center";
+	let f = Math.round(e.measureText(d).width), p = Math.min(i, f + u * 2), m = a, h = Math.min(Math.max(o, n + p / 2), n + i - p / 2), g = r + a / 2, _ = h - p / 2, v = r;
+	e.fillStyle = "rgba(0, 0, 0, 0.8)", e.fillRect(Z(_, c), Z(v, c), Z(p, c), Z(m, c)), e.fillStyle = "#ffffff", e.fillText(d, Z(h, c), Z(g, c)), e.restore();
 }
-function Ec(e, t) {
-	let { x: n, y: r, width: i, height: a, data: o, scrollLeft: s, kWidth: c, kGap: l, startIndex: u, endIndex: d, dpr: f, bgColor: p = Oa.TRANSPARENT, textColor: m = Da.SECONDARY, lineColor: h = ka.DARK, fontSize: g = 16, paddingX: _ = 8, drawTopBorder: v = !0, drawBottomBorder: y = !0 } = t, b = Math.round(c * f), x = b % 2 == 0 ? b + 1 : b, S = Math.round(l * f), C = x + S, w = S, T = C / f, E = w / f, D = x / f;
+function Pc(e, t) {
+	let { x: n, y: r, width: i, height: a, crosshairY: o, priceRange: s, yPaddingPx: c = 0, dpr: l, fontSize: u = 16 } = t, d = Math.max(0, Math.min(c, Math.floor(a / 2) - 1)), { maxPrice: f, minPrice: p } = s, m = jc(o - r, f, p, a, d, d).toFixed(2);
+	e.save(), e.font = `${u}px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif`, e.textBaseline = "middle", e.textAlign = "center";
+	let h = u + 4, g = i, _ = Math.min(Math.max(o, r + h / 2), r + a - h / 2), v = _ - h / 2;
+	e.fillStyle = "rgba(0, 0, 0, 0.8)";
+	let y = Z(n, l), b = Z(v, l), x = Z(g, l), S = Z(h, l);
+	e.fillRect(y, b, x, S);
+	let C = n + i / 2;
+	e.fillStyle = "#ffffff", e.fillText(m, Z(C, l), Z(_, l)), e.restore();
+}
+function Fc(e, t) {
+	let { x: n, y: r, width: i, height: a, data: o, scrollLeft: s, kWidth: c, kGap: l, startIndex: u, endIndex: d, dpr: f, bgColor: p = Oa.TRANSPARENT, textColor: m = Da.SECONDARY, lineColor: h = ka.DARK, fontSize: g = 12, paddingX: _ = 8, drawTopBorder: v = !0, drawBottomBorder: y = !0 } = t, b = Math.round(c * f), x = b % 2 == 0 ? b + 1 : b, S = Math.round(l * f), C = x + S, w = S, T = C / f, E = w / f, D = x / f;
 	e.fillStyle = p, e.fillRect(n, r, i, a), v && (e.strokeStyle = h, e.lineWidth = 1, e.beginPath(), e.moveTo(n, Q(r, f)), e.lineTo(n + i, Q(r, f)), e.stroke()), y && (e.strokeStyle = h, e.lineWidth = 1, e.beginPath(), e.moveTo(n, Q(r + a, f)), e.lineTo(n + i, Q(r + a, f)), e.stroke()), e.textAlign = "center", e.textBaseline = "middle";
-	let O = r + a / 2, k = Ea(o).filter((e) => e >= u && e < d);
+	let O = r + a / 2 + 1, k = Ea(o).filter((e) => e >= u && e < d);
 	for (let t of k) {
 		let n = o[t];
 		if (!n) continue;
@@ -10371,7 +10689,7 @@ function Ec(e, t) {
 }
 //#endregion
 //#region src/core/renderers/yAxis.ts
-function Dc(e) {
+function Ic(e) {
 	return {
 		name: "yAxis",
 		version: "1.0.0",
@@ -10380,8 +10698,8 @@ function Dc(e) {
 		paneId: oa,
 		priority: Y.SYSTEM_YAXIS,
 		draw(t) {
-			let { ctx: n, pane: r, dpr: i, yAxisCtx: a } = t, o = a || n, s = yc(r.height, r.id === "main");
-			wc(o, {
+			let { ctx: n, pane: r, dpr: i, yAxisCtx: a } = t, o = a || n, s = Tc(r.height, r.id === "main");
+			Mc(o, {
 				x: 0,
 				y: r.top,
 				width: e.axisWidth,
@@ -10391,26 +10709,40 @@ function Dc(e) {
 				dpr: i,
 				ticks: s,
 				drawLeftBorder: !1,
-				drawTickLines: !1
+				drawTickLines: !1,
+				priceOffset: r.yAxis.getPriceOffset(),
+				fontSize: 12
+			});
+			let c = e.getCrosshair?.();
+			c && c.price !== null && Pc(o, {
+				x: 2,
+				y: r.top,
+				width: e.axisWidth,
+				height: r.height,
+				crosshairY: c.y,
+				priceRange: r.priceRange,
+				yPaddingPx: e.yPaddingPx,
+				dpr: i,
+				fontSize: 12
 			});
 		}
 	};
 }
 //#endregion
 //#region src/core/renderers/timeAxis.ts
-var Oc = Symbol("time-axis");
-function kc(e) {
+var Lc = Symbol("time-axis");
+function Rc(e) {
 	return {
 		name: "timeAxis",
 		version: "1.0.0",
 		description: "时间轴渲染器",
 		debugName: "时间轴",
-		paneId: Oc,
+		paneId: Lc,
 		priority: Y.SYSTEM_XAXIS,
 		isSystem: !0,
 		draw(t) {
 			let { ctx: n, data: r, range: i, scrollLeft: a, kWidth: o, kGap: s, dpr: c, paneWidth: l } = t, u = r, d = n, f = l, p = e.height;
-			d.setTransform(1, 0, 0, 1, 0, 0), d.scale(c, c), d.clearRect(0, 0, f, p), Ec(d, {
+			d.setTransform(1, 0, 0, 1, 0, 0), d.scale(c, c), d.clearRect(0, 0, f, p), Fc(d, {
 				x: 0,
 				y: 0,
 				width: f,
@@ -10428,14 +10760,15 @@ function kc(e) {
 			let m = e.getCrosshair?.();
 			if (m && typeof m.index == "number") {
 				let e = u[m.index];
-				e && Tc(d, {
+				e && Nc(d, {
 					x: 0,
 					y: 0,
 					width: f,
 					height: p,
 					crosshairX: m.x,
 					timestamp: e.timestamp,
-					dpr: c
+					dpr: c,
+					fontSize: 12
 				});
 			}
 		}
@@ -10443,7 +10776,7 @@ function kc(e) {
 }
 //#endregion
 //#region src/core/renderers/crosshair.ts
-function Ac(e) {
+function zc(e) {
 	return {
 		name: "crosshair",
 		version: "1.0.0",
@@ -10454,11 +10787,11 @@ function Ac(e) {
 		draw(t) {
 			let { ctx: n, pane: r, dpr: i, paneWidth: a } = t, o = e.getCrosshairState();
 			if (o.isDragging || !o.pos) return;
-			let { x: s, y: c } = o.pos, l = r.id === o.activePaneId, u = l ? c - r.top : -1;
-			n.save(), n.beginPath(), n.rect(0, 0, a, r.height), n.clip(), n.fillStyle = Ba.LINE;
-			let d = ys(s, 0, r.height, i);
-			if (d && n.fillRect(d.x, d.y, d.width, d.height), l && u >= 0) {
-				let e = bs(0, a, Math.min(u, r.height - 1 / i), i);
+			let { x: s } = o.pos, c = r.id === o.activePaneId, l = -1;
+			c && o.price !== null && (l = r.yAxis.priceToY(o.price)), n.save(), n.beginPath(), n.rect(0, 0, a, r.height), n.clip(), n.fillStyle = Ha.LINE;
+			let u = bs(s, 0, r.height, i);
+			if (u && n.fillRect(u.x, u.y, u.width, u.height), c && l >= 0) {
+				let e = xs(0, a, Math.min(l, r.height - 1 / i), i);
 				e && n.fillRect(e.x, e.y, e.width, e.height);
 			}
 			n.restore();
@@ -10467,7 +10800,7 @@ function Ac(e) {
 }
 //#endregion
 //#region src/core/renderers/paneTitle.ts
-function jc(e) {
+function Bc(e) {
 	let t = { ...e };
 	return {
 		name: `paneTitle_${e.paneId}`,
@@ -10508,7 +10841,7 @@ function jc(e) {
 }
 //#endregion
 //#region src/components/KLineChart.vue?vue&type=script&setup=true&lang.ts
-var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE__ */ u({
+var Vc = { class: "chart-wrapper" }, Hc = 4, Uc = /* @__PURE__ */ ho(/* @__PURE__ */ u({
 	__name: "KLineChart",
 	props: {
 		semanticConfig: {},
@@ -10592,7 +10925,7 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 		function ue() {
 			C.value?.interaction.onScroll(), I();
 		}
-		let R = _(["MA"]), de = _({}), z = _([]), B = [
+		let R = _([]), de = _({}), z = _([]), B = [
 			"VOLUME",
 			"MACD",
 			"RSI",
@@ -10649,14 +10982,14 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 			}
 		}
 		function pe(e = "VOLUME", t) {
-			if (z.value.length >= Nc) return !1;
+			if (z.value.length >= Hc) return !1;
 			let n = `sub_${e}`;
 			if (z.value.some((e) => e.id === n)) return !0;
 			if (!C.value?.createSubPane(e, t ?? fe(e))) return !1;
-			let r = jc({
+			let r = Bc({
 				paneId: n,
 				title: e,
-				getTitleInfo: () => ve(n)
+				getTitleInfo: () => ye(n)
 			});
 			return C.value?.useRenderer(r), z.value.push({
 				id: n,
@@ -10677,13 +11010,38 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 			C.value?.clearSubPanes(), z.value = [], R.value = R.value.filter((e) => !B.includes(e));
 		}
 		function ge() {
+			let e = n.semanticConfig.indicators?.main;
+			if (e) for (let t of e) t.enabled && (R.value.includes(t.type) || R.value.push(t.type), t.params && (de.value[t.type] = t.params));
+		}
+		S(R, (e) => {
+			let t = C.value;
+			t && (t.updateRendererConfig("mainIndicatorLegend", { indicators: {
+				MA: {
+					enabled: e.includes("MA"),
+					params: de.value.MA || {}
+				},
+				BOLL: {
+					enabled: e.includes("BOLL"),
+					params: de.value.BOLL || {}
+				},
+				EXPMA: {
+					enabled: e.includes("EXPMA"),
+					params: de.value.EXPMA || {}
+				},
+				ENE: {
+					enabled: e.includes("ENE"),
+					params: de.value.ENE || {}
+				}
+			} }), t.setRendererEnabled("ma", e.includes("MA")), t.setRendererEnabled("boll", e.includes("BOLL")), t.setRendererEnabled("expma", e.includes("EXPMA")), t.setRendererEnabled("ene", e.includes("ENE")), E());
+		}, { deep: !0 });
+		function _e() {
 			let e = C.value?.getSubPaneIndicators() ?? [];
 			z.value = [];
 			for (let t of e) {
-				let e = `sub_${t}`, n = jc({
+				let e = `sub_${t}`, n = Bc({
 					paneId: e,
 					title: t,
-					getTitleInfo: () => ve(e)
+					getTitleInfo: () => ye(e)
 				});
 				C.value?.useRenderer(n), z.value.push({
 					id: e,
@@ -10694,15 +11052,15 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 				}), R.value.includes(t) || R.value.push(t);
 			}
 		}
-		function _e(e, t) {
+		function ve(e, t) {
 			let n = z.value.find((t) => t.id === e);
 			if (!n) return;
 			let r = n.indicatorId;
 			C.value?.removeRenderer(n.paneTitleRendererName), C.value?.removeSubPane(r), C.value?.createSubPane(t, fe(t));
-			let i = `sub_${t}`, a = jc({
+			let i = `sub_${t}`, a = Bc({
 				paneId: i,
 				title: t,
-				getTitleInfo: () => ve(i)
+				getTitleInfo: () => ye(i)
 			});
 			C.value?.useRenderer(a);
 			let o = z.value.findIndex((t) => t.id === e);
@@ -10714,7 +11072,7 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 				params: fe(t)
 			}), R.value = R.value.filter((e) => e !== r), R.value.includes(t) || R.value.push(t);
 		}
-		function ve(e) {
+		function ye(e) {
 			let t = z.value.find((t) => t.id === e);
 			if (!t) return null;
 			let n = C.value?.getData();
@@ -10728,72 +11086,56 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 			let i = N.value;
 			if (i === null) return null;
 			switch (t.indicatorId) {
-				case "MACD": return Fs(n, i, r.fastPeriod ?? 12, r.slowPeriod ?? 26, r.signalPeriod ?? 9);
-				case "RSI": return Rs(n, i, r.period1 ?? 6, r.period2 ?? 12, r.period3 ?? 24);
-				case "CCI": return Hs(n, i, r.period ?? 14);
-				case "STOCH": return Ks(n, i, r.n ?? 9, r.m ?? 3);
-				case "MOM": return Xs(n, i, r.period ?? 10);
-				case "WMSR": return ec(n, i, r.period ?? 14);
-				case "KST": return oc(n, i, r.roc1 ?? 10, r.roc2 ?? 15, r.roc3 ?? 20, r.roc4 ?? 30, r.signalPeriod ?? 9);
-				case "FASTK": return uc(n, i, r.period ?? 9);
+				case "MACD": return Vs(n, i, r.fastPeriod ?? 12, r.slowPeriod ?? 26, r.signalPeriod ?? 9);
+				case "RSI": return Ws(n, i, r.period1 ?? 6, r.period2 ?? 12, r.period3 ?? 24);
+				case "CCI": return Js(n, i, r.period ?? 14);
+				case "STOCH": return Qs(n, i, r.n ?? 9, r.m ?? 3);
+				case "MOM": return nc(n, i, r.period ?? 10);
+				case "WMSR": return oc(n, i, r.period ?? 14);
+				case "KST": return fc(n, i, r.roc1 ?? 10, r.roc2 ?? 15, r.roc3 ?? 20, r.roc4 ?? 30, r.signalPeriod ?? 9);
+				case "FASTK": return gc(n, i, r.period ?? 9);
 				default: return null;
 			}
 		}
-		function ye(e, t) {
-			if (e === "MA") {
-				t ? (R.value.includes(e) || R.value.push(e), C.value?.updateRendererConfig("ma", {
-					ma5: !0,
-					ma10: !0,
-					ma20: !0,
-					ma30: !0,
-					ma60: !0
-				}), C.value?.setRendererEnabled("maLegend", !0)) : (R.value = R.value.filter((t) => t !== e), C.value?.updateRendererConfig("ma", {
-					ma5: !1,
-					ma10: !1,
-					ma20: !1,
-					ma30: !1,
-					ma60: !1
-				}), C.value?.setRendererEnabled("maLegend", !1)), E();
-				return;
-			}
-			if (e === "BOLL") {
-				t ? R.value.includes(e) || R.value.push(e) : R.value = R.value.filter((t) => t !== e), C.value?.setRendererEnabled("boll", t), C.value?.setRendererEnabled("bollLegend", t), E();
+		function be(e, t) {
+			if (e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
+				t ? R.value.includes(e) || R.value.push(e) : R.value = R.value.filter((t) => t !== e);
 				return;
 			}
 			if (B.includes(e)) {
 				if (t) {
-					if (z.value.find((t) => t.indicatorId === e)) return;
+					if (R.value.includes(e) || R.value.push(e), z.value.find((t) => t.indicatorId === e)) return;
 					if (!pe(e)) {
 						let t = z.value[z.value.length - 1];
-						t && _e(t.id, e);
+						t && ve(t.id, e);
 					}
-				} else z.value.filter((t) => t.indicatorId === e).forEach((e) => me(e.id));
+				} else R.value = R.value.filter((t) => t !== e), z.value.filter((t) => t.indicatorId === e).forEach((e) => me(e.id));
 				E();
 			}
 		}
-		function be(e, t) {
-			if (de.value[e] = t, e === "BOLL") {
-				C.value?.updateRendererConfig("boll", t), C.value?.updateRendererConfig("bollLegend", t), E();
+		function xe(e, t) {
+			if (de.value[e] = t, e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
+				e === "BOLL" && C.value?.updateRendererConfig("boll", t), e === "EXPMA" && C.value?.updateRendererConfig("expma", t), e === "ENE" && C.value?.updateRendererConfig("ene", t), E();
 				return;
 			}
 			B.includes(e) && z.value.filter((t) => t.indicatorId === e).forEach((e) => {
 				e.params = { ...t }, C.value?.updateRendererConfig(e.rendererName, t);
 			}), E();
 		}
-		let xe = r(() => {
-			let e = T.value, t = window.devicePixelRatio || 1, { startXPx: r, unitPx: i } = ss(b.value, x.value, t);
+		let Se = r(() => {
+			let e = T.value, t = window.devicePixelRatio || 1, { startXPx: r, unitPx: i } = ls(b.value, x.value, t);
 			return (r + e * i) / t + (n.rightAxisWidth + n.priceLabelWidth);
 		});
-		function Se() {
+		function Ce() {
 			let e = v.value;
 			e && (e.scrollLeft = e.scrollWidth, E());
 		}
 		return t({
 			scheduleRender: E,
-			scrollToRight: Se,
+			scrollToRight: Ce,
 			addSubPane: pe,
 			removeSubPane: me,
-			switchSubIndicator: _e,
+			switchSubIndicator: ve,
 			clearAllSubPanes: he,
 			get plugin() {
 				return C.value?.plugin;
@@ -10805,7 +11147,7 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 				C.value?.interaction.onWheel(e), I();
 			};
 			e.addEventListener("wheel", i, { passive: !1 });
-			let a = new fc({
+			let a = new vc({
 				container: e,
 				canvasLayer: t,
 				xAxisCanvas: r
@@ -10830,32 +11172,31 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 				if (!r) return;
 				let i = Math.max(0, r.scrollWidth - r.clientWidth);
 				r.scrollLeft = Math.min(Math.max(0, n), i), a.applyZoom(e, t);
-			}), a.useRenderer(bc()), a.useRenderer(Sc()), a.useRenderer(Cs({
+			}), a.useRenderer(Ec()), a.useRenderer(Oc()), a.useRenderer(ws({
 				ma5: !0,
 				ma10: !0,
 				ma20: !0,
 				ma30: !0,
 				ma60: !0
-			})), a.useRenderer(Ds()), a.setRendererEnabled("boll", !1), a.useRenderer(_c()), a.useRenderer(xc()), a.useRenderer(va()), a.useRenderer(Dc({
-				axisWidth: n.rightAxisWidth,
-				yPaddingPx: n.yPaddingPx
-			})), a.useRenderer(Ts({
+			})), a.useRenderer(Es()), a.setRendererEnabled("boll", !1), a.useRenderer(As()), a.setRendererEnabled("expma", !1), a.useRenderer(Ns()), a.setRendererEnabled("ene", !1), a.useRenderer(Cc()), a.useRenderer(Dc()), a.useRenderer(va()), a.useRenderer(Ic({
+				axisWidth: n.rightAxisWidth + n.priceLabelWidth,
 				yPaddingPx: n.yPaddingPx,
-				showMA: {
-					ma5: !0,
-					ma10: !0,
-					ma20: !0,
-					ma30: !0,
-					ma60: !0
+				getCrosshair: () => {
+					let e = a.interaction.crosshairPos, t = a.interaction.crosshairPrice;
+					return e && t !== null ? {
+						y: e.y,
+						price: t
+					} : null;
 				}
-			})), a.useRenderer(ks({ yPaddingPx: n.yPaddingPx })), a.setRendererEnabled("bollLegend", !1), a.useRenderer(Ac({ getCrosshairState: () => ({
+			})), a.useRenderer(Fs({ yPaddingPx: n.yPaddingPx })), a.useRenderer(zc({ getCrosshairState: () => ({
 				pos: a.interaction.crosshairPos,
 				activePaneId: a.interaction.activePaneId,
-				isDragging: a.interaction.isDraggingState()
-			}) })), a.useRenderer(kc({
+				isDragging: a.interaction.isDraggingState(),
+				price: a.interaction.crosshairPrice
+			}) })), a.useRenderer(Rc({
 				height: n.bottomAxisHeight,
 				getCrosshair: () => {
-					let e = a.interaction.crosshairPos, t = a.interaction.hoveredIndex;
+					let e = a.interaction.crosshairPos, t = a.interaction.crosshairIndex;
 					return e && t !== null ? {
 						x: e.x,
 						index: t
@@ -10864,7 +11205,7 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 			})), C.value = a, a.resize(), w.value = new Ui(a), w.value.on("config:error", (e) => {
 				console.error("Semantic config error:", e);
 			}), w.value.on("config:ready", () => {
-				T.value = a.getData()?.length ?? 0, ie(), ge(), d(() => Se());
+				T.value = a.getData()?.length ?? 0, ie(), ge(), _e(), d(() => Ce());
 			}), w.value.applyConfig(n.semanticConfig).then((e) => {
 				e && !e.success && console.error("Semantic config apply failed:", e.errors);
 			}), a.interaction.setOnMarkerHover((e) => {
@@ -10899,7 +11240,7 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 				let t = await w.value?.applyConfig(e);
 				t && !t.success && console.error("Semantic config apply failed:", t.errors);
 			}
-		}, { deep: !0 }), (e, t) => (g(), o("div", Mc, [s("div", {
+		}, { deep: !0 }), (e, t) => (g(), o("div", Vc, [s("div", {
 			class: f(["chart-container", { "is-dragging": j.value }]),
 			ref_key: "containerRef",
 			ref: v,
@@ -10910,7 +11251,7 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 			onPointerleave: le
 		}, [s("div", {
 			class: "scroll-content",
-			style: p({ width: xe.value + "px" })
+			style: p({ width: Se.value + "px" })
 		}, [s("div", {
 			class: "canvas-layer",
 			ref_key: "canvasLayerRef",
@@ -10925,10 +11266,10 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 				class: "x-axis-corner right-axis-corner",
 				style: p({
 					height: n.bottomAxisHeight + "px",
-					width: n.rightAxisWidth + n.priceLabelWidth + "px"
+					width: n.rightAxisWidth + n.priceLabelWidth - 1 + "px"
 				})
 			}, null, 4),
-			P.value ? (g(), i(mo, {
+			P.value ? (g(), i(go, {
 				key: 0,
 				k: P.value,
 				index: F.value,
@@ -10941,20 +11282,20 @@ var Mc = { class: "chart-wrapper" }, Nc = 4, Pc = /* @__PURE__ */ po(/* @__PURE_
 				"data",
 				"pos"
 			])) : a("", !0),
-			O.value || k.value ? (g(), i(yo, {
+			O.value || k.value ? (g(), i(xo, {
 				key: 1,
 				marker: O.value || k.value,
 				pos: A.value
 			}, null, 8, ["marker", "pos"])) : a("", !0)
-		], 512)], 4)], 34), l(as, {
+		], 512)], 4)], 34), l(ss, {
 			"active-indicators": R.value,
 			"indicator-params": de.value,
-			onToggle: ye,
-			onUpdateParams: be
+			onToggle: be,
+			onUpdateParams: xe
 		}, null, 8, ["active-indicators", "indicator-params"])]));
 	}
-}), [["__scopeId", "data-v-cb99e513"]]), Fc = { install(e) {
-	e.component("KLineChart", Pc);
+}), [["__scopeId", "data-v-4083a7b9"]]), Wc = { install(e) {
+	e.component("KLineChart", Uc);
 } };
 //#endregion
-export { la as ConfigManager, F as EventBus, oa as GLOBAL_PANE_ID, ca as HookSystem, Pc as KLineChart, Fc as KMapPlugin, ua as PluginHostImpl, sa as PluginRegistry, ia as PluginState, Y as RENDERER_PRIORITY, pa as RendererPluginManager, da as createPluginHost, aa as wrapPaneInfo };
+export { la as ConfigManager, F as EventBus, oa as GLOBAL_PANE_ID, ca as HookSystem, Uc as KLineChart, Wc as KMapPlugin, ua as PluginHostImpl, sa as PluginRegistry, ia as PluginState, Y as RENDERER_PRIORITY, pa as RendererPluginManager, da as createPluginHost, aa as wrapPaneInfo };