@363045841yyt/klinechart 0.5.4 → 0.5.5-alpha.0

package/dist/index.js

@@ -7,16 +7,16 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		enumerable: !0
 	});
 	return t || k(n, Symbol.toStringTag, { value: "Module" }), n;
-}, F = (e, t, n, r) => {
+}, ne = (e, t, n, r) => {
 	if (t && typeof t == "object" || typeof t == "function") for (var i = j(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !N.call(e, s) && s !== n && k(e, s, {
 		get: ((e) => t[e]).bind(null, s),
 		enumerable: !(r = A(t, s)) || r.enumerable
 	});
 	return e;
-}, ne = (e, t, n) => (n = e == null ? {} : O(M(e)), F(t || !e || !e.__esModule ? k(n, "default", {
+}, re = (e, t, n) => (n = e == null ? {} : O(M(e)), ne(t || !e || !e.__esModule ? k(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), re = (e) => N.call(e, "module.exports") ? e["module.exports"] : F(k({}, "__esModule", { value: !0 }), e), I = class {
+}) : n, e)), ie = (e) => N.call(e, "module.exports") ? e["module.exports"] : ne(k({}, "__esModule", { value: !0 }), e), F = class {
 	listeners = /* @__PURE__ */ new Map();
 	on(e, t) {
 		this.listeners.has(e) || this.listeners.set(e, /* @__PURE__ */ new Set()), this.listeners.get(e).add(t);
@@ -50,15 +50,15 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 };
 //#endregion
 //#region node_modules/.pnpm/axios@1.16.0/node_modules/axios/lib/helpers/bind.js
-function ie(e, t) {
+function ae(e, t) {
 	return function() {
 		return e.apply(t, arguments);
 	};
 }
 //#endregion
 //#region node_modules/.pnpm/axios@1.16.0/node_modules/axios/lib/utils.js
-var { toString: ae } = Object.prototype, { getPrototypeOf: oe } = Object, { iterator: se, toStringTag: L } = Symbol, R = ((e) => (t) => {
-	let n = ae.call(t);
+var { toString: oe } = Object.prototype, { getPrototypeOf: se } = Object, { iterator: I, toStringTag: L } = Symbol, R = ((e) => (t) => {
+	let n = oe.call(t);
 	return e[n] || (e[n] = n.slice(8, -1).toLowerCase());
 })(Object.create(null)), z = (e) => (e = e.toLowerCase(), (t) => R(t) === e), ce = (e) => (t) => typeof t === e, { isArray: le } = Array, ue = ce("undefined");
 function de(e) {
@@ -71,8 +71,8 @@ function pe(e) {
 }
 var me = ce("string"), B = ce("function"), he = ce("number"), ge = (e) => typeof e == "object" && !!e, _e = (e) => e === !0 || e === !1, ve = (e) => {
 	if (R(e) !== "object") return !1;
-	let t = oe(e);
-	return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(L in e) && !(se in e);
+	let t = se(e);
+	return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(L in e) && !(I in e);
 }, ye = (e) => {
 	if (!ge(e) || de(e)) return !1;
 	try {
@@ -87,7 +87,7 @@ function De() {
 var Oe = De(), ke = Oe.FormData === void 0 ? void 0 : Oe.FormData, Ae = (e) => {
 	if (!e) return !1;
 	if (ke && e instanceof ke) return !0;
-	let t = oe(e);
+	let t = se(e);
 	if (!t || t === Object.prototype || !B(e.append)) return !1;
 	let n = R(e);
 	return n === "formdata" || n === "object" && B(e.toString) && e.toString() === "[object FormData]";
@@ -127,7 +127,7 @@ function V(...e) {
 var Ve = (e, t, n, { allOwnKeys: r } = {}) => (Le(t, (t, r) => {
 	n && B(t) ? Object.defineProperty(e, r, {
 		__proto__: null,
-		value: ie(t, n),
+		value: ae(t, n),
 		writable: !0,
 		enumerable: !0,
 		configurable: !0
@@ -154,7 +154,7 @@ var Ve = (e, t, n, { allOwnKeys: r } = {}) => (Le(t, (t, r) => {
 	if (t ||= {}, e == null) return t;
 	do {
 		for (i = Object.getOwnPropertyNames(e), a = i.length; a-- > 0;) o = i[a], (!r || r(o, e, t)) && !s[o] && (t[o] = e[o], s[o] = !0);
-		e = n !== !1 && oe(e);
+		e = n !== !1 && se(e);
 	} while (e && (!n || n(e, t)) && e !== Object.prototype);
 	return t;
 }, We = (e, t, n) => {
@@ -169,8 +169,8 @@ var Ve = (e, t, n, { allOwnKeys: r } = {}) => (Le(t, (t, r) => {
 	let n = Array(t);
 	for (; t-- > 0;) n[t] = e[t];
 	return n;
-}, Ke = ((e) => (t) => e && t instanceof e)(typeof Uint8Array < "u" && oe(Uint8Array)), qe = (e, t) => {
-	let n = (e && e[se]).call(e), r;
+}, Ke = ((e) => (t) => e && t instanceof e)(typeof Uint8Array < "u" && se(Uint8Array)), qe = (e, t) => {
+	let n = (e && e[I]).call(e), r;
 	for (; (r = n.next()) && !r.done;) {
 		let n = r.value;
 		t.call(e, n[0], n[1]);
@@ -214,7 +214,7 @@ var Ve = (e, t, n, { allOwnKeys: r } = {}) => (Le(t, (t, r) => {
 	return le(e) ? r(e) : r(String(e).split(t)), n;
 }, nt = () => {}, rt = (e, t) => e != null && Number.isFinite(e = +e) ? e : t;
 function it(e) {
-	return !!(e && B(e.append) && e[L] === "FormData" && e[se]);
+	return !!(e && B(e.append) && e[L] === "FormData" && e[I]);
 }
 var at = (e) => {
 	let t = Array(10), n = (e, r) => {
@@ -296,7 +296,7 @@ var at = (e) => {
 	isThenable: st,
 	setImmediate: ct,
 	asap: typeof queueMicrotask < "u" ? queueMicrotask.bind(ze) : typeof process < "u" && process.nextTick || ct,
-	isIterable: (e) => e != null && B(e[se])
+	isIterable: (e) => e != null && B(e[I])
 }, lt = U.toObjectSet([
 	"age",
 	"authorization",
@@ -1749,7 +1749,7 @@ Object.entries(Xn).forEach(([e, t]) => {
 //#endregion
 //#region node_modules/.pnpm/axios@1.16.0/node_modules/axios/lib/axios.js
 function Zn(e) {
-	let t = new Kn(e), n = ie(Kn.prototype.request, t);
+	let t = new Kn(e), n = ae(Kn.prototype.request, t);
 	return U.extend(n, Kn.prototype, t, { allOwnKeys: !0 }), U.extend(n, t, null, { allOwnKeys: !0 }), n.create = function(t) {
 		return Zn(hn(e, t));
 	}, n;
@@ -1811,6 +1811,11 @@ function nr(e) {
 }
 var rr = "", ir = "/api/stock/kdata";
 async function ar(e) {
+	if (typeof window < "u" && window.location.hostname.includes("github.io")) {
+		let e = await (await fetch("mock-stock-data.json")).json();
+		if (e.success && e.data) return e.data.map(nr).sort((e, t) => e.timestamp - t.timestamp);
+		throw Error("Mock data failed");
+	}
 	let { timeout: t, ...n } = e, r = `${rr}${ir}`, i = {
 		stock_code: n.symbol,
 		start_date: n.start_date,
@@ -1827,6 +1832,14 @@ async function ar(e) {
 		if (!e.success) throw Error(`获取K线数据失败: ${e.error_msg || "未知错误"} (code: ${e.error_code})`);
 		return !e.data || e.data.length === 0 ? [] : e.data.map(nr).sort((e, t) => e.timestamp - t.timestamp);
 	} catch (e) {
+		try {
+			console.log("fetch mock-stock-data.json");
+			let e = await fetch("mock-stock-data.json");
+			if (e.ok) {
+				let t = await e.json();
+				if (t.success && t.data) return t.data.map(nr).sort((e, t) => e.timestamp - t.timestamp);
+			}
+		} catch {}
 		throw q.isAxiosError(e) ? Error(`获取K线数据失败: ${e.message}`) : e;
 	}
 }
@@ -2706,7 +2719,7 @@ var yr = /* @__PURE__ */ P(((e) => {
 		for (let n in t) e[n] = (e[n] || 0) - (t[n] || 0);
 	}
 	function j(e) {
-		return typeof e == "boolean" || typeof e == "number" || e === null ? !e : (0, t._)`!${F(e)}`;
+		return typeof e == "boolean" || typeof e == "number" || e === null ? !e : (0, t._)`!${ne(e)}`;
 	}
 	e.not = j;
 	var M = te(e.operators.AND);
@@ -2720,9 +2733,9 @@ var yr = /* @__PURE__ */ P(((e) => {
 	}
 	e.or = P;
 	function te(e) {
-		return (n, r) => n === t.nil ? r : r === t.nil ? n : (0, t._)`${F(n)} ${e} ${F(r)}`;
+		return (n, r) => n === t.nil ? r : r === t.nil ? n : (0, t._)`${ne(n)} ${e} ${ne(r)}`;
 	}
-	function F(e) {
+	function ne(e) {
 		return e instanceof t.Name ? e : (0, t._)`(${e})`;
 	}
 })), Y = /* @__PURE__ */ P(((e) => {
@@ -3698,7 +3711,7 @@ var yr = /* @__PURE__ */ P(((e) => {
 	function N(e, t, n, a) {
 		let { gen: o, schema: s, data: u, allErrors: f, opts: p, self: m } = e, { RULES: h } = m;
 		if (s.$ref && (p.ignoreKeywordsWithRef || !(0, d.schemaHasRulesButRef)(s, h))) {
-			o.block(() => se(e, "$ref", h.all.$ref.definition));
+			o.block(() => I(e, "$ref", h.all.$ref.definition));
 			return;
 		}
 		p.jtd || P(e, t), o.block(() => {
@@ -3712,11 +3725,11 @@ var yr = /* @__PURE__ */ P(((e) => {
 	function ee(e, t) {
 		let { gen: n, schema: i, opts: { useDefaults: o } } = e;
 		o && (0, a.assignDefaults)(e, t.type), n.block(() => {
-			for (let n of t.rules) (0, r.shouldUseRule)(i, n) && se(e, n.keyword, n.definition, t.type);
+			for (let n of t.rules) (0, r.shouldUseRule)(i, n) && I(e, n.keyword, n.definition, t.type);
 		});
 	}
 	function P(e, t) {
-		e.schemaEnv.meta || !e.opts.strictTypes || (te(e, t), e.opts.allowUnionTypes || F(e, t), ne(e, e.dataTypes));
+		e.schemaEnv.meta || !e.opts.strictTypes || (te(e, t), e.opts.allowUnionTypes || ne(e, t), re(e, e.dataTypes));
 	}
 	function te(e, t) {
 		if (t.length) {
@@ -3725,39 +3738,39 @@ var yr = /* @__PURE__ */ P(((e) => {
 				return;
 			}
 			t.forEach((t) => {
-				I(e.dataTypes, t) || ae(e, `type "${t}" not allowed by context "${e.dataTypes.join(",")}"`);
-			}), ie(e, t);
+				F(e.dataTypes, t) || oe(e, `type "${t}" not allowed by context "${e.dataTypes.join(",")}"`);
+			}), ae(e, t);
 		}
 	}
-	function F(e, t) {
-		t.length > 1 && !(t.length === 2 && t.includes("null")) && ae(e, "use allowUnionTypes to allow union type keyword");
-	}
 	function ne(e, t) {
+		t.length > 1 && !(t.length === 2 && t.includes("null")) && oe(e, "use allowUnionTypes to allow union type keyword");
+	}
+	function re(e, t) {
 		let n = e.self.RULES.all;
 		for (let i in n) {
 			let a = n[i];
 			if (typeof a == "object" && (0, r.shouldUseRule)(e.schema, a)) {
 				let { type: n } = a.definition;
-				n.length && !n.some((e) => re(t, e)) && ae(e, `missing type "${n.join(",")}" for keyword "${i}"`);
+				n.length && !n.some((e) => ie(t, e)) && oe(e, `missing type "${n.join(",")}" for keyword "${i}"`);
 			}
 		}
 	}
-	function re(e, t) {
+	function ie(e, t) {
 		return e.includes(t) || t === "number" && e.includes("integer");
 	}
-	function I(e, t) {
+	function F(e, t) {
 		return e.includes(t) || t === "integer" && e.includes("number");
 	}
-	function ie(e, t) {
+	function ae(e, t) {
 		let n = [];
-		for (let r of e.dataTypes) I(t, r) ? n.push(r) : t.includes("integer") && r === "number" && n.push("integer");
+		for (let r of e.dataTypes) F(t, r) ? n.push(r) : t.includes("integer") && r === "number" && n.push("integer");
 		e.dataTypes = n;
 	}
-	function ae(e, t) {
+	function oe(e, t) {
 		let n = e.schemaEnv.baseId + e.errSchemaPath;
 		t += ` at "${n}" (strictTypes)`, (0, d.checkStrictMode)(e, t, e.opts.strictTypes);
 	}
-	var oe = class {
+	var se = class {
 		constructor(e, t, n) {
 			if ((0, o.validateKeywordUsage)(e, t, n), this.gen = e.gen, this.allErrors = e.allErrors, this.keyword = n, this.data = e.data, this.schema = e.schema[n], this.$data = t.$data && e.opts.$data && this.schema && this.schema.$data, this.schemaValue = (0, d.schemaRefOrVal)(e, this.schema, n, this.$data), this.schemaType = t.schemaType, this.parentSchema = e.schema, this.params = {}, this.it = e, this.def = t, this.$data) this.schemaCode = e.gen.const("vSchema", z(this.$data, e));
 			else if (this.schemaCode = this.schemaValue, !(0, o.validSchemaType)(this.schema, t.schemaType, t.allowUndefined)) throw Error(`${n} value must be ${JSON.stringify(t.schemaType)}`);
@@ -3857,9 +3870,9 @@ var yr = /* @__PURE__ */ P(((e) => {
 			if (n.opts.unevaluated && (n.props !== !0 || n.items !== !0)) return r.if(t, () => this.mergeEvaluated(e, c.Name)), !0;
 		}
 	};
-	e.KeywordCxt = oe;
-	function se(e, t, n, r) {
-		let i = new oe(e, n, t);
+	e.KeywordCxt = se;
+	function I(e, t, n, r) {
+		let i = new se(e, n, t);
 		"code" in n ? n.code(i, r) : i.$data && n.validate ? (0, o.funcKeywordCode)(i, n) : "macro" in n ? (0, o.macroKeywordCode)(i, n) : (n.compile || n.validate) && (0, o.funcKeywordCode)(i, n);
 	}
 	var L = /^\/(?:[^~]|~0|~1)*$/, R = /^([0-9]+)(#|\/(?:[^~]|~0|~1)*)?$/;
@@ -4561,7 +4574,7 @@ var yr = /* @__PURE__ */ P(((e) => {
 			return n.CodeGen;
 		}
 	});
-	var r = Fr(), i = Ir(), a = wr(), o = Lr(), s = J(), c = Nr(), l = Er(), u = Y(), d = (Gr(), re(Rr).default), f = Yr(), p = (e, t) => new RegExp(e, t);
+	var r = Fr(), i = Ir(), a = wr(), o = Lr(), s = J(), c = Nr(), l = Er(), u = Y(), d = (Gr(), ie(Rr).default), f = Yr(), p = (e, t) => new RegExp(e, t);
 	p.code = "new RegExp";
 	var m = [
 		"removeAdditional",
@@ -6210,9 +6223,9 @@ var yr = /* @__PURE__ */ P(((e) => {
 		properties: Hi,
 		default: !0
 	};
-})), Gi = /* @__PURE__ */ ne((/* @__PURE__ */ P(((e, t) => {
+})), Gi = /* @__PURE__ */ re((/* @__PURE__ */ P(((e, t) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.MissingRefError = e.ValidationError = e.CodeGen = e.Name = e.nil = e.stringify = e.str = e._ = e.KeywordCxt = e.Ajv = void 0;
-	var n = Xr(), r = Ni(), i = Fi(), a = (Wi(), re(Ii).default), o = ["/properties"], s = "http://json-schema.org/draft-07/schema", c = class extends n.default {
+	var n = Xr(), r = Ni(), i = Fi(), a = (Wi(), ie(Ii).default), o = ["/properties"], s = "http://json-schema.org/draft-07/schema", c = class extends n.default {
 		_addVocabularies() {
 			super._addVocabularies(), r.default.forEach((e) => this.addVocabulary(e)), this.opts.discriminator && this.addKeyword(i.default);
 		}
@@ -6849,7 +6862,7 @@ var Zi = (typeof document < "u" ? document.createElement("canvas") : null)?.getC
 	validator;
 	events;
 	constructor(e) {
-		this.chart = e, this.validator = new Qi(), this.events = new I();
+		this.chart = e, this.validator = new Qi(), this.events = new F();
 	}
 	async applyConfig(e) {
 		let t = this.validator.validate(e);
@@ -7256,7 +7269,7 @@ var ga = Symbol("global-pane"), X = {
 	isDestroyed = !1;
 	logger;
 	constructor(e) {
-		this.registry = new _a(), this.eventBus = new I(), this.hookSystem = new va(), this.configManager = new ya(), this.stateStore = new ba(), this.logger = e ?? console;
+		this.registry = new _a(), this.eventBus = new F(), this.hookSystem = new va(), this.configManager = new ya(), this.stateStore = new ba(), this.logger = e ?? console;
 	}
 	events = {
 		on: (e, t) => {
@@ -8422,19 +8435,19 @@ var mo = { class: "kline-tooltip__title" }, ho = { key: 0 }, go = { class: "klin
 		], v = f.filter((e) => e.pane === "main"), x = f.filter((e) => e.pane === "sub"), S = u, T = d, O = y(null), k = y(null), A = y(!1), j = y(null), M = y(null), N = y(!1), ee = y({
 			left: "0",
 			bottom: "0"
-		}), P = y(!1), te = y(null), F = y(null), ne = r(() => S.activeIndicators?.length ? S.activeIndicators.map((e) => f.find((t) => t.id === e)).filter((e) => e !== void 0).sort((e, t) => e.pane === t.pane ? 0 : e.pane === "main" ? -1 : 1) : []), re = r(() => ne.value.some((e) => e.pane === "main") ? ne.value.find((e) => e.pane === "sub")?.id ?? null : null), I = r(() => j.value && f.find((e) => e.id === j.value) || null);
-		function ie(e) {
+		}), P = y(!1), te = y(null), ne = y(null), re = r(() => S.activeIndicators?.length ? S.activeIndicators.map((e) => f.find((t) => t.id === e)).filter((e) => e !== void 0).sort((e, t) => e.pane === t.pane ? 0 : e.pane === "main" ? -1 : 1) : []), ie = r(() => re.value.some((e) => e.pane === "main") ? re.value.find((e) => e.pane === "sub")?.id ?? null : null), F = r(() => j.value && f.find((e) => e.id === j.value) || null);
+		function ae(e) {
 			return S.activeIndicators?.includes(e) ?? !1;
 		}
-		function ae(e) {
-			if (ie(e)) return;
+		function oe(e) {
+			if (ae(e)) return;
 			let t = f.find((t) => t.id === e);
-			t && (t.pane === "main" && f.filter((t) => t.pane === "main" && t.id !== e && ie(t.id)).forEach((e) => T("toggle", e.id, !1)), T("toggle", e, !0), N.value = !1);
+			t && (t.pane === "main" && f.filter((t) => t.pane === "main" && t.id !== e && ae(t.id)).forEach((e) => T("toggle", e.id, !1)), T("toggle", e, !0), N.value = !1);
 		}
-		function oe(e) {
+		function se(e) {
 			T("toggle", e, !1);
 		}
-		function se(e) {
+		function I(e) {
 			j.value = e, A.value = !0;
 		}
 		function L(e) {
@@ -8461,13 +8474,13 @@ var mo = { class: "kline-tooltip__title" }, ho = { key: 0 }, go = { class: "klin
 				e.preventDefault();
 				return;
 			}
-			F.value = t, te.value = null, e.dataTransfer?.setData("text/plain", t), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
+			ne.value = t, te.value = null, e.dataTransfer?.setData("text/plain", t), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
 		}
 		function ue(e, t) {
-			!F.value || !ce(t) || F.value === t || (te.value = t, e.dataTransfer && (e.dataTransfer.dropEffect = "move"));
+			!ne.value || !ce(t) || ne.value === t || (te.value = t, e.dataTransfer && (e.dataTransfer.dropEffect = "move"));
 		}
 		function de(e, t) {
-			let n = F.value || e.dataTransfer?.getData("text/plain") || "";
+			let n = ne.value || e.dataTransfer?.getData("text/plain") || "";
 			if (!n || n === t) {
 				fe();
 				return;
@@ -8476,12 +8489,12 @@ var mo = { class: "kline-tooltip__title" }, ho = { key: 0 }, go = { class: "klin
 				fe();
 				return;
 			}
-			let r = ne.value.findIndex((e) => e.id === n), i = ne.value.findIndex((e) => e.id === t);
+			let r = re.value.findIndex((e) => e.id === n), i = re.value.findIndex((e) => e.id === t);
 			if (r < 0 || i < 0) {
 				fe();
 				return;
 			}
-			let a = [...ne.value.map((e) => e.id)], [o] = a.splice(r, 1);
+			let a = [...re.value.map((e) => e.id)], [o] = a.splice(r, 1);
 			if (!o) {
 				fe();
 				return;
@@ -8489,7 +8502,7 @@ var mo = { class: "kline-tooltip__title" }, ho = { key: 0 }, go = { class: "klin
 			a.splice(i, 0, o), T("reorderSubIndicators", a.filter((e) => ce(e))), fe();
 		}
 		function fe() {
-			te.value = null, F.value = null;
+			te.value = null, ne.value = null;
 		}
 		function pe() {
 			if (!N.value && O.value && !P.value) {
@@ -8513,11 +8526,11 @@ var mo = { class: "kline-tooltip__title" }, ho = { key: 0 }, go = { class: "klin
 		}), g(() => {
 			document.removeEventListener("click", me), window.removeEventListener("resize", B);
 		}), (r, u) => (_(), o("div", $o, [
-			s("div", es, [s("div", ts, [(_(!0), o(e, null, b(ne.value, (t) => (_(), o(e, { key: t.id }, [t.id === re.value ? (_(), o("div", ns)) : a("", !0), s("div", {
+			s("div", es, [s("div", ts, [(_(!0), o(e, null, b(re.value, (t) => (_(), o(e, { key: t.id }, [t.id === ie.value ? (_(), o("div", ns)) : a("", !0), s("div", {
 				class: p(["indicator-item", {
 					draggable: ce(t.id),
 					"drag-over": te.value === t.id,
-					"is-dragging": F.value === t.id
+					"is-dragging": ne.value === t.id
 				}]),
 				draggable: ce(t.id),
 				onDragstart: (e) => le(e, t.id),
@@ -8536,7 +8549,7 @@ var mo = { class: "kline-tooltip__title" }, ho = { key: 0 }, go = { class: "klin
 					t.params ? (_(), o("button", {
 						key: 0,
 						class: "action-btn settings-btn",
-						onClick: D((e) => se(t.id), ["stop"]),
+						onClick: D((e) => I(t.id), ["stop"]),
 						title: "编辑参数"
 					}, [...u[2] ||= [s("svg", {
 						viewBox: "0 0 24 24",
@@ -8547,7 +8560,7 @@ var mo = { class: "kline-tooltip__title" }, ho = { key: 0 }, go = { class: "klin
 					t.params ? (_(), o("span", ls)) : a("", !0),
 					s("button", {
 						class: "action-btn remove-btn",
-						onClick: D((e) => oe(t.id), ["stop"]),
+						onClick: D((e) => se(t.id), ["stop"]),
 						title: "移除指标"
 					}, [...u[3] ||= [s("svg", {
 						viewBox: "0 0 24 24",
@@ -8578,13 +8591,13 @@ var mo = { class: "kline-tooltip__title" }, ho = { key: 0 }, go = { class: "klin
 					style: m(P.value ? void 0 : ee.value)
 				}, [s("div", fs, [u[6] ||= s("div", { class: "menu-title" }, "主图指标", -1), s("div", ps, [(_(!0), o(e, null, b(w(v), (e) => (_(), o("button", {
 					key: e.id,
-					class: p(["menu-item", { disabled: ie(e.id) }]),
-					disabled: ie(e.id),
-					onClick: (t) => ae(e.id)
+					class: p(["menu-item", { disabled: ae(e.id) }]),
+					disabled: ae(e.id),
+					onClick: (t) => oe(e.id)
 				}, [
 					c(C(e.label) + " ", 1),
 					s("span", hs, " (" + C(e.name) + ") ", 1),
-					ie(e.id) ? (_(), o("span", gs, [...u[5] ||= [s("svg", {
+					ae(e.id) ? (_(), o("span", gs, [...u[5] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						width: "14",
 						height: "14",
@@ -8592,13 +8605,13 @@ var mo = { class: "kline-tooltip__title" }, ho = { key: 0 }, go = { class: "klin
 					}, [s("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })], -1)]])) : a("", !0)
 				], 10, ms))), 128))])]), s("div", _s, [u[8] ||= s("div", { class: "menu-title" }, "副图指标", -1), s("div", vs, [(_(!0), o(e, null, b(w(x), (e) => (_(), o("button", {
 					key: e.id,
-					class: p(["menu-item", { disabled: ie(e.id) }]),
-					disabled: ie(e.id),
-					onClick: (t) => ae(e.id)
+					class: p(["menu-item", { disabled: ae(e.id) }]),
+					disabled: ae(e.id),
+					onClick: (t) => oe(e.id)
 				}, [
 					c(C(e.label) + " ", 1),
 					s("span", bs, " (" + C(e.name) + ") ", 1),
-					ie(e.id) ? (_(), o("span", xs, [...u[7] ||= [s("svg", {
+					ae(e.id) ? (_(), o("span", xs, [...u[7] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						width: "14",
 						height: "14",
@@ -8607,14 +8620,14 @@ var mo = { class: "kline-tooltip__title" }, ho = { key: 0 }, go = { class: "klin
 				], 10, ys))), 128))])])], 6)) : a("", !0)]),
 				_: 1
 			})])),
-			I.value ? (_(), i(Qo, {
+			F.value ? (_(), i(Qo, {
 				key: 0,
 				visible: A.value,
-				"indicator-id": I.value.id,
-				"indicator-name": I.value.name,
-				"indicator-description": I.value.description,
-				params: I.value.params || [],
-				values: L(I.value.id),
+				"indicator-id": F.value.id,
+				"indicator-name": F.value.name,
+				"indicator-description": F.value.description,
+				params: F.value.params || [],
+				values: L(F.value.id),
 				onClose: u[1] ||= (e) => A.value = !1,
 				onConfirm: z
 			}, null, 8, [
@@ -9171,9 +9184,9 @@ var Ls = class {
 		let S = x + this.visibleRange.start, C = this.chart.getData(), w = this.getPaneByY(i);
 		if (this.activePaneId = w?.id || null, S >= 0 && S < (C?.length ?? 0)) {
 			this.crosshairIndex = S;
-			let e = this.kLinePositions[x] + (this.kWidthPx - 1) / 2 / f - d;
+			let e = this.kLinePositions[x], t = (Math.round(e * f) + (this.kWidthPx - 1) / 2) / f - d;
 			if (this.crosshairPos = {
-				x: Math.min(Math.max(e, 0), l),
+				x: Math.min(Math.max(t, 0), l),
 				y: Math.min(Math.max(i, 0), u)
 			}, w) {
 				let e = i - w.top;
@@ -9185,8 +9198,8 @@ var Ls = class {
 			this.hoveredIndex = null;
 			return;
 		}
-		let E = i - w.top, D = w.yAxis.priceToY(T.open), O = w.yAxis.priceToY(T.close), k = w.yAxis.priceToY(T.high), A = w.yAxis.priceToY(T.low), j = Math.min(D, O), M = Math.max(D, O), N = h - this.kLinePositions[x], ee = v / 2, P = Math.abs(M - j), te = P < 8 ? (j + M) / 2 - 8 / 2 : j, F = P < 8 ? (j + M) / 2 + 8 / 2 : M, ne = E >= te && E <= F && N >= 0 && N <= v, re = Math.abs(N - ee) <= 3 && E >= Math.min(k, A) && E <= Math.max(k, A);
-		if (!ne && !re) {
+		let E = i - w.top, D = w.yAxis.priceToY(T.open), O = w.yAxis.priceToY(T.close), k = w.yAxis.priceToY(T.high), A = w.yAxis.priceToY(T.low), j = Math.min(D, O), M = Math.max(D, O), N = h - this.kLinePositions[x], ee = v / 2, P = Math.abs(M - j), te = P < 8 ? (j + M) / 2 - 8 / 2 : j, ne = P < 8 ? (j + M) / 2 + 8 / 2 : M, re = E >= te && E <= ne && N >= 0 && N <= v, ie = Math.abs(N - ee) <= 3 && E >= Math.min(k, A) && E <= Math.max(k, A);
+		if (!re && !ie) {
 			this.hoveredIndex = null;
 			return;
 		}
@@ -9198,9 +9211,9 @@ var Ls = class {
 			};
 			return;
 		}
-		let I = this.tooltipSize.width, ie = this.tooltipSize.height, ae = r + 14, oe = r - 14 - I, se = ae + I + 12 <= s ? ae : oe, L = i + 14, R = Math.max(12, s - I - 12), z = Math.max(12, c - ie - 12);
+		let F = this.tooltipSize.width, ae = this.tooltipSize.height, oe = r + 14, se = r - 14 - F, I = oe + F + 12 <= s ? oe : se, L = i + 14, R = Math.max(12, s - F - 12), z = Math.max(12, c - ae - 12);
 		this.tooltipPos = {
-			x: Math.min(Math.max(se, 12), R),
+			x: Math.min(Math.max(I, 12), R),
 			y: Math.min(Math.max(L, 12), z)
 		};
 	}
@@ -9327,38 +9340,38 @@ function Us(e = {}) {
 			return [n];
 		},
 		draw(e) {
-			let { ctx: i, pane: a, data: o, range: s, scrollLeft: c, kWidth: l, kGap: u, dpr: d, kLinePositions: f } = e, p = o;
-			if (!p.length) return;
+			let { ctx: i, pane: a, data: o, range: s, scrollLeft: c, dpr: l } = e, u = o;
+			if (!u.length) return;
 			i.save(), i.translate(-c, 0);
-			let { start: m, end: h } = s, g = 0, _ = Infinity;
-			for (let e = m; e < h && e < p.length; e++) {
-				let t = p[e];
+			let { start: d, end: f } = s, p = 0, m = Infinity;
+			for (let e = d; e < f && e < u.length; e++) {
+				let t = u[e];
 				if (!t) continue;
 				let n = t.volume;
-				n != null && (g = Math.max(g, n), _ = Math.min(_, n));
+				n != null && (p = Math.max(p, n), m = Math.min(m, n));
 			}
-			if (g === 0 || !Number.isFinite(_)) {
+			if (p === 0 || !Number.isFinite(m)) {
 				i.restore();
 				return;
 			}
-			let v = Math.max(.05, (g - _) * .1), y = Math.max(0, _ - v), b = g + v, x = a.yAxis.getDisplayRange({
-				minPrice: y,
-				maxPrice: b
-			}), S = x.minPrice, C = x.maxPrice - S || 1, w = a.height - (0 - S) / C * a.height;
+			let h = Math.max(.05, (p - m) * .1), g = Math.max(0, m - h), _ = p + h, v = a.yAxis.getDisplayRange({
+				minPrice: g,
+				maxPrice: _
+			}), y = v.minPrice, b = v.maxPrice - y || 1, x = a.height - (0 - y) / b * a.height;
 			r?.setSharedState(n, {
-				valueMin: y,
-				valueMax: b,
+				valueMin: g,
+				valueMax: _,
 				timestamp: Date.now()
 			}, `volume_${t}`);
-			for (let e = m; e < h; e++) {
-				let t = p[e];
-				if (!t) continue;
-				let n = t.volume;
+			for (let t = d; t < f; t++) {
+				let n = u[t];
 				if (!n) continue;
-				let r = f[e - m];
-				if (r === void 0) continue;
-				let o = f[e - m + 1], s = f[e - m - 1], c = Math.max(1, Math.round((l + u) * d)), h = o === void 0 ? s === void 0 ? c : Math.max(1, Math.round((r - s) * d)) : Math.max(1, Math.round((o - r) * d)), g = Math.max(1, h - 1) / d;
-				Ws(i, Math.round((r + (l - g) / 2) * d) / d, Gs(t), n, g, S, C, w, a.height, d);
+				let r = n.volume;
+				if (!r) continue;
+				let o = e.kBarRects[t - d];
+				if (!o) continue;
+				let s = o.x, c = o.width;
+				Ws(i, s, Gs(n), r, c, y, b, x, a.height, l);
 			}
 			i.restore();
 		}
@@ -9457,14 +9470,16 @@ function Xs(e = {}) {
 		}), r = e, a;
 	}
 	function a(e, t, n, r) {
-		let { pane: i, range: a, kWidth: o, dpr: s, kLinePositions: c } = n;
+		let { pane: i, range: a, dpr: o, kLineCenters: s } = n;
 		e.strokeStyle = r, e.lineWidth = 1, e.lineJoin = "round", e.lineCap = "round", e.beginPath();
-		let l = !0;
+		let c = !0;
 		for (let n = a.start; n < a.end && n < t.length; n++) {
 			let r = t[n];
 			if (r === void 0) continue;
-			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);
+			let l = s[n - a.start];
+			if (l === void 0) continue;
+			let u = i.yAxis.priceToY(r), d = l, f = Q(u, o);
+			c ? (e.moveTo(d, f), c = !1) : e.lineTo(d, f);
 		}
 		e.stroke();
 	}
@@ -9546,41 +9561,47 @@ function Qs(e = {}) {
 		paneId: "main",
 		priority: X.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);
+			let { ctx: n, pane: r, data: i, range: a, scrollLeft: s, dpr: c, kLineCenters: l } = e, u = i;
+			if (u.length < t.period) return;
+			let d = o(u);
 			n.save(), n.translate(-s, 0);
-			let p = Math.max(a.start, t.period - 1), m = Math.min(a.end, d.length);
+			let f = Math.max(a.start, t.period - 1), p = Math.min(a.end, u.length);
 			if (t.showBand) {
 				n.fillStyle = Wa.BAND_FILL, n.beginPath();
 				let e = !0;
-				for (let t = p; t < m; t++) {
-					let i = f[t];
+				for (let t = f; t < p; t++) {
+					let i = d[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);
+					let o = l[t - a.start];
+					if (o === void 0) continue;
+					let s = r.yAxis.priceToY(i.upper), u = o, f = Q(s, c);
+					e ? (n.moveTo(u, f), e = !1) : n.lineTo(u, f);
 				}
-				for (let e = m - 1; e >= p; e--) {
-					let t = f[e];
+				for (let e = p - 1; e >= f; e--) {
+					let t = d[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);
+					let i = l[e - a.start];
+					if (i === void 0) continue;
+					let o = r.yAxis.priceToY(t.lower), s = i, u = Q(o, c);
+					n.lineTo(s, u);
 				}
 				n.closePath(), n.fill();
 			}
 			n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round";
-			let h = (e, t) => {
+			let m = (e, t) => {
 				n.strokeStyle = t, n.beginPath();
 				let i = !0;
-				for (let t = p; t < m; t++) {
-					let o = f[t];
+				for (let t = f; t < p; t++) {
+					let o = d[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);
+					let s = l[t - a.start];
+					if (s === void 0) continue;
+					let u = r.yAxis.priceToY(o[e]), f = s, p = Q(u, c);
+					i ? (n.moveTo(f, p), i = !1) : n.lineTo(f, p);
 				}
 				n.stroke();
 			};
-			t.showUpper && h("upper", Wa.UPPER), t.showMiddle && h("middle", Wa.MIDDLE), t.showLower && h("lower", Wa.LOWER), n.restore();
+			t.showUpper && m("upper", Wa.UPPER), t.showMiddle && m("middle", Wa.MIDDLE), t.showLower && m("lower", Wa.LOWER), n.restore();
 		},
 		onDataUpdate() {
 			n = null;
@@ -9666,14 +9687,16 @@ function nc(e = {}) {
 			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 = $a.FAST, h = $a.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);
+			let f = i.start, p = Math.min(i.end, u.length), m = $a.FAST, h = $a.SLOW, g = (r, a) => {
+				t.strokeStyle = a, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+				let o = !0;
+				for (let a = f; a < p; a++) {
+					let s = d[a];
+					if (!s) continue;
+					let l = e.kLineCenters[a - i.start];
+					if (l === void 0) continue;
+					let u = n.yAxis.priceToY(s[r]), f = l, p = Q(u, c);
+					o ? (t.moveTo(f, p), o = !1) : t.lineTo(f, p);
 				}
 				t.stroke();
 			};
@@ -9752,38 +9775,44 @@ function ac(e = {}) {
 		paneId: "main",
 		priority: X.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);
+			let { ctx: n, pane: r, data: i, range: a, scrollLeft: s, dpr: c, kLineCenters: l } = e, u = i;
+			if (u.length < t.period) return;
+			let d = o(u);
 			n.save(), n.translate(-s, 0);
-			let p = Math.max(a.start, t.period - 1), m = Math.min(a.end, d.length);
+			let f = Math.max(a.start, t.period - 1), p = Math.min(a.end, u.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];
+			let m = !0;
+			for (let e = f; e < p; e++) {
+				let t = d[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);
+				let i = l[e - a.start];
+				if (i === void 0) continue;
+				let o = r.yAxis.priceToY(t.upper), s = i, u = Q(o, c);
+				m ? (n.moveTo(s, u), m = !1) : n.lineTo(s, u);
 			}
-			for (let e = m - 1; e >= p; e--) {
-				let t = f[e];
+			for (let e = p - 1; e >= f; e--) {
+				let t = d[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);
+				let i = l[e - a.start];
+				if (i === void 0) continue;
+				let o = r.yAxis.priceToY(t.lower), s = i, u = Q(o, c);
+				n.lineTo(s, u);
 			}
 			n.closePath(), n.fill(), n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round";
-			let g = (e, t) => {
+			let h = (e, t) => {
 				n.strokeStyle = t, n.beginPath();
 				let i = !0;
-				for (let t = p; t < m; t++) {
-					let o = f[t];
+				for (let t = f; t < p; t++) {
+					let o = d[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);
+					let s = l[t - a.start];
+					if (s === void 0) continue;
+					let u = r.yAxis.priceToY(o[e]), f = s, p = Q(u, c);
+					i ? (n.moveTo(f, p), i = !1) : n.lineTo(f, p);
 				}
 				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();
+			h("upper", "rgba(214, 10, 34, 1)"), h("middle", "rgba(69, 112, 249, 1)"), h("lower", "rgba(3, 123, 102, 1)"), n.restore();
 		},
 		onDataUpdate() {
 			n = null;
@@ -9990,77 +10019,77 @@ function dc(e = {}) {
 			return [r];
 		},
 		draw(e) {
-			let { ctx: n, pane: o, data: s, range: c, scrollLeft: l, kWidth: u, kGap: f, dpr: p, kLinePositions: m } = e, h = s;
-			if (h.length < a.slowPeriod) return;
-			let g = d(h), _ = -Infinity, v = Infinity;
-			for (let e = c.start; e < c.end && e < g.length; e++) {
-				let t = g[e];
-				t && (_ = Math.max(_, t.dif, t.dea, t.macd), v = Math.min(v, t.dif, t.dea, t.macd));
-			}
-			if (!Number.isFinite(_) || !Number.isFinite(v)) return;
-			let y = Math.max(.05, (_ - v) * .1), b = v - y, x = _ + y;
-			x - b;
-			let S = c.end - 1, C = S >= 0 && S < g.length ? g[S] : null, w = {
-				valueMin: b,
-				valueMax: x,
+			let { ctx: n, pane: o, data: s, range: c, scrollLeft: l, dpr: u } = e, f = s;
+			if (f.length < a.slowPeriod) return;
+			let p = d(f), m = -Infinity, h = Infinity;
+			for (let e = c.start; e < c.end && e < p.length; e++) {
+				let t = p[e];
+				t && (m = Math.max(m, t.dif, t.dea, t.macd), h = Math.min(h, t.dif, t.dea, t.macd));
+			}
+			if (!Number.isFinite(m) || !Number.isFinite(h)) return;
+			let g = Math.max(.05, (m - h) * .1), _ = h - g, v = m + g;
+			v - _;
+			let y = c.end - 1, b = y >= 0 && y < p.length ? p[y] : null, x = {
+				valueMin: _,
+				valueMax: v,
 				timestamp: Date.now(),
-				latestValues: C ? {
-					dif: C.dif,
-					dea: C.dea,
-					macd: C.macd
+				latestValues: b ? {
+					dif: b.dif,
+					dea: b.dea,
+					macd: b.macd
 				} : void 0
 			};
-			i?.setSharedState(r, w, `macd_${t}`);
-			let T = o.yAxis.getDisplayRange({
-				minPrice: b,
-				maxPrice: x
-			}), E = T.minPrice, D = T.maxPrice - E || 1, O = o.height - (0 - E) / D * o.height;
+			i?.setSharedState(r, x, `macd_${t}`);
+			let S = o.yAxis.getDisplayRange({
+				minPrice: _,
+				maxPrice: v
+			}), C = S.minPrice, w = S.maxPrice - C || 1, T = o.height - (0 - C) / w * o.height;
 			n.save(), n.translate(-l, 0);
-			let k = Math.max(c.start, a.slowPeriod - 1), A = Math.min(c.end, h.length);
+			let E = Math.max(c.start, a.slowPeriod - 1), D = Math.min(c.end, f.length);
 			if (a.showBAR) {
-				let e = Math.round(O * p) / p, t = Math.max(1, Math.round((u + f) * p));
-				for (let r = k; r < A; r++) {
-					let i = g[r];
+				let t = Math.round(T * u) / u;
+				for (let r = E; r < D; r++) {
+					let i = p[r];
 					if (!i) continue;
-					let a = m[r - c.start];
-					if (a === void 0) continue;
-					let s = m[r - c.start + 1], l = m[r - c.start - 1], d = s === void 0 ? l === void 0 ? t : Math.max(1, Math.round((a - l) * p)) : Math.max(1, Math.round((s - a) * p)), f = Math.max(1, d - 1) / p, h = Math.round((a + (u - f) / 2) * p) / p, _ = o.height - (i.macd - E) / D * o.height, v = i.macd >= 0, y = r > 0 ? g[r - 1] : null, b;
-					b = y ? i.macd >= y.macd : !0;
-					let x;
-					x = v ? b ? Ga.BAR_UP : Ga.BAR_UP_LIGHT : b ? Ga.BAR_DOWN_LIGHT : Ga.BAR_DOWN, n.fillStyle = x;
-					let S = Math.round(_ * p) / p, C = 1 / p;
-					if (v) {
-						let t = e - S, r = t <= 0 ? C : Math.max(t, C), i = t <= 0 ? e - C : e - r;
-						n.fillRect(h, i, f, r);
+					let a = e.kBarRects[r - c.start];
+					if (!a) continue;
+					let s = a.x, l = a.width, d = o.height - (i.macd - C) / w * o.height, f = i.macd >= 0, m = r > 0 ? p[r - 1] : null, h;
+					h = m ? i.macd >= m.macd : !0;
+					let g;
+					g = f ? h ? Ga.BAR_UP : Ga.BAR_UP_LIGHT : h ? Ga.BAR_DOWN_LIGHT : Ga.BAR_DOWN, n.fillStyle = g;
+					let _ = Math.round(d * u) / u, v = 1 / u;
+					if (f) {
+						let e = t - _, r = e <= 0 ? v : Math.max(e, v), i = e <= 0 ? t - v : t - r;
+						n.fillRect(s, i, l, r);
 					} else {
-						let t = S - e, r = t <= 0 ? C : Math.max(t, C);
-						n.fillRect(h, e, f, r);
+						let e = _ - t, r = e <= 0 ? v : Math.max(e, v);
+						n.fillRect(s, t, l, r);
 					}
 				}
 			}
 			if (a.showDIF) {
 				n.strokeStyle = Ga.DIF, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
-				let e = !0;
-				for (let t = k; t < A; t++) {
-					let r = g[t];
-					if (!r) continue;
-					let i = m[t - c.start];
-					if (i === void 0) continue;
-					let a = i + u / 2, s = o.height - (r.dif - E) / D * o.height, l = Q(a, p), d = Q(s, p);
-					e ? (n.moveTo(l, d), e = !1) : n.lineTo(l, d);
+				let t = !0;
+				for (let r = E; r < D; r++) {
+					let i = p[r];
+					if (!i) continue;
+					let a = e.kLineCenters[r - c.start];
+					if (a === void 0) continue;
+					let s = o.height - (i.dif - C) / w * o.height, l = a, d = Q(s, u);
+					t ? (n.moveTo(l, d), t = !1) : n.lineTo(l, d);
 				}
 				n.stroke();
 			}
 			if (a.showDEA) {
 				n.strokeStyle = Ga.DEA, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
-				let e = !0;
-				for (let t = k; t < A; t++) {
-					let r = g[t];
-					if (!r) continue;
-					let i = m[t - c.start];
-					if (i === void 0) continue;
-					let a = i + u / 2, s = o.height - (r.dea - E) / D * o.height, l = Q(a, p), d = Q(s, p);
-					e ? (n.moveTo(l, d), e = !1) : n.lineTo(l, d);
+				let t = !0;
+				for (let r = E; r < D; r++) {
+					let i = p[r];
+					if (!i) continue;
+					let a = e.kLineCenters[r - c.start];
+					if (a === void 0) continue;
+					let s = o.height - (i.dea - C) / w * o.height, l = a, d = Q(s, u);
+					t ? (n.moveTo(l, d), t = !1) : n.lineTo(l, d);
 				}
 				n.stroke();
 			}
@@ -10163,35 +10192,35 @@ function hc(e = {}) {
 			return [r];
 		},
 		draw(e) {
-			let { ctx: n, pane: o, data: s, range: c, scrollLeft: l, kWidth: u, dpr: d, kLinePositions: f } = e, m = s;
-			if (m.length < a.period1 + 1) return;
-			let { rsi1: h, rsi2: g, rsi3: _ } = p(m), v = {
+			let { ctx: n, pane: o, data: s, range: c, scrollLeft: l, dpr: u, kLineCenters: d } = e, f = s;
+			if (f.length < a.period1 + 1) return;
+			let { rsi1: m, rsi2: h, rsi3: g } = p(f), _ = {
 				valueMin: 0,
 				valueMax: 100,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, v, `rsi_${t}`);
-			let y = o.yAxis.getDisplayRange({
+			i?.setSharedState(r, _, `rsi_${t}`);
+			let v = o.yAxis.getDisplayRange({
 				minPrice: 0,
 				maxPrice: 100
-			}), b = y.minPrice, x = y.maxPrice - b || 1;
+			}), y = v.minPrice, b = v.maxPrice - y || 1;
 			n.save(), n.translate(-l, 0);
-			let S = o.height - (80 - b) / x * o.height, C = o.height - (50 - b) / x * o.height, w = o.height - (20 - b) / x * o.height, T = l, E = l + e.paneWidth;
-			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(T, S), n.lineTo(E, S), n.moveTo(T, C), n.lineTo(E, C), n.moveTo(T, w), n.lineTo(E, w), n.stroke(), n.setLineDash([]);
-			let D = Math.max(c.start, a.period1), O = Math.min(c.end, m.length), k = (e, t) => {
+			let x = o.height - (80 - y) / b * o.height, S = o.height - (50 - y) / b * o.height, C = o.height - (20 - y) / b * o.height, w = l, T = l + e.paneWidth;
+			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(w, x), n.lineTo(T, x), n.moveTo(w, S), n.lineTo(T, S), n.moveTo(w, C), n.lineTo(T, C), n.stroke(), n.setLineDash([]);
+			let E = Math.max(c.start, a.period1), D = Math.min(c.end, f.length), O = (e, t) => {
 				n.strokeStyle = t, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let r = !0;
-				for (let t = D; t < O; t++) {
+				for (let t = E; t < D; t++) {
 					let i = e[t];
 					if (i === void 0) continue;
-					let a = f[t - c.start];
+					let a = d[t - c.start];
 					if (a === void 0) continue;
-					let s = a + u / 2, l = o.height - (i - b) / x * o.height, p = Q(s, d), m = Q(l, d);
-					r ? (n.moveTo(p, m), r = !1) : n.lineTo(p, m);
+					let s = o.height - (i - y) / b * o.height, l = a, f = Q(s, u);
+					r ? (n.moveTo(l, f), r = !1) : n.lineTo(l, f);
 				}
 				n.stroke();
 			};
-			a.showRSI1 && k(h, qa.RSI1), a.showRSI2 && k(g, qa.RSI2), a.showRSI3 && k(_, qa.RSI3), n.restore();
+			a.showRSI1 && O(m, qa.RSI1), a.showRSI2 && O(h, qa.RSI2), a.showRSI3 && O(g, qa.RSI3), n.restore();
 		},
 		onDataUpdate() {
 			o = null;
@@ -10268,39 +10297,39 @@ function vc(e = {}) {
 			return [r];
 		},
 		draw(e) {
-			let { ctx: n, pane: o, data: s, range: c, scrollLeft: u, kWidth: d, dpr: f, kLinePositions: p } = e, m = s;
-			if (m.length < a.period) return;
-			let h = l(m), g = -Infinity, _ = Infinity;
-			for (let e = c.start; e < c.end && e < h.length; e++) {
-				let t = h[e];
-				t !== void 0 && (g = Math.max(g, t), _ = Math.min(_, t));
-			}
-			if (!Number.isFinite(g) || !Number.isFinite(_)) return;
-			g = Math.max(g, 150), _ = Math.min(_, -150), g - _;
-			let v = {
-				valueMin: _,
-				valueMax: g,
+			let { ctx: n, pane: o, data: s, range: c, scrollLeft: u, dpr: d, kLineCenters: f } = e, p = s;
+			if (p.length < a.period) return;
+			let m = l(p), h = -Infinity, g = Infinity;
+			for (let e = c.start; e < c.end && e < m.length; e++) {
+				let t = m[e];
+				t !== void 0 && (h = Math.max(h, t), g = Math.min(g, t));
+			}
+			if (!Number.isFinite(h) || !Number.isFinite(g)) return;
+			h = Math.max(h, 150), g = Math.min(g, -150), h - g;
+			let _ = {
+				valueMin: g,
+				valueMax: h,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, v, `cci_${t}`);
-			let y = o.yAxis.getDisplayRange({
-				minPrice: _,
-				maxPrice: g
-			}), b = y.minPrice, x = y.maxPrice - b || 1, S = o.height - (0 - b) / x * o.height;
+			i?.setSharedState(r, _, `cci_${t}`);
+			let v = o.yAxis.getDisplayRange({
+				minPrice: g,
+				maxPrice: h
+			}), y = v.minPrice, b = v.maxPrice - y || 1, x = o.height - (0 - y) / b * o.height;
 			n.save(), n.translate(-u, 0);
-			let C = o.height - (100 - b) / x * o.height, w = o.height - (-100 - b) / x * o.height, T = u, E = u + e.paneWidth;
-			n.strokeStyle = Ja.OVERBOUGHT, n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(T, C), n.lineTo(E, C), n.stroke(), n.strokeStyle = Ja.OVERSOLD, n.beginPath(), n.moveTo(T, w), n.lineTo(E, w), n.stroke(), n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.beginPath(), n.moveTo(T, S), n.lineTo(E, S), n.stroke(), n.setLineDash([]);
-			let D = Math.max(c.start, a.period - 1), O = Math.min(c.end, m.length);
+			let S = o.height - (100 - y) / b * o.height, C = o.height - (-100 - y) / b * o.height, w = u, T = u + e.paneWidth;
+			n.strokeStyle = Ja.OVERBOUGHT, n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(w, S), n.lineTo(T, S), n.stroke(), n.strokeStyle = Ja.OVERSOLD, n.beginPath(), n.moveTo(w, C), n.lineTo(T, C), n.stroke(), n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.beginPath(), n.moveTo(w, x), n.lineTo(T, x), n.stroke(), n.setLineDash([]);
+			let E = Math.max(c.start, a.period - 1), D = Math.min(c.end, p.length);
 			if (a.showCCI) {
 				n.strokeStyle = Ja.CCI, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = D; t < O; t++) {
-					let r = h[t];
+				for (let t = E; t < D; t++) {
+					let r = m[t];
 					if (r === void 0) continue;
-					let i = p[t - c.start];
+					let i = f[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r - b) / x * o.height, l = Q(a, f), u = Q(s, f);
-					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
+					let a = o.height - (r - y) / b * o.height, s = i, l = Q(a, d);
+					e ? (n.moveTo(s, l), e = !1) : n.lineTo(s, l);
 				}
 				n.stroke();
 			}
@@ -10388,45 +10417,45 @@ function Sc(e = {}) {
 			return [r];
 		},
 		draw(e) {
-			let { ctx: n, pane: o, data: s, range: c, scrollLeft: l, kWidth: d, dpr: f, kLinePositions: p } = e, m = s;
-			if (m.length < a.n + a.m - 1) return;
-			let h = u(m), g = {
+			let { ctx: n, pane: o, data: s, range: c, scrollLeft: l, dpr: d, kLineCenters: f } = e, p = s;
+			if (p.length < a.n + a.m - 1) return;
+			let m = u(p), h = {
 				valueMin: 0,
 				valueMax: 100,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, g, `stoch_${t}`);
-			let _ = o.yAxis.getDisplayRange({
+			i?.setSharedState(r, h, `stoch_${t}`);
+			let g = o.yAxis.getDisplayRange({
 				minPrice: 0,
 				maxPrice: 100
-			}), v = _.minPrice, y = _.maxPrice - v || 1;
+			}), _ = g.minPrice, v = g.maxPrice - _ || 1;
 			n.save(), n.translate(-l, 0);
-			let b = o.height - (80 - v) / y * o.height, x = o.height - (20 - v) / y * o.height, S = l, C = l + e.paneWidth;
-			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(S, b), n.lineTo(C, b), n.moveTo(S, x), n.lineTo(C, x), n.stroke(), n.setLineDash([]);
-			let w = Math.max(c.start, a.n + a.m - 2), T = Math.min(c.end, m.length);
+			let y = o.height - (80 - _) / v * o.height, b = o.height - (20 - _) / v * o.height, x = l, S = l + e.paneWidth;
+			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(x, y), n.lineTo(S, y), n.moveTo(x, b), n.lineTo(S, b), n.stroke(), n.setLineDash([]);
+			let C = Math.max(c.start, a.n + a.m - 2), w = Math.min(c.end, p.length);
 			if (a.showK) {
 				n.strokeStyle = Ya.K, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = w; t < T; t++) {
-					let r = h[t];
+				for (let t = C; t < w; t++) {
+					let r = m[t];
 					if (!r) continue;
-					let i = p[t - c.start];
+					let i = f[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r.k - v) / y * o.height, l = Q(a, f), u = Q(s, f);
-					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
+					let a = o.height - (r.k - _) / v * o.height, s = i, l = Q(a, d);
+					e ? (n.moveTo(s, l), e = !1) : n.lineTo(s, l);
 				}
 				n.stroke();
 			}
 			if (a.showD) {
 				n.strokeStyle = Ya.D, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = w; t < T; t++) {
-					let r = h[t];
+				for (let t = C; t < w; t++) {
+					let r = m[t];
 					if (!r) continue;
-					let i = p[t - c.start];
+					let i = f[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r.d - v) / y * o.height, l = Q(a, f), u = Q(s, f);
-					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
+					let a = o.height - (r.d - _) / v * o.height, s = i, l = Q(a, d);
+					e ? (n.moveTo(s, l), e = !1) : n.lineTo(s, l);
 				}
 				n.stroke();
 			}
@@ -10497,40 +10526,40 @@ function Ec(e = {}) {
 			return [r];
 		},
 		draw(e) {
-			let { ctx: n, pane: o, data: s, range: c, scrollLeft: u, kWidth: d, dpr: f, kLinePositions: p } = e, m = s;
-			if (m.length < a.period + 1) return;
-			let h = l(m), g = -Infinity, _ = Infinity;
-			for (let e = c.start; e < c.end && e < h.length; e++) {
-				let t = h[e];
-				t !== void 0 && (g = Math.max(g, t), _ = Math.min(_, t));
-			}
-			if (!Number.isFinite(g) || !Number.isFinite(_)) return;
-			let v = Math.max(Math.abs(g), Math.abs(_)) * .1;
-			g += v, _ -= v, g - _;
-			let y = {
-				valueMin: _,
-				valueMax: g,
+			let { ctx: n, pane: o, data: s, range: c, scrollLeft: u, dpr: d, kLineCenters: f } = e, p = s;
+			if (p.length < a.period + 1) return;
+			let m = l(p), h = -Infinity, g = Infinity;
+			for (let e = c.start; e < c.end && e < m.length; e++) {
+				let t = m[e];
+				t !== void 0 && (h = Math.max(h, t), g = Math.min(g, t));
+			}
+			if (!Number.isFinite(h) || !Number.isFinite(g)) return;
+			let _ = Math.max(Math.abs(h), Math.abs(g)) * .1;
+			h += _, g -= _, h - g;
+			let v = {
+				valueMin: g,
+				valueMax: h,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, y, `mom_${t}`);
-			let b = o.yAxis.getDisplayRange({
-				minPrice: _,
-				maxPrice: g
-			}), x = b.minPrice, S = b.maxPrice - x || 1, C = o.height - (0 - x) / S * o.height;
+			i?.setSharedState(r, v, `mom_${t}`);
+			let y = o.yAxis.getDisplayRange({
+				minPrice: g,
+				maxPrice: h
+			}), b = y.minPrice, x = y.maxPrice - b || 1, S = o.height - (0 - b) / x * o.height;
 			n.save(), n.translate(-u, 0);
-			let w = u, T = u + e.paneWidth;
-			n.strokeStyle = Xa.ZERO, n.lineWidth = 1, n.beginPath(), n.moveTo(w, C), n.lineTo(T, C), n.stroke();
-			let E = Math.max(c.start, a.period), D = Math.min(c.end, m.length);
+			let C = u, w = u + e.paneWidth;
+			n.strokeStyle = Xa.ZERO, n.lineWidth = 1, n.beginPath(), n.moveTo(C, S), n.lineTo(w, S), n.stroke();
+			let T = Math.max(c.start, a.period), E = Math.min(c.end, p.length);
 			if (a.showMOM) {
 				n.strokeStyle = Xa.MOM, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = E; t < D; t++) {
-					let r = h[t];
+				for (let t = T; t < E; t++) {
+					let r = m[t];
 					if (r === void 0) continue;
-					let i = p[t - c.start];
+					let i = f[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r - x) / S * o.height, l = Q(a, f), u = Q(s, f);
-					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
+					let a = o.height - (r - b) / x * o.height, s = i, l = Q(a, d);
+					e ? (n.moveTo(s, l), e = !1) : n.lineTo(s, l);
 				}
 				n.stroke();
 			}
@@ -10602,34 +10631,34 @@ function Ac(e = {}) {
 			return [r];
 		},
 		draw(e) {
-			let { ctx: n, pane: o, data: s, range: c, scrollLeft: u, kWidth: d, dpr: f, kLinePositions: p } = e, m = s;
-			if (m.length < a.period) return;
-			let h = l(m), g = -100;
-			0 - g;
-			let _ = {
-				valueMin: g,
+			let { ctx: n, pane: o, data: s, range: c, scrollLeft: u, dpr: d, kLineCenters: f } = e, p = s;
+			if (p.length < a.period) return;
+			let m = l(p), h = -100;
+			0 - h;
+			let g = {
+				valueMin: h,
 				valueMax: 0,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, _, `wmsr_${t}`);
-			let v = o.yAxis.getDisplayRange({
-				minPrice: g,
+			i?.setSharedState(r, g, `wmsr_${t}`);
+			let _ = o.yAxis.getDisplayRange({
+				minPrice: h,
 				maxPrice: 0
-			}), y = v.minPrice, b = v.maxPrice - y || 1;
+			}), v = _.minPrice, y = _.maxPrice - v || 1;
 			n.save(), n.translate(-u, 0);
-			let x = o.height - (-20 - y) / b * o.height, S = o.height - (-80 - y) / b * o.height, C = o.height - (-50 - y) / b * o.height, w = u, T = u + e.paneWidth;
-			n.strokeStyle = Za.OVERBOUGHT, n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(w, x), n.lineTo(T, x), n.stroke(), n.strokeStyle = Za.OVERSOLD, n.beginPath(), n.moveTo(w, S), n.lineTo(T, S), n.stroke(), n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.beginPath(), n.moveTo(w, C), n.lineTo(T, C), n.stroke(), n.setLineDash([]);
-			let E = Math.max(c.start, a.period - 1), D = Math.min(c.end, m.length);
+			let b = o.height - (-20 - v) / y * o.height, x = o.height - (-80 - v) / y * o.height, S = o.height - (-50 - v) / y * o.height, C = u, w = u + e.paneWidth;
+			n.strokeStyle = Za.OVERBOUGHT, n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(C, b), n.lineTo(w, b), n.stroke(), n.strokeStyle = Za.OVERSOLD, n.beginPath(), n.moveTo(C, x), n.lineTo(w, x), n.stroke(), n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.beginPath(), n.moveTo(C, S), n.lineTo(w, S), n.stroke(), n.setLineDash([]);
+			let T = Math.max(c.start, a.period - 1), E = Math.min(c.end, p.length);
 			if (a.showWMSR) {
 				n.strokeStyle = Za.WMSR, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = E; t < D; t++) {
-					let r = h[t];
+				for (let t = T; t < E; t++) {
+					let r = m[t];
 					if (r === void 0) continue;
-					let i = p[t - c.start];
+					let i = f[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r - y) / b * o.height, l = Q(a, f), u = Q(s, f);
-					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
+					let a = o.height - (r - v) / y * o.height, s = i, l = Q(a, d);
+					e ? (n.moveTo(s, l), e = !1) : n.lineTo(s, l);
 				}
 				n.stroke();
 			}
@@ -10732,53 +10761,53 @@ function Ic(e = {}) {
 			return [r];
 		},
 		draw(e) {
-			let { ctx: n, pane: o, data: s, range: c, scrollLeft: u, kWidth: d, dpr: f, kLinePositions: p } = e, m = s;
-			if (m.length < a.roc4 + 15 + a.signalPeriod) return;
-			let h = l(m), g = -Infinity, _ = Infinity;
-			for (let e = c.start; e < c.end && e < h.length; e++) {
-				let t = h[e];
-				t && (g = Math.max(g, t.kst, t.signal), _ = Math.min(_, t.kst, t.signal));
-			}
-			if (!Number.isFinite(g) || !Number.isFinite(_)) return;
-			let v = (g - _) * .1 || 1;
-			g += v, _ -= v, g - _;
-			let y = {
-				valueMin: _,
-				valueMax: g,
+			let { ctx: n, pane: o, data: s, range: c, scrollLeft: u, dpr: d, kLineCenters: f } = e, p = s;
+			if (p.length < a.roc4 + 15 + a.signalPeriod) return;
+			let m = l(p), h = -Infinity, g = Infinity;
+			for (let e = c.start; e < c.end && e < m.length; e++) {
+				let t = m[e];
+				t && (h = Math.max(h, t.kst, t.signal), g = Math.min(g, t.kst, t.signal));
+			}
+			if (!Number.isFinite(h) || !Number.isFinite(g)) return;
+			let _ = (h - g) * .1 || 1;
+			h += _, g -= _, h - g;
+			let v = {
+				valueMin: g,
+				valueMax: h,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, y, `kst_${t}`);
-			let b = o.yAxis.getDisplayRange({
-				minPrice: _,
-				maxPrice: g
-			}), x = b.minPrice, S = b.maxPrice - x || 1, C = o.height - (0 - x) / S * o.height;
+			i?.setSharedState(r, v, `kst_${t}`);
+			let y = o.yAxis.getDisplayRange({
+				minPrice: g,
+				maxPrice: h
+			}), b = y.minPrice, x = y.maxPrice - b || 1, S = o.height - (0 - b) / x * o.height;
 			n.save(), n.translate(-u, 0);
-			let w = u, T = u + e.paneWidth;
-			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.beginPath(), n.moveTo(w, C), n.lineTo(T, C), n.stroke();
-			let E = Math.max(c.start, a.roc4 + 15 + a.signalPeriod - 1), D = Math.min(c.end, m.length);
+			let C = u, w = u + e.paneWidth;
+			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.beginPath(), n.moveTo(C, S), n.lineTo(w, S), n.stroke();
+			let T = Math.max(c.start, a.roc4 + 15 + a.signalPeriod - 1), E = Math.min(c.end, p.length);
 			if (a.showKST) {
 				n.strokeStyle = Qa.KST, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = E; t < D; t++) {
-					let r = h[t];
+				for (let t = T; t < E; t++) {
+					let r = m[t];
 					if (!r) continue;
-					let i = p[t - c.start];
+					let i = f[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r.kst - x) / S * o.height, l = Q(a, f), u = Q(s, f);
-					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
+					let a = o.height - (r.kst - b) / x * o.height, s = i, l = Q(a, d);
+					e ? (n.moveTo(s, l), e = !1) : n.lineTo(s, l);
 				}
 				n.stroke();
 			}
 			if (a.showSignal) {
 				n.strokeStyle = Qa.SIGNAL, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = E; t < D; t++) {
-					let r = h[t];
+				for (let t = T; t < E; t++) {
+					let r = m[t];
 					if (!r) continue;
-					let i = p[t - c.start];
+					let i = f[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r.signal - x) / S * o.height, l = Q(a, f), u = Q(s, f);
-					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
+					let a = o.height - (r.signal - b) / x * o.height, s = i, l = Q(a, d);
+					e ? (n.moveTo(s, l), e = !1) : n.lineTo(s, l);
 				}
 				n.stroke();
 			}
@@ -10860,32 +10889,32 @@ function Bc(e = {}) {
 			return [r];
 		},
 		draw(e) {
-			let { ctx: n, pane: o, data: s, range: c, scrollLeft: u, kWidth: d, dpr: f, kLinePositions: p } = e, m = s;
-			if (m.length < a.period) return;
-			let h = l(m), g = {
+			let { ctx: n, pane: o, data: s, range: c, scrollLeft: u, dpr: d, kLineCenters: f } = e, p = s;
+			if (p.length < a.period) return;
+			let m = l(p), h = {
 				valueMin: 0,
 				valueMax: 100,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, g, `fastk_${t}`);
-			let _ = o.yAxis.getDisplayRange({
+			i?.setSharedState(r, h, `fastk_${t}`);
+			let g = o.yAxis.getDisplayRange({
 				minPrice: 0,
 				maxPrice: 100
-			}), v = _.minPrice, y = _.maxPrice - v || 1;
+			}), _ = g.minPrice, v = g.maxPrice - _ || 1;
 			n.save(), n.translate(-u, 0);
-			let b = o.height - (80 - v) / y * o.height, x = o.height - (20 - v) / y * o.height, S = u, C = u + e.paneWidth;
-			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(S, b), n.lineTo(C, b), n.moveTo(S, x), n.lineTo(C, x), n.stroke(), n.setLineDash([]);
-			let w = Math.max(c.start, a.period - 1), T = Math.min(c.end, m.length);
+			let y = o.height - (80 - _) / v * o.height, b = o.height - (20 - _) / v * o.height, x = u, S = u + e.paneWidth;
+			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(x, y), n.lineTo(S, y), n.moveTo(x, b), n.lineTo(S, b), n.stroke(), n.setLineDash([]);
+			let C = Math.max(c.start, a.period - 1), w = Math.min(c.end, p.length);
 			if (a.showFASTK) {
 				n.strokeStyle = Ya.K, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = w; t < T; t++) {
-					let r = h[t];
+				for (let t = C; t < w; t++) {
+					let r = m[t];
 					if (r === void 0) continue;
-					let i = p[t - c.start];
+					let i = f[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r - v) / y * o.height, l = Q(a, f), u = Q(s, f);
-					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
+					let a = o.height - (r - _) / v * o.height, s = i, l = Q(a, d);
+					e ? (n.moveTo(s, l), e = !1) : n.lineTo(s, l);
 				}
 				n.stroke();
 			}
@@ -12075,50 +12104,52 @@ function fl(e) {
 		paneId: e.paneId ?? "main",
 		priority: X.OVERLAY,
 		draw(e) {
-			let { ctx: i, pane: a, data: o, range: s, dpr: c, paneWidth: l, kLinePositions: u, kWidth: d, kGap: f } = e, p = e.viewport ?? {
+			let { ctx: i, pane: a, data: o, range: s, dpr: c, paneWidth: l, kLinePositions: u, kLineCenters: d, kBarRects: f, kWidth: p, kGap: m } = e, h = e.viewport ?? {
 				scrollLeft: e.scrollLeft,
 				plotWidth: l,
 				plotHeight: a.height
-			}, { startXPx: m, unitPx: h } = Ms(d, f, c), g = o, _ = g.slice(s.start, s.end), v = t.getVisibleByPane(a.id);
-			if (v.length === 0) return;
-			let y = {
+			}, { startXPx: g, unitPx: _ } = Ms(p, m, c), v = o, y = v.slice(s.start, s.end), b = t.getVisibleByPane(a.id);
+			if (b.length === 0) return;
+			let x = {
 				left: 0,
 				top: 0,
-				right: p.plotWidth,
+				right: h.plotWidth,
 				bottom: a.height
 			};
-			i.save(), i.beginPath(), i.rect(0, 0, p.plotWidth, a.height), i.clip();
-			for (let e of v) {
+			i.save(), i.beginPath(), i.rect(0, 0, h.plotWidth, a.height), i.clip();
+			for (let e of b) {
 				let o = n.compute(e, {
 					pane: a,
-					visibleData: _,
-					seriesData: g,
+					visibleData: y,
+					seriesData: v,
 					range: s,
 					kLinePositions: u,
-					kWidth: d,
-					kGap: f,
+					kLineCenters: d,
+					kBarRects: f,
+					kWidth: p,
+					kGap: m,
 					dpr: c,
 					paneWidth: l,
-					viewport: p,
+					viewport: h,
 					toScreen(e) {
 						return !Number.isFinite(e.index) || e.index < 0 ? {
-							x: -d,
+							x: -p,
 							y: a.yAxis.priceToY(e.price)
 						} : {
-							x: (m + e.index * h + (h - 1) / 2) / c - p.scrollLeft,
+							x: (g + e.index * _ + (_ - 1) / 2) / c - h.scrollLeft,
 							y: a.yAxis.priceToY(e.price)
 						};
 					}
 				});
 				if (!o) continue;
-				let v = t.getSelectedId() === e.id ? o.primitives.map((t) => pl(t, e.style)) : o.primitives;
-				for (let e of v) {
+				let b = t.getSelectedId() === e.id ? o.primitives.map((t) => pl(t, e.style)) : o.primitives;
+				for (let e of b) {
 					if (e.kind === "point") {
 						r.point(i, e, c);
 						continue;
 					}
 					if (e.kind === "line") {
-						r.line(i, e, y, c);
+						r.line(i, e, x, c);
 						continue;
 					}
 					if (e.kind === "area") {
@@ -12266,15 +12297,25 @@ var ml = class e {
 		let { start: t, end: n } = Ns(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 } = Ms(this.opt.kWidth, this.opt.kGap, e.dpr);
-		this.interaction.setKLinePositions(i, r, a);
+		}, i = this.calcKLinePositions(r), a = Ms(this.opt.kWidth, this.opt.kGap, e.dpr), o = Math.max(1, a.unitPx - 1);
+		o % 2 == 0 && --o;
+		let s = Array(i.length), c = Array(i.length);
+		for (let t = 0; t < i.length; t++) {
+			let n = i[t], r = Math.round(n * e.dpr) + (a.kWidthPx - 1) / 2;
+			s[t] = r / e.dpr, c[t] = {
+				x: (r - (o - 1) / 2) / e.dpr,
+				width: o / e.dpr
+			};
+		}
+		let { kWidthPx: l } = Ms(this.opt.kWidth, this.opt.kGap, e.dpr);
+		this.interaction.setKLinePositions(i, r, l);
 		for (let t of this.paneRenderers) {
 			let n = t.getPane(), a = t.getDom().plotCanvas.getContext("2d"), o = t.getDom().yAxisCanvas.getContext("2d");
 			if (n.updateRange(this.data, r), a && (a.setTransform(1, 0, 0, 1, 0, 0), a.scale(e.dpr, e.dpr), a.clearRect(0, 0, e.plotWidth + 1, n.height + 2 / e.dpr)), o) {
 				let t = o.canvas.width / e.dpr;
 				o.setTransform(1, 0, 0, 1, 0, 0), o.scale(e.dpr, e.dpr), o.clearRect(0, 0, t, n.height + 2 / e.dpr);
 			}
-			let s = {
+			let l = {
 				ctx: a,
 				pane: ha(n),
 				data: this.data,
@@ -12285,6 +12326,8 @@ var ml = class e {
 				dpr: e.dpr,
 				paneWidth: e.plotWidth,
 				kLinePositions: i,
+				kLineCenters: s,
+				kBarRects: c,
 				markerManager: this.markerManager,
 				crosshairIndex: this.interaction.getCrosshairIndex(),
 				yAxisCtx: o ?? void 0,
@@ -12298,17 +12341,17 @@ var ml = class e {
 			};
 			if (a) {
 				a.save();
-				let e = this.rendererPluginManager.render(n.id, s);
+				let e = this.rendererPluginManager.render(n.id, l);
 				e.length > 0 && this.pluginHost.events.emit("renderer:error", {
 					paneId: n.id,
 					errors: e
 				}), a.restore();
 			}
 		}
-		let o = this.dom.xAxisCanvas.getContext("2d");
-		if (o) {
+		let u = this.dom.xAxisCanvas.getContext("2d");
+		if (u) {
 			let t = {
-				ctx: o,
+				ctx: u,
 				pane: {
 					id: "xAxis",
 					role: "auxiliary",
@@ -12344,7 +12387,9 @@ var ml = class e {
 				dpr: e.dpr,
 				paneWidth: e.plotWidth,
 				kLinePositions: i,
-				xAxisCtx: o,
+				kLineCenters: s,
+				kBarRects: c,
+				xAxisCtx: u,
 				viewport: {
 					scrollLeft: e.scrollLeft,
 					plotWidth: e.plotWidth,
@@ -13990,29 +14035,29 @@ var Gu = d({
 			zoomLevelCount: d.zoomLevels,
 			dpr: M.state.viewportDpr
 		}), _l(M.state.viewportDpr)), r(() => M.state.dataLength), r(() => M.state.viewportDpr);
-		let N = r(() => M.state.zoomLevel), ee = r(() => M.state.kWidth), P = r(() => M.state.kGap), te = r(() => M.state.paneRatios), F = r(() => M.state.selectedDrawingId), ne = r(() => M.state.dataVersion);
-		function re() {
+		let N = r(() => M.state.zoomLevel), ee = r(() => M.state.kWidth), P = r(() => M.state.kGap), te = r(() => M.state.paneRatios), ne = r(() => M.state.selectedDrawingId), re = r(() => M.state.dataVersion);
+		function ie() {
 			A.value?.scheduleDraw();
 		}
-		function I(e, t, n) {
+		function F(e, t, n) {
 			let r = e.getBoundingClientRect();
 			return {
 				width: Math.max(t, Math.round(r.width)),
 				height: Math.max(n, Math.round(r.height))
 			};
 		}
-		function ie(e) {
+		function ae(e) {
 			if (!e) return;
-			let t = I(e, 180, 80);
+			let t = F(e, 180, 80);
 			A.value?.interaction.setTooltipSize(t);
 		}
-		function ae(e) {
-			e && (le.value = I(e, 120, 60));
+		function oe(e) {
+			e && (le.value = F(e, 120, 60));
 		}
-		let oe = y({
+		let se = y({
 			x: 0,
 			y: 0
-		}), se = y(!1), L = S({
+		}), I = y(!1), L = S({
 			crosshairPos: null,
 			crosshairIndex: null,
 			crosshairPrice: null,
@@ -14031,7 +14076,7 @@ var Gu = d({
 			hoveredPaneBoundaryId: null,
 			isHoveringRightAxis: !1
 		}), R = S(null), z = r(() => {
-			let e = F.value;
+			let e = ne.value;
 			return e ? M.state.drawings.find((t) => t.id === e) ?? null : null;
 		}), ce = y([]), le = y({
 			width: 220,
@@ -14048,7 +14093,7 @@ var Gu = d({
 		}), de = r(() => L.value.hoveredMarkerData), fe = r(() => L.value.hoveredCustomMarker), pe = r(() => L.value.isDragging), me = r(() => L.value.isResizingPaneBoundary), B = r(() => L.value.isHoveringPaneBoundary), he = r(() => L.value.hoveredPaneBoundaryId), ge = r(() => L.value.isHoveringRightAxis), _e = r(() => L.value.hoveredIndex), ve = r(() => L.value.crosshairIndex), ye = r(() => {
 			let e = L.value.hoveredIndex;
 			if (typeof e != "number") return null;
-			ne.value;
+			re.value;
 			let t = A.value?.getData();
 			return t && e >= 0 && e < t.length ? t[e] : null;
 		}), be = r(() => L.value.hoveredIndex), xe = r(() => L.value.tooltipPos), Se = r(() => ({
@@ -14058,15 +14103,15 @@ var Gu = d({
 			left: `${Se.value.x}px`,
 			top: `${Se.value.y}px`
 		})), we = r(() => ({
-			x: oe.value.x + ue.value.x,
-			y: oe.value.y + ue.value.y
+			x: se.value.x + ue.value.x,
+			y: se.value.y + ue.value.y
 		})), Te = r(() => ({
 			left: `${we.value.x}px`,
 			top: `${we.value.y}px`
 		})), Ee = r(() => L.value.tooltipAnchorPlacement), De = r(() => {
 			let e = A.value?.getViewport(), t = D.value, n = e?.plotWidth ?? (t ? t.clientWidth : 0);
-			return oe.value.x + 12 + le.value.width + 12 > n ? "left-bottom" : "right-bottom";
-		}), Oe = r(() => (ne.value, A.value?.getData() ?? []));
+			return se.value.x + 12 + le.value.width + 12 > n ? "left-bottom" : "right-bottom";
+		}), Oe = r(() => (re.value, A.value?.getData() ?? []));
 		function ke(e) {
 			R.value?.setTool(e);
 		}
@@ -14092,7 +14137,7 @@ var Gu = d({
 			let t = D.value;
 			if (t) {
 				let n = t.getBoundingClientRect();
-				if (oe.value = {
+				if (se.value = {
 					x: e.clientX - n.left,
 					y: e.clientY - n.top
 				}, R.value?.onPointerMove(e, t)) {
@@ -14225,7 +14270,7 @@ var Gu = d({
 				rendererName: `${e.toLowerCase()}_${n}`,
 				paneTitleRendererName: r.name,
 				params: t ?? Ge(e)
-			}), V.value.includes(e) || V.value.push(e), re(), !0;
+			}), V.value.includes(e) || V.value.push(e), ie(), !0;
 		}
 		function qe(e) {
 			let t = H.value.findIndex((t) => t.id === e);
@@ -14260,7 +14305,7 @@ var Gu = d({
 					enabled: e.includes("ENE"),
 					params: Ve.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")), re());
+			} }), t.setRendererEnabled("ma", e.includes("MA")), t.setRendererEnabled("boll", e.includes("BOLL")), t.setRendererEnabled("expma", e.includes("EXPMA")), t.setRendererEnabled("ene", e.includes("ENE")), ie());
 		}, { deep: !0 });
 		function Xe() {
 			let e = A.value?.getSubPaneIndicators() ?? [];
@@ -14279,7 +14324,7 @@ var Gu = d({
 					params: Ge(t)
 				}), V.value.includes(t) || V.value.push(t);
 			}
-			re();
+			ie();
 		}
 		function Ze(e, t) {
 			let n = H.value.find((t) => t.id === e);
@@ -14322,7 +14367,7 @@ var Gu = d({
 						t && Ze(t.id, e);
 					}
 				} else V.value = V.value.filter((t) => t !== e), H.value.filter((t) => t.indicatorId === e).forEach((e) => qe(e.id));
-				re();
+				ie();
 			}
 		}
 		function et() {
@@ -14347,12 +14392,12 @@ var Gu = d({
 		}
 		function tt(e, t) {
 			if (Ve.value[e] = t, e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
-				e === "BOLL" && A.value?.updateRendererConfig("boll", t), e === "EXPMA" && A.value?.updateRendererConfig("expma", t), e === "ENE" && A.value?.updateRendererConfig("ene", t), et(), re();
+				e === "BOLL" && A.value?.updateRendererConfig("boll", t), e === "EXPMA" && A.value?.updateRendererConfig("expma", t), e === "ENE" && A.value?.updateRendererConfig("ene", t), et(), ie();
 				return;
 			}
 			Ue.includes(e) && H.value.filter((t) => t.indicatorId === e).forEach((e) => {
 				e.params = { ...t }, A.value?.updateRendererConfig(e.rendererName, t);
-			}), re();
+			}), ie();
 		}
 		function nt(e) {
 			if (!e.length || H.value.length <= 1) return;
@@ -14380,7 +14425,7 @@ var Gu = d({
 			let n = t.getData()?.length ?? 0;
 			if (n === 0) return;
 			let r = t.getCurrentDpr(), { unitPx: i, startXPx: a } = Ms(ee.value, P.value, r), o = (a + n * i) / r, s = Math.max(0, e.scrollWidth - e.clientWidth), c = Math.min(s, Math.max(0, o - e.clientWidth));
-			e.scrollLeft = Math.round(c * r) / r, re();
+			e.scrollLeft = Math.round(c * r) / r, ie();
 		}
 		function ot(e, t) {
 			let n = A.value, r = D.value;
@@ -14399,7 +14444,7 @@ var Gu = d({
 			}));
 		}
 		return c({
-			scheduleRender: re,
+			scheduleRender: ie,
 			scrollToRight: at,
 			addSubPane: Ke,
 			removeSubPane: qe,
@@ -14414,7 +14459,7 @@ var Gu = d({
 			getZoomLevel: () => N.value,
 			getZoomLevelCount: () => A.value?.getZoomLevelCount() ?? 10
 		}), h(() => {
-			se.value = typeof CSS < "u" && CSS.supports("anchor-name: --kmap-anchor") && CSS.supports("position-anchor: --kmap-anchor");
+			I.value = typeof CSS < "u" && CSS.supports("anchor-name: --kmap-anchor") && CSS.supports("position-anchor: --kmap-anchor");
 			let e = D.value, t = C.value, n = E.value, r = x.value;
 			if (!e || !t || !n || !r) return;
 			let i = (t) => {
@@ -14561,7 +14606,7 @@ var Gu = d({
 				onDrawingSelected: (e) => {
 					M.actions.setSelectedDrawingId(e?.id ?? null);
 				}
-			}), a.interaction.setTooltipAnchorPositioning(se.value), a.interaction.setOnInteractionChange((e) => {
+			}), a.interaction.setTooltipAnchorPositioning(I.value), a.interaction.setOnInteractionChange((e) => {
 				L.value = e;
 			}), a.interaction.setOnPinchZoom((e, t) => {
 				let n = D.value;
@@ -14658,12 +14703,12 @@ var Gu = d({
 			}, [
 				ye.value ? (_(), o("div", {
 					key: 0,
-					class: p(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": se.value }]),
+					class: p(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": I.value }]),
 					style: m(Ce.value)
 				}, null, 6)) : a("", !0),
 				de.value || fe.value ? (_(), o("div", {
 					key: 1,
-					class: p(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": se.value }]),
+					class: p(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": I.value }]),
 					style: m(Te.value)
 				}, null, 6)) : a("", !0),
 				ye.value ? (_(), i(ko, {
@@ -14672,8 +14717,8 @@ var Gu = d({
 					index: be.value,
 					data: Oe.value,
 					pos: Se.value,
-					"set-el": ie,
-					"use-anchor": se.value,
+					"set-el": ae,
+					"use-anchor": I.value,
 					"anchor-placement": Ee.value
 				}, null, 8, [
 					"k",
@@ -14687,9 +14732,9 @@ var Gu = d({
 					key: 3,
 					marker: de.value || fe.value,
 					pos: we.value,
-					"use-anchor": se.value,
+					"use-anchor": I.value,
 					"anchor-placement": De.value,
-					"set-el": ae
+					"set-el": oe
 				}, null, 8, [
 					"marker",
 					"pos",
@@ -14719,4 +14764,4 @@ var Gu = d({
 	e.component("KLineChart", id);
 } };
 //#endregion
-export { ya as ConfigManager, I as EventBus, ga as GLOBAL_PANE_ID, va as HookSystem, id as KLineChart, ad as KMapPlugin, xa as PluginHostImpl, _a as PluginRegistry, ma as PluginState, X as RENDERER_PRIORITY, wa as RendererPluginManager, Sa as createPluginHost, ha as wrapPaneInfo };
+export { ya as ConfigManager, F as EventBus, ga as GLOBAL_PANE_ID, va as HookSystem, id as KLineChart, ad as KMapPlugin, xa as PluginHostImpl, _a as PluginRegistry, ma as PluginState, X as RENDERER_PRIORITY, wa as RendererPluginManager, Sa as createPluginHost, ha as wrapPaneInfo };