waveform-analysis 0.1.42 → 0.1.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +163 -161
  3. package/dist/style.css +1 -1
  4. package/dist/types/components/core/constants.d.ts +2 -2
  5. package/dist/types/components/core/types.d.ts +2 -1
  6. package/dist/types/components/core/yAxisConstants.d.ts +2 -2
  7. package/dist/types/components/interaction/WaveformTooltip.vue.d.ts +1 -1
  8. package/package.json +1 -1
  9. package/src/App.test.ts +2 -7
  10. package/src/components/WaveformChart.css +1 -1
  11. package/src/components/core/constants.ts +3 -3
  12. package/src/components/core/layout.test.ts +3 -3
  13. package/src/components/core/layout.ts +2 -2
  14. package/src/components/core/trackLayoutBuilder.ts +3 -5
  15. package/src/components/core/types.ts +2 -1
  16. package/src/components/core/useWaveformChartController.ts +1 -0
  17. package/src/components/core/yAxisConstants.ts +2 -2
  18. package/src/components/interaction/WaveformHoverHost.vue +3 -1
  19. package/src/components/interaction/WaveformTooltip.test.ts +23 -0
  20. package/src/components/interaction/WaveformTooltip.vue +9 -6
  21. package/src/components/interaction/useWaveformHover.ts +19 -14
  22. package/src/components/rendering/WaveformHoverLayer.vue +5 -11
  23. package/src/components/rendering/WaveformTrackAxes.vue +5 -4
  24. package/src/components/waveformChartCases/compactAndSharedHover.test.ts +43 -0
  25. package/src/components/waveformChartCases/dataLifecycle.test.ts +1 -1
  26. package/src/components/waveformChartCases/frameGridAndFormatting.test.ts +10 -0
  27. package/src/components/waveformChartCases/incompleteDataHover.test.ts +67 -0
  28. package/src/components/waveformChartCases/layoutAndDomains.test.ts +5 -5
  29. package/src/components/waveformChartCases/legendVisibility.test.ts +1 -1
  30. package/src/components/waveformChartCases/multiAxisAndPagination.test.ts +1 -1
  31. package/src/data/simulatedWaveforms.test.ts +7 -2
  32. package/src/data/simulatedWaveforms.ts +12 -7
package/dist/index.js CHANGED
@@ -736,7 +736,7 @@ var vt = {
736
736
  top: 18,
737
737
  right: 24,
738
738
  bottom: 52,
739
- left: 64
739
+ left: 80
740
740
  }, yt = {
741
741
  DEFAULT_MAX_SCALE: 40,
742
742
  MIN_SCALE: 1
@@ -1147,7 +1147,7 @@ function pn(e) {
1147
1147
  }, m = f.map((n) => {
1148
1148
  let r = yn(t.plotHeight, e.yAxisSplitNumber), i = Math.max(1, r - 1), a = V(n.domain, [t.plotHeight, 0]);
1149
1149
  a.nice(i);
1150
- let [o, s] = a.domain(), c = Array.from({ length: r }, (e, t) => o + (s - o) * t / (r - 1)), l = e.displayMode !== "compact" || t.row === 0 ? c : c.filter((e) => e !== s), { tickTextWidth: u } = wn(a.domain(), !1, l, n.seriesList[0]?.unit, r), 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);
1150
+ let [o, s] = a.domain(), c = Array.from({ length: r }, (e, t) => o + (s - o) * t / (r - 1)), l = e.displayMode !== "compact" || t.row === 0 ? c : c.slice(0, -1), { tickTextWidth: u } = wn(a.domain(), !1, l, n.seriesList[0]?.unit, r), d = u + 7 + 0 + 12 + 4, f = n.side === "left" ? -p.left : t.width + p.right, m = u + 7 + 0 + 12 / 2, h = f + (n.side === "left" ? -m : m);
1151
1151
  return p[n.side] += d, {
1152
1152
  index: n.index,
1153
1153
  side: n.side,
@@ -1155,7 +1155,7 @@ function pn(e) {
1155
1155
  labelX: h,
1156
1156
  scale: a,
1157
1157
  majorTicks: c,
1158
- minorTicks: Ze(c),
1158
+ minorTicks: Ze(c, 2),
1159
1159
  tickValues: l,
1160
1160
  seriesList: n.seriesList
1161
1161
  };
@@ -1200,7 +1200,7 @@ function pn(e) {
1200
1200
  yScale: h,
1201
1201
  yAxes: m,
1202
1202
  xMajorTicks: g,
1203
- xMinorTicks: Ze(g, 5, y),
1203
+ xMinorTicks: Ze(g, 3, y),
1204
1204
  yMajorTicks: _,
1205
1205
  yMinorTicks: m[0]?.minorTicks ?? [],
1206
1206
  yAxisTickValues: v,
@@ -1218,7 +1218,7 @@ function pn(e) {
1218
1218
  }
1219
1219
  //#endregion
1220
1220
  //#region src/components/core/layout.ts
1221
- var mn = 7, hn = 7, gn = 4, _n = 6, vn = 24;
1221
+ var mn = 7, hn = 7, gn = 4, _n = 0, vn = 12;
1222
1222
  function yn(e, t) {
1223
1223
  return typeof t == "number" && Number.isFinite(t) ? Math.max(2, Math.floor(t)) : 5;
1224
1224
  }
@@ -1509,10 +1509,10 @@ function Nn(e) {
1509
1509
  let { emit: t, hoverState: n, suppressHoverUntilMove: r, hoverThrottle: i, selection: a, trackLayouts: o, innerWidth: s, resolvedChartLeftMargin: c, titleAreaHeight: l, chartTopMargin: u, sharedOverlayElement: d, isPresentationMode: f, updateViewportDrag: p, resolveTrackAtPointer: m } = e, h = () => i.cancel(), g = (e) => i.schedule(e), _ = (e) => n.points.length === e.length && e.every((e, t) => {
1510
1510
  let r = n.points[t];
1511
1511
  return r?.id === e.id && r.trackIndex === e.trackIndex && r.point === e.point;
1512
- }), v = (e, r, i) => {
1513
- f.value || (_(e) || (n.points = e), n.trackIndex = r, n.position = i, t("point-hover", n.points[0]?.point ?? null));
1512
+ }), v = (e, r, i, a) => {
1513
+ f.value || (_(e) || (n.points = e), n.trackIndex = r, n.queryX = i, n.position = a, t("point-hover", n.points.find((e) => e.point)?.point ?? null));
1514
1514
  }, y = () => {
1515
- h(), n.points = [], n.trackIndex = null, t("point-hover", null);
1515
+ h(), n.points = [], n.trackIndex = null, n.queryX = null, t("point-hover", null);
1516
1516
  }, b = () => {
1517
1517
  f.value || y();
1518
1518
  }, x = (e, t, n) => ({
@@ -1527,7 +1527,10 @@ function Nn(e) {
1527
1527
  r.value = !0, y();
1528
1528
  }, C = (e = !1) => {
1529
1529
  r.value = !e, y();
1530
- }, w = () => r.value ? (r.value = !1, y(), !0) : !1, T = (e, t) => e.points[Mn.center(e.points, t)];
1530
+ }, w = () => r.value ? (r.value = !1, y(), !0) : !1, T = (e, t) => {
1531
+ let n = e.points[0], r = e.points.at(-1);
1532
+ if (!(!n || !r || t < n.x || t > r.x)) return e.points[Mn.center(e.points, t)];
1533
+ };
1531
1534
  return {
1532
1535
  cancelPendingHover: h,
1533
1536
  clearHover: y,
@@ -1547,11 +1550,8 @@ function Nn(e) {
1547
1550
  !d || !d.hasVisibleSeries || g(() => {
1548
1551
  let e = o.value[t];
1549
1552
  if (!e || !e.hasVisibleSeries || e !== d) return;
1550
- let n = d.xScale.invert(Math.max(0, Math.min(s.value, r))), a = d.seriesList.flatMap((e) => {
1551
- let r = T(e, n);
1552
- return r ? [x(e, t, r)] : [];
1553
- });
1554
- v(a, t, {
1553
+ let n = d.xScale.invert(Math.max(0, Math.min(s.value, r))), a = d.seriesList.map((e) => x(e, t, T(e, n) ?? null));
1554
+ v(a, t, n, {
1555
1555
  x: c.value + d.left + r,
1556
1556
  y: l.value + u.value + d.top + i
1557
1557
  });
@@ -1568,11 +1568,8 @@ function Nn(e) {
1568
1568
  g(() => {
1569
1569
  let e = m(t, n) ?? o.value.find((e) => e.hasVisibleSeries);
1570
1570
  if (!e) return;
1571
- let r = Math.max(0, Math.min(e.width, t - e.left)), i = e.xScale.invert(r), a = o.value.flatMap((e) => e.seriesList.flatMap((t) => {
1572
- let n = T(t, i);
1573
- return n ? [x(t, e.index, n)] : [];
1574
- }));
1575
- v(a, null, {
1571
+ let r = Math.max(0, Math.min(e.width, t - e.left)), i = e.xScale.invert(r), a = o.value.flatMap((e) => e.seriesList.map((t) => x(t, e.index, T(t, i) ?? null)));
1572
+ v(a, null, i, {
1576
1573
  x: c.value + t,
1577
1574
  y: l.value + u.value + n
1578
1575
  });
@@ -2270,10 +2267,10 @@ function nr(e) {
2270
2267
  };
2271
2268
  });
2272
2269
  }), g = t(() => tn(n.grid)), _ = t(() => Wt(n.rendering)), v = t(() => rn(h.value.length, g.value)), y = t(() => an(h.value, i.value, g.value)), b = t(() => {
2273
- let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => Cn(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => wn(e.domain, !0, void 0, e.seriesList[0]?.unit, n.axes?.y?.splitNumber).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 6 + 24 / 2);
2270
+ let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => Cn(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => wn(e.domain, !0, void 0, e.seriesList[0]?.unit, n.axes?.y?.splitNumber).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 0 + 12 / 2);
2274
2271
  return {
2275
2272
  tickClearance: r,
2276
- fullClearance: t + 7 + 6 + 24 + 4,
2273
+ fullClearance: t + 7 + 0 + 12 + 4,
2277
2274
  labelCenterX: i
2278
2275
  };
2279
2276
  }), x = t(() => h.value.some((e) => e.visibleSeries.length === 1 && !!(e.visibleSeries[0]?.name.trim() || n.yLabel))), S = t(() => h.value.some((e) => e.visibleSeries.length > 0)), C = t(() => Math.max(vt.left, x.value ? b.value.fullClearance : S.value ? b.value.tickClearance : 0)), w = t(() => h.value.reduce((e, t) => {
@@ -2509,6 +2506,7 @@ function cr(e, t) {
2509
2506
  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({
2510
2507
  points: [],
2511
2508
  trackIndex: null,
2509
+ queryX: null,
2512
2510
  position: {
2513
2511
  x: 0,
2514
2512
  y: 0
@@ -2879,7 +2877,13 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
2879
2877
  _: 1
2880
2878
  }, 8, ["ok-button-props"]));
2881
2879
  }
2882
- }), [["__scopeId", "data-v-42466cf9"]]), Or = { class: "waveform-tooltip__series-content" }, kr = { class: "waveform-tooltip__series-label" }, Ar = { class: "waveform-tooltip__value" }, jr = 12, Mr = 8, Nr = 238, Pr = 560, Fr = 20, Ir = 20, Lr = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
2880
+ }), [["__scopeId", "data-v-42466cf9"]]), Or = { class: "waveform-tooltip__series-content" }, kr = { class: "waveform-tooltip__series-label" }, Ar = {
2881
+ key: 0,
2882
+ class: "waveform-tooltip__value"
2883
+ }, jr = {
2884
+ key: 1,
2885
+ class: "waveform-tooltip__value waveform-tooltip__value--missing"
2886
+ }, Mr = 12, Nr = 8, Pr = 238, Fr = 560, Ir = 20, Lr = 20, Rr = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
2883
2887
  __name: "WaveformTooltip",
2884
2888
  props: {
2885
2889
  visible: { type: Boolean },
@@ -2893,26 +2897,26 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
2893
2897
  setup(n) {
2894
2898
  let s = n;
2895
2899
  function c(e, t) {
2896
- let n = Math.max(1, t - Fr - 14), r = Math.max(1, Math.floor(n / 7.2));
2900
+ let n = Math.max(1, t - Ir - 14), r = Math.max(1, Math.floor(n / 7.2));
2897
2901
  return Math.max(1, Math.ceil([...e].length / r));
2898
2902
  }
2899
2903
  function l(e) {
2900
- let t = mt(s.hoveredPoint?.x ?? e.point.x, s.timeUnit);
2901
- return `${e.shotNo?.trim() || "未配置炮号"}: ${e.name}${e.unit ? `(${e.unit})` : ""} (x:${t} y:${ct(e.point.y)})`;
2904
+ let t = e.point ? `(x:${mt(e.point.x, s.timeUnit)} y:${ct(e.point.y)})` : "无数据";
2905
+ return `${e.shotNo?.trim() || "未配置炮号"}: ${e.name}${e.unit ? `(${e.unit})` : ""} ${t}`;
2902
2906
  }
2903
2907
  function u(e) {
2904
- return 16 + Ir * s.seriesPoints.reduce((t, n) => t + c(l(n), e), 0) + 5;
2908
+ return 16 + Lr * s.seriesPoints.reduce((t, n) => t + c(l(n), e), 0) + 5;
2905
2909
  }
2906
2910
  let d = t(() => {
2907
2911
  if (!s.visible || !s.hoveredPoint) return { display: "none" };
2908
- let e = s.position.x + jr, t = s.position.x - jr - Nr, n = s.containerWidth - Mr - e, r = s.position.x - jr - Mr, i = Math.max(1, Math.min(Pr, s.containerWidth - Mr * 2)), a = e + Nr <= s.containerWidth - Mr ? {
2912
+ let e = s.position.x + Mr, t = s.position.x - Mr - Pr, n = s.containerWidth - Nr - e, r = s.position.x - Mr - Nr, i = Math.max(1, Math.min(Fr, s.containerWidth - Nr * 2)), a = e + Pr <= s.containerWidth - Nr ? {
2909
2913
  left: `${e}px`,
2910
- maxWidth: `${Math.min(Pr, n)}px`
2911
- } : t >= Mr ? {
2912
- right: `${s.containerWidth - s.position.x + jr}px`,
2913
- maxWidth: `${Math.min(Pr, r)}px`
2914
+ maxWidth: `${Math.min(Fr, n)}px`
2915
+ } : t >= Nr ? {
2916
+ right: `${s.containerWidth - s.position.x + Mr}px`,
2917
+ maxWidth: `${Math.min(Fr, r)}px`
2914
2918
  } : {
2915
- left: `${Mr}px`,
2919
+ left: `${Nr}px`,
2916
2920
  maxWidth: `${i}px`
2917
2921
  }, o = Number.parseFloat(a.maxWidth);
2918
2922
  return {
@@ -2927,9 +2931,9 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
2927
2931
  }, [(g(!0), i(e, null, y(n.seriesPoints, (t) => (g(), i("span", {
2928
2932
  key: `${t.trackIndex}-${t.name}`,
2929
2933
  class: "waveform-tooltip__series waveform-chart__tooltip-series"
2930
- }, [a("i", { style: p({ backgroundColor: t.color }) }, null, 4), a("span", Or, [a("span", kr, [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", Ar, "(x:" + S(w(mt)(n.hoveredPoint.x, n.timeUnit)) + " y:" + S(w(ct)(t.point.y)) + ")", 1)])]))), 128))], 4)) : r("", !0);
2934
+ }, [a("i", { style: p({ backgroundColor: t.color }) }, null, 4), a("span", Or, [a("span", kr, [o(S(t.shotNo?.trim() || "未配置炮号") + ": " + S(t.name), 1), t.unit ? (g(), i(e, { key: 0 }, [o("(" + S(t.unit) + ")", 1)], 64)) : r("", !0)]), t.point ? (g(), i("span", Ar, "(x:" + S(w(mt)(t.point.x, n.timeUnit)) + " y:" + S(w(ct)(t.point.y)) + ")", 1)) : (g(), i("span", jr, "无数据"))])]))), 128))], 4)) : r("", !0);
2931
2935
  }
2932
- }), [["__scopeId", "data-v-1f55d6c8"]]), Rr = /* @__PURE__ */ c({
2936
+ }), [["__scopeId", "data-v-b9ed144d"]]), zr = /* @__PURE__ */ c({
2933
2937
  __name: "WaveformHoverHost",
2934
2938
  props: {
2935
2939
  state: {},
@@ -2939,8 +2943,8 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
2939
2943
  containerHeight: {}
2940
2944
  },
2941
2945
  setup(e) {
2942
- let r = e, i = t(() => r.state.points[0]?.point ?? null);
2943
- return (t, r) => (g(), n(Lr, {
2946
+ let r = e, i = t(() => r.state.points.find((e) => e.point)?.point ?? null);
2947
+ return (t, r) => (g(), n(Rr, {
2944
2948
  visible: e.visible && i.value !== null,
2945
2949
  position: e.state.position,
2946
2950
  "time-unit": e.timeUnit,
@@ -2958,16 +2962,16 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
2958
2962
  "container-height"
2959
2963
  ]));
2960
2964
  }
2961
- }), zr = 13, Br = 2, Vr = 14, Hr = 8, Ur = 24, Wr = {
2965
+ }), Br = 13, Vr = 2, Hr = 14, Ur = 8, Wr = 24, Gr = {
2962
2966
  circle: ee,
2963
2967
  square: ne,
2964
2968
  triangle: re,
2965
2969
  diamond: te
2966
2970
  };
2967
- function Gr(e, t = 48) {
2968
- return e === "none" ? null : U().type(Wr[e]).size(t)() ?? null;
2971
+ function Kr(e, t = 48) {
2972
+ return e === "none" ? null : U().type(Gr[e]).size(t)() ?? null;
2969
2973
  }
2970
- function Kr(e, t, n = 48) {
2974
+ function qr(e, t, n = 48) {
2971
2975
  if (e === "none" || t.length === 0) return null;
2972
2976
  if (e === "circle") {
2973
2977
  let e = Math.sqrt(n / Math.PI);
@@ -2984,24 +2988,24 @@ function Kr(e, t, n = 48) {
2984
2988
  let r = Math.sqrt(n / (2 * Math.tan(Math.PI / 6))), i = r * Math.tan(Math.PI / 6);
2985
2989
  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("");
2986
2990
  }
2987
- function qr(e) {
2991
+ function Jr(e) {
2988
2992
  return e === "none" ? null : "M1 8H25";
2989
2993
  }
2990
- function Jr(e) {
2994
+ function Yr(e) {
2991
2995
  if (e === "dashed") return "8 5";
2992
2996
  if (e === "dash-dot") return "8 5 1.5 5";
2993
2997
  }
2994
- function Yr(e) {
2995
- let t = (Number.isFinite(e) && e > 0 ? Math.min(e, Ur) : Hr) / 2, n = zr - t, r = zr + t;
2998
+ function Xr(e) {
2999
+ let t = (Number.isFinite(e) && e > 0 ? Math.min(e, Wr) : Ur) / 2, n = Br - t, r = Br + t;
2996
3000
  return [
2997
- `M${n} ${Br}H${r}`,
2998
- `M${zr} ${Br}V${Vr}`,
2999
- `M${n} ${Vr}H${r}`
3001
+ `M${n} ${Vr}H${r}`,
3002
+ `M${Br} ${Vr}V${Hr}`,
3003
+ `M${n} ${Hr}H${r}`
3000
3004
  ].join("");
3001
3005
  }
3002
3006
  //#endregion
3003
3007
  //#region src/components/rendering/WaveformSeriesLayer.vue?vue&type=script&setup=true&lang.ts
3004
- var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3008
+ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
3005
3009
  "data-series-id",
3006
3010
  "data-series-name",
3007
3011
  "data-y-axis-index",
@@ -3010,11 +3014,11 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3010
3014
  "d",
3011
3015
  "stroke",
3012
3016
  "stroke-dasharray"
3013
- ], $r = ["data-series-id"], ei = [
3017
+ ], ei = ["data-series-id"], ti = [
3014
3018
  "d",
3015
3019
  "stroke",
3016
3020
  "stroke-width"
3017
- ], ti = ["data-series-id", "data-point-type"], ni = ["d", "fill"], ri = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
3021
+ ], ni = ["data-series-id", "data-point-type"], ri = ["d", "fill"], ii = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
3018
3022
  __name: "WaveformSeriesLayer",
3019
3023
  props: {
3020
3024
  track: {},
@@ -3022,7 +3026,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3022
3026
  },
3023
3027
  setup(n) {
3024
3028
  let a = n, o = t(() => a.track.seriesPaths.map((e) => {
3025
- let t = Kr(e.series.pointType, e.pointRenderPoints.map((t) => ({
3029
+ let t = qr(e.series.pointType, e.pointRenderPoints.map((t) => ({
3026
3030
  x: a.track.xScale(t.x),
3027
3031
  y: e.yScale(t.y)
3028
3032
  }))), n = e.series.errorBar.capWidth / 2, r = e.errorBarRenderPoints.map((t) => {
@@ -3059,8 +3063,8 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3059
3063
  "data-line-style": e.series.lineStyle,
3060
3064
  d: e.path,
3061
3065
  stroke: e.series.color,
3062
- "stroke-dasharray": w(Jr)(e.series.lineStyle)
3063
- }, null, 8, Qr)) : r("", !0),
3066
+ "stroke-dasharray": w(Yr)(e.series.lineStyle)
3067
+ }, null, 8, $r)) : r("", !0),
3064
3068
  e.series.errorBar.visible ? (g(), i("g", {
3065
3069
  key: 1,
3066
3070
  class: "waveform-track__error-bars waveform-chart__error-bars",
@@ -3071,7 +3075,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3071
3075
  d: e.errorBarPath,
3072
3076
  stroke: e.series.errorBar.color || e.series.color,
3073
3077
  "stroke-width": e.series.errorBar.width
3074
- }, null, 8, ei)) : r("", !0)], 8, $r)) : r("", !0),
3078
+ }, null, 8, ti)) : r("", !0)], 8, ei)) : r("", !0),
3075
3079
  e.series.pointType === "none" ? r("", !0) : (g(), i("g", {
3076
3080
  key: 2,
3077
3081
  class: "waveform-track__points waveform-chart__points",
@@ -3082,20 +3086,28 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3082
3086
  class: "waveform-track__point waveform-chart__point",
3083
3087
  d: e.pointPath,
3084
3088
  fill: e.series.color
3085
- }, null, 8, ni)) : r("", !0)], 8, ti))
3086
- ], 8, Zr))), 128))], 8, Xr)) : r("", !0);
3089
+ }, null, 8, ri)) : r("", !0)], 8, ni))
3090
+ ], 8, Qr))), 128))], 8, Zr)) : r("", !0);
3087
3091
  }
3088
- }), [["__scopeId", "data-v-42a3fd47"]]), ii = ["transform"], ai = ["transform"], oi = {
3092
+ }), [["__scopeId", "data-v-42a3fd47"]]), ai = ["transform"], oi = ["transform"], si = {
3089
3093
  class: "waveform-track__axis-endpoint waveform-track__axis-endpoint--start waveform-chart__axis-endpoint waveform-chart__axis-endpoint--start",
3090
3094
  x: "0",
3091
3095
  y: "7",
3092
3096
  dy: "0.71em",
3093
3097
  "text-anchor": "start"
3094
- }, si = ["x"], ci = [
3098
+ }, ci = ["x"], li = [
3095
3099
  "data-y-axis-index",
3096
3100
  "data-y-axis-side",
3097
3101
  "transform"
3098
- ], li = { key: 2 }, ui = ["x", "y"], di = ["fill", "transform"], fi = ["data-y-axis-title-index"], pi = ["x", "y"], mi = ["fill", "transform"], hi = /* @__PURE__ */ c({
3102
+ ], ui = { key: 2 }, di = [
3103
+ "x",
3104
+ "y",
3105
+ "width"
3106
+ ], fi = ["fill", "transform"], pi = ["data-y-axis-title-index"], mi = [
3107
+ "x",
3108
+ "y",
3109
+ "width"
3110
+ ], hi = ["fill", "transform"], gi = /* @__PURE__ */ c({
3099
3111
  __name: "WaveformTrackAxes",
3100
3112
  props: {
3101
3113
  track: {},
@@ -3155,7 +3167,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3155
3167
  ref: o,
3156
3168
  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 }]),
3157
3169
  transform: `translate(0, ${t.track.height})`
3158
- }, null, 10, ii)) : r("", !0),
3170
+ }, null, 10, ai)) : r("", !0),
3159
3171
  t.track.showXAxis ? (g(), i("g", {
3160
3172
  key: 1,
3161
3173
  class: "waveform-track__axis-endpoints waveform-chart__axis-endpoints",
@@ -3163,13 +3175,13 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3163
3175
  "font-family": "sans-serif",
3164
3176
  "font-size": "10",
3165
3177
  "aria-hidden": "true"
3166
- }, [a("text", oi, S(t.track.endpointLabels.start), 1), a("text", {
3178
+ }, [a("text", si, S(t.track.endpointLabels.start), 1), a("text", {
3167
3179
  class: "waveform-track__axis-endpoint waveform-track__axis-endpoint--end waveform-chart__axis-endpoint waveform-chart__axis-endpoint--end",
3168
3180
  x: t.track.width ?? t.innerWidth,
3169
3181
  y: "7",
3170
3182
  dy: "0.71em",
3171
3183
  "text-anchor": "end"
3172
- }, S(t.track.endpointLabels.end), 9, si)], 8, ai)) : r("", !0),
3184
+ }, S(t.track.endpointLabels.end), 9, ci)], 8, oi)) : r("", !0),
3173
3185
  (g(!0), i(e, null, y(t.track.isEmpty ? [] : t.track.yAxes, (e) => (g(), i("g", {
3174
3186
  key: `y-axis-${t.track.index}-${e.index}`,
3175
3187
  ref_for: !0,
@@ -3178,66 +3190,66 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3178
3190
  "data-y-axis-index": e.index,
3179
3191
  "data-y-axis-side": e.side,
3180
3192
  transform: `translate(${e.x}, 0)`
3181
- }, null, 10, ci))), 128)),
3182
- !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", li, [a("rect", {
3193
+ }, null, 10, li))), 128)),
3194
+ !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", ui, [a("rect", {
3183
3195
  class: "waveform-track__y-axis-label-bg waveform-chart__y-axis-label-bg",
3184
- x: t.track.yAxisLabelX - 12,
3196
+ x: t.track.yAxisLabelX - w(12) / 2,
3185
3197
  y: t.track.height / 2 - 40,
3186
- width: "24",
3198
+ width: w(12),
3187
3199
  height: "80",
3188
3200
  rx: "2"
3189
- }, null, 8, ui), a("text", {
3201
+ }, null, 8, di), a("text", {
3190
3202
  class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
3191
3203
  fill: t.track.series.color,
3192
3204
  transform: `translate(${t.track.yAxisLabelX}, ${t.track.height / 2}) rotate(-90)`,
3193
3205
  "text-anchor": "middle",
3194
3206
  "dominant-baseline": "central"
3195
- }, S(c(t.track.series)), 9, di)])) : r("", !0),
3207
+ }, S(c(t.track.series)), 9, fi)])) : r("", !0),
3196
3208
  (g(!0), i(e, null, y(!t.cleanView && t.track.yAxes.length > 1 ? t.track.yAxes.filter(l) : [], (e) => (g(), i("g", {
3197
3209
  key: `y-axis-title-${t.track.index}-${e.index}`,
3198
3210
  class: "waveform-track__multi-axis-title",
3199
3211
  "data-y-axis-title-index": e.index
3200
3212
  }, [a("rect", {
3201
3213
  class: "waveform-track__y-axis-label-bg waveform-chart__y-axis-label-bg",
3202
- x: e.labelX - 12,
3214
+ x: e.labelX - w(12) / 2,
3203
3215
  y: t.track.height / 2 - 40,
3204
- width: "24",
3216
+ width: w(12),
3205
3217
  height: "80",
3206
3218
  rx: "2"
3207
- }, null, 8, pi), a("text", {
3219
+ }, null, 8, mi), a("text", {
3208
3220
  class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
3209
3221
  fill: e.seriesList[0].color,
3210
3222
  transform: `translate(${e.labelX}, ${t.track.height / 2}) rotate(-90)`,
3211
3223
  "text-anchor": "middle",
3212
3224
  "dominant-baseline": "central"
3213
- }, S(c(e.seriesList[0])), 9, mi)], 8, fi))), 128))
3225
+ }, S(c(e.seriesList[0])), 9, hi)], 8, pi))), 128))
3214
3226
  ], 64));
3215
3227
  }
3216
- }), gi = [
3228
+ }), _i = [
3217
3229
  "width",
3218
3230
  "height",
3219
3231
  "fill"
3220
- ], _i = ["clip-path"], vi = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, yi = [
3232
+ ], vi = ["clip-path"], yi = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, bi = [
3221
3233
  "stroke",
3222
3234
  "x1",
3223
3235
  "x2",
3224
3236
  "y2"
3225
- ], bi = [
3237
+ ], xi = [
3226
3238
  "stroke",
3227
3239
  "x2",
3228
3240
  "y1",
3229
3241
  "y2"
3230
- ], xi = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, Si = [
3242
+ ], Si = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, Ci = [
3231
3243
  "stroke",
3232
3244
  "x1",
3233
3245
  "x2",
3234
3246
  "y2"
3235
- ], Ci = [
3247
+ ], wi = [
3236
3248
  "stroke",
3237
3249
  "x2",
3238
3250
  "y1",
3239
3251
  "y2"
3240
- ], wi = ["clip-path"], Ti = [
3252
+ ], Ti = ["clip-path"], Ei = [
3241
3253
  "data-y-axis-index",
3242
3254
  "x2",
3243
3255
  "y1",
@@ -3245,7 +3257,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3245
3257
  "stroke",
3246
3258
  "stroke-width",
3247
3259
  "stroke-dasharray"
3248
- ], Ei = ["x", "y"], Di = /* @__PURE__ */ c({
3260
+ ], Di = ["x", "y"], Oi = /* @__PURE__ */ c({
3249
3261
  __name: "WaveformTrackBackdrop",
3250
3262
  props: {
3251
3263
  track: {},
@@ -3270,12 +3282,12 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3270
3282
  height: t.track.height,
3271
3283
  fill: t.frameStyle.backgroundColor,
3272
3284
  "aria-hidden": "true"
3273
- }, null, 8, gi)) : r("", !0),
3285
+ }, null, 8, _i)) : r("", !0),
3274
3286
  !t.track.isEmpty && t.track.hasVisibleSeries && !t.cleanView ? (g(), i("g", {
3275
3287
  key: 1,
3276
3288
  "clip-path": `url(#${t.clipPathId}-${t.track.index})`,
3277
3289
  "aria-hidden": "true"
3278
- }, [a("g", vi, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMinorTicks, (e) => (g(), i("line", {
3290
+ }, [a("g", yi, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMinorTicks, (e) => (g(), i("line", {
3279
3291
  key: `x-minor-${t.track.index}-${e}`,
3280
3292
  "data-grid-direction": "vertical",
3281
3293
  stroke: t.track.gridLines.verticalColor,
@@ -3283,7 +3295,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3283
3295
  x2: t.track.xScale(e),
3284
3296
  y1: "0",
3285
3297
  y2: t.track.height
3286
- }, null, 8, yi))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMinorTicks, (e) => (g(), i("line", {
3298
+ }, null, 8, bi))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMinorTicks, (e) => (g(), i("line", {
3287
3299
  key: `y-minor-${t.track.index}-${e}`,
3288
3300
  "data-grid-direction": "horizontal",
3289
3301
  stroke: t.track.gridLines.horizontalColor,
@@ -3291,7 +3303,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3291
3303
  x2: t.track.width ?? t.innerWidth,
3292
3304
  y1: t.track.yScale(e),
3293
3305
  y2: t.track.yScale(e)
3294
- }, null, 8, bi))), 128)) : r("", !0)]), a("g", xi, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMajorTicks, (e) => (g(), i("line", {
3306
+ }, null, 8, xi))), 128)) : r("", !0)]), a("g", Si, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMajorTicks, (e) => (g(), i("line", {
3295
3307
  key: `x-major-${t.track.index}-${e}`,
3296
3308
  "data-grid-direction": "vertical",
3297
3309
  stroke: t.track.gridLines.verticalColor,
@@ -3299,7 +3311,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3299
3311
  x2: t.track.xScale(e),
3300
3312
  y1: "0",
3301
3313
  y2: t.track.height
3302
- }, null, 8, Si))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMajorTicks, (e) => (g(), i("line", {
3314
+ }, null, 8, Ci))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMajorTicks, (e) => (g(), i("line", {
3303
3315
  key: `y-major-${t.track.index}-${e}`,
3304
3316
  "data-grid-direction": "horizontal",
3305
3317
  stroke: t.track.gridLines.horizontalColor,
@@ -3307,7 +3319,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3307
3319
  x2: t.track.width ?? t.innerWidth,
3308
3320
  y1: t.track.yScale(e),
3309
3321
  y2: t.track.yScale(e)
3310
- }, null, 8, Ci))), 128)) : r("", !0)])], 8, _i)) : r("", !0),
3322
+ }, null, 8, wi))), 128)) : r("", !0)])], 8, vi)) : r("", !0),
3311
3323
  !t.track.isEmpty && t.track.hasVisibleSeries && t.zeroLine.visible && !t.cleanView ? (g(), i("g", {
3312
3324
  key: 2,
3313
3325
  class: "waveform-track__zero-lines waveform-chart__zero-lines",
@@ -3324,7 +3336,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3324
3336
  stroke: t.zeroLine.color,
3325
3337
  "stroke-width": t.zeroLine.width,
3326
3338
  "stroke-dasharray": t.zeroLine.dash || void 0
3327
- }, null, 8, Ti))], 64))), 128))], 8, wi)) : r("", !0),
3339
+ }, null, 8, Ei))], 64))), 128))], 8, Ti)) : r("", !0),
3328
3340
  !t.track.isEmpty && t.track.hasVisibleSeries && t.frameNumber !== void 0 && !t.cleanView ? (g(), i("text", {
3329
3341
  key: 3,
3330
3342
  class: "waveform-track__watermark waveform-chart__watermark",
@@ -3334,10 +3346,10 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3334
3346
  "text-anchor": "middle",
3335
3347
  "dominant-baseline": "central",
3336
3348
  "aria-hidden": "true"
3337
- }, S(t.frameNumber), 13, Ei)) : r("", !0)
3349
+ }, S(t.frameNumber), 13, Di)) : r("", !0)
3338
3350
  ], 64));
3339
3351
  }
3340
- }), Oi = [
3352
+ }), ki = [
3341
3353
  "data-track-index",
3342
3354
  "data-track-empty",
3343
3355
  "data-track-left",
@@ -3346,19 +3358,19 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3346
3358
  "data-track-top",
3347
3359
  "data-track-height",
3348
3360
  "transform"
3349
- ], ki = [
3361
+ ], Ai = [
3350
3362
  "width",
3351
3363
  "height",
3352
3364
  "stroke",
3353
3365
  "stroke-width",
3354
3366
  "stroke-dasharray",
3355
3367
  "stroke-linecap"
3356
- ], Ai = [
3368
+ ], ji = [
3357
3369
  "data-interactive",
3358
3370
  "data-independent-overlay-index",
3359
3371
  "width",
3360
3372
  "height"
3361
- ], ji = ["x", "y"], Mi = /* @__PURE__ */ c({
3373
+ ], Mi = ["x", "y"], Ni = /* @__PURE__ */ c({
3362
3374
  __name: "WaveformTrack",
3363
3375
  props: {
3364
3376
  track: {},
@@ -3417,7 +3429,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3417
3429
  "data-track-height": e.track.height,
3418
3430
  transform: `translate(${e.track.left ?? 0}, ${e.track.top})`
3419
3431
  }, [
3420
- s(Di, {
3432
+ s(Oi, {
3421
3433
  track: e.track,
3422
3434
  "clip-path-id": e.clipPathId,
3423
3435
  "inner-width": e.innerWidth,
@@ -3434,7 +3446,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3434
3446
  "frame-style",
3435
3447
  "zero-line"
3436
3448
  ]),
3437
- s(hi, {
3449
+ s(gi, {
3438
3450
  track: e.track,
3439
3451
  "inner-width": e.innerWidth,
3440
3452
  "clean-view": e.cleanView,
@@ -3460,8 +3472,8 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3460
3472
  "stroke-dasharray": c.value.borderStyle === "dashed" ? "6 4" : c.value.borderStyle === "dotted" ? "1 3" : void 0,
3461
3473
  "stroke-linecap": c.value.borderStyle === "dotted" ? "round" : void 0,
3462
3474
  "aria-hidden": "true"
3463
- }, null, 8, ki)),
3464
- s(ri, {
3475
+ }, null, 8, Ai)),
3476
+ s(ii, {
3465
3477
  track: e.track,
3466
3478
  "clip-path-id": e.clipPathId
3467
3479
  }, null, 8, ["track", "clip-path-id"]),
@@ -3483,7 +3495,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3483
3495
  onPointerleave: n[4] ||= (e) => o("pointer-leave"),
3484
3496
  onClick: n[5] ||= (e) => o("click", e),
3485
3497
  onContextmenu: n[6] ||= (e) => o("contextmenu", e)
3486
- }, null, 42, Ai)) : r("", !0),
3498
+ }, null, 42, ji)) : r("", !0),
3487
3499
  !e.track.isEmpty && !e.track.hasVisibleSeries && !e.cleanView ? (g(), i("text", {
3488
3500
  key: 2,
3489
3501
  class: "waveform-track__no-visible-series",
@@ -3491,33 +3503,33 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3491
3503
  y: e.track.height / 2,
3492
3504
  "text-anchor": "middle",
3493
3505
  "dominant-baseline": "central"
3494
- }, " 暂无可见曲线 ", 8, ji)) : r("", !0)
3495
- ], 10, Oi));
3506
+ }, " 暂无可见曲线 ", 8, Mi)) : r("", !0)
3507
+ ], 10, ki));
3496
3508
  }
3497
- }), Ni = [
3509
+ }), Pi = [
3498
3510
  "width",
3499
3511
  "height",
3500
3512
  "data-position",
3501
3513
  "data-orientation"
3502
- ], Pi = [
3514
+ ], Fi = [
3503
3515
  "disabled",
3504
3516
  "aria-pressed",
3505
3517
  "aria-label",
3506
3518
  "onClick"
3507
- ], Fi = [
3519
+ ], Ii = [
3508
3520
  "data-line-type",
3509
3521
  "data-line-style",
3510
3522
  "data-point-type",
3511
3523
  "data-error-bar-visible"
3512
- ], Ii = [
3524
+ ], Li = [
3513
3525
  "d",
3514
3526
  "stroke",
3515
3527
  "stroke-dasharray"
3516
- ], Li = [
3528
+ ], Ri = [
3517
3529
  "d",
3518
3530
  "stroke",
3519
3531
  "stroke-width"
3520
- ], Ri = ["d", "fill"], zi = ["title"], Bi = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
3532
+ ], zi = ["d", "fill"], Bi = ["title"], Vi = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
3521
3533
  __name: "WaveformLegend",
3522
3534
  props: {
3523
3535
  series: {},
@@ -3575,45 +3587,45 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3575
3587
  "data-point-type": e.pointType,
3576
3588
  "data-error-bar-visible": e.errorBar.visible || void 0
3577
3589
  }, [
3578
- w(qr)(e.lineType) ? (g(), i("path", {
3590
+ w(Jr)(e.lineType) ? (g(), i("path", {
3579
3591
  key: 0,
3580
3592
  class: "waveform-legend__line",
3581
- d: w(qr)(e.lineType) ?? void 0,
3593
+ d: w(Jr)(e.lineType) ?? void 0,
3582
3594
  stroke: e.color,
3583
- "stroke-dasharray": w(Jr)(e.lineStyle),
3595
+ "stroke-dasharray": w(Yr)(e.lineStyle),
3584
3596
  "stroke-width": "1.5",
3585
3597
  fill: "none"
3586
- }, null, 8, Ii)) : r("", !0),
3598
+ }, null, 8, Li)) : r("", !0),
3587
3599
  e.errorBar.visible ? (g(), i("path", {
3588
3600
  key: 1,
3589
3601
  class: "waveform-legend__error-bar",
3590
- d: w(Yr)(e.errorBar.capWidth),
3602
+ d: w(Xr)(e.errorBar.capWidth),
3591
3603
  stroke: e.errorBar.color || e.color,
3592
3604
  "stroke-width": e.errorBar.width,
3593
3605
  "stroke-linecap": "butt",
3594
3606
  fill: "none"
3595
- }, null, 8, Li)) : r("", !0),
3607
+ }, null, 8, Ri)) : r("", !0),
3596
3608
  e.pointType === "none" ? r("", !0) : (g(), i("path", {
3597
3609
  key: 2,
3598
3610
  class: "waveform-legend__point",
3599
- d: w(Gr)(e.pointType, 30) ?? void 0,
3611
+ d: w(Kr)(e.pointType, 30) ?? void 0,
3600
3612
  fill: e.color,
3601
3613
  transform: "translate(13 8)"
3602
- }, null, 8, Ri))
3603
- ], 8, Fi)), a("span", {
3614
+ }, null, 8, zi))
3615
+ ], 8, Ii)), a("span", {
3604
3616
  class: "waveform-legend__label",
3605
3617
  title: e.name
3606
- }, S(e.name), 9, zi)], 10, Pi))), 128))], 6)], 2)], 8, Ni));
3618
+ }, S(e.name), 9, Bi)], 10, Fi))), 128))], 6)], 2)], 8, Pi));
3607
3619
  }
3608
- }), [["__scopeId", "data-v-2ae12e71"]]), Vi = {
3620
+ }), [["__scopeId", "data-v-2ae12e71"]]), Hi = {
3609
3621
  class: "waveform-chart__hover-layer",
3610
3622
  "pointer-events": "none",
3611
3623
  "aria-hidden": "true"
3612
- }, Hi = ["clip-path", "transform"], Ui = [
3624
+ }, Ui = ["clip-path", "transform"], Wi = [
3613
3625
  "x1",
3614
3626
  "x2",
3615
3627
  "y2"
3616
- ], Wi = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
3628
+ ], Gi = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
3617
3629
  __name: "WaveformHoverLayer",
3618
3630
  props: {
3619
3631
  state: {},
@@ -3622,21 +3634,11 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3622
3634
  visible: { type: Boolean }
3623
3635
  },
3624
3636
  setup(n) {
3625
- let r = n, o = t(() => {
3626
- if (!r.visible) return [];
3627
- let e = /* @__PURE__ */ new Map();
3628
- return r.state.points.forEach((t) => {
3629
- e.has(t.trackIndex) || e.set(t.trackIndex, t);
3630
- }), r.tracks.flatMap((t) => {
3631
- let n = e.get(t.index);
3632
- return n && !t.isEmpty && t.hasVisibleSeries ? [{
3633
- point: n,
3634
- track: t,
3635
- x: t.xScale(n.point.x)
3636
- }] : [];
3637
- });
3638
- });
3639
- return (t, r) => (g(), i("g", Vi, [(g(!0), i(e, null, y(o.value, (e) => (g(), i("g", {
3637
+ let r = n, o = t(() => !r.visible || r.state.queryX === null ? [] : r.tracks.flatMap((e) => (r.state.trackIndex === null || r.state.trackIndex === e.index) && !e.isEmpty && e.hasVisibleSeries ? [{
3638
+ track: e,
3639
+ x: e.xScale(r.state.queryX)
3640
+ }] : []));
3641
+ return (t, r) => (g(), i("g", Hi, [(g(!0), i(e, null, y(o.value, (e) => (g(), i("g", {
3640
3642
  key: e.track.index,
3641
3643
  class: "waveform-track__crosshair waveform-chart__crosshair",
3642
3644
  "clip-path": `url(#${n.clipPathId}-${e.track.index})`,
@@ -3646,9 +3648,9 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3646
3648
  x2: e.x,
3647
3649
  y1: "0",
3648
3650
  y2: e.track.height
3649
- }, null, 8, Ui)], 8, Hi))), 128))]));
3651
+ }, null, 8, Wi)], 8, Ui))), 128))]));
3650
3652
  }
3651
- }), [["__scopeId", "data-v-a6f82099"]]), Gi = [
3653
+ }), [["__scopeId", "data-v-044318c2"]]), Ki = [
3652
3654
  "data-display-mode",
3653
3655
  "data-interaction-mode",
3654
3656
  "data-presentation-mode",
@@ -3657,31 +3659,31 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3657
3659
  "data-plot-margin-top",
3658
3660
  "data-plot-margin-bottom",
3659
3661
  "data-title-area-height"
3660
- ], Ki = [
3662
+ ], qi = [
3661
3663
  "role",
3662
3664
  "aria-level",
3663
3665
  "aria-hidden"
3664
- ], qi = ["data-title-scale", "data-title-wrapped"], Ji = [
3666
+ ], Ji = ["data-title-scale", "data-title-wrapped"], Yi = [
3665
3667
  "width",
3666
3668
  "height",
3667
3669
  "aria-label"
3668
- ], Yi = ["id"], Xi = ["width", "height"], Zi = ["transform"], Qi = {
3670
+ ], Xi = ["id"], Zi = ["width", "height"], Qi = ["transform"], $i = {
3669
3671
  key: 0,
3670
3672
  class: "waveform-chart__grid-slots",
3671
3673
  "aria-hidden": "true"
3672
- }, $i = ["transform"], ea = ["width", "height"], ta = ["width", "height"], na = [
3674
+ }, ea = ["transform"], ta = ["width", "height"], na = ["width", "height"], ra = [
3673
3675
  "x",
3674
3676
  "y",
3675
3677
  "width",
3676
3678
  "height"
3677
- ], ra = {
3679
+ ], ia = {
3678
3680
  key: 4,
3679
3681
  class: "waveform-chart__legend-layer"
3680
- }, ia = [
3682
+ }, aa = [
3681
3683
  "data-legend-track-index",
3682
3684
  "data-legend-track-id",
3683
3685
  "transform"
3684
- ], aa = ["x", "y"], oa = ["x", "y"], sa = /* @__PURE__ */ c({
3686
+ ], oa = ["x", "y"], sa = ["x", "y"], ca = /* @__PURE__ */ c({
3685
3687
  __name: "WaveformChartView",
3686
3688
  props: { controller: {} },
3687
3689
  setup(t) {
@@ -3734,7 +3736,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3734
3736
  style: p(w(M)),
3735
3737
  "data-title-scale": w(N).scale,
3736
3738
  "data-title-wrapped": w(N).wrapped || void 0
3737
- }, S(w(A)), 13, qi)], 4)) : r("", !0)], 12, Ki)) : r("", !0),
3739
+ }, S(w(A)), 13, Ji)], 4)) : r("", !0)], 12, qi)) : r("", !0),
3738
3740
  (g(), i("svg", {
3739
3741
  ref: w(Xe),
3740
3742
  class: "waveform-chart__svg",
@@ -3751,9 +3753,9 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3751
3753
  }, [a("rect", {
3752
3754
  width: e.width,
3753
3755
  height: e.height
3754
- }, null, 8, Xi)], 8, Yi))), 128))]),
3756
+ }, null, 8, Zi)], 8, Xi))), 128))]),
3755
3757
  a("g", { transform: `translate(${w(_)}, ${w(B)})` }, [
3756
- w(o) !== "compact" && !w(l) ? (g(), i("g", Qi, [(g(!0), i(e, null, y(w(V), (e) => (g(), i("g", {
3758
+ w(o) !== "compact" && !w(l) ? (g(), i("g", $i, [(g(!0), i(e, null, y(w(V), (e) => (g(), i("g", {
3757
3759
  key: `grid-slot-${e.slotIndex}`,
3758
3760
  transform: `translate(${e.left}, ${e.top})`
3759
3761
  }, [e.series ? r("", !0) : (g(), i("rect", {
@@ -3761,7 +3763,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3761
3763
  class: "waveform-chart__grid-slot-placeholder",
3762
3764
  width: e.width,
3763
3765
  height: e.cellHeight
3764
- }, null, 8, ea))], 8, $i))), 128))])) : r("", !0),
3766
+ }, null, 8, ta))], 8, ea))), 128))])) : r("", !0),
3765
3767
  w(o) !== "independent" && w(R).length && w(H) ? (g(), i("rect", {
3766
3768
  key: 1,
3767
3769
  ref: w(Qe),
@@ -3778,8 +3780,8 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3778
3780
  onPointerleave: C[4] ||= (...e) => w(K) && w(K)(...e),
3779
3781
  onClick: C[5] ||= (...e) => w(q) && w(q)(...e),
3780
3782
  onContextmenu: C[6] ||= (...e) => w(J) && w(J)(...e)
3781
- }, null, 42, ta)) : r("", !0),
3782
- (g(!0), i(e, null, y(w(R), (e) => (g(), n(w(Mi), {
3783
+ }, null, 42, na)) : r("", !0),
3784
+ (g(!0), i(e, null, y(w(R), (e) => (g(), n(w(Ni), {
3783
3785
  key: `${e.index}-${e.series.name}`,
3784
3786
  track: e,
3785
3787
  "clip-path-id": w(z),
@@ -3825,7 +3827,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3825
3827
  "onClick",
3826
3828
  "onContextmenu"
3827
3829
  ]))), 128)),
3828
- s(w(Wi), {
3830
+ s(w(Gi), {
3829
3831
  state: w(me),
3830
3832
  tracks: w(R),
3831
3833
  "clip-path-id": w(z),
@@ -3844,7 +3846,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3844
3846
  width: w(ge).width,
3845
3847
  height: w(ge).height,
3846
3848
  "aria-hidden": "true"
3847
- }, null, 8, na)) : r("", !0),
3849
+ }, null, 8, ra)) : r("", !0),
3848
3850
  w(l) ? r("", !0) : (g(), n(w(Ie), {
3849
3851
  key: 3,
3850
3852
  annotations: w(Y),
@@ -3863,13 +3865,13 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3863
3865
  "onMove",
3864
3866
  "onDragEnd"
3865
3867
  ])),
3866
- w(l) ? r("", !0) : (g(), i("g", ra, [(g(!0), i(e, null, y(w(R), (e) => (g(), i("g", {
3868
+ w(l) ? r("", !0) : (g(), i("g", ia, [(g(!0), i(e, null, y(w(R), (e) => (g(), i("g", {
3867
3869
  key: `legend-${e.index}-${e.series.name}`,
3868
3870
  class: "waveform-chart__legend-track",
3869
3871
  "data-legend-track-index": e.index,
3870
3872
  "data-legend-track-id": e.id,
3871
3873
  transform: `translate(${e.left}, ${e.top})`
3872
- }, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(Bi), {
3874
+ }, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(Vi), {
3873
3875
  key: 0,
3874
3876
  series: e.legendSeries,
3875
3877
  position: w(X)(e.id),
@@ -3890,23 +3892,23 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3890
3892
  "width",
3891
3893
  "height",
3892
3894
  "onToggle"
3893
- ])) : r("", !0)], 8, ia))), 128))]))
3894
- ], 8, Zi),
3895
+ ])) : r("", !0)], 8, aa))), 128))]))
3896
+ ], 8, Qi),
3895
3897
  w(Ee) && !w(l) ? (g(), i("text", {
3896
3898
  key: 0,
3897
3899
  class: "waveform-chart__label waveform-chart__x-label",
3898
3900
  x: w(_) + w(te) / 2,
3899
3901
  y: w(De),
3900
3902
  "text-anchor": "middle"
3901
- }, S(w(Ee)), 9, aa)) : r("", !0),
3903
+ }, S(w(Ee)), 9, oa)) : r("", !0),
3902
3904
  w(Oe) && !w(I) ? (g(), i("text", {
3903
3905
  key: 1,
3904
3906
  class: "waveform-chart__empty",
3905
3907
  x: w(P) / 2,
3906
3908
  y: w(F) / 2,
3907
3909
  "text-anchor": "middle"
3908
- }, " 暂无有效波形数据 ", 8, oa)) : r("", !0)
3909
- ], 40, Ji)),
3910
+ }, " 暂无有效波形数据 ", 8, sa)) : r("", !0)
3911
+ ], 40, Yi)),
3910
3912
  w(ke).showPagination && w(Ae) > 1 && !w(l) ? (g(), n(w(ae), {
3911
3913
  key: 1,
3912
3914
  class: "waveform-chart__pagination",
@@ -3965,7 +3967,7 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3965
3967
  "onDelete",
3966
3968
  "onClose"
3967
3969
  ])) : r("", !0),
3968
- s(w(Rr), {
3970
+ s(w(zr), {
3969
3971
  state: w(me),
3970
3972
  visible: w(he) && !w(u),
3971
3973
  "time-unit": w(ue),
@@ -3978,9 +3980,9 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
3978
3980
  "container-width",
3979
3981
  "container-height"
3980
3982
  ])
3981
- ], 46, Gi));
3983
+ ], 46, Ki));
3982
3984
  }
3983
- }), ca = /* @__PURE__ */ c({
3985
+ }), la = /* @__PURE__ */ c({
3984
3986
  __name: "WaveformChart",
3985
3987
  props: {
3986
3988
  data: {},
@@ -4062,8 +4064,8 @@ var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
4062
4064
  return t({
4063
4065
  resetViewport: i.resetViewport,
4064
4066
  setViewportDomain: i.setViewportDomain
4065
- }), (e, t) => (g(), n(sa, { controller: w(i) }, null, 8, ["controller"]));
4067
+ }), (e, t) => (g(), n(ca, { controller: w(i) }, null, 8, ["controller"]));
4066
4068
  }
4067
4069
  });
4068
4070
  //#endregion
4069
- export { Ut as DEFAULT_WAVEFORM_RENDERING_OPTIONS, ca as WaveformChart, Ze as buildMinorTicks, _t as clamp, ut as displayTime, pt as formatAxisTime, ft as formatEndpointTime, mt as formatTooltipTime, It as normalizeWaveformData, Lt as normalizeWaveformSeries, Xe as paddedDomain, Je as parseWaveformAnnotations, gt as resolveTrackGeometry, Wt as resolveWaveformRenderingOptions, Xt as selectRenderablePoints, qe as serializeWaveformAnnotations };
4071
+ export { Ut as DEFAULT_WAVEFORM_RENDERING_OPTIONS, la as WaveformChart, Ze as buildMinorTicks, _t as clamp, ut as displayTime, pt as formatAxisTime, ft as formatEndpointTime, mt as formatTooltipTime, It as normalizeWaveformData, Lt as normalizeWaveformSeries, Xe as paddedDomain, Je as parseWaveformAnnotations, gt as resolveTrackGeometry, Wt as resolveWaveformRenderingOptions, Xt as selectRenderablePoints, qe as serializeWaveformAnnotations };