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.
- package/dist/index.cjs +1 -1
- package/dist/index.js +163 -161
- package/dist/style.css +1 -1
- package/dist/types/components/core/constants.d.ts +2 -2
- package/dist/types/components/core/types.d.ts +2 -1
- package/dist/types/components/core/yAxisConstants.d.ts +2 -2
- package/dist/types/components/interaction/WaveformTooltip.vue.d.ts +1 -1
- package/package.json +1 -1
- package/src/App.test.ts +2 -7
- package/src/components/WaveformChart.css +1 -1
- package/src/components/core/constants.ts +3 -3
- package/src/components/core/layout.test.ts +3 -3
- package/src/components/core/layout.ts +2 -2
- package/src/components/core/trackLayoutBuilder.ts +3 -5
- package/src/components/core/types.ts +2 -1
- package/src/components/core/useWaveformChartController.ts +1 -0
- package/src/components/core/yAxisConstants.ts +2 -2
- package/src/components/interaction/WaveformHoverHost.vue +3 -1
- package/src/components/interaction/WaveformTooltip.test.ts +23 -0
- package/src/components/interaction/WaveformTooltip.vue +9 -6
- package/src/components/interaction/useWaveformHover.ts +19 -14
- package/src/components/rendering/WaveformHoverLayer.vue +5 -11
- package/src/components/rendering/WaveformTrackAxes.vue +5 -4
- package/src/components/waveformChartCases/compactAndSharedHover.test.ts +43 -0
- package/src/components/waveformChartCases/dataLifecycle.test.ts +1 -1
- package/src/components/waveformChartCases/frameGridAndFormatting.test.ts +10 -0
- package/src/components/waveformChartCases/incompleteDataHover.test.ts +67 -0
- package/src/components/waveformChartCases/layoutAndDomains.test.ts +5 -5
- package/src/components/waveformChartCases/legendVisibility.test.ts +1 -1
- package/src/components/waveformChartCases/multiAxisAndPagination.test.ts +1 -1
- package/src/data/simulatedWaveforms.test.ts +7 -2
- 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:
|
|
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.
|
|
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,
|
|
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 =
|
|
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.
|
|
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) =>
|
|
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.
|
|
1551
|
-
|
|
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.
|
|
1572
|
-
|
|
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 +
|
|
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 +
|
|
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 = {
|
|
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 -
|
|
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 =
|
|
2901
|
-
return `${e.shotNo?.trim() || "未配置炮号"}: ${e.name}${e.unit ? `(${e.unit})` : ""}
|
|
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 +
|
|
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 +
|
|
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(
|
|
2911
|
-
} : t >=
|
|
2912
|
-
right: `${s.containerWidth - s.position.x +
|
|
2913
|
-
maxWidth: `${Math.min(
|
|
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: `${
|
|
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)]),
|
|
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-
|
|
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
|
|
2943
|
-
return (t, r) => (g(), n(
|
|
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
|
-
}),
|
|
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
|
|
2968
|
-
return e === "none" ? null : U().type(
|
|
2971
|
+
function Kr(e, t = 48) {
|
|
2972
|
+
return e === "none" ? null : U().type(Gr[e]).size(t)() ?? null;
|
|
2969
2973
|
}
|
|
2970
|
-
function
|
|
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
|
|
2991
|
+
function Jr(e) {
|
|
2988
2992
|
return e === "none" ? null : "M1 8H25";
|
|
2989
2993
|
}
|
|
2990
|
-
function
|
|
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
|
|
2995
|
-
let t = (Number.isFinite(e) && e > 0 ? Math.min(e,
|
|
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} ${
|
|
2998
|
-
`M${
|
|
2999
|
-
`M${n} ${
|
|
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
|
|
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
|
-
],
|
|
3017
|
+
], ei = ["data-series-id"], ti = [
|
|
3014
3018
|
"d",
|
|
3015
3019
|
"stroke",
|
|
3016
3020
|
"stroke-width"
|
|
3017
|
-
],
|
|
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 =
|
|
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(
|
|
3063
|
-
}, null, 8,
|
|
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,
|
|
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,
|
|
3086
|
-
], 8,
|
|
3089
|
+
}, null, 8, ri)) : r("", !0)], 8, ni))
|
|
3090
|
+
], 8, Qr))), 128))], 8, Zr)) : r("", !0);
|
|
3087
3091
|
}
|
|
3088
|
-
}), [["__scopeId", "data-v-42a3fd47"]]),
|
|
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
|
-
},
|
|
3098
|
+
}, ci = ["x"], li = [
|
|
3095
3099
|
"data-y-axis-index",
|
|
3096
3100
|
"data-y-axis-side",
|
|
3097
3101
|
"transform"
|
|
3098
|
-
],
|
|
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,
|
|
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",
|
|
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,
|
|
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,
|
|
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",
|
|
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:
|
|
3198
|
+
width: w(12),
|
|
3187
3199
|
height: "80",
|
|
3188
3200
|
rx: "2"
|
|
3189
|
-
}, null, 8,
|
|
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,
|
|
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:
|
|
3216
|
+
width: w(12),
|
|
3205
3217
|
height: "80",
|
|
3206
3218
|
rx: "2"
|
|
3207
|
-
}, null, 8,
|
|
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,
|
|
3225
|
+
}, S(c(e.seriesList[0])), 9, hi)], 8, pi))), 128))
|
|
3214
3226
|
], 64));
|
|
3215
3227
|
}
|
|
3216
|
-
}),
|
|
3228
|
+
}), _i = [
|
|
3217
3229
|
"width",
|
|
3218
3230
|
"height",
|
|
3219
3231
|
"fill"
|
|
3220
|
-
],
|
|
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
|
-
],
|
|
3237
|
+
], xi = [
|
|
3226
3238
|
"stroke",
|
|
3227
3239
|
"x2",
|
|
3228
3240
|
"y1",
|
|
3229
3241
|
"y2"
|
|
3230
|
-
],
|
|
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
|
-
],
|
|
3247
|
+
], wi = [
|
|
3236
3248
|
"stroke",
|
|
3237
3249
|
"x2",
|
|
3238
3250
|
"y1",
|
|
3239
3251
|
"y2"
|
|
3240
|
-
],
|
|
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
|
-
],
|
|
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,
|
|
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",
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
3349
|
+
}, S(t.frameNumber), 13, Di)) : r("", !0)
|
|
3338
3350
|
], 64));
|
|
3339
3351
|
}
|
|
3340
|
-
}),
|
|
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
|
-
],
|
|
3361
|
+
], Ai = [
|
|
3350
3362
|
"width",
|
|
3351
3363
|
"height",
|
|
3352
3364
|
"stroke",
|
|
3353
3365
|
"stroke-width",
|
|
3354
3366
|
"stroke-dasharray",
|
|
3355
3367
|
"stroke-linecap"
|
|
3356
|
-
],
|
|
3368
|
+
], ji = [
|
|
3357
3369
|
"data-interactive",
|
|
3358
3370
|
"data-independent-overlay-index",
|
|
3359
3371
|
"width",
|
|
3360
3372
|
"height"
|
|
3361
|
-
],
|
|
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(
|
|
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(
|
|
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,
|
|
3464
|
-
s(
|
|
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,
|
|
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,
|
|
3495
|
-
], 10,
|
|
3506
|
+
}, " 暂无可见曲线 ", 8, Mi)) : r("", !0)
|
|
3507
|
+
], 10, ki));
|
|
3496
3508
|
}
|
|
3497
|
-
}),
|
|
3509
|
+
}), Pi = [
|
|
3498
3510
|
"width",
|
|
3499
3511
|
"height",
|
|
3500
3512
|
"data-position",
|
|
3501
3513
|
"data-orientation"
|
|
3502
|
-
],
|
|
3514
|
+
], Fi = [
|
|
3503
3515
|
"disabled",
|
|
3504
3516
|
"aria-pressed",
|
|
3505
3517
|
"aria-label",
|
|
3506
3518
|
"onClick"
|
|
3507
|
-
],
|
|
3519
|
+
], Ii = [
|
|
3508
3520
|
"data-line-type",
|
|
3509
3521
|
"data-line-style",
|
|
3510
3522
|
"data-point-type",
|
|
3511
3523
|
"data-error-bar-visible"
|
|
3512
|
-
],
|
|
3524
|
+
], Li = [
|
|
3513
3525
|
"d",
|
|
3514
3526
|
"stroke",
|
|
3515
3527
|
"stroke-dasharray"
|
|
3516
|
-
],
|
|
3528
|
+
], Ri = [
|
|
3517
3529
|
"d",
|
|
3518
3530
|
"stroke",
|
|
3519
3531
|
"stroke-width"
|
|
3520
|
-
],
|
|
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(
|
|
3590
|
+
w(Jr)(e.lineType) ? (g(), i("path", {
|
|
3579
3591
|
key: 0,
|
|
3580
3592
|
class: "waveform-legend__line",
|
|
3581
|
-
d: w(
|
|
3593
|
+
d: w(Jr)(e.lineType) ?? void 0,
|
|
3582
3594
|
stroke: e.color,
|
|
3583
|
-
"stroke-dasharray": w(
|
|
3595
|
+
"stroke-dasharray": w(Yr)(e.lineStyle),
|
|
3584
3596
|
"stroke-width": "1.5",
|
|
3585
3597
|
fill: "none"
|
|
3586
|
-
}, null, 8,
|
|
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(
|
|
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,
|
|
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(
|
|
3611
|
+
d: w(Kr)(e.pointType, 30) ?? void 0,
|
|
3600
3612
|
fill: e.color,
|
|
3601
3613
|
transform: "translate(13 8)"
|
|
3602
|
-
}, null, 8,
|
|
3603
|
-
], 8,
|
|
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,
|
|
3618
|
+
}, S(e.name), 9, Bi)], 10, Fi))), 128))], 6)], 2)], 8, Pi));
|
|
3607
3619
|
}
|
|
3608
|
-
}), [["__scopeId", "data-v-2ae12e71"]]),
|
|
3620
|
+
}), [["__scopeId", "data-v-2ae12e71"]]), Hi = {
|
|
3609
3621
|
class: "waveform-chart__hover-layer",
|
|
3610
3622
|
"pointer-events": "none",
|
|
3611
3623
|
"aria-hidden": "true"
|
|
3612
|
-
},
|
|
3624
|
+
}, Ui = ["clip-path", "transform"], Wi = [
|
|
3613
3625
|
"x1",
|
|
3614
3626
|
"x2",
|
|
3615
3627
|
"y2"
|
|
3616
|
-
],
|
|
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
|
-
|
|
3627
|
-
|
|
3628
|
-
|
|
3629
|
-
|
|
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,
|
|
3651
|
+
}, null, 8, Wi)], 8, Ui))), 128))]));
|
|
3650
3652
|
}
|
|
3651
|
-
}), [["__scopeId", "data-v-
|
|
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
|
-
],
|
|
3662
|
+
], qi = [
|
|
3661
3663
|
"role",
|
|
3662
3664
|
"aria-level",
|
|
3663
3665
|
"aria-hidden"
|
|
3664
|
-
],
|
|
3666
|
+
], Ji = ["data-title-scale", "data-title-wrapped"], Yi = [
|
|
3665
3667
|
"width",
|
|
3666
3668
|
"height",
|
|
3667
3669
|
"aria-label"
|
|
3668
|
-
],
|
|
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
|
-
},
|
|
3674
|
+
}, ea = ["transform"], ta = ["width", "height"], na = ["width", "height"], ra = [
|
|
3673
3675
|
"x",
|
|
3674
3676
|
"y",
|
|
3675
3677
|
"width",
|
|
3676
3678
|
"height"
|
|
3677
|
-
],
|
|
3679
|
+
], ia = {
|
|
3678
3680
|
key: 4,
|
|
3679
3681
|
class: "waveform-chart__legend-layer"
|
|
3680
|
-
},
|
|
3682
|
+
}, aa = [
|
|
3681
3683
|
"data-legend-track-index",
|
|
3682
3684
|
"data-legend-track-id",
|
|
3683
3685
|
"transform"
|
|
3684
|
-
],
|
|
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,
|
|
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,
|
|
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",
|
|
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,
|
|
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,
|
|
3782
|
-
(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(
|
|
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(
|
|
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,
|
|
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",
|
|
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(
|
|
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,
|
|
3894
|
-
], 8,
|
|
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,
|
|
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,
|
|
3909
|
-
], 40,
|
|
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(
|
|
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,
|
|
3983
|
+
], 46, Ki));
|
|
3982
3984
|
}
|
|
3983
|
-
}),
|
|
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(
|
|
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,
|
|
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 };
|