waveform-analysis 0.1.29 → 0.1.30

package/dist/index.js

@@ -1,20 +1,20 @@
 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, withDirectives as O, withModifiers as k } from "vue";
-import { axisBottom as A, axisLeft as j, axisRight as M, bisector as N, curveStep as P, curveStepAfter as F, curveStepBefore as I, extent as L, line as R, pointer as z, scaleLinear as B, select as V, symbol as H, symbolCircle as ee, symbolDiamond as te, symbolSquare as ne, symbolTriangle as re, zoom as ie, zoomIdentity as U, zoomTransform as ae } from "d3";
-import { Pagination as oe } from "ant-design-vue";
-import { ColorPicker as W } from "vue3-colorpicker";
+import { axisBottom as A, axisLeft as j, axisRight as M, bisector as N, curveStep as P, curveStepAfter as F, curveStepBefore as I, extent as L, line as R, pointer as z, scaleLinear as B, select as V, symbol as H, symbolCircle as U, symbolDiamond as ee, symbolSquare as te, symbolTriangle as ne, zoom as re, zoomIdentity as W, zoomTransform as G } from "d3";
+import { Pagination as ie } from "ant-design-vue";
+import { ColorPicker as K } from "vue3-colorpicker";
 import "vue3-colorpicker/style.css";
 //#region src/utils/waveformId.ts
-var se = 0;
-function ce(e = "waveform") {
+var ae = 0;
+function oe(e = "waveform") {
 	let t = l();
-	return `${e}-${t ? `v${t.uid}` : `f${++se}`}`;
+	return `${e}-${t ? `v${t.uid}` : `f${++ae}`}`;
 }
 //#endregion
 //#region src/components/annotation/annotationLayout.ts
-function le(e, t) {
+function q(e, t) {
 	return e >= Math.min(t[0], t[1]) && e <= Math.max(t[0], t[1]);
 }
-function ue(e, t, n) {
+function se(e, t, n) {
 	let r = Math.max(0, Math.min(e.x, Math.max(0, t - e.width))), i = Math.max(0, Math.min(e.y, Math.max(0, n - e.height)));
 	return {
 		...e,
@@ -24,11 +24,11 @@ function ue(e, t, n) {
 		lineEndY: Math.max(i, Math.min(e.lineEndY, i + e.height))
 	};
 }
-function de(e, t, n, r, i, a, o) {
-	let s = pe(e, t, n, r, i);
+function ce(e, t, n, r, i, a, o) {
+	let s = de(e, t, n, r, i);
 	return s.x >= 0 && s.y >= 0 && s.x + n <= a && s.y + r <= o;
 }
-function fe(e, t, n, r, i, a) {
+function le(e, t, n, r, i, a) {
 	for (let o of [
 		"top",
 		"bottom",
@@ -38,10 +38,10 @@ function fe(e, t, n, r, i, a) {
 		"top-left",
 		"bottom-right",
 		"bottom-left"
-	]) if (de(e, t, n, r, o, i, a)) return o;
+	]) if (ce(e, t, n, r, o, i, a)) return o;
 	return "top";
 }
-function G(e, t, n) {
+function ue(e, t, n) {
 	let r = e.x + e.width / 2, i = e.y + e.height / 2, a = t - r, o = n - i;
 	if (Math.abs(a) * e.height > Math.abs(o) * e.width) {
 		let t = a >= 0 ? e.x + e.width : e.x, n = a === 0 ? 0 : (t - r) / a;
@@ -56,7 +56,7 @@ function G(e, t, n) {
 		y: s
 	};
 }
-function pe(e, t, n, r, i) {
+function de(e, t, n, r, i) {
 	let a = e - n / 2, o = t - r / 2, s = e + 32, c = e - n - 32, l = t - r - 32, u = t + 32;
 	switch (i) {
 		case "top": return {
@@ -93,36 +93,36 @@ function pe(e, t, n, r, i) {
 		};
 	}
 }
-function me(e, t, n) {
+function fe(e, t, n) {
 	return {
-		width: Math.min(t, Math.max(16, Math.min(240, Math.ceil(Math.max(...e.map(Y), 0)) + 16))),
+		width: Math.min(t, Math.max(16, Math.min(240, Math.ceil(Math.max(...e.map(be), 0)) + 16))),
 		height: Math.min(n, Math.max(26, (e.length - 1) * 16 + 14 + 16))
 	};
 }
-function he(e, t, n, r, i, a, o = 0, s = 0) {
-	let { width: c, height: l } = me(n, r, i), u = pe(e, t, c, l, a), d = ue({
+function pe(e, t, n, r, i, a, o = 0, s = 0) {
+	let { width: c, height: l } = fe(n, r, i), u = de(e, t, c, l, a), d = se({
 		x: u.x + o,
 		y: u.y + s,
 		width: c,
 		height: l,
 		lineEndX: e,
 		lineEndY: t
-	}, r, i), f = G(d, e, t);
+	}, r, i), f = ue(d, e, t);
 	return {
 		...d,
 		lineEndX: f.x,
 		lineEndY: f.y
 	};
 }
-function ge(e, t, n, r) {
+function me(e, t, n, r) {
 	let i = [];
 	return e.forEach((e) => {
-		if (!Ce(e)) return;
+		if (!Se(e)) return;
 		let a = t.find((t) => t.series.id === e.seriesId);
 		if (!a) return;
 		let o = a.xScale.domain(), s = a.yScale.domain();
-		if (!le(e.x, o) || !le(e.y, s)) return;
-		let c = we(e.text), l = a.left ?? 0, u = a.width ?? n, d = a.xScale(e.x), f = l + d, p = a.yScale(e.y) + a.top, m = Math.min(a.height, Math.max(0, r - a.top)), h = p - a.top, g = Number.isFinite(e.labelOffsetX) && e.labelOffsetX !== 0 || Number.isFinite(e.labelOffsetY) && e.labelOffsetY !== 0, { width: _, height: v } = me(c, u, m), y = g ? "top" : fe(d, h, _, v, u, m), b = he(d, h, c, u, m, y, Number.isFinite(e.labelOffsetX) ? e.labelOffsetX : 0, Number.isFinite(e.labelOffsetY) ? e.labelOffsetY : 0), x = {
+		if (!q(e.x, o) || !q(e.y, s)) return;
+		let c = Ce(e.text), l = a.left ?? 0, u = a.width ?? n, d = a.xScale(e.x), f = l + d, p = a.yScale(e.y) + a.top, m = Math.min(a.height, Math.max(0, r - a.top)), h = p - a.top, g = Number.isFinite(e.labelOffsetX) && e.labelOffsetX !== 0 || Number.isFinite(e.labelOffsetY) && e.labelOffsetY !== 0, { width: _, height: v } = fe(c, u, m), y = g ? "top" : le(d, h, _, v, u, m), b = pe(d, h, c, u, m, y, Number.isFinite(e.labelOffsetX) ? e.labelOffsetX : 0, Number.isFinite(e.labelOffsetY) ? e.labelOffsetY : 0), x = {
 			...b,
 			x: b.x + l,
 			y: b.y + a.top,
@@ -137,28 +137,28 @@ function ge(e, t, n, r) {
 			placement: y,
 			lines: c,
 			box: { ...x },
-			style: Se(e.style)
+			style: xe(e.style)
 		});
 	}), i;
 }
 //#endregion
 //#region src/components/annotation/markup.ts
-var _e = {
+var he = {
 	borderColor: "#1677ff",
 	textColor: "#333333",
 	backgroundColor: "rgba(255, 255, 255, 0.92)"
-}, K = "12px Arial, sans-serif", ve = N((e) => e.x);
-function ye(e, t) {
+}, ge = "12px Arial, sans-serif", J = N((e) => e.x);
+function _e(e, t) {
 	if (!e.length || !Number.isFinite(t)) return null;
-	let n = ve.center(e, t), r = e[Math.min(n, e.length - 1)], i = e[Math.max(0, n - 1)];
+	let n = J.center(e, t), r = e[Math.min(n, e.length - 1)], i = e[Math.max(0, n - 1)];
 	return Math.abs(t - i.x) < Math.abs(r.x - t) ? i : r;
 }
-function be(e, t, n = "linear") {
+function ve(e, t, n = "linear") {
 	if (!e.length || !Number.isFinite(t)) return null;
 	let r = e[0], i = e[e.length - 1];
 	if (t < r.x || t > i.x) return null;
 	if (e.length === 1) return t === r.x ? { ...r } : null;
-	let a = ve.left(e, t), o = e[Math.min(a, e.length - 1)];
+	let a = J.left(e, t), o = e[Math.min(a, e.length - 1)];
 	if (o.x === t || a === 0) return {
 		x: t,
 		y: o.y
@@ -188,18 +188,18 @@ function be(e, t, n = "linear") {
 		y: s.y + (o.y - s.y) * l
 	};
 }
-function q(e, t, n, r) {
+function Y(e, t, n, r) {
 	return e.flatMap((e) => {
-		let i = be(e.series.points, t, e.series.lineType);
+		let i = ve(e.series.points, t, e.series.lineType);
 		if (!i) return [];
-		let a = ye(e.series.points, t);
+		let a = _e(e.series.points, t);
 		if (!a) return [];
 		let o = e.xScale(i.x), s = e.top + e.yScale(i.y), c = e.xScale(a.x), l = e.top + e.yScale(a.y);
 		return [{
 			trackIndex: e.index,
 			seriesId: e.series.id,
 			name: e.series.name?.trim() || e.series.id,
-			color: e.series.color || _e.borderColor,
+			color: e.series.color || he.borderColor,
 			unit: e.series.unit,
 			point: a,
 			screenX: c,
@@ -208,24 +208,24 @@ function q(e, t, n, r) {
 		}];
 	}).sort((e, t) => e.distance - t.distance || e.trackIndex - t.trackIndex);
 }
-var J;
-function xe(e) {
+var X;
+function ye(e) {
 	return Array.from(e).reduce((e, t) => e + (t.codePointAt(0) > 255 ? 12 : 6.7), 0);
 }
-function Y(e) {
-	return J === void 0 && (J = null, typeof document < "u" && typeof CanvasRenderingContext2D < "u" && (J = document.createElement("canvas").getContext("2d"), J && (J.font = K))), J?.measureText(e).width ?? xe(e);
+function be(e) {
+	return X === void 0 && (X = null, typeof document < "u" && typeof CanvasRenderingContext2D < "u" && (X = document.createElement("canvas").getContext("2d"), X && (X.font = ge))), X?.measureText(e).width ?? ye(e);
 }
-function Se(e) {
+function xe(e) {
 	return {
-		borderColor: e?.borderColor || _e.borderColor,
-		textColor: e?.textColor || _e.textColor,
-		backgroundColor: e?.backgroundColor || _e.backgroundColor
+		borderColor: e?.borderColor || he.borderColor,
+		textColor: e?.textColor || he.textColor,
+		backgroundColor: e?.backgroundColor || he.backgroundColor
 	};
 }
-function Ce(e) {
+function Se(e) {
 	return !!(e.id && e.seriesId) && Number.isFinite(e.x) && Number.isFinite(e.y) && typeof e.text == "string" && e.text.trim().length > 0;
 }
-function we(e, t = 10) {
+function Ce(e, t = 10) {
 	let n = [];
 	return e.split(/\r?\n/).forEach((e) => {
 		let r = Array.from(e);
@@ -238,30 +238,30 @@ function we(e, t = 10) {
 }
 //#endregion
 //#region src/components/annotation/WaveformAnnotationLayer.vue?vue&type=script&setup=true&lang.ts
-var Te = [
+var we = [
 	"data-annotation-id",
 	"data-placement",
 	"onPointerdown",
 	"onContextmenu"
-], Ee = ["id"], De = ["fill"], Oe = [
+], Te = ["id"], Ee = ["fill"], De = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"marker-end"
-], ke = [
+], Oe = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill",
 	"stroke"
-], Ae = [
+], ke = [
 	"x",
 	"y",
 	"fill"
-], je = ["x", "dy"], Me = /*@__PURE__*/ c({
+], Ae = ["x", "dy"], je = /*@__PURE__*/ c({
 	__name: "WaveformAnnotationLayer",
 	props: {
 		annotations: {},
@@ -401,7 +401,7 @@ var Te = [
 			}, [a("path", {
 				d: "M0,0 L8,4 L0,8 Z",
 				fill: t.style.borderColor
-			}, null, 8, De)], 8, Ee)]),
+			}, null, 8, Ee)], 8, Te)]),
 			a("line", {
 				class: "waveform-annotation__arrow",
 				x1: b(t).lineEndX,
@@ -410,7 +410,7 @@ var Te = [
 				y2: t.anchorY,
 				stroke: t.style.borderColor,
 				"marker-end": `url(#${M(t.annotation.id)})`
-			}, null, 8, Oe),
+			}, null, 8, De),
 			a("rect", {
 				class: "waveform-annotation__box",
 				x: b(t).x,
@@ -419,27 +419,27 @@ var Te = [
 				height: b(t).height,
 				fill: t.style.backgroundColor,
 				stroke: t.style.borderColor
-			}, null, 8, ke),
+			}, null, 8, Oe),
 			a("text", {
 				class: "waveform-annotation__text",
 				x: b(t).x + b(t).width / 2,
 				y: b(t).y + b(t).height / 2 - (t.lines.length - 1) * w(16) / 2,
 				fill: t.style.textColor,
-				style: p({ font: w(K) }),
+				style: p({ font: w(ge) }),
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
 			}, [(g(!0), i(e, null, y(t.lines, (e, n) => (g(), i("tspan", {
 				key: `${t.annotation.id}-${n}`,
 				x: b(t).x + b(t).width / 2,
 				dy: n === 0 ? 0 : w(16)
-			}, S(e), 9, je))), 128))], 12, Ae)
-		], 40, Te))), 128))], 2)) : r("", !0);
+			}, S(e), 9, Ae))), 128))], 12, ke)
+		], 40, we))), 128))], 2)) : r("", !0);
 	}
-}), X = (e, t) => {
+}), Z = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Ne = /*#__PURE__*/ X(Me, [["__scopeId", "data-v-7254383e"]]), Pe = /*#__PURE__*/ X(/* @__PURE__ */ c({
+}, Me = /*#__PURE__*/ Z(je, [["__scopeId", "data-v-7254383e"]]), Ne = /*#__PURE__*/ Z(/* @__PURE__ */ c({
 	__name: "WaveformAnnotationContextMenu",
 	props: {
 		visible: { type: Boolean },
@@ -481,33 +481,33 @@ var Te = [
 			}, "取消")
 		], 36)) : r("", !0);
 	}
-}), [["__scopeId", "data-v-c70c98a1"]]), Fe = 1;
-function Z(e) {
+}), [["__scopeId", "data-v-c70c98a1"]]), Pe = 1;
+function Q(e) {
 	throw TypeError(`Invalid waveform annotation file: ${e}`);
 }
-function Ie(e) {
+function Fe(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Le(e, t, n) {
+function Ie(e, t, n) {
 	let r = e[t];
-	return (typeof r != "string" || r.trim().length === 0) && Z(`${n}.${t} must be a non-empty string`), r;
+	return (typeof r != "string" || r.trim().length === 0) && Q(`${n}.${t} must be a non-empty string`), r;
 }
-function Q(e, t, n) {
+function Le(e, t, n) {
 	let r = e[t];
-	if (r !== void 0) return typeof r != "string" && Z(`${n}.${t} must be a string`), r;
+	if (r !== void 0) return typeof r != "string" && Q(`${n}.${t} must be a string`), r;
 }
 function Re(e, t, n) {
 	let r = e[t];
-	return (typeof r != "number" || !Number.isFinite(r)) && Z(`${n}.${t} must be a finite number`), r;
+	return (typeof r != "number" || !Number.isFinite(r)) && Q(`${n}.${t} must be a finite number`), r;
 }
 function ze(e, t, n) {
 	let r = e[t];
-	if (r !== void 0) return (typeof r != "number" || !Number.isFinite(r)) && Z(`${n}.${t} must be a finite number`), r;
+	if (r !== void 0) return (typeof r != "number" || !Number.isFinite(r)) && Q(`${n}.${t} must be a finite number`), r;
 }
 function Be(e, t) {
 	if (e === void 0) return;
-	Ie(e) || Z(`${t} must be an object`);
-	let n = Q(e, "borderColor", t), r = Q(e, "textColor", t), i = Q(e, "backgroundColor", t);
+	Fe(e) || Q(`${t} must be an object`);
+	let n = Le(e, "borderColor", t), r = Le(e, "textColor", t), i = Le(e, "backgroundColor", t);
 	return {
 		...n !== void 0 && { borderColor: n },
 		...r !== void 0 && { textColor: r },
@@ -516,13 +516,13 @@ function Be(e, t) {
 }
 function Ve(e, t) {
 	let n = `annotations[${t}]`;
-	Ie(e) || Z(`${n} must be an object`);
-	let r = Le(e, "text", n);
-	r.length > 40 && Z(`${n}.text must not exceed 40 characters`);
-	let i = ze(e, "labelOffsetX", n), a = ze(e, "labelOffsetY", n), o = Q(e, "createdAt", n), s = Be(e.style, `${n}.style`);
+	Fe(e) || Q(`${n} must be an object`);
+	let r = Ie(e, "text", n);
+	r.length > 40 && Q(`${n}.text must not exceed 40 characters`);
+	let i = ze(e, "labelOffsetX", n), a = ze(e, "labelOffsetY", n), o = Le(e, "createdAt", n), s = Be(e.style, `${n}.style`);
 	return {
-		id: Le(e, "id", n),
-		seriesId: Le(e, "seriesId", n),
+		id: Ie(e, "id", n),
+		seriesId: Ie(e, "seriesId", n),
 		x: Re(e, "x", n),
 		y: Re(e, "y", n),
 		text: r,
@@ -535,24 +535,24 @@ function Ve(e, t) {
 function He(e) {
 	let t = e.map(Ve), n = /* @__PURE__ */ new Set();
 	return t.forEach((e, t) => {
-		n.has(e.id) && Z(`annotations[${t}].id must be unique`), n.add(e.id);
+		n.has(e.id) && Q(`annotations[${t}].id must be unique`), n.add(e.id);
 	}), t;
 }
 function Ue(e) {
 	return JSON.stringify({
-		version: Fe,
+		version: Pe,
 		annotations: He(e)
 	}, null, 2);
 }
 function We(e) {
-	typeof e != "string" && Z("input must be a JSON string");
+	typeof e != "string" && Q("input must be a JSON string");
 	let t;
 	try {
 		t = JSON.parse(e);
 	} catch {
-		Z("input is not valid JSON");
+		Q("input is not valid JSON");
 	}
-	return Ie(t) || Z("root must be an object"), t.version !== Fe && Z(`version must be ${Fe}`), Array.isArray(t.annotations) || Z("annotations must be an array"), He(t.annotations);
+	return Fe(t) || Q("root must be an object"), t.version !== Pe && Q(`version must be ${Pe}`), Array.isArray(t.annotations) || Q("annotations must be an array"), He(t.annotations);
 }
 //#endregion
 //#region src/components/annotation/useWaveformAnnotationInteraction.ts
@@ -1078,7 +1078,7 @@ function $t(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" ? B(e.initialXDomains?.[o.id] ?? e.initialXDomains?.[c.id] ?? e.initialXDomain ?? o.xDomain, [0, t.width]) : B(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? U : U).rescaleX(l), d = e.yDomains?.[o.id], f = ln(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" ? B(e.initialXDomains?.[o.id] ?? e.initialXDomains?.[c.id] ?? e.initialXDomain ?? o.xDomain, [0, t.width]) : B(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? W : W).rescaleX(l), d = e.yDomains?.[o.id], f = ln(o, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && d ? {
 			...e,
 			domain: d
 		} : e), p = {
@@ -1306,7 +1306,7 @@ function _n(e) {
 	}
 	function w(e) {
 		if (y.value) return;
-		let t = s.editorDraft.value, n = c.value.find((t) => t.seriesId === e), r = l.value.find((t) => t.seriesList.some((t) => t.id === e)), i = r?.seriesList.find((t) => t.id === e), a = i && t ? be(i.points, t.annotation.x, i.lineType) : null;
+		let t = s.editorDraft.value, n = c.value.find((t) => t.seriesId === e), r = l.value.find((t) => t.seriesList.some((t) => t.id === e)), i = r?.seriesList.find((t) => t.id === e), a = i && t ? ve(i.points, t.annotation.x, i.lineType) : null;
 		!t || !n || !r || !a || (t.annotation = {
 			...t.annotation,
 			seriesId: e,
@@ -1334,7 +1334,7 @@ function _n(e) {
 		if (!o) return null;
 		let s = Math.max(0, Math.min(m.value, r)), c = Math.max(0, Math.min(o.width, s - o.left)), d = o.xScale.invert(c);
 		return {
-			candidates: q(u(o), d, c, a),
+			candidates: Y(u(o), d, c, a),
 			editorAnchor: x(e, t)
 		};
 	}
@@ -1384,7 +1384,7 @@ function _n(e) {
 		let e = s.contextMenu.value, n = t.annotations.find((t) => t.id === e?.annotationId);
 		if (!n) return;
 		let r = l.value.find((e) => e.seriesList.some((e) => e.id === n.seriesId));
-		c.value = r ? q(u(r), n.x, r.xScale(n.x), r.top + d(r, n.seriesId)(n.y)) : [], s.openEdit(n, e?.editorAnchor ?? S(n));
+		c.value = r ? Y(u(r), n.x, r.xScale(n.x), r.top + d(r, n.seriesId)(n.y)) : [], s.openEdit(n, e?.editorAnchor ?? S(n));
 	}
 	function F() {
 		if (y.value) return;
@@ -1503,9 +1503,9 @@ function bn(e) {
 		};
 	}), O = (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 U;
+		if (!Number.isFinite(r) || !Number.isFinite(i) || r <= 0 || i <= 0) return W;
 		let a = r / i, o = B(t, [0, n]);
-		return U.translate(-a * o(e[0]), 0).scale(a);
+		return W.translate(-a * o(e[0]), 0).scale(a);
 	}, k = (e) => {
 		let t = Math.abs(e[1] - e[0]);
 		if (!Number.isFinite(t) || t <= 0) return 0;
@@ -1621,10 +1621,10 @@ function bn(e) {
 	}, H = (e) => {
 		if (w(), L(), n.displayMode === "independent" && e !== void 0) {
 			let t = [...m.value];
-			t[e] = U, m.value = t;
+			t[e] = W, m.value = t;
 			let n = { ...g.value };
 			delete n[e], g.value = n;
-		} else p.value = U, m.value = s.value.map(() => U), h.value = {}, g.value = {};
+		} else p.value = W, m.value = s.value.map(() => W), h.value = {}, g.value = {};
 		T(), y.value = [], d(C);
 	};
 	return {
@@ -1768,7 +1768,7 @@ function Sn(e) {
 	}, H = (e, t) => {
 		if (e.type !== "wheel") return !1;
 		let n = e.deltaY;
-		return n < 0 ? t : n > 0 && ae(e.currentTarget).k > mt.MIN_SCALE;
+		return n < 0 ? t : n > 0 && G(e.currentTarget).k > mt.MIN_SCALE;
 	};
 	return {
 		cancelPendingZoom: F,
@@ -1781,10 +1781,10 @@ function Sn(e) {
 				s.value.forEach((e) => {
 					let t = r.value?.querySelector(`[data-independent-overlay-index="${e.index}"]`);
 					if (!t) return;
-					let n = h(e), i = ie().filter((t) => H(t, R(e))).scaleExtent([1, L(n)]).extent([[0, 0], [e.width, e.height]]).translateExtent([[0, 0], [e.width, e.height]]).on("zoom", (t) => A(t, e.index)).on("end", N);
+					let n = h(e), i = re().filter((t) => H(t, R(e))).scaleExtent([1, L(n)]).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, i), y = !0;
 					try {
-						V(t).call(i).on("dblclick.zoom", null).call(i.transform, o.value[e.index] ?? U);
+						V(t).call(i).on("dblclick.zoom", null).call(i.transform, o.value[e.index] ?? W);
 					} finally {
 						y = !1;
 					}
@@ -1793,7 +1793,7 @@ function Sn(e) {
 			}
 			let e = i.value;
 			if (!e) return;
-			let n = ie().filter((e) => H(e, z())).scaleExtent([1, L(c.value)]).extent([[0, 0], [u.value, d.value]]).translateExtent([[0, 0], [u.value, d.value]]).on("zoom", k).on("end", N);
+			let n = re().filter((e) => H(e, z())).scaleExtent([1, L(c.value)]).extent([[0, 0], [u.value, d.value]]).translateExtent([[0, 0], [u.value, d.value]]).on("zoom", k).on("end", N);
 			_.set("shared", n), y = !0;
 			try {
 				V(e).call(n).on("dblclick.zoom", null).call(n.transform, a.value);
@@ -1813,17 +1813,17 @@ function wn(e) {
 	function H(e) {
 		P.value || e.code !== "Space" || !t.pannable || !_.value || Cn(e.target) || (g.value = !0, e.preventDefault());
 	}
-	function ee(e) {
+	function U(e) {
 		e.code === "Space" && (g.value = !1);
 	}
-	function te(e) {
+	function ee(e) {
 		let r = Math.min(y.value, Math.max(1, Math.floor(e)));
-		r !== v.value && (v.value = r, F(), M.closeContextMenu(), I(), t.displayMode === "independent" && (A.value = b.value.map(() => U), j.value = {}), d(L), n("page-change", r, y.value));
+		r !== v.value && (v.value = r, F(), M.closeContextMenu(), I(), t.displayMode === "independent" && (A.value = b.value.map(() => W), j.value = {}), d(L), n("page-change", r, y.value));
 	}
-	function ne() {
+	function te() {
 		if (t.displayMode === "independent") {
 			let e = A.value;
-			A.value = C.value.map((t, n) => e[n] ?? U);
+			A.value = C.value.map((t, n) => e[n] ?? W);
 		}
 		F(), N.value = [], d(L);
 	}
@@ -1875,7 +1875,7 @@ function wn(e) {
 		let n = M.editorDraft.value;
 		n?.mode === "edit" && !e.some((e) => e.id === n.annotation.id) && M.closeEditor();
 	}, { deep: !0 });
-	function re() {
+	function ne() {
 		if (!f.value || !i.value) {
 			c.value = 0, l.value = 0;
 			return;
@@ -1888,16 +1888,16 @@ function wn(e) {
 		f,
 		p
 	], async () => {
-		c.value = 0, l.value = 0, await d(), re();
+		c.value = 0, l.value = 0, await d(), ne();
 	}, { immediate: !0 }), h(() => {
-		window.addEventListener("keydown", H), window.addEventListener("keyup", ee), 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(re);
+		window.addEventListener("keydown", H), window.addEventListener("keyup", U), 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(ne);
 		}), a.value.observe(r.value));
 	}), m(() => {
-		window.removeEventListener("keydown", H), window.removeEventListener("keyup", ee), B(), a.value?.disconnect(), V(), N.value = [];
+		window.removeEventListener("keydown", H), window.removeEventListener("keyup", U), B(), a.value?.disconnect(), V(), N.value = [];
 	}), {
-		goToPage: te,
-		handleDataReferenceChange: ne
+		goToPage: ee,
+		handleDataReferenceChange: te
 	};
 }
 //#endregion
@@ -2013,7 +2013,7 @@ function On(e) {
 		...e,
 		series: t,
 		yScale: e.seriesPaths.find((e) => e.series.id === t.id)?.yScale ?? e.yScale
-	})), H = (e, t) => e.seriesPaths.find((e) => e.series.id === t)?.yScale ?? e.yScale, ee = t(() => z.value.flatMap(V));
+	})), H = (e, t) => e.seriesPaths.find((e) => e.series.id === t)?.yScale ?? e.yScale, U = t(() => z.value.flatMap(V));
 	return {
 		chartSeries: m,
 		chartTracks: h,
@@ -2035,9 +2035,8 @@ function On(e) {
 		trackLayouts: z,
 		annotationLayoutsForTrack: V,
 		resolveSeriesYScale: H,
-		annotationTrackLayouts: ee,
-		renderedAnnotations: t(() => n.annotationsVisible ? ge(n.annotations, ee.value, D.value, s.value) : []),
-		xAxisTitleY: t(() => s.value + 30 + 10),
+		annotationTrackLayouts: U,
+		renderedAnnotations: t(() => n.annotationsVisible ? me(n.annotations, U.value, D.value, s.value) : []),
 		editorSeries: t(() => {
 			let e = p.editorDraft.value?.annotation.seriesId, t = m.value.find((t) => t.id === e);
 			return t ? {
@@ -2133,7 +2132,10 @@ function Mn(e) {
 		naturalHeight: o.value || E.value * 1.2,
 		availableWidth: j.value,
 		rotation: D.value
-	})), P = t(() => w.value ? N.value.areaHeight : 0), F = t(() => pt.top), I = t(() => Math.max(0, f.value - P.value - c.value));
+	})), P = t(() => w.value ? N.value.areaHeight : 0), F = (e, t) => typeof e == "number" && Number.isFinite(e) && e >= 0 ? e : t, I = t(() => ({
+		top: F(n.plotMargin.top, pt.top),
+		bottom: F(n.plotMargin.bottom, pt.bottom)
+	})), L = t(() => I.value.top), R = t(() => Math.max(0, f.value - P.value - c.value));
 	return {
 		fixedWidth: l,
 		fixedHeight: u,
@@ -2155,9 +2157,11 @@ function Mn(e) {
 		titleMeasureStyle: M,
 		titleLayout: N,
 		titleAreaHeight: P,
-		chartTopMargin: F,
-		drawingHeight: I,
-		innerHeight: t(() => Math.max(0, I.value - pt.top - pt.bottom)),
+		resolvedPlotMargin: I,
+		chartTopMargin: L,
+		drawingHeight: R,
+		xAxisTitleY: t(() => Math.max(0, R.value - 12)),
+		innerHeight: t(() => Math.max(0, R.value - I.value.top - I.value.bottom)),
 		titleAreaStyle: t(() => ({
 			height: `${P.value}px`,
 			justifyContent: n.title?.align === "left" ? "flex-start" : n.title?.align === "right" ? "flex-end" : "center"
@@ -2183,14 +2187,14 @@ function Nn(e, t) {
 	e.value = t instanceof Element ? t : void 0;
 }
 function Pn(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(U), p = x([]), m = v({}), h = v({}), g = b({
+	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 = ce("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ge(), A = v([]), j = xn();
+	}), y = v(!1), S = v(1), w = x(), T = oe("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ge(), A = v([]), j = xn();
 	E([() => e.yDomain, () => e.yDomains], () => {
 		m.value = {}, h.value = {};
 	}, { deep: !0 });
@@ -2202,101 +2206,101 @@ function Pn(e, t) {
 		measuredTitleHeight: l,
 		internalHiddenSeriesIds: O,
 		paginationBandHeight: d
-	}), { chartWidth: R, chartHeight: z, isCleanView: B, isPresentationMode: V, hiddenSeriesIdSet: H, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: re, chartTopMargin: ie, innerHeight: ae } = L, oe = On({
+	}), { chartWidth: R, chartHeight: z, isCleanView: B, isPresentationMode: V, hiddenSeriesIdSet: H, resolvedTitleText: U, titleAreaReserved: ee, titleMeasureStyle: te, titleAreaHeight: ne, chartTopMargin: re, innerHeight: G } = L, ie = On({
 		props: e,
 		preparedSeries: I,
 		currentPage: S,
 		hiddenSeriesIdSet: H,
 		chartWidth: R,
-		innerHeight: ae,
+		innerHeight: G,
 		isCleanView: B,
 		sharedTransform: f,
 		independentTransforms: p,
 		sharedYDomains: m,
 		independentYDomains: h,
 		annotationInteraction: u(k)
-	}), { chartSeries: W, chartTracks: se, gridOptions: le, pageCount: ue, pagedTracks: de, resolvedChartLeftMargin: fe, innerWidth: G, hasChartArea: pe, activeInteractionMode: me, isZoomMode: he, initialXDomain: ge, sharedZoomDomain: _e, resolveInitialTrackDomain: K, trackLayouts: ve, annotationLayoutsForTrack: ye, resolveSeriesYScale: be } = oe;
+	}), { chartSeries: K, chartTracks: ae, gridOptions: q, pageCount: se, pagedTracks: ce, resolvedChartLeftMargin: le, innerWidth: ue, hasChartArea: de, activeInteractionMode: fe, isZoomMode: pe, initialXDomain: me, sharedZoomDomain: he, resolveInitialTrackDomain: ge, trackLayouts: J, annotationLayoutsForTrack: _e, resolveSeriesYScale: ve } = ie;
 	D(() => {
-		d.value = le.value.showPagination && ue.value > 1 && R.value <= 520 ? 40 : 0;
+		d.value = q.value.showPagination && se.value > 1 && R.value <= 520 ? 40 : 0;
 	});
-	let q = Sn({
+	let Y = Sn({
 		props: e,
 		emit: t,
 		svgElement: r,
 		sharedOverlayElement: a,
 		sharedTransform: f,
 		independentTransforms: p,
-		trackLayouts: ve,
-		initialXDomain: ge,
-		sharedZoomDomain: _e,
-		innerWidth: G,
-		innerHeight: ae,
-		hasChartArea: pe,
-		isZoomMode: he,
+		trackLayouts: J,
+		initialXDomain: me,
+		sharedZoomDomain: he,
+		innerWidth: ue,
+		innerHeight: G,
+		hasChartArea: de,
+		isZoomMode: pe,
 		isPresentationMode: V,
-		resolveInitialTrackDomain: K,
-		cancelPendingHover: () => Y.cancelPendingHover()
-	}), J = _n({
+		resolveInitialTrackDomain: ge,
+		cancelPendingHover: () => be.cancelPendingHover()
+	}), X = _n({
 		props: e,
 		emit: t,
 		container: n,
-		chartSeries: W,
+		chartSeries: K,
 		hiddenSeriesIdSet: H,
 		internalHiddenSeriesIds: O,
 		annotationInteraction: k,
 		editorSeriesOptions: A,
-		trackLayouts: ve,
-		annotationLayoutsForTrack: ye,
-		resolveSeriesYScale: be,
+		trackLayouts: J,
+		annotationLayoutsForTrack: _e,
+		resolveSeriesYScale: ve,
 		chartWidth: R,
 		chartHeight: z,
-		innerWidth: G,
-		resolvedChartLeftMargin: fe,
-		titleAreaHeight: re,
-		chartTopMargin: ie,
-		activeInteractionMode: me,
+		innerWidth: ue,
+		resolvedChartLeftMargin: le,
+		titleAreaHeight: ne,
+		chartTopMargin: re,
+		activeInteractionMode: fe,
 		isPresentationMode: V
-	}), xe = bn({
+	}), ye = bn({
 		props: e,
 		emit: t,
 		selection: M,
 		spacePressed: N,
-		trackLayouts: ve,
-		chartTracks: se,
-		initialXDomain: ge,
-		innerWidth: G,
-		innerHeight: ae,
+		trackLayouts: J,
+		chartTracks: ae,
+		initialXDomain: me,
+		innerWidth: ue,
+		innerHeight: G,
 		sharedOverlayElement: a,
 		sharedTransform: f,
 		independentTransforms: p,
 		sharedYDomains: m,
 		independentYDomains: h,
-		isZoomMode: he,
+		isZoomMode: pe,
 		isPresentationMode: V,
 		editorSeriesOptions: A,
-		resolveInitialTrackDomain: K,
-		canZoomTrack: q.canZoomTrack,
-		canZoomSharedTracks: q.canZoomSharedTracks,
-		configureZoom: q.configureZoom,
-		cancelPendingZoom: q.cancelPendingZoom,
-		clearHover: () => Y.clearHover(),
-		resolveTrackAtPointer: J.resolveTrackAtPointer
-	}), Y = yn({
+		resolveInitialTrackDomain: ge,
+		canZoomTrack: Y.canZoomTrack,
+		canZoomSharedTracks: Y.canZoomSharedTracks,
+		configureZoom: Y.configureZoom,
+		cancelPendingZoom: Y.cancelPendingZoom,
+		clearHover: () => be.clearHover(),
+		resolveTrackAtPointer: X.resolveTrackAtPointer
+	}), be = yn({
 		emit: t,
 		hoverState: g,
 		suppressHoverUntilMove: y,
 		hoverThrottle: j,
 		selection: M,
-		trackLayouts: ve,
-		innerWidth: G,
-		resolvedChartLeftMargin: fe,
-		titleAreaHeight: re,
-		chartTopMargin: ie,
+		trackLayouts: J,
+		innerWidth: ue,
+		resolvedChartLeftMargin: le,
+		titleAreaHeight: ne,
+		chartTopMargin: re,
 		sharedOverlayElement: a,
 		isPresentationMode: V,
-		updateViewportDrag: xe.updateViewportDrag,
-		resolveTrackAtPointer: J.resolveTrackAtPointer
-	}), Se = wn({
+		updateViewportDrag: ye.updateViewportDrag,
+		resolveTrackAtPointer: X.resolveTrackAtPointer
+	}), xe = wn({
 		props: e,
 		emit: t,
 		container: n,
@@ -2306,20 +2310,20 @@ function Pn(e, t) {
 		observedHeight: s,
 		measuredTitleWidth: c,
 		measuredTitleHeight: l,
-		resolvedTitleText: ee,
-		titleAreaReserved: te,
-		titleMeasureStyle: ne,
+		resolvedTitleText: U,
+		titleAreaReserved: ee,
+		titleMeasureStyle: te,
 		spacePressed: N,
 		pointerInsideChart: P,
 		currentPage: S,
-		pageCount: ue,
-		pagedTracks: de,
-		gridOptions: le,
-		chartSeries: W,
-		chartTracks: se,
-		innerWidth: G,
-		innerHeight: ae,
-		activeInteractionMode: me,
+		pageCount: se,
+		pagedTracks: ce,
+		gridOptions: q,
+		chartSeries: K,
+		chartTracks: ae,
+		innerWidth: ue,
+		innerHeight: G,
+		activeInteractionMode: fe,
 		hiddenSeriesIdSet: H,
 		internalHiddenSeriesIds: O,
 		independentTransforms: p,
@@ -2327,21 +2331,21 @@ function Pn(e, t) {
 		annotationInteraction: k,
 		editorSeriesOptions: A,
 		isPresentationMode: V,
-		clearHover: Y.clearHover,
-		cancelAnnotation: J.cancelAnnotation,
-		configureZoom: q.configureZoom,
-		resetViewport: xe.resetViewport,
-		cancelViewportDrag: xe.cancelViewportDrag,
-		cancelPendingHover: Y.cancelPendingHover,
-		clearZoomBindings: q.clearZoomBindings
+		clearHover: be.clearHover,
+		cancelAnnotation: X.cancelAnnotation,
+		configureZoom: Y.configureZoom,
+		resetViewport: ye.resetViewport,
+		cancelViewportDrag: ye.cancelViewportDrag,
+		cancelPendingHover: be.cancelPendingHover,
+		clearZoomBindings: Y.clearZoomBindings
 	});
-	return F = Se.handleDataReferenceChange, _({
+	return F = xe.handleDataReferenceChange, _({
 		...C(e),
 		...L,
-		...oe,
-		...J,
-		...xe,
-		...Y,
+		...ie,
+		...X,
+		...ye,
+		...be,
 		margin: pt,
 		getPageSize: qt,
 		currentPage: S,
@@ -2353,7 +2357,7 @@ function Pn(e, t) {
 		contextMenu: k.contextMenu,
 		editorSeriesOptions: A,
 		clipPathId: T,
-		goToPage: Se.goToPage,
+		goToPage: xe.goToPage,
 		setContainer: (e) => Nn(n, e),
 		setSvgElement: (e) => Nn(r, e),
 		setTitleMeasureElement: (e) => Nn(i, e),
@@ -2378,7 +2382,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 }, Zn = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注背景色和透明度"
-}, Qn = { class: "waveform-annotation-editor__actions" }, $n = ["disabled"], er = /*#__PURE__*/ X(/* @__PURE__ */ c({
+}, Qn = { class: "waveform-annotation-editor__actions" }, $n = ["disabled"], er = /*#__PURE__*/ Z(/* @__PURE__ */ c({
 	__name: "WaveformAnnotationEditor",
 	props: {
 		annotation: {},
@@ -2393,7 +2397,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 		"series-change"
 	],
 	setup(n, { emit: o }) {
-		let c = n, l = o, u = v(), f = ce("waveform-annotation-editor-title"), m = v(""), h = v(""), _ = v(""), b = v(""), x = t(() => m.value.trim().length > 0), C = t(() => m.value.length), D = t(() => {
+		let c = n, l = o, u = v(), f = oe("waveform-annotation-editor-title"), m = v(""), h = v(""), _ = v(""), b = v(""), x = t(() => m.value.trim().length > 0), C = t(() => m.value.length), D = t(() => {
 			let e = c.seriesOptions?.find((e) => e.seriesId === c.annotation.seriesId);
 			return e ? {
 				id: e.seriesId,
@@ -2403,7 +2407,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 			} : c.series;
 		});
 		function A() {
-			let e = Se(c.annotation.style);
+			let e = xe(c.annotation.style);
 			m.value = c.annotation.text, h.value = e.borderColor, _.value = e.textColor, b.value = e.backgroundColor, d(() => u.value?.focus());
 		}
 		E(() => c.annotation, A, { immediate: !0 });
@@ -2468,7 +2472,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 			}, null, 40, qn), [[T, m.value]])]),
 			a("fieldset", Jn, [
 				n[13] ||= a("legend", null, "颜色与透明度", -1),
-				a("label", Yn, [n[10] ||= a("span", null, "边框色", -1), s(w(W), {
+				a("label", Yn, [n[10] ||= a("span", null, "边框色", -1), s(w(K), {
 					"pure-color": h.value,
 					"onUpdate:pureColor": n[2] ||= (e) => h.value = e,
 					"aria-label": "标注边框色",
@@ -2478,7 +2482,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 					"disable-alpha": !1,
 					"blur-close": !0
 				}, null, 8, ["pure-color"])]),
-				a("label", Xn, [n[11] ||= a("span", null, "文字色", -1), s(w(W), {
+				a("label", Xn, [n[11] ||= a("span", null, "文字色", -1), s(w(K), {
 					"pure-color": _.value,
 					"onUpdate:pureColor": n[3] ||= (e) => _.value = e,
 					"aria-label": "标注文字色",
@@ -2488,7 +2492,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 					"disable-alpha": !1,
 					"blur-close": !0
 				}, null, 8, ["pure-color"])]),
-				a("label", Zn, [n[12] ||= a("span", null, "背景色", -1), s(w(W), {
+				a("label", Zn, [n[12] ||= a("span", null, "背景色", -1), s(w(K), {
 					"pure-color": b.value,
 					"onUpdate:pureColor": n[4] ||= (e) => b.value = e,
 					"aria-label": "标注背景色",
@@ -2510,7 +2514,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 			}, " 保存标注 ", 8, $n)])
 		])], 8, Fn));
 	}
-}), [["__scopeId", "data-v-52818b45"]]), tr = { class: "waveform-tooltip__time waveform-chart__tooltip-time" }, nr = { key: 0 }, rr = { class: "waveform-tooltip__value" }, ir = { key: 0 }, ar = 12, or = 8, sr = 238, cr = /*#__PURE__*/ X(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-52818b45"]]), tr = { class: "waveform-tooltip__time waveform-chart__tooltip-time" }, nr = { key: 0 }, rr = { class: "waveform-tooltip__value" }, ir = { key: 0 }, ar = 12, or = 8, sr = 238, cr = /*#__PURE__*/ Z(/* @__PURE__ */ c({
 	__name: "WaveformTooltip",
 	props: {
 		visible: { type: Boolean },
@@ -2577,10 +2581,10 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 		]));
 	}
 }), ur = 13, dr = 2, fr = 14, pr = 8, mr = 24, hr = {
-	circle: ee,
-	square: ne,
-	triangle: re,
-	diamond: te
+	circle: U,
+	square: te,
+	triangle: ne,
+	diamond: ee
 };
 function gr(e, t = 48) {
 	return e === "none" ? null : H().type(hr[e]).size(t)() ?? null;
@@ -2632,7 +2636,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Er = ["data-series-id", "data-point-type"], Dr = ["d", "fill"], Or = /*#__PURE__*/ X(/* @__PURE__ */ c({
+], Er = ["data-series-id", "data-point-type"], Dr = ["d", "fill"], Or = /*#__PURE__*/ Z(/* @__PURE__ */ c({
 	__name: "WaveformSeriesLayer",
 	props: {
 		track: {},
@@ -3134,7 +3138,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 	"d",
 	"stroke",
 	"stroke-width"
-], li = ["d", "fill"], ui = ["title"], di = /*#__PURE__*/ X(/* @__PURE__ */ c({
+], li = ["d", "fill"], ui = ["title"], di = /*#__PURE__*/ Z(/* @__PURE__ */ c({
 	__name: "WaveformLegend",
 	props: {
 		series: {},
@@ -3230,7 +3234,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 	"x1",
 	"x2",
 	"y2"
-], hi = /*#__PURE__*/ X(/* @__PURE__ */ c({
+], hi = /*#__PURE__*/ Z(/* @__PURE__ */ c({
 	__name: "WaveformHoverLayer",
 	props: {
 		state: {},
@@ -3271,6 +3275,8 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 	"data-presentation-mode",
 	"data-overlay-mode",
 	"data-chart-left-margin",
+	"data-plot-margin-top",
+	"data-plot-margin-bottom",
 	"data-title-area-height"
 ], _i = [
 	"role",
@@ -3300,9 +3306,9 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 	__name: "WaveformChartView",
 	props: { controller: {} },
 	setup(t) {
-		let { displayMode: o, activeInteractionMode: c, isCleanView: l, isPresentationMode: u, selection: d, containerStyle: m, overlayMode: h, resolvedChartLeftMargin: _, titleAreaHeight: v, pointerInsideChart: b, handleNativeContextMenu: x, titleAreaReserved: T, titleAreaStyle: E, titleVisible: D, titleMeasureStyle: O, resolvedTitleText: k, titleVisualStyle: A, titleTextStyle: j, titleLayout: M, chartWidth: N, drawingHeight: P, hasWaveformData: F, requestViewportReset: I, trackLayouts: L, clipPathId: R, chartTopMargin: z, gridCells: B, hasVisibleWaveformData: V, zoomable: H, isZoomMode: ee, innerWidth: te, innerHeight: ne, handleSharedPointerMove: re, beginSharedViewportDrag: ie, finishViewportDrag: U, cancelViewportDrag: ae, handlePointerLeave: W, handleAnnotationClick: se, handleAnnotationContextMenu: ce, resolveFrameNumber: le, frameStyle: ue, axes: de, resolvedZeroLine: fe, timeUnit: G, yLabel: pe, handleIndependentPointerMove: me, beginViewportDrag: he, hoverState: ge, showTooltip: _e, selectionBox: K, renderedAnnotations: ve, annotationsVisible: ye, handleExistingAnnotationContextMenu: be, beginAnnotationDrag: q, handleAnnotationMove: J, endAnnotationDrag: xe, resolveLegendPosition: Y, resolveLegendOrientation: Se, legendBackgroundColor: Ce, legendInteractive: we, resolvedHiddenSeriesIds: Te, toggleSeriesVisibility: Ee, resolvedXLabel: De, xAxisTitleY: Oe, hasChartArea: ke, gridOptions: Ae, pageCount: je, currentPage: Me, getPageSize: X, chartTracks: Fe, goToPage: Z, annotationInteraction: Ie, editorDraft: Le, contextMenu: Q, editorSeries: Re, editorSeriesOptions: ze, confirmAnnotation: Be, cancelAnnotation: Ve, changeDraftSeries: He, editContextAnnotation: Ue, deleteContextAnnotation: We, chartHeight: Ge, setContainer: $, setSvgElement: Ke, setTitleMeasureElement: qe, setSharedOverlayElement: Je } = 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: W, finishViewportDrag: G, cancelViewportDrag: K, handlePointerLeave: ae, handleAnnotationClick: oe, handleAnnotationContextMenu: q, resolveFrameNumber: se, frameStyle: ce, axes: le, resolvedZeroLine: ue, timeUnit: de, yLabel: fe, handleIndependentPointerMove: pe, beginViewportDrag: me, hoverState: he, showTooltip: ge, selectionBox: J, renderedAnnotations: _e, annotationsVisible: ve, handleExistingAnnotationContextMenu: Y, beginAnnotationDrag: X, handleAnnotationMove: ye, endAnnotationDrag: be, resolveLegendPosition: xe, resolveLegendOrientation: Se, legendBackgroundColor: Ce, legendInteractive: we, resolvedHiddenSeriesIds: Te, toggleSeriesVisibility: Ee, resolvedXLabel: De, xAxisTitleY: Oe, hasChartArea: ke, gridOptions: Ae, pageCount: je, currentPage: Z, getPageSize: Pe, chartTracks: Q, goToPage: Fe, annotationInteraction: Ie, editorDraft: Le, contextMenu: Re, editorSeries: ze, editorSeriesOptions: Be, confirmAnnotation: Ve, cancelAnnotation: He, changeDraftSeries: Ue, editContextAnnotation: We, deleteContextAnnotation: Ge, chartHeight: $, setContainer: Ke, setSvgElement: qe, setTitleMeasureElement: Je, setSharedOverlayElement: Ye } = C(t.controller);
 		return (t, C) => (g(), i("div", {
-			ref: w($),
+			ref: w(Ke),
 			class: f(["waveform-chart", [
 				`waveform-chart--${w(o)}`,
 				`waveform-chart--interaction-${w(c)}`,
@@ -3318,52 +3324,54 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 			"data-presentation-mode": w(u),
 			"data-overlay-mode": w(h),
 			"data-chart-left-margin": w(_),
+			"data-plot-margin-top": w(b).top,
+			"data-plot-margin-bottom": w(b).bottom,
 			"data-title-area-height": w(v),
-			onPointerenter: C[8] ||= (e) => b.value = !0,
-			onPointerleave: C[9] ||= (e) => b.value = !1,
-			onContextmenuCapture: C[10] ||= (...e) => w(x) && w(x)(...e)
+			onPointerenter: C[8] ||= (e) => x.value = !0,
+			onPointerleave: C[9] ||= (e) => x.value = !1,
+			onContextmenuCapture: C[10] ||= (...e) => w(T) && w(T)(...e)
 		}, [
-			w(T) ? (g(), i("div", {
+			w(E) ? (g(), i("div", {
 				key: 0,
 				class: "waveform-chart__title-area",
-				style: p(w(E)),
-				role: w(D) ? "heading" : void 0,
-				"aria-level": w(D) ? 2 : void 0,
+				style: p(w(D)),
+				role: w(O) ? "heading" : void 0,
+				"aria-level": w(O) ? 2 : void 0,
 				"aria-hidden": w(l) || void 0
 			}, [a("span", {
-				ref: w(qe),
+				ref: w(Je),
 				class: "waveform-chart__title-measure",
-				style: p(w(O)),
+				style: p(w(k)),
 				"aria-hidden": "true"
-			}, S(w(k)), 5), w(D) ? (g(), i("span", {
+			}, S(w(A)), 5), w(O) ? (g(), i("span", {
 				key: 0,
 				class: "waveform-chart__title-visual",
-				style: p(w(A))
+				style: p(w(j))
 			}, [a("span", {
 				class: "waveform-chart__title-text",
-				style: p(w(j)),
-				"data-title-scale": w(M).scale,
-				"data-title-wrapped": w(M).wrapped || void 0
-			}, S(w(k)), 13, vi)], 4)) : r("", !0)], 12, _i)) : r("", !0),
+				style: p(w(M)),
+				"data-title-scale": w(N).scale,
+				"data-title-wrapped": w(N).wrapped || void 0
+			}, S(w(A)), 13, vi)], 4)) : r("", !0)], 12, _i)) : r("", !0),
 			(g(), i("svg", {
-				ref: w(Ke),
+				ref: w(qe),
 				class: "waveform-chart__svg",
-				width: w(N),
-				height: w(P),
+				width: w(P),
+				height: w(F),
 				role: "img",
-				"aria-label": w(F) ? "波形折线图" : "暂无波形数据",
-				onDblclick: C[7] ||= (...e) => w(I) && w(I)(...e)
+				"aria-label": w(I) ? "波形折线图" : "暂无波形数据",
+				onDblclick: C[7] ||= (...e) => w(L) && w(L)(...e)
 			}, [
-				a("defs", null, [(g(!0), i(e, null, y(w(L), (e) => (g(), i("clipPath", {
-					id: `${w(R)}-${e.index}`,
-					key: `${w(R)}-${e.index}`,
+				a("defs", null, [(g(!0), i(e, null, y(w(R), (e) => (g(), i("clipPath", {
+					id: `${w(z)}-${e.index}`,
+					key: `${w(z)}-${e.index}`,
 					clipPathUnits: "userSpaceOnUse"
 				}, [a("rect", {
 					width: e.width,
 					height: e.height
 				}, null, 8, xi)], 8, bi))), 128))]),
-				a("g", { transform: `translate(${w(_)}, ${w(z)})` }, [
-					w(o) !== "compact" && !w(l) ? (g(), i("g", Ci, [(g(!0), i(e, null, y(w(B), (e) => (g(), i("g", {
+				a("g", { transform: `translate(${w(_)}, ${w(B)})` }, [
+					w(o) !== "compact" && !w(l) ? (g(), i("g", Ci, [(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", {
@@ -3372,46 +3380,46 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 						width: e.width,
 						height: e.cellHeight
 					}, null, 8, Ti))], 8, wi))), 128))])) : r("", !0),
-					w(o) !== "independent" && w(L).length && w(V) ? (g(), i("rect", {
+					w(o) !== "independent" && w(R).length && w(H) ? (g(), i("rect", {
 						key: 1,
-						ref: w(Je),
+						ref: w(Ye),
 						class: f(["waveform-chart__overlay waveform-chart__overlay--shared", {
-							"is-zoomable": !w(u) && w(H) && w(ee),
+							"is-zoomable": !w(u) && w(U) && w(ee),
 							"is-annotating": !w(u) && w(c) === "annotation"
 						}]),
 						width: w(te),
 						height: w(ne),
 						onPointermove: C[0] ||= (...e) => w(re) && w(re)(...e),
-						onPointerdown: C[1] ||= (...e) => w(ie) && w(ie)(...e),
-						onPointerup: C[2] ||= (...e) => w(U) && w(U)(...e),
-						onPointercancel: C[3] ||= (...e) => w(ae) && w(ae)(...e),
-						onPointerleave: C[4] ||= (...e) => w(W) && w(W)(...e),
-						onClick: C[5] ||= (...e) => w(se) && w(se)(...e),
-						onContextmenu: C[6] ||= (...e) => w(ce) && w(ce)(...e)
+						onPointerdown: C[1] ||= (...e) => w(W) && w(W)(...e),
+						onPointerup: C[2] ||= (...e) => w(G) && w(G)(...e),
+						onPointercancel: C[3] ||= (...e) => w(K) && w(K)(...e),
+						onPointerleave: C[4] ||= (...e) => w(ae) && w(ae)(...e),
+						onClick: C[5] ||= (...e) => w(oe) && w(oe)(...e),
+						onContextmenu: C[6] ||= (...e) => w(q) && w(q)(...e)
 					}, null, 42, Ei)) : r("", !0),
-					(g(!0), i(e, null, y(w(L), (e) => (g(), n(w(ri), {
+					(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(ri), {
 						key: `${e.index}-${e.series.name}`,
 						track: e,
-						"clip-path-id": w(R),
+						"clip-path-id": w(z),
 						"inner-width": w(te),
-						zoomable: w(H),
+						zoomable: w(U),
 						interactive: !w(u),
 						"display-mode": w(o),
 						"interaction-mode": w(c),
-						"frame-number": w(le)(e.index),
-						"frame-style": w(ue),
-						axes: w(de),
+						"frame-number": w(se)(e.index),
+						"frame-style": w(ce),
+						axes: w(le),
 						"clean-view": w(l),
-						"zero-line": w(fe),
-						"time-unit": w(G),
-						"y-label": w(pe),
-						onPointerMove: (t) => w(me)(t, e.index),
-						onPointerDown: (t) => w(he)(t, e.index, !0),
-						onPointerUp: w(U),
-						onPointerCancel: w(ae),
-						onPointerLeave: w(W),
-						onClick: (t) => w(se)(t, e.index),
-						onContextmenu: (t) => w(ce)(t, e.index)
+						"zero-line": w(ue),
+						"time-unit": w(de),
+						"y-label": w(fe),
+						onPointerMove: (t) => w(pe)(t, e.index),
+						onPointerDown: (t) => w(me)(t, e.index, !0),
+						onPointerUp: w(G),
+						onPointerCancel: w(K),
+						onPointerLeave: w(ae),
+						onClick: (t) => w(oe)(t, e.index),
+						onContextmenu: (t) => w(q)(t, e.index)
 					}, null, 8, [
 						"track",
 						"clip-path-id",
@@ -3436,34 +3444,34 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 						"onContextmenu"
 					]))), 128)),
 					s(w(hi), {
-						state: w(ge),
-						tracks: w(L),
-						"clip-path-id": w(R),
-						visible: w(_e) && !w(u)
+						state: w(he),
+						tracks: w(R),
+						"clip-path-id": w(z),
+						visible: w(ge) && !w(u)
 					}, null, 8, [
 						"state",
 						"tracks",
 						"clip-path-id",
 						"visible"
 					]),
-					w(K) && w(d)?.mode === "box" ? (g(), i("rect", {
+					w(J) && w(d)?.mode === "box" ? (g(), i("rect", {
 						key: 2,
 						class: "waveform-chart__zoom-selection",
-						x: w(K).x,
-						y: w(K).y,
-						width: w(K).width,
-						height: w(K).height,
+						x: w(J).x,
+						y: w(J).y,
+						width: w(J).width,
+						height: w(J).height,
 						"aria-hidden": "true"
 					}, null, 8, Di)) : r("", !0),
-					w(l) ? r("", !0) : (g(), n(w(Ne), {
+					w(l) ? r("", !0) : (g(), n(w(Me), {
 						key: 3,
-						annotations: w(ve),
-						visible: w(ye),
+						annotations: w(_e),
+						visible: w(ve),
 						interactive: !w(u),
-						onContextmenu: w(be),
-						onDragStart: w(q),
-						onMove: w(J),
-						onDragEnd: w(xe)
+						onContextmenu: w(Y),
+						onDragStart: w(X),
+						onMove: w(ye),
+						onDragEnd: w(be)
 					}, null, 8, [
 						"annotations",
 						"visible",
@@ -3473,7 +3481,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 						"onMove",
 						"onDragEnd"
 					])),
-					w(l) ? r("", !0) : (g(), i("g", Oi, [(g(!0), i(e, null, y(w(L), (e) => (g(), i("g", {
+					w(l) ? r("", !0) : (g(), i("g", Oi, [(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,
@@ -3482,8 +3490,8 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 					}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(di), {
 						key: 0,
 						series: e.legendSeries,
-						position: w(Y)(e.id),
-						orientation: w(Se)(w(Y)(e.id)),
+						position: w(xe)(e.id),
+						orientation: w(Se)(w(xe)(e.id)),
 						"background-color": w(Ce),
 						interactive: w(we),
 						"hidden-series-ids": w(Te),
@@ -3500,33 +3508,33 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 						"width",
 						"height",
 						"onToggle"
-					])) : r("", !0)], 8, ki))), 128))])),
-					w(De) && !w(l) ? (g(), i("text", {
-						key: 5,
-						class: "waveform-chart__label waveform-chart__x-label",
-						x: w(te) / 2,
-						y: w(Oe),
-						"text-anchor": "middle"
-					}, S(w(De)), 9, Ai)) : r("", !0)
+					])) : r("", !0)], 8, ki))), 128))]))
 				], 8, Si),
-				w(ke) && !w(F) ? (g(), i("text", {
+				w(De) && !w(l) ? (g(), i("text", {
 					key: 0,
+					class: "waveform-chart__label waveform-chart__x-label",
+					x: w(_) + w(te) / 2,
+					y: w(Oe),
+					"text-anchor": "middle"
+				}, S(w(De)), 9, Ai)) : r("", !0),
+				w(ke) && !w(I) ? (g(), i("text", {
+					key: 1,
 					class: "waveform-chart__empty",
-					x: w(N) / 2,
-					y: w(P) / 2,
+					x: w(P) / 2,
+					y: w(F) / 2,
 					"text-anchor": "middle"
 				}, " 暂无有效波形数据 ", 8, ji)) : r("", !0)
 			], 40, yi)),
-			w(Ae).showPagination && w(je) > 1 && !w(l) ? (g(), n(w(oe), {
+			w(Ae).showPagination && w(je) > 1 && !w(l) ? (g(), n(w(ie), {
 				key: 1,
 				class: "waveform-chart__pagination",
 				"aria-label": "波形分页",
-				current: w(Me),
-				"page-size": w(X)(w(Ae)),
-				total: w(Fe).length,
+				current: w(Z),
+				"page-size": w(Pe)(w(Ae)),
+				total: w(Q).length,
 				"show-size-changer": !1,
 				"show-quick-jumper": !1,
-				onChange: w(Z)
+				onChange: w(Fe)
 			}, null, 8, [
 				"current",
 				"page-size",
@@ -3537,12 +3545,12 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				key: 2,
 				annotation: w(Le).annotation,
 				mode: w(Le).mode,
-				series: w(Re),
-				"series-options": w(ze),
-				"time-unit": w(G),
-				onConfirm: w(Be),
-				onCancel: w(Ve),
-				onSeriesChange: w(He)
+				series: w(ze),
+				"series-options": w(Be),
+				"time-unit": w(de),
+				onConfirm: w(Ve),
+				onCancel: w(He),
+				onSeriesChange: w(Ue)
 			}, null, 8, [
 				"annotation",
 				"mode",
@@ -3553,14 +3561,14 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				"onCancel",
 				"onSeriesChange"
 			])) : r("", !0),
-			!w(l) && !w(u) ? (g(), n(w(Pe), {
+			!w(l) && !w(u) ? (g(), n(w(Ne), {
 				key: 3,
-				visible: w(Q) !== null,
-				x: w(Q)?.x || 0,
-				y: w(Q)?.y || 0,
-				"can-edit": !!w(Q)?.annotationId,
-				onEdit: w(Ue),
-				onDelete: w(We),
+				visible: w(Re) !== null,
+				x: w(Re)?.x || 0,
+				y: w(Re)?.y || 0,
+				"can-edit": !!w(Re)?.annotationId,
+				onEdit: w(We),
+				onDelete: w(Ge),
 				onClose: w(Ie).closeContextMenu
 			}, null, 8, [
 				"visible",
@@ -3572,11 +3580,11 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				"onClose"
 			])) : r("", !0),
 			s(w(lr), {
-				state: w(ge),
-				visible: w(_e) && !w(u),
-				"time-unit": w(G),
-				"container-width": w(N),
-				"container-height": w(Ge)
+				state: w(he),
+				visible: w(ge) && !w(u),
+				"time-unit": w(de),
+				"container-width": w(P),
+				"container-height": w($)
 			}, null, 8, [
 				"state",
 				"visible",
@@ -3631,6 +3639,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 			showPagination: !0
 		}) },
 		rendering: { default: () => ({}) },
+		plotMargin: { default: () => ({}) },
 		title: {},
 		legend: { default: () => ({
 			position: "top-right",