waveform-analysis 0.1.24 → 0.1.26
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/README.md +45 -5
- package/dist/index.cjs +1 -1
- package/dist/index.js +540 -487
- package/dist/types/App.vue.d.ts +4 -0
- package/dist/types/DemoRouterApp.vue.d.ts +3 -0
- package/dist/types/components/core/layout.d.ts +6 -3
- package/dist/types/components/core/trackLayoutBuilder.d.ts +2 -0
- package/dist/types/components/core/useWaveformChartController.d.ts +2 -0
- package/dist/types/components/core/waveformChartTypes.d.ts +2 -0
- package/dist/types/components/core/yDomain.d.ts +7 -0
- package/dist/types/demo/DemoChartHost.vue.d.ts +14 -0
- package/dist/types/demo/DemoControlPanel.vue.d.ts +11 -0
- package/dist/types/demo/DemoGridFrameControls.vue.d.ts +11 -0
- package/dist/types/demo/DemoTitleLegendControls.vue.d.ts +11 -0
- package/dist/types/demo/DemoViewControls.vue.d.ts +11 -0
- package/dist/types/demo/types.d.ts +84 -0
- package/dist/types/router.d.ts +3 -0
- package/dist/types/views/FixedYDomainDemo.vue.d.ts +3 -0
- package/package.json +2 -1
- package/src/DemoRouterApp.vue +14 -0
- package/src/components/core/fixedYDomainLayout.test.ts +116 -0
- package/src/components/core/layout.ts +43 -10
- package/src/components/core/trackLayoutBuilder.ts +17 -7
- package/src/components/core/useWaveformChartController.ts +10 -0
- package/src/components/core/useWaveformLayout.ts +20 -4
- package/src/components/core/waveformChartTypes.ts +2 -0
- package/src/components/core/yDomain.test.ts +56 -0
- package/src/components/core/yDomain.ts +50 -0
- package/src/components/interaction/useWaveformViewport.ts +6 -1
- package/src/components/rendering/WaveformTrack.vue +1 -1
- package/src/components/rendering/WaveformTrackAxes.vue +5 -7
- package/src/components/waveformChartCases/layoutAndDomains.test.ts +25 -0
- package/src/components/waveformChartCases/presentationAndAxes.test.ts +26 -6
- package/src/components/waveformChartCases/viewportBoxAndPan.test.ts +50 -0
- package/src/demoRoutes.css +197 -0
- package/src/main.ts +4 -2
- package/src/router.ts +21 -0
- package/src/styles.css +1 -2
- package/src/views/FixedYDomainDemo.test.ts +44 -0
- package/src/views/FixedYDomainDemo.vue +149 -0
package/dist/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
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";
|
|
2
|
-
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
|
|
3
|
-
import { Pagination as
|
|
4
|
-
import { ColorPicker as
|
|
2
|
+
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 } from "d3";
|
|
3
|
+
import { Pagination as ae } from "ant-design-vue";
|
|
4
|
+
import { ColorPicker as W } from "vue3-colorpicker";
|
|
5
5
|
import "vue3-colorpicker/style.css";
|
|
6
6
|
//#region src/utils/waveformId.ts
|
|
7
|
-
var
|
|
8
|
-
function
|
|
7
|
+
var oe = 0;
|
|
8
|
+
function se(e = "waveform") {
|
|
9
9
|
let t = l();
|
|
10
|
-
return `${e}-${t ? `v${t.uid}` : `f${++
|
|
10
|
+
return `${e}-${t ? `v${t.uid}` : `f${++oe}`}`;
|
|
11
11
|
}
|
|
12
12
|
//#endregion
|
|
13
13
|
//#region src/components/annotation/annotationLayout.ts
|
|
14
|
-
function
|
|
14
|
+
function ce(e, t) {
|
|
15
15
|
return e >= Math.min(t[0], t[1]) && e <= Math.max(t[0], t[1]);
|
|
16
16
|
}
|
|
17
|
-
function
|
|
17
|
+
function le(e, t, n) {
|
|
18
18
|
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)));
|
|
19
19
|
return {
|
|
20
20
|
...e,
|
|
@@ -24,11 +24,11 @@ function se(e, t, n) {
|
|
|
24
24
|
lineEndY: Math.max(i, Math.min(e.lineEndY, i + e.height))
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
|
-
function
|
|
28
|
-
let s =
|
|
27
|
+
function ue(e, t, n, r, i, a, o) {
|
|
28
|
+
let s = G(e, t, n, r, i);
|
|
29
29
|
return s.x >= 0 && s.y >= 0 && s.x + n <= a && s.y + r <= o;
|
|
30
30
|
}
|
|
31
|
-
function
|
|
31
|
+
function de(e, t, n, r, i, a) {
|
|
32
32
|
for (let o of [
|
|
33
33
|
"top",
|
|
34
34
|
"bottom",
|
|
@@ -38,10 +38,10 @@ function le(e, t, n, r, i, a) {
|
|
|
38
38
|
"top-left",
|
|
39
39
|
"bottom-right",
|
|
40
40
|
"bottom-left"
|
|
41
|
-
]) if (
|
|
41
|
+
]) if (ue(e, t, n, r, o, i, a)) return o;
|
|
42
42
|
return "top";
|
|
43
43
|
}
|
|
44
|
-
function
|
|
44
|
+
function fe(e, t, n) {
|
|
45
45
|
let r = e.x + e.width / 2, i = e.y + e.height / 2, a = t - r, o = n - i;
|
|
46
46
|
if (Math.abs(a) * e.height > Math.abs(o) * e.width) {
|
|
47
47
|
let t = a >= 0 ? e.x + e.width : e.x, n = a === 0 ? 0 : (t - r) / a;
|
|
@@ -56,7 +56,7 @@ function ue(e, t, n) {
|
|
|
56
56
|
y: s
|
|
57
57
|
};
|
|
58
58
|
}
|
|
59
|
-
function
|
|
59
|
+
function G(e, t, n, r, i) {
|
|
60
60
|
let a = e - n / 2, o = t - r / 2, s = e + 32, c = e - n - 32, l = t - r - 32, u = t + 32;
|
|
61
61
|
switch (i) {
|
|
62
62
|
case "top": return {
|
|
@@ -93,36 +93,36 @@ function de(e, t, n, r, i) {
|
|
|
93
93
|
};
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
|
-
function
|
|
96
|
+
function pe(e, t, n) {
|
|
97
97
|
return {
|
|
98
|
-
width: Math.min(t, Math.max(16, Math.min(240, Math.ceil(Math.max(...e.map(
|
|
98
|
+
width: Math.min(t, Math.max(16, Math.min(240, Math.ceil(Math.max(...e.map(xe), 0)) + 16))),
|
|
99
99
|
height: Math.min(n, Math.max(26, (e.length - 1) * 16 + 14 + 16))
|
|
100
100
|
};
|
|
101
101
|
}
|
|
102
|
-
function
|
|
103
|
-
let { width: c, height: l } =
|
|
102
|
+
function me(e, t, n, r, i, a, o = 0, s = 0) {
|
|
103
|
+
let { width: c, height: l } = pe(n, r, i), u = G(e, t, c, l, a), d = le({
|
|
104
104
|
x: u.x + o,
|
|
105
105
|
y: u.y + s,
|
|
106
106
|
width: c,
|
|
107
107
|
height: l,
|
|
108
108
|
lineEndX: e,
|
|
109
109
|
lineEndY: t
|
|
110
|
-
}, r, i), f =
|
|
110
|
+
}, r, i), f = fe(d, e, t);
|
|
111
111
|
return {
|
|
112
112
|
...d,
|
|
113
113
|
lineEndX: f.x,
|
|
114
114
|
lineEndY: f.y
|
|
115
115
|
};
|
|
116
116
|
}
|
|
117
|
-
function
|
|
117
|
+
function he(e, t, n, r) {
|
|
118
118
|
let i = [];
|
|
119
119
|
return e.forEach((e) => {
|
|
120
120
|
if (!Se(e)) return;
|
|
121
121
|
let a = t.find((t) => t.series.id === e.seriesId);
|
|
122
122
|
if (!a) return;
|
|
123
123
|
let o = a.xScale.domain(), s = a.yScale.domain();
|
|
124
|
-
if (!
|
|
125
|
-
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 } =
|
|
124
|
+
if (!ce(e.x, o) || !ce(e.y, s)) return;
|
|
125
|
+
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 } = pe(c, u, m), y = g ? "top" : de(d, h, _, v, u, m), b = me(d, h, c, u, m, y, Number.isFinite(e.labelOffsetX) ? e.labelOffsetX : 0, Number.isFinite(e.labelOffsetY) ? e.labelOffsetY : 0), x = {
|
|
126
126
|
...b,
|
|
127
127
|
x: b.x + l,
|
|
128
128
|
y: b.y + a.top,
|
|
@@ -137,13 +137,13 @@ function me(e, t, n, r) {
|
|
|
137
137
|
placement: y,
|
|
138
138
|
lines: c,
|
|
139
139
|
box: { ...x },
|
|
140
|
-
style:
|
|
140
|
+
style: Y(e.style)
|
|
141
141
|
});
|
|
142
142
|
}), i;
|
|
143
143
|
}
|
|
144
144
|
//#endregion
|
|
145
145
|
//#region src/components/annotation/markup.ts
|
|
146
|
-
var
|
|
146
|
+
var K = {
|
|
147
147
|
borderColor: "#1677ff",
|
|
148
148
|
textColor: "#333333",
|
|
149
149
|
backgroundColor: "rgba(255, 255, 255, 0.92)"
|
|
@@ -188,7 +188,7 @@ function ve(e, t, n = "linear") {
|
|
|
188
188
|
y: s.y + (o.y - s.y) * l
|
|
189
189
|
};
|
|
190
190
|
}
|
|
191
|
-
function
|
|
191
|
+
function ye(e, t, n, r) {
|
|
192
192
|
return e.flatMap((e) => {
|
|
193
193
|
let i = ve(e.series.points, t, e.series.lineType);
|
|
194
194
|
if (!i) return [];
|
|
@@ -199,7 +199,7 @@ function J(e, t, n, r) {
|
|
|
199
199
|
trackIndex: e.index,
|
|
200
200
|
seriesId: e.series.id,
|
|
201
201
|
name: e.series.name?.trim() || e.series.id,
|
|
202
|
-
color: e.series.color ||
|
|
202
|
+
color: e.series.color || K.borderColor,
|
|
203
203
|
unit: e.series.unit,
|
|
204
204
|
point: a,
|
|
205
205
|
screenX: c,
|
|
@@ -208,18 +208,18 @@ function J(e, t, n, r) {
|
|
|
208
208
|
}];
|
|
209
209
|
}).sort((e, t) => e.distance - t.distance || e.trackIndex - t.trackIndex);
|
|
210
210
|
}
|
|
211
|
-
var
|
|
212
|
-
function ye(e) {
|
|
213
|
-
return Array.from(e).reduce((e, t) => e + (t.codePointAt(0) > 255 ? 12 : 6.7), 0);
|
|
214
|
-
}
|
|
211
|
+
var J;
|
|
215
212
|
function be(e) {
|
|
216
|
-
return
|
|
213
|
+
return Array.from(e).reduce((e, t) => e + (t.codePointAt(0) > 255 ? 12 : 6.7), 0);
|
|
217
214
|
}
|
|
218
215
|
function xe(e) {
|
|
216
|
+
return J === void 0 && (J = null, typeof document < "u" && typeof CanvasRenderingContext2D < "u" && (J = document.createElement("canvas").getContext("2d"), J && (J.font = ge))), J?.measureText(e).width ?? be(e);
|
|
217
|
+
}
|
|
218
|
+
function Y(e) {
|
|
219
219
|
return {
|
|
220
|
-
borderColor: e?.borderColor ||
|
|
221
|
-
textColor: e?.textColor ||
|
|
222
|
-
backgroundColor: e?.backgroundColor ||
|
|
220
|
+
borderColor: e?.borderColor || K.borderColor,
|
|
221
|
+
textColor: e?.textColor || K.textColor,
|
|
222
|
+
backgroundColor: e?.backgroundColor || K.backgroundColor
|
|
223
223
|
};
|
|
224
224
|
}
|
|
225
225
|
function Se(e) {
|
|
@@ -735,15 +735,35 @@ var ft = {
|
|
|
735
735
|
COLOR: "#98a2b3",
|
|
736
736
|
WIDTH: 1,
|
|
737
737
|
DASH: "6 4"
|
|
738
|
-
}
|
|
739
|
-
|
|
738
|
+
};
|
|
739
|
+
//#endregion
|
|
740
|
+
//#region src/components/core/yDomain.ts
|
|
741
|
+
function yt(e) {
|
|
742
|
+
if (!(!e || !Number.isFinite(e[0]) || !Number.isFinite(e[1]) || e[0] === e[1])) return e[0] < e[1] ? [e[0], e[1]] : [e[1], e[0]];
|
|
743
|
+
}
|
|
744
|
+
function bt(e, t) {
|
|
745
|
+
return yt(t?.[e.id]);
|
|
746
|
+
}
|
|
747
|
+
function xt(e, t, n) {
|
|
748
|
+
return yt(n?.[e.id]) ?? yt(t);
|
|
749
|
+
}
|
|
750
|
+
function St(e, t, n) {
|
|
751
|
+
return !!(bt(e, n) || e.visibleSeries.some((e) => xt(e, t, n)));
|
|
752
|
+
}
|
|
753
|
+
function Ct(e) {
|
|
754
|
+
return [Math.min(...e.map((e) => e[0])), Math.max(...e.map((e) => e[1]))];
|
|
755
|
+
}
|
|
756
|
+
//#endregion
|
|
757
|
+
//#region src/core/data.ts
|
|
758
|
+
var wt = _t.WIDTH, Tt = _t.CAP_WIDTH;
|
|
759
|
+
function Et(e) {
|
|
740
760
|
return e === "dashed" || e === "dash-dot" ? e : "solid";
|
|
741
761
|
}
|
|
742
|
-
function
|
|
762
|
+
function Dt(e) {
|
|
743
763
|
return typeof e == "number" && Number.isFinite(e) && e >= 0 ? e : void 0;
|
|
744
764
|
}
|
|
745
|
-
function
|
|
746
|
-
let t =
|
|
765
|
+
function Ot(e) {
|
|
766
|
+
let t = Dt(e.error), n = Dt(e.lowerError), r = Dt(e.upperError);
|
|
747
767
|
return {
|
|
748
768
|
x: e.x,
|
|
749
769
|
y: e.y,
|
|
@@ -752,14 +772,14 @@ function Ct(e) {
|
|
|
752
772
|
...r === void 0 ? {} : { upperError: r }
|
|
753
773
|
};
|
|
754
774
|
}
|
|
755
|
-
function
|
|
756
|
-
let t =
|
|
775
|
+
function kt(e) {
|
|
776
|
+
let t = Dt(e.error) ?? 0;
|
|
757
777
|
return {
|
|
758
|
-
lower:
|
|
759
|
-
upper:
|
|
778
|
+
lower: Dt(e.lowerError) ?? t,
|
|
779
|
+
upper: Dt(e.upperError) ?? t
|
|
760
780
|
};
|
|
761
781
|
}
|
|
762
|
-
function
|
|
782
|
+
function At(e) {
|
|
763
783
|
if (e.kind === "samples") {
|
|
764
784
|
if (!Number.isFinite(e.sampleRate) || e.sampleRate <= 0) return [];
|
|
765
785
|
let t = Number.isFinite(e.startTime) ? e.startTime ?? 0 : 0, n = [];
|
|
@@ -775,14 +795,14 @@ function Tt(e) {
|
|
|
775
795
|
let t = [], n = -Infinity, r = !0;
|
|
776
796
|
for (let i of e.points) {
|
|
777
797
|
if (!Number.isFinite(i.x) || !Number.isFinite(i.y)) continue;
|
|
778
|
-
let e =
|
|
798
|
+
let e = Ot(i);
|
|
779
799
|
e.x < n && (r = !1), n = e.x, t.push(e);
|
|
780
800
|
}
|
|
781
801
|
return r || t.sort((e, t) => e.x - t.x), t;
|
|
782
802
|
}
|
|
783
|
-
function
|
|
803
|
+
function jt(e) {
|
|
784
804
|
if (e.kind !== "series") {
|
|
785
|
-
let t =
|
|
805
|
+
let t = At(e);
|
|
786
806
|
return t.length > 0 ? [{
|
|
787
807
|
id: "series-0",
|
|
788
808
|
name: "",
|
|
@@ -791,8 +811,8 @@ function Et(e) {
|
|
|
791
811
|
pointType: "none",
|
|
792
812
|
errorBar: {
|
|
793
813
|
visible: !1,
|
|
794
|
-
width:
|
|
795
|
-
capWidth:
|
|
814
|
+
width: wt,
|
|
815
|
+
capWidth: Tt
|
|
796
816
|
},
|
|
797
817
|
points: t
|
|
798
818
|
}] : [];
|
|
@@ -802,7 +822,7 @@ function Et(e) {
|
|
|
802
822
|
let r = e.id?.trim() || `series-${n}`, i = r, a = 1;
|
|
803
823
|
for (; t.has(i);) i = `${r}-${a}`, a++;
|
|
804
824
|
t.add(i);
|
|
805
|
-
let o = e.lineType ?? "linear", s =
|
|
825
|
+
let o = e.lineType ?? "linear", s = Et(e.lineStyle), c = e.pointType ?? "none", l = e.errorBar?.visible === !0, u = o === "none" && c === "none" && !l ? "linear" : o, d = Number(e.errorBar?.width), f = Number(e.errorBar?.capWidth);
|
|
806
826
|
return {
|
|
807
827
|
id: i,
|
|
808
828
|
trackId: e.trackId?.trim() || void 0,
|
|
@@ -815,55 +835,55 @@ function Et(e) {
|
|
|
815
835
|
errorBar: {
|
|
816
836
|
visible: l,
|
|
817
837
|
color: e.errorBar?.color,
|
|
818
|
-
width: Number.isFinite(d) && d > 0 ? d :
|
|
819
|
-
capWidth: Number.isFinite(f) && f > 0 ? f :
|
|
838
|
+
width: Number.isFinite(d) && d > 0 ? d : wt,
|
|
839
|
+
capWidth: Number.isFinite(f) && f > 0 ? f : Tt
|
|
820
840
|
},
|
|
821
|
-
points:
|
|
841
|
+
points: At(e.data)
|
|
822
842
|
};
|
|
823
843
|
}).filter((e) => e.points.length > 0);
|
|
824
844
|
}
|
|
825
845
|
//#endregion
|
|
826
846
|
//#region src/core/renderingOptions.ts
|
|
827
|
-
var
|
|
847
|
+
var Mt = {
|
|
828
848
|
downsample: !0,
|
|
829
849
|
downsampleThreshold: 2e3,
|
|
830
850
|
maxPointsPerPixel: 4,
|
|
831
851
|
pointMinSpacing: 10,
|
|
832
852
|
errorBarMinSpacing: 12
|
|
833
853
|
};
|
|
834
|
-
function
|
|
854
|
+
function Nt(e) {
|
|
835
855
|
let t = Number(e?.downsampleThreshold), n = Number(e?.maxPointsPerPixel), r = Number(e?.pointMinSpacing), i = Number(e?.errorBarMinSpacing);
|
|
836
856
|
return {
|
|
837
|
-
downsample: e?.downsample ??
|
|
838
|
-
downsampleThreshold: Number.isFinite(t) && t >= 2 ? Math.floor(t) :
|
|
839
|
-
maxPointsPerPixel: Number.isFinite(n) && n > 0 ? n :
|
|
840
|
-
pointMinSpacing: Number.isFinite(r) && r >= 0 ? r :
|
|
841
|
-
errorBarMinSpacing: Number.isFinite(i) && i >= 0 ? i :
|
|
857
|
+
downsample: e?.downsample ?? Mt.downsample,
|
|
858
|
+
downsampleThreshold: Number.isFinite(t) && t >= 2 ? Math.floor(t) : Mt.downsampleThreshold,
|
|
859
|
+
maxPointsPerPixel: Number.isFinite(n) && n > 0 ? n : Mt.maxPointsPerPixel,
|
|
860
|
+
pointMinSpacing: Number.isFinite(r) && r >= 0 ? r : Mt.pointMinSpacing,
|
|
861
|
+
errorBarMinSpacing: Number.isFinite(i) && i >= 0 ? i : Mt.errorBarMinSpacing
|
|
842
862
|
};
|
|
843
863
|
}
|
|
844
864
|
//#endregion
|
|
845
865
|
//#region src/core/rendering.ts
|
|
846
|
-
var
|
|
847
|
-
function
|
|
866
|
+
var Pt = N((e) => e.x), Ft = () => !0;
|
|
867
|
+
function It(e, t) {
|
|
848
868
|
let n = Math.min(t[0], t[1]), r = Math.max(t[0], t[1]);
|
|
849
869
|
return {
|
|
850
|
-
start:
|
|
851
|
-
end:
|
|
870
|
+
start: Pt.left(e, n),
|
|
871
|
+
end: Pt.right(e, r)
|
|
852
872
|
};
|
|
853
873
|
}
|
|
854
|
-
function
|
|
874
|
+
function Lt(e, t, n) {
|
|
855
875
|
if (!Number.isFinite(n) || n <= 0) return !0;
|
|
856
876
|
let r = Math.ceil(n), i = /* @__PURE__ */ new Set();
|
|
857
877
|
for (let n of e) {
|
|
858
|
-
let e =
|
|
878
|
+
let e = It(n.points, t);
|
|
859
879
|
for (let t = e.start; t < e.end; t += 1) if (i.add(n.points[t].x), i.size >= r) return !0;
|
|
860
880
|
}
|
|
861
881
|
return !1;
|
|
862
882
|
}
|
|
863
|
-
function
|
|
883
|
+
function Rt(e, t) {
|
|
864
884
|
t && e[e.length - 1] !== t && e.push(t);
|
|
865
885
|
}
|
|
866
|
-
function
|
|
886
|
+
function zt(e, t, n, r, i) {
|
|
867
887
|
let a = Math.min(n[0], n[1]), o = Math.max(n[0], n[1]), s = Math.max(0, t.start - 1), c = Math.min(e.length, t.end + 1), l = c - s;
|
|
868
888
|
if (l <= 0) return [];
|
|
869
889
|
if (!i.downsample || l <= i.downsampleThreshold) return e.slice(s, c);
|
|
@@ -882,9 +902,9 @@ function Pt(e, t, n, r, i) {
|
|
|
882
902
|
for (; n >= 0 && m[n] > t;) m[n + 1] = m[n], --n;
|
|
883
903
|
m[n + 1] = t;
|
|
884
904
|
}
|
|
885
|
-
for (let n = 0; n < t; n += 1)
|
|
905
|
+
for (let n = 0; n < t; n += 1) Rt(f, e[m[n]]);
|
|
886
906
|
};
|
|
887
|
-
|
|
907
|
+
Rt(f, e[s]);
|
|
888
908
|
for (let n = t.start; n < t.end; n += 1) {
|
|
889
909
|
let t = e[n], r = Math.min(d - 1, Math.max(0, Math.floor((t.x - a) / p * d)));
|
|
890
910
|
if (r !== h) {
|
|
@@ -893,14 +913,14 @@ function Pt(e, t, n, r, i) {
|
|
|
893
913
|
}
|
|
894
914
|
_ = n, t.y < e[v].y && (v = n), t.y > e[y].y && (y = n);
|
|
895
915
|
}
|
|
896
|
-
return x(),
|
|
916
|
+
return x(), Rt(f, e[c - 1]), f;
|
|
897
917
|
}
|
|
898
|
-
function
|
|
899
|
-
return !e.length || n <= 0 ? [] :
|
|
918
|
+
function Bt(e, t, n, r) {
|
|
919
|
+
return !e.length || n <= 0 ? [] : zt(e, It(e, t), t, n, r);
|
|
900
920
|
}
|
|
901
|
-
function
|
|
921
|
+
function Vt(e, t, n, r, i, a, o, s) {
|
|
902
922
|
if (!a || i === 0) {
|
|
903
|
-
if (o ===
|
|
923
|
+
if (o === Ft) return e.slice(t.start, t.end);
|
|
904
924
|
let n = [];
|
|
905
925
|
for (let r = t.start; r < t.end; r += 1) o(e[r]) && n.push(e[r]);
|
|
906
926
|
return n;
|
|
@@ -933,36 +953,36 @@ function It(e, t, n, r, i, a, o, s) {
|
|
|
933
953
|
let w = (f ?? []).map((e, t) => m?.[t] ?? e).filter((e) => e !== void 0);
|
|
934
954
|
return v && w[0] !== v && w.unshift(v), y && w.at(-1) !== y && w.push(y), w;
|
|
935
955
|
}
|
|
936
|
-
function
|
|
937
|
-
let { lower: t, upper: n } =
|
|
956
|
+
function Ht(e) {
|
|
957
|
+
let { lower: t, upper: n } = kt(e);
|
|
938
958
|
return t !== 0 || n !== 0;
|
|
939
959
|
}
|
|
940
|
-
function
|
|
960
|
+
function Ut(e, t, n, r, i) {
|
|
941
961
|
if (!e.length || n <= 0) return {
|
|
942
962
|
linePoints: [],
|
|
943
963
|
pointRenderPoints: [],
|
|
944
964
|
errorBarRenderPoints: []
|
|
945
965
|
};
|
|
946
|
-
let a =
|
|
966
|
+
let a = It(e, t), o = i.lineVisible ? zt(e, a, t, n, r) : [], s = i.errorBarVisible && i.hasErrorPoints;
|
|
947
967
|
if (i.pointVisible && s) {
|
|
948
|
-
let i =
|
|
968
|
+
let i = Vt(e, a, t, n, Math.max(r.pointMinSpacing, r.errorBarMinSpacing), r.downsample, Ft, Ht);
|
|
949
969
|
return {
|
|
950
970
|
linePoints: o,
|
|
951
971
|
pointRenderPoints: i,
|
|
952
|
-
errorBarRenderPoints: i.filter(
|
|
972
|
+
errorBarRenderPoints: i.filter(Ht)
|
|
953
973
|
};
|
|
954
974
|
}
|
|
955
975
|
return {
|
|
956
976
|
linePoints: o,
|
|
957
|
-
pointRenderPoints: i.pointVisible ?
|
|
958
|
-
errorBarRenderPoints: s ?
|
|
977
|
+
pointRenderPoints: i.pointVisible ? Vt(e, a, t, n, r.pointMinSpacing, r.downsample, Ft) : [],
|
|
978
|
+
errorBarRenderPoints: s ? Vt(e, a, t, n, r.errorBarMinSpacing, r.downsample, Ht) : []
|
|
959
979
|
};
|
|
960
980
|
}
|
|
961
|
-
var
|
|
981
|
+
var Wt = (e, t) => {
|
|
962
982
|
let n = typeof e == "number" ? e : Number(e);
|
|
963
983
|
return Number.isFinite(n) ? Math.min(10, Math.max(1, Math.floor(n))) : t;
|
|
964
984
|
};
|
|
965
|
-
function
|
|
985
|
+
function Gt(e) {
|
|
966
986
|
let t = Object.fromEntries(Object.entries(e?.trackLines ?? {}).map(([e, t]) => [e, {
|
|
967
987
|
horizontal: typeof t?.horizontal != "boolean" || t.horizontal,
|
|
968
988
|
vertical: typeof t?.vertical != "boolean" || t.vertical,
|
|
@@ -970,37 +990,37 @@ function Bt(e) {
|
|
|
970
990
|
verticalColor: typeof t?.verticalColor == "string" && t.verticalColor.trim() ? t.verticalColor : void 0
|
|
971
991
|
}]));
|
|
972
992
|
return {
|
|
973
|
-
rowCount:
|
|
974
|
-
columnCount:
|
|
993
|
+
rowCount: Wt(e?.rowCount, 2),
|
|
994
|
+
columnCount: Wt(e?.columnCount, 1),
|
|
975
995
|
showPagination: e?.showPagination ?? !0,
|
|
976
996
|
trackLines: t
|
|
977
997
|
};
|
|
978
998
|
}
|
|
979
|
-
function
|
|
999
|
+
function Kt(e) {
|
|
980
1000
|
return e.rowCount * e.columnCount;
|
|
981
1001
|
}
|
|
982
|
-
function
|
|
983
|
-
return Math.max(1, Math.ceil(Math.max(0, e) /
|
|
1002
|
+
function qt(e, t) {
|
|
1003
|
+
return Math.max(1, Math.ceil(Math.max(0, e) / Kt(t)));
|
|
984
1004
|
}
|
|
985
|
-
function
|
|
986
|
-
let r =
|
|
987
|
-
return e.slice(i, i +
|
|
1005
|
+
function Jt(e, t, n) {
|
|
1006
|
+
let r = qt(e.length, n), i = (Math.min(r, Math.max(1, Math.floor(t))) - 1) * Kt(n);
|
|
1007
|
+
return e.slice(i, i + Kt(n));
|
|
988
1008
|
}
|
|
989
|
-
function
|
|
1009
|
+
function Yt(e) {
|
|
990
1010
|
return e === "compact" ? 0 : e === "separated" ? 16 : 14;
|
|
991
1011
|
}
|
|
992
|
-
function
|
|
993
|
-
let s =
|
|
1012
|
+
function Xt(e, t, n, r, i = [], a, o = !0) {
|
|
1013
|
+
let s = Yt(r), c = Number.isFinite(a) ? Math.max(0, a) : s, l = Math.max(0, n.columnCount - 1) * c, u = /* @__PURE__ */ new Set();
|
|
994
1014
|
if (o) {
|
|
995
1015
|
if (r === "independent") for (let e = 0; e < n.rowCount; e += 1) u.add(e);
|
|
996
1016
|
else if (r === "compact") u.add(n.rowCount - 1);
|
|
997
|
-
else for (let e = 0; e < n.columnCount; e += 1) for (let t =
|
|
1017
|
+
else for (let e = 0; e < n.columnCount; e += 1) for (let t = Kt(n) - 1; t >= 0; --t) if (t % n.columnCount === e && i[t]) {
|
|
998
1018
|
u.add(Math.floor(t / n.columnCount));
|
|
999
1019
|
break;
|
|
1000
1020
|
}
|
|
1001
1021
|
}
|
|
1002
1022
|
let d = Math.max(0, n.rowCount - 1) * s, f = u.size * 30, p = Math.max(1, (e - l) / n.columnCount), m = Math.max(1, (t - d - f) / n.rowCount);
|
|
1003
|
-
return Array.from({ length:
|
|
1023
|
+
return Array.from({ length: Kt(n) }, (e, t) => {
|
|
1004
1024
|
let r = Math.floor(t / n.columnCount), i = t % n.columnCount, a = u.has(r) ? 30 : 0, o = m + a, l = Array.from({ length: r }, (e, t) => {
|
|
1005
1025
|
let n = u.has(t) ? 30 : 0;
|
|
1006
1026
|
return m + n + s;
|
|
@@ -1019,7 +1039,7 @@ function Gt(e, t, n, r, i = [], a, o = !0) {
|
|
|
1019
1039
|
};
|
|
1020
1040
|
});
|
|
1021
1041
|
}
|
|
1022
|
-
function
|
|
1042
|
+
function Zt(e, t) {
|
|
1023
1043
|
let n = /* @__PURE__ */ new Set();
|
|
1024
1044
|
for (let r = 0; r < t; r += 1) for (let t = e.length - 1; t >= 0; --t) {
|
|
1025
1045
|
let i = e[t];
|
|
@@ -1032,11 +1052,11 @@ function Kt(e, t) {
|
|
|
1032
1052
|
}
|
|
1033
1053
|
//#endregion
|
|
1034
1054
|
//#region src/components/core/trackLayoutBuilder.ts
|
|
1035
|
-
function
|
|
1055
|
+
function Qt(e) {
|
|
1036
1056
|
let t = e.cells.map((e) => ({
|
|
1037
1057
|
...e,
|
|
1038
1058
|
hasSeries: !!e.series
|
|
1039
|
-
})), n =
|
|
1059
|
+
})), n = Zt(t, e.grid.columnCount);
|
|
1040
1060
|
return t.flatMap((t, r) => {
|
|
1041
1061
|
let i = !t.series;
|
|
1042
1062
|
if (i && (e.displayMode !== "compact" || !e.showCompactEmptyTracks)) return [];
|
|
@@ -1062,18 +1082,20 @@ function qt(e) {
|
|
|
1062
1082
|
visibleSeries: [a],
|
|
1063
1083
|
xDomain: a.xDomain,
|
|
1064
1084
|
yDomain: a.yDomain
|
|
1065
|
-
}, 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] ?? o.xDomain, [0, t.width]) : B(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ??
|
|
1085
|
+
}, 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] ?? 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 = cn(o, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && d ? {
|
|
1066
1086
|
...e,
|
|
1067
|
-
domain: d
|
|
1068
|
-
})
|
|
1087
|
+
domain: d
|
|
1088
|
+
} : e), p = {
|
|
1069
1089
|
left: 0,
|
|
1070
1090
|
right: 0
|
|
1071
1091
|
}, m = f.map((n) => {
|
|
1072
|
-
let r = B(n.domain, [t.plotHeight, 0])
|
|
1092
|
+
let r = B(n.domain, [t.plotHeight, 0]);
|
|
1093
|
+
n.fixed || r.nice();
|
|
1094
|
+
let i = r.ticks(Math.max(2, Math.floor(t.plotHeight / 55))), [a, o] = r.domain(), s = e.displayMode !== "compact" || t.row === 0, c = s ? i : i.filter((e) => e !== o), l = Array.from(/* @__PURE__ */ new Set([
|
|
1073
1095
|
a,
|
|
1074
1096
|
...c,
|
|
1075
1097
|
...s ? [o] : []
|
|
1076
|
-
])), { exponentLabel: u, exponentWidth: d, tickTextWidth: f } =
|
|
1098
|
+
])), { exponentLabel: u, exponentWidth: d, tickTextWidth: f } = ln(n.domain, !n.fixed), m = u ? d + 8 : 0, h = f + 7 + m + 6 + 24 + 4, g = n.side === "left" ? -p.left : t.width + p.right, _ = g + (n.side === "left" ? -(7 + f + 8) : 7 + f + 8), v = f + 7 + m + d + 6 + 24 / 2, y = g + (n.side === "left" ? -v : v);
|
|
1077
1099
|
return p[n.side] += h, {
|
|
1078
1100
|
index: n.index,
|
|
1079
1101
|
side: n.side,
|
|
@@ -1094,7 +1116,7 @@ function qt(e) {
|
|
|
1094
1116
|
let n = u(e);
|
|
1095
1117
|
return n > S && n < t.width - C;
|
|
1096
1118
|
}), T = o.visibleSeries.map((n) => {
|
|
1097
|
-
let r = m.find((e) => e.seriesList.some((e) => e.id === n.id)), a = r?.scale ?? h, o =
|
|
1119
|
+
let r = m.find((e) => e.seriesList.some((e) => e.id === n.id)), a = r?.scale ?? h, o = Ut(n.points, y, t.width, e.rendering, {
|
|
1098
1120
|
lineVisible: !i && n.lineType !== "none",
|
|
1099
1121
|
pointVisible: n.pointType !== "none",
|
|
1100
1122
|
errorBarVisible: n.errorBar.visible,
|
|
@@ -1147,8 +1169,8 @@ function qt(e) {
|
|
|
1147
1169
|
}
|
|
1148
1170
|
//#endregion
|
|
1149
1171
|
//#region src/components/core/layout.ts
|
|
1150
|
-
var
|
|
1151
|
-
function
|
|
1172
|
+
var $t = 7, en = 7, tn = 4, nn = 6, rn = 24;
|
|
1173
|
+
function an(e) {
|
|
1152
1174
|
return e >= 4 ? [
|
|
1153
1175
|
"left",
|
|
1154
1176
|
"left",
|
|
@@ -1160,17 +1182,18 @@ function $t(e) {
|
|
|
1160
1182
|
"right"
|
|
1161
1183
|
] : e === 2 ? ["left", "right"] : ["left"];
|
|
1162
1184
|
}
|
|
1163
|
-
var
|
|
1164
|
-
function
|
|
1165
|
-
let n =
|
|
1166
|
-
n || (n = /* @__PURE__ */ new Map(),
|
|
1185
|
+
var on = /* @__PURE__ */ new WeakMap();
|
|
1186
|
+
function sn(e, t) {
|
|
1187
|
+
let n = on.get(e);
|
|
1188
|
+
n || (n = /* @__PURE__ */ new Map(), on.set(e, n));
|
|
1167
1189
|
let r = n.get(t);
|
|
1168
1190
|
if (r) return r;
|
|
1169
|
-
let i = t === "multi-axis" ? Math.min(e.visibleSeries.length, 4) : Math.min(e.visibleSeries.length, 1), a =
|
|
1191
|
+
let i = t === "multi-axis" ? Math.min(e.visibleSeries.length, 4) : Math.min(e.visibleSeries.length, 1), a = an(i), o = Array.from({ length: i }, (e, t) => ({
|
|
1170
1192
|
index: t,
|
|
1171
1193
|
side: a[t],
|
|
1172
1194
|
seriesList: [],
|
|
1173
|
-
domain: [0, 1]
|
|
1195
|
+
domain: [0, 1],
|
|
1196
|
+
fixed: !1
|
|
1174
1197
|
}));
|
|
1175
1198
|
return e.visibleSeries.forEach((e, t) => {
|
|
1176
1199
|
o[Math.min(t, i - 1)]?.seriesList.push(e);
|
|
@@ -1182,34 +1205,52 @@ function tn(e, t) {
|
|
|
1182
1205
|
}
|
|
1183
1206
|
}), n.set(t, o), o;
|
|
1184
1207
|
}
|
|
1185
|
-
function
|
|
1186
|
-
let
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1208
|
+
function cn(e, t, n, r) {
|
|
1209
|
+
let i = bt(e, r);
|
|
1210
|
+
return sn(e, t).map((e) => {
|
|
1211
|
+
if (i) return {
|
|
1212
|
+
...e,
|
|
1213
|
+
domain: i,
|
|
1214
|
+
fixed: !0
|
|
1215
|
+
};
|
|
1216
|
+
let t = e.seriesList.map((e) => xt(e, n, r) ?? e.yDomain), a = e.seriesList.some((e) => xt(e, n, r));
|
|
1217
|
+
return a ? {
|
|
1218
|
+
...e,
|
|
1219
|
+
domain: Ct(t),
|
|
1220
|
+
fixed: a
|
|
1221
|
+
} : e;
|
|
1222
|
+
});
|
|
1223
|
+
}
|
|
1224
|
+
function ln(e, t = !0) {
|
|
1225
|
+
let n = B(e, [1, 0]);
|
|
1226
|
+
t && n.nice();
|
|
1227
|
+
let [r, i] = n.domain(), a = n.ticks(10), o = Math.max(1, ...a.map((e) => tt(e, {
|
|
1228
|
+
axisMin: r,
|
|
1229
|
+
axisMax: i
|
|
1230
|
+
}).length)), s = nt(r, i);
|
|
1190
1231
|
return {
|
|
1191
|
-
exponentLabel:
|
|
1192
|
-
exponentWidth:
|
|
1193
|
-
tickTextWidth:
|
|
1232
|
+
exponentLabel: s,
|
|
1233
|
+
exponentWidth: s ? s.length * $t : 0,
|
|
1234
|
+
tickTextWidth: o * $t
|
|
1194
1235
|
};
|
|
1195
1236
|
}
|
|
1196
|
-
function
|
|
1197
|
-
let { exponentLabel:
|
|
1198
|
-
return
|
|
1237
|
+
function un(e, t) {
|
|
1238
|
+
let { exponentLabel: n, exponentWidth: r } = ln(e, t);
|
|
1239
|
+
return n ? r + 8 : 0;
|
|
1199
1240
|
}
|
|
1200
|
-
function
|
|
1201
|
-
return
|
|
1241
|
+
function dn(e) {
|
|
1242
|
+
return ln(e.domain, !e.fixed).tickTextWidth + un(e.domain, !e.fixed) + en + nn + rn + tn;
|
|
1202
1243
|
}
|
|
1203
|
-
function
|
|
1204
|
-
return
|
|
1244
|
+
function fn(e) {
|
|
1245
|
+
return ln(e.domain, !e.fixed).tickTextWidth + un(e.domain, !e.fixed) + en + tn;
|
|
1205
1246
|
}
|
|
1206
|
-
function
|
|
1207
|
-
return
|
|
1247
|
+
function pn(e, t, n, r) {
|
|
1248
|
+
return cn(e, t, n, r).reduce((n, r) => (n[r.side] += t === "multi-axis" || e.visibleSeries.length === 1 ? dn(r) : fn(r), n), {
|
|
1208
1249
|
left: 0,
|
|
1209
1250
|
right: 0
|
|
1210
1251
|
});
|
|
1211
1252
|
}
|
|
1212
|
-
function
|
|
1253
|
+
function mn(e, t, n) {
|
|
1213
1254
|
let r = (e) => {
|
|
1214
1255
|
let r = t < e.left ? e.left - t : t > e.left + e.width ? t - e.left - e.width : 0;
|
|
1215
1256
|
return n < e.top ? e.top - n : n > e.top + e.height ? n - (e.top + e.height) : r;
|
|
@@ -1228,11 +1269,11 @@ function cn(e, t, n) {
|
|
|
1228
1269
|
}
|
|
1229
1270
|
//#endregion
|
|
1230
1271
|
//#region src/components/annotation/useWaveformChartAnnotations.ts
|
|
1231
|
-
var
|
|
1232
|
-
function
|
|
1233
|
-
return
|
|
1272
|
+
var hn = 0;
|
|
1273
|
+
function gn() {
|
|
1274
|
+
return hn += 1, typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `annotation-${Date.now()}-${hn}`;
|
|
1234
1275
|
}
|
|
1235
|
-
function
|
|
1276
|
+
function _n(e) {
|
|
1236
1277
|
let { props: t, emit: n, container: r, chartSeries: i, hiddenSeriesIdSet: a, internalHiddenSeriesIds: o, annotationInteraction: s, editorSeriesOptions: c, trackLayouts: l, annotationLayoutsForTrack: u, resolveSeriesYScale: d, chartWidth: f, chartHeight: p, innerWidth: m, resolvedChartLeftMargin: h, titleAreaHeight: g, chartTopMargin: _, activeInteractionMode: v, isPresentationMode: y } = e;
|
|
1237
1278
|
function b(e) {
|
|
1238
1279
|
if (!i.value.some((t) => t.id === e)) return;
|
|
@@ -1265,7 +1306,7 @@ function dn(e) {
|
|
|
1265
1306
|
};
|
|
1266
1307
|
}
|
|
1267
1308
|
function C(e, t, n) {
|
|
1268
|
-
s.openCreate(e,
|
|
1309
|
+
s.openCreate(e, gn, t), c.value = n;
|
|
1269
1310
|
let r = s.editorDraft.value, i = l.value.find((t) => t.index === e.trackIndex)?.seriesList.find((t) => t.id === e.seriesId);
|
|
1270
1311
|
r?.mode === "add" && (r.annotation.style = {
|
|
1271
1312
|
borderColor: i?.color || "#1677ff",
|
|
@@ -1294,7 +1335,7 @@ function dn(e) {
|
|
|
1294
1335
|
let e = l.value[n];
|
|
1295
1336
|
return e?.hasVisibleSeries ? e : void 0;
|
|
1296
1337
|
}
|
|
1297
|
-
return
|
|
1338
|
+
return mn(l.value.filter((e) => e.hasVisibleSeries), e, t);
|
|
1298
1339
|
}
|
|
1299
1340
|
function D(e, t) {
|
|
1300
1341
|
let n = e.currentTarget;
|
|
@@ -1303,7 +1344,7 @@ function dn(e) {
|
|
|
1303
1344
|
if (!o) return null;
|
|
1304
1345
|
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);
|
|
1305
1346
|
return {
|
|
1306
|
-
candidates:
|
|
1347
|
+
candidates: ye(u(o), d, c, a),
|
|
1307
1348
|
editorAnchor: x(e, t)
|
|
1308
1349
|
};
|
|
1309
1350
|
}
|
|
@@ -1353,7 +1394,7 @@ function dn(e) {
|
|
|
1353
1394
|
let e = s.contextMenu.value, n = t.annotations.find((t) => t.id === e?.annotationId);
|
|
1354
1395
|
if (!n) return;
|
|
1355
1396
|
let r = l.value.find((e) => e.seriesList.some((e) => e.id === n.seriesId));
|
|
1356
|
-
c.value = r ?
|
|
1397
|
+
c.value = r ? ye(u(r), n.x, r.xScale(n.x), r.top + d(r, n.seriesId)(n.y)) : [], s.openEdit(n, e?.editorAnchor ?? S(n));
|
|
1357
1398
|
}
|
|
1358
1399
|
function F() {
|
|
1359
1400
|
if (y.value) return;
|
|
@@ -1382,8 +1423,8 @@ function dn(e) {
|
|
|
1382
1423
|
}
|
|
1383
1424
|
//#endregion
|
|
1384
1425
|
//#region src/components/interaction/useWaveformHover.ts
|
|
1385
|
-
var
|
|
1386
|
-
function
|
|
1426
|
+
var vn = N((e) => e.x);
|
|
1427
|
+
function yn(e) {
|
|
1387
1428
|
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) => {
|
|
1388
1429
|
let r = n.points[t];
|
|
1389
1430
|
return r?.id === e.id && r.trackIndex === e.trackIndex && r.point === e.point;
|
|
@@ -1404,7 +1445,7 @@ function pn(e) {
|
|
|
1404
1445
|
r.value = !0, y();
|
|
1405
1446
|
}, C = (e = !1) => {
|
|
1406
1447
|
r.value = !e, y();
|
|
1407
|
-
}, w = () => r.value ? (r.value = !1, y(), !0) : !1, T = (e, t) => e.points[
|
|
1448
|
+
}, w = () => r.value ? (r.value = !1, y(), !0) : !1, T = (e, t) => e.points[vn.center(e.points, t)];
|
|
1408
1449
|
return {
|
|
1409
1450
|
cancelPendingHover: h,
|
|
1410
1451
|
clearHover: y,
|
|
@@ -1459,7 +1500,7 @@ function pn(e) {
|
|
|
1459
1500
|
}
|
|
1460
1501
|
//#endregion
|
|
1461
1502
|
//#region src/components/interaction/useWaveformViewport.ts
|
|
1462
|
-
function
|
|
1503
|
+
function bn(e) {
|
|
1463
1504
|
let { props: n, emit: r, selection: i, spacePressed: a, trackLayouts: o, chartTracks: s, initialXDomain: c, innerWidth: l, innerHeight: u, sharedOverlayElement: f, sharedTransform: p, independentTransforms: m, sharedYDomains: h, independentYDomains: g, isZoomMode: _, isPresentationMode: v, editorSeriesOptions: y, resolveInitialTrackDomain: b, canZoomTrack: x, canZoomSharedTracks: S, configureZoom: C, cancelPendingZoom: w, clearHover: T, resolveTrackAtPointer: E } = e, D = t(() => {
|
|
1464
1505
|
let e = i.value;
|
|
1465
1506
|
if (!e) return null;
|
|
@@ -1472,9 +1513,9 @@ function mn(e) {
|
|
|
1472
1513
|
};
|
|
1473
1514
|
}), O = (e, t, n) => {
|
|
1474
1515
|
let r = t[1] - t[0], i = e[1] - e[0];
|
|
1475
|
-
if (!Number.isFinite(r) || !Number.isFinite(i) || r <= 0 || i <= 0) return
|
|
1516
|
+
if (!Number.isFinite(r) || !Number.isFinite(i) || r <= 0 || i <= 0) return U;
|
|
1476
1517
|
let a = r / i, o = B(t, [0, n]);
|
|
1477
|
-
return
|
|
1518
|
+
return U.translate(-a * o(e[0]), 0).scale(a);
|
|
1478
1519
|
}, k = (e) => {
|
|
1479
1520
|
let t = Math.abs(e[1] - e[0]);
|
|
1480
1521
|
if (!Number.isFinite(t) || t <= 0) return 0;
|
|
@@ -1513,16 +1554,18 @@ function mn(e) {
|
|
|
1513
1554
|
let [t, n] = z(e, f.value), r = E(t, n) ?? o.value.find((e) => e.hasVisibleSeries);
|
|
1514
1555
|
r && N(e, r.index, !1);
|
|
1515
1556
|
}, F = (e, t) => {
|
|
1516
|
-
let
|
|
1557
|
+
let i = t.width || 1, a = t.height || 1, u = e.currentX - e.startX, d = e.currentY - e.startY, f = e.xDomain[1] - e.xDomain[0], _ = e.independent ? b(t) : c.value, v = j([e.xDomain[0] - u / i * f, e.xDomain[1] - u / i * f], _);
|
|
1517
1558
|
if (e.independent) {
|
|
1518
1559
|
let e = [...m.value];
|
|
1519
|
-
e[t.index] = O(
|
|
1520
|
-
} else p.value = O(
|
|
1521
|
-
let
|
|
1522
|
-
|
|
1523
|
-
let
|
|
1524
|
-
|
|
1525
|
-
|
|
1560
|
+
e[t.index] = O(v, _, i), m.value = e;
|
|
1561
|
+
} else p.value = O(v, _, l.value);
|
|
1562
|
+
let y = e.independent ? [t] : o.value, x = { ...g.value }, S = { ...h.value };
|
|
1563
|
+
y.forEach((t) => {
|
|
1564
|
+
let r = s.value.find((e) => e.id === t.id);
|
|
1565
|
+
if (r && St(r, n.yDomain, n.yDomains)) return;
|
|
1566
|
+
let i = t.series.trackId ?? t.series.id, o = e.yDomains[i] ?? t.yScale.domain(), c = r?.yDomain ?? o, l = o[1] - o[0], u = j([o[0] + d / a * l, o[1] + d / a * l], c);
|
|
1567
|
+
e.independent ? x[t.index] = u : S[i] = u;
|
|
1568
|
+
}), e.independent ? g.value = x : h.value = S, r("zoom-change", v);
|
|
1526
1569
|
}, I = (e) => {
|
|
1527
1570
|
if (v.value) return;
|
|
1528
1571
|
let t = i.value;
|
|
@@ -1588,10 +1631,10 @@ function mn(e) {
|
|
|
1588
1631
|
}, H = (e) => {
|
|
1589
1632
|
if (w(), L(), n.displayMode === "independent" && e !== void 0) {
|
|
1590
1633
|
let t = [...m.value];
|
|
1591
|
-
t[e] =
|
|
1634
|
+
t[e] = U, m.value = t;
|
|
1592
1635
|
let n = { ...g.value };
|
|
1593
1636
|
delete n[e], g.value = n;
|
|
1594
|
-
} else p.value =
|
|
1637
|
+
} else p.value = U, m.value = s.value.map(() => U), h.value = {}, g.value = {};
|
|
1595
1638
|
T(), y.value = [], d(C);
|
|
1596
1639
|
};
|
|
1597
1640
|
return {
|
|
@@ -1609,7 +1652,7 @@ function mn(e) {
|
|
|
1609
1652
|
}
|
|
1610
1653
|
//#endregion
|
|
1611
1654
|
//#region src/components/utils/useAnimationFrameThrottle.ts
|
|
1612
|
-
function
|
|
1655
|
+
function xn() {
|
|
1613
1656
|
let e = null, t = null;
|
|
1614
1657
|
function n(n) {
|
|
1615
1658
|
t = n, e === null && (e = requestAnimationFrame(() => {
|
|
@@ -1638,8 +1681,8 @@ function hn() {
|
|
|
1638
1681
|
}
|
|
1639
1682
|
//#endregion
|
|
1640
1683
|
//#region src/components/interaction/useWaveformZoom.ts
|
|
1641
|
-
function
|
|
1642
|
-
let { props: t, emit: n, svgElement: r, sharedOverlayElement: i, sharedTransform: a, independentTransforms: o, trackLayouts: s, initialXDomain: c, sharedZoomDomain: l, innerWidth: u, innerHeight: d, hasChartArea: f, isZoomMode: p, isPresentationMode: m, resolveInitialTrackDomain: h, cancelPendingHover: g } = e, _ = /* @__PURE__ */ new Map(), v =
|
|
1684
|
+
function Sn(e) {
|
|
1685
|
+
let { props: t, emit: n, svgElement: r, sharedOverlayElement: i, sharedTransform: a, independentTransforms: o, trackLayouts: s, initialXDomain: c, sharedZoomDomain: l, innerWidth: u, innerHeight: d, hasChartArea: f, isZoomMode: p, isPresentationMode: m, resolveInitialTrackDomain: h, cancelPendingHover: g } = e, _ = /* @__PURE__ */ new Map(), v = xn(), y = !1, b = null, x = null, S = null, C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Set(), D, O = () => v.schedule(j), k = (e) => {
|
|
1643
1686
|
y || m.value || (g(), b = e.transform, x = "wheel", O(), P());
|
|
1644
1687
|
}, A = (e, t) => {
|
|
1645
1688
|
y || m.value || (g(), C.set(t, e.transform), w.set(t, "wheel"), O(), P());
|
|
@@ -1729,7 +1772,7 @@ function gn(e) {
|
|
|
1729
1772
|
if (!Number.isFinite(n) || (n ?? 0) <= 0) return pt.DEFAULT_MAX_SCALE;
|
|
1730
1773
|
let r = Math.abs(e[1] - e[0]);
|
|
1731
1774
|
return !Number.isFinite(r) || r <= 0 ? pt.MIN_SCALE : Math.min(pt.DEFAULT_MAX_SCALE, Math.max(pt.MIN_SCALE, r / (n ?? r)));
|
|
1732
|
-
}, R = (e) =>
|
|
1775
|
+
}, R = (e) => Lt(e.seriesList, e.xScale.domain(), Number(t.minVisiblePoints)), z = () => {
|
|
1733
1776
|
let e = s.value.filter((e) => e.hasVisibleSeries);
|
|
1734
1777
|
return e.length > 0 && e.every(R);
|
|
1735
1778
|
};
|
|
@@ -1744,10 +1787,10 @@ function gn(e) {
|
|
|
1744
1787
|
s.value.forEach((e) => {
|
|
1745
1788
|
let t = r.value?.querySelector(`[data-independent-overlay-index="${e.index}"]`);
|
|
1746
1789
|
if (!t) return;
|
|
1747
|
-
let n = h(e), i =
|
|
1790
|
+
let n = h(e), i = ie().filter((t) => t.type === "wheel" && t.deltaY < 0 && 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);
|
|
1748
1791
|
_.set(e.index, i), y = !0;
|
|
1749
1792
|
try {
|
|
1750
|
-
V(t).call(i).on("dblclick.zoom", null).call(i.transform, o.value[e.index] ??
|
|
1793
|
+
V(t).call(i).on("dblclick.zoom", null).call(i.transform, o.value[e.index] ?? U);
|
|
1751
1794
|
} finally {
|
|
1752
1795
|
y = !1;
|
|
1753
1796
|
}
|
|
@@ -1756,7 +1799,7 @@ function gn(e) {
|
|
|
1756
1799
|
}
|
|
1757
1800
|
let e = i.value;
|
|
1758
1801
|
if (!e) return;
|
|
1759
|
-
let n =
|
|
1802
|
+
let n = ie().filter((e) => e.type === "wheel" && e.deltaY < 0 && 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);
|
|
1760
1803
|
_.set("shared", n), y = !0;
|
|
1761
1804
|
try {
|
|
1762
1805
|
V(e).call(n).on("dblclick.zoom", null).call(n.transform, a.value);
|
|
@@ -1768,25 +1811,25 @@ function gn(e) {
|
|
|
1768
1811
|
}
|
|
1769
1812
|
//#endregion
|
|
1770
1813
|
//#region src/components/core/useWaveformChartLifecycle.ts
|
|
1771
|
-
function
|
|
1814
|
+
function Cn(e) {
|
|
1772
1815
|
return e instanceof Element && !!e.closest("button, input, select, textarea, [contenteditable]:not([contenteditable=\"false\"])");
|
|
1773
1816
|
}
|
|
1774
|
-
function
|
|
1817
|
+
function wn(e) {
|
|
1775
1818
|
let { props: t, emit: n, container: r, titleMeasureElement: i, resizeObserver: a, observedWidth: o, observedHeight: s, measuredTitleWidth: c, measuredTitleHeight: l, resolvedTitleText: u, titleAreaReserved: f, titleMeasureStyle: p, spacePressed: g, pointerInsideChart: _, currentPage: v, pageCount: y, pagedTracks: b, gridOptions: x, chartSeries: S, chartTracks: C, innerWidth: w, innerHeight: T, activeInteractionMode: D, hiddenSeriesIdSet: O, internalHiddenSeriesIds: k, independentTransforms: A, independentYDomains: j, annotationInteraction: M, editorSeriesOptions: N, isPresentationMode: P, clearHover: F, cancelAnnotation: I, configureZoom: L, resetViewport: R, cancelViewportDrag: z, cancelPendingHover: B, clearZoomBindings: V } = e;
|
|
1776
1819
|
function H(e) {
|
|
1777
|
-
P.value || e.code !== "Space" || !t.pannable || !_.value ||
|
|
1820
|
+
P.value || e.code !== "Space" || !t.pannable || !_.value || Cn(e.target) || (g.value = !0, e.preventDefault());
|
|
1778
1821
|
}
|
|
1779
1822
|
function ee(e) {
|
|
1780
1823
|
e.code === "Space" && (g.value = !1);
|
|
1781
1824
|
}
|
|
1782
1825
|
function te(e) {
|
|
1783
1826
|
let r = Math.min(y.value, Math.max(1, Math.floor(e)));
|
|
1784
|
-
r !== v.value && (v.value = r, F(), M.closeContextMenu(), I(), t.displayMode === "independent" && (A.value = b.value.map(() =>
|
|
1827
|
+
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));
|
|
1785
1828
|
}
|
|
1786
1829
|
function ne() {
|
|
1787
1830
|
if (t.displayMode === "independent") {
|
|
1788
1831
|
let e = A.value;
|
|
1789
|
-
A.value = C.value.map((t, n) => e[n] ??
|
|
1832
|
+
A.value = C.value.map((t, n) => e[n] ?? U);
|
|
1790
1833
|
}
|
|
1791
1834
|
F(), N.value = [], d(L);
|
|
1792
1835
|
}
|
|
@@ -1865,10 +1908,10 @@ function vn(e) {
|
|
|
1865
1908
|
}
|
|
1866
1909
|
//#endregion
|
|
1867
1910
|
//#region src/components/core/useWaveformData.ts
|
|
1868
|
-
function
|
|
1911
|
+
function Tn(e, t = !1) {
|
|
1869
1912
|
let n = Infinity, r = -Infinity, i = Infinity, a = -Infinity, o = !1;
|
|
1870
1913
|
for (let s of e) if (s.x < n && (n = s.x), s.x > r && (r = s.x), s.y < i && (i = s.y), s.y > a && (a = s.y), t) {
|
|
1871
|
-
let e =
|
|
1914
|
+
let e = kt(s);
|
|
1872
1915
|
(e.lower !== 0 || e.upper !== 0) && (o = !0), i = Math.min(i, s.y - e.lower), a = Math.max(a, s.y + e.upper);
|
|
1873
1916
|
}
|
|
1874
1917
|
return {
|
|
@@ -1877,24 +1920,24 @@ function yn(e, t = !1) {
|
|
|
1877
1920
|
hasErrorPoints: o
|
|
1878
1921
|
};
|
|
1879
1922
|
}
|
|
1880
|
-
function
|
|
1881
|
-
return
|
|
1882
|
-
let t =
|
|
1923
|
+
function En(e) {
|
|
1924
|
+
return jt(e).map((e) => {
|
|
1925
|
+
let t = Tn(e.points, e.errorBar.visible);
|
|
1883
1926
|
return {
|
|
1884
1927
|
...e,
|
|
1885
1928
|
...t
|
|
1886
1929
|
};
|
|
1887
1930
|
});
|
|
1888
1931
|
}
|
|
1889
|
-
function
|
|
1890
|
-
let n = x(
|
|
1932
|
+
function Dn(e, t) {
|
|
1933
|
+
let n = x(En(e()));
|
|
1891
1934
|
return E(e, (e) => {
|
|
1892
|
-
n.value =
|
|
1935
|
+
n.value = En(e), t();
|
|
1893
1936
|
}), n;
|
|
1894
1937
|
}
|
|
1895
1938
|
//#endregion
|
|
1896
1939
|
//#region src/components/core/useWaveformLayout.ts
|
|
1897
|
-
function
|
|
1940
|
+
function On(e) {
|
|
1898
1941
|
let { props: n, preparedSeries: r, currentPage: i, hiddenSeriesIdSet: a, chartWidth: o, innerHeight: s, isCleanView: c, sharedTransform: l, independentTransforms: u, sharedYDomains: d, independentYDomains: f, annotationInteraction: p } = e, m = t(() => r.value.map((e, t) => ({
|
|
1899
1942
|
...e,
|
|
1900
1943
|
color: e.color ?? (t === 0 ? n.lineColor : gt[t % gt.length])
|
|
@@ -1915,9 +1958,11 @@ function Sn(e) {
|
|
|
1915
1958
|
yDomain: Q(i)
|
|
1916
1959
|
};
|
|
1917
1960
|
});
|
|
1918
|
-
}), g = t(() =>
|
|
1919
|
-
let e = h.value.filter((e) => e.visibleSeries.length > 0).map((e) => {
|
|
1920
|
-
let t = B(e.
|
|
1961
|
+
}), g = t(() => Gt(n.grid)), _ = t(() => Nt(n.rendering)), v = t(() => qt(h.value.length, g.value)), y = t(() => Jt(h.value, i.value, g.value)), b = t(() => {
|
|
1962
|
+
let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => cn(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => {
|
|
1963
|
+
let t = B(e.domain, [1, 0]);
|
|
1964
|
+
e.fixed || t.nice();
|
|
1965
|
+
let [n, r] = t.domain();
|
|
1921
1966
|
return {
|
|
1922
1967
|
exponentLabel: nt(n, r),
|
|
1923
1968
|
tickLabels: t.ticks(10).map((e) => tt(e, {
|
|
@@ -1925,14 +1970,14 @@ function Sn(e) {
|
|
|
1925
1970
|
axisMax: r
|
|
1926
1971
|
}))
|
|
1927
1972
|
};
|
|
1928
|
-
}), t = Math.max(1, ...e.flatMap(({ tickLabels: e }) => e).map((e) => e.length)) * 7,
|
|
1973
|
+
}), t = Math.max(1, ...e.flatMap(({ tickLabels: e }) => e).map((e) => e.length)) * 7, r = Math.max(0, ...e.map(({ exponentLabel: e }) => (e?.length ?? 0) * 7)), i = r ? r + 8 : 0, a = t + 7 + i + 4, o = -(7 + t + i + 6 + 24 / 2);
|
|
1929
1974
|
return {
|
|
1930
|
-
tickClearance:
|
|
1931
|
-
fullClearance: t + 7 +
|
|
1932
|
-
labelCenterX:
|
|
1975
|
+
tickClearance: a,
|
|
1976
|
+
fullClearance: t + 7 + i + 6 + 24 + 4,
|
|
1977
|
+
labelCenterX: o
|
|
1933
1978
|
};
|
|
1934
1979
|
}), 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(ft.left, x.value ? b.value.fullClearance : S.value ? b.value.tickClearance : 0)), w = t(() => h.value.reduce((e, t) => {
|
|
1935
|
-
let r =
|
|
1980
|
+
let r = pn(t, n.overlayMode, n.yDomain, n.yDomains);
|
|
1936
1981
|
return {
|
|
1937
1982
|
left: Math.max(e.left, r.left),
|
|
1938
1983
|
right: Math.max(e.right, r.right)
|
|
@@ -1941,7 +1986,7 @@ function Sn(e) {
|
|
|
1941
1986
|
left: 0,
|
|
1942
1987
|
right: 0
|
|
1943
1988
|
})), T = t(() => n.overlayMode === "multi-axis" ? Math.max(C.value, w.value.left) : C.value), E = t(() => n.overlayMode === "multi-axis" ? Math.max(ft.right, w.value.right) : ft.right), D = t(() => Math.max(0, o.value - T.value - E.value)), O = t(() => {
|
|
1944
|
-
let e =
|
|
1989
|
+
let e = Yt(n.displayMode), t = g.value.columnCount, r = t > 1, i = Math.max(e, b.value.fullClearance), a = Math.max(e, b.value.tickClearance), o = (D.value - i * Math.max(0, t - 1)) / t >= 120;
|
|
1945
1990
|
return {
|
|
1946
1991
|
horizontalGap: n.overlayMode === "multi-axis" && r && S.value ? Math.max(e, w.value.left + w.value.right) : r && S.value ? x.value && o ? i : a : e,
|
|
1947
1992
|
hideSecondaryLabels: n.overlayMode !== "multi-axis" && r && x.value && !o
|
|
@@ -1957,10 +2002,10 @@ function Sn(e) {
|
|
|
1957
2002
|
}), I = (e) => {
|
|
1958
2003
|
let t = n.initialXDomains?.[e.series.trackId ?? e.series.id] ?? n.initialXDomains?.[e.series.id] ?? n.initialXDomain;
|
|
1959
2004
|
return t && Number.isFinite(t[0]) && Number.isFinite(t[1]) && t[0] !== t[1] ? t[0] < t[1] ? t : [t[1], t[0]] : Q(e.seriesList.flatMap((e) => e.xDomain));
|
|
1960
|
-
}, L = t(() => l.value.rescaleX(B(F.value, [0, D.value])).domain()), R = t(() =>
|
|
2005
|
+
}, L = t(() => l.value.rescaleX(B(F.value, [0, D.value])).domain()), R = t(() => Xt(D.value, s.value, g.value, n.displayMode, y.value.map(Boolean), O.value.horizontalGap).map((e, t) => ({
|
|
1961
2006
|
...e,
|
|
1962
2007
|
series: y.value[t]
|
|
1963
|
-
}))), z = t(() =>
|
|
2008
|
+
}))), z = t(() => Qt({
|
|
1964
2009
|
cells: R.value,
|
|
1965
2010
|
grid: g.value,
|
|
1966
2011
|
displayMode: n.displayMode,
|
|
@@ -1969,6 +2014,8 @@ function Sn(e) {
|
|
|
1969
2014
|
sharedZoomDomain: L.value,
|
|
1970
2015
|
initialXDomain: n.initialXDomain ? F.value : void 0,
|
|
1971
2016
|
initialXDomains: n.initialXDomains,
|
|
2017
|
+
fixedYDomain: n.yDomain,
|
|
2018
|
+
fixedYDomains: n.yDomains,
|
|
1972
2019
|
yDomains: n.displayMode === "independent" ? Object.fromEntries(h.value.flatMap((e, t) => {
|
|
1973
2020
|
let n = f.value[t];
|
|
1974
2021
|
return n ? [[e.id, n]] : [];
|
|
@@ -2005,7 +2052,7 @@ function Sn(e) {
|
|
|
2005
2052
|
annotationLayoutsForTrack: V,
|
|
2006
2053
|
resolveSeriesYScale: H,
|
|
2007
2054
|
annotationTrackLayouts: ee,
|
|
2008
|
-
renderedAnnotations: t(() => n.annotationsVisible ?
|
|
2055
|
+
renderedAnnotations: t(() => n.annotationsVisible ? he(n.annotations, ee.value, D.value, s.value) : []),
|
|
2009
2056
|
xAxisTitleY: t(() => s.value + 30 + 10),
|
|
2010
2057
|
editorSeries: t(() => {
|
|
2011
2058
|
let e = p.editorDraft.value?.annotation.seriesId, t = m.value.find((t) => t.id === e);
|
|
@@ -2021,13 +2068,13 @@ function Sn(e) {
|
|
|
2021
2068
|
}
|
|
2022
2069
|
};
|
|
2023
2070
|
}
|
|
2024
|
-
var
|
|
2025
|
-
function
|
|
2071
|
+
var kn = 1e-6;
|
|
2072
|
+
function An(e) {
|
|
2026
2073
|
return Number.isFinite(e) ? Math.max(1, e) : 1;
|
|
2027
2074
|
}
|
|
2028
|
-
function
|
|
2029
|
-
let i =
|
|
2030
|
-
if (!(d >
|
|
2075
|
+
function jn({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r }) {
|
|
2076
|
+
let i = An(e), a = An(t), o = An(n), s = Number.isFinite(r) ? r : 0, c = s * Math.PI / 180, l = Math.abs(Math.cos(c)), u = Math.abs(Math.sin(c)), d = (s % 360 + 360) % 360;
|
|
2077
|
+
if (!(d > kn && Math.abs(d - 360) > kn)) {
|
|
2031
2078
|
let e = Math.max(1, Math.ceil(i / o)), t = o, n = a * e;
|
|
2032
2079
|
return {
|
|
2033
2080
|
textWidth: t,
|
|
@@ -2052,7 +2099,7 @@ function Tn({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r
|
|
|
2052
2099
|
}
|
|
2053
2100
|
//#endregion
|
|
2054
2101
|
//#region src/components/core/useWaveformPresentation.ts
|
|
2055
|
-
function
|
|
2102
|
+
function Mn(e) {
|
|
2056
2103
|
let { props: n, observedWidth: r, observedHeight: i, measuredTitleWidth: a, measuredTitleHeight: o, internalHiddenSeriesIds: s, paginationBandHeight: c } = e, l = t(() => Number.isFinite(n.width) ? Math.max(0, n.width ?? 0) : void 0), u = t(() => Number.isFinite(n.height) ? Math.max(180, n.height ?? 0) : void 0), d = t(() => r.value > 0 ? r.value : l.value ?? 0), f = t(() => i.value > 0 ? i.value : u.value ?? 180), p = t(() => ({
|
|
2057
2104
|
width: l.value === void 0 ? "100%" : `${l.value}px`,
|
|
2058
2105
|
height: u.value === void 0 ? "100%" : `${u.value}px`
|
|
@@ -2097,7 +2144,7 @@ function En(e) {
|
|
|
2097
2144
|
maxWidth: O.value ? "none" : `${j.value}px`,
|
|
2098
2145
|
whiteSpace: O.value ? "nowrap" : "normal",
|
|
2099
2146
|
overflowWrap: O.value ? "normal" : "anywhere"
|
|
2100
|
-
})), N = t(() =>
|
|
2147
|
+
})), N = t(() => jn({
|
|
2101
2148
|
naturalWidth: a.value || A.value,
|
|
2102
2149
|
naturalHeight: o.value || E.value * 1.2,
|
|
2103
2150
|
availableWidth: j.value,
|
|
@@ -2148,120 +2195,124 @@ function En(e) {
|
|
|
2148
2195
|
}
|
|
2149
2196
|
//#endregion
|
|
2150
2197
|
//#region src/components/core/useWaveformChartController.ts
|
|
2151
|
-
function
|
|
2198
|
+
function Nn(e, t) {
|
|
2152
2199
|
e.value = t instanceof Element ? t : void 0;
|
|
2153
2200
|
}
|
|
2154
|
-
function
|
|
2155
|
-
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(
|
|
2201
|
+
function Pn(e, t) {
|
|
2202
|
+
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({
|
|
2156
2203
|
points: [],
|
|
2157
2204
|
trackIndex: null,
|
|
2158
2205
|
position: {
|
|
2159
2206
|
x: 0,
|
|
2160
2207
|
y: 0
|
|
2161
2208
|
}
|
|
2162
|
-
}), y = v(!1), S = v(1), w = x(), T =
|
|
2209
|
+
}), y = v(!1), S = v(1), w = x(), T = se("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ge(), A = v([]), j = xn();
|
|
2210
|
+
E([() => e.yDomain, () => e.yDomains], () => {
|
|
2211
|
+
m.value = {}, h.value = {};
|
|
2212
|
+
}, { deep: !0 });
|
|
2213
|
+
let M = v(null), N = v(!1), P = v(!1), F = () => void 0, I = Dn(() => e.data, () => F()), L = Mn({
|
|
2163
2214
|
props: e,
|
|
2164
2215
|
observedWidth: o,
|
|
2165
2216
|
observedHeight: s,
|
|
2166
2217
|
measuredTitleWidth: c,
|
|
2167
2218
|
measuredTitleHeight: l,
|
|
2168
|
-
internalHiddenSeriesIds:
|
|
2219
|
+
internalHiddenSeriesIds: O,
|
|
2169
2220
|
paginationBandHeight: d
|
|
2170
|
-
}), { chartWidth:
|
|
2221
|
+
}), { chartWidth: R, chartHeight: z, isCleanView: B, isPresentationMode: V, hiddenSeriesIdSet: H, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: re, chartTopMargin: ie, innerHeight: ae } = L, W = On({
|
|
2171
2222
|
props: e,
|
|
2172
|
-
preparedSeries:
|
|
2223
|
+
preparedSeries: I,
|
|
2173
2224
|
currentPage: S,
|
|
2174
|
-
hiddenSeriesIdSet:
|
|
2175
|
-
chartWidth:
|
|
2176
|
-
innerHeight:
|
|
2177
|
-
isCleanView:
|
|
2225
|
+
hiddenSeriesIdSet: H,
|
|
2226
|
+
chartWidth: R,
|
|
2227
|
+
innerHeight: ae,
|
|
2228
|
+
isCleanView: B,
|
|
2178
2229
|
sharedTransform: f,
|
|
2179
2230
|
independentTransforms: p,
|
|
2180
2231
|
sharedYDomains: m,
|
|
2181
2232
|
independentYDomains: h,
|
|
2182
|
-
annotationInteraction: u(
|
|
2183
|
-
}), { chartSeries:
|
|
2233
|
+
annotationInteraction: u(k)
|
|
2234
|
+
}), { chartSeries: oe, chartTracks: ce, gridOptions: le, pageCount: ue, pagedTracks: de, resolvedChartLeftMargin: fe, innerWidth: G, hasChartArea: pe, activeInteractionMode: me, isZoomMode: he, initialXDomain: K, sharedZoomDomain: ge, resolveInitialTrackDomain: q, trackLayouts: _e, annotationLayoutsForTrack: ve, resolveSeriesYScale: ye } = W;
|
|
2184
2235
|
D(() => {
|
|
2185
|
-
d.value =
|
|
2236
|
+
d.value = le.value.showPagination && ue.value > 1 && R.value <= 520 ? 40 : 0;
|
|
2186
2237
|
});
|
|
2187
|
-
let J =
|
|
2238
|
+
let J = Sn({
|
|
2188
2239
|
props: e,
|
|
2189
2240
|
emit: t,
|
|
2190
2241
|
svgElement: r,
|
|
2191
2242
|
sharedOverlayElement: a,
|
|
2192
2243
|
sharedTransform: f,
|
|
2193
2244
|
independentTransforms: p,
|
|
2194
|
-
trackLayouts:
|
|
2195
|
-
initialXDomain:
|
|
2196
|
-
sharedZoomDomain:
|
|
2197
|
-
innerWidth:
|
|
2198
|
-
innerHeight:
|
|
2199
|
-
hasChartArea:
|
|
2200
|
-
isZoomMode:
|
|
2201
|
-
isPresentationMode:
|
|
2202
|
-
resolveInitialTrackDomain:
|
|
2203
|
-
cancelPendingHover: () =>
|
|
2204
|
-
}),
|
|
2245
|
+
trackLayouts: _e,
|
|
2246
|
+
initialXDomain: K,
|
|
2247
|
+
sharedZoomDomain: ge,
|
|
2248
|
+
innerWidth: G,
|
|
2249
|
+
innerHeight: ae,
|
|
2250
|
+
hasChartArea: pe,
|
|
2251
|
+
isZoomMode: he,
|
|
2252
|
+
isPresentationMode: V,
|
|
2253
|
+
resolveInitialTrackDomain: q,
|
|
2254
|
+
cancelPendingHover: () => Y.cancelPendingHover()
|
|
2255
|
+
}), be = _n({
|
|
2205
2256
|
props: e,
|
|
2206
2257
|
emit: t,
|
|
2207
2258
|
container: n,
|
|
2208
|
-
chartSeries:
|
|
2209
|
-
hiddenSeriesIdSet:
|
|
2210
|
-
internalHiddenSeriesIds:
|
|
2211
|
-
annotationInteraction:
|
|
2212
|
-
editorSeriesOptions:
|
|
2213
|
-
trackLayouts:
|
|
2214
|
-
annotationLayoutsForTrack:
|
|
2215
|
-
resolveSeriesYScale:
|
|
2216
|
-
chartWidth:
|
|
2217
|
-
chartHeight:
|
|
2218
|
-
innerWidth:
|
|
2219
|
-
resolvedChartLeftMargin:
|
|
2220
|
-
titleAreaHeight:
|
|
2221
|
-
chartTopMargin:
|
|
2222
|
-
activeInteractionMode:
|
|
2223
|
-
isPresentationMode:
|
|
2224
|
-
}),
|
|
2259
|
+
chartSeries: oe,
|
|
2260
|
+
hiddenSeriesIdSet: H,
|
|
2261
|
+
internalHiddenSeriesIds: O,
|
|
2262
|
+
annotationInteraction: k,
|
|
2263
|
+
editorSeriesOptions: A,
|
|
2264
|
+
trackLayouts: _e,
|
|
2265
|
+
annotationLayoutsForTrack: ve,
|
|
2266
|
+
resolveSeriesYScale: ye,
|
|
2267
|
+
chartWidth: R,
|
|
2268
|
+
chartHeight: z,
|
|
2269
|
+
innerWidth: G,
|
|
2270
|
+
resolvedChartLeftMargin: fe,
|
|
2271
|
+
titleAreaHeight: re,
|
|
2272
|
+
chartTopMargin: ie,
|
|
2273
|
+
activeInteractionMode: me,
|
|
2274
|
+
isPresentationMode: V
|
|
2275
|
+
}), xe = bn({
|
|
2225
2276
|
props: e,
|
|
2226
2277
|
emit: t,
|
|
2227
|
-
selection:
|
|
2228
|
-
spacePressed:
|
|
2229
|
-
trackLayouts:
|
|
2230
|
-
chartTracks:
|
|
2231
|
-
initialXDomain:
|
|
2232
|
-
innerWidth:
|
|
2233
|
-
innerHeight:
|
|
2278
|
+
selection: M,
|
|
2279
|
+
spacePressed: N,
|
|
2280
|
+
trackLayouts: _e,
|
|
2281
|
+
chartTracks: ce,
|
|
2282
|
+
initialXDomain: K,
|
|
2283
|
+
innerWidth: G,
|
|
2284
|
+
innerHeight: ae,
|
|
2234
2285
|
sharedOverlayElement: a,
|
|
2235
2286
|
sharedTransform: f,
|
|
2236
2287
|
independentTransforms: p,
|
|
2237
2288
|
sharedYDomains: m,
|
|
2238
2289
|
independentYDomains: h,
|
|
2239
|
-
isZoomMode:
|
|
2240
|
-
isPresentationMode:
|
|
2241
|
-
editorSeriesOptions:
|
|
2242
|
-
resolveInitialTrackDomain:
|
|
2290
|
+
isZoomMode: he,
|
|
2291
|
+
isPresentationMode: V,
|
|
2292
|
+
editorSeriesOptions: A,
|
|
2293
|
+
resolveInitialTrackDomain: q,
|
|
2243
2294
|
canZoomTrack: J.canZoomTrack,
|
|
2244
2295
|
canZoomSharedTracks: J.canZoomSharedTracks,
|
|
2245
2296
|
configureZoom: J.configureZoom,
|
|
2246
2297
|
cancelPendingZoom: J.cancelPendingZoom,
|
|
2247
|
-
clearHover: () =>
|
|
2248
|
-
resolveTrackAtPointer:
|
|
2249
|
-
}),
|
|
2298
|
+
clearHover: () => Y.clearHover(),
|
|
2299
|
+
resolveTrackAtPointer: be.resolveTrackAtPointer
|
|
2300
|
+
}), Y = yn({
|
|
2250
2301
|
emit: t,
|
|
2251
2302
|
hoverState: g,
|
|
2252
2303
|
suppressHoverUntilMove: y,
|
|
2253
|
-
hoverThrottle:
|
|
2254
|
-
selection:
|
|
2255
|
-
trackLayouts:
|
|
2256
|
-
innerWidth:
|
|
2257
|
-
resolvedChartLeftMargin:
|
|
2258
|
-
titleAreaHeight:
|
|
2259
|
-
chartTopMargin:
|
|
2304
|
+
hoverThrottle: j,
|
|
2305
|
+
selection: M,
|
|
2306
|
+
trackLayouts: _e,
|
|
2307
|
+
innerWidth: G,
|
|
2308
|
+
resolvedChartLeftMargin: fe,
|
|
2309
|
+
titleAreaHeight: re,
|
|
2310
|
+
chartTopMargin: ie,
|
|
2260
2311
|
sharedOverlayElement: a,
|
|
2261
|
-
isPresentationMode:
|
|
2262
|
-
updateViewportDrag:
|
|
2263
|
-
resolveTrackAtPointer:
|
|
2264
|
-
}),
|
|
2312
|
+
isPresentationMode: V,
|
|
2313
|
+
updateViewportDrag: xe.updateViewportDrag,
|
|
2314
|
+
resolveTrackAtPointer: be.resolveTrackAtPointer
|
|
2315
|
+
}), Se = wn({
|
|
2265
2316
|
props: e,
|
|
2266
2317
|
emit: t,
|
|
2267
2318
|
container: n,
|
|
@@ -2271,79 +2322,79 @@ function On(e, t) {
|
|
|
2271
2322
|
observedHeight: s,
|
|
2272
2323
|
measuredTitleWidth: c,
|
|
2273
2324
|
measuredTitleHeight: l,
|
|
2274
|
-
resolvedTitleText:
|
|
2275
|
-
titleAreaReserved:
|
|
2276
|
-
titleMeasureStyle:
|
|
2277
|
-
spacePressed:
|
|
2278
|
-
pointerInsideChart:
|
|
2325
|
+
resolvedTitleText: ee,
|
|
2326
|
+
titleAreaReserved: te,
|
|
2327
|
+
titleMeasureStyle: ne,
|
|
2328
|
+
spacePressed: N,
|
|
2329
|
+
pointerInsideChart: P,
|
|
2279
2330
|
currentPage: S,
|
|
2280
|
-
pageCount:
|
|
2281
|
-
pagedTracks:
|
|
2282
|
-
gridOptions:
|
|
2283
|
-
chartSeries:
|
|
2284
|
-
chartTracks:
|
|
2285
|
-
innerWidth:
|
|
2286
|
-
innerHeight:
|
|
2287
|
-
activeInteractionMode:
|
|
2288
|
-
hiddenSeriesIdSet:
|
|
2289
|
-
internalHiddenSeriesIds:
|
|
2331
|
+
pageCount: ue,
|
|
2332
|
+
pagedTracks: de,
|
|
2333
|
+
gridOptions: le,
|
|
2334
|
+
chartSeries: oe,
|
|
2335
|
+
chartTracks: ce,
|
|
2336
|
+
innerWidth: G,
|
|
2337
|
+
innerHeight: ae,
|
|
2338
|
+
activeInteractionMode: me,
|
|
2339
|
+
hiddenSeriesIdSet: H,
|
|
2340
|
+
internalHiddenSeriesIds: O,
|
|
2290
2341
|
independentTransforms: p,
|
|
2291
2342
|
independentYDomains: h,
|
|
2292
|
-
annotationInteraction:
|
|
2293
|
-
editorSeriesOptions:
|
|
2294
|
-
isPresentationMode:
|
|
2295
|
-
clearHover:
|
|
2296
|
-
cancelAnnotation:
|
|
2343
|
+
annotationInteraction: k,
|
|
2344
|
+
editorSeriesOptions: A,
|
|
2345
|
+
isPresentationMode: V,
|
|
2346
|
+
clearHover: Y.clearHover,
|
|
2347
|
+
cancelAnnotation: be.cancelAnnotation,
|
|
2297
2348
|
configureZoom: J.configureZoom,
|
|
2298
|
-
resetViewport:
|
|
2299
|
-
cancelViewportDrag:
|
|
2300
|
-
cancelPendingHover:
|
|
2349
|
+
resetViewport: xe.resetViewport,
|
|
2350
|
+
cancelViewportDrag: xe.cancelViewportDrag,
|
|
2351
|
+
cancelPendingHover: Y.cancelPendingHover,
|
|
2301
2352
|
clearZoomBindings: J.clearZoomBindings
|
|
2302
2353
|
});
|
|
2303
|
-
return
|
|
2354
|
+
return F = Se.handleDataReferenceChange, _({
|
|
2304
2355
|
...C(e),
|
|
2305
|
-
...
|
|
2306
|
-
...
|
|
2307
|
-
...Y,
|
|
2308
|
-
...ye,
|
|
2356
|
+
...L,
|
|
2357
|
+
...W,
|
|
2309
2358
|
...be,
|
|
2359
|
+
...xe,
|
|
2360
|
+
...Y,
|
|
2310
2361
|
margin: ft,
|
|
2311
|
-
getPageSize:
|
|
2362
|
+
getPageSize: Kt,
|
|
2312
2363
|
currentPage: S,
|
|
2313
|
-
selection:
|
|
2314
|
-
pointerInsideChart:
|
|
2364
|
+
selection: M,
|
|
2365
|
+
pointerInsideChart: P,
|
|
2315
2366
|
hoverState: g,
|
|
2316
|
-
annotationInteraction:
|
|
2317
|
-
editorDraft:
|
|
2318
|
-
contextMenu:
|
|
2319
|
-
editorSeriesOptions:
|
|
2367
|
+
annotationInteraction: k,
|
|
2368
|
+
editorDraft: k.editorDraft,
|
|
2369
|
+
contextMenu: k.contextMenu,
|
|
2370
|
+
editorSeriesOptions: A,
|
|
2320
2371
|
clipPathId: T,
|
|
2321
|
-
goToPage:
|
|
2322
|
-
setContainer: (e) =>
|
|
2323
|
-
setSvgElement: (e) =>
|
|
2324
|
-
setTitleMeasureElement: (e) =>
|
|
2325
|
-
setSharedOverlayElement: (e) =>
|
|
2372
|
+
goToPage: Se.goToPage,
|
|
2373
|
+
setContainer: (e) => Nn(n, e),
|
|
2374
|
+
setSvgElement: (e) => Nn(r, e),
|
|
2375
|
+
setTitleMeasureElement: (e) => Nn(i, e),
|
|
2376
|
+
setSharedOverlayElement: (e) => Nn(a, e)
|
|
2326
2377
|
});
|
|
2327
2378
|
}
|
|
2328
2379
|
//#endregion
|
|
2329
2380
|
//#region src/components/annotation/WaveformAnnotationEditor.vue?vue&type=script&setup=true&lang.ts
|
|
2330
|
-
var
|
|
2381
|
+
var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel" }, Ln = { class: "waveform-annotation-editor__header" }, Rn = ["id"], zn = {
|
|
2331
2382
|
class: "waveform-annotation-editor__coordinates",
|
|
2332
2383
|
"aria-label": "标注坐标"
|
|
2333
|
-
},
|
|
2384
|
+
}, Bn = {
|
|
2334
2385
|
key: 0,
|
|
2335
2386
|
class: "waveform-annotation-editor__series",
|
|
2336
2387
|
"aria-label": "标注所属波形"
|
|
2337
|
-
},
|
|
2388
|
+
}, Vn = { class: "waveform-annotation-editor__series-label" }, Hn = ["value"], Un = ["value"], Wn = { key: 1 }, Gn = { class: "waveform-annotation-editor__field" }, Kn = { class: "waveform-annotation-editor__label-row" }, qn = ["maxlength"], Jn = { class: "waveform-annotation-editor__colors" }, Yn = {
|
|
2338
2389
|
class: "waveform-annotation-editor__color-field",
|
|
2339
2390
|
title: "调整标注边框色和透明度"
|
|
2340
|
-
},
|
|
2391
|
+
}, Xn = {
|
|
2341
2392
|
class: "waveform-annotation-editor__color-field",
|
|
2342
2393
|
title: "调整标注文字色和透明度"
|
|
2343
|
-
},
|
|
2394
|
+
}, Zn = {
|
|
2344
2395
|
class: "waveform-annotation-editor__color-field",
|
|
2345
2396
|
title: "调整标注背景色和透明度"
|
|
2346
|
-
},
|
|
2397
|
+
}, Qn = { class: "waveform-annotation-editor__actions" }, $n = ["disabled"], er = /*#__PURE__*/ X(/* @__PURE__ */ c({
|
|
2347
2398
|
__name: "WaveformAnnotationEditor",
|
|
2348
2399
|
props: {
|
|
2349
2400
|
annotation: {},
|
|
@@ -2358,7 +2409,7 @@ var kn = ["aria-labelledby"], An = { class: "waveform-annotation-editor__panel"
|
|
|
2358
2409
|
"series-change"
|
|
2359
2410
|
],
|
|
2360
2411
|
setup(n, { emit: o }) {
|
|
2361
|
-
let c = n, l = o, u = v(), f =
|
|
2412
|
+
let c = n, l = o, u = v(), f = se("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(() => {
|
|
2362
2413
|
let e = c.seriesOptions?.find((e) => e.seriesId === c.annotation.seriesId);
|
|
2363
2414
|
return e ? {
|
|
2364
2415
|
id: e.seriesId,
|
|
@@ -2368,7 +2419,7 @@ var kn = ["aria-labelledby"], An = { class: "waveform-annotation-editor__panel"
|
|
|
2368
2419
|
} : c.series;
|
|
2369
2420
|
});
|
|
2370
2421
|
function A() {
|
|
2371
|
-
let e =
|
|
2422
|
+
let e = Y(c.annotation.style);
|
|
2372
2423
|
m.value = c.annotation.text, h.value = e.borderColor, _.value = e.textColor, b.value = e.backgroundColor, d(() => u.value?.focus());
|
|
2373
2424
|
}
|
|
2374
2425
|
E(() => c.annotation, A, { immediate: !0 });
|
|
@@ -2396,21 +2447,21 @@ var kn = ["aria-labelledby"], An = { class: "waveform-annotation-editor__panel"
|
|
|
2396
2447
|
"aria-modal": "true",
|
|
2397
2448
|
"aria-labelledby": w(f),
|
|
2398
2449
|
onClick: n[6] ||= k((e) => l("cancel"), ["self"])
|
|
2399
|
-
}, [a("section",
|
|
2400
|
-
a("header",
|
|
2450
|
+
}, [a("section", In, [
|
|
2451
|
+
a("header", Ln, [a("div", null, [a("h2", { id: w(f) }, S(c.mode === "add" ? "添加标注" : "编辑标注"), 9, Rn)]), a("button", {
|
|
2401
2452
|
type: "button",
|
|
2402
2453
|
class: "waveform-annotation-editor__close",
|
|
2403
2454
|
"aria-label": "关闭标注编辑器",
|
|
2404
2455
|
title: "关闭",
|
|
2405
2456
|
onClick: n[0] ||= (e) => l("cancel")
|
|
2406
2457
|
}, " × ")]),
|
|
2407
|
-
a("div",
|
|
2408
|
-
D.value ? (g(), i("label",
|
|
2458
|
+
a("div", zn, [a("span", null, [a("b", null, "X (" + S(c.timeUnit) + ")", 1), a("code", null, S(w(lt)(c.annotation.x, c.timeUnit)), 1)]), a("span", null, [n[7] ||= a("b", null, "Y", -1), a("code", null, S(w(it)(c.annotation.y)), 1)])]),
|
|
2459
|
+
D.value ? (g(), i("label", Bn, [
|
|
2409
2460
|
a("i", {
|
|
2410
2461
|
style: p({ backgroundColor: D.value.color }),
|
|
2411
2462
|
"aria-hidden": "true"
|
|
2412
2463
|
}, null, 4),
|
|
2413
|
-
a("span",
|
|
2464
|
+
a("span", Vn, [n[8] ||= a("small", null, "标注波形", -1), a("b", null, S(D.value.name), 1)]),
|
|
2414
2465
|
c.seriesOptions?.length ? (g(), i("select", {
|
|
2415
2466
|
key: 0,
|
|
2416
2467
|
value: c.annotation.seriesId,
|
|
@@ -2419,9 +2470,9 @@ var kn = ["aria-labelledby"], An = { class: "waveform-annotation-editor__panel"
|
|
|
2419
2470
|
}, [(g(!0), i(e, null, y(c.seriesOptions, (e) => (g(), i("option", {
|
|
2420
2471
|
key: e.seriesId,
|
|
2421
2472
|
value: e.seriesId
|
|
2422
|
-
}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9,
|
|
2473
|
+
}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9, Un))), 128))], 40, Hn)) : D.value.unit ? (g(), i("code", Wn, S(D.value.unit), 1)) : r("", !0)
|
|
2423
2474
|
])) : r("", !0),
|
|
2424
|
-
a("label",
|
|
2475
|
+
a("label", Gn, [a("span", Kn, [n[9] ||= a("b", null, "标注文本", -1), a("small", null, S(C.value) + "/" + S(w(40)), 1)]), O(a("textarea", {
|
|
2425
2476
|
ref_key: "textarea",
|
|
2426
2477
|
ref: u,
|
|
2427
2478
|
"onUpdate:modelValue": n[1] ||= (e) => m.value = e,
|
|
@@ -2430,10 +2481,10 @@ var kn = ["aria-labelledby"], An = { class: "waveform-annotation-editor__panel"
|
|
|
2430
2481
|
"aria-label": "标注文本",
|
|
2431
2482
|
placeholder: "输入这处波形的说明",
|
|
2432
2483
|
onKeydown: M
|
|
2433
|
-
}, null, 40,
|
|
2434
|
-
a("fieldset",
|
|
2484
|
+
}, null, 40, qn), [[T, m.value]])]),
|
|
2485
|
+
a("fieldset", Jn, [
|
|
2435
2486
|
n[13] ||= a("legend", null, "颜色与透明度", -1),
|
|
2436
|
-
a("label",
|
|
2487
|
+
a("label", Yn, [n[10] ||= a("span", null, "边框色", -1), s(w(W), {
|
|
2437
2488
|
"pure-color": h.value,
|
|
2438
2489
|
"onUpdate:pureColor": n[2] ||= (e) => h.value = e,
|
|
2439
2490
|
"aria-label": "标注边框色",
|
|
@@ -2443,7 +2494,7 @@ var kn = ["aria-labelledby"], An = { class: "waveform-annotation-editor__panel"
|
|
|
2443
2494
|
"disable-alpha": !1,
|
|
2444
2495
|
"blur-close": !0
|
|
2445
2496
|
}, null, 8, ["pure-color"])]),
|
|
2446
|
-
a("label",
|
|
2497
|
+
a("label", Xn, [n[11] ||= a("span", null, "文字色", -1), s(w(W), {
|
|
2447
2498
|
"pure-color": _.value,
|
|
2448
2499
|
"onUpdate:pureColor": n[3] ||= (e) => _.value = e,
|
|
2449
2500
|
"aria-label": "标注文字色",
|
|
@@ -2453,7 +2504,7 @@ var kn = ["aria-labelledby"], An = { class: "waveform-annotation-editor__panel"
|
|
|
2453
2504
|
"disable-alpha": !1,
|
|
2454
2505
|
"blur-close": !0
|
|
2455
2506
|
}, null, 8, ["pure-color"])]),
|
|
2456
|
-
a("label",
|
|
2507
|
+
a("label", Zn, [n[12] ||= a("span", null, "背景色", -1), s(w(W), {
|
|
2457
2508
|
"pure-color": b.value,
|
|
2458
2509
|
"onUpdate:pureColor": n[4] ||= (e) => b.value = e,
|
|
2459
2510
|
"aria-label": "标注背景色",
|
|
@@ -2464,7 +2515,7 @@ var kn = ["aria-labelledby"], An = { class: "waveform-annotation-editor__panel"
|
|
|
2464
2515
|
"blur-close": !0
|
|
2465
2516
|
}, null, 8, ["pure-color"])])
|
|
2466
2517
|
]),
|
|
2467
|
-
a("footer",
|
|
2518
|
+
a("footer", Qn, [a("button", {
|
|
2468
2519
|
type: "button",
|
|
2469
2520
|
onClick: n[5] ||= (e) => l("cancel")
|
|
2470
2521
|
}, "取消"), a("button", {
|
|
@@ -2472,10 +2523,10 @@ var kn = ["aria-labelledby"], An = { class: "waveform-annotation-editor__panel"
|
|
|
2472
2523
|
class: "is-primary",
|
|
2473
2524
|
disabled: !x.value,
|
|
2474
2525
|
onClick: j
|
|
2475
|
-
}, " 保存标注 ", 8,
|
|
2476
|
-
])], 8,
|
|
2526
|
+
}, " 保存标注 ", 8, $n)])
|
|
2527
|
+
])], 8, Fn));
|
|
2477
2528
|
}
|
|
2478
|
-
}), [["__scopeId", "data-v-52818b45"]]),
|
|
2529
|
+
}), [["__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({
|
|
2479
2530
|
__name: "WaveformTooltip",
|
|
2480
2531
|
props: {
|
|
2481
2532
|
visible: { type: Boolean },
|
|
@@ -2489,30 +2540,30 @@ var kn = ["aria-labelledby"], An = { class: "waveform-annotation-editor__panel"
|
|
|
2489
2540
|
setup(n) {
|
|
2490
2541
|
let s = n, c = t(() => {
|
|
2491
2542
|
if (!s.visible || !s.hoveredPoint) return { display: "none" };
|
|
2492
|
-
let e = 44 + s.seriesPoints.length * 22, t = s.position.x +
|
|
2543
|
+
let e = 44 + s.seriesPoints.length * 22, t = s.position.x + ar, n = s.position.x - ar - sr;
|
|
2493
2544
|
return {
|
|
2494
|
-
...t +
|
|
2545
|
+
...t + sr <= s.containerWidth - or ? { left: `${t}px` } : n >= or ? { right: `${s.containerWidth - s.position.x + ar}px` } : { left: `${or}px` },
|
|
2495
2546
|
top: `${Math.max(8, Math.min(s.position.y - 18, s.containerHeight - e - 8))}px`
|
|
2496
2547
|
};
|
|
2497
2548
|
});
|
|
2498
2549
|
function l(e) {
|
|
2499
|
-
let { lower: t, upper: n } =
|
|
2550
|
+
let { lower: t, upper: n } = kt(e);
|
|
2500
2551
|
return t === 0 && n === 0 ? null : `(+${rt(n)} / -${rt(t)})`;
|
|
2501
2552
|
}
|
|
2502
2553
|
return (t, s) => n.visible && n.hoveredPoint ? (g(), i("div", {
|
|
2503
2554
|
key: 0,
|
|
2504
2555
|
class: "waveform-tooltip waveform-chart__tooltip",
|
|
2505
2556
|
style: p(c.value)
|
|
2506
|
-
}, [a("span",
|
|
2557
|
+
}, [a("span", tr, S(n.timeUnit) + ": " + S(w(ct)(n.hoveredPoint.x, n.timeUnit)), 1), (g(!0), i(e, null, y(n.seriesPoints, (e) => (g(), i("span", {
|
|
2507
2558
|
key: `${e.trackIndex}-${e.name}`,
|
|
2508
2559
|
class: "waveform-tooltip__series waveform-chart__tooltip-series"
|
|
2509
2560
|
}, [
|
|
2510
2561
|
a("i", { style: p({ backgroundColor: e.color }) }, null, 4),
|
|
2511
|
-
e.name ? (g(), i("strong",
|
|
2512
|
-
a("span",
|
|
2562
|
+
e.name ? (g(), i("strong", nr, S(e.name) + ":", 1)) : r("", !0),
|
|
2563
|
+
a("span", rr, [o(S(w(rt)(e.point.y)) + S(e.unit ? ` ${e.unit}` : "") + " ", 1), l(e.point) ? (g(), i("small", ir, S(l(e.point)), 1)) : r("", !0)])
|
|
2513
2564
|
]))), 128))], 4)) : r("", !0);
|
|
2514
2565
|
}
|
|
2515
|
-
}), [["__scopeId", "data-v-b8b5592a"]]),
|
|
2566
|
+
}), [["__scopeId", "data-v-b8b5592a"]]), lr = /* @__PURE__ */ c({
|
|
2516
2567
|
__name: "WaveformHoverHost",
|
|
2517
2568
|
props: {
|
|
2518
2569
|
state: {},
|
|
@@ -2523,7 +2574,7 @@ var kn = ["aria-labelledby"], An = { class: "waveform-annotation-editor__panel"
|
|
|
2523
2574
|
},
|
|
2524
2575
|
setup(e) {
|
|
2525
2576
|
let r = e, i = t(() => r.state.points[0]?.point ?? null);
|
|
2526
|
-
return (t, r) => (g(), n(
|
|
2577
|
+
return (t, r) => (g(), n(cr, {
|
|
2527
2578
|
visible: e.visible && i.value !== null,
|
|
2528
2579
|
position: e.state.position,
|
|
2529
2580
|
"time-unit": e.timeUnit,
|
|
@@ -2541,16 +2592,16 @@ var kn = ["aria-labelledby"], An = { class: "waveform-annotation-editor__panel"
|
|
|
2541
2592
|
"container-height"
|
|
2542
2593
|
]));
|
|
2543
2594
|
}
|
|
2544
|
-
}),
|
|
2595
|
+
}), ur = 13, dr = 2, fr = 14, pr = 8, mr = 24, hr = {
|
|
2545
2596
|
circle: ee,
|
|
2546
2597
|
square: ne,
|
|
2547
2598
|
triangle: re,
|
|
2548
2599
|
diamond: te
|
|
2549
2600
|
};
|
|
2550
|
-
function
|
|
2551
|
-
return e === "none" ? null : H().type(
|
|
2601
|
+
function gr(e, t = 48) {
|
|
2602
|
+
return e === "none" ? null : H().type(hr[e]).size(t)() ?? null;
|
|
2552
2603
|
}
|
|
2553
|
-
function
|
|
2604
|
+
function _r(e, t, n = 48) {
|
|
2554
2605
|
if (e === "none" || t.length === 0) return null;
|
|
2555
2606
|
if (e === "circle") {
|
|
2556
2607
|
let e = Math.sqrt(n / Math.PI);
|
|
@@ -2567,24 +2618,24 @@ function dr(e, t, n = 48) {
|
|
|
2567
2618
|
let r = Math.sqrt(n / (2 * Math.tan(Math.PI / 6))), i = r * Math.tan(Math.PI / 6);
|
|
2568
2619
|
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("");
|
|
2569
2620
|
}
|
|
2570
|
-
function
|
|
2621
|
+
function vr(e) {
|
|
2571
2622
|
return e === "none" ? null : "M1 8H25";
|
|
2572
2623
|
}
|
|
2573
|
-
function
|
|
2624
|
+
function yr(e) {
|
|
2574
2625
|
if (e === "dashed") return "8 5";
|
|
2575
2626
|
if (e === "dash-dot") return "8 5 1.5 5";
|
|
2576
2627
|
}
|
|
2577
|
-
function
|
|
2578
|
-
let t = (Number.isFinite(e) && e > 0 ? Math.min(e,
|
|
2628
|
+
function br(e) {
|
|
2629
|
+
let t = (Number.isFinite(e) && e > 0 ? Math.min(e, mr) : pr) / 2, n = ur - t, r = ur + t;
|
|
2579
2630
|
return [
|
|
2580
|
-
`M${n} ${
|
|
2581
|
-
`M${
|
|
2582
|
-
`M${n} ${
|
|
2631
|
+
`M${n} ${dr}H${r}`,
|
|
2632
|
+
`M${ur} ${dr}V${fr}`,
|
|
2633
|
+
`M${n} ${fr}H${r}`
|
|
2583
2634
|
].join("");
|
|
2584
2635
|
}
|
|
2585
2636
|
//#endregion
|
|
2586
2637
|
//#region src/components/rendering/WaveformSeriesLayer.vue?vue&type=script&setup=true&lang.ts
|
|
2587
|
-
var
|
|
2638
|
+
var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
2588
2639
|
"data-series-id",
|
|
2589
2640
|
"data-series-name",
|
|
2590
2641
|
"data-y-axis-index",
|
|
@@ -2593,11 +2644,11 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2593
2644
|
"d",
|
|
2594
2645
|
"stroke",
|
|
2595
2646
|
"stroke-dasharray"
|
|
2596
|
-
],
|
|
2647
|
+
], wr = ["data-series-id"], Tr = [
|
|
2597
2648
|
"d",
|
|
2598
2649
|
"stroke",
|
|
2599
2650
|
"stroke-width"
|
|
2600
|
-
],
|
|
2651
|
+
], Er = ["data-series-id", "data-point-type"], Dr = ["d", "fill"], Or = /*#__PURE__*/ X(/* @__PURE__ */ c({
|
|
2601
2652
|
__name: "WaveformSeriesLayer",
|
|
2602
2653
|
props: {
|
|
2603
2654
|
track: {},
|
|
@@ -2605,11 +2656,11 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2605
2656
|
},
|
|
2606
2657
|
setup(n) {
|
|
2607
2658
|
let a = n, o = t(() => a.track.seriesPaths.map((e) => {
|
|
2608
|
-
let t =
|
|
2659
|
+
let t = _r(e.series.pointType, e.pointRenderPoints.map((t) => ({
|
|
2609
2660
|
x: a.track.xScale(t.x),
|
|
2610
2661
|
y: e.yScale(t.y)
|
|
2611
2662
|
}))), n = e.series.errorBar.capWidth / 2, r = e.errorBarRenderPoints.map((t) => {
|
|
2612
|
-
let { lower: r, upper: i } =
|
|
2663
|
+
let { lower: r, upper: i } = kt(t), o = a.track.xScale(t.x), s = e.yScale(t.y - r), c = e.yScale(t.y + i);
|
|
2613
2664
|
return [
|
|
2614
2665
|
`M${o - n},${s}H${o + n}`,
|
|
2615
2666
|
`M${o},${s}V${c}`,
|
|
@@ -2642,8 +2693,8 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2642
2693
|
"data-line-style": e.series.lineStyle,
|
|
2643
2694
|
d: e.path,
|
|
2644
2695
|
stroke: e.series.color,
|
|
2645
|
-
"stroke-dasharray": w(
|
|
2646
|
-
}, null, 8,
|
|
2696
|
+
"stroke-dasharray": w(yr)(e.series.lineStyle)
|
|
2697
|
+
}, null, 8, Cr)) : r("", !0),
|
|
2647
2698
|
e.series.errorBar.visible ? (g(), i("g", {
|
|
2648
2699
|
key: 1,
|
|
2649
2700
|
class: "waveform-track__error-bars waveform-chart__error-bars",
|
|
@@ -2654,7 +2705,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2654
2705
|
d: e.errorBarPath,
|
|
2655
2706
|
stroke: e.series.errorBar.color || e.series.color,
|
|
2656
2707
|
"stroke-width": e.series.errorBar.width
|
|
2657
|
-
}, null, 8,
|
|
2708
|
+
}, null, 8, Tr)) : r("", !0)], 8, wr)) : r("", !0),
|
|
2658
2709
|
e.series.pointType === "none" ? r("", !0) : (g(), i("g", {
|
|
2659
2710
|
key: 2,
|
|
2660
2711
|
class: "waveform-track__points waveform-chart__points",
|
|
@@ -2665,24 +2716,24 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2665
2716
|
class: "waveform-track__point waveform-chart__point",
|
|
2666
2717
|
d: e.pointPath,
|
|
2667
2718
|
fill: e.series.color
|
|
2668
|
-
}, null, 8,
|
|
2669
|
-
], 8,
|
|
2719
|
+
}, null, 8, Dr)) : r("", !0)], 8, Er))
|
|
2720
|
+
], 8, Sr))), 128))], 8, xr)) : r("", !0);
|
|
2670
2721
|
}
|
|
2671
|
-
}), [["__scopeId", "data-v-42a3fd47"]]),
|
|
2722
|
+
}), [["__scopeId", "data-v-42a3fd47"]]), kr = ["transform"], Ar = ["transform"], jr = {
|
|
2672
2723
|
class: "waveform-track__axis-endpoint waveform-track__axis-endpoint--start waveform-chart__axis-endpoint waveform-chart__axis-endpoint--start",
|
|
2673
2724
|
x: "0",
|
|
2674
2725
|
y: "7",
|
|
2675
2726
|
dy: "0.71em",
|
|
2676
2727
|
"text-anchor": "start"
|
|
2677
|
-
},
|
|
2728
|
+
}, Mr = ["x"], Nr = ["x", "y"], Pr = [
|
|
2678
2729
|
"data-y-axis-index",
|
|
2679
2730
|
"data-y-axis-side",
|
|
2680
2731
|
"transform"
|
|
2681
|
-
],
|
|
2732
|
+
], Fr = [
|
|
2682
2733
|
"data-y-axis-index",
|
|
2683
2734
|
"x",
|
|
2684
2735
|
"text-anchor"
|
|
2685
|
-
],
|
|
2736
|
+
], Ir = { key: 3 }, Lr = ["x", "y"], Rr = ["fill", "transform"], zr = ["data-y-axis-title-index"], Br = ["x", "y"], Vr = ["fill", "transform"], Hr = /* @__PURE__ */ c({
|
|
2686
2737
|
__name: "WaveformTrackAxes",
|
|
2687
2738
|
props: {
|
|
2688
2739
|
track: {},
|
|
@@ -2733,36 +2784,36 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2733
2784
|
], async () => {
|
|
2734
2785
|
await d(), m();
|
|
2735
2786
|
}, { flush: "post" }), (n, s) => (g(), i(e, null, [
|
|
2736
|
-
t.track.showXAxis
|
|
2787
|
+
t.track.showXAxis ? (g(), i("g", {
|
|
2737
2788
|
key: 0,
|
|
2738
2789
|
ref_key: "xAxisElement",
|
|
2739
2790
|
ref: o,
|
|
2740
2791
|
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 }]),
|
|
2741
2792
|
transform: `translate(0, ${t.track.height})`
|
|
2742
|
-
}, null, 10,
|
|
2743
|
-
t.track.showXAxis
|
|
2793
|
+
}, null, 10, kr)) : r("", !0),
|
|
2794
|
+
t.track.showXAxis ? (g(), i("g", {
|
|
2744
2795
|
key: 1,
|
|
2745
2796
|
class: "waveform-track__axis-endpoints waveform-chart__axis-endpoints",
|
|
2746
2797
|
transform: `translate(0, ${t.track.height})`,
|
|
2747
2798
|
"font-family": "sans-serif",
|
|
2748
2799
|
"font-size": "10",
|
|
2749
2800
|
"aria-hidden": "true"
|
|
2750
|
-
}, [a("text",
|
|
2801
|
+
}, [a("text", jr, S(t.track.endpointLabels.start), 1), a("text", {
|
|
2751
2802
|
class: "waveform-track__axis-endpoint waveform-track__axis-endpoint--end waveform-chart__axis-endpoint waveform-chart__axis-endpoint--end",
|
|
2752
2803
|
x: t.track.width ?? t.innerWidth,
|
|
2753
2804
|
y: "7",
|
|
2754
2805
|
dy: "0.71em",
|
|
2755
2806
|
"text-anchor": "end"
|
|
2756
|
-
}, S(t.track.endpointLabels.end), 9,
|
|
2757
|
-
t.track.showXAxis && t.track.xAxisExponent
|
|
2807
|
+
}, S(t.track.endpointLabels.end), 9, Mr)], 8, Ar)) : r("", !0),
|
|
2808
|
+
t.track.showXAxis && t.track.xAxisExponent ? (g(), i("text", {
|
|
2758
2809
|
key: 2,
|
|
2759
2810
|
class: "waveform-track__axis-exponent waveform-track__axis-exponent--x waveform-chart__axis-exponent waveform-chart__axis-exponent--x",
|
|
2760
2811
|
x: t.track.width ?? t.innerWidth,
|
|
2761
2812
|
y: t.track.height + 27,
|
|
2762
2813
|
"text-anchor": "end",
|
|
2763
2814
|
"aria-hidden": "true"
|
|
2764
|
-
}, S(t.track.xAxisExponent), 9,
|
|
2765
|
-
(g(!0), i(e, null, y(t.track.isEmpty
|
|
2815
|
+
}, S(t.track.xAxisExponent), 9, Nr)) : r("", !0),
|
|
2816
|
+
(g(!0), i(e, null, y(t.track.isEmpty ? [] : t.track.yAxes, (e) => (g(), i("g", {
|
|
2766
2817
|
key: `y-axis-${t.track.index}-${e.index}`,
|
|
2767
2818
|
ref_for: !0,
|
|
2768
2819
|
ref: (t) => u(t, e.index),
|
|
@@ -2770,8 +2821,8 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2770
2821
|
"data-y-axis-index": e.index,
|
|
2771
2822
|
"data-y-axis-side": e.side,
|
|
2772
2823
|
transform: `translate(${e.x}, 0)`
|
|
2773
|
-
}, null, 10,
|
|
2774
|
-
(g(!0), i(e, null, y(t.track.isEmpty
|
|
2824
|
+
}, null, 10, Pr))), 128)),
|
|
2825
|
+
(g(!0), i(e, null, y(t.track.isEmpty ? [] : t.track.yAxes.filter((e) => e.exponentLabel), (e) => (g(), i("text", {
|
|
2775
2826
|
key: `y-axis-exponent-${t.track.index}-${e.index}`,
|
|
2776
2827
|
class: "waveform-track__axis-exponent waveform-track__axis-exponent--y waveform-chart__axis-exponent waveform-chart__axis-exponent--y",
|
|
2777
2828
|
"data-y-axis-index": e.index,
|
|
@@ -2780,21 +2831,21 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2780
2831
|
dy: "0.32em",
|
|
2781
2832
|
"text-anchor": e.side === "left" ? "end" : "start",
|
|
2782
2833
|
"aria-hidden": "true"
|
|
2783
|
-
}, S(e.exponentLabel), 9,
|
|
2784
|
-
!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",
|
|
2834
|
+
}, S(e.exponentLabel), 9, Fr))), 128)),
|
|
2835
|
+
!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", Ir, [a("rect", {
|
|
2785
2836
|
class: "waveform-track__y-axis-label-bg waveform-chart__y-axis-label-bg",
|
|
2786
2837
|
x: t.track.yAxisLabelX - 12,
|
|
2787
2838
|
y: t.track.height / 2 - 40,
|
|
2788
2839
|
width: "24",
|
|
2789
2840
|
height: "80",
|
|
2790
2841
|
rx: "2"
|
|
2791
|
-
}, null, 8,
|
|
2842
|
+
}, null, 8, Lr), a("text", {
|
|
2792
2843
|
class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
|
|
2793
2844
|
fill: t.track.series.color,
|
|
2794
2845
|
transform: `translate(${t.track.yAxisLabelX}, ${t.track.height / 2}) rotate(-90)`,
|
|
2795
2846
|
"text-anchor": "middle",
|
|
2796
2847
|
"dominant-baseline": "central"
|
|
2797
|
-
}, S(c(t.track.series)), 9,
|
|
2848
|
+
}, S(c(t.track.series)), 9, Rr)])) : r("", !0),
|
|
2798
2849
|
(g(!0), i(e, null, y(!t.cleanView && t.track.yAxes.length > 1 ? t.track.yAxes.filter(l) : [], (e) => (g(), i("g", {
|
|
2799
2850
|
key: `y-axis-title-${t.track.index}-${e.index}`,
|
|
2800
2851
|
class: "waveform-track__multi-axis-title",
|
|
@@ -2806,40 +2857,40 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2806
2857
|
width: "24",
|
|
2807
2858
|
height: "80",
|
|
2808
2859
|
rx: "2"
|
|
2809
|
-
}, null, 8,
|
|
2860
|
+
}, null, 8, Br), a("text", {
|
|
2810
2861
|
class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
|
|
2811
2862
|
fill: e.seriesList[0].color,
|
|
2812
2863
|
transform: `translate(${e.labelX}, ${t.track.height / 2}) rotate(-90)`,
|
|
2813
2864
|
"text-anchor": "middle",
|
|
2814
2865
|
"dominant-baseline": "central"
|
|
2815
|
-
}, S(c(e.seriesList[0])), 9,
|
|
2866
|
+
}, S(c(e.seriesList[0])), 9, Vr)], 8, zr))), 128))
|
|
2816
2867
|
], 64));
|
|
2817
2868
|
}
|
|
2818
|
-
}),
|
|
2869
|
+
}), Ur = [
|
|
2819
2870
|
"width",
|
|
2820
2871
|
"height",
|
|
2821
2872
|
"fill"
|
|
2822
|
-
],
|
|
2873
|
+
], Wr = ["clip-path"], Gr = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, Kr = [
|
|
2823
2874
|
"stroke",
|
|
2824
2875
|
"x1",
|
|
2825
2876
|
"x2",
|
|
2826
2877
|
"y2"
|
|
2827
|
-
],
|
|
2878
|
+
], qr = [
|
|
2828
2879
|
"stroke",
|
|
2829
2880
|
"x2",
|
|
2830
2881
|
"y1",
|
|
2831
2882
|
"y2"
|
|
2832
|
-
],
|
|
2883
|
+
], Jr = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, Yr = [
|
|
2833
2884
|
"stroke",
|
|
2834
2885
|
"x1",
|
|
2835
2886
|
"x2",
|
|
2836
2887
|
"y2"
|
|
2837
|
-
],
|
|
2888
|
+
], Xr = [
|
|
2838
2889
|
"stroke",
|
|
2839
2890
|
"x2",
|
|
2840
2891
|
"y1",
|
|
2841
2892
|
"y2"
|
|
2842
|
-
],
|
|
2893
|
+
], Zr = ["clip-path"], Qr = [
|
|
2843
2894
|
"data-y-axis-index",
|
|
2844
2895
|
"x2",
|
|
2845
2896
|
"y1",
|
|
@@ -2847,7 +2898,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2847
2898
|
"stroke",
|
|
2848
2899
|
"stroke-width",
|
|
2849
2900
|
"stroke-dasharray"
|
|
2850
|
-
],
|
|
2901
|
+
], $r = ["x", "y"], ei = /* @__PURE__ */ c({
|
|
2851
2902
|
__name: "WaveformTrackBackdrop",
|
|
2852
2903
|
props: {
|
|
2853
2904
|
track: {},
|
|
@@ -2872,12 +2923,12 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2872
2923
|
height: t.track.height,
|
|
2873
2924
|
fill: t.frameStyle.backgroundColor,
|
|
2874
2925
|
"aria-hidden": "true"
|
|
2875
|
-
}, null, 8,
|
|
2926
|
+
}, null, 8, Ur)) : r("", !0),
|
|
2876
2927
|
!t.track.isEmpty && t.track.hasVisibleSeries && !t.cleanView ? (g(), i("g", {
|
|
2877
2928
|
key: 1,
|
|
2878
2929
|
"clip-path": `url(#${t.clipPathId}-${t.track.index})`,
|
|
2879
2930
|
"aria-hidden": "true"
|
|
2880
|
-
}, [a("g",
|
|
2931
|
+
}, [a("g", Gr, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMinorTicks, (e) => (g(), i("line", {
|
|
2881
2932
|
key: `x-minor-${t.track.index}-${e}`,
|
|
2882
2933
|
"data-grid-direction": "vertical",
|
|
2883
2934
|
stroke: t.track.gridLines.verticalColor,
|
|
@@ -2885,7 +2936,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2885
2936
|
x2: t.track.xScale(e),
|
|
2886
2937
|
y1: "0",
|
|
2887
2938
|
y2: t.track.height
|
|
2888
|
-
}, null, 8,
|
|
2939
|
+
}, null, 8, Kr))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMinorTicks, (e) => (g(), i("line", {
|
|
2889
2940
|
key: `y-minor-${t.track.index}-${e}`,
|
|
2890
2941
|
"data-grid-direction": "horizontal",
|
|
2891
2942
|
stroke: t.track.gridLines.horizontalColor,
|
|
@@ -2893,7 +2944,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2893
2944
|
x2: t.track.width ?? t.innerWidth,
|
|
2894
2945
|
y1: t.track.yScale(e),
|
|
2895
2946
|
y2: t.track.yScale(e)
|
|
2896
|
-
}, null, 8,
|
|
2947
|
+
}, null, 8, qr))), 128)) : r("", !0)]), a("g", Jr, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMajorTicks, (e) => (g(), i("line", {
|
|
2897
2948
|
key: `x-major-${t.track.index}-${e}`,
|
|
2898
2949
|
"data-grid-direction": "vertical",
|
|
2899
2950
|
stroke: t.track.gridLines.verticalColor,
|
|
@@ -2901,7 +2952,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2901
2952
|
x2: t.track.xScale(e),
|
|
2902
2953
|
y1: "0",
|
|
2903
2954
|
y2: t.track.height
|
|
2904
|
-
}, null, 8,
|
|
2955
|
+
}, null, 8, Yr))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMajorTicks, (e) => (g(), i("line", {
|
|
2905
2956
|
key: `y-major-${t.track.index}-${e}`,
|
|
2906
2957
|
"data-grid-direction": "horizontal",
|
|
2907
2958
|
stroke: t.track.gridLines.horizontalColor,
|
|
@@ -2909,7 +2960,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2909
2960
|
x2: t.track.width ?? t.innerWidth,
|
|
2910
2961
|
y1: t.track.yScale(e),
|
|
2911
2962
|
y2: t.track.yScale(e)
|
|
2912
|
-
}, null, 8,
|
|
2963
|
+
}, null, 8, Xr))), 128)) : r("", !0)])], 8, Wr)) : r("", !0),
|
|
2913
2964
|
!t.track.isEmpty && t.track.hasVisibleSeries && t.zeroLine.visible && !t.cleanView ? (g(), i("g", {
|
|
2914
2965
|
key: 2,
|
|
2915
2966
|
class: "waveform-track__zero-lines waveform-chart__zero-lines",
|
|
@@ -2926,7 +2977,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2926
2977
|
stroke: t.zeroLine.color,
|
|
2927
2978
|
"stroke-width": t.zeroLine.width,
|
|
2928
2979
|
"stroke-dasharray": t.zeroLine.dash || void 0
|
|
2929
|
-
}, null, 8,
|
|
2980
|
+
}, null, 8, Qr))], 64))), 128))], 8, Zr)) : r("", !0),
|
|
2930
2981
|
!t.track.isEmpty && t.track.hasVisibleSeries && t.frameNumber !== void 0 && !t.cleanView ? (g(), i("text", {
|
|
2931
2982
|
key: 3,
|
|
2932
2983
|
class: "waveform-track__watermark waveform-chart__watermark",
|
|
@@ -2936,10 +2987,10 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2936
2987
|
"text-anchor": "middle",
|
|
2937
2988
|
"dominant-baseline": "central",
|
|
2938
2989
|
"aria-hidden": "true"
|
|
2939
|
-
}, S(t.frameNumber), 13,
|
|
2990
|
+
}, S(t.frameNumber), 13, $r)) : r("", !0)
|
|
2940
2991
|
], 64));
|
|
2941
2992
|
}
|
|
2942
|
-
}),
|
|
2993
|
+
}), ti = [
|
|
2943
2994
|
"data-track-index",
|
|
2944
2995
|
"data-track-empty",
|
|
2945
2996
|
"data-track-left",
|
|
@@ -2948,19 +2999,19 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
2948
2999
|
"data-track-top",
|
|
2949
3000
|
"data-track-height",
|
|
2950
3001
|
"transform"
|
|
2951
|
-
],
|
|
3002
|
+
], ni = [
|
|
2952
3003
|
"width",
|
|
2953
3004
|
"height",
|
|
2954
3005
|
"stroke",
|
|
2955
3006
|
"stroke-width",
|
|
2956
3007
|
"stroke-dasharray",
|
|
2957
3008
|
"stroke-linecap"
|
|
2958
|
-
],
|
|
3009
|
+
], ri = [
|
|
2959
3010
|
"data-interactive",
|
|
2960
3011
|
"data-independent-overlay-index",
|
|
2961
3012
|
"width",
|
|
2962
3013
|
"height"
|
|
2963
|
-
],
|
|
3014
|
+
], ii = ["x", "y"], ai = /* @__PURE__ */ c({
|
|
2964
3015
|
__name: "WaveformTrack",
|
|
2965
3016
|
props: {
|
|
2966
3017
|
track: {},
|
|
@@ -3019,7 +3070,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3019
3070
|
"data-track-height": e.track.height,
|
|
3020
3071
|
transform: `translate(${e.track.left ?? 0}, ${e.track.top})`
|
|
3021
3072
|
}, [
|
|
3022
|
-
s(
|
|
3073
|
+
s(ei, {
|
|
3023
3074
|
track: e.track,
|
|
3024
3075
|
"clip-path-id": e.clipPathId,
|
|
3025
3076
|
"inner-width": e.innerWidth,
|
|
@@ -3036,7 +3087,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3036
3087
|
"frame-style",
|
|
3037
3088
|
"zero-line"
|
|
3038
3089
|
]),
|
|
3039
|
-
s(
|
|
3090
|
+
s(Hr, {
|
|
3040
3091
|
track: e.track,
|
|
3041
3092
|
"inner-width": e.innerWidth,
|
|
3042
3093
|
"clean-view": e.cleanView,
|
|
@@ -3051,7 +3102,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3051
3102
|
"time-unit",
|
|
3052
3103
|
"y-label"
|
|
3053
3104
|
]),
|
|
3054
|
-
|
|
3105
|
+
e.track.isEmpty ? r("", !0) : (g(), i("rect", {
|
|
3055
3106
|
key: 0,
|
|
3056
3107
|
class: "waveform-track__plot-frame waveform-chart__plot-frame",
|
|
3057
3108
|
width: e.track.width ?? e.innerWidth,
|
|
@@ -3062,8 +3113,8 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3062
3113
|
"stroke-dasharray": c.value.borderStyle === "dashed" ? "6 4" : c.value.borderStyle === "dotted" ? "1 3" : void 0,
|
|
3063
3114
|
"stroke-linecap": c.value.borderStyle === "dotted" ? "round" : void 0,
|
|
3064
3115
|
"aria-hidden": "true"
|
|
3065
|
-
}, null, 8,
|
|
3066
|
-
s(
|
|
3116
|
+
}, null, 8, ni)),
|
|
3117
|
+
s(Or, {
|
|
3067
3118
|
track: e.track,
|
|
3068
3119
|
"clip-path-id": e.clipPathId
|
|
3069
3120
|
}, null, 8, ["track", "clip-path-id"]),
|
|
@@ -3085,7 +3136,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3085
3136
|
onPointerleave: n[4] ||= (e) => o("pointer-leave"),
|
|
3086
3137
|
onClick: n[5] ||= (e) => o("click", e),
|
|
3087
3138
|
onContextmenu: n[6] ||= (e) => o("contextmenu", e)
|
|
3088
|
-
}, null, 42,
|
|
3139
|
+
}, null, 42, ri)) : r("", !0),
|
|
3089
3140
|
!e.track.isEmpty && !e.track.hasVisibleSeries && !e.cleanView ? (g(), i("text", {
|
|
3090
3141
|
key: 2,
|
|
3091
3142
|
class: "waveform-track__no-visible-series",
|
|
@@ -3093,33 +3144,33 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3093
3144
|
y: e.track.height / 2,
|
|
3094
3145
|
"text-anchor": "middle",
|
|
3095
3146
|
"dominant-baseline": "central"
|
|
3096
|
-
}, " 暂无可见曲线 ", 8,
|
|
3097
|
-
], 10,
|
|
3147
|
+
}, " 暂无可见曲线 ", 8, ii)) : r("", !0)
|
|
3148
|
+
], 10, ti));
|
|
3098
3149
|
}
|
|
3099
|
-
}),
|
|
3150
|
+
}), oi = [
|
|
3100
3151
|
"width",
|
|
3101
3152
|
"height",
|
|
3102
3153
|
"data-position",
|
|
3103
3154
|
"data-orientation"
|
|
3104
|
-
],
|
|
3155
|
+
], si = [
|
|
3105
3156
|
"disabled",
|
|
3106
3157
|
"aria-pressed",
|
|
3107
3158
|
"aria-label",
|
|
3108
3159
|
"onClick"
|
|
3109
|
-
],
|
|
3160
|
+
], ci = [
|
|
3110
3161
|
"data-line-type",
|
|
3111
3162
|
"data-line-style",
|
|
3112
3163
|
"data-point-type",
|
|
3113
3164
|
"data-error-bar-visible"
|
|
3114
|
-
],
|
|
3165
|
+
], li = [
|
|
3115
3166
|
"d",
|
|
3116
3167
|
"stroke",
|
|
3117
3168
|
"stroke-dasharray"
|
|
3118
|
-
],
|
|
3169
|
+
], ui = [
|
|
3119
3170
|
"d",
|
|
3120
3171
|
"stroke",
|
|
3121
3172
|
"stroke-width"
|
|
3122
|
-
],
|
|
3173
|
+
], di = ["d", "fill"], fi = ["title"], pi = /*#__PURE__*/ X(/* @__PURE__ */ c({
|
|
3123
3174
|
__name: "WaveformLegend",
|
|
3124
3175
|
props: {
|
|
3125
3176
|
series: {},
|
|
@@ -3177,45 +3228,45 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3177
3228
|
"data-point-type": e.pointType,
|
|
3178
3229
|
"data-error-bar-visible": e.errorBar.visible || void 0
|
|
3179
3230
|
}, [
|
|
3180
|
-
w(
|
|
3231
|
+
w(vr)(e.lineType) ? (g(), i("path", {
|
|
3181
3232
|
key: 0,
|
|
3182
3233
|
class: "waveform-legend__line",
|
|
3183
|
-
d: w(
|
|
3234
|
+
d: w(vr)(e.lineType) ?? void 0,
|
|
3184
3235
|
stroke: e.color,
|
|
3185
|
-
"stroke-dasharray": w(
|
|
3236
|
+
"stroke-dasharray": w(yr)(e.lineStyle),
|
|
3186
3237
|
"stroke-width": "1.5",
|
|
3187
3238
|
fill: "none"
|
|
3188
|
-
}, null, 8,
|
|
3239
|
+
}, null, 8, li)) : r("", !0),
|
|
3189
3240
|
e.errorBar.visible ? (g(), i("path", {
|
|
3190
3241
|
key: 1,
|
|
3191
3242
|
class: "waveform-legend__error-bar",
|
|
3192
|
-
d: w(
|
|
3243
|
+
d: w(br)(e.errorBar.capWidth),
|
|
3193
3244
|
stroke: e.errorBar.color || e.color,
|
|
3194
3245
|
"stroke-width": e.errorBar.width,
|
|
3195
3246
|
"stroke-linecap": "butt",
|
|
3196
3247
|
fill: "none"
|
|
3197
|
-
}, null, 8,
|
|
3248
|
+
}, null, 8, ui)) : r("", !0),
|
|
3198
3249
|
e.pointType === "none" ? r("", !0) : (g(), i("path", {
|
|
3199
3250
|
key: 2,
|
|
3200
3251
|
class: "waveform-legend__point",
|
|
3201
|
-
d: w(
|
|
3252
|
+
d: w(gr)(e.pointType, 30) ?? void 0,
|
|
3202
3253
|
fill: e.color,
|
|
3203
3254
|
transform: "translate(13 8)"
|
|
3204
|
-
}, null, 8,
|
|
3205
|
-
], 8,
|
|
3255
|
+
}, null, 8, di))
|
|
3256
|
+
], 8, ci)), a("span", {
|
|
3206
3257
|
class: "waveform-legend__label",
|
|
3207
3258
|
title: e.name
|
|
3208
|
-
}, S(e.name), 9,
|
|
3259
|
+
}, S(e.name), 9, fi)], 10, si))), 128))], 6)], 2)], 8, oi));
|
|
3209
3260
|
}
|
|
3210
|
-
}), [["__scopeId", "data-v-2ae12e71"]]),
|
|
3261
|
+
}), [["__scopeId", "data-v-2ae12e71"]]), mi = {
|
|
3211
3262
|
class: "waveform-chart__hover-layer",
|
|
3212
3263
|
"pointer-events": "none",
|
|
3213
3264
|
"aria-hidden": "true"
|
|
3214
|
-
},
|
|
3265
|
+
}, hi = ["clip-path", "transform"], gi = [
|
|
3215
3266
|
"x1",
|
|
3216
3267
|
"x2",
|
|
3217
3268
|
"y2"
|
|
3218
|
-
],
|
|
3269
|
+
], _i = /*#__PURE__*/ X(/* @__PURE__ */ c({
|
|
3219
3270
|
__name: "WaveformHoverLayer",
|
|
3220
3271
|
props: {
|
|
3221
3272
|
state: {},
|
|
@@ -3238,7 +3289,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3238
3289
|
}] : [];
|
|
3239
3290
|
});
|
|
3240
3291
|
});
|
|
3241
|
-
return (t, r) => (g(), i("g",
|
|
3292
|
+
return (t, r) => (g(), i("g", mi, [(g(!0), i(e, null, y(o.value, (e) => (g(), i("g", {
|
|
3242
3293
|
key: e.track.index,
|
|
3243
3294
|
class: "waveform-track__crosshair waveform-chart__crosshair",
|
|
3244
3295
|
"clip-path": `url(#${n.clipPathId}-${e.track.index})`,
|
|
@@ -3248,44 +3299,44 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3248
3299
|
x2: e.x,
|
|
3249
3300
|
y1: "0",
|
|
3250
3301
|
y2: e.track.height
|
|
3251
|
-
}, null, 8,
|
|
3302
|
+
}, null, 8, gi)], 8, hi))), 128))]));
|
|
3252
3303
|
}
|
|
3253
|
-
}), [["__scopeId", "data-v-a6f82099"]]),
|
|
3304
|
+
}), [["__scopeId", "data-v-a6f82099"]]), vi = [
|
|
3254
3305
|
"data-display-mode",
|
|
3255
3306
|
"data-interaction-mode",
|
|
3256
3307
|
"data-presentation-mode",
|
|
3257
3308
|
"data-overlay-mode",
|
|
3258
3309
|
"data-chart-left-margin",
|
|
3259
3310
|
"data-title-area-height"
|
|
3260
|
-
],
|
|
3311
|
+
], yi = [
|
|
3261
3312
|
"role",
|
|
3262
3313
|
"aria-level",
|
|
3263
3314
|
"aria-hidden"
|
|
3264
|
-
],
|
|
3315
|
+
], bi = ["data-title-scale", "data-title-wrapped"], xi = [
|
|
3265
3316
|
"width",
|
|
3266
3317
|
"height",
|
|
3267
3318
|
"aria-label"
|
|
3268
|
-
],
|
|
3319
|
+
], Si = ["id"], Ci = ["width", "height"], wi = ["transform"], Ti = {
|
|
3269
3320
|
key: 0,
|
|
3270
3321
|
class: "waveform-chart__grid-slots",
|
|
3271
3322
|
"aria-hidden": "true"
|
|
3272
|
-
},
|
|
3323
|
+
}, Ei = ["transform"], Di = ["width", "height"], Oi = ["width", "height"], ki = [
|
|
3273
3324
|
"x",
|
|
3274
3325
|
"y",
|
|
3275
3326
|
"width",
|
|
3276
3327
|
"height"
|
|
3277
|
-
],
|
|
3328
|
+
], Ai = {
|
|
3278
3329
|
key: 4,
|
|
3279
3330
|
class: "waveform-chart__legend-layer"
|
|
3280
|
-
},
|
|
3331
|
+
}, ji = [
|
|
3281
3332
|
"data-legend-track-index",
|
|
3282
3333
|
"data-legend-track-id",
|
|
3283
3334
|
"transform"
|
|
3284
|
-
],
|
|
3335
|
+
], Mi = ["x", "y"], Ni = ["x", "y"], Pi = /* @__PURE__ */ c({
|
|
3285
3336
|
__name: "WaveformChartView",
|
|
3286
3337
|
props: { controller: {} },
|
|
3287
3338
|
setup(t) {
|
|
3288
|
-
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:
|
|
3339
|
+
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: W, handlePointerLeave: oe, handleAnnotationClick: se, handleAnnotationContextMenu: ce, resolveFrameNumber: le, frameStyle: ue, axes: de, resolvedZeroLine: fe, timeUnit: G, yLabel: pe, handleIndependentPointerMove: me, beginViewportDrag: he, hoverState: K, showTooltip: ge, selectionBox: q, renderedAnnotations: _e, annotationsVisible: ve, handleExistingAnnotationContextMenu: ye, beginAnnotationDrag: J, handleAnnotationMove: be, 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: X, getPageSize: Pe, chartTracks: Z, goToPage: Fe, annotationInteraction: Ie, editorDraft: Le, contextMenu: Re, editorSeries: ze, editorSeriesOptions: Be, confirmAnnotation: Ve, cancelAnnotation: He, changeDraftSeries: Ue, editContextAnnotation: We, deleteContextAnnotation: Ge, chartHeight: Q, setContainer: Ke, setSvgElement: qe, setTitleMeasureElement: Je, setSharedOverlayElement: Ye } = C(t.controller);
|
|
3289
3340
|
return (t, C) => (g(), i("div", {
|
|
3290
3341
|
ref: w(Ke),
|
|
3291
3342
|
class: f(["waveform-chart", [
|
|
@@ -3329,7 +3380,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3329
3380
|
style: p(w(j)),
|
|
3330
3381
|
"data-title-scale": w(M).scale,
|
|
3331
3382
|
"data-title-wrapped": w(M).wrapped || void 0
|
|
3332
|
-
}, S(w(k)), 13,
|
|
3383
|
+
}, S(w(k)), 13, bi)], 4)) : r("", !0)], 12, yi)) : r("", !0),
|
|
3333
3384
|
(g(), i("svg", {
|
|
3334
3385
|
ref: w(qe),
|
|
3335
3386
|
class: "waveform-chart__svg",
|
|
@@ -3346,9 +3397,9 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3346
3397
|
}, [a("rect", {
|
|
3347
3398
|
width: e.width,
|
|
3348
3399
|
height: e.height
|
|
3349
|
-
}, null, 8,
|
|
3400
|
+
}, null, 8, Ci)], 8, Si))), 128))]),
|
|
3350
3401
|
a("g", { transform: `translate(${w(_)}, ${w(z)})` }, [
|
|
3351
|
-
w(o) !== "compact" && !w(l) ? (g(), i("g",
|
|
3402
|
+
w(o) !== "compact" && !w(l) ? (g(), i("g", Ti, [(g(!0), i(e, null, y(w(B), (e) => (g(), i("g", {
|
|
3352
3403
|
key: `grid-slot-${e.slotIndex}`,
|
|
3353
3404
|
transform: `translate(${e.left}, ${e.top})`
|
|
3354
3405
|
}, [e.series ? r("", !0) : (g(), i("rect", {
|
|
@@ -3356,7 +3407,7 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3356
3407
|
class: "waveform-chart__grid-slot-placeholder",
|
|
3357
3408
|
width: e.width,
|
|
3358
3409
|
height: e.cellHeight
|
|
3359
|
-
}, null, 8,
|
|
3410
|
+
}, null, 8, Di))], 8, Ei))), 128))])) : r("", !0),
|
|
3360
3411
|
w(o) !== "independent" && w(L).length && w(V) ? (g(), i("rect", {
|
|
3361
3412
|
key: 1,
|
|
3362
3413
|
ref: w(Ye),
|
|
@@ -3367,14 +3418,14 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3367
3418
|
width: w(te),
|
|
3368
3419
|
height: w(ne),
|
|
3369
3420
|
onPointermove: C[0] ||= (...e) => w(re) && w(re)(...e),
|
|
3370
|
-
onPointerdown: C[1] ||= (...e) => w(
|
|
3371
|
-
onPointerup: C[2] ||= (...e) => w(
|
|
3372
|
-
onPointercancel: C[3] ||= (...e) => w(
|
|
3373
|
-
onPointerleave: C[4] ||= (...e) => w(
|
|
3374
|
-
onClick: C[5] ||= (...e) => w(
|
|
3375
|
-
onContextmenu: C[6] ||= (...e) => w(
|
|
3376
|
-
}, null, 42,
|
|
3377
|
-
(g(!0), i(e, null, y(w(L), (e) => (g(), n(w(
|
|
3421
|
+
onPointerdown: C[1] ||= (...e) => w(ie) && w(ie)(...e),
|
|
3422
|
+
onPointerup: C[2] ||= (...e) => w(U) && w(U)(...e),
|
|
3423
|
+
onPointercancel: C[3] ||= (...e) => w(W) && w(W)(...e),
|
|
3424
|
+
onPointerleave: C[4] ||= (...e) => w(oe) && w(oe)(...e),
|
|
3425
|
+
onClick: C[5] ||= (...e) => w(se) && w(se)(...e),
|
|
3426
|
+
onContextmenu: C[6] ||= (...e) => w(ce) && w(ce)(...e)
|
|
3427
|
+
}, null, 42, Oi)) : r("", !0),
|
|
3428
|
+
(g(!0), i(e, null, y(w(L), (e) => (g(), n(w(ai), {
|
|
3378
3429
|
key: `${e.index}-${e.series.name}`,
|
|
3379
3430
|
track: e,
|
|
3380
3431
|
"clip-path-id": w(R),
|
|
@@ -3383,20 +3434,20 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3383
3434
|
interactive: !w(u),
|
|
3384
3435
|
"display-mode": w(o),
|
|
3385
3436
|
"interaction-mode": w(c),
|
|
3386
|
-
"frame-number": w(
|
|
3387
|
-
"frame-style": w(
|
|
3388
|
-
axes: w(
|
|
3437
|
+
"frame-number": w(le)(e.index),
|
|
3438
|
+
"frame-style": w(ue),
|
|
3439
|
+
axes: w(de),
|
|
3389
3440
|
"clean-view": w(l),
|
|
3390
|
-
"zero-line": w(
|
|
3391
|
-
"time-unit": w(
|
|
3392
|
-
"y-label": w(
|
|
3393
|
-
onPointerMove: (t) => w(
|
|
3394
|
-
onPointerDown: (t) => w(
|
|
3395
|
-
onPointerUp: w(
|
|
3396
|
-
onPointerCancel: w(
|
|
3397
|
-
onPointerLeave: w(
|
|
3398
|
-
onClick: (t) => w(
|
|
3399
|
-
onContextmenu: (t) => w(
|
|
3441
|
+
"zero-line": w(fe),
|
|
3442
|
+
"time-unit": w(G),
|
|
3443
|
+
"y-label": w(pe),
|
|
3444
|
+
onPointerMove: (t) => w(me)(t, e.index),
|
|
3445
|
+
onPointerDown: (t) => w(he)(t, e.index, !0),
|
|
3446
|
+
onPointerUp: w(U),
|
|
3447
|
+
onPointerCancel: w(W),
|
|
3448
|
+
onPointerLeave: w(oe),
|
|
3449
|
+
onClick: (t) => w(se)(t, e.index),
|
|
3450
|
+
onContextmenu: (t) => w(ce)(t, e.index)
|
|
3400
3451
|
}, null, 8, [
|
|
3401
3452
|
"track",
|
|
3402
3453
|
"clip-path-id",
|
|
@@ -3420,8 +3471,8 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3420
3471
|
"onClick",
|
|
3421
3472
|
"onContextmenu"
|
|
3422
3473
|
]))), 128)),
|
|
3423
|
-
s(w(
|
|
3424
|
-
state: w(
|
|
3474
|
+
s(w(_i), {
|
|
3475
|
+
state: w(K),
|
|
3425
3476
|
tracks: w(L),
|
|
3426
3477
|
"clip-path-id": w(R),
|
|
3427
3478
|
visible: w(ge) && !w(u)
|
|
@@ -3439,16 +3490,16 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3439
3490
|
width: w(q).width,
|
|
3440
3491
|
height: w(q).height,
|
|
3441
3492
|
"aria-hidden": "true"
|
|
3442
|
-
}, null, 8,
|
|
3493
|
+
}, null, 8, ki)) : r("", !0),
|
|
3443
3494
|
w(l) ? r("", !0) : (g(), n(w(Me), {
|
|
3444
3495
|
key: 3,
|
|
3445
3496
|
annotations: w(_e),
|
|
3446
3497
|
visible: w(ve),
|
|
3447
3498
|
interactive: !w(u),
|
|
3448
|
-
onContextmenu: w(
|
|
3449
|
-
onDragStart: w(
|
|
3450
|
-
onMove: w(
|
|
3451
|
-
onDragEnd: w(
|
|
3499
|
+
onContextmenu: w(ye),
|
|
3500
|
+
onDragStart: w(J),
|
|
3501
|
+
onMove: w(be),
|
|
3502
|
+
onDragEnd: w(xe)
|
|
3452
3503
|
}, null, 8, [
|
|
3453
3504
|
"annotations",
|
|
3454
3505
|
"visible",
|
|
@@ -3458,17 +3509,17 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3458
3509
|
"onMove",
|
|
3459
3510
|
"onDragEnd"
|
|
3460
3511
|
])),
|
|
3461
|
-
w(l) ? r("", !0) : (g(), i("g",
|
|
3512
|
+
w(l) ? r("", !0) : (g(), i("g", Ai, [(g(!0), i(e, null, y(w(L), (e) => (g(), i("g", {
|
|
3462
3513
|
key: `legend-${e.index}-${e.series.name}`,
|
|
3463
3514
|
class: "waveform-chart__legend-track",
|
|
3464
3515
|
"data-legend-track-index": e.index,
|
|
3465
3516
|
"data-legend-track-id": e.id,
|
|
3466
3517
|
transform: `translate(${e.left}, ${e.top})`
|
|
3467
|
-
}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(
|
|
3518
|
+
}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(pi), {
|
|
3468
3519
|
key: 0,
|
|
3469
3520
|
series: e.legendSeries,
|
|
3470
|
-
position: w(
|
|
3471
|
-
orientation: w(Se)(w(
|
|
3521
|
+
position: w(Y)(e.id),
|
|
3522
|
+
orientation: w(Se)(w(Y)(e.id)),
|
|
3472
3523
|
"background-color": w(Ce),
|
|
3473
3524
|
interactive: w(we),
|
|
3474
3525
|
"hidden-series-ids": w(Te),
|
|
@@ -3485,24 +3536,24 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3485
3536
|
"width",
|
|
3486
3537
|
"height",
|
|
3487
3538
|
"onToggle"
|
|
3488
|
-
])) : r("", !0)], 8,
|
|
3539
|
+
])) : r("", !0)], 8, ji))), 128))])),
|
|
3489
3540
|
w(De) && !w(l) ? (g(), i("text", {
|
|
3490
3541
|
key: 5,
|
|
3491
3542
|
class: "waveform-chart__label waveform-chart__x-label",
|
|
3492
3543
|
x: w(te) / 2,
|
|
3493
3544
|
y: w(Oe),
|
|
3494
3545
|
"text-anchor": "middle"
|
|
3495
|
-
}, S(w(De)), 9,
|
|
3496
|
-
], 8,
|
|
3546
|
+
}, S(w(De)), 9, Mi)) : r("", !0)
|
|
3547
|
+
], 8, wi),
|
|
3497
3548
|
w(ke) && !w(F) ? (g(), i("text", {
|
|
3498
3549
|
key: 0,
|
|
3499
3550
|
class: "waveform-chart__empty",
|
|
3500
3551
|
x: w(N) / 2,
|
|
3501
3552
|
y: w(P) / 2,
|
|
3502
3553
|
"text-anchor": "middle"
|
|
3503
|
-
}, " 暂无有效波形数据 ", 8,
|
|
3504
|
-
], 40,
|
|
3505
|
-
w(Ae).showPagination && w(je) > 1 && !w(l) ? (g(), n(w(
|
|
3554
|
+
}, " 暂无有效波形数据 ", 8, Ni)) : r("", !0)
|
|
3555
|
+
], 40, xi)),
|
|
3556
|
+
w(Ae).showPagination && w(je) > 1 && !w(l) ? (g(), n(w(ae), {
|
|
3506
3557
|
key: 1,
|
|
3507
3558
|
class: "waveform-chart__pagination",
|
|
3508
3559
|
"aria-label": "波形分页",
|
|
@@ -3518,13 +3569,13 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3518
3569
|
"total",
|
|
3519
3570
|
"onChange"
|
|
3520
3571
|
])) : r("", !0),
|
|
3521
|
-
w(Le) && !w(l) && !w(u) ? (g(), n(
|
|
3572
|
+
w(Le) && !w(l) && !w(u) ? (g(), n(er, {
|
|
3522
3573
|
key: 2,
|
|
3523
3574
|
annotation: w(Le).annotation,
|
|
3524
3575
|
mode: w(Le).mode,
|
|
3525
3576
|
series: w(ze),
|
|
3526
3577
|
"series-options": w(Be),
|
|
3527
|
-
"time-unit": w(
|
|
3578
|
+
"time-unit": w(G),
|
|
3528
3579
|
onConfirm: w(Ve),
|
|
3529
3580
|
onCancel: w(He),
|
|
3530
3581
|
onSeriesChange: w(Ue)
|
|
@@ -3556,10 +3607,10 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3556
3607
|
"onDelete",
|
|
3557
3608
|
"onClose"
|
|
3558
3609
|
])) : r("", !0),
|
|
3559
|
-
s(w(
|
|
3560
|
-
state: w(
|
|
3610
|
+
s(w(lr), {
|
|
3611
|
+
state: w(K),
|
|
3561
3612
|
visible: w(ge) && !w(u),
|
|
3562
|
-
"time-unit": w(
|
|
3613
|
+
"time-unit": w(G),
|
|
3563
3614
|
"container-width": w(N),
|
|
3564
3615
|
"container-height": w(Q)
|
|
3565
3616
|
}, null, 8, [
|
|
@@ -3569,9 +3620,9 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3569
3620
|
"container-width",
|
|
3570
3621
|
"container-height"
|
|
3571
3622
|
])
|
|
3572
|
-
], 46,
|
|
3623
|
+
], 46, vi));
|
|
3573
3624
|
}
|
|
3574
|
-
}),
|
|
3625
|
+
}), Fi = /* @__PURE__ */ c({
|
|
3575
3626
|
__name: "WaveformChart",
|
|
3576
3627
|
props: {
|
|
3577
3628
|
data: {},
|
|
@@ -3598,6 +3649,8 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3598
3649
|
minVisiblePoints: { default: 0 },
|
|
3599
3650
|
initialXDomain: {},
|
|
3600
3651
|
initialXDomains: {},
|
|
3652
|
+
yDomain: {},
|
|
3653
|
+
yDomains: {},
|
|
3601
3654
|
timeUnit: { default: "ms" },
|
|
3602
3655
|
frameNumber: { default: void 0 },
|
|
3603
3656
|
frameStyle: {},
|
|
@@ -3645,9 +3698,9 @@ var hr = ["clip-path"], gr = ["data-series-id", "data-series-name"], _r = [
|
|
|
3645
3698
|
"page-change"
|
|
3646
3699
|
],
|
|
3647
3700
|
setup(e, { expose: t, emit: r }) {
|
|
3648
|
-
let i =
|
|
3649
|
-
return t({ resetViewport: i.resetViewport }), (e, t) => (g(), n(
|
|
3701
|
+
let i = Pn(e, r);
|
|
3702
|
+
return t({ resetViewport: i.resetViewport }), (e, t) => (g(), n(Pi, { controller: w(i) }, null, 8, ["controller"]));
|
|
3650
3703
|
}
|
|
3651
3704
|
});
|
|
3652
3705
|
//#endregion
|
|
3653
|
-
export {
|
|
3706
|
+
export { Mt as DEFAULT_WAVEFORM_RENDERING_OPTIONS, Fi as WaveformChart, Ke as buildMinorTicks, dt as clamp, $ as displayTime, ot as formatAxisTime, at as formatEndpointTime, ct as formatTooltipTime, At as normalizeWaveformData, jt as normalizeWaveformSeries, Q as paddedDomain, We as parseWaveformAnnotations, ut as resolveTrackGeometry, Nt as resolveWaveformRenderingOptions, Bt as selectRenderablePoints, Ue as serializeWaveformAnnotations };
|