waveform-analysis 0.1.38 → 0.1.40

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, getCurrentInstance as l, markRaw as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, openBlock as g, reactive as _, ref as v, renderList as y, shallowReactive as b, shallowRef as x, toDisplayString as S, toRefs as C, unref as w, vModelText as T, watch as E, watchEffect as D, withCtx as O, withDirectives as k, withModifiers as A } from "vue";
-import { axisBottom as j, axisLeft as M, axisRight as N, bisector as P, curveStep as F, curveStepAfter as I, curveStepBefore as L, extent as R, line as z, pointer as B, scaleLinear as V, select as H, symbol as U, symbolCircle as ee, symbolDiamond as te, symbolSquare as ne, symbolTriangle as W, zoom as re, zoomIdentity as G, zoomTransform as K } from "d3";
-import { InputNumber as q, Modal as ie, Pagination as ae } from "ant-design-vue";
+import { axisBottom as j, axisLeft as M, axisRight as N, bisector as P, curveStep as F, curveStepAfter as I, curveStepBefore as L, extent as R, line as z, pointer as B, scaleLinear as V, select as H, symbol as U, symbolCircle as ee, symbolDiamond as te, symbolSquare as ne, symbolTriangle as re, zoom as ie, zoomIdentity as W, zoomTransform as G } from "d3";
+import { InputNumber as K, Modal as q, Pagination as ae } from "ant-design-vue";
 import { ColorPicker as J } from "vue3-colorpicker";
 import "vue3-colorpicker/style.css";
 //#region src/utils/waveformId.ts
@@ -673,8 +673,10 @@ function at(e) {
 }
 function ot(e, t = {}) {
 	if (!Number.isFinite(e)) return String(e);
-	let n = rt(t.axisMin, t.axisMax), r = at(n === null ? e : e / 10 ** n), i = t.topTickValue ?? t.axisMax;
-	return n !== null && e === i ? `${it(n)} ${r}` : r;
+	let n = rt(t.axisMin, t.axisMax), r = at(n === null ? e : e / 10 ** n);
+	if (e !== (t.topTickValue ?? t.axisMax)) return r;
+	let i = t.unit?.trim(), a = i ? `(${i}) ` : "";
+	return `${n === null ? "" : `${it(n)} `}${a}${r}`;
 }
 function st(e) {
 	return Number.isFinite(e) ? Object.is(e, -0) ? "0" : et.format(e) : String(e);
@@ -1134,7 +1136,7 @@ function fn(e) {
 			visibleSeries: [a],
 			xDomain: a.xDomain,
 			yDomain: a.yDomain
-		}, s = !i && o.visibleSeries.length > 0, c = o.visibleSeries[0] ?? o.series[0] ?? a, l = e.displayMode === "independent" ? V(dn(o, c.id, e), [0, t.width]) : V(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? G : G).rescaleX(l), d = e.yDomains?.[o.id], f = xn(o, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && d ? {
+		}, s = !i && o.visibleSeries.length > 0, c = o.visibleSeries[0] ?? o.series[0] ?? a, l = e.displayMode === "independent" ? V(dn(o, c.id, e), [0, t.width]) : V(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? W : W).rescaleX(l), d = e.yDomains?.[o.id], f = xn(o, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && d ? {
 			...e,
 			domain: d
 		} : e), p = {
@@ -1147,7 +1149,7 @@ function fn(e) {
 				a,
 				...c,
 				...s ? [o] : []
-			])), { tickTextWidth: u } = Sn(n.domain, !n.fixed, l), d = u + 7 + 6 + 24 + 4, f = n.side === "left" ? -p.left : t.width + p.right, m = u + 7 + 6 + 24 / 2, h = f + (n.side === "left" ? -m : m);
+			])), { tickTextWidth: u } = Sn(n.domain, !n.fixed, l, n.seriesList[0]?.unit), d = u + 7 + 6 + 24 + 4, f = n.side === "left" ? -p.left : t.width + p.right, m = u + 7 + 6 + 24 / 2, h = f + (n.side === "left" ? -m : m);
 			return p[n.side] += d, {
 				index: n.index,
 				side: n.side,
@@ -1270,25 +1272,26 @@ function xn(e, t, n, r) {
 		} : e;
 	});
 }
-function Sn(e, t = !0, n) {
-	let r = V(e, [1, 0]);
-	t && r.nice();
-	let [i, a] = r.domain(), o = n ?? Array.from(/* @__PURE__ */ new Set([
-		i,
-		...r.ticks(10),
-		a
-	])), s = Math.max(...o);
-	return { tickTextWidth: Math.max(1, ...o.map((e) => ot(e, {
-		axisMin: i,
-		axisMax: a,
-		topTickValue: s
+function Sn(e, t = !0, n, r) {
+	let i = V(e, [1, 0]);
+	t && i.nice();
+	let [a, o] = i.domain(), s = n ?? Array.from(/* @__PURE__ */ new Set([
+		a,
+		...i.ticks(10),
+		o
+	])), c = Math.max(...s);
+	return { tickTextWidth: Math.max(1, ...s.map((e) => ot(e, {
+		axisMin: a,
+		axisMax: o,
+		topTickValue: c,
+		unit: r
 	}).length)) * pn };
 }
 function Cn(e) {
-	return Sn(e.domain, !e.fixed).tickTextWidth + mn + gn + _n + hn;
+	return Sn(e.domain, !e.fixed, void 0, e.seriesList[0]?.unit).tickTextWidth + mn + gn + _n + hn;
 }
 function wn(e) {
-	return Sn(e.domain, !e.fixed).tickTextWidth + mn + hn;
+	return Sn(e.domain, !e.fixed, void 0, e.seriesList[0]?.unit).tickTextWidth + mn + hn;
 }
 function Tn(e, t, n, r) {
 	return xn(e, t, n, r).reduce((n, r) => (n[r.side] += t === "multi-axis" || e.visibleSeries.length === 1 ? Cn(r) : wn(r), n), {
@@ -1700,13 +1703,34 @@ function Wn(e, t, n, r) {
 }
 function Gn(e, t, n) {
 	let r = t[1] - t[0], i = e[1] - e[0];
-	if (!Number.isFinite(r) || !Number.isFinite(i) || r <= 0 || i <= 0) return G;
+	if (!Number.isFinite(r) || !Number.isFinite(i) || r <= 0 || i <= 0) return W;
 	let a = r / i, o = V(t, [0, n]);
-	return G.translate(-a * o(e[0]), 0).scale(a);
+	return W.translate(-a * o(e[0]), 0).scale(a);
 }
 //#endregion
-//#region src/components/interaction/useWaveformViewport.ts
+//#region src/components/interaction/viewportDomain.ts
 function Kn(e) {
+	return (t, n) => {
+		if (!(!Number.isFinite(t[0]) || !Number.isFinite(t[1]) || t[0] === t[1])) {
+			if (e.cancelPendingZoom(), e.cancelViewportDrag(), e.props.displayMode === "independent") {
+				let r = n === void 0 ? e.trackLayouts.value.map((e) => e.index) : [n], i = [...e.independentTransforms.value];
+				r.forEach((n) => {
+					let r = e.trackLayouts.value.find((e) => e.index === n);
+					if (!r) return;
+					let a = e.resolveInitialTrackDomain(r), o = Wn(t, a, [r.seriesList], e.props);
+					i[n] = Gn(o, a, r.width);
+				}), e.independentTransforms.value = i;
+			} else {
+				let n = e.initialXDomain.value, r = Wn(t, n, e.trackLayouts.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), e.props);
+				e.sharedTransform.value = Gn(r, n, e.innerWidth.value);
+			}
+			e.clearHover(), e.editorSeriesOptions.value = [], d(e.configureZoom);
+		}
+	};
+}
+//#endregion
+//#region src/components/interaction/useWaveformViewport.ts
+function qn(e) {
 	let { props: n, emit: r, selection: i, spacePressed: a, trackLayouts: o, chartTracks: s, initialXDomain: c, innerWidth: l, innerHeight: u, sharedOverlayElement: f, sharedTransform: p, independentTransforms: m, sharedYDomains: h, independentYDomains: g, isZoomMode: _, isPresentationMode: v, editorSeriesOptions: y, resolveInitialTrackDomain: b, canZoomTrack: S, canZoomSharedTracks: C, configureZoom: w, cancelPendingZoom: T, clearHover: E, resolveTrackAtPointer: D } = e, O = x(), k = (e, t) => {
 		let n = O.value, r = t?.currentTarget;
 		Mn(n, e), r && r !== n && Mn(r, e);
@@ -1854,10 +1878,10 @@ function Kn(e) {
 	}, H = (e) => {
 		if (T(), R(), n.displayMode === "independent" && e !== void 0) {
 			let t = [...m.value];
-			t[e] = G, m.value = t;
+			t[e] = W, m.value = t;
 			let n = { ...g.value };
 			delete n[e], g.value = n;
-		} else p.value = G, m.value = s.value.map(() => G), h.value = {}, g.value = {};
+		} else p.value = W, m.value = s.value.map(() => W), h.value = {}, g.value = {};
 		E(), y.value = [], d(w);
 	};
 	return {
@@ -1868,6 +1892,20 @@ function Kn(e) {
 		finishViewportDrag: V,
 		cancelViewportDrag: R,
 		resetViewport: H,
+		setViewportDomain: Kn({
+			props: n,
+			trackLayouts: o,
+			initialXDomain: c,
+			resolveInitialTrackDomain: b,
+			innerWidth: l,
+			sharedTransform: p,
+			independentTransforms: m,
+			cancelPendingZoom: T,
+			cancelViewportDrag: R,
+			clearHover: E,
+			editorSeriesOptions: y,
+			configureZoom: w
+		}),
 		requestViewportReset: (e) => {
 			if (!(v.value || !n.zoomable || !_.value)) {
 				if (n.displayMode === "independent") {
@@ -1886,7 +1924,7 @@ function Kn(e) {
 }
 //#endregion
 //#region src/components/utils/useAnimationFrameThrottle.ts
-function qn() {
+function Jn() {
 	let e = null, t = null;
 	function n(n) {
 		t = n, e === null && (e = requestAnimationFrame(() => {
@@ -1915,8 +1953,8 @@ function qn() {
 }
 //#endregion
 //#region src/components/interaction/useWaveformZoom.ts
-function Jn(e) {
-	let { props: t, emit: n, svgElement: r, sharedOverlayElement: i, sharedTransform: a, independentTransforms: o, trackLayouts: s, initialXDomain: c, sharedZoomDomain: l, innerWidth: u, innerHeight: d, hasChartArea: f, isZoomMode: p, isPresentationMode: m, resolveInitialTrackDomain: h, cancelPendingHover: g } = e, _ = /* @__PURE__ */ new Map(), v = qn(), y = !1, b = null, x = null, S = null, C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Set(), D, O = () => v.schedule(j), k = (e) => {
+function Yn(e) {
+	let { props: t, emit: n, svgElement: r, sharedOverlayElement: i, sharedTransform: a, independentTransforms: o, trackLayouts: s, initialXDomain: c, sharedZoomDomain: l, innerWidth: u, innerHeight: d, hasChartArea: f, isZoomMode: p, isPresentationMode: m, resolveInitialTrackDomain: h, cancelPendingHover: g } = e, _ = /* @__PURE__ */ new Map(), v = Jn(), y = !1, b = null, x = null, S = null, C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Set(), D, O = () => v.schedule(j), k = (e) => {
 		y || m.value || (g(), b = e.transform, x = "wheel", O(), P());
 	}, A = (e, t) => {
 		y || m.value || (g(), C.set(t, e.transform), w.set(t, "wheel"), O(), P());
@@ -2015,7 +2053,7 @@ function Jn(e) {
 	}, U = (e, t) => {
 		if (e.type !== "wheel") return !1;
 		let n = e.deltaY;
-		return n < 0 ? t : n > 0 && K(e.currentTarget).k > vt.MIN_SCALE;
+		return n < 0 ? t : n > 0 && G(e.currentTarget).k > vt.MIN_SCALE;
 	};
 	return {
 		cancelPendingZoom: F,
@@ -2028,13 +2066,13 @@ function Jn(e) {
 				s.value.forEach((e) => {
 					let t = r.value?.querySelector(`[data-independent-overlay-index="${e.index}"]`);
 					if (!t) return;
-					let n = h(e), i = [e.seriesList], a = re().filter((t) => {
+					let n = h(e), i = [e.seriesList], a = ie().filter((t) => {
 						let n = s.value.find((t) => t.index === e.index) ?? e;
 						return U(t, z(n));
 					}).scaleExtent([1, L(n, i)]).constrain((t) => R(t, n, e.width, i)).extent([[0, 0], [e.width, e.height]]).translateExtent([[0, 0], [e.width, e.height]]).on("zoom", (t) => A(t, e.index)).on("end", N);
 					_.set(e.index, a), y = !0;
 					try {
-						H(t).call(a).on("dblclick.zoom", null).call(a.transform, o.value[e.index] ?? G);
+						H(t).call(a).on("dblclick.zoom", null).call(a.transform, o.value[e.index] ?? W);
 					} finally {
 						y = !1;
 					}
@@ -2043,7 +2081,7 @@ function Jn(e) {
 			}
 			let e = i.value;
 			if (!e) return;
-			let n = s.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), l = re().filter((e) => U(e, B())).scaleExtent([1, L(c.value, n)]).constrain((e) => R(e, c.value, u.value, n)).extent([[0, 0], [u.value, d.value]]).translateExtent([[0, 0], [u.value, d.value]]).on("zoom", k).on("end", N);
+			let n = s.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), l = ie().filter((e) => U(e, B())).scaleExtent([1, L(c.value, n)]).constrain((e) => R(e, c.value, u.value, n)).extent([[0, 0], [u.value, d.value]]).translateExtent([[0, 0], [u.value, d.value]]).on("zoom", k).on("end", N);
 			_.set("shared", l), y = !0;
 			try {
 				H(e).call(l).on("dblclick.zoom", null).call(l.transform, a.value);
@@ -2055,52 +2093,60 @@ function Jn(e) {
 }
 //#endregion
 //#region src/components/core/useWaveformChartLifecycle.ts
-function Yn(e) {
+function Xn(e) {
 	return e instanceof Element && !!e.closest("button, input, select, textarea, [contenteditable]:not([contenteditable=\"false\"])");
 }
-function Xn(e) {
-	let { props: t, emit: n, container: r, titleMeasureElement: i, resizeObserver: a, observedWidth: o, observedHeight: s, measuredTitleWidth: c, measuredTitleHeight: l, resolvedTitleText: u, titleAreaReserved: f, titleMeasureStyle: p, spacePressed: g, pointerInsideChart: _, currentPage: v, pageCount: y, pagedTracks: b, gridOptions: x, chartSeries: S, chartTracks: C, trackLayouts: w, innerWidth: T, innerHeight: D, activeInteractionMode: O, hiddenSeriesIdSet: k, internalHiddenSeriesIds: A, independentTransforms: j, independentYDomains: M, resolveInitialTrackDomain: N, annotationInteraction: P, editorSeriesOptions: F, isPresentationMode: I, clearHover: L, cancelAnnotation: R, configureZoom: z, resetViewport: B, cancelViewportDrag: V, cancelPendingHover: H, clearZoomBindings: U } = e;
-	function ee(e) {
-		I.value || e.code !== "Space" || !t.pannable || !_.value || Yn(e.target) || (g.value = !0, e.preventDefault());
+function Zn(e) {
+	let { props: t, emit: n, container: r, titleMeasureElement: i, resizeObserver: a, observedWidth: o, observedHeight: s, measuredTitleWidth: c, measuredTitleHeight: l, resolvedTitleText: u, titleAreaReserved: f, titleMeasureStyle: p, spacePressed: g, pointerInsideChart: _, currentPage: v, pageCount: y, pagedTracks: b, gridOptions: x, chartSeries: S, chartTracks: C, trackLayouts: w, innerWidth: T, innerHeight: D, sharedZoomDomain: O, initialXDomain: k, sharedTransform: A, activeInteractionMode: j, hiddenSeriesIdSet: M, internalHiddenSeriesIds: N, independentTransforms: P, independentYDomains: F, resolveInitialTrackDomain: I, annotationInteraction: L, editorSeriesOptions: R, isPresentationMode: z, clearHover: B, cancelAnnotation: V, configureZoom: H, resetViewport: U, cancelViewportDrag: ee, cancelPendingHover: te, clearZoomBindings: ne } = e;
+	function re(e) {
+		z.value || e.code !== "Space" || !t.pannable || !_.value || Xn(e.target) || (g.value = !0, e.preventDefault());
 	}
-	function te(e) {
+	function ie(e) {
 		e.code === "Space" && (g.value = !1);
 	}
-	function ne(e) {
+	function G(e) {
 		let r = Math.min(y.value, Math.max(1, Math.floor(e)));
-		r !== v.value && (v.value = r, L(), P.closeContextMenu(), R(), t.displayMode === "independent" && (j.value = b.value.map(() => G), M.value = {}), d(z), n("page-change", r, y.value));
+		r !== v.value && (v.value = r, B(), L.closeContextMenu(), V(), t.displayMode === "independent" && (P.value = b.value.map(() => W), F.value = {}), d(H), n("page-change", r, y.value));
 	}
-	let W;
-	function re() {
-		t.displayMode === "independent" && (W = w.value.map((e) => {
-			let n = t.initialXDomains?.[e.series.trackId ?? e.series.id] ?? t.initialXDomains?.[e.series.id] ?? t.initialXDomain;
-			if (!(!n || !Number.isFinite(n[0]) || !Number.isFinite(n[1]) || n[0] === n[1])) return e.xScale.domain();
-		}));
+	let K, q;
+	function ae() {
+		if (t.displayMode === "independent") {
+			K = void 0, q = w.value.map((e) => {
+				let t = e.xScale.domain(), n = I(e);
+				return t[1] - t[0] < n[1] - n[0] - 1e-12 ? t : void 0;
+			});
+			return;
+		}
+		q = void 0;
+		let e = O.value, n = k.value;
+		K = e[1] - e[0] < n[1] - n[0] - 1e-12 ? [...e] : void 0;
 	}
-	function K() {
+	function J() {
 		if (t.displayMode === "independent") {
-			let e = j.value;
-			j.value = C.value.map((t, n) => e[n] ?? G);
+			let e = P.value;
+			P.value = C.value.map((t, n) => e[n] ?? W);
 		}
-		L(), F.value = [], d(() => {
-			if (t.displayMode === "independent" && W) {
-				let e = C.value.map(() => G);
+		B(), R.value = [], d(() => {
+			if (t.displayMode === "independent" && q) {
+				let e = C.value.map(() => W);
 				w.value.forEach((n) => {
-					let r = W?.[n.index];
+					let r = q?.[n.index];
 					if (!r) return;
-					let i = N(n), a = Wn(r, i, [n.seriesList], t);
+					let i = I(n), a = Wn(r, i, [n.seriesList], t);
 					e[n.index] = Gn(a, i, n.width);
-				}), j.value = e, W = void 0, d(z);
-				return;
+				}), P.value = e, q = void 0;
+			} else if (t.displayMode !== "independent" && K) {
+				let e = k.value, n = w.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), r = Wn(K, e, n, t);
+				A.value = Gn(r, e, T.value), K = void 0;
 			}
-			W = void 0, z();
+			H();
 		});
 	}
 	E([
 		T,
 		D,
 		() => t.zoomable,
-		I,
+		z,
 		() => t.minZoomSpan,
 		() => t.minVisiblePoints,
 		() => t.initialXDomain,
@@ -2111,42 +2157,42 @@ function Xn(e) {
 		v,
 		() => x.value.rowCount,
 		() => x.value.columnCount,
-		O
+		j
 	], async () => {
-		await d(), z();
+		await d(), H();
 	}, { immediate: !0 }), E(() => t.displayMode, () => {
 		let e = v.value;
-		v.value = 1, B(), e !== 1 && n("page-change", 1, y.value);
+		v.value = 1, U(), e !== 1 && n("page-change", 1, y.value);
 	}), E([
 		y,
 		() => t.grid?.rowCount,
 		() => t.grid?.columnCount
 	], () => {
 		let e = v.value;
-		v.value = v.value > y.value ? y.value : v.value === 1 ? v.value : 1, e !== v.value && n("page-change", v.value, y.value), L(), d(z);
-	}), E(O, () => {
-		F.value = [];
-	}), E(I, (e) => {
-		g.value = !1, e && (V(), U(), L(), P.closeContextMenu(), R());
+		v.value = v.value > y.value ? y.value : v.value === 1 ? v.value : 1, e !== v.value && n("page-change", v.value, y.value), B(), d(H);
+	}), E(j, () => {
+		R.value = [];
+	}), E(z, (e) => {
+		g.value = !1, e && (ee(), ne(), B(), L.closeContextMenu(), V());
 	}), E(() => S.value.map((e) => e.id).join("\0"), () => {
 		if (t.hiddenSeriesIds !== void 0) return;
-		let e = new Set(S.value.map((e) => e.id)), n = new Set(Array.from(A.value).filter((t) => e.has(t)));
-		(n.size !== A.value.size || Array.from(A.value).some((e) => !n.has(e))) && (A.value = n);
+		let e = new Set(S.value.map((e) => e.id)), n = new Set(Array.from(N.value).filter((t) => e.has(t)));
+		(n.size !== N.value.size || Array.from(N.value).some((e) => !n.has(e))) && (N.value = n);
 	}, { immediate: !0 }), E(() => C.value.flatMap((e) => e.visibleSeries.map((e) => e.id)).join("\0"), () => {
-		L(), F.value = [];
-		let e = P.editorDraft.value?.annotation.seriesId;
-		e && (!S.value.some((t) => t.id === e) || k.value.has(e)) && P.closeEditor();
-		let n = P.contextMenu.value?.annotationId, r = t.annotations.find((e) => e.id === n);
-		r && k.value.has(r.seriesId) && P.closeContextMenu(), d(z);
+		B(), R.value = [];
+		let e = L.editorDraft.value?.annotation.seriesId;
+		e && (!S.value.some((t) => t.id === e) || M.value.has(e)) && L.closeEditor();
+		let n = L.contextMenu.value?.annotationId, r = t.annotations.find((e) => e.id === n);
+		r && M.value.has(r.seriesId) && L.closeContextMenu(), d(H);
 	}), E(() => t.annotationsVisible, (e) => {
-		e || (P.closeContextMenu(), R());
+		e || (L.closeContextMenu(), V());
 	}), E(() => t.annotations, (e) => {
-		let t = P.contextMenu.value?.annotationId;
-		t && !e.some((e) => e.id === t) && P.closeContextMenu();
-		let n = P.editorDraft.value;
-		n?.mode === "edit" && !e.some((e) => e.id === n.annotation.id) && P.closeEditor();
+		let t = L.contextMenu.value?.annotationId;
+		t && !e.some((e) => e.id === t) && L.closeContextMenu();
+		let n = L.editorDraft.value;
+		n?.mode === "edit" && !e.some((e) => e.id === n.annotation.id) && L.closeEditor();
 	}, { deep: !0 });
-	function q() {
+	function oe() {
 		if (!f.value || !i.value) {
 			c.value = 0, l.value = 0;
 			return;
@@ -2159,22 +2205,22 @@ function Xn(e) {
 		f,
 		p
 	], async () => {
-		c.value = 0, l.value = 0, await d(), q();
+		c.value = 0, l.value = 0, await d(), oe();
 	}, { immediate: !0 }), h(() => {
-		window.addEventListener("keydown", ee), window.addEventListener("keyup", te), r.value && (a.value = new ResizeObserver(([e]) => {
-			o.value = Math.max(0, e?.contentRect.width ?? 0), s.value = Math.max(0, e?.contentRect.height ?? 0), d(q);
+		window.addEventListener("keydown", re), window.addEventListener("keyup", ie), r.value && (a.value = new ResizeObserver(([e]) => {
+			o.value = Math.max(0, e?.contentRect.width ?? 0), s.value = Math.max(0, e?.contentRect.height ?? 0), d(oe);
 		}), a.value.observe(r.value));
 	}), m(() => {
-		window.removeEventListener("keydown", ee), window.removeEventListener("keyup", te), H(), a.value?.disconnect(), U(), F.value = [];
+		window.removeEventListener("keydown", re), window.removeEventListener("keyup", ie), te(), a.value?.disconnect(), ne(), R.value = [];
 	}), {
-		goToPage: ne,
-		handleBeforeDataReferenceChange: re,
-		handleDataReferenceChange: K
+		goToPage: G,
+		handleBeforeDataReferenceChange: ae,
+		handleDataReferenceChange: J
 	};
 }
 //#endregion
 //#region src/components/core/useWaveformData.ts
-function Zn(e, t = !1) {
+function Qn(e, t = !1) {
 	let n = Infinity, r = -Infinity, i = Infinity, a = -Infinity, o = !1;
 	for (let s of e) if (s.x < n && (n = s.x), s.x > r && (r = s.x), s.y < i && (i = s.y), s.y > a && (a = s.y), t) {
 		let e = Pt(s);
@@ -2186,24 +2232,24 @@ function Zn(e, t = !1) {
 		hasErrorPoints: o
 	};
 }
-function Qn(e) {
+function $n(e) {
 	return It(e).map((e) => {
-		let t = Zn(e.points, e.errorBar.visible);
+		let t = Qn(e.points, e.errorBar.visible);
 		return {
 			...e,
 			...t
 		};
 	});
 }
-function $n(e, t, n) {
-	let r = x(Qn(e()));
+function er(e, t, n) {
+	let r = x($n(e()));
 	return E(e, (e) => {
-		t(), r.value = Qn(e), n();
+		t(), r.value = $n(e), n();
 	}), r;
 }
 //#endregion
 //#region src/components/core/useWaveformLayout.ts
-function er(e) {
+function tr(e) {
 	let { props: n, preparedSeries: r, currentPage: i, hiddenSeriesIdSet: a, chartWidth: o, innerHeight: s, isCleanView: c, sharedTransform: l, independentTransforms: u, sharedYDomains: d, independentYDomains: f, annotationInteraction: p } = e, m = t(() => r.value.map((e, t) => ({
 		...e,
 		color: e.color ?? (t === 0 ? n.lineColor : xt[t % xt.length])
@@ -2225,7 +2271,7 @@ function er(e) {
 			};
 		});
 	}), g = t(() => en(n.grid)), _ = t(() => Ut(n.rendering)), v = t(() => nn(h.value.length, g.value)), y = t(() => rn(h.value, i.value, g.value)), b = t(() => {
-		let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => xn(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => Sn(e.domain, !e.fixed).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 6 + 24 / 2);
+		let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => xn(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => Sn(e.domain, !e.fixed, void 0, e.seriesList[0]?.unit).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 6 + 24 / 2);
 		return {
 			tickClearance: r,
 			fullClearance: t + 7 + 6 + 24 + 4,
@@ -2324,13 +2370,13 @@ function er(e) {
 		}
 	};
 }
-var tr = 1e-6;
-function nr(e) {
+var nr = 1e-6;
+function rr(e) {
 	return Number.isFinite(e) ? Math.max(1, e) : 1;
 }
-function rr({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r }) {
-	let i = nr(e), a = nr(t), o = nr(n), s = Number.isFinite(r) ? r : 0, c = s * Math.PI / 180, l = Math.abs(Math.cos(c)), u = Math.abs(Math.sin(c)), d = (s % 360 + 360) % 360;
-	if (!(d > tr && Math.abs(d - 360) > tr)) {
+function ir({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r }) {
+	let i = rr(e), a = rr(t), o = rr(n), s = Number.isFinite(r) ? r : 0, c = s * Math.PI / 180, l = Math.abs(Math.cos(c)), u = Math.abs(Math.sin(c)), d = (s % 360 + 360) % 360;
+	if (!(d > nr && Math.abs(d - 360) > nr)) {
 		let e = Math.max(1, Math.ceil(i / o)), t = o, n = a * e;
 		return {
 			textWidth: t,
@@ -2355,7 +2401,7 @@ function rr({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r
 }
 //#endregion
 //#region src/components/core/useWaveformPresentation.ts
-function ir(e) {
+function ar(e) {
 	let { props: n, observedWidth: r, observedHeight: i, measuredTitleWidth: a, measuredTitleHeight: o, internalHiddenSeriesIds: s, paginationBandHeight: c } = e, l = t(() => Number.isFinite(n.width) ? Math.max(0, n.width ?? 0) : void 0), u = t(() => Number.isFinite(n.height) ? Math.max(180, n.height ?? 0) : void 0), d = t(() => r.value > 0 ? r.value : l.value ?? 0), f = t(() => i.value > 0 ? i.value : u.value ?? 180), p = t(() => ({
 		width: l.value === void 0 ? "100%" : `${l.value}px`,
 		height: u.value === void 0 ? "100%" : `${u.value}px`
@@ -2400,7 +2446,7 @@ function ir(e) {
 		maxWidth: O.value ? "none" : `${j.value}px`,
 		whiteSpace: O.value ? "nowrap" : "normal",
 		overflowWrap: O.value ? "normal" : "anywhere"
-	})), N = t(() => rr({
+	})), N = t(() => ir({
 		naturalWidth: a.value || A.value,
 		naturalHeight: o.value || E.value * 1.2,
 		availableWidth: j.value,
@@ -2456,22 +2502,22 @@ function ir(e) {
 }
 //#endregion
 //#region src/components/core/useWaveformChartController.ts
-function ar(e, t) {
+function or(e, t) {
 	e.value = t instanceof Element ? t : void 0;
 }
-function or(e, t) {
-	let n = v(), r = v(), i = v(), a = v(), o = v(0), s = v(0), c = v(0), l = v(0), d = v(0), f = x(G), p = x([]), m = v({}), h = v({}), g = b({
+function sr(e, t) {
+	let n = v(), r = v(), i = v(), a = v(), o = v(0), s = v(0), c = v(0), l = v(0), d = v(0), f = x(W), p = x([]), m = v({}), h = v({}), g = b({
 		points: [],
 		trackIndex: null,
 		position: {
 			x: 0,
 			y: 0
 		}
-	}), y = v(!1), S = v(1), w = x(), T = se("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ye(), A = v([]), j = qn();
+	}), y = v(!1), S = v(1), w = x(), T = se("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ye(), A = v([]), j = Jn();
 	E([() => e.yDomain, () => e.yDomains], () => {
 		m.value = {}, h.value = {};
 	}, { deep: !0 });
-	let M = x(null), N = v(!1), P = v(!1), F = () => void 0, I = () => void 0, L = $n(() => e.data, () => F(), () => I()), R = ir({
+	let M = x(null), N = v(!1), P = v(!1), F = () => void 0, I = () => void 0, L = er(() => e.data, () => F(), () => I()), R = ar({
 		props: e,
 		observedWidth: o,
 		observedHeight: s,
@@ -2479,24 +2525,24 @@ function or(e, t) {
 		measuredTitleHeight: l,
 		internalHiddenSeriesIds: O,
 		paginationBandHeight: d
-	}), { chartWidth: z, chartHeight: B, isCleanView: V, isPresentationMode: H, hiddenSeriesIdSet: U, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: W, chartTopMargin: re, innerHeight: K } = R, q = er({
+	}), { chartWidth: z, chartHeight: B, isCleanView: V, isPresentationMode: H, hiddenSeriesIdSet: U, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: re, chartTopMargin: ie, innerHeight: G } = R, K = tr({
 		props: e,
 		preparedSeries: L,
 		currentPage: S,
 		hiddenSeriesIdSet: U,
 		chartWidth: z,
-		innerHeight: K,
+		innerHeight: G,
 		isCleanView: V,
 		sharedTransform: f,
 		independentTransforms: p,
 		sharedYDomains: m,
 		independentYDomains: h,
 		annotationInteraction: u(k)
-	}), { chartSeries: ie, chartTracks: ae, trackLayouts: J, gridOptions: oe, pageCount: ce, pagedTracks: le, resolvedChartLeftMargin: ue, innerWidth: de, hasChartArea: fe, activeInteractionMode: pe, isZoomMode: me, initialXDomain: he, sharedZoomDomain: ge, resolveInitialTrackDomain: Y, annotationLayoutsForTrack: _e, resolveSeriesYScale: ve } = q;
+	}), { chartSeries: q, chartTracks: ae, trackLayouts: J, gridOptions: oe, pageCount: ce, pagedTracks: le, resolvedChartLeftMargin: ue, innerWidth: de, hasChartArea: fe, activeInteractionMode: pe, isZoomMode: me, initialXDomain: he, sharedZoomDomain: ge, resolveInitialTrackDomain: Y, annotationLayoutsForTrack: _e, resolveSeriesYScale: ve } = K;
 	D(() => {
 		d.value = oe.value.showPagination && ce.value > 1 && z.value <= 520 ? 40 : 0;
 	});
-	let ye = Jn({
+	let ye = Yn({
 		props: e,
 		emit: t,
 		svgElement: r,
@@ -2507,7 +2553,7 @@ function or(e, t) {
 		initialXDomain: he,
 		sharedZoomDomain: ge,
 		innerWidth: de,
-		innerHeight: K,
+		innerHeight: G,
 		hasChartArea: fe,
 		isZoomMode: me,
 		isPresentationMode: H,
@@ -2517,7 +2563,7 @@ function or(e, t) {
 		props: e,
 		emit: t,
 		container: n,
-		chartSeries: ie,
+		chartSeries: q,
 		hiddenSeriesIdSet: U,
 		internalHiddenSeriesIds: O,
 		annotationInteraction: k,
@@ -2529,11 +2575,11 @@ function or(e, t) {
 		chartHeight: B,
 		innerWidth: de,
 		resolvedChartLeftMargin: ue,
-		titleAreaHeight: W,
-		chartTopMargin: re,
+		titleAreaHeight: re,
+		chartTopMargin: ie,
 		activeInteractionMode: pe,
 		isPresentationMode: H
-	}), xe = Kn({
+	}), xe = qn({
 		props: e,
 		emit: t,
 		selection: M,
@@ -2542,7 +2588,7 @@ function or(e, t) {
 		chartTracks: ae,
 		initialXDomain: he,
 		innerWidth: de,
-		innerHeight: K,
+		innerHeight: G,
 		sharedOverlayElement: a,
 		sharedTransform: f,
 		independentTransforms: p,
@@ -2567,13 +2613,13 @@ function or(e, t) {
 		trackLayouts: J,
 		innerWidth: de,
 		resolvedChartLeftMargin: ue,
-		titleAreaHeight: W,
-		chartTopMargin: re,
+		titleAreaHeight: re,
+		chartTopMargin: ie,
 		sharedOverlayElement: a,
 		isPresentationMode: H,
 		updateViewportDrag: xe.updateViewportDrag,
 		resolveTrackAtPointer: be.resolveTrackAtPointer
-	}), Z = Xn({
+	}), Z = Zn({
 		props: e,
 		emit: t,
 		container: n,
@@ -2592,11 +2638,14 @@ function or(e, t) {
 		pageCount: ce,
 		pagedTracks: le,
 		gridOptions: oe,
-		chartSeries: ie,
+		chartSeries: q,
 		chartTracks: ae,
 		trackLayouts: J,
 		innerWidth: de,
-		innerHeight: K,
+		innerHeight: G,
+		sharedZoomDomain: ge,
+		initialXDomain: he,
+		sharedTransform: f,
 		activeInteractionMode: pe,
 		hiddenSeriesIdSet: U,
 		internalHiddenSeriesIds: O,
@@ -2617,7 +2666,7 @@ function or(e, t) {
 	return F = Z.handleBeforeDataReferenceChange, I = Z.handleDataReferenceChange, _({
 		...C(e),
 		...R,
-		...q,
+		...K,
 		...be,
 		...xe,
 		...X,
@@ -2633,34 +2682,34 @@ function or(e, t) {
 		editorSeriesOptions: A,
 		clipPathId: T,
 		goToPage: Z.goToPage,
-		setContainer: (e) => ar(n, e),
-		setSvgElement: (e) => ar(r, e),
-		setTitleMeasureElement: (e) => ar(i, e),
-		setSharedOverlayElement: (e) => ar(a, e)
+		setContainer: (e) => or(n, e),
+		setSvgElement: (e) => or(r, e),
+		setTitleMeasureElement: (e) => or(i, e),
+		setSharedOverlayElement: (e) => or(a, e)
 	});
 }
 //#endregion
 //#region src/components/annotation/WaveformAnnotationEditor.vue?vue&type=script&setup=true&lang.ts
-var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
+var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
 	class: "waveform-annotation-editor__coordinates",
 	"aria-label": "标注坐标"
-}, ur = ["aria-invalid"], dr = {
+}, dr = ["aria-invalid"], fr = {
 	class: "waveform-annotation-editor__coordinate-value",
 	"aria-hidden": "true"
-}, fr = ["id"], pr = {
+}, pr = ["id"], mr = {
 	key: 0,
 	class: "waveform-annotation-editor__series",
 	"aria-label": "标注所属波形"
-}, mr = { class: "waveform-annotation-editor__series-label" }, hr = ["value"], gr = ["value"], _r = { key: 1 }, vr = { class: "waveform-annotation-editor__field" }, yr = { class: "waveform-annotation-editor__label-row" }, br = ["maxlength"], xr = { class: "waveform-annotation-editor__colors" }, Sr = {
+}, hr = { class: "waveform-annotation-editor__series-label" }, gr = ["value"], _r = ["value"], vr = { key: 1 }, yr = { class: "waveform-annotation-editor__field" }, br = { class: "waveform-annotation-editor__label-row" }, xr = ["maxlength"], Sr = { class: "waveform-annotation-editor__colors" }, Cr = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注边框色和透明度"
-}, Cr = {
+}, wr = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注文字色和透明度"
-}, wr = {
+}, Tr = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注背景色和透明度"
-}, Tr = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
+}, Er = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
 	__name: "WaveformAnnotationEditor",
 	props: {
 		annotation: {},
@@ -2715,7 +2764,7 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 			let t = e.target;
 			t.value && u("series-change", t.value);
 		}
-		return (t, o) => (g(), n(w(ie), {
+		return (t, o) => (g(), n(w(q), {
 			visible: !0,
 			width: 440,
 			"mask-closable": !0,
@@ -2727,15 +2776,15 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 			onCancel: o[4] ||= (e) => u("cancel"),
 			onOk: R
 		}, {
-			title: O(() => [a("span", { id: w(m) }, S(l.mode === "add" ? "添加标注" : "编辑标注"), 9, sr)]),
-			default: O(() => [a("div", cr, [
-				a("div", lr, [
+			title: O(() => [a("span", { id: w(m) }, S(l.mode === "add" ? "添加标注" : "编辑标注"), 9, cr)]),
+			default: O(() => [a("div", lr, [
+				a("div", ur, [
 					a("label", {
 						class: "waveform-annotation-editor__coordinate-input",
 						"aria-invalid": !!j.value
 					}, [
 						o[5] ||= a("b", null, "X", -1),
-						s(w(q), {
+						s(w(K), {
 							value: _.value === "" ? void 0 : Number(_.value),
 							controls: !0,
 							step: .001,
@@ -2752,26 +2801,26 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 							"aria-invalid",
 							"aria-describedby"
 						]),
-						a("code", dr, S(_.value), 1)
-					], 8, ur),
+						a("code", fr, S(_.value), 1)
+					], 8, dr),
 					j.value ? (g(), i("p", {
 						key: 0,
 						id: `${w(m)}-time-error`,
 						class: "waveform-annotation-editor__coordinate-error",
 						role: "alert"
-					}, S(j.value), 9, fr)) : r("", !0),
+					}, S(j.value), 9, pr)) : r("", !0),
 					a("span", null, [o[6] ||= a("b", null, "Y", -1), a("code", null, S(w(ct)(l.annotation.y)), 1)])
 				]),
 				o[13] ||= a("p", {
 					class: "waveform-annotation-editor__coordinate-hint",
 					role: "note"
 				}, " 修改 X 轴后失焦时会自动吸附最近的采样点 ", -1),
-				P.value ? (g(), i("label", pr, [
+				P.value ? (g(), i("label", mr, [
 					a("i", {
 						style: p({ backgroundColor: P.value.color }),
 						"aria-hidden": "true"
 					}, null, 4),
-					a("span", mr, [o[7] ||= a("small", null, "标注波形", -1), a("b", null, S(P.value.name), 1)]),
+					a("span", hr, [o[7] ||= a("small", null, "标注波形", -1), a("b", null, S(P.value.name), 1)]),
 					l.seriesOptions?.length ? (g(), i("select", {
 						key: 0,
 						value: l.annotation.seriesId,
@@ -2780,9 +2829,9 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 					}, [(g(!0), i(e, null, y(l.seriesOptions, (e) => (g(), i("option", {
 						key: e.seriesId,
 						value: e.seriesId
-					}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9, gr))), 128))], 40, hr)) : P.value.unit ? (g(), i("code", _r, S(P.value.unit), 1)) : r("", !0)
+					}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9, _r))), 128))], 40, gr)) : P.value.unit ? (g(), i("code", vr, S(P.value.unit), 1)) : r("", !0)
 				])) : r("", !0),
-				a("label", vr, [a("span", yr, [o[8] ||= a("b", null, "标注文本", -1), a("small", null, S(N.value) + "/" + S(w(40)), 1)]), k(a("textarea", {
+				a("label", yr, [a("span", br, [o[8] ||= a("b", null, "标注文本", -1), a("small", null, S(N.value) + "/" + S(w(40)), 1)]), k(a("textarea", {
 					ref_key: "textarea",
 					ref: f,
 					"onUpdate:modelValue": o[0] ||= (e) => h.value = e,
@@ -2791,10 +2840,10 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 					"aria-label": "标注文本",
 					placeholder: "输入这处波形的说明",
 					onKeydown: z
-				}, null, 40, br), [[T, h.value]])]),
-				a("fieldset", xr, [
+				}, null, 40, xr), [[T, h.value]])]),
+				a("fieldset", Sr, [
 					o[12] ||= a("legend", null, "颜色与透明度", -1),
-					a("label", Sr, [o[9] ||= a("span", null, "边框色", -1), s(w(J), {
+					a("label", Cr, [o[9] ||= a("span", null, "边框色", -1), s(w(J), {
 						"pure-color": x.value,
 						"onUpdate:pureColor": o[1] ||= (e) => x.value = e,
 						"aria-label": "标注边框色",
@@ -2804,7 +2853,7 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 						"disable-alpha": !1,
 						"blur-close": !0
 					}, null, 8, ["pure-color"])]),
-					a("label", Cr, [o[10] ||= a("span", null, "文字色", -1), s(w(J), {
+					a("label", wr, [o[10] ||= a("span", null, "文字色", -1), s(w(J), {
 						"pure-color": C.value,
 						"onUpdate:pureColor": o[2] ||= (e) => C.value = e,
 						"aria-label": "标注文字色",
@@ -2814,7 +2863,7 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 						"disable-alpha": !1,
 						"blur-close": !0
 					}, null, 8, ["pure-color"])]),
-					a("label", wr, [o[11] ||= a("span", null, "背景色", -1), s(w(J), {
+					a("label", Tr, [o[11] ||= a("span", null, "背景色", -1), s(w(J), {
 						"pure-color": D.value,
 						"onUpdate:pureColor": o[3] ||= (e) => D.value = e,
 						"aria-label": "标注背景色",
@@ -2829,7 +2878,7 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 			_: 1
 		}, 8, ["ok-button-props"]));
 	}
-}), [["__scopeId", "data-v-8ce79dc8"]]), Er = { class: "waveform-tooltip__series-content" }, Dr = { class: "waveform-tooltip__series-label" }, Or = { class: "waveform-tooltip__value" }, kr = 12, Ar = 8, jr = 238, Mr = 560, Nr = 20, Pr = 20, Fr = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-8ce79dc8"]]), Dr = { class: "waveform-tooltip__series-content" }, Or = { class: "waveform-tooltip__series-label" }, kr = { class: "waveform-tooltip__value" }, Ar = 12, jr = 8, Mr = 238, Nr = 560, Pr = 20, Fr = 20, Ir = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
 	__name: "WaveformTooltip",
 	props: {
 		visible: { type: Boolean },
@@ -2843,7 +2892,7 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 	setup(n) {
 		let s = n;
 		function c(e, t) {
-			let n = Math.max(1, t - Nr - 14), r = Math.max(1, Math.floor(n / 7.2));
+			let n = Math.max(1, t - Pr - 14), r = Math.max(1, Math.floor(n / 7.2));
 			return Math.max(1, Math.ceil([...e].length / r));
 		}
 		function l(e) {
@@ -2851,18 +2900,18 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 			return `${e.shotNo?.trim() || "未配置炮号"}： ${e.name}${e.unit ? `(${e.unit})` : ""}  (x:${t} y:${st(e.point.y)})`;
 		}
 		function u(e) {
-			return 16 + Pr * s.seriesPoints.reduce((t, n) => t + c(l(n), e), 0) + 5;
+			return 16 + Fr * s.seriesPoints.reduce((t, n) => t + c(l(n), e), 0) + 5;
 		}
 		let d = t(() => {
 			if (!s.visible || !s.hoveredPoint) return { display: "none" };
-			let e = s.position.x + kr, t = s.position.x - kr - jr, n = s.containerWidth - Ar - e, r = s.position.x - kr - Ar, i = Math.max(1, Math.min(Mr, s.containerWidth - Ar * 2)), a = e + jr <= s.containerWidth - Ar ? {
+			let e = s.position.x + Ar, t = s.position.x - Ar - Mr, n = s.containerWidth - jr - e, r = s.position.x - Ar - jr, i = Math.max(1, Math.min(Nr, s.containerWidth - jr * 2)), a = e + Mr <= s.containerWidth - jr ? {
 				left: `${e}px`,
-				maxWidth: `${Math.min(Mr, n)}px`
-			} : t >= Ar ? {
-				right: `${s.containerWidth - s.position.x + kr}px`,
-				maxWidth: `${Math.min(Mr, r)}px`
+				maxWidth: `${Math.min(Nr, n)}px`
+			} : t >= jr ? {
+				right: `${s.containerWidth - s.position.x + Ar}px`,
+				maxWidth: `${Math.min(Nr, r)}px`
 			} : {
-				left: `${Ar}px`,
+				left: `${jr}px`,
 				maxWidth: `${i}px`
 			}, o = Number.parseFloat(a.maxWidth);
 			return {
@@ -2877,9 +2926,9 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 		}, [(g(!0), i(e, null, y(n.seriesPoints, (t) => (g(), i("span", {
 			key: `${t.trackIndex}-${t.name}`,
 			class: "waveform-tooltip__series waveform-chart__tooltip-series"
-		}, [a("i", { style: p({ backgroundColor: t.color }) }, null, 4), a("span", Er, [a("span", Dr, [o(S(t.shotNo?.trim() || "未配置炮号") + "： " + S(t.name), 1), t.unit ? (g(), i(e, { key: 0 }, [o("(" + S(t.unit) + ")", 1)], 64)) : r("", !0)]), a("span", Or, "(x:" + S(w(pt)(n.hoveredPoint.x, n.timeUnit)) + " y:" + S(w(st)(t.point.y)) + ")", 1)])]))), 128))], 4)) : r("", !0);
+		}, [a("i", { style: p({ backgroundColor: t.color }) }, null, 4), a("span", Dr, [a("span", Or, [o(S(t.shotNo?.trim() || "未配置炮号") + "： " + S(t.name), 1), t.unit ? (g(), i(e, { key: 0 }, [o("(" + S(t.unit) + ")", 1)], 64)) : r("", !0)]), a("span", kr, "(x:" + S(w(pt)(n.hoveredPoint.x, n.timeUnit)) + " y:" + S(w(st)(t.point.y)) + ")", 1)])]))), 128))], 4)) : r("", !0);
 	}
-}), [["__scopeId", "data-v-1f55d6c8"]]), Ir = /* @__PURE__ */ c({
+}), [["__scopeId", "data-v-1f55d6c8"]]), Lr = /* @__PURE__ */ c({
 	__name: "WaveformHoverHost",
 	props: {
 		state: {},
@@ -2890,7 +2939,7 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 	},
 	setup(e) {
 		let r = e, i = t(() => r.state.points[0]?.point ?? null);
-		return (t, r) => (g(), n(Fr, {
+		return (t, r) => (g(), n(Ir, {
 			visible: e.visible && i.value !== null,
 			position: e.state.position,
 			"time-unit": e.timeUnit,
@@ -2908,16 +2957,16 @@ var sr = ["id"], cr = { class: "waveform-annotation-editor__content" }, lr = {
 			"container-height"
 		]));
 	}
-}), Lr = 13, Rr = 2, zr = 14, Br = 8, Vr = 24, Hr = {
+}), Rr = 13, zr = 2, Br = 14, Vr = 8, Hr = 24, Ur = {
 	circle: ee,
 	square: ne,
-	triangle: W,
+	triangle: re,
 	diamond: te
 };
-function Ur(e, t = 48) {
-	return e === "none" ? null : U().type(Hr[e]).size(t)() ?? null;
+function Wr(e, t = 48) {
+	return e === "none" ? null : U().type(Ur[e]).size(t)() ?? null;
 }
-function Wr(e, t, n = 48) {
+function Gr(e, t, n = 48) {
 	if (e === "none" || t.length === 0) return null;
 	if (e === "circle") {
 		let e = Math.sqrt(n / Math.PI);
@@ -2934,24 +2983,24 @@ function Wr(e, t, n = 48) {
 	let r = Math.sqrt(n / (2 * Math.tan(Math.PI / 6))), i = r * Math.tan(Math.PI / 6);
 	return t.map(({ x: e, y: t }) => `M${e},${t - r}L${e + i},${t}L${e},${t + r}L${e - i},${t}Z`).join("");
 }
-function Gr(e) {
+function Kr(e) {
 	return e === "none" ? null : "M1 8H25";
 }
-function Kr(e) {
+function qr(e) {
 	if (e === "dashed") return "8 5";
 	if (e === "dash-dot") return "8 5 1.5 5";
 }
-function qr(e) {
-	let t = (Number.isFinite(e) && e > 0 ? Math.min(e, Vr) : Br) / 2, n = Lr - t, r = Lr + t;
+function Jr(e) {
+	let t = (Number.isFinite(e) && e > 0 ? Math.min(e, Hr) : Vr) / 2, n = Rr - t, r = Rr + t;
 	return [
-		`M${n} ${Rr}H${r}`,
-		`M${Lr} ${Rr}V${zr}`,
-		`M${n} ${zr}H${r}`
+		`M${n} ${zr}H${r}`,
+		`M${Rr} ${zr}V${Br}`,
+		`M${n} ${Br}H${r}`
 	].join("");
 }
 //#endregion
 //#region src/components/rendering/WaveformSeriesLayer.vue?vue&type=script&setup=true&lang.ts
-var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
+var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
 	"data-series-id",
 	"data-series-name",
 	"data-y-axis-index",
@@ -2960,11 +3009,11 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], Zr = ["data-series-id"], Qr = [
+], Qr = ["data-series-id"], $r = [
 	"d",
 	"stroke",
 	"stroke-width"
-], $r = ["data-series-id", "data-point-type"], ei = ["d", "fill"], ti = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
+], ei = ["data-series-id", "data-point-type"], ti = ["d", "fill"], ni = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
 	__name: "WaveformSeriesLayer",
 	props: {
 		track: {},
@@ -2972,7 +3021,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 	},
 	setup(n) {
 		let a = n, o = t(() => a.track.seriesPaths.map((e) => {
-			let t = Wr(e.series.pointType, e.pointRenderPoints.map((t) => ({
+			let t = Gr(e.series.pointType, e.pointRenderPoints.map((t) => ({
 				x: a.track.xScale(t.x),
 				y: e.yScale(t.y)
 			}))), n = e.series.errorBar.capWidth / 2, r = e.errorBarRenderPoints.map((t) => {
@@ -3009,8 +3058,8 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				"data-line-style": e.series.lineStyle,
 				d: e.path,
 				stroke: e.series.color,
-				"stroke-dasharray": w(Kr)(e.series.lineStyle)
-			}, null, 8, Xr)) : r("", !0),
+				"stroke-dasharray": w(qr)(e.series.lineStyle)
+			}, null, 8, Zr)) : r("", !0),
 			e.series.errorBar.visible ? (g(), i("g", {
 				key: 1,
 				class: "waveform-track__error-bars waveform-chart__error-bars",
@@ -3021,7 +3070,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				d: e.errorBarPath,
 				stroke: e.series.errorBar.color || e.series.color,
 				"stroke-width": e.series.errorBar.width
-			}, null, 8, Qr)) : r("", !0)], 8, Zr)) : r("", !0),
+			}, null, 8, $r)) : r("", !0)], 8, Qr)) : r("", !0),
 			e.series.pointType === "none" ? r("", !0) : (g(), i("g", {
 				key: 2,
 				class: "waveform-track__points waveform-chart__points",
@@ -3032,20 +3081,20 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				class: "waveform-track__point waveform-chart__point",
 				d: e.pointPath,
 				fill: e.series.color
-			}, null, 8, ei)) : r("", !0)], 8, $r))
-		], 8, Yr))), 128))], 8, Jr)) : r("", !0);
+			}, null, 8, ti)) : r("", !0)], 8, ei))
+		], 8, Xr))), 128))], 8, Yr)) : r("", !0);
 	}
-}), [["__scopeId", "data-v-42a3fd47"]]), ni = ["transform"], ri = ["transform"], ii = {
+}), [["__scopeId", "data-v-42a3fd47"]]), ri = ["transform"], ii = ["transform"], ai = {
 	class: "waveform-track__axis-endpoint waveform-track__axis-endpoint--start waveform-chart__axis-endpoint waveform-chart__axis-endpoint--start",
 	x: "0",
 	y: "7",
 	dy: "0.71em",
 	"text-anchor": "start"
-}, ai = ["x"], oi = [
+}, oi = ["x"], si = [
 	"data-y-axis-index",
 	"data-y-axis-side",
 	"transform"
-], si = { key: 2 }, ci = ["x", "y"], li = ["fill", "transform"], ui = ["data-y-axis-title-index"], di = ["x", "y"], fi = ["fill", "transform"], pi = /* @__PURE__ */ c({
+], ci = { key: 2 }, li = ["x", "y"], ui = ["fill", "transform"], di = ["data-y-axis-title-index"], fi = ["x", "y"], pi = ["fill", "transform"], mi = /* @__PURE__ */ c({
 	__name: "WaveformTrackAxes",
 	props: {
 		track: {},
@@ -3074,12 +3123,13 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 			if (n.track.yAxes.forEach((e, t) => {
 				let r = s.value[t];
 				if (!r) return;
-				let [i, a] = e.scale.domain(), o = Math.max(...e.tickValues), c = (e.side === "left" ? M(e.scale) : N(e.scale)).tickFormat((e) => ot(Number(e), {
+				let [i, a] = e.scale.domain(), o = Math.max(...e.tickValues), c = e.seriesList[0]?.unit, l = (e.side === "left" ? M(e.scale) : N(e.scale)).tickFormat((e) => ot(Number(e), {
 					axisMin: i,
 					axisMax: a,
-					topTickValue: o
-				})).tickSize(-4).tickPadding(7).tickSizeOuter(0).tickValues(e.tickValues), l = H(r);
-				l.call(c), l.selectAll("path.domain").attr("display", n.axes?.y?.lineVisible === !1 ? "none" : null);
+					topTickValue: o,
+					unit: c
+				})).tickSize(-4).tickPadding(7).tickSizeOuter(0).tickValues(e.tickValues), u = H(r);
+				u.call(l), u.selectAll("path.domain").attr("display", n.axes?.y?.lineVisible === !1 ? "none" : null);
 			}), !o.value) return;
 			let e = H(o.value);
 			e.call(j(n.track.xScale).tickValues(n.track.xAxisTickValues).tickFormat((e) => ut(Number(e), n.track.xScale.domain(), n.timeUnit, "tick", n.axes?.x?.labelFormatter)).tickSize(-4).tickPadding(7).tickSizeOuter(0)), e.selectAll("path.domain").attr("display", n.axes?.x?.lineVisible === !1 ? "none" : null);
@@ -3104,7 +3154,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				ref: o,
 				class: f(["waveform-track__axis waveform-track__axis--x waveform-chart__axis waveform-chart__axis--x", { "waveform-track__axis--line-hidden": t.axes?.x?.lineVisible === !1 }]),
 				transform: `translate(0, ${t.track.height})`
-			}, null, 10, ni)) : r("", !0),
+			}, null, 10, ri)) : r("", !0),
 			t.track.showXAxis ? (g(), i("g", {
 				key: 1,
 				class: "waveform-track__axis-endpoints waveform-chart__axis-endpoints",
@@ -3112,13 +3162,13 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				"font-family": "sans-serif",
 				"font-size": "10",
 				"aria-hidden": "true"
-			}, [a("text", ii, S(t.track.endpointLabels.start), 1), a("text", {
+			}, [a("text", ai, S(t.track.endpointLabels.start), 1), a("text", {
 				class: "waveform-track__axis-endpoint waveform-track__axis-endpoint--end waveform-chart__axis-endpoint waveform-chart__axis-endpoint--end",
 				x: t.track.width ?? t.innerWidth,
 				y: "7",
 				dy: "0.71em",
 				"text-anchor": "end"
-			}, S(t.track.endpointLabels.end), 9, ai)], 8, ri)) : r("", !0),
+			}, S(t.track.endpointLabels.end), 9, oi)], 8, ii)) : r("", !0),
 			(g(!0), i(e, null, y(t.track.isEmpty ? [] : t.track.yAxes, (e) => (g(), i("g", {
 				key: `y-axis-${t.track.index}-${e.index}`,
 				ref_for: !0,
@@ -3127,21 +3177,21 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				"data-y-axis-index": e.index,
 				"data-y-axis-side": e.side,
 				transform: `translate(${e.x}, 0)`
-			}, null, 10, oi))), 128)),
-			!t.cleanView && !t.track.isEmpty && t.track.hasVisibleSeries && t.track.seriesList.length === 1 && t.track.showYAxisLabel && c(t.track.series) && p(t.track.height, t.track.index) ? (g(), i("g", si, [a("rect", {
+			}, null, 10, si))), 128)),
+			!t.cleanView && !t.track.isEmpty && t.track.hasVisibleSeries && t.track.seriesList.length === 1 && t.track.showYAxisLabel && c(t.track.series) && p(t.track.height, t.track.index) ? (g(), i("g", ci, [a("rect", {
 				class: "waveform-track__y-axis-label-bg waveform-chart__y-axis-label-bg",
 				x: t.track.yAxisLabelX - 12,
 				y: t.track.height / 2 - 40,
 				width: "24",
 				height: "80",
 				rx: "2"
-			}, null, 8, ci), a("text", {
+			}, null, 8, li), a("text", {
 				class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
 				fill: t.track.series.color,
 				transform: `translate(${t.track.yAxisLabelX}, ${t.track.height / 2}) rotate(-90)`,
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
-			}, S(c(t.track.series)), 9, li)])) : r("", !0),
+			}, S(c(t.track.series)), 9, ui)])) : r("", !0),
 			(g(!0), i(e, null, y(!t.cleanView && t.track.yAxes.length > 1 ? t.track.yAxes.filter(l) : [], (e) => (g(), i("g", {
 				key: `y-axis-title-${t.track.index}-${e.index}`,
 				class: "waveform-track__multi-axis-title",
@@ -3153,40 +3203,40 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				width: "24",
 				height: "80",
 				rx: "2"
-			}, null, 8, di), a("text", {
+			}, null, 8, fi), a("text", {
 				class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
 				fill: e.seriesList[0].color,
 				transform: `translate(${e.labelX}, ${t.track.height / 2}) rotate(-90)`,
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
-			}, S(c(e.seriesList[0])), 9, fi)], 8, ui))), 128))
+			}, S(c(e.seriesList[0])), 9, pi)], 8, di))), 128))
 		], 64));
 	}
-}), mi = [
+}), hi = [
 	"width",
 	"height",
 	"fill"
-], hi = ["clip-path"], gi = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, _i = [
+], gi = ["clip-path"], _i = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, vi = [
 	"stroke",
 	"x1",
 	"x2",
 	"y2"
-], vi = [
+], yi = [
 	"stroke",
 	"x2",
 	"y1",
 	"y2"
-], yi = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, bi = [
+], bi = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, xi = [
 	"stroke",
 	"x1",
 	"x2",
 	"y2"
-], xi = [
+], Si = [
 	"stroke",
 	"x2",
 	"y1",
 	"y2"
-], Si = ["clip-path"], Ci = [
+], Ci = ["clip-path"], wi = [
 	"data-y-axis-index",
 	"x2",
 	"y1",
@@ -3194,7 +3244,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], wi = ["x", "y"], Ti = /* @__PURE__ */ c({
+], Ti = ["x", "y"], Ei = /* @__PURE__ */ c({
 	__name: "WaveformTrackBackdrop",
 	props: {
 		track: {},
@@ -3219,12 +3269,12 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				height: t.track.height,
 				fill: t.frameStyle.backgroundColor,
 				"aria-hidden": "true"
-			}, null, 8, mi)) : r("", !0),
+			}, null, 8, hi)) : r("", !0),
 			!t.track.isEmpty && t.track.hasVisibleSeries && !t.cleanView ? (g(), i("g", {
 				key: 1,
 				"clip-path": `url(#${t.clipPathId}-${t.track.index})`,
 				"aria-hidden": "true"
-			}, [a("g", gi, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMinorTicks, (e) => (g(), i("line", {
+			}, [a("g", _i, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMinorTicks, (e) => (g(), i("line", {
 				key: `x-minor-${t.track.index}-${e}`,
 				"data-grid-direction": "vertical",
 				stroke: t.track.gridLines.verticalColor,
@@ -3232,7 +3282,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				x2: t.track.xScale(e),
 				y1: "0",
 				y2: t.track.height
-			}, null, 8, _i))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMinorTicks, (e) => (g(), i("line", {
+			}, null, 8, vi))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMinorTicks, (e) => (g(), i("line", {
 				key: `y-minor-${t.track.index}-${e}`,
 				"data-grid-direction": "horizontal",
 				stroke: t.track.gridLines.horizontalColor,
@@ -3240,7 +3290,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				x2: t.track.width ?? t.innerWidth,
 				y1: t.track.yScale(e),
 				y2: t.track.yScale(e)
-			}, null, 8, vi))), 128)) : r("", !0)]), a("g", yi, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMajorTicks, (e) => (g(), i("line", {
+			}, null, 8, yi))), 128)) : r("", !0)]), a("g", bi, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMajorTicks, (e) => (g(), i("line", {
 				key: `x-major-${t.track.index}-${e}`,
 				"data-grid-direction": "vertical",
 				stroke: t.track.gridLines.verticalColor,
@@ -3248,7 +3298,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				x2: t.track.xScale(e),
 				y1: "0",
 				y2: t.track.height
-			}, null, 8, bi))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMajorTicks, (e) => (g(), i("line", {
+			}, null, 8, xi))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMajorTicks, (e) => (g(), i("line", {
 				key: `y-major-${t.track.index}-${e}`,
 				"data-grid-direction": "horizontal",
 				stroke: t.track.gridLines.horizontalColor,
@@ -3256,7 +3306,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				x2: t.track.width ?? t.innerWidth,
 				y1: t.track.yScale(e),
 				y2: t.track.yScale(e)
-			}, null, 8, xi))), 128)) : r("", !0)])], 8, hi)) : r("", !0),
+			}, null, 8, Si))), 128)) : r("", !0)])], 8, gi)) : r("", !0),
 			!t.track.isEmpty && t.track.hasVisibleSeries && t.zeroLine.visible && !t.cleanView ? (g(), i("g", {
 				key: 2,
 				class: "waveform-track__zero-lines waveform-chart__zero-lines",
@@ -3273,7 +3323,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				stroke: t.zeroLine.color,
 				"stroke-width": t.zeroLine.width,
 				"stroke-dasharray": t.zeroLine.dash || void 0
-			}, null, 8, Ci))], 64))), 128))], 8, Si)) : r("", !0),
+			}, null, 8, wi))], 64))), 128))], 8, Ci)) : r("", !0),
 			!t.track.isEmpty && t.track.hasVisibleSeries && t.frameNumber !== void 0 && !t.cleanView ? (g(), i("text", {
 				key: 3,
 				class: "waveform-track__watermark waveform-chart__watermark",
@@ -3283,10 +3333,10 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				"text-anchor": "middle",
 				"dominant-baseline": "central",
 				"aria-hidden": "true"
-			}, S(t.frameNumber), 13, wi)) : r("", !0)
+			}, S(t.frameNumber), 13, Ti)) : r("", !0)
 		], 64));
 	}
-}), Ei = [
+}), Di = [
 	"data-track-index",
 	"data-track-empty",
 	"data-track-left",
@@ -3295,19 +3345,19 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 	"data-track-top",
 	"data-track-height",
 	"transform"
-], Di = [
+], Oi = [
 	"width",
 	"height",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray",
 	"stroke-linecap"
-], Oi = [
+], ki = [
 	"data-interactive",
 	"data-independent-overlay-index",
 	"width",
 	"height"
-], ki = ["x", "y"], Ai = /* @__PURE__ */ c({
+], Ai = ["x", "y"], ji = /* @__PURE__ */ c({
 	__name: "WaveformTrack",
 	props: {
 		track: {},
@@ -3366,7 +3416,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 			"data-track-height": e.track.height,
 			transform: `translate(${e.track.left ?? 0}, ${e.track.top})`
 		}, [
-			s(Ti, {
+			s(Ei, {
 				track: e.track,
 				"clip-path-id": e.clipPathId,
 				"inner-width": e.innerWidth,
@@ -3383,7 +3433,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				"frame-style",
 				"zero-line"
 			]),
-			s(pi, {
+			s(mi, {
 				track: e.track,
 				"inner-width": e.innerWidth,
 				"clean-view": e.cleanView,
@@ -3409,8 +3459,8 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				"stroke-dasharray": c.value.borderStyle === "dashed" ? "6 4" : c.value.borderStyle === "dotted" ? "1 3" : void 0,
 				"stroke-linecap": c.value.borderStyle === "dotted" ? "round" : void 0,
 				"aria-hidden": "true"
-			}, null, 8, Di)),
-			s(ti, {
+			}, null, 8, Oi)),
+			s(ni, {
 				track: e.track,
 				"clip-path-id": e.clipPathId
 			}, null, 8, ["track", "clip-path-id"]),
@@ -3432,7 +3482,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				onPointerleave: n[4] ||= (e) => o("pointer-leave"),
 				onClick: n[5] ||= (e) => o("click", e),
 				onContextmenu: n[6] ||= (e) => o("contextmenu", e)
-			}, null, 42, Oi)) : r("", !0),
+			}, null, 42, ki)) : r("", !0),
 			!e.track.isEmpty && !e.track.hasVisibleSeries && !e.cleanView ? (g(), i("text", {
 				key: 2,
 				class: "waveform-track__no-visible-series",
@@ -3440,33 +3490,33 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				y: e.track.height / 2,
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
-			}, " 暂无可见曲线 ", 8, ki)) : r("", !0)
-		], 10, Ei));
+			}, " 暂无可见曲线 ", 8, Ai)) : r("", !0)
+		], 10, Di));
 	}
-}), ji = [
+}), Mi = [
 	"width",
 	"height",
 	"data-position",
 	"data-orientation"
-], Mi = [
+], Ni = [
 	"disabled",
 	"aria-pressed",
 	"aria-label",
 	"onClick"
-], Ni = [
+], Pi = [
 	"data-line-type",
 	"data-line-style",
 	"data-point-type",
 	"data-error-bar-visible"
-], Pi = [
+], Fi = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], Fi = [
+], Ii = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Ii = ["d", "fill"], Li = ["title"], Ri = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
+], Li = ["d", "fill"], Ri = ["title"], zi = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
 	__name: "WaveformLegend",
 	props: {
 		series: {},
@@ -3524,45 +3574,45 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 			"data-point-type": e.pointType,
 			"data-error-bar-visible": e.errorBar.visible || void 0
 		}, [
-			w(Gr)(e.lineType) ? (g(), i("path", {
+			w(Kr)(e.lineType) ? (g(), i("path", {
 				key: 0,
 				class: "waveform-legend__line",
-				d: w(Gr)(e.lineType) ?? void 0,
+				d: w(Kr)(e.lineType) ?? void 0,
 				stroke: e.color,
-				"stroke-dasharray": w(Kr)(e.lineStyle),
+				"stroke-dasharray": w(qr)(e.lineStyle),
 				"stroke-width": "1.5",
 				fill: "none"
-			}, null, 8, Pi)) : r("", !0),
+			}, null, 8, Fi)) : r("", !0),
 			e.errorBar.visible ? (g(), i("path", {
 				key: 1,
 				class: "waveform-legend__error-bar",
-				d: w(qr)(e.errorBar.capWidth),
+				d: w(Jr)(e.errorBar.capWidth),
 				stroke: e.errorBar.color || e.color,
 				"stroke-width": e.errorBar.width,
 				"stroke-linecap": "butt",
 				fill: "none"
-			}, null, 8, Fi)) : r("", !0),
+			}, null, 8, Ii)) : r("", !0),
 			e.pointType === "none" ? r("", !0) : (g(), i("path", {
 				key: 2,
 				class: "waveform-legend__point",
-				d: w(Ur)(e.pointType, 30) ?? void 0,
+				d: w(Wr)(e.pointType, 30) ?? void 0,
 				fill: e.color,
 				transform: "translate(13 8)"
-			}, null, 8, Ii))
-		], 8, Ni)), a("span", {
+			}, null, 8, Li))
+		], 8, Pi)), a("span", {
 			class: "waveform-legend__label",
 			title: e.name
-		}, S(e.name), 9, Li)], 10, Mi))), 128))], 6)], 2)], 8, ji));
+		}, S(e.name), 9, Ri)], 10, Ni))), 128))], 6)], 2)], 8, Mi));
 	}
-}), [["__scopeId", "data-v-2ae12e71"]]), zi = {
+}), [["__scopeId", "data-v-2ae12e71"]]), Bi = {
 	class: "waveform-chart__hover-layer",
 	"pointer-events": "none",
 	"aria-hidden": "true"
-}, Bi = ["clip-path", "transform"], Vi = [
+}, Vi = ["clip-path", "transform"], Hi = [
 	"x1",
 	"x2",
 	"y2"
-], Hi = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
+], Ui = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
 	__name: "WaveformHoverLayer",
 	props: {
 		state: {},
@@ -3585,7 +3635,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				}] : [];
 			});
 		});
-		return (t, r) => (g(), i("g", zi, [(g(!0), i(e, null, y(o.value, (e) => (g(), i("g", {
+		return (t, r) => (g(), i("g", Bi, [(g(!0), i(e, null, y(o.value, (e) => (g(), i("g", {
 			key: e.track.index,
 			class: "waveform-track__crosshair waveform-chart__crosshair",
 			"clip-path": `url(#${n.clipPathId}-${e.track.index})`,
@@ -3595,9 +3645,9 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 			x2: e.x,
 			y1: "0",
 			y2: e.track.height
-		}, null, 8, Vi)], 8, Bi))), 128))]));
+		}, null, 8, Hi)], 8, Vi))), 128))]));
 	}
-}), [["__scopeId", "data-v-a6f82099"]]), Ui = [
+}), [["__scopeId", "data-v-a6f82099"]]), Wi = [
 	"data-display-mode",
 	"data-interaction-mode",
 	"data-presentation-mode",
@@ -3606,37 +3656,37 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 	"data-plot-margin-top",
 	"data-plot-margin-bottom",
 	"data-title-area-height"
-], Wi = [
+], Gi = [
 	"role",
 	"aria-level",
 	"aria-hidden"
-], Gi = ["data-title-scale", "data-title-wrapped"], Ki = [
+], Ki = ["data-title-scale", "data-title-wrapped"], qi = [
 	"width",
 	"height",
 	"aria-label"
-], qi = ["id"], Ji = ["width", "height"], Yi = ["transform"], Xi = {
+], Ji = ["id"], Yi = ["width", "height"], Xi = ["transform"], Zi = {
 	key: 0,
 	class: "waveform-chart__grid-slots",
 	"aria-hidden": "true"
-}, Zi = ["transform"], Qi = ["width", "height"], $i = ["width", "height"], ea = [
+}, Qi = ["transform"], $i = ["width", "height"], ea = ["width", "height"], ta = [
 	"x",
 	"y",
 	"width",
 	"height"
-], ta = {
+], na = {
 	key: 4,
 	class: "waveform-chart__legend-layer"
-}, na = [
+}, ra = [
 	"data-legend-track-index",
 	"data-legend-track-id",
 	"transform"
-], ra = ["x", "y"], ia = ["x", "y"], aa = /* @__PURE__ */ c({
+], ia = ["x", "y"], aa = ["x", "y"], oa = /* @__PURE__ */ c({
 	__name: "WaveformChartView",
 	props: { controller: {} },
 	setup(t) {
-		let { displayMode: o, activeInteractionMode: c, isCleanView: l, isPresentationMode: u, selection: d, containerStyle: m, overlayMode: h, resolvedChartLeftMargin: _, titleAreaHeight: v, resolvedPlotMargin: b, pointerInsideChart: x, handleNativeContextMenu: T, titleAreaReserved: E, titleAreaStyle: D, titleVisible: O, titleMeasureStyle: k, resolvedTitleText: A, titleVisualStyle: j, titleTextStyle: M, titleLayout: N, chartWidth: P, drawingHeight: F, hasWaveformData: I, requestViewportReset: L, trackLayouts: R, clipPathId: z, chartTopMargin: B, gridCells: V, hasVisibleWaveformData: H, zoomable: U, isZoomMode: ee, innerWidth: te, innerHeight: ne, handleSharedPointerMove: W, beginSharedViewportDrag: re, finishViewportDrag: G, cancelViewportDrag: K, handlePointerLeave: q, handleAnnotationClick: ie, handleAnnotationContextMenu: J, resolveFrameNumber: oe, frameStyle: se, axes: ce, resolvedZeroLine: le, timeUnit: ue, yLabel: de, handleIndependentPointerMove: fe, beginViewportDrag: pe, hoverState: me, showTooltip: he, selectionBox: ge, renderedAnnotations: Y, annotationsVisible: _e, handleExistingAnnotationContextMenu: ve, beginAnnotationDrag: ye, handleAnnotationMove: be, endAnnotationDrag: xe, resolveLegendPosition: X, resolveLegendOrientation: Z, legendBackgroundColor: Se, legendInteractive: Ce, resolvedHiddenSeriesIds: we, toggleSeriesVisibility: Te, resolvedXLabel: Ee, xAxisTitleY: De, hasChartArea: Oe, gridOptions: ke, pageCount: Ae, currentPage: je, getPageSize: Me, chartTracks: Ne, goToPage: Pe, annotationInteraction: Fe, editorDraft: Re, contextMenu: Q, editorSeries: ze, editorSeriesOptions: Be, timeError: Ve, confirmAnnotation: He, cancelAnnotation: Ue, changeDraftSeries: We, changeDraftTime: Ge, editContextAnnotation: Ke, deleteContextAnnotation: qe, chartHeight: Je, setContainer: Ye, setSvgElement: $, setTitleMeasureElement: Xe, setSharedOverlayElement: Ze } = C(t.controller);
+		let { displayMode: o, activeInteractionMode: c, isCleanView: l, isPresentationMode: u, selection: d, containerStyle: m, overlayMode: h, resolvedChartLeftMargin: _, titleAreaHeight: v, resolvedPlotMargin: b, pointerInsideChart: x, handleNativeContextMenu: T, titleAreaReserved: E, titleAreaStyle: D, titleVisible: O, titleMeasureStyle: k, resolvedTitleText: A, titleVisualStyle: j, titleTextStyle: M, titleLayout: N, chartWidth: P, drawingHeight: F, hasWaveformData: I, requestViewportReset: L, trackLayouts: R, clipPathId: z, chartTopMargin: B, gridCells: V, hasVisibleWaveformData: H, zoomable: U, isZoomMode: ee, innerWidth: te, innerHeight: ne, handleSharedPointerMove: re, beginSharedViewportDrag: ie, finishViewportDrag: W, cancelViewportDrag: G, handlePointerLeave: K, handleAnnotationClick: q, handleAnnotationContextMenu: J, resolveFrameNumber: oe, frameStyle: se, axes: ce, resolvedZeroLine: le, timeUnit: ue, yLabel: de, handleIndependentPointerMove: fe, beginViewportDrag: pe, hoverState: me, showTooltip: he, selectionBox: ge, renderedAnnotations: Y, annotationsVisible: _e, handleExistingAnnotationContextMenu: ve, beginAnnotationDrag: ye, handleAnnotationMove: be, endAnnotationDrag: xe, resolveLegendPosition: X, resolveLegendOrientation: Z, legendBackgroundColor: Se, legendInteractive: Ce, resolvedHiddenSeriesIds: we, toggleSeriesVisibility: Te, resolvedXLabel: Ee, xAxisTitleY: De, hasChartArea: Oe, gridOptions: ke, pageCount: Ae, currentPage: je, getPageSize: Me, chartTracks: Ne, goToPage: Pe, annotationInteraction: Fe, editorDraft: Re, contextMenu: Q, editorSeries: ze, editorSeriesOptions: Be, timeError: Ve, confirmAnnotation: He, cancelAnnotation: Ue, changeDraftSeries: We, changeDraftTime: Ge, editContextAnnotation: Ke, deleteContextAnnotation: qe, chartHeight: Je, setContainer: Ye, setSvgElement: $, setTitleMeasureElement: Xe, setSharedOverlayElement: Ze } = C(t.controller);
 		function Qe() {
-			x.value = !1, q.value();
+			x.value = !1, K.value();
 		}
 		return (t, C) => (g(), i("div", {
 			ref: w(Ye),
@@ -3683,7 +3733,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				style: p(w(M)),
 				"data-title-scale": w(N).scale,
 				"data-title-wrapped": w(N).wrapped || void 0
-			}, S(w(A)), 13, Gi)], 4)) : r("", !0)], 12, Wi)) : r("", !0),
+			}, S(w(A)), 13, Ki)], 4)) : r("", !0)], 12, Gi)) : r("", !0),
 			(g(), i("svg", {
 				ref: w($),
 				class: "waveform-chart__svg",
@@ -3700,9 +3750,9 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				}, [a("rect", {
 					width: e.width,
 					height: e.height
-				}, null, 8, Ji)], 8, qi))), 128))]),
+				}, null, 8, Yi)], 8, Ji))), 128))]),
 				a("g", { transform: `translate(${w(_)}, ${w(B)})` }, [
-					w(o) !== "compact" && !w(l) ? (g(), i("g", Xi, [(g(!0), i(e, null, y(w(V), (e) => (g(), i("g", {
+					w(o) !== "compact" && !w(l) ? (g(), i("g", Zi, [(g(!0), i(e, null, y(w(V), (e) => (g(), i("g", {
 						key: `grid-slot-${e.slotIndex}`,
 						transform: `translate(${e.left}, ${e.top})`
 					}, [e.series ? r("", !0) : (g(), i("rect", {
@@ -3710,7 +3760,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 						class: "waveform-chart__grid-slot-placeholder",
 						width: e.width,
 						height: e.cellHeight
-					}, null, 8, Qi))], 8, Zi))), 128))])) : r("", !0),
+					}, null, 8, $i))], 8, Qi))), 128))])) : r("", !0),
 					w(o) !== "independent" && w(R).length && w(H) ? (g(), i("rect", {
 						key: 1,
 						ref: w(Ze),
@@ -3720,15 +3770,15 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 						}]),
 						width: w(te),
 						height: w(ne),
-						onPointermove: C[0] ||= (...e) => w(W) && w(W)(...e),
-						onPointerdown: C[1] ||= (...e) => w(re) && w(re)(...e),
-						onPointerup: C[2] ||= (...e) => w(G) && w(G)(...e),
-						onPointercancel: C[3] ||= (...e) => w(K) && w(K)(...e),
-						onPointerleave: C[4] ||= (...e) => w(q) && w(q)(...e),
-						onClick: C[5] ||= (...e) => w(ie) && w(ie)(...e),
+						onPointermove: C[0] ||= (...e) => w(re) && w(re)(...e),
+						onPointerdown: C[1] ||= (...e) => w(ie) && w(ie)(...e),
+						onPointerup: C[2] ||= (...e) => w(W) && w(W)(...e),
+						onPointercancel: C[3] ||= (...e) => w(G) && w(G)(...e),
+						onPointerleave: C[4] ||= (...e) => w(K) && w(K)(...e),
+						onClick: C[5] ||= (...e) => w(q) && w(q)(...e),
 						onContextmenu: C[6] ||= (...e) => w(J) && w(J)(...e)
-					}, null, 42, $i)) : r("", !0),
-					(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(Ai), {
+					}, null, 42, ea)) : r("", !0),
+					(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(ji), {
 						key: `${e.index}-${e.series.name}`,
 						track: e,
 						"clip-path-id": w(z),
@@ -3746,10 +3796,10 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 						"y-label": w(de),
 						onPointerMove: (t) => w(fe)(t, e.index),
 						onPointerDown: (t) => w(pe)(t, e.index, !0),
-						onPointerUp: w(G),
-						onPointerCancel: w(K),
-						onPointerLeave: w(q),
-						onClick: (t) => w(ie)(t, e.index),
+						onPointerUp: w(W),
+						onPointerCancel: w(G),
+						onPointerLeave: w(K),
+						onClick: (t) => w(q)(t, e.index),
 						onContextmenu: (t) => w(J)(t, e.index)
 					}, null, 8, [
 						"track",
@@ -3774,7 +3824,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 						"onClick",
 						"onContextmenu"
 					]))), 128)),
-					s(w(Hi), {
+					s(w(Ui), {
 						state: w(me),
 						tracks: w(R),
 						"clip-path-id": w(z),
@@ -3793,7 +3843,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 						width: w(ge).width,
 						height: w(ge).height,
 						"aria-hidden": "true"
-					}, null, 8, ea)) : r("", !0),
+					}, null, 8, ta)) : r("", !0),
 					w(l) ? r("", !0) : (g(), n(w(Ie), {
 						key: 3,
 						annotations: w(Y),
@@ -3812,13 +3862,13 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 						"onMove",
 						"onDragEnd"
 					])),
-					w(l) ? r("", !0) : (g(), i("g", ta, [(g(!0), i(e, null, y(w(R), (e) => (g(), i("g", {
+					w(l) ? r("", !0) : (g(), i("g", na, [(g(!0), i(e, null, y(w(R), (e) => (g(), i("g", {
 						key: `legend-${e.index}-${e.series.name}`,
 						class: "waveform-chart__legend-track",
 						"data-legend-track-index": e.index,
 						"data-legend-track-id": e.id,
 						transform: `translate(${e.left}, ${e.top})`
-					}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(Ri), {
+					}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(zi), {
 						key: 0,
 						series: e.legendSeries,
 						position: w(X)(e.id),
@@ -3839,23 +3889,23 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 						"width",
 						"height",
 						"onToggle"
-					])) : r("", !0)], 8, na))), 128))]))
-				], 8, Yi),
+					])) : r("", !0)], 8, ra))), 128))]))
+				], 8, Xi),
 				w(Ee) && !w(l) ? (g(), i("text", {
 					key: 0,
 					class: "waveform-chart__label waveform-chart__x-label",
 					x: w(_) + w(te) / 2,
 					y: w(De),
 					"text-anchor": "middle"
-				}, S(w(Ee)), 9, ra)) : r("", !0),
+				}, S(w(Ee)), 9, ia)) : r("", !0),
 				w(Oe) && !w(I) ? (g(), i("text", {
 					key: 1,
 					class: "waveform-chart__empty",
 					x: w(P) / 2,
 					y: w(F) / 2,
 					"text-anchor": "middle"
-				}, " 暂无有效波形数据 ", 8, ia)) : r("", !0)
-			], 40, Ki)),
+				}, " 暂无有效波形数据 ", 8, aa)) : r("", !0)
+			], 40, qi)),
 			w(ke).showPagination && w(Ae) > 1 && !w(l) ? (g(), n(w(ae), {
 				key: 1,
 				class: "waveform-chart__pagination",
@@ -3872,7 +3922,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				"total",
 				"onChange"
 			])) : r("", !0),
-			w(Re) && !w(l) && !w(u) ? (g(), n(Tr, {
+			w(Re) && !w(l) && !w(u) ? (g(), n(Er, {
 				key: 2,
 				annotation: w(Re).annotation,
 				mode: w(Re).mode,
@@ -3914,7 +3964,7 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				"onDelete",
 				"onClose"
 			])) : r("", !0),
-			s(w(Ir), {
+			s(w(Lr), {
 				state: w(me),
 				visible: w(he) && !w(u),
 				"time-unit": w(ue),
@@ -3927,9 +3977,9 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 				"container-width",
 				"container-height"
 			])
-		], 46, Ui));
+		], 46, Wi));
 	}
-}), oa = /* @__PURE__ */ c({
+}), sa = /* @__PURE__ */ c({
 	__name: "WaveformChart",
 	props: {
 		data: {},
@@ -4007,9 +4057,12 @@ var Jr = ["clip-path"], Yr = ["data-series-id", "data-series-name"], Xr = [
 		"page-change"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = or(e, r);
-		return t({ resetViewport: i.resetViewport }), (e, t) => (g(), n(aa, { controller: w(i) }, null, 8, ["controller"]));
+		let i = sr(e, r);
+		return t({
+			resetViewport: i.resetViewport,
+			setViewportDomain: i.setViewportDomain
+		}), (e, t) => (g(), n(oa, { controller: w(i) }, null, 8, ["controller"]));
 	}
 });
 //#endregion
-export { Ht as DEFAULT_WAVEFORM_RENDERING_OPTIONS, oa as WaveformChart, Xe as buildMinorTicks, gt as clamp, lt as displayTime, ft as formatAxisTime, dt as formatEndpointTime, pt as formatTooltipTime, Ft as normalizeWaveformData, It as normalizeWaveformSeries, $ as paddedDomain, Je as parseWaveformAnnotations, ht as resolveTrackGeometry, Ut as resolveWaveformRenderingOptions, Yt as selectRenderablePoints, qe as serializeWaveformAnnotations };
+export { Ht as DEFAULT_WAVEFORM_RENDERING_OPTIONS, sa as WaveformChart, Xe as buildMinorTicks, gt as clamp, lt as displayTime, ft as formatAxisTime, dt as formatEndpointTime, pt as formatTooltipTime, Ft as normalizeWaveformData, It as normalizeWaveformSeries, $ as paddedDomain, Je as parseWaveformAnnotations, ht as resolveTrackGeometry, Ut as resolveWaveformRenderingOptions, Yt as selectRenderablePoints, qe as serializeWaveformAnnotations };