waveform-analysis 0.1.40 → 0.1.41
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 +13 -2
- package/dist/index.cjs +1 -1
- package/dist/index.js +454 -458
- package/dist/types/components/core/layout.d.ts +4 -3
- package/dist/types/components/core/trackLayoutBuilder.d.ts +1 -0
- package/dist/types/types/chart.d.ts +2 -0
- package/package.json +1 -1
- package/src/components/core/fixedYDomainLayout.test.ts +75 -5
- package/src/components/core/layout.test.ts +10 -2
- package/src/components/core/layout.ts +21 -8
- package/src/components/core/trackLayoutBuilder.ts +13 -8
- package/src/components/core/useWaveformLayout.ts +9 -2
- package/src/components/waveformChartCases/compactAndSharedHover.test.ts +2 -2
- package/src/components/waveformChartCases/dataLifecycle.test.ts +2 -2
- package/src/components/waveformChartCases/layoutAndDomains.test.ts +23 -3
- package/src/types/chart.ts +2 -0
package/dist/index.js
CHANGED
|
@@ -621,14 +621,14 @@ function Ye() {
|
|
|
621
621
|
}
|
|
622
622
|
//#endregion
|
|
623
623
|
//#region src/utils/domain.ts
|
|
624
|
-
function
|
|
624
|
+
function Xe(e) {
|
|
625
625
|
if (e.length === 0) return [0, 1];
|
|
626
626
|
let [t = 0, n = 1] = R(e);
|
|
627
627
|
if (t !== n) return [t, n];
|
|
628
628
|
let r = Math.abs(t) * .05 || .5;
|
|
629
629
|
return [t - r, n + r];
|
|
630
630
|
}
|
|
631
|
-
function
|
|
631
|
+
function Ze(e, t = 5, n) {
|
|
632
632
|
let r = e;
|
|
633
633
|
if (n && e.length >= 2) {
|
|
634
634
|
let t = e[0], n = e[1], i = e[e.length - 1], a = e[e.length - 2];
|
|
@@ -650,71 +650,71 @@ function Xe(e, t = 5, n) {
|
|
|
650
650
|
}
|
|
651
651
|
//#endregion
|
|
652
652
|
//#region src/utils/formatters.ts
|
|
653
|
-
var
|
|
654
|
-
function
|
|
653
|
+
var Qe = .001, $e = 1e3, et = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 }), tt = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 });
|
|
654
|
+
function nt(e, t) {
|
|
655
655
|
let n = e.toFixed(Math.max(0, t));
|
|
656
656
|
return /^-0(?:\.0+)?$/.test(n) ? n.slice(1) : n;
|
|
657
657
|
}
|
|
658
|
-
function
|
|
659
|
-
return Number.isFinite(e) && (e >=
|
|
658
|
+
function rt(e) {
|
|
659
|
+
return Number.isFinite(e) && (e >= $e || e > 0 && e < Qe);
|
|
660
660
|
}
|
|
661
|
-
function
|
|
661
|
+
function it(e, t) {
|
|
662
662
|
if (typeof e != "number" || typeof t != "number") return null;
|
|
663
663
|
let n = Math.max(Math.abs(e), Math.abs(t));
|
|
664
|
-
return
|
|
664
|
+
return rt(n) ? Math.floor(Math.log10(n)) : null;
|
|
665
665
|
}
|
|
666
|
-
function
|
|
666
|
+
function at(e) {
|
|
667
667
|
return `E${e >= 0 ? "+" : "-"}${Math.abs(e).toString().padStart(2, "0")}`;
|
|
668
668
|
}
|
|
669
|
-
function
|
|
669
|
+
function ot(e) {
|
|
670
670
|
if (Object.is(e, -0)) return "0";
|
|
671
|
-
let t = e === 0 ? 0 : Number(e.toPrecision(5)), n =
|
|
671
|
+
let t = e === 0 ? 0 : Number(e.toPrecision(5)), n = et.format(t);
|
|
672
672
|
return n === "-0" ? "0" : n;
|
|
673
673
|
}
|
|
674
|
-
function
|
|
674
|
+
function st(e, t = {}) {
|
|
675
675
|
if (!Number.isFinite(e)) return String(e);
|
|
676
|
-
let n =
|
|
676
|
+
let n = it(t.axisMin, t.axisMax), r = ot(n === null ? e : e / 10 ** n);
|
|
677
677
|
if (e !== (t.topTickValue ?? t.axisMax)) return r;
|
|
678
678
|
let i = t.unit?.trim(), a = i ? `(${i}) ` : "";
|
|
679
|
-
return `${n === null ? "" : `${
|
|
680
|
-
}
|
|
681
|
-
function st(e) {
|
|
682
|
-
return Number.isFinite(e) ? Object.is(e, -0) ? "0" : et.format(e) : String(e);
|
|
679
|
+
return `${n === null ? "" : `${at(n)} `}${a}${r}`;
|
|
683
680
|
}
|
|
684
681
|
function ct(e) {
|
|
682
|
+
return Number.isFinite(e) ? Object.is(e, -0) ? "0" : tt.format(e) : String(e);
|
|
683
|
+
}
|
|
684
|
+
function lt(e) {
|
|
685
685
|
if (!Number.isFinite(e)) return String(e);
|
|
686
686
|
if (Object.is(e, -0)) return "0";
|
|
687
687
|
let [t, n] = e.toExponential().split("e"), r = Number(n), i = t.startsWith("-"), a = t.replace("-", "").replace(".", ""), o = r + 1, s;
|
|
688
688
|
return s = o <= 0 ? `0.${"0".repeat(Math.abs(o))}${a}` : o >= a.length ? `${a}${"0".repeat(o - a.length)}` : `${a.slice(0, o)}.${a.slice(o)}`, `${i ? "-" : ""}${s}`;
|
|
689
689
|
}
|
|
690
|
-
function
|
|
690
|
+
function ut(e, t) {
|
|
691
691
|
return t === "ms" ? e * 1e3 : e;
|
|
692
692
|
}
|
|
693
|
-
function
|
|
694
|
-
let a =
|
|
693
|
+
function dt(e, t, n, r, i) {
|
|
694
|
+
let a = ut(e, n);
|
|
695
695
|
return i ? i(a, {
|
|
696
696
|
kind: r,
|
|
697
697
|
rawValue: e,
|
|
698
698
|
timeUnit: n,
|
|
699
699
|
domain: [t[0], t[1]],
|
|
700
|
-
displayDomain: [
|
|
701
|
-
}) :
|
|
702
|
-
}
|
|
703
|
-
function dt(e, t, n) {
|
|
704
|
-
return ut(e, t, n, "end");
|
|
700
|
+
displayDomain: [ut(t[0], n), ut(t[1], n)]
|
|
701
|
+
}) : lt(a);
|
|
705
702
|
}
|
|
706
703
|
function ft(e, t, n) {
|
|
707
|
-
return
|
|
704
|
+
return dt(e, t, n, "end");
|
|
708
705
|
}
|
|
709
|
-
function pt(e, t) {
|
|
710
|
-
return
|
|
706
|
+
function pt(e, t, n) {
|
|
707
|
+
return dt(e, n ?? [e, e], t, "tick");
|
|
711
708
|
}
|
|
712
709
|
function mt(e, t) {
|
|
713
|
-
return
|
|
710
|
+
return ct(ut(e, t));
|
|
711
|
+
}
|
|
712
|
+
function ht(e, t) {
|
|
713
|
+
return Number.isFinite(e) ? nt(ut(e, t), 3) : String(e);
|
|
714
714
|
}
|
|
715
715
|
//#endregion
|
|
716
716
|
//#region src/utils/geometry.ts
|
|
717
|
-
function
|
|
717
|
+
function gt(e, t, n) {
|
|
718
718
|
if (e <= 0) return {
|
|
719
719
|
gap: 0,
|
|
720
720
|
axisBand: 0,
|
|
@@ -727,55 +727,55 @@ function ht(e, t, n) {
|
|
|
727
727
|
height: Math.max(1, (n - (e - 1) * (c + l)) / e)
|
|
728
728
|
};
|
|
729
729
|
}
|
|
730
|
-
function
|
|
730
|
+
function _t(e, t, n) {
|
|
731
731
|
return Math.min(Math.max(e, t), n);
|
|
732
732
|
}
|
|
733
733
|
//#endregion
|
|
734
734
|
//#region src/components/core/constants.ts
|
|
735
|
-
var
|
|
735
|
+
var vt = {
|
|
736
736
|
top: 18,
|
|
737
737
|
right: 24,
|
|
738
738
|
bottom: 52,
|
|
739
739
|
left: 64
|
|
740
|
-
},
|
|
740
|
+
}, yt = {
|
|
741
741
|
DEFAULT_MAX_SCALE: 40,
|
|
742
742
|
MIN_SCALE: 1
|
|
743
|
-
},
|
|
743
|
+
}, bt = .62, xt = 1.2, St = /* @__PURE__ */ "#0960bd.#ff7f0e.#2ca02c.#d62728.#9467bd.#8c564b.#e377c2.#7f7f7f.#bcbd22.#17becf.#005f73.#0a9396.#ae2012.#bb3e03.#ca6702.#ee9b00.#9b2226.#3a0ca3.#4361ee.#4895ef.#560bad.#7209b7.#b5179e.#f72585.#006d77.#2f3e46.#354f52.#52796f.#800f2f.#31572c".split("."), Ct = {
|
|
744
744
|
WIDTH: 1.5,
|
|
745
745
|
CAP_WIDTH: 8
|
|
746
|
-
},
|
|
746
|
+
}, wt = {
|
|
747
747
|
COLOR: "#98a2b3",
|
|
748
748
|
WIDTH: 1,
|
|
749
749
|
DASH: "6 4"
|
|
750
750
|
};
|
|
751
751
|
//#endregion
|
|
752
752
|
//#region src/components/core/yDomain.ts
|
|
753
|
-
function
|
|
753
|
+
function Tt(e) {
|
|
754
754
|
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]];
|
|
755
755
|
}
|
|
756
|
-
function
|
|
757
|
-
return
|
|
758
|
-
}
|
|
759
|
-
function Et(e, t, n) {
|
|
760
|
-
return wt(n?.[e.id]) ?? wt(t);
|
|
756
|
+
function Et(e, t) {
|
|
757
|
+
return Tt(t?.[e.id]);
|
|
761
758
|
}
|
|
762
759
|
function Dt(e, t, n) {
|
|
763
|
-
return
|
|
760
|
+
return Tt(n?.[e.id]) ?? Tt(t);
|
|
761
|
+
}
|
|
762
|
+
function Ot(e, t, n) {
|
|
763
|
+
return !!(Et(e, n) || e.visibleSeries.some((e) => Dt(e, t, n)));
|
|
764
764
|
}
|
|
765
|
-
function
|
|
765
|
+
function kt(e) {
|
|
766
766
|
return [Math.min(...e.map((e) => e[0])), Math.max(...e.map((e) => e[1]))];
|
|
767
767
|
}
|
|
768
768
|
//#endregion
|
|
769
769
|
//#region src/core/data.ts
|
|
770
|
-
var
|
|
771
|
-
function
|
|
770
|
+
var At = Ct.WIDTH, jt = Ct.CAP_WIDTH;
|
|
771
|
+
function Mt(e) {
|
|
772
772
|
return e === "dashed" || e === "dash-dot" ? e : "solid";
|
|
773
773
|
}
|
|
774
|
-
function
|
|
774
|
+
function Nt(e) {
|
|
775
775
|
return typeof e == "number" && Number.isFinite(e) && e >= 0 ? e : void 0;
|
|
776
776
|
}
|
|
777
|
-
function
|
|
778
|
-
let t =
|
|
777
|
+
function Pt(e) {
|
|
778
|
+
let t = Nt(e.error), n = Nt(e.lowerError), r = Nt(e.upperError);
|
|
779
779
|
return {
|
|
780
780
|
x: e.x,
|
|
781
781
|
y: e.y,
|
|
@@ -784,14 +784,14 @@ function Nt(e) {
|
|
|
784
784
|
...r === void 0 ? {} : { upperError: r }
|
|
785
785
|
};
|
|
786
786
|
}
|
|
787
|
-
function
|
|
788
|
-
let t =
|
|
787
|
+
function Ft(e) {
|
|
788
|
+
let t = Nt(e.error) ?? 0;
|
|
789
789
|
return {
|
|
790
|
-
lower:
|
|
791
|
-
upper:
|
|
790
|
+
lower: Nt(e.lowerError) ?? t,
|
|
791
|
+
upper: Nt(e.upperError) ?? t
|
|
792
792
|
};
|
|
793
793
|
}
|
|
794
|
-
function
|
|
794
|
+
function It(e) {
|
|
795
795
|
if (e.kind === "samples") {
|
|
796
796
|
if (!Number.isFinite(e.sampleRate) || e.sampleRate <= 0) return [];
|
|
797
797
|
let t = Number.isFinite(e.startTime) ? e.startTime ?? 0 : 0, n = [];
|
|
@@ -807,14 +807,14 @@ function Ft(e) {
|
|
|
807
807
|
let t = [], n = -Infinity, r = !0;
|
|
808
808
|
for (let i of e.points) {
|
|
809
809
|
if (!Number.isFinite(i.x) || !Number.isFinite(i.y)) continue;
|
|
810
|
-
let e =
|
|
810
|
+
let e = Pt(i);
|
|
811
811
|
e.x < n && (r = !1), n = e.x, t.push(e);
|
|
812
812
|
}
|
|
813
813
|
return r || t.sort((e, t) => e.x - t.x), t;
|
|
814
814
|
}
|
|
815
|
-
function
|
|
815
|
+
function Lt(e) {
|
|
816
816
|
if (e.kind !== "series") {
|
|
817
|
-
let t =
|
|
817
|
+
let t = It(e);
|
|
818
818
|
return t.length > 0 ? [{
|
|
819
819
|
id: "series-0",
|
|
820
820
|
name: "",
|
|
@@ -823,8 +823,8 @@ function It(e) {
|
|
|
823
823
|
pointType: "none",
|
|
824
824
|
errorBar: {
|
|
825
825
|
visible: !1,
|
|
826
|
-
width:
|
|
827
|
-
capWidth:
|
|
826
|
+
width: At,
|
|
827
|
+
capWidth: jt
|
|
828
828
|
},
|
|
829
829
|
points: t
|
|
830
830
|
}] : [];
|
|
@@ -834,7 +834,7 @@ function It(e) {
|
|
|
834
834
|
let r = e.id?.trim() || `series-${n}`, i = r, a = 1;
|
|
835
835
|
for (; t.has(i);) i = `${r}-${a}`, a++;
|
|
836
836
|
t.add(i);
|
|
837
|
-
let o = e.lineType ?? "linear", s =
|
|
837
|
+
let o = e.lineType ?? "linear", s = Mt(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);
|
|
838
838
|
return {
|
|
839
839
|
id: i,
|
|
840
840
|
shotNo: e.shotNo?.trim() || void 0,
|
|
@@ -848,29 +848,29 @@ function It(e) {
|
|
|
848
848
|
errorBar: {
|
|
849
849
|
visible: l,
|
|
850
850
|
color: e.errorBar?.color,
|
|
851
|
-
width: Number.isFinite(d) && d > 0 ? d :
|
|
852
|
-
capWidth: Number.isFinite(f) && f > 0 ? f :
|
|
851
|
+
width: Number.isFinite(d) && d > 0 ? d : At,
|
|
852
|
+
capWidth: Number.isFinite(f) && f > 0 ? f : jt
|
|
853
853
|
},
|
|
854
|
-
points:
|
|
854
|
+
points: It(e.data)
|
|
855
855
|
};
|
|
856
856
|
}).filter((e) => e.points.length > 0);
|
|
857
857
|
}
|
|
858
858
|
//#endregion
|
|
859
859
|
//#region src/core/renderingStrategies.ts
|
|
860
|
-
function
|
|
860
|
+
function Rt(e, t) {
|
|
861
861
|
return {
|
|
862
862
|
start: Math.max(0, e.start - 1),
|
|
863
863
|
end: Math.min(t, e.end + 1)
|
|
864
864
|
};
|
|
865
865
|
}
|
|
866
|
-
function
|
|
866
|
+
function zt(e, t) {
|
|
867
867
|
t && e[e.length - 1] !== t && e.push(t);
|
|
868
868
|
}
|
|
869
|
-
var
|
|
870
|
-
let { start: t, end: n } =
|
|
869
|
+
var Bt = (e) => {
|
|
870
|
+
let { start: t, end: n } = Rt(e.range, e.points.length);
|
|
871
871
|
return e.points.slice(t, n);
|
|
872
|
-
},
|
|
873
|
-
let { points: t, range: n, domain: r, width: i, options: a } = e, { start: o, end: s } =
|
|
872
|
+
}, Vt = (e) => {
|
|
873
|
+
let { points: t, range: n, domain: r, width: i, options: a } = e, { start: o, end: s } = Rt(n, t.length);
|
|
874
874
|
if (s - o <= 0) return [];
|
|
875
875
|
let c = Math.min(r[0], r[1]), l = Math.max(r[0], r[1]), u = Math.max(4, Math.floor(i * a.maxPointsPerPixel)), d = Math.max(1, Math.floor(u / 4)), f = [], p = l - c || 1, m = Array.from({ length: 4 }, () => -1), h = -1, g = -1, _ = -1, v = -1, y = -1, b = (e, t) => {
|
|
876
876
|
if (e < 0) return t;
|
|
@@ -885,9 +885,9 @@ var zt = (e) => {
|
|
|
885
885
|
for (; n >= 0 && m[n] > e;) m[n + 1] = m[n], --n;
|
|
886
886
|
m[n + 1] = e;
|
|
887
887
|
}
|
|
888
|
-
for (let n = 0; n < e; n += 1)
|
|
888
|
+
for (let n = 0; n < e; n += 1) zt(f, t[m[n]]);
|
|
889
889
|
};
|
|
890
|
-
|
|
890
|
+
zt(f, t[o]);
|
|
891
891
|
for (let e = n.start; e < n.end; e += 1) {
|
|
892
892
|
let n = t[e], r = Math.min(d - 1, Math.max(0, Math.floor((n.x - c) / p * d)));
|
|
893
893
|
if (r !== h) {
|
|
@@ -896,53 +896,53 @@ var zt = (e) => {
|
|
|
896
896
|
}
|
|
897
897
|
_ = e, n.y < t[v].y && (v = e), n.y > t[y].y && (y = e);
|
|
898
898
|
}
|
|
899
|
-
return x(),
|
|
899
|
+
return x(), zt(f, t[s - 1]), f;
|
|
900
900
|
};
|
|
901
|
-
function
|
|
901
|
+
function Ht(e) {
|
|
902
902
|
let t = Math.max(4, Math.floor(e.width * e.options.maxPointsPerPixel));
|
|
903
|
-
return !e.options.downsample || e.visibleCount <= e.options.downsampleThreshold || e.visibleCount <= t ?
|
|
903
|
+
return !e.options.downsample || e.visibleCount <= e.options.downsampleThreshold || e.visibleCount <= t ? Bt : Vt;
|
|
904
904
|
}
|
|
905
905
|
//#endregion
|
|
906
906
|
//#region src/core/renderingOptions.ts
|
|
907
|
-
var
|
|
907
|
+
var Ut = {
|
|
908
908
|
downsample: !0,
|
|
909
909
|
downsampleThreshold: 2e3,
|
|
910
910
|
maxPointsPerPixel: 4,
|
|
911
911
|
pointMinSpacing: 10,
|
|
912
912
|
errorBarMinSpacing: 12
|
|
913
913
|
};
|
|
914
|
-
function
|
|
914
|
+
function Wt(e) {
|
|
915
915
|
let t = Number(e?.downsampleThreshold), n = Number(e?.maxPointsPerPixel), r = Number(e?.pointMinSpacing), i = Number(e?.errorBarMinSpacing);
|
|
916
916
|
return {
|
|
917
|
-
downsample: e?.downsample ??
|
|
918
|
-
downsampleThreshold: Number.isFinite(t) && t >= 2 ? Math.floor(t) :
|
|
919
|
-
maxPointsPerPixel: Number.isFinite(n) && n > 0 ? n :
|
|
920
|
-
pointMinSpacing: Number.isFinite(r) && r >= 0 ? r :
|
|
921
|
-
errorBarMinSpacing: Number.isFinite(i) && i >= 0 ? i :
|
|
917
|
+
downsample: e?.downsample ?? Ut.downsample,
|
|
918
|
+
downsampleThreshold: Number.isFinite(t) && t >= 2 ? Math.floor(t) : Ut.downsampleThreshold,
|
|
919
|
+
maxPointsPerPixel: Number.isFinite(n) && n > 0 ? n : Ut.maxPointsPerPixel,
|
|
920
|
+
pointMinSpacing: Number.isFinite(r) && r >= 0 ? r : Ut.pointMinSpacing,
|
|
921
|
+
errorBarMinSpacing: Number.isFinite(i) && i >= 0 ? i : Ut.errorBarMinSpacing
|
|
922
922
|
};
|
|
923
923
|
}
|
|
924
924
|
//#endregion
|
|
925
925
|
//#region src/core/rendering.ts
|
|
926
|
-
var
|
|
927
|
-
function
|
|
926
|
+
var Gt = P((e) => e.x), Kt = () => !0;
|
|
927
|
+
function qt(e, t) {
|
|
928
928
|
let n = Math.min(t[0], t[1]), r = Math.max(t[0], t[1]);
|
|
929
929
|
return {
|
|
930
|
-
start:
|
|
931
|
-
end:
|
|
930
|
+
start: Gt.left(e, n),
|
|
931
|
+
end: Gt.right(e, r)
|
|
932
932
|
};
|
|
933
933
|
}
|
|
934
|
-
function
|
|
934
|
+
function Jt(e, t, n) {
|
|
935
935
|
if (!Number.isFinite(n) || n <= 0) return !0;
|
|
936
936
|
let r = Math.ceil(n), i = /* @__PURE__ */ new Set();
|
|
937
937
|
for (let n of e) {
|
|
938
|
-
let e =
|
|
938
|
+
let e = qt(n.points, t);
|
|
939
939
|
for (let t = e.start; t < e.end; t += 1) if (i.add(n.points[t].x), i.size >= r) return !0;
|
|
940
940
|
}
|
|
941
941
|
return !1;
|
|
942
942
|
}
|
|
943
|
-
function
|
|
943
|
+
function Yt(e, t, n, r, i) {
|
|
944
944
|
let a = Math.max(0, t.start - 1), o = Math.min(e.length, t.end + 1) - a;
|
|
945
|
-
return o <= 0 ? [] :
|
|
945
|
+
return o <= 0 ? [] : Ht({
|
|
946
946
|
visibleCount: o,
|
|
947
947
|
width: r,
|
|
948
948
|
options: i
|
|
@@ -954,12 +954,12 @@ function Jt(e, t, n, r, i) {
|
|
|
954
954
|
options: i
|
|
955
955
|
});
|
|
956
956
|
}
|
|
957
|
-
function
|
|
958
|
-
return !e.length || n <= 0 ? [] :
|
|
957
|
+
function Xt(e, t, n, r) {
|
|
958
|
+
return !e.length || n <= 0 ? [] : Yt(e, qt(e, t), t, n, r);
|
|
959
959
|
}
|
|
960
|
-
function
|
|
960
|
+
function Zt(e, t, n, r, i, a, o, s) {
|
|
961
961
|
if (!a || i === 0) {
|
|
962
|
-
if (o ===
|
|
962
|
+
if (o === Kt) return e.slice(t.start, t.end);
|
|
963
963
|
let n = [];
|
|
964
964
|
for (let r = t.start; r < t.end; r += 1) o(e[r]) && n.push(e[r]);
|
|
965
965
|
return n;
|
|
@@ -992,36 +992,36 @@ function Xt(e, t, n, r, i, a, o, s) {
|
|
|
992
992
|
let w = (f ?? []).map((e, t) => m?.[t] ?? e).filter((e) => e !== void 0);
|
|
993
993
|
return v && w[0] !== v && w.unshift(v), y && w.at(-1) !== y && w.push(y), w;
|
|
994
994
|
}
|
|
995
|
-
function
|
|
996
|
-
let { lower: t, upper: n } =
|
|
995
|
+
function Qt(e) {
|
|
996
|
+
let { lower: t, upper: n } = Ft(e);
|
|
997
997
|
return t !== 0 || n !== 0;
|
|
998
998
|
}
|
|
999
|
-
function
|
|
999
|
+
function $t(e, t, n, r, i) {
|
|
1000
1000
|
if (!e.length || n <= 0) return {
|
|
1001
1001
|
linePoints: [],
|
|
1002
1002
|
pointRenderPoints: [],
|
|
1003
1003
|
errorBarRenderPoints: []
|
|
1004
1004
|
};
|
|
1005
|
-
let a =
|
|
1005
|
+
let a = qt(e, t), o = i.lineVisible ? Yt(e, a, t, n, r) : [], s = i.errorBarVisible && i.hasErrorPoints;
|
|
1006
1006
|
if (i.pointVisible && s) {
|
|
1007
|
-
let i =
|
|
1007
|
+
let i = Zt(e, a, t, n, Math.max(r.pointMinSpacing, r.errorBarMinSpacing), r.downsample, Kt, Qt);
|
|
1008
1008
|
return {
|
|
1009
1009
|
linePoints: o,
|
|
1010
1010
|
pointRenderPoints: i,
|
|
1011
|
-
errorBarRenderPoints: i.filter(
|
|
1011
|
+
errorBarRenderPoints: i.filter(Qt)
|
|
1012
1012
|
};
|
|
1013
1013
|
}
|
|
1014
1014
|
return {
|
|
1015
1015
|
linePoints: o,
|
|
1016
|
-
pointRenderPoints: i.pointVisible ?
|
|
1017
|
-
errorBarRenderPoints: s ?
|
|
1016
|
+
pointRenderPoints: i.pointVisible ? Zt(e, a, t, n, r.pointMinSpacing, r.downsample, Kt) : [],
|
|
1017
|
+
errorBarRenderPoints: s ? Zt(e, a, t, n, r.errorBarMinSpacing, r.downsample, Qt) : []
|
|
1018
1018
|
};
|
|
1019
1019
|
}
|
|
1020
|
-
var
|
|
1020
|
+
var en = (e, t) => {
|
|
1021
1021
|
let n = typeof e == "number" ? e : Number(e);
|
|
1022
1022
|
return Number.isFinite(n) ? Math.min(10, Math.max(1, Math.floor(n))) : t;
|
|
1023
1023
|
};
|
|
1024
|
-
function
|
|
1024
|
+
function tn(e) {
|
|
1025
1025
|
let t = Object.fromEntries(Object.entries(e?.trackLines ?? {}).map(([e, t]) => [e, {
|
|
1026
1026
|
horizontal: typeof t?.horizontal != "boolean" || t.horizontal,
|
|
1027
1027
|
vertical: typeof t?.vertical != "boolean" || t.vertical,
|
|
@@ -1029,37 +1029,37 @@ function en(e) {
|
|
|
1029
1029
|
verticalColor: typeof t?.verticalColor == "string" && t.verticalColor.trim() ? t.verticalColor : void 0
|
|
1030
1030
|
}]));
|
|
1031
1031
|
return {
|
|
1032
|
-
rowCount:
|
|
1033
|
-
columnCount:
|
|
1032
|
+
rowCount: en(e?.rowCount, 2),
|
|
1033
|
+
columnCount: en(e?.columnCount, 1),
|
|
1034
1034
|
showPagination: e?.showPagination ?? !0,
|
|
1035
1035
|
trackLines: t
|
|
1036
1036
|
};
|
|
1037
1037
|
}
|
|
1038
|
-
function
|
|
1038
|
+
function nn(e) {
|
|
1039
1039
|
return e.rowCount * e.columnCount;
|
|
1040
1040
|
}
|
|
1041
|
-
function
|
|
1042
|
-
return Math.max(1, Math.ceil(Math.max(0, e) /
|
|
1041
|
+
function rn(e, t) {
|
|
1042
|
+
return Math.max(1, Math.ceil(Math.max(0, e) / nn(t)));
|
|
1043
1043
|
}
|
|
1044
|
-
function
|
|
1045
|
-
let r =
|
|
1046
|
-
return e.slice(i, i +
|
|
1044
|
+
function an(e, t, n) {
|
|
1045
|
+
let r = rn(e.length, n), i = (Math.min(r, Math.max(1, Math.floor(t))) - 1) * nn(n);
|
|
1046
|
+
return e.slice(i, i + nn(n));
|
|
1047
1047
|
}
|
|
1048
|
-
function
|
|
1048
|
+
function on(e) {
|
|
1049
1049
|
return e === "compact" ? 0 : e === "separated" ? 16 : 14;
|
|
1050
1050
|
}
|
|
1051
|
-
function
|
|
1052
|
-
let s =
|
|
1051
|
+
function sn(e, t, n, r, i = [], a, o = !0) {
|
|
1052
|
+
let s = on(r), c = Number.isFinite(a) ? Math.max(0, a) : s, l = Math.max(0, n.columnCount - 1) * c, u = /* @__PURE__ */ new Set();
|
|
1053
1053
|
if (o) {
|
|
1054
1054
|
if (r === "independent") for (let e = 0; e < n.rowCount; e += 1) u.add(e);
|
|
1055
1055
|
else if (r === "compact") u.add(n.rowCount - 1);
|
|
1056
|
-
else for (let e = 0; e < n.columnCount; e += 1) for (let t =
|
|
1056
|
+
else for (let e = 0; e < n.columnCount; e += 1) for (let t = nn(n) - 1; t >= 0; --t) if (t % n.columnCount === e && i[t]) {
|
|
1057
1057
|
u.add(Math.floor(t / n.columnCount));
|
|
1058
1058
|
break;
|
|
1059
1059
|
}
|
|
1060
1060
|
}
|
|
1061
1061
|
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);
|
|
1062
|
-
return Array.from({ length:
|
|
1062
|
+
return Array.from({ length: nn(n) }, (e, t) => {
|
|
1063
1063
|
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) => {
|
|
1064
1064
|
let n = u.has(t) ? 30 : 0;
|
|
1065
1065
|
return m + n + s;
|
|
@@ -1078,7 +1078,7 @@ function on(e, t, n, r, i = [], a, o = !0) {
|
|
|
1078
1078
|
};
|
|
1079
1079
|
});
|
|
1080
1080
|
}
|
|
1081
|
-
function
|
|
1081
|
+
function cn(e, t) {
|
|
1082
1082
|
let n = /* @__PURE__ */ new Set();
|
|
1083
1083
|
for (let r = 0; r < t; r += 1) for (let t = e.length - 1; t >= 0; --t) {
|
|
1084
1084
|
let i = e[t];
|
|
@@ -1091,26 +1091,26 @@ function sn(e, t) {
|
|
|
1091
1091
|
}
|
|
1092
1092
|
//#endregion
|
|
1093
1093
|
//#region src/components/core/xDomain.ts
|
|
1094
|
-
var
|
|
1095
|
-
function
|
|
1096
|
-
return !Number.isFinite(e) || (e ?? 0) < 1 ?
|
|
1094
|
+
var ln = 10;
|
|
1095
|
+
function un(e) {
|
|
1096
|
+
return !Number.isFinite(e) || (e ?? 0) < 1 ? ln : Math.max(1, Math.trunc(e));
|
|
1097
1097
|
}
|
|
1098
|
-
function
|
|
1098
|
+
function dn(e, t, n = !1) {
|
|
1099
1099
|
if (t.type !== "nice" || n && !t.includeExplicit) return [...e];
|
|
1100
|
-
let r = V().domain(e).nice(
|
|
1100
|
+
let r = V().domain(e).nice(un(t.tickCount)).domain();
|
|
1101
1101
|
return t.bounds === "end" ? [e[0], r[1]] : r;
|
|
1102
1102
|
}
|
|
1103
1103
|
//#endregion
|
|
1104
1104
|
//#region src/components/core/trackLayoutBuilder.ts
|
|
1105
|
-
function
|
|
1105
|
+
function fn(e, t, n) {
|
|
1106
1106
|
let r = n.xDomainStrategy ?? { type: "data" }, i = n.initialXDomains?.[e.id] ?? n.initialXDomains?.[t] ?? n.initialXDomain;
|
|
1107
|
-
return i ?
|
|
1107
|
+
return i ? dn(i, r, !0) : dn(e.xDomain, r);
|
|
1108
1108
|
}
|
|
1109
|
-
function
|
|
1109
|
+
function pn(e) {
|
|
1110
1110
|
let t = e.cells.map((e) => ({
|
|
1111
1111
|
...e,
|
|
1112
1112
|
hasSeries: !!e.series
|
|
1113
|
-
})), n =
|
|
1113
|
+
})), n = cn(t, e.grid.columnCount);
|
|
1114
1114
|
return t.flatMap((t, r) => {
|
|
1115
1115
|
let i = !t.series;
|
|
1116
1116
|
if (i && (e.displayMode !== "compact" || !e.showCompactEmptyTracks)) return [];
|
|
@@ -1136,39 +1136,35 @@ function fn(e) {
|
|
|
1136
1136
|
visibleSeries: [a],
|
|
1137
1137
|
xDomain: a.xDomain,
|
|
1138
1138
|
yDomain: a.yDomain
|
|
1139
|
-
}, s = !i && o.visibleSeries.length > 0, c = o.visibleSeries[0] ?? o.series[0] ?? a, l = e.displayMode === "independent" ? V(
|
|
1139
|
+
}, s = !i && o.visibleSeries.length > 0, c = o.visibleSeries[0] ?? o.series[0] ?? a, l = e.displayMode === "independent" ? V(fn(o, c.id, e), [0, t.width]) : V(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? W : W).rescaleX(l), d = e.yDomains?.[o.id], f = Cn(o, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && d ? {
|
|
1140
1140
|
...e,
|
|
1141
1141
|
domain: d
|
|
1142
1142
|
} : e), p = {
|
|
1143
1143
|
left: 0,
|
|
1144
1144
|
right: 0
|
|
1145
1145
|
}, m = f.map((n) => {
|
|
1146
|
-
let r = V(n.domain, [t.plotHeight, 0]);
|
|
1147
|
-
|
|
1148
|
-
let
|
|
1149
|
-
a,
|
|
1150
|
-
...c,
|
|
1151
|
-
...s ? [o] : []
|
|
1152
|
-
])), { tickTextWidth: u } = Sn(n.domain, !n.fixed, l, n.seriesList[0]?.unit), d = u + 7 + 6 + 24 + 4, f = n.side === "left" ? -p.left : t.width + p.right, m = u + 7 + 6 + 24 / 2, h = f + (n.side === "left" ? -m : m);
|
|
1146
|
+
let r = yn(t.plotHeight, e.yAxisSplitNumber), i = Math.max(1, r - 1), a = V(n.domain, [t.plotHeight, 0]);
|
|
1147
|
+
a.nice(i);
|
|
1148
|
+
let [o, s] = a.domain(), c = Array.from({ length: r }, (e, t) => o + (s - o) * t / (r - 1)), l = e.displayMode !== "compact" || t.row === 0 ? c : c.filter((e) => e !== s), { tickTextWidth: u } = wn(a.domain(), !1, l, n.seriesList[0]?.unit, r), d = u + 7 + 6 + 24 + 4, f = n.side === "left" ? -p.left : t.width + p.right, m = u + 7 + 6 + 24 / 2, h = f + (n.side === "left" ? -m : m);
|
|
1153
1149
|
return p[n.side] += d, {
|
|
1154
1150
|
index: n.index,
|
|
1155
1151
|
side: n.side,
|
|
1156
1152
|
x: f,
|
|
1157
1153
|
labelX: h,
|
|
1158
|
-
scale:
|
|
1159
|
-
majorTicks:
|
|
1160
|
-
minorTicks:
|
|
1154
|
+
scale: a,
|
|
1155
|
+
majorTicks: c,
|
|
1156
|
+
minorTicks: Ze(c),
|
|
1161
1157
|
tickValues: l,
|
|
1162
1158
|
seriesList: n.seriesList
|
|
1163
1159
|
};
|
|
1164
1160
|
}), h = m[0]?.scale ?? V(o.yDomain, [t.plotHeight, 0]).nice(), g = u.ticks(Math.max(2, Math.floor(t.width / 100))), _ = m[0]?.majorTicks ?? [], v = m[0]?.tickValues ?? [], y = u.domain(), b = {
|
|
1165
|
-
start:
|
|
1166
|
-
end:
|
|
1161
|
+
start: dt(y[0], y, e.timeUnit, "start", e.xAxisLabelFormatter),
|
|
1162
|
+
end: dt(y[1], y, e.timeUnit, "end", e.xAxisLabelFormatter)
|
|
1167
1163
|
}, x = b.start.length * 7 + 10, S = b.end.length * 7 + 10, C = g.filter((e) => {
|
|
1168
1164
|
let n = u(e);
|
|
1169
1165
|
return n > x && n < t.width - S;
|
|
1170
1166
|
}), w = o.visibleSeries.map((n) => {
|
|
1171
|
-
let r = m.find((e) => e.seriesList.some((e) => e.id === n.id)), a = r?.scale ?? h, o =
|
|
1167
|
+
let r = m.find((e) => e.seriesList.some((e) => e.id === n.id)), a = r?.scale ?? h, o = $t(n.points, y, t.width, e.rendering, {
|
|
1172
1168
|
lineVisible: !i && n.lineType !== "none",
|
|
1173
1169
|
pointVisible: n.pointType !== "none",
|
|
1174
1170
|
errorBarVisible: n.errorBar.visible,
|
|
@@ -1202,7 +1198,7 @@ function fn(e) {
|
|
|
1202
1198
|
yScale: h,
|
|
1203
1199
|
yAxes: m,
|
|
1204
1200
|
xMajorTicks: g,
|
|
1205
|
-
xMinorTicks:
|
|
1201
|
+
xMinorTicks: Ze(g, 5, y),
|
|
1206
1202
|
yMajorTicks: _,
|
|
1207
1203
|
yMinorTicks: m[0]?.minorTicks ?? [],
|
|
1208
1204
|
yAxisTickValues: v,
|
|
@@ -1220,8 +1216,11 @@ function fn(e) {
|
|
|
1220
1216
|
}
|
|
1221
1217
|
//#endregion
|
|
1222
1218
|
//#region src/components/core/layout.ts
|
|
1223
|
-
var
|
|
1224
|
-
function
|
|
1219
|
+
var mn = 7, hn = 7, gn = 4, _n = 6, vn = 24;
|
|
1220
|
+
function yn(e, t) {
|
|
1221
|
+
return typeof t == "number" && Number.isFinite(t) ? Math.max(2, Math.floor(t)) : 5;
|
|
1222
|
+
}
|
|
1223
|
+
function bn(e) {
|
|
1225
1224
|
return e >= 4 ? [
|
|
1226
1225
|
"left",
|
|
1227
1226
|
"left",
|
|
@@ -1233,13 +1232,13 @@ function vn(e) {
|
|
|
1233
1232
|
"right"
|
|
1234
1233
|
] : e === 2 ? ["left", "right"] : ["left"];
|
|
1235
1234
|
}
|
|
1236
|
-
var
|
|
1237
|
-
function
|
|
1238
|
-
let n =
|
|
1239
|
-
n || (n = /* @__PURE__ */ new Map(),
|
|
1235
|
+
var xn = /* @__PURE__ */ new WeakMap();
|
|
1236
|
+
function Sn(e, t) {
|
|
1237
|
+
let n = xn.get(e);
|
|
1238
|
+
n || (n = /* @__PURE__ */ new Map(), xn.set(e, n));
|
|
1240
1239
|
let r = n.get(t);
|
|
1241
1240
|
if (r) return r;
|
|
1242
|
-
let i = t === "multi-axis" ? Math.min(e.visibleSeries.length, 4) : Math.min(e.visibleSeries.length, 1), a =
|
|
1241
|
+
let i = t === "multi-axis" ? Math.min(e.visibleSeries.length, 4) : Math.min(e.visibleSeries.length, 1), a = bn(i), o = Array.from({ length: i }, (e, t) => ({
|
|
1243
1242
|
index: t,
|
|
1244
1243
|
side: a[t],
|
|
1245
1244
|
seriesList: [],
|
|
@@ -1252,54 +1251,50 @@ function bn(e, t) {
|
|
|
1252
1251
|
if (t === "single-axis") n.domain = e.yDomain;
|
|
1253
1252
|
else {
|
|
1254
1253
|
let t = n.seriesList.flatMap((e) => e.yDomain);
|
|
1255
|
-
n.domain = t.length > 0 ?
|
|
1254
|
+
n.domain = t.length > 0 ? Xe(t) : e.yDomain;
|
|
1256
1255
|
}
|
|
1257
1256
|
}), n.set(t, o), o;
|
|
1258
1257
|
}
|
|
1259
|
-
function
|
|
1260
|
-
let i =
|
|
1261
|
-
return
|
|
1258
|
+
function Cn(e, t, n, r) {
|
|
1259
|
+
let i = Et(e, r);
|
|
1260
|
+
return Sn(e, t).map((e) => {
|
|
1262
1261
|
if (i) return {
|
|
1263
1262
|
...e,
|
|
1264
1263
|
domain: i,
|
|
1265
1264
|
fixed: !0
|
|
1266
1265
|
};
|
|
1267
|
-
let t = e.seriesList.map((e) =>
|
|
1266
|
+
let t = e.seriesList.map((e) => Dt(e, n, r) ?? e.yDomain), a = e.seriesList.some((e) => Dt(e, n, r));
|
|
1268
1267
|
return a ? {
|
|
1269
1268
|
...e,
|
|
1270
|
-
domain:
|
|
1269
|
+
domain: kt(t),
|
|
1271
1270
|
fixed: a
|
|
1272
1271
|
} : e;
|
|
1273
1272
|
});
|
|
1274
1273
|
}
|
|
1275
|
-
function
|
|
1276
|
-
let i = V(e, [1, 0]);
|
|
1277
|
-
t &&
|
|
1278
|
-
let [
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
return { tickTextWidth: Math.max(1, ...s.map((e) => ot(e, {
|
|
1284
|
-
axisMin: a,
|
|
1285
|
-
axisMax: o,
|
|
1286
|
-
topTickValue: c,
|
|
1274
|
+
function wn(e, t = !0, n, r, i = 10) {
|
|
1275
|
+
let a = typeof i == "number" && Number.isFinite(i) ? Math.max(2, Math.floor(i)) : 10, o = V(e, [1, 0]);
|
|
1276
|
+
t && o.nice(a);
|
|
1277
|
+
let [s, c] = o.domain(), l = n ?? o.ticks(a), u = Math.max(...l);
|
|
1278
|
+
return { tickTextWidth: Math.max(1, ...l.map((e) => st(e, {
|
|
1279
|
+
axisMin: s,
|
|
1280
|
+
axisMax: c,
|
|
1281
|
+
topTickValue: u,
|
|
1287
1282
|
unit: r
|
|
1288
|
-
}).length)) *
|
|
1283
|
+
}).length)) * mn };
|
|
1289
1284
|
}
|
|
1290
|
-
function
|
|
1291
|
-
return
|
|
1285
|
+
function Tn(e, t) {
|
|
1286
|
+
return wn(e.domain, !0, void 0, e.seriesList[0]?.unit, t).tickTextWidth + hn + _n + vn + gn;
|
|
1292
1287
|
}
|
|
1293
|
-
function
|
|
1294
|
-
return
|
|
1288
|
+
function En(e, t) {
|
|
1289
|
+
return wn(e.domain, !0, void 0, e.seriesList[0]?.unit, t).tickTextWidth + hn + gn;
|
|
1295
1290
|
}
|
|
1296
|
-
function
|
|
1297
|
-
return
|
|
1291
|
+
function Dn(e, t, n, r, i) {
|
|
1292
|
+
return Cn(e, t, n, r).reduce((n, r) => (n[r.side] += t === "multi-axis" || e.visibleSeries.length === 1 ? Tn(r, i) : En(r, i), n), {
|
|
1298
1293
|
left: 0,
|
|
1299
1294
|
right: 0
|
|
1300
1295
|
});
|
|
1301
1296
|
}
|
|
1302
|
-
function
|
|
1297
|
+
function On(e, t, n) {
|
|
1303
1298
|
let r = (e) => {
|
|
1304
1299
|
let r = t < e.left ? e.left - t : t > e.left + e.width ? t - e.left - e.width : 0;
|
|
1305
1300
|
return n < e.top ? e.top - n : n > e.top + e.height ? n - (e.top + e.height) : r;
|
|
@@ -1318,11 +1313,11 @@ function En(e, t, n) {
|
|
|
1318
1313
|
}
|
|
1319
1314
|
//#endregion
|
|
1320
1315
|
//#region src/components/annotation/useWaveformChartAnnotations.ts
|
|
1321
|
-
var
|
|
1322
|
-
function
|
|
1323
|
-
return
|
|
1316
|
+
var kn = 0;
|
|
1317
|
+
function An() {
|
|
1318
|
+
return kn += 1, typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `annotation-${Date.now()}-${kn}`;
|
|
1324
1319
|
}
|
|
1325
|
-
function
|
|
1320
|
+
function jn(e) {
|
|
1326
1321
|
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: y, isPresentationMode: b } = e, x = v("");
|
|
1327
1322
|
function S(e) {
|
|
1328
1323
|
if (!i.value.some((t) => t.id === e)) return;
|
|
@@ -1355,7 +1350,7 @@ function kn(e) {
|
|
|
1355
1350
|
};
|
|
1356
1351
|
}
|
|
1357
1352
|
function T(e, t, n) {
|
|
1358
|
-
x.value = "", s.openCreate(e,
|
|
1353
|
+
x.value = "", s.openCreate(e, An, t), c.value = n;
|
|
1359
1354
|
let r = s.editorDraft.value, i = l.value.find((t) => t.index === e.trackIndex)?.seriesList.find((t) => t.id === e.seriesId);
|
|
1360
1355
|
r?.mode === "add" && (r.annotation.style = {
|
|
1361
1356
|
borderColor: i?.color || "#1677ff",
|
|
@@ -1416,7 +1411,7 @@ function kn(e) {
|
|
|
1416
1411
|
let e = l.value[n];
|
|
1417
1412
|
return e?.hasVisibleSeries ? e : void 0;
|
|
1418
1413
|
}
|
|
1419
|
-
return
|
|
1414
|
+
return On(l.value.filter((e) => e.hasVisibleSeries), e, t);
|
|
1420
1415
|
}
|
|
1421
1416
|
function A(e, t) {
|
|
1422
1417
|
let n = e.currentTarget;
|
|
@@ -1507,8 +1502,8 @@ function kn(e) {
|
|
|
1507
1502
|
}
|
|
1508
1503
|
//#endregion
|
|
1509
1504
|
//#region src/components/interaction/useWaveformHover.ts
|
|
1510
|
-
var
|
|
1511
|
-
function
|
|
1505
|
+
var Mn = P((e) => e.x);
|
|
1506
|
+
function Nn(e) {
|
|
1512
1507
|
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) => {
|
|
1513
1508
|
let r = n.points[t];
|
|
1514
1509
|
return r?.id === e.id && r.trackIndex === e.trackIndex && r.point === e.point;
|
|
@@ -1530,7 +1525,7 @@ function jn(e) {
|
|
|
1530
1525
|
r.value = !0, y();
|
|
1531
1526
|
}, C = (e = !1) => {
|
|
1532
1527
|
r.value = !e, y();
|
|
1533
|
-
}, w = () => r.value ? (r.value = !1, y(), !0) : !1, T = (e, t) => e.points[
|
|
1528
|
+
}, w = () => r.value ? (r.value = !1, y(), !0) : !1, T = (e, t) => e.points[Mn.center(e.points, t)];
|
|
1534
1529
|
return {
|
|
1535
1530
|
cancelPendingHover: h,
|
|
1536
1531
|
clearHover: y,
|
|
@@ -1585,14 +1580,14 @@ function jn(e) {
|
|
|
1585
1580
|
}
|
|
1586
1581
|
//#endregion
|
|
1587
1582
|
//#region src/components/interaction/pointerCapture.ts
|
|
1588
|
-
function
|
|
1583
|
+
function Pn(e, t) {
|
|
1589
1584
|
try {
|
|
1590
1585
|
e?.releasePointerCapture?.(t);
|
|
1591
1586
|
} catch {}
|
|
1592
1587
|
}
|
|
1593
1588
|
//#endregion
|
|
1594
1589
|
//#region src/components/interaction/viewportInteractionState.ts
|
|
1595
|
-
function
|
|
1590
|
+
function Fn(e) {
|
|
1596
1591
|
return {
|
|
1597
1592
|
...e,
|
|
1598
1593
|
currentX: e.startX,
|
|
@@ -1601,37 +1596,37 @@ function Nn(e) {
|
|
|
1601
1596
|
yDomains: Object.fromEntries(Object.entries(e.yDomains).map(([e, t]) => [e, [...t]]))
|
|
1602
1597
|
};
|
|
1603
1598
|
}
|
|
1604
|
-
function
|
|
1599
|
+
function In(e, t) {
|
|
1605
1600
|
return {
|
|
1606
1601
|
...e,
|
|
1607
1602
|
...t
|
|
1608
1603
|
};
|
|
1609
1604
|
}
|
|
1610
|
-
function
|
|
1605
|
+
function Ln(e) {
|
|
1611
1606
|
return {
|
|
1612
1607
|
state: e,
|
|
1613
1608
|
accepted: !1,
|
|
1614
1609
|
completed: null
|
|
1615
1610
|
};
|
|
1616
1611
|
}
|
|
1617
|
-
function
|
|
1612
|
+
function Rn(e, t) {
|
|
1618
1613
|
switch (t.type) {
|
|
1619
|
-
case "begin": return e ?
|
|
1620
|
-
state:
|
|
1614
|
+
case "begin": return e ? Ln(e) : {
|
|
1615
|
+
state: Fn(t.gesture),
|
|
1621
1616
|
accepted: !0,
|
|
1622
1617
|
completed: null
|
|
1623
1618
|
};
|
|
1624
|
-
case "move": return !e || e.pointerId !== t.pointerId ?
|
|
1625
|
-
state:
|
|
1619
|
+
case "move": return !e || e.pointerId !== t.pointerId ? Ln(e) : {
|
|
1620
|
+
state: In(e, t.position),
|
|
1626
1621
|
accepted: !0,
|
|
1627
1622
|
completed: null
|
|
1628
1623
|
};
|
|
1629
|
-
case "finish": return !e || e.pointerId !== t.pointerId ?
|
|
1624
|
+
case "finish": return !e || e.pointerId !== t.pointerId ? Ln(e) : {
|
|
1630
1625
|
state: null,
|
|
1631
1626
|
accepted: !0,
|
|
1632
|
-
completed:
|
|
1627
|
+
completed: In(e, t.position)
|
|
1633
1628
|
};
|
|
1634
|
-
case "cancel": return !e || t.pointerId !== void 0 && e.pointerId !== t.pointerId ?
|
|
1629
|
+
case "cancel": return !e || t.pointerId !== void 0 && e.pointerId !== t.pointerId ? Ln(e) : {
|
|
1635
1630
|
state: null,
|
|
1636
1631
|
accepted: !0,
|
|
1637
1632
|
completed: null
|
|
@@ -1645,26 +1640,26 @@ function In(e, t) {
|
|
|
1645
1640
|
}
|
|
1646
1641
|
//#endregion
|
|
1647
1642
|
//#region src/components/interaction/zoomConstraints.ts
|
|
1648
|
-
var
|
|
1649
|
-
function
|
|
1643
|
+
var zn = /* @__PURE__ */ new WeakMap();
|
|
1644
|
+
function Bn(e) {
|
|
1650
1645
|
return e[0] <= e[1] ? [...e] : [e[1], e[0]];
|
|
1651
1646
|
}
|
|
1652
|
-
function
|
|
1647
|
+
function Vn(e) {
|
|
1653
1648
|
return Number.isFinite(e) && (e ?? 0) > 0 ? Math.ceil(e) : 0;
|
|
1654
1649
|
}
|
|
1655
|
-
function
|
|
1656
|
-
let n = `${t[0]}\u0000${t[1]}`, r =
|
|
1650
|
+
function Hn(e, t) {
|
|
1651
|
+
let n = `${t[0]}\u0000${t[1]}`, r = zn.get(e)?.get(n);
|
|
1657
1652
|
if (r) return r;
|
|
1658
1653
|
let i = /* @__PURE__ */ new Set();
|
|
1659
1654
|
for (let n of e) for (let e of n.points) e.x >= t[0] && e.x <= t[1] && i.add(e.x);
|
|
1660
|
-
let a = Array.from(i).sort((e, t) => e - t), o =
|
|
1661
|
-
return o.set(n, a),
|
|
1655
|
+
let a = Array.from(i).sort((e, t) => e - t), o = zn.get(e) ?? /* @__PURE__ */ new Map();
|
|
1656
|
+
return o.set(n, a), zn.set(e, o), a;
|
|
1662
1657
|
}
|
|
1663
|
-
function
|
|
1658
|
+
function Un(e, t, n) {
|
|
1664
1659
|
if (n <= 1) return 0;
|
|
1665
1660
|
let r = 0;
|
|
1666
1661
|
for (let i of e) {
|
|
1667
|
-
let e =
|
|
1662
|
+
let e = Hn(i, t);
|
|
1668
1663
|
if (e.length < n) return t[1] - t[0];
|
|
1669
1664
|
let a = Infinity;
|
|
1670
1665
|
for (let t = 0; t + n <= e.length; t += 1) a = Math.min(a, e[t + n - 1] - e[t]);
|
|
@@ -1673,17 +1668,17 @@ function Vn(e, t, n) {
|
|
|
1673
1668
|
}
|
|
1674
1669
|
return r;
|
|
1675
1670
|
}
|
|
1676
|
-
function
|
|
1677
|
-
let r =
|
|
1671
|
+
function Wn(e, t, n) {
|
|
1672
|
+
let r = Bn(e), i = r[1] - r[0];
|
|
1678
1673
|
if (!Number.isFinite(i) || i <= 0) return 0;
|
|
1679
|
-
let a = Number.isFinite(n.minZoomSpan) && (n.minZoomSpan ?? 0) > 0 ? Math.min(i, n.minZoomSpan) : 0, o =
|
|
1680
|
-
return a > 0 || o > 0 ? Math.max(a, s) : i /
|
|
1674
|
+
let a = Number.isFinite(n.minZoomSpan) && (n.minZoomSpan ?? 0) > 0 ? Math.min(i, n.minZoomSpan) : 0, o = Vn(n.minVisiblePoints), s = Un(t, r, o);
|
|
1675
|
+
return a > 0 || o > 0 ? Math.max(a, s) : i / yt.DEFAULT_MAX_SCALE;
|
|
1681
1676
|
}
|
|
1682
|
-
function
|
|
1677
|
+
function Gn(e, t, n, r) {
|
|
1683
1678
|
if (r <= 0) return e;
|
|
1684
1679
|
let i = 2 ** -52 * Math.max(1, Math.abs(t[0]), Math.abs(t[1])) * 16, a = e;
|
|
1685
1680
|
for (let e of n) {
|
|
1686
|
-
let n =
|
|
1681
|
+
let n = Hn(e, t);
|
|
1687
1682
|
if (n.length < r) return [...t];
|
|
1688
1683
|
if (n.filter((e) => e >= a[0] && e <= a[1]).length >= r) continue;
|
|
1689
1684
|
let o, s = Infinity, c = Infinity, l = (a[0] + a[1]) / 2;
|
|
@@ -1695,13 +1690,13 @@ function Un(e, t, n, r) {
|
|
|
1695
1690
|
}
|
|
1696
1691
|
return a;
|
|
1697
1692
|
}
|
|
1698
|
-
function
|
|
1699
|
-
let i =
|
|
1693
|
+
function Kn(e, t, n, r) {
|
|
1694
|
+
let i = Bn(t), a = i[1] - i[0];
|
|
1700
1695
|
if (!Number.isFinite(a) || a <= 0 || Math.abs(e[1] - e[0]) >= a * .999999999999) return i;
|
|
1701
|
-
let o =
|
|
1696
|
+
let o = Gn([Math.max(i[0], Math.min(e[0], e[1])), Math.min(i[1], Math.max(e[0], e[1]))], i, n, Vn(r.minVisiblePoints)), s = Wn(i, n, r), c = Math.max(s, Math.min(a, o[1] - o[0])), l = (o[0] + o[1]) / 2, u = Math.max(i[0], Math.min(l - c / 2, i[1] - c));
|
|
1702
1697
|
return [u, u + c];
|
|
1703
1698
|
}
|
|
1704
|
-
function
|
|
1699
|
+
function $(e, t, n) {
|
|
1705
1700
|
let r = t[1] - t[0], i = e[1] - e[0];
|
|
1706
1701
|
if (!Number.isFinite(r) || !Number.isFinite(i) || r <= 0 || i <= 0) return W;
|
|
1707
1702
|
let a = r / i, o = V(t, [0, n]);
|
|
@@ -1709,7 +1704,7 @@ function Gn(e, t, n) {
|
|
|
1709
1704
|
}
|
|
1710
1705
|
//#endregion
|
|
1711
1706
|
//#region src/components/interaction/viewportDomain.ts
|
|
1712
|
-
function
|
|
1707
|
+
function qn(e) {
|
|
1713
1708
|
return (t, n) => {
|
|
1714
1709
|
if (!(!Number.isFinite(t[0]) || !Number.isFinite(t[1]) || t[0] === t[1])) {
|
|
1715
1710
|
if (e.cancelPendingZoom(), e.cancelViewportDrag(), e.props.displayMode === "independent") {
|
|
@@ -1717,12 +1712,12 @@ function Kn(e) {
|
|
|
1717
1712
|
r.forEach((n) => {
|
|
1718
1713
|
let r = e.trackLayouts.value.find((e) => e.index === n);
|
|
1719
1714
|
if (!r) return;
|
|
1720
|
-
let a = e.resolveInitialTrackDomain(r), o =
|
|
1721
|
-
i[n] =
|
|
1715
|
+
let a = e.resolveInitialTrackDomain(r), o = Kn(t, a, [r.seriesList], e.props);
|
|
1716
|
+
i[n] = $(o, a, r.width);
|
|
1722
1717
|
}), e.independentTransforms.value = i;
|
|
1723
1718
|
} else {
|
|
1724
|
-
let n = e.initialXDomain.value, r =
|
|
1725
|
-
e.sharedTransform.value =
|
|
1719
|
+
let n = e.initialXDomain.value, r = Kn(t, n, e.trackLayouts.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), e.props);
|
|
1720
|
+
e.sharedTransform.value = $(r, n, e.innerWidth.value);
|
|
1726
1721
|
}
|
|
1727
1722
|
e.clearHover(), e.editorSeriesOptions.value = [], d(e.configureZoom);
|
|
1728
1723
|
}
|
|
@@ -1730,13 +1725,13 @@ function Kn(e) {
|
|
|
1730
1725
|
}
|
|
1731
1726
|
//#endregion
|
|
1732
1727
|
//#region src/components/interaction/useWaveformViewport.ts
|
|
1733
|
-
function
|
|
1728
|
+
function Jn(e) {
|
|
1734
1729
|
let { props: n, emit: r, selection: i, spacePressed: a, trackLayouts: o, chartTracks: s, initialXDomain: c, innerWidth: l, innerHeight: u, sharedOverlayElement: f, sharedTransform: p, independentTransforms: m, sharedYDomains: h, independentYDomains: g, isZoomMode: _, isPresentationMode: v, editorSeriesOptions: y, resolveInitialTrackDomain: b, canZoomTrack: S, canZoomSharedTracks: C, configureZoom: w, cancelPendingZoom: T, clearHover: E, resolveTrackAtPointer: D } = e, O = x(), k = (e, t) => {
|
|
1735
1730
|
let n = O.value, r = t?.currentTarget;
|
|
1736
|
-
|
|
1731
|
+
Pn(n, e), r && r !== n && Pn(r, e);
|
|
1737
1732
|
}, A = (e, t) => {
|
|
1738
1733
|
let n = i.value;
|
|
1739
|
-
!n || n.pointerId !== e || (k(e, t), i.value =
|
|
1734
|
+
!n || n.pointerId !== e || (k(e, t), i.value = Rn(i.value, {
|
|
1740
1735
|
type: "cancel",
|
|
1741
1736
|
pointerId: e
|
|
1742
1737
|
}).state, O.value = void 0);
|
|
@@ -1759,7 +1754,7 @@ function qn(e) {
|
|
|
1759
1754
|
if (!n.zoomable && !s || !_.value || e.button !== 0) return;
|
|
1760
1755
|
let c = e.currentTarget, d = o.value.find((e) => e.index === t);
|
|
1761
1756
|
if (!d) return;
|
|
1762
|
-
let [f, p] = B(e, c), m = Math.max(0, Math.min(r ? d.width : l.value, f)), h = Math.max(0, Math.min(r ? d.height : u.value, p)), g =
|
|
1757
|
+
let [f, p] = B(e, c), m = Math.max(0, Math.min(r ? d.width : l.value, f)), h = Math.max(0, Math.min(r ? d.height : u.value, p)), g = Rn(i.value, {
|
|
1763
1758
|
type: "begin",
|
|
1764
1759
|
gesture: {
|
|
1765
1760
|
trackIndex: t,
|
|
@@ -1781,12 +1776,12 @@ function qn(e) {
|
|
|
1781
1776
|
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 = M([e.xDomain[0] - u / i * f, e.xDomain[1] - u / i * f], _);
|
|
1782
1777
|
if (e.independent) {
|
|
1783
1778
|
let e = [...m.value];
|
|
1784
|
-
e[t.index] =
|
|
1785
|
-
} else p.value =
|
|
1779
|
+
e[t.index] = $(v, _, i), m.value = e;
|
|
1780
|
+
} else p.value = $(v, _, l.value);
|
|
1786
1781
|
let y = e.independent ? [t] : o.value, x = { ...g.value }, S = { ...h.value };
|
|
1787
1782
|
y.forEach((t) => {
|
|
1788
1783
|
let r = s.value.find((e) => e.id === t.id);
|
|
1789
|
-
if (r &&
|
|
1784
|
+
if (r && Ot(r, n.yDomain, n.yDomains)) return;
|
|
1790
1785
|
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 = M([o[0] + d / a * l, o[1] + d / a * l], c);
|
|
1791
1786
|
e.independent ? x[t.index] = u : S[i] = u;
|
|
1792
1787
|
}), e.independent ? g.value = x : h.value = S, r("zoom-change", v);
|
|
@@ -1796,7 +1791,7 @@ function qn(e) {
|
|
|
1796
1791
|
if (!t || !n || e.pointerId !== t.pointerId) return;
|
|
1797
1792
|
let r = o.value.find((e) => e.index === t.trackIndex);
|
|
1798
1793
|
if (!r) return;
|
|
1799
|
-
let [a, s] = B(e, n), c = Math.max(0, Math.min(t.independent ? r.width : l.value, a)), d = Math.max(0, Math.min(t.independent ? r.height : u.value, s)), f =
|
|
1794
|
+
let [a, s] = B(e, n), c = Math.max(0, Math.min(t.independent ? r.width : l.value, a)), d = Math.max(0, Math.min(t.independent ? r.height : u.value, s)), f = Rn(i.value, {
|
|
1800
1795
|
type: "move",
|
|
1801
1796
|
pointerId: e.pointerId,
|
|
1802
1797
|
position: {
|
|
@@ -1815,11 +1810,11 @@ function qn(e) {
|
|
|
1815
1810
|
if (!t || (e.independent ? !S(t) : !C())) return;
|
|
1816
1811
|
let i = e.independent ? 0 : t.left, a = Math.max(0, Math.min(t.width, Math.min(e.startX, e.currentX) - i)), s = Math.max(0, Math.min(t.width, Math.max(e.startX, e.currentX) - i));
|
|
1817
1812
|
if (s - a < 6) return;
|
|
1818
|
-
let u = e.independent ? b(t) : c.value, f = e.independent ? [t.seriesList] : o.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), h =
|
|
1813
|
+
let u = e.independent ? b(t) : c.value, f = e.independent ? [t.seriesList] : o.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), h = Kn([t.xScale.invert(a), t.xScale.invert(s)], u, f, n);
|
|
1819
1814
|
if (e.independent) {
|
|
1820
1815
|
let e = [...m.value];
|
|
1821
|
-
e[t.index] =
|
|
1822
|
-
} else p.value =
|
|
1816
|
+
e[t.index] = $(h, u, t.width), m.value = e;
|
|
1817
|
+
} else p.value = $(h, u, l.value);
|
|
1823
1818
|
let g = e.independent ? [t] : o.value, _ = Object.fromEntries(g.map((e) => [e.series.trackId ?? e.series.id, e.yScale.domain()]));
|
|
1824
1819
|
if (r("zoom-change", h), e.independent) {
|
|
1825
1820
|
let e = _[t.series.trackId ?? t.series.id];
|
|
@@ -1860,7 +1855,7 @@ function qn(e) {
|
|
|
1860
1855
|
A(t.pointerId, e);
|
|
1861
1856
|
return;
|
|
1862
1857
|
}
|
|
1863
|
-
let [a, s] = B(e, r), c = Math.max(0, Math.min(t.independent ? n.width : l.value, a)), f = Math.max(0, Math.min(t.independent ? n.height : u.value, s)), p =
|
|
1858
|
+
let [a, s] = B(e, r), c = Math.max(0, Math.min(t.independent ? n.width : l.value, a)), f = Math.max(0, Math.min(t.independent ? n.height : u.value, s)), p = Rn(i.value, {
|
|
1864
1859
|
type: "finish",
|
|
1865
1860
|
pointerId: e.pointerId,
|
|
1866
1861
|
position: {
|
|
@@ -1892,7 +1887,7 @@ function qn(e) {
|
|
|
1892
1887
|
finishViewportDrag: V,
|
|
1893
1888
|
cancelViewportDrag: R,
|
|
1894
1889
|
resetViewport: H,
|
|
1895
|
-
setViewportDomain:
|
|
1890
|
+
setViewportDomain: qn({
|
|
1896
1891
|
props: n,
|
|
1897
1892
|
trackLayouts: o,
|
|
1898
1893
|
initialXDomain: c,
|
|
@@ -1924,7 +1919,7 @@ function qn(e) {
|
|
|
1924
1919
|
}
|
|
1925
1920
|
//#endregion
|
|
1926
1921
|
//#region src/components/utils/useAnimationFrameThrottle.ts
|
|
1927
|
-
function
|
|
1922
|
+
function Yn() {
|
|
1928
1923
|
let e = null, t = null;
|
|
1929
1924
|
function n(n) {
|
|
1930
1925
|
t = n, e === null && (e = requestAnimationFrame(() => {
|
|
@@ -1953,8 +1948,8 @@ function Jn() {
|
|
|
1953
1948
|
}
|
|
1954
1949
|
//#endregion
|
|
1955
1950
|
//#region src/components/interaction/useWaveformZoom.ts
|
|
1956
|
-
function
|
|
1957
|
-
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 =
|
|
1951
|
+
function Xn(e) {
|
|
1952
|
+
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 = Yn(), 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) => {
|
|
1958
1953
|
y || m.value || (g(), b = e.transform, x = "wheel", O(), P());
|
|
1959
1954
|
}, A = (e, t) => {
|
|
1960
1955
|
y || m.value || (g(), C.set(t, e.transform), w.set(t, "wheel"), O(), P());
|
|
@@ -2041,19 +2036,19 @@ function Yn(e) {
|
|
|
2041
2036
|
F(), r.value?.querySelectorAll(".waveform-chart__overlay").forEach((e) => H(e).on(".zoom", null)), _.clear();
|
|
2042
2037
|
}, L = (e, n) => {
|
|
2043
2038
|
let r = Math.abs(e[1] - e[0]);
|
|
2044
|
-
if (!Number.isFinite(r) || r <= 0) return
|
|
2045
|
-
let i =
|
|
2046
|
-
return Math.max(
|
|
2047
|
-
}, R = (e, n, r, i) =>
|
|
2039
|
+
if (!Number.isFinite(r) || r <= 0) return yt.MIN_SCALE;
|
|
2040
|
+
let i = Wn(e, n, t);
|
|
2041
|
+
return Math.max(yt.MIN_SCALE, i > 0 ? r / i : yt.DEFAULT_MAX_SCALE);
|
|
2042
|
+
}, R = (e, n, r, i) => $(Kn(e.rescaleX(V(n, [0, r])).domain(), n, i, t), n, r), z = (e) => {
|
|
2048
2043
|
let n = Number(t.minVisiblePoints);
|
|
2049
|
-
return
|
|
2044
|
+
return Jt(e.seriesList, e.xScale.domain(), Number.isFinite(n) && n > 0 ? Math.ceil(n) + 1 : n);
|
|
2050
2045
|
}, B = () => {
|
|
2051
2046
|
let e = s.value.filter((e) => e.hasVisibleSeries);
|
|
2052
2047
|
return e.length > 0 && e.every(z);
|
|
2053
2048
|
}, U = (e, t) => {
|
|
2054
2049
|
if (e.type !== "wheel") return !1;
|
|
2055
2050
|
let n = e.deltaY;
|
|
2056
|
-
return n < 0 ? t : n > 0 && G(e.currentTarget).k >
|
|
2051
|
+
return n < 0 ? t : n > 0 && G(e.currentTarget).k > yt.MIN_SCALE;
|
|
2057
2052
|
};
|
|
2058
2053
|
return {
|
|
2059
2054
|
cancelPendingZoom: F,
|
|
@@ -2093,13 +2088,13 @@ function Yn(e) {
|
|
|
2093
2088
|
}
|
|
2094
2089
|
//#endregion
|
|
2095
2090
|
//#region src/components/core/useWaveformChartLifecycle.ts
|
|
2096
|
-
function
|
|
2091
|
+
function Zn(e) {
|
|
2097
2092
|
return e instanceof Element && !!e.closest("button, input, select, textarea, [contenteditable]:not([contenteditable=\"false\"])");
|
|
2098
2093
|
}
|
|
2099
|
-
function
|
|
2094
|
+
function Qn(e) {
|
|
2100
2095
|
let { props: t, emit: n, container: r, titleMeasureElement: i, resizeObserver: a, observedWidth: o, observedHeight: s, measuredTitleWidth: c, measuredTitleHeight: l, resolvedTitleText: u, titleAreaReserved: f, titleMeasureStyle: p, spacePressed: g, pointerInsideChart: _, currentPage: v, pageCount: y, pagedTracks: b, gridOptions: x, chartSeries: S, chartTracks: C, trackLayouts: w, innerWidth: T, innerHeight: D, sharedZoomDomain: O, initialXDomain: k, sharedTransform: A, activeInteractionMode: j, hiddenSeriesIdSet: M, internalHiddenSeriesIds: N, independentTransforms: P, independentYDomains: F, resolveInitialTrackDomain: I, annotationInteraction: L, editorSeriesOptions: R, isPresentationMode: z, clearHover: B, cancelAnnotation: V, configureZoom: H, resetViewport: U, cancelViewportDrag: ee, cancelPendingHover: te, clearZoomBindings: ne } = e;
|
|
2101
2096
|
function re(e) {
|
|
2102
|
-
z.value || e.code !== "Space" || !t.pannable || !_.value ||
|
|
2097
|
+
z.value || e.code !== "Space" || !t.pannable || !_.value || Zn(e.target) || (g.value = !0, e.preventDefault());
|
|
2103
2098
|
}
|
|
2104
2099
|
function ie(e) {
|
|
2105
2100
|
e.code === "Space" && (g.value = !1);
|
|
@@ -2132,12 +2127,12 @@ function Zn(e) {
|
|
|
2132
2127
|
w.value.forEach((n) => {
|
|
2133
2128
|
let r = q?.[n.index];
|
|
2134
2129
|
if (!r) return;
|
|
2135
|
-
let i = I(n), a =
|
|
2136
|
-
e[n.index] =
|
|
2130
|
+
let i = I(n), a = Kn(r, i, [n.seriesList], t);
|
|
2131
|
+
e[n.index] = $(a, i, n.width);
|
|
2137
2132
|
}), P.value = e, q = void 0;
|
|
2138
2133
|
} else if (t.displayMode !== "independent" && K) {
|
|
2139
|
-
let e = k.value, n = w.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), r =
|
|
2140
|
-
A.value =
|
|
2134
|
+
let e = k.value, n = w.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), r = Kn(K, e, n, t);
|
|
2135
|
+
A.value = $(r, e, T.value), K = void 0;
|
|
2141
2136
|
}
|
|
2142
2137
|
H();
|
|
2143
2138
|
});
|
|
@@ -2220,39 +2215,39 @@ function Zn(e) {
|
|
|
2220
2215
|
}
|
|
2221
2216
|
//#endregion
|
|
2222
2217
|
//#region src/components/core/useWaveformData.ts
|
|
2223
|
-
function
|
|
2218
|
+
function $n(e, t = !1) {
|
|
2224
2219
|
let n = Infinity, r = -Infinity, i = Infinity, a = -Infinity, o = !1;
|
|
2225
2220
|
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) {
|
|
2226
|
-
let e =
|
|
2221
|
+
let e = Ft(s);
|
|
2227
2222
|
(e.lower !== 0 || e.upper !== 0) && (o = !0), i = Math.min(i, s.y - e.lower), a = Math.max(a, s.y + e.upper);
|
|
2228
2223
|
}
|
|
2229
2224
|
return {
|
|
2230
|
-
xDomain:
|
|
2231
|
-
yDomain:
|
|
2225
|
+
xDomain: Xe(Number.isFinite(n) ? [n, r] : []),
|
|
2226
|
+
yDomain: Xe(Number.isFinite(i) ? [i, a] : []),
|
|
2232
2227
|
hasErrorPoints: o
|
|
2233
2228
|
};
|
|
2234
2229
|
}
|
|
2235
|
-
function
|
|
2236
|
-
return
|
|
2237
|
-
let t =
|
|
2230
|
+
function er(e) {
|
|
2231
|
+
return Lt(e).map((e) => {
|
|
2232
|
+
let t = $n(e.points, e.errorBar.visible);
|
|
2238
2233
|
return {
|
|
2239
2234
|
...e,
|
|
2240
2235
|
...t
|
|
2241
2236
|
};
|
|
2242
2237
|
});
|
|
2243
2238
|
}
|
|
2244
|
-
function
|
|
2245
|
-
let r = x(
|
|
2239
|
+
function tr(e, t, n) {
|
|
2240
|
+
let r = x(er(e()));
|
|
2246
2241
|
return E(e, (e) => {
|
|
2247
|
-
t(), r.value =
|
|
2242
|
+
t(), r.value = er(e), n();
|
|
2248
2243
|
}), r;
|
|
2249
2244
|
}
|
|
2250
2245
|
//#endregion
|
|
2251
2246
|
//#region src/components/core/useWaveformLayout.ts
|
|
2252
|
-
function
|
|
2247
|
+
function nr(e) {
|
|
2253
2248
|
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) => ({
|
|
2254
2249
|
...e,
|
|
2255
|
-
color: e.color ?? (t === 0 ? n.lineColor :
|
|
2250
|
+
color: e.color ?? (t === 0 ? n.lineColor : St[t % St.length])
|
|
2256
2251
|
}))), h = t(() => {
|
|
2257
2252
|
let e = /* @__PURE__ */ new Map();
|
|
2258
2253
|
return m.value.forEach((t) => {
|
|
@@ -2266,19 +2261,19 @@ function tr(e) {
|
|
|
2266
2261
|
id: e,
|
|
2267
2262
|
series: t,
|
|
2268
2263
|
visibleSeries: n,
|
|
2269
|
-
xDomain:
|
|
2270
|
-
yDomain:
|
|
2264
|
+
xDomain: Xe(r),
|
|
2265
|
+
yDomain: Xe(i)
|
|
2271
2266
|
};
|
|
2272
2267
|
});
|
|
2273
|
-
}), g = t(() =>
|
|
2274
|
-
let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) =>
|
|
2268
|
+
}), g = t(() => tn(n.grid)), _ = t(() => Wt(n.rendering)), v = t(() => rn(h.value.length, g.value)), y = t(() => an(h.value, i.value, g.value)), b = t(() => {
|
|
2269
|
+
let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => Cn(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => wn(e.domain, !0, void 0, e.seriesList[0]?.unit, n.axes?.y?.splitNumber).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 6 + 24 / 2);
|
|
2275
2270
|
return {
|
|
2276
2271
|
tickClearance: r,
|
|
2277
2272
|
fullClearance: t + 7 + 6 + 24 + 4,
|
|
2278
2273
|
labelCenterX: i
|
|
2279
2274
|
};
|
|
2280
|
-
}), 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(
|
|
2281
|
-
let r =
|
|
2275
|
+
}), x = t(() => h.value.some((e) => e.visibleSeries.length === 1 && !!(e.visibleSeries[0]?.name.trim() || n.yLabel))), S = t(() => h.value.some((e) => e.visibleSeries.length > 0)), C = t(() => Math.max(vt.left, x.value ? b.value.fullClearance : S.value ? b.value.tickClearance : 0)), w = t(() => h.value.reduce((e, t) => {
|
|
2276
|
+
let r = Dn(t, n.overlayMode, n.yDomain, n.yDomains, n.axes?.y?.splitNumber);
|
|
2282
2277
|
return {
|
|
2283
2278
|
left: Math.max(e.left, r.left),
|
|
2284
2279
|
right: Math.max(e.right, r.right)
|
|
@@ -2286,8 +2281,8 @@ function tr(e) {
|
|
|
2286
2281
|
}, {
|
|
2287
2282
|
left: 0,
|
|
2288
2283
|
right: 0
|
|
2289
|
-
})), T = t(() => n.overlayMode === "multi-axis" ? Math.max(C.value, w.value.left) : C.value), E = t(() => n.overlayMode === "multi-axis" ? Math.max(
|
|
2290
|
-
let e =
|
|
2284
|
+
})), T = t(() => n.overlayMode === "multi-axis" ? Math.max(C.value, w.value.left) : C.value), E = t(() => n.overlayMode === "multi-axis" ? Math.max(vt.right, w.value.right) : vt.right), D = t(() => Math.max(0, o.value - T.value - E.value)), O = t(() => {
|
|
2285
|
+
let e = on(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;
|
|
2291
2286
|
return {
|
|
2292
2287
|
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,
|
|
2293
2288
|
hideSecondaryLabels: n.overlayMode !== "multi-axis" && r && x.value && !o
|
|
@@ -2296,17 +2291,17 @@ function tr(e) {
|
|
|
2296
2291
|
let e = [];
|
|
2297
2292
|
return h.value.forEach((t) => {
|
|
2298
2293
|
t.visibleSeries.length && e.push(t.xDomain[0], t.xDomain[1]);
|
|
2299
|
-
}),
|
|
2294
|
+
}), Xe(e);
|
|
2300
2295
|
}), F = t(() => {
|
|
2301
2296
|
let e = n.initialXDomain;
|
|
2302
|
-
return e && Number.isFinite(e[0]) && Number.isFinite(e[1]) && e[0] !== e[1] ?
|
|
2297
|
+
return e && Number.isFinite(e[0]) && Number.isFinite(e[1]) && e[0] !== e[1] ? dn(e[0] < e[1] ? e : [e[1], e[0]], n.xDomainStrategy, !0) : dn(P.value, n.xDomainStrategy);
|
|
2303
2298
|
}), I = (e) => {
|
|
2304
2299
|
let t = n.initialXDomains?.[e.series.trackId ?? e.series.id] ?? n.initialXDomains?.[e.series.id] ?? n.initialXDomain;
|
|
2305
|
-
return t && Number.isFinite(t[0]) && Number.isFinite(t[1]) && t[0] !== t[1] ?
|
|
2306
|
-
}, L = t(() => l.value.rescaleX(V(F.value, [0, D.value])).domain()), R = t(() =>
|
|
2300
|
+
return t && Number.isFinite(t[0]) && Number.isFinite(t[1]) && t[0] !== t[1] ? dn(t[0] < t[1] ? t : [t[1], t[0]], n.xDomainStrategy, !0) : dn(Xe(e.seriesList.flatMap((e) => e.xDomain)), n.xDomainStrategy);
|
|
2301
|
+
}, L = t(() => l.value.rescaleX(V(F.value, [0, D.value])).domain()), R = t(() => sn(D.value, s.value, g.value, n.displayMode, y.value.map(Boolean), O.value.horizontalGap).map((e, t) => ({
|
|
2307
2302
|
...e,
|
|
2308
2303
|
series: y.value[t]
|
|
2309
|
-
}))), z = t(() =>
|
|
2304
|
+
}))), z = t(() => pn({
|
|
2310
2305
|
cells: R.value,
|
|
2311
2306
|
grid: g.value,
|
|
2312
2307
|
displayMode: n.displayMode,
|
|
@@ -2324,6 +2319,7 @@ function tr(e) {
|
|
|
2324
2319
|
})) : d.value,
|
|
2325
2320
|
timeUnit: n.timeUnit,
|
|
2326
2321
|
xAxisLabelFormatter: n.axes?.x?.labelFormatter,
|
|
2322
|
+
yAxisSplitNumber: n.axes?.y?.splitNumber,
|
|
2327
2323
|
rendering: _.value,
|
|
2328
2324
|
hideSecondaryLabels: c.value || O.value.hideSecondaryLabels,
|
|
2329
2325
|
yAxisLabelX: b.value.labelCenterX,
|
|
@@ -2370,13 +2366,13 @@ function tr(e) {
|
|
|
2370
2366
|
}
|
|
2371
2367
|
};
|
|
2372
2368
|
}
|
|
2373
|
-
var
|
|
2374
|
-
function
|
|
2369
|
+
var rr = 1e-6;
|
|
2370
|
+
function ir(e) {
|
|
2375
2371
|
return Number.isFinite(e) ? Math.max(1, e) : 1;
|
|
2376
2372
|
}
|
|
2377
|
-
function
|
|
2378
|
-
let i =
|
|
2379
|
-
if (!(d >
|
|
2373
|
+
function ar({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r }) {
|
|
2374
|
+
let i = ir(e), a = ir(t), o = ir(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;
|
|
2375
|
+
if (!(d > rr && Math.abs(d - 360) > rr)) {
|
|
2380
2376
|
let e = Math.max(1, Math.ceil(i / o)), t = o, n = a * e;
|
|
2381
2377
|
return {
|
|
2382
2378
|
textWidth: t,
|
|
@@ -2401,7 +2397,7 @@ function ir({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r
|
|
|
2401
2397
|
}
|
|
2402
2398
|
//#endregion
|
|
2403
2399
|
//#region src/components/core/useWaveformPresentation.ts
|
|
2404
|
-
function
|
|
2400
|
+
function or(e) {
|
|
2405
2401
|
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(() => ({
|
|
2406
2402
|
width: l.value === void 0 ? "100%" : `${l.value}px`,
|
|
2407
2403
|
height: u.value === void 0 ? "100%" : `${u.value}px`
|
|
@@ -2409,9 +2405,9 @@ function ar(e) {
|
|
|
2409
2405
|
let e = n.zeroLine.width;
|
|
2410
2406
|
return {
|
|
2411
2407
|
visible: n.zeroLine.visible === !0,
|
|
2412
|
-
color: n.zeroLine.color ||
|
|
2413
|
-
width: typeof e == "number" && Number.isFinite(e) && e > 0 ? e :
|
|
2414
|
-
dash: n.zeroLine.dash ??
|
|
2408
|
+
color: n.zeroLine.color || wt.COLOR,
|
|
2409
|
+
width: typeof e == "number" && Number.isFinite(e) && e > 0 ? e : wt.WIDTH,
|
|
2410
|
+
dash: n.zeroLine.dash ?? wt.DASH
|
|
2415
2411
|
};
|
|
2416
2412
|
}), _ = t(() => n.legend.backgroundColor || "rgba(255, 255, 255, 0.7)"), v = t(() => n.legend.interactive === !0), y = t(() => n.hiddenSeriesIds === void 0 ? s.value : new Set(n.hiddenSeriesIds)), b = t(() => Array.from(y.value)), x = (e) => n.legend.trackPositions?.[e] ?? n.legend.position ?? "top-right", S = (e) => {
|
|
2417
2413
|
let t = n.legend.orientation ?? "auto";
|
|
@@ -2433,10 +2429,10 @@ function ar(e) {
|
|
|
2433
2429
|
fontStyle: n.title?.textStyle?.fontStyle ?? "normal",
|
|
2434
2430
|
textDecoration: n.title?.textStyle?.textDecoration ?? "none",
|
|
2435
2431
|
letterSpacing: n.title?.textStyle?.letterSpacing ?? "normal",
|
|
2436
|
-
lineHeight: String(
|
|
2432
|
+
lineHeight: String(xt)
|
|
2437
2433
|
})), A = t(() => {
|
|
2438
2434
|
let e = Number.parseFloat(n.title?.textStyle?.letterSpacing ?? ""), t = Number.isFinite(e) ? Math.max(0, C.value.length - 1) * e : 0;
|
|
2439
|
-
return Math.max(1, C.value.length * E.value *
|
|
2435
|
+
return Math.max(1, C.value.length * E.value * bt + t);
|
|
2440
2436
|
}), j = t(() => {
|
|
2441
2437
|
let e = d.value - 48;
|
|
2442
2438
|
return e > 0 ? e : A.value;
|
|
@@ -2446,14 +2442,14 @@ function ar(e) {
|
|
|
2446
2442
|
maxWidth: O.value ? "none" : `${j.value}px`,
|
|
2447
2443
|
whiteSpace: O.value ? "nowrap" : "normal",
|
|
2448
2444
|
overflowWrap: O.value ? "normal" : "anywhere"
|
|
2449
|
-
})), N = t(() =>
|
|
2445
|
+
})), N = t(() => ar({
|
|
2450
2446
|
naturalWidth: a.value || A.value,
|
|
2451
2447
|
naturalHeight: o.value || E.value * 1.2,
|
|
2452
2448
|
availableWidth: j.value,
|
|
2453
2449
|
rotation: D.value
|
|
2454
2450
|
})), P = t(() => w.value ? N.value.areaHeight : 0), F = (e, t) => typeof e == "number" && Number.isFinite(e) && e >= 0 ? e : t, I = t(() => ({
|
|
2455
|
-
top: F(n.plotMargin.top,
|
|
2456
|
-
bottom: F(n.plotMargin.bottom,
|
|
2451
|
+
top: F(n.plotMargin.top, vt.top),
|
|
2452
|
+
bottom: F(n.plotMargin.bottom, vt.bottom)
|
|
2457
2453
|
})), L = t(() => I.value.top), R = t(() => Math.max(0, f.value - P.value - c.value));
|
|
2458
2454
|
return {
|
|
2459
2455
|
fixedWidth: l,
|
|
@@ -2502,10 +2498,10 @@ function ar(e) {
|
|
|
2502
2498
|
}
|
|
2503
2499
|
//#endregion
|
|
2504
2500
|
//#region src/components/core/useWaveformChartController.ts
|
|
2505
|
-
function
|
|
2501
|
+
function sr(e, t) {
|
|
2506
2502
|
e.value = t instanceof Element ? t : void 0;
|
|
2507
2503
|
}
|
|
2508
|
-
function
|
|
2504
|
+
function cr(e, t) {
|
|
2509
2505
|
let n = v(), r = v(), i = v(), a = v(), o = v(0), s = v(0), c = v(0), l = v(0), d = v(0), f = x(W), p = x([]), m = v({}), h = v({}), g = b({
|
|
2510
2506
|
points: [],
|
|
2511
2507
|
trackIndex: null,
|
|
@@ -2513,11 +2509,11 @@ function sr(e, t) {
|
|
|
2513
2509
|
x: 0,
|
|
2514
2510
|
y: 0
|
|
2515
2511
|
}
|
|
2516
|
-
}), y = v(!1), S = v(1), w = x(), T = se("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ye(), A = v([]), j =
|
|
2512
|
+
}), y = v(!1), S = v(1), w = x(), T = se("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ye(), A = v([]), j = Yn();
|
|
2517
2513
|
E([() => e.yDomain, () => e.yDomains], () => {
|
|
2518
2514
|
m.value = {}, h.value = {};
|
|
2519
2515
|
}, { deep: !0 });
|
|
2520
|
-
let M = x(null), N = v(!1), P = v(!1), F = () => void 0, I = () => void 0, L =
|
|
2516
|
+
let M = x(null), N = v(!1), P = v(!1), F = () => void 0, I = () => void 0, L = tr(() => e.data, () => F(), () => I()), R = or({
|
|
2521
2517
|
props: e,
|
|
2522
2518
|
observedWidth: o,
|
|
2523
2519
|
observedHeight: s,
|
|
@@ -2525,7 +2521,7 @@ function sr(e, t) {
|
|
|
2525
2521
|
measuredTitleHeight: l,
|
|
2526
2522
|
internalHiddenSeriesIds: O,
|
|
2527
2523
|
paginationBandHeight: d
|
|
2528
|
-
}), { chartWidth: z, chartHeight: B, isCleanView: V, isPresentationMode: H, hiddenSeriesIdSet: U, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: re, chartTopMargin: ie, innerHeight: G } = R, K =
|
|
2524
|
+
}), { chartWidth: z, chartHeight: B, isCleanView: V, isPresentationMode: H, hiddenSeriesIdSet: U, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: re, chartTopMargin: ie, innerHeight: G } = R, K = nr({
|
|
2529
2525
|
props: e,
|
|
2530
2526
|
preparedSeries: L,
|
|
2531
2527
|
currentPage: S,
|
|
@@ -2542,7 +2538,7 @@ function sr(e, t) {
|
|
|
2542
2538
|
D(() => {
|
|
2543
2539
|
d.value = oe.value.showPagination && ce.value > 1 && z.value <= 520 ? 40 : 0;
|
|
2544
2540
|
});
|
|
2545
|
-
let ye =
|
|
2541
|
+
let ye = Xn({
|
|
2546
2542
|
props: e,
|
|
2547
2543
|
emit: t,
|
|
2548
2544
|
svgElement: r,
|
|
@@ -2559,7 +2555,7 @@ function sr(e, t) {
|
|
|
2559
2555
|
isPresentationMode: H,
|
|
2560
2556
|
resolveInitialTrackDomain: Y,
|
|
2561
2557
|
cancelPendingHover: () => X.cancelPendingHover()
|
|
2562
|
-
}), be =
|
|
2558
|
+
}), be = jn({
|
|
2563
2559
|
props: e,
|
|
2564
2560
|
emit: t,
|
|
2565
2561
|
container: n,
|
|
@@ -2579,7 +2575,7 @@ function sr(e, t) {
|
|
|
2579
2575
|
chartTopMargin: ie,
|
|
2580
2576
|
activeInteractionMode: pe,
|
|
2581
2577
|
isPresentationMode: H
|
|
2582
|
-
}), xe =
|
|
2578
|
+
}), xe = Jn({
|
|
2583
2579
|
props: e,
|
|
2584
2580
|
emit: t,
|
|
2585
2581
|
selection: M,
|
|
@@ -2604,7 +2600,7 @@ function sr(e, t) {
|
|
|
2604
2600
|
cancelPendingZoom: ye.cancelPendingZoom,
|
|
2605
2601
|
clearHover: () => X.clearHover(),
|
|
2606
2602
|
resolveTrackAtPointer: be.resolveTrackAtPointer
|
|
2607
|
-
}), X =
|
|
2603
|
+
}), X = Nn({
|
|
2608
2604
|
emit: t,
|
|
2609
2605
|
hoverState: g,
|
|
2610
2606
|
suppressHoverUntilMove: y,
|
|
@@ -2619,7 +2615,7 @@ function sr(e, t) {
|
|
|
2619
2615
|
isPresentationMode: H,
|
|
2620
2616
|
updateViewportDrag: xe.updateViewportDrag,
|
|
2621
2617
|
resolveTrackAtPointer: be.resolveTrackAtPointer
|
|
2622
|
-
}), Z =
|
|
2618
|
+
}), Z = Qn({
|
|
2623
2619
|
props: e,
|
|
2624
2620
|
emit: t,
|
|
2625
2621
|
container: n,
|
|
@@ -2670,8 +2666,8 @@ function sr(e, t) {
|
|
|
2670
2666
|
...be,
|
|
2671
2667
|
...xe,
|
|
2672
2668
|
...X,
|
|
2673
|
-
margin:
|
|
2674
|
-
getPageSize:
|
|
2669
|
+
margin: vt,
|
|
2670
|
+
getPageSize: nn,
|
|
2675
2671
|
currentPage: S,
|
|
2676
2672
|
selection: M,
|
|
2677
2673
|
pointerInsideChart: P,
|
|
@@ -2682,34 +2678,34 @@ function sr(e, t) {
|
|
|
2682
2678
|
editorSeriesOptions: A,
|
|
2683
2679
|
clipPathId: T,
|
|
2684
2680
|
goToPage: Z.goToPage,
|
|
2685
|
-
setContainer: (e) =>
|
|
2686
|
-
setSvgElement: (e) =>
|
|
2687
|
-
setTitleMeasureElement: (e) =>
|
|
2688
|
-
setSharedOverlayElement: (e) =>
|
|
2681
|
+
setContainer: (e) => sr(n, e),
|
|
2682
|
+
setSvgElement: (e) => sr(r, e),
|
|
2683
|
+
setTitleMeasureElement: (e) => sr(i, e),
|
|
2684
|
+
setSharedOverlayElement: (e) => sr(a, e)
|
|
2689
2685
|
});
|
|
2690
2686
|
}
|
|
2691
2687
|
//#endregion
|
|
2692
2688
|
//#region src/components/annotation/WaveformAnnotationEditor.vue?vue&type=script&setup=true&lang.ts
|
|
2693
|
-
var
|
|
2689
|
+
var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
|
|
2694
2690
|
class: "waveform-annotation-editor__coordinates",
|
|
2695
2691
|
"aria-label": "标注坐标"
|
|
2696
|
-
},
|
|
2692
|
+
}, fr = ["aria-invalid"], pr = {
|
|
2697
2693
|
class: "waveform-annotation-editor__coordinate-value",
|
|
2698
2694
|
"aria-hidden": "true"
|
|
2699
|
-
},
|
|
2695
|
+
}, mr = ["id"], hr = {
|
|
2700
2696
|
key: 0,
|
|
2701
2697
|
class: "waveform-annotation-editor__series",
|
|
2702
2698
|
"aria-label": "标注所属波形"
|
|
2703
|
-
},
|
|
2699
|
+
}, gr = { class: "waveform-annotation-editor__series-label" }, _r = ["value"], vr = ["value"], yr = { key: 1 }, br = { class: "waveform-annotation-editor__field" }, xr = { class: "waveform-annotation-editor__label-row" }, Sr = ["maxlength"], Cr = { class: "waveform-annotation-editor__colors" }, wr = {
|
|
2704
2700
|
class: "waveform-annotation-editor__color-field",
|
|
2705
2701
|
title: "调整标注边框色和透明度"
|
|
2706
|
-
},
|
|
2702
|
+
}, Tr = {
|
|
2707
2703
|
class: "waveform-annotation-editor__color-field",
|
|
2708
2704
|
title: "调整标注文字色和透明度"
|
|
2709
|
-
},
|
|
2705
|
+
}, Er = {
|
|
2710
2706
|
class: "waveform-annotation-editor__color-field",
|
|
2711
2707
|
title: "调整标注背景色和透明度"
|
|
2712
|
-
},
|
|
2708
|
+
}, Dr = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
|
|
2713
2709
|
__name: "WaveformAnnotationEditor",
|
|
2714
2710
|
props: {
|
|
2715
2711
|
annotation: {},
|
|
@@ -2737,7 +2733,7 @@ var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
|
|
|
2737
2733
|
});
|
|
2738
2734
|
function F() {
|
|
2739
2735
|
let e = we(l.annotation.style);
|
|
2740
|
-
h.value = l.annotation.text, _.value =
|
|
2736
|
+
h.value = l.annotation.text, _.value = ht(l.annotation.x, l.timeUnit), b.value = !1, x.value = e.borderColor, C.value = e.textColor, D.value = e.backgroundColor, d(() => f.value?.focus());
|
|
2741
2737
|
}
|
|
2742
2738
|
E(() => l.annotation.id, F, { immediate: !0 });
|
|
2743
2739
|
function I(e) {
|
|
@@ -2776,9 +2772,9 @@ var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
|
|
|
2776
2772
|
onCancel: o[4] ||= (e) => u("cancel"),
|
|
2777
2773
|
onOk: R
|
|
2778
2774
|
}, {
|
|
2779
|
-
title: O(() => [a("span", { id: w(m) }, S(l.mode === "add" ? "添加标注" : "编辑标注"), 9,
|
|
2780
|
-
default: O(() => [a("div",
|
|
2781
|
-
a("div",
|
|
2775
|
+
title: O(() => [a("span", { id: w(m) }, S(l.mode === "add" ? "添加标注" : "编辑标注"), 9, lr)]),
|
|
2776
|
+
default: O(() => [a("div", ur, [
|
|
2777
|
+
a("div", dr, [
|
|
2782
2778
|
a("label", {
|
|
2783
2779
|
class: "waveform-annotation-editor__coordinate-input",
|
|
2784
2780
|
"aria-invalid": !!j.value
|
|
@@ -2801,26 +2797,26 @@ var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
|
|
|
2801
2797
|
"aria-invalid",
|
|
2802
2798
|
"aria-describedby"
|
|
2803
2799
|
]),
|
|
2804
|
-
a("code",
|
|
2805
|
-
], 8,
|
|
2800
|
+
a("code", pr, S(_.value), 1)
|
|
2801
|
+
], 8, fr),
|
|
2806
2802
|
j.value ? (g(), i("p", {
|
|
2807
2803
|
key: 0,
|
|
2808
2804
|
id: `${w(m)}-time-error`,
|
|
2809
2805
|
class: "waveform-annotation-editor__coordinate-error",
|
|
2810
2806
|
role: "alert"
|
|
2811
|
-
}, S(j.value), 9,
|
|
2812
|
-
a("span", null, [o[6] ||= a("b", null, "Y", -1), a("code", null, S(w(
|
|
2807
|
+
}, S(j.value), 9, mr)) : r("", !0),
|
|
2808
|
+
a("span", null, [o[6] ||= a("b", null, "Y", -1), a("code", null, S(w(lt)(l.annotation.y)), 1)])
|
|
2813
2809
|
]),
|
|
2814
2810
|
o[13] ||= a("p", {
|
|
2815
2811
|
class: "waveform-annotation-editor__coordinate-hint",
|
|
2816
2812
|
role: "note"
|
|
2817
2813
|
}, " 修改 X 轴后失焦时会自动吸附最近的采样点 ", -1),
|
|
2818
|
-
P.value ? (g(), i("label",
|
|
2814
|
+
P.value ? (g(), i("label", hr, [
|
|
2819
2815
|
a("i", {
|
|
2820
2816
|
style: p({ backgroundColor: P.value.color }),
|
|
2821
2817
|
"aria-hidden": "true"
|
|
2822
2818
|
}, null, 4),
|
|
2823
|
-
a("span",
|
|
2819
|
+
a("span", gr, [o[7] ||= a("small", null, "标注波形", -1), a("b", null, S(P.value.name), 1)]),
|
|
2824
2820
|
l.seriesOptions?.length ? (g(), i("select", {
|
|
2825
2821
|
key: 0,
|
|
2826
2822
|
value: l.annotation.seriesId,
|
|
@@ -2829,9 +2825,9 @@ var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
|
|
|
2829
2825
|
}, [(g(!0), i(e, null, y(l.seriesOptions, (e) => (g(), i("option", {
|
|
2830
2826
|
key: e.seriesId,
|
|
2831
2827
|
value: e.seriesId
|
|
2832
|
-
}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9,
|
|
2828
|
+
}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9, vr))), 128))], 40, _r)) : P.value.unit ? (g(), i("code", yr, S(P.value.unit), 1)) : r("", !0)
|
|
2833
2829
|
])) : r("", !0),
|
|
2834
|
-
a("label",
|
|
2830
|
+
a("label", br, [a("span", xr, [o[8] ||= a("b", null, "标注文本", -1), a("small", null, S(N.value) + "/" + S(w(40)), 1)]), k(a("textarea", {
|
|
2835
2831
|
ref_key: "textarea",
|
|
2836
2832
|
ref: f,
|
|
2837
2833
|
"onUpdate:modelValue": o[0] ||= (e) => h.value = e,
|
|
@@ -2840,10 +2836,10 @@ var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
|
|
|
2840
2836
|
"aria-label": "标注文本",
|
|
2841
2837
|
placeholder: "输入这处波形的说明",
|
|
2842
2838
|
onKeydown: z
|
|
2843
|
-
}, null, 40,
|
|
2844
|
-
a("fieldset",
|
|
2839
|
+
}, null, 40, Sr), [[T, h.value]])]),
|
|
2840
|
+
a("fieldset", Cr, [
|
|
2845
2841
|
o[12] ||= a("legend", null, "颜色与透明度", -1),
|
|
2846
|
-
a("label",
|
|
2842
|
+
a("label", wr, [o[9] ||= a("span", null, "边框色", -1), s(w(J), {
|
|
2847
2843
|
"pure-color": x.value,
|
|
2848
2844
|
"onUpdate:pureColor": o[1] ||= (e) => x.value = e,
|
|
2849
2845
|
"aria-label": "标注边框色",
|
|
@@ -2853,7 +2849,7 @@ var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
|
|
|
2853
2849
|
"disable-alpha": !1,
|
|
2854
2850
|
"blur-close": !0
|
|
2855
2851
|
}, null, 8, ["pure-color"])]),
|
|
2856
|
-
a("label",
|
|
2852
|
+
a("label", Tr, [o[10] ||= a("span", null, "文字色", -1), s(w(J), {
|
|
2857
2853
|
"pure-color": C.value,
|
|
2858
2854
|
"onUpdate:pureColor": o[2] ||= (e) => C.value = e,
|
|
2859
2855
|
"aria-label": "标注文字色",
|
|
@@ -2863,7 +2859,7 @@ var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
|
|
|
2863
2859
|
"disable-alpha": !1,
|
|
2864
2860
|
"blur-close": !0
|
|
2865
2861
|
}, null, 8, ["pure-color"])]),
|
|
2866
|
-
a("label",
|
|
2862
|
+
a("label", Er, [o[11] ||= a("span", null, "背景色", -1), s(w(J), {
|
|
2867
2863
|
"pure-color": D.value,
|
|
2868
2864
|
"onUpdate:pureColor": o[3] ||= (e) => D.value = e,
|
|
2869
2865
|
"aria-label": "标注背景色",
|
|
@@ -2878,7 +2874,7 @@ var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
|
|
|
2878
2874
|
_: 1
|
|
2879
2875
|
}, 8, ["ok-button-props"]));
|
|
2880
2876
|
}
|
|
2881
|
-
}), [["__scopeId", "data-v-8ce79dc8"]]),
|
|
2877
|
+
}), [["__scopeId", "data-v-8ce79dc8"]]), Or = { class: "waveform-tooltip__series-content" }, kr = { class: "waveform-tooltip__series-label" }, Ar = { class: "waveform-tooltip__value" }, jr = 12, Mr = 8, Nr = 238, Pr = 560, Fr = 20, Ir = 20, Lr = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
|
|
2882
2878
|
__name: "WaveformTooltip",
|
|
2883
2879
|
props: {
|
|
2884
2880
|
visible: { type: Boolean },
|
|
@@ -2892,26 +2888,26 @@ var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
|
|
|
2892
2888
|
setup(n) {
|
|
2893
2889
|
let s = n;
|
|
2894
2890
|
function c(e, t) {
|
|
2895
|
-
let n = Math.max(1, t -
|
|
2891
|
+
let n = Math.max(1, t - Fr - 14), r = Math.max(1, Math.floor(n / 7.2));
|
|
2896
2892
|
return Math.max(1, Math.ceil([...e].length / r));
|
|
2897
2893
|
}
|
|
2898
2894
|
function l(e) {
|
|
2899
|
-
let t =
|
|
2900
|
-
return `${e.shotNo?.trim() || "未配置炮号"}: ${e.name}${e.unit ? `(${e.unit})` : ""} (x:${t} y:${
|
|
2895
|
+
let t = mt(s.hoveredPoint?.x ?? e.point.x, s.timeUnit);
|
|
2896
|
+
return `${e.shotNo?.trim() || "未配置炮号"}: ${e.name}${e.unit ? `(${e.unit})` : ""} (x:${t} y:${ct(e.point.y)})`;
|
|
2901
2897
|
}
|
|
2902
2898
|
function u(e) {
|
|
2903
|
-
return 16 +
|
|
2899
|
+
return 16 + Ir * s.seriesPoints.reduce((t, n) => t + c(l(n), e), 0) + 5;
|
|
2904
2900
|
}
|
|
2905
2901
|
let d = t(() => {
|
|
2906
2902
|
if (!s.visible || !s.hoveredPoint) return { display: "none" };
|
|
2907
|
-
let e = s.position.x +
|
|
2903
|
+
let e = s.position.x + jr, t = s.position.x - jr - Nr, n = s.containerWidth - Mr - e, r = s.position.x - jr - Mr, i = Math.max(1, Math.min(Pr, s.containerWidth - Mr * 2)), a = e + Nr <= s.containerWidth - Mr ? {
|
|
2908
2904
|
left: `${e}px`,
|
|
2909
|
-
maxWidth: `${Math.min(
|
|
2910
|
-
} : t >=
|
|
2911
|
-
right: `${s.containerWidth - s.position.x +
|
|
2912
|
-
maxWidth: `${Math.min(
|
|
2905
|
+
maxWidth: `${Math.min(Pr, n)}px`
|
|
2906
|
+
} : t >= Mr ? {
|
|
2907
|
+
right: `${s.containerWidth - s.position.x + jr}px`,
|
|
2908
|
+
maxWidth: `${Math.min(Pr, r)}px`
|
|
2913
2909
|
} : {
|
|
2914
|
-
left: `${
|
|
2910
|
+
left: `${Mr}px`,
|
|
2915
2911
|
maxWidth: `${i}px`
|
|
2916
2912
|
}, o = Number.parseFloat(a.maxWidth);
|
|
2917
2913
|
return {
|
|
@@ -2926,9 +2922,9 @@ var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
|
|
|
2926
2922
|
}, [(g(!0), i(e, null, y(n.seriesPoints, (t) => (g(), i("span", {
|
|
2927
2923
|
key: `${t.trackIndex}-${t.name}`,
|
|
2928
2924
|
class: "waveform-tooltip__series waveform-chart__tooltip-series"
|
|
2929
|
-
}, [a("i", { style: p({ backgroundColor: t.color }) }, null, 4), a("span",
|
|
2925
|
+
}, [a("i", { style: p({ backgroundColor: t.color }) }, null, 4), a("span", Or, [a("span", kr, [o(S(t.shotNo?.trim() || "未配置炮号") + ": " + S(t.name), 1), t.unit ? (g(), i(e, { key: 0 }, [o("(" + S(t.unit) + ")", 1)], 64)) : r("", !0)]), a("span", Ar, "(x:" + S(w(mt)(n.hoveredPoint.x, n.timeUnit)) + " y:" + S(w(ct)(t.point.y)) + ")", 1)])]))), 128))], 4)) : r("", !0);
|
|
2930
2926
|
}
|
|
2931
|
-
}), [["__scopeId", "data-v-1f55d6c8"]]),
|
|
2927
|
+
}), [["__scopeId", "data-v-1f55d6c8"]]), Rr = /* @__PURE__ */ c({
|
|
2932
2928
|
__name: "WaveformHoverHost",
|
|
2933
2929
|
props: {
|
|
2934
2930
|
state: {},
|
|
@@ -2939,7 +2935,7 @@ var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
|
|
|
2939
2935
|
},
|
|
2940
2936
|
setup(e) {
|
|
2941
2937
|
let r = e, i = t(() => r.state.points[0]?.point ?? null);
|
|
2942
|
-
return (t, r) => (g(), n(
|
|
2938
|
+
return (t, r) => (g(), n(Lr, {
|
|
2943
2939
|
visible: e.visible && i.value !== null,
|
|
2944
2940
|
position: e.state.position,
|
|
2945
2941
|
"time-unit": e.timeUnit,
|
|
@@ -2957,16 +2953,16 @@ var cr = ["id"], lr = { class: "waveform-annotation-editor__content" }, ur = {
|
|
|
2957
2953
|
"container-height"
|
|
2958
2954
|
]));
|
|
2959
2955
|
}
|
|
2960
|
-
}),
|
|
2956
|
+
}), zr = 13, Br = 2, Vr = 14, Hr = 8, Ur = 24, Wr = {
|
|
2961
2957
|
circle: ee,
|
|
2962
2958
|
square: ne,
|
|
2963
2959
|
triangle: re,
|
|
2964
2960
|
diamond: te
|
|
2965
2961
|
};
|
|
2966
|
-
function
|
|
2967
|
-
return e === "none" ? null : U().type(
|
|
2962
|
+
function Gr(e, t = 48) {
|
|
2963
|
+
return e === "none" ? null : U().type(Wr[e]).size(t)() ?? null;
|
|
2968
2964
|
}
|
|
2969
|
-
function
|
|
2965
|
+
function Kr(e, t, n = 48) {
|
|
2970
2966
|
if (e === "none" || t.length === 0) return null;
|
|
2971
2967
|
if (e === "circle") {
|
|
2972
2968
|
let e = Math.sqrt(n / Math.PI);
|
|
@@ -2983,24 +2979,24 @@ function Gr(e, t, n = 48) {
|
|
|
2983
2979
|
let r = Math.sqrt(n / (2 * Math.tan(Math.PI / 6))), i = r * Math.tan(Math.PI / 6);
|
|
2984
2980
|
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("");
|
|
2985
2981
|
}
|
|
2986
|
-
function
|
|
2982
|
+
function qr(e) {
|
|
2987
2983
|
return e === "none" ? null : "M1 8H25";
|
|
2988
2984
|
}
|
|
2989
|
-
function
|
|
2985
|
+
function Jr(e) {
|
|
2990
2986
|
if (e === "dashed") return "8 5";
|
|
2991
2987
|
if (e === "dash-dot") return "8 5 1.5 5";
|
|
2992
2988
|
}
|
|
2993
|
-
function
|
|
2994
|
-
let t = (Number.isFinite(e) && e > 0 ? Math.min(e,
|
|
2989
|
+
function Yr(e) {
|
|
2990
|
+
let t = (Number.isFinite(e) && e > 0 ? Math.min(e, Ur) : Hr) / 2, n = zr - t, r = zr + t;
|
|
2995
2991
|
return [
|
|
2996
|
-
`M${n} ${
|
|
2997
|
-
`M${
|
|
2998
|
-
`M${n} ${
|
|
2992
|
+
`M${n} ${Br}H${r}`,
|
|
2993
|
+
`M${zr} ${Br}V${Vr}`,
|
|
2994
|
+
`M${n} ${Vr}H${r}`
|
|
2999
2995
|
].join("");
|
|
3000
2996
|
}
|
|
3001
2997
|
//#endregion
|
|
3002
2998
|
//#region src/components/rendering/WaveformSeriesLayer.vue?vue&type=script&setup=true&lang.ts
|
|
3003
|
-
var
|
|
2999
|
+
var Xr = ["clip-path"], Zr = ["data-series-id", "data-series-name"], Qr = [
|
|
3004
3000
|
"data-series-id",
|
|
3005
3001
|
"data-series-name",
|
|
3006
3002
|
"data-y-axis-index",
|
|
@@ -3009,11 +3005,11 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3009
3005
|
"d",
|
|
3010
3006
|
"stroke",
|
|
3011
3007
|
"stroke-dasharray"
|
|
3012
|
-
],
|
|
3008
|
+
], $r = ["data-series-id"], ei = [
|
|
3013
3009
|
"d",
|
|
3014
3010
|
"stroke",
|
|
3015
3011
|
"stroke-width"
|
|
3016
|
-
],
|
|
3012
|
+
], ti = ["data-series-id", "data-point-type"], ni = ["d", "fill"], ri = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
|
|
3017
3013
|
__name: "WaveformSeriesLayer",
|
|
3018
3014
|
props: {
|
|
3019
3015
|
track: {},
|
|
@@ -3021,11 +3017,11 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3021
3017
|
},
|
|
3022
3018
|
setup(n) {
|
|
3023
3019
|
let a = n, o = t(() => a.track.seriesPaths.map((e) => {
|
|
3024
|
-
let t =
|
|
3020
|
+
let t = Kr(e.series.pointType, e.pointRenderPoints.map((t) => ({
|
|
3025
3021
|
x: a.track.xScale(t.x),
|
|
3026
3022
|
y: e.yScale(t.y)
|
|
3027
3023
|
}))), n = e.series.errorBar.capWidth / 2, r = e.errorBarRenderPoints.map((t) => {
|
|
3028
|
-
let { lower: r, upper: i } =
|
|
3024
|
+
let { lower: r, upper: i } = Ft(t), o = a.track.xScale(t.x), s = e.yScale(t.y - r), c = e.yScale(t.y + i);
|
|
3029
3025
|
return [
|
|
3030
3026
|
`M${o - n},${s}H${o + n}`,
|
|
3031
3027
|
`M${o},${s}V${c}`,
|
|
@@ -3058,8 +3054,8 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3058
3054
|
"data-line-style": e.series.lineStyle,
|
|
3059
3055
|
d: e.path,
|
|
3060
3056
|
stroke: e.series.color,
|
|
3061
|
-
"stroke-dasharray": w(
|
|
3062
|
-
}, null, 8,
|
|
3057
|
+
"stroke-dasharray": w(Jr)(e.series.lineStyle)
|
|
3058
|
+
}, null, 8, Qr)) : r("", !0),
|
|
3063
3059
|
e.series.errorBar.visible ? (g(), i("g", {
|
|
3064
3060
|
key: 1,
|
|
3065
3061
|
class: "waveform-track__error-bars waveform-chart__error-bars",
|
|
@@ -3070,7 +3066,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3070
3066
|
d: e.errorBarPath,
|
|
3071
3067
|
stroke: e.series.errorBar.color || e.series.color,
|
|
3072
3068
|
"stroke-width": e.series.errorBar.width
|
|
3073
|
-
}, null, 8,
|
|
3069
|
+
}, null, 8, ei)) : r("", !0)], 8, $r)) : r("", !0),
|
|
3074
3070
|
e.series.pointType === "none" ? r("", !0) : (g(), i("g", {
|
|
3075
3071
|
key: 2,
|
|
3076
3072
|
class: "waveform-track__points waveform-chart__points",
|
|
@@ -3081,20 +3077,20 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3081
3077
|
class: "waveform-track__point waveform-chart__point",
|
|
3082
3078
|
d: e.pointPath,
|
|
3083
3079
|
fill: e.series.color
|
|
3084
|
-
}, null, 8,
|
|
3085
|
-
], 8,
|
|
3080
|
+
}, null, 8, ni)) : r("", !0)], 8, ti))
|
|
3081
|
+
], 8, Zr))), 128))], 8, Xr)) : r("", !0);
|
|
3086
3082
|
}
|
|
3087
|
-
}), [["__scopeId", "data-v-42a3fd47"]]),
|
|
3083
|
+
}), [["__scopeId", "data-v-42a3fd47"]]), ii = ["transform"], ai = ["transform"], oi = {
|
|
3088
3084
|
class: "waveform-track__axis-endpoint waveform-track__axis-endpoint--start waveform-chart__axis-endpoint waveform-chart__axis-endpoint--start",
|
|
3089
3085
|
x: "0",
|
|
3090
3086
|
y: "7",
|
|
3091
3087
|
dy: "0.71em",
|
|
3092
3088
|
"text-anchor": "start"
|
|
3093
|
-
},
|
|
3089
|
+
}, si = ["x"], ci = [
|
|
3094
3090
|
"data-y-axis-index",
|
|
3095
3091
|
"data-y-axis-side",
|
|
3096
3092
|
"transform"
|
|
3097
|
-
],
|
|
3093
|
+
], li = { key: 2 }, ui = ["x", "y"], di = ["fill", "transform"], fi = ["data-y-axis-title-index"], pi = ["x", "y"], mi = ["fill", "transform"], hi = /* @__PURE__ */ c({
|
|
3098
3094
|
__name: "WaveformTrackAxes",
|
|
3099
3095
|
props: {
|
|
3100
3096
|
track: {},
|
|
@@ -3123,7 +3119,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3123
3119
|
if (n.track.yAxes.forEach((e, t) => {
|
|
3124
3120
|
let r = s.value[t];
|
|
3125
3121
|
if (!r) return;
|
|
3126
|
-
let [i, a] = e.scale.domain(), o = Math.max(...e.tickValues), c = e.seriesList[0]?.unit, l = (e.side === "left" ? M(e.scale) : N(e.scale)).tickFormat((e) =>
|
|
3122
|
+
let [i, a] = e.scale.domain(), o = Math.max(...e.tickValues), c = e.seriesList[0]?.unit, l = (e.side === "left" ? M(e.scale) : N(e.scale)).tickFormat((e) => st(Number(e), {
|
|
3127
3123
|
axisMin: i,
|
|
3128
3124
|
axisMax: a,
|
|
3129
3125
|
topTickValue: o,
|
|
@@ -3132,7 +3128,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3132
3128
|
u.call(l), u.selectAll("path.domain").attr("display", n.axes?.y?.lineVisible === !1 ? "none" : null);
|
|
3133
3129
|
}), !o.value) return;
|
|
3134
3130
|
let e = H(o.value);
|
|
3135
|
-
e.call(j(n.track.xScale).tickValues(n.track.xAxisTickValues).tickFormat((e) =>
|
|
3131
|
+
e.call(j(n.track.xScale).tickValues(n.track.xAxisTickValues).tickFormat((e) => dt(Number(e), n.track.xScale.domain(), n.timeUnit, "tick", n.axes?.x?.labelFormatter)).tickSize(-4).tickPadding(7).tickSizeOuter(0)), e.selectAll("path.domain").attr("display", n.axes?.x?.lineVisible === !1 ? "none" : null);
|
|
3136
3132
|
}
|
|
3137
3133
|
return h(async () => {
|
|
3138
3134
|
await d(), m();
|
|
@@ -3154,7 +3150,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3154
3150
|
ref: o,
|
|
3155
3151
|
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 }]),
|
|
3156
3152
|
transform: `translate(0, ${t.track.height})`
|
|
3157
|
-
}, null, 10,
|
|
3153
|
+
}, null, 10, ii)) : r("", !0),
|
|
3158
3154
|
t.track.showXAxis ? (g(), i("g", {
|
|
3159
3155
|
key: 1,
|
|
3160
3156
|
class: "waveform-track__axis-endpoints waveform-chart__axis-endpoints",
|
|
@@ -3162,13 +3158,13 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3162
3158
|
"font-family": "sans-serif",
|
|
3163
3159
|
"font-size": "10",
|
|
3164
3160
|
"aria-hidden": "true"
|
|
3165
|
-
}, [a("text",
|
|
3161
|
+
}, [a("text", oi, S(t.track.endpointLabels.start), 1), a("text", {
|
|
3166
3162
|
class: "waveform-track__axis-endpoint waveform-track__axis-endpoint--end waveform-chart__axis-endpoint waveform-chart__axis-endpoint--end",
|
|
3167
3163
|
x: t.track.width ?? t.innerWidth,
|
|
3168
3164
|
y: "7",
|
|
3169
3165
|
dy: "0.71em",
|
|
3170
3166
|
"text-anchor": "end"
|
|
3171
|
-
}, S(t.track.endpointLabels.end), 9,
|
|
3167
|
+
}, S(t.track.endpointLabels.end), 9, si)], 8, ai)) : r("", !0),
|
|
3172
3168
|
(g(!0), i(e, null, y(t.track.isEmpty ? [] : t.track.yAxes, (e) => (g(), i("g", {
|
|
3173
3169
|
key: `y-axis-${t.track.index}-${e.index}`,
|
|
3174
3170
|
ref_for: !0,
|
|
@@ -3177,21 +3173,21 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3177
3173
|
"data-y-axis-index": e.index,
|
|
3178
3174
|
"data-y-axis-side": e.side,
|
|
3179
3175
|
transform: `translate(${e.x}, 0)`
|
|
3180
|
-
}, null, 10,
|
|
3181
|
-
!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",
|
|
3176
|
+
}, null, 10, ci))), 128)),
|
|
3177
|
+
!t.cleanView && !t.track.isEmpty && t.track.hasVisibleSeries && t.track.seriesList.length === 1 && t.track.showYAxisLabel && c(t.track.series) && p(t.track.height, t.track.index) ? (g(), i("g", li, [a("rect", {
|
|
3182
3178
|
class: "waveform-track__y-axis-label-bg waveform-chart__y-axis-label-bg",
|
|
3183
3179
|
x: t.track.yAxisLabelX - 12,
|
|
3184
3180
|
y: t.track.height / 2 - 40,
|
|
3185
3181
|
width: "24",
|
|
3186
3182
|
height: "80",
|
|
3187
3183
|
rx: "2"
|
|
3188
|
-
}, null, 8,
|
|
3184
|
+
}, null, 8, ui), a("text", {
|
|
3189
3185
|
class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
|
|
3190
3186
|
fill: t.track.series.color,
|
|
3191
3187
|
transform: `translate(${t.track.yAxisLabelX}, ${t.track.height / 2}) rotate(-90)`,
|
|
3192
3188
|
"text-anchor": "middle",
|
|
3193
3189
|
"dominant-baseline": "central"
|
|
3194
|
-
}, S(c(t.track.series)), 9,
|
|
3190
|
+
}, S(c(t.track.series)), 9, di)])) : r("", !0),
|
|
3195
3191
|
(g(!0), i(e, null, y(!t.cleanView && t.track.yAxes.length > 1 ? t.track.yAxes.filter(l) : [], (e) => (g(), i("g", {
|
|
3196
3192
|
key: `y-axis-title-${t.track.index}-${e.index}`,
|
|
3197
3193
|
class: "waveform-track__multi-axis-title",
|
|
@@ -3203,40 +3199,40 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3203
3199
|
width: "24",
|
|
3204
3200
|
height: "80",
|
|
3205
3201
|
rx: "2"
|
|
3206
|
-
}, null, 8,
|
|
3202
|
+
}, null, 8, pi), a("text", {
|
|
3207
3203
|
class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
|
|
3208
3204
|
fill: e.seriesList[0].color,
|
|
3209
3205
|
transform: `translate(${e.labelX}, ${t.track.height / 2}) rotate(-90)`,
|
|
3210
3206
|
"text-anchor": "middle",
|
|
3211
3207
|
"dominant-baseline": "central"
|
|
3212
|
-
}, S(c(e.seriesList[0])), 9,
|
|
3208
|
+
}, S(c(e.seriesList[0])), 9, mi)], 8, fi))), 128))
|
|
3213
3209
|
], 64));
|
|
3214
3210
|
}
|
|
3215
|
-
}),
|
|
3211
|
+
}), gi = [
|
|
3216
3212
|
"width",
|
|
3217
3213
|
"height",
|
|
3218
3214
|
"fill"
|
|
3219
|
-
],
|
|
3215
|
+
], _i = ["clip-path"], vi = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, yi = [
|
|
3220
3216
|
"stroke",
|
|
3221
3217
|
"x1",
|
|
3222
3218
|
"x2",
|
|
3223
3219
|
"y2"
|
|
3224
|
-
],
|
|
3220
|
+
], bi = [
|
|
3225
3221
|
"stroke",
|
|
3226
3222
|
"x2",
|
|
3227
3223
|
"y1",
|
|
3228
3224
|
"y2"
|
|
3229
|
-
],
|
|
3225
|
+
], xi = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, Si = [
|
|
3230
3226
|
"stroke",
|
|
3231
3227
|
"x1",
|
|
3232
3228
|
"x2",
|
|
3233
3229
|
"y2"
|
|
3234
|
-
],
|
|
3230
|
+
], Ci = [
|
|
3235
3231
|
"stroke",
|
|
3236
3232
|
"x2",
|
|
3237
3233
|
"y1",
|
|
3238
3234
|
"y2"
|
|
3239
|
-
],
|
|
3235
|
+
], wi = ["clip-path"], Ti = [
|
|
3240
3236
|
"data-y-axis-index",
|
|
3241
3237
|
"x2",
|
|
3242
3238
|
"y1",
|
|
@@ -3244,7 +3240,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3244
3240
|
"stroke",
|
|
3245
3241
|
"stroke-width",
|
|
3246
3242
|
"stroke-dasharray"
|
|
3247
|
-
],
|
|
3243
|
+
], Ei = ["x", "y"], Di = /* @__PURE__ */ c({
|
|
3248
3244
|
__name: "WaveformTrackBackdrop",
|
|
3249
3245
|
props: {
|
|
3250
3246
|
track: {},
|
|
@@ -3269,12 +3265,12 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3269
3265
|
height: t.track.height,
|
|
3270
3266
|
fill: t.frameStyle.backgroundColor,
|
|
3271
3267
|
"aria-hidden": "true"
|
|
3272
|
-
}, null, 8,
|
|
3268
|
+
}, null, 8, gi)) : r("", !0),
|
|
3273
3269
|
!t.track.isEmpty && t.track.hasVisibleSeries && !t.cleanView ? (g(), i("g", {
|
|
3274
3270
|
key: 1,
|
|
3275
3271
|
"clip-path": `url(#${t.clipPathId}-${t.track.index})`,
|
|
3276
3272
|
"aria-hidden": "true"
|
|
3277
|
-
}, [a("g",
|
|
3273
|
+
}, [a("g", vi, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMinorTicks, (e) => (g(), i("line", {
|
|
3278
3274
|
key: `x-minor-${t.track.index}-${e}`,
|
|
3279
3275
|
"data-grid-direction": "vertical",
|
|
3280
3276
|
stroke: t.track.gridLines.verticalColor,
|
|
@@ -3282,7 +3278,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3282
3278
|
x2: t.track.xScale(e),
|
|
3283
3279
|
y1: "0",
|
|
3284
3280
|
y2: t.track.height
|
|
3285
|
-
}, null, 8,
|
|
3281
|
+
}, null, 8, yi))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMinorTicks, (e) => (g(), i("line", {
|
|
3286
3282
|
key: `y-minor-${t.track.index}-${e}`,
|
|
3287
3283
|
"data-grid-direction": "horizontal",
|
|
3288
3284
|
stroke: t.track.gridLines.horizontalColor,
|
|
@@ -3290,7 +3286,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3290
3286
|
x2: t.track.width ?? t.innerWidth,
|
|
3291
3287
|
y1: t.track.yScale(e),
|
|
3292
3288
|
y2: t.track.yScale(e)
|
|
3293
|
-
}, null, 8,
|
|
3289
|
+
}, null, 8, bi))), 128)) : r("", !0)]), a("g", xi, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMajorTicks, (e) => (g(), i("line", {
|
|
3294
3290
|
key: `x-major-${t.track.index}-${e}`,
|
|
3295
3291
|
"data-grid-direction": "vertical",
|
|
3296
3292
|
stroke: t.track.gridLines.verticalColor,
|
|
@@ -3298,7 +3294,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3298
3294
|
x2: t.track.xScale(e),
|
|
3299
3295
|
y1: "0",
|
|
3300
3296
|
y2: t.track.height
|
|
3301
|
-
}, null, 8,
|
|
3297
|
+
}, null, 8, Si))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMajorTicks, (e) => (g(), i("line", {
|
|
3302
3298
|
key: `y-major-${t.track.index}-${e}`,
|
|
3303
3299
|
"data-grid-direction": "horizontal",
|
|
3304
3300
|
stroke: t.track.gridLines.horizontalColor,
|
|
@@ -3306,7 +3302,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3306
3302
|
x2: t.track.width ?? t.innerWidth,
|
|
3307
3303
|
y1: t.track.yScale(e),
|
|
3308
3304
|
y2: t.track.yScale(e)
|
|
3309
|
-
}, null, 8,
|
|
3305
|
+
}, null, 8, Ci))), 128)) : r("", !0)])], 8, _i)) : r("", !0),
|
|
3310
3306
|
!t.track.isEmpty && t.track.hasVisibleSeries && t.zeroLine.visible && !t.cleanView ? (g(), i("g", {
|
|
3311
3307
|
key: 2,
|
|
3312
3308
|
class: "waveform-track__zero-lines waveform-chart__zero-lines",
|
|
@@ -3323,7 +3319,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3323
3319
|
stroke: t.zeroLine.color,
|
|
3324
3320
|
"stroke-width": t.zeroLine.width,
|
|
3325
3321
|
"stroke-dasharray": t.zeroLine.dash || void 0
|
|
3326
|
-
}, null, 8,
|
|
3322
|
+
}, null, 8, Ti))], 64))), 128))], 8, wi)) : r("", !0),
|
|
3327
3323
|
!t.track.isEmpty && t.track.hasVisibleSeries && t.frameNumber !== void 0 && !t.cleanView ? (g(), i("text", {
|
|
3328
3324
|
key: 3,
|
|
3329
3325
|
class: "waveform-track__watermark waveform-chart__watermark",
|
|
@@ -3333,10 +3329,10 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3333
3329
|
"text-anchor": "middle",
|
|
3334
3330
|
"dominant-baseline": "central",
|
|
3335
3331
|
"aria-hidden": "true"
|
|
3336
|
-
}, S(t.frameNumber), 13,
|
|
3332
|
+
}, S(t.frameNumber), 13, Ei)) : r("", !0)
|
|
3337
3333
|
], 64));
|
|
3338
3334
|
}
|
|
3339
|
-
}),
|
|
3335
|
+
}), Oi = [
|
|
3340
3336
|
"data-track-index",
|
|
3341
3337
|
"data-track-empty",
|
|
3342
3338
|
"data-track-left",
|
|
@@ -3345,19 +3341,19 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3345
3341
|
"data-track-top",
|
|
3346
3342
|
"data-track-height",
|
|
3347
3343
|
"transform"
|
|
3348
|
-
],
|
|
3344
|
+
], ki = [
|
|
3349
3345
|
"width",
|
|
3350
3346
|
"height",
|
|
3351
3347
|
"stroke",
|
|
3352
3348
|
"stroke-width",
|
|
3353
3349
|
"stroke-dasharray",
|
|
3354
3350
|
"stroke-linecap"
|
|
3355
|
-
],
|
|
3351
|
+
], Ai = [
|
|
3356
3352
|
"data-interactive",
|
|
3357
3353
|
"data-independent-overlay-index",
|
|
3358
3354
|
"width",
|
|
3359
3355
|
"height"
|
|
3360
|
-
],
|
|
3356
|
+
], ji = ["x", "y"], Mi = /* @__PURE__ */ c({
|
|
3361
3357
|
__name: "WaveformTrack",
|
|
3362
3358
|
props: {
|
|
3363
3359
|
track: {},
|
|
@@ -3416,7 +3412,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3416
3412
|
"data-track-height": e.track.height,
|
|
3417
3413
|
transform: `translate(${e.track.left ?? 0}, ${e.track.top})`
|
|
3418
3414
|
}, [
|
|
3419
|
-
s(
|
|
3415
|
+
s(Di, {
|
|
3420
3416
|
track: e.track,
|
|
3421
3417
|
"clip-path-id": e.clipPathId,
|
|
3422
3418
|
"inner-width": e.innerWidth,
|
|
@@ -3433,7 +3429,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3433
3429
|
"frame-style",
|
|
3434
3430
|
"zero-line"
|
|
3435
3431
|
]),
|
|
3436
|
-
s(
|
|
3432
|
+
s(hi, {
|
|
3437
3433
|
track: e.track,
|
|
3438
3434
|
"inner-width": e.innerWidth,
|
|
3439
3435
|
"clean-view": e.cleanView,
|
|
@@ -3459,8 +3455,8 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3459
3455
|
"stroke-dasharray": c.value.borderStyle === "dashed" ? "6 4" : c.value.borderStyle === "dotted" ? "1 3" : void 0,
|
|
3460
3456
|
"stroke-linecap": c.value.borderStyle === "dotted" ? "round" : void 0,
|
|
3461
3457
|
"aria-hidden": "true"
|
|
3462
|
-
}, null, 8,
|
|
3463
|
-
s(
|
|
3458
|
+
}, null, 8, ki)),
|
|
3459
|
+
s(ri, {
|
|
3464
3460
|
track: e.track,
|
|
3465
3461
|
"clip-path-id": e.clipPathId
|
|
3466
3462
|
}, null, 8, ["track", "clip-path-id"]),
|
|
@@ -3482,7 +3478,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3482
3478
|
onPointerleave: n[4] ||= (e) => o("pointer-leave"),
|
|
3483
3479
|
onClick: n[5] ||= (e) => o("click", e),
|
|
3484
3480
|
onContextmenu: n[6] ||= (e) => o("contextmenu", e)
|
|
3485
|
-
}, null, 42,
|
|
3481
|
+
}, null, 42, Ai)) : r("", !0),
|
|
3486
3482
|
!e.track.isEmpty && !e.track.hasVisibleSeries && !e.cleanView ? (g(), i("text", {
|
|
3487
3483
|
key: 2,
|
|
3488
3484
|
class: "waveform-track__no-visible-series",
|
|
@@ -3490,33 +3486,33 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3490
3486
|
y: e.track.height / 2,
|
|
3491
3487
|
"text-anchor": "middle",
|
|
3492
3488
|
"dominant-baseline": "central"
|
|
3493
|
-
}, " 暂无可见曲线 ", 8,
|
|
3494
|
-
], 10,
|
|
3489
|
+
}, " 暂无可见曲线 ", 8, ji)) : r("", !0)
|
|
3490
|
+
], 10, Oi));
|
|
3495
3491
|
}
|
|
3496
|
-
}),
|
|
3492
|
+
}), Ni = [
|
|
3497
3493
|
"width",
|
|
3498
3494
|
"height",
|
|
3499
3495
|
"data-position",
|
|
3500
3496
|
"data-orientation"
|
|
3501
|
-
],
|
|
3497
|
+
], Pi = [
|
|
3502
3498
|
"disabled",
|
|
3503
3499
|
"aria-pressed",
|
|
3504
3500
|
"aria-label",
|
|
3505
3501
|
"onClick"
|
|
3506
|
-
],
|
|
3502
|
+
], Fi = [
|
|
3507
3503
|
"data-line-type",
|
|
3508
3504
|
"data-line-style",
|
|
3509
3505
|
"data-point-type",
|
|
3510
3506
|
"data-error-bar-visible"
|
|
3511
|
-
],
|
|
3507
|
+
], Ii = [
|
|
3512
3508
|
"d",
|
|
3513
3509
|
"stroke",
|
|
3514
3510
|
"stroke-dasharray"
|
|
3515
|
-
],
|
|
3511
|
+
], Li = [
|
|
3516
3512
|
"d",
|
|
3517
3513
|
"stroke",
|
|
3518
3514
|
"stroke-width"
|
|
3519
|
-
],
|
|
3515
|
+
], Ri = ["d", "fill"], zi = ["title"], Bi = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
|
|
3520
3516
|
__name: "WaveformLegend",
|
|
3521
3517
|
props: {
|
|
3522
3518
|
series: {},
|
|
@@ -3574,45 +3570,45 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3574
3570
|
"data-point-type": e.pointType,
|
|
3575
3571
|
"data-error-bar-visible": e.errorBar.visible || void 0
|
|
3576
3572
|
}, [
|
|
3577
|
-
w(
|
|
3573
|
+
w(qr)(e.lineType) ? (g(), i("path", {
|
|
3578
3574
|
key: 0,
|
|
3579
3575
|
class: "waveform-legend__line",
|
|
3580
|
-
d: w(
|
|
3576
|
+
d: w(qr)(e.lineType) ?? void 0,
|
|
3581
3577
|
stroke: e.color,
|
|
3582
|
-
"stroke-dasharray": w(
|
|
3578
|
+
"stroke-dasharray": w(Jr)(e.lineStyle),
|
|
3583
3579
|
"stroke-width": "1.5",
|
|
3584
3580
|
fill: "none"
|
|
3585
|
-
}, null, 8,
|
|
3581
|
+
}, null, 8, Ii)) : r("", !0),
|
|
3586
3582
|
e.errorBar.visible ? (g(), i("path", {
|
|
3587
3583
|
key: 1,
|
|
3588
3584
|
class: "waveform-legend__error-bar",
|
|
3589
|
-
d: w(
|
|
3585
|
+
d: w(Yr)(e.errorBar.capWidth),
|
|
3590
3586
|
stroke: e.errorBar.color || e.color,
|
|
3591
3587
|
"stroke-width": e.errorBar.width,
|
|
3592
3588
|
"stroke-linecap": "butt",
|
|
3593
3589
|
fill: "none"
|
|
3594
|
-
}, null, 8,
|
|
3590
|
+
}, null, 8, Li)) : r("", !0),
|
|
3595
3591
|
e.pointType === "none" ? r("", !0) : (g(), i("path", {
|
|
3596
3592
|
key: 2,
|
|
3597
3593
|
class: "waveform-legend__point",
|
|
3598
|
-
d: w(
|
|
3594
|
+
d: w(Gr)(e.pointType, 30) ?? void 0,
|
|
3599
3595
|
fill: e.color,
|
|
3600
3596
|
transform: "translate(13 8)"
|
|
3601
|
-
}, null, 8,
|
|
3602
|
-
], 8,
|
|
3597
|
+
}, null, 8, Ri))
|
|
3598
|
+
], 8, Fi)), a("span", {
|
|
3603
3599
|
class: "waveform-legend__label",
|
|
3604
3600
|
title: e.name
|
|
3605
|
-
}, S(e.name), 9,
|
|
3601
|
+
}, S(e.name), 9, zi)], 10, Pi))), 128))], 6)], 2)], 8, Ni));
|
|
3606
3602
|
}
|
|
3607
|
-
}), [["__scopeId", "data-v-2ae12e71"]]),
|
|
3603
|
+
}), [["__scopeId", "data-v-2ae12e71"]]), Vi = {
|
|
3608
3604
|
class: "waveform-chart__hover-layer",
|
|
3609
3605
|
"pointer-events": "none",
|
|
3610
3606
|
"aria-hidden": "true"
|
|
3611
|
-
},
|
|
3607
|
+
}, Hi = ["clip-path", "transform"], Ui = [
|
|
3612
3608
|
"x1",
|
|
3613
3609
|
"x2",
|
|
3614
3610
|
"y2"
|
|
3615
|
-
],
|
|
3611
|
+
], Wi = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
|
|
3616
3612
|
__name: "WaveformHoverLayer",
|
|
3617
3613
|
props: {
|
|
3618
3614
|
state: {},
|
|
@@ -3635,7 +3631,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3635
3631
|
}] : [];
|
|
3636
3632
|
});
|
|
3637
3633
|
});
|
|
3638
|
-
return (t, r) => (g(), i("g",
|
|
3634
|
+
return (t, r) => (g(), i("g", Vi, [(g(!0), i(e, null, y(o.value, (e) => (g(), i("g", {
|
|
3639
3635
|
key: e.track.index,
|
|
3640
3636
|
class: "waveform-track__crosshair waveform-chart__crosshair",
|
|
3641
3637
|
"clip-path": `url(#${n.clipPathId}-${e.track.index})`,
|
|
@@ -3645,9 +3641,9 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3645
3641
|
x2: e.x,
|
|
3646
3642
|
y1: "0",
|
|
3647
3643
|
y2: e.track.height
|
|
3648
|
-
}, null, 8,
|
|
3644
|
+
}, null, 8, Ui)], 8, Hi))), 128))]));
|
|
3649
3645
|
}
|
|
3650
|
-
}), [["__scopeId", "data-v-a6f82099"]]),
|
|
3646
|
+
}), [["__scopeId", "data-v-a6f82099"]]), Gi = [
|
|
3651
3647
|
"data-display-mode",
|
|
3652
3648
|
"data-interaction-mode",
|
|
3653
3649
|
"data-presentation-mode",
|
|
@@ -3656,36 +3652,36 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3656
3652
|
"data-plot-margin-top",
|
|
3657
3653
|
"data-plot-margin-bottom",
|
|
3658
3654
|
"data-title-area-height"
|
|
3659
|
-
],
|
|
3655
|
+
], Ki = [
|
|
3660
3656
|
"role",
|
|
3661
3657
|
"aria-level",
|
|
3662
3658
|
"aria-hidden"
|
|
3663
|
-
],
|
|
3659
|
+
], qi = ["data-title-scale", "data-title-wrapped"], Ji = [
|
|
3664
3660
|
"width",
|
|
3665
3661
|
"height",
|
|
3666
3662
|
"aria-label"
|
|
3667
|
-
],
|
|
3663
|
+
], Yi = ["id"], Xi = ["width", "height"], Zi = ["transform"], Qi = {
|
|
3668
3664
|
key: 0,
|
|
3669
3665
|
class: "waveform-chart__grid-slots",
|
|
3670
3666
|
"aria-hidden": "true"
|
|
3671
|
-
},
|
|
3667
|
+
}, $i = ["transform"], ea = ["width", "height"], ta = ["width", "height"], na = [
|
|
3672
3668
|
"x",
|
|
3673
3669
|
"y",
|
|
3674
3670
|
"width",
|
|
3675
3671
|
"height"
|
|
3676
|
-
],
|
|
3672
|
+
], ra = {
|
|
3677
3673
|
key: 4,
|
|
3678
3674
|
class: "waveform-chart__legend-layer"
|
|
3679
|
-
},
|
|
3675
|
+
}, ia = [
|
|
3680
3676
|
"data-legend-track-index",
|
|
3681
3677
|
"data-legend-track-id",
|
|
3682
3678
|
"transform"
|
|
3683
|
-
],
|
|
3679
|
+
], aa = ["x", "y"], oa = ["x", "y"], sa = /* @__PURE__ */ c({
|
|
3684
3680
|
__name: "WaveformChartView",
|
|
3685
3681
|
props: { controller: {} },
|
|
3686
3682
|
setup(t) {
|
|
3687
|
-
let { displayMode: o, activeInteractionMode: c, isCleanView: l, isPresentationMode: u, selection: d, containerStyle: m, overlayMode: h, resolvedChartLeftMargin: _, titleAreaHeight: v, resolvedPlotMargin: b, pointerInsideChart: x, handleNativeContextMenu: T, titleAreaReserved: E, titleAreaStyle: D, titleVisible: O, titleMeasureStyle: k, resolvedTitleText: A, titleVisualStyle: j, titleTextStyle: M, titleLayout: N, chartWidth: P, drawingHeight: F, hasWaveformData: I, requestViewportReset: L, trackLayouts: R, clipPathId: z, chartTopMargin: B, gridCells: V, hasVisibleWaveformData: H, zoomable: U, isZoomMode: ee, innerWidth: te, innerHeight: ne, handleSharedPointerMove: re, beginSharedViewportDrag: ie, finishViewportDrag: W, cancelViewportDrag: G, handlePointerLeave: K, handleAnnotationClick: q, handleAnnotationContextMenu: J, resolveFrameNumber: oe, frameStyle: se, axes: ce, resolvedZeroLine: le, timeUnit: ue, yLabel: de, handleIndependentPointerMove: fe, beginViewportDrag: pe, hoverState: me, showTooltip: he, selectionBox: ge, renderedAnnotations: Y, annotationsVisible: _e, handleExistingAnnotationContextMenu: ve, beginAnnotationDrag: ye, handleAnnotationMove: be, endAnnotationDrag: xe, resolveLegendPosition: X, resolveLegendOrientation: Z, legendBackgroundColor: Se, legendInteractive: Ce, resolvedHiddenSeriesIds: we, toggleSeriesVisibility: Te, resolvedXLabel: Ee, xAxisTitleY: De, hasChartArea: Oe, gridOptions: ke, pageCount: Ae, currentPage: je, getPageSize: Me, chartTracks: Ne, goToPage: Pe, annotationInteraction: Fe, editorDraft: Re, contextMenu: Q, editorSeries: ze, editorSeriesOptions: Be, timeError: Ve, confirmAnnotation: He, cancelAnnotation: Ue, changeDraftSeries: We, changeDraftTime: Ge, editContextAnnotation: Ke, deleteContextAnnotation: qe, chartHeight: Je, setContainer: Ye, setSvgElement:
|
|
3688
|
-
function
|
|
3683
|
+
let { displayMode: o, activeInteractionMode: c, isCleanView: l, isPresentationMode: u, selection: d, containerStyle: m, overlayMode: h, resolvedChartLeftMargin: _, titleAreaHeight: v, resolvedPlotMargin: b, pointerInsideChart: x, handleNativeContextMenu: T, titleAreaReserved: E, titleAreaStyle: D, titleVisible: O, titleMeasureStyle: k, resolvedTitleText: A, titleVisualStyle: j, titleTextStyle: M, titleLayout: N, chartWidth: P, drawingHeight: F, hasWaveformData: I, requestViewportReset: L, trackLayouts: R, clipPathId: z, chartTopMargin: B, gridCells: V, hasVisibleWaveformData: H, zoomable: U, isZoomMode: ee, innerWidth: te, innerHeight: ne, handleSharedPointerMove: re, beginSharedViewportDrag: ie, finishViewportDrag: W, cancelViewportDrag: G, handlePointerLeave: K, handleAnnotationClick: q, handleAnnotationContextMenu: J, resolveFrameNumber: oe, frameStyle: se, axes: ce, resolvedZeroLine: le, timeUnit: ue, yLabel: de, handleIndependentPointerMove: fe, beginViewportDrag: pe, hoverState: me, showTooltip: he, selectionBox: ge, renderedAnnotations: Y, annotationsVisible: _e, handleExistingAnnotationContextMenu: ve, beginAnnotationDrag: ye, handleAnnotationMove: be, endAnnotationDrag: xe, resolveLegendPosition: X, resolveLegendOrientation: Z, legendBackgroundColor: Se, legendInteractive: Ce, resolvedHiddenSeriesIds: we, toggleSeriesVisibility: Te, resolvedXLabel: Ee, xAxisTitleY: De, hasChartArea: Oe, gridOptions: ke, pageCount: Ae, currentPage: je, getPageSize: Me, chartTracks: Ne, goToPage: Pe, annotationInteraction: Fe, editorDraft: Re, contextMenu: Q, editorSeries: ze, editorSeriesOptions: Be, timeError: Ve, confirmAnnotation: He, cancelAnnotation: Ue, changeDraftSeries: We, changeDraftTime: Ge, editContextAnnotation: Ke, deleteContextAnnotation: qe, chartHeight: Je, setContainer: Ye, setSvgElement: Xe, setTitleMeasureElement: Ze, setSharedOverlayElement: Qe } = C(t.controller);
|
|
3684
|
+
function $e() {
|
|
3689
3685
|
x.value = !1, K.value();
|
|
3690
3686
|
}
|
|
3691
3687
|
return (t, C) => (g(), i("div", {
|
|
@@ -3709,7 +3705,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3709
3705
|
"data-plot-margin-bottom": w(b).bottom,
|
|
3710
3706
|
"data-title-area-height": w(v),
|
|
3711
3707
|
onPointerenter: C[8] ||= (e) => x.value = !0,
|
|
3712
|
-
onPointerleave:
|
|
3708
|
+
onPointerleave: $e,
|
|
3713
3709
|
onContextmenuCapture: C[9] ||= (...e) => w(T) && w(T)(...e)
|
|
3714
3710
|
}, [
|
|
3715
3711
|
w(E) ? (g(), i("div", {
|
|
@@ -3720,7 +3716,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3720
3716
|
"aria-level": w(O) ? 2 : void 0,
|
|
3721
3717
|
"aria-hidden": w(l) || void 0
|
|
3722
3718
|
}, [a("span", {
|
|
3723
|
-
ref: w(
|
|
3719
|
+
ref: w(Ze),
|
|
3724
3720
|
class: "waveform-chart__title-measure",
|
|
3725
3721
|
style: p(w(k)),
|
|
3726
3722
|
"aria-hidden": "true"
|
|
@@ -3733,9 +3729,9 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3733
3729
|
style: p(w(M)),
|
|
3734
3730
|
"data-title-scale": w(N).scale,
|
|
3735
3731
|
"data-title-wrapped": w(N).wrapped || void 0
|
|
3736
|
-
}, S(w(A)), 13,
|
|
3732
|
+
}, S(w(A)), 13, qi)], 4)) : r("", !0)], 12, Ki)) : r("", !0),
|
|
3737
3733
|
(g(), i("svg", {
|
|
3738
|
-
ref: w(
|
|
3734
|
+
ref: w(Xe),
|
|
3739
3735
|
class: "waveform-chart__svg",
|
|
3740
3736
|
width: w(P),
|
|
3741
3737
|
height: w(F),
|
|
@@ -3750,9 +3746,9 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3750
3746
|
}, [a("rect", {
|
|
3751
3747
|
width: e.width,
|
|
3752
3748
|
height: e.height
|
|
3753
|
-
}, null, 8,
|
|
3749
|
+
}, null, 8, Xi)], 8, Yi))), 128))]),
|
|
3754
3750
|
a("g", { transform: `translate(${w(_)}, ${w(B)})` }, [
|
|
3755
|
-
w(o) !== "compact" && !w(l) ? (g(), i("g",
|
|
3751
|
+
w(o) !== "compact" && !w(l) ? (g(), i("g", Qi, [(g(!0), i(e, null, y(w(V), (e) => (g(), i("g", {
|
|
3756
3752
|
key: `grid-slot-${e.slotIndex}`,
|
|
3757
3753
|
transform: `translate(${e.left}, ${e.top})`
|
|
3758
3754
|
}, [e.series ? r("", !0) : (g(), i("rect", {
|
|
@@ -3760,10 +3756,10 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3760
3756
|
class: "waveform-chart__grid-slot-placeholder",
|
|
3761
3757
|
width: e.width,
|
|
3762
3758
|
height: e.cellHeight
|
|
3763
|
-
}, null, 8,
|
|
3759
|
+
}, null, 8, ea))], 8, $i))), 128))])) : r("", !0),
|
|
3764
3760
|
w(o) !== "independent" && w(R).length && w(H) ? (g(), i("rect", {
|
|
3765
3761
|
key: 1,
|
|
3766
|
-
ref: w(
|
|
3762
|
+
ref: w(Qe),
|
|
3767
3763
|
class: f(["waveform-chart__overlay waveform-chart__overlay--shared", {
|
|
3768
3764
|
"is-zoomable": !w(u) && w(U) && w(ee),
|
|
3769
3765
|
"is-annotating": !w(u) && w(c) === "annotation"
|
|
@@ -3777,8 +3773,8 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3777
3773
|
onPointerleave: C[4] ||= (...e) => w(K) && w(K)(...e),
|
|
3778
3774
|
onClick: C[5] ||= (...e) => w(q) && w(q)(...e),
|
|
3779
3775
|
onContextmenu: C[6] ||= (...e) => w(J) && w(J)(...e)
|
|
3780
|
-
}, null, 42,
|
|
3781
|
-
(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(
|
|
3776
|
+
}, null, 42, ta)) : r("", !0),
|
|
3777
|
+
(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(Mi), {
|
|
3782
3778
|
key: `${e.index}-${e.series.name}`,
|
|
3783
3779
|
track: e,
|
|
3784
3780
|
"clip-path-id": w(z),
|
|
@@ -3824,7 +3820,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3824
3820
|
"onClick",
|
|
3825
3821
|
"onContextmenu"
|
|
3826
3822
|
]))), 128)),
|
|
3827
|
-
s(w(
|
|
3823
|
+
s(w(Wi), {
|
|
3828
3824
|
state: w(me),
|
|
3829
3825
|
tracks: w(R),
|
|
3830
3826
|
"clip-path-id": w(z),
|
|
@@ -3843,7 +3839,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3843
3839
|
width: w(ge).width,
|
|
3844
3840
|
height: w(ge).height,
|
|
3845
3841
|
"aria-hidden": "true"
|
|
3846
|
-
}, null, 8,
|
|
3842
|
+
}, null, 8, na)) : r("", !0),
|
|
3847
3843
|
w(l) ? r("", !0) : (g(), n(w(Ie), {
|
|
3848
3844
|
key: 3,
|
|
3849
3845
|
annotations: w(Y),
|
|
@@ -3862,13 +3858,13 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3862
3858
|
"onMove",
|
|
3863
3859
|
"onDragEnd"
|
|
3864
3860
|
])),
|
|
3865
|
-
w(l) ? r("", !0) : (g(), i("g",
|
|
3861
|
+
w(l) ? r("", !0) : (g(), i("g", ra, [(g(!0), i(e, null, y(w(R), (e) => (g(), i("g", {
|
|
3866
3862
|
key: `legend-${e.index}-${e.series.name}`,
|
|
3867
3863
|
class: "waveform-chart__legend-track",
|
|
3868
3864
|
"data-legend-track-index": e.index,
|
|
3869
3865
|
"data-legend-track-id": e.id,
|
|
3870
3866
|
transform: `translate(${e.left}, ${e.top})`
|
|
3871
|
-
}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(
|
|
3867
|
+
}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(Bi), {
|
|
3872
3868
|
key: 0,
|
|
3873
3869
|
series: e.legendSeries,
|
|
3874
3870
|
position: w(X)(e.id),
|
|
@@ -3889,23 +3885,23 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3889
3885
|
"width",
|
|
3890
3886
|
"height",
|
|
3891
3887
|
"onToggle"
|
|
3892
|
-
])) : r("", !0)], 8,
|
|
3893
|
-
], 8,
|
|
3888
|
+
])) : r("", !0)], 8, ia))), 128))]))
|
|
3889
|
+
], 8, Zi),
|
|
3894
3890
|
w(Ee) && !w(l) ? (g(), i("text", {
|
|
3895
3891
|
key: 0,
|
|
3896
3892
|
class: "waveform-chart__label waveform-chart__x-label",
|
|
3897
3893
|
x: w(_) + w(te) / 2,
|
|
3898
3894
|
y: w(De),
|
|
3899
3895
|
"text-anchor": "middle"
|
|
3900
|
-
}, S(w(Ee)), 9,
|
|
3896
|
+
}, S(w(Ee)), 9, aa)) : r("", !0),
|
|
3901
3897
|
w(Oe) && !w(I) ? (g(), i("text", {
|
|
3902
3898
|
key: 1,
|
|
3903
3899
|
class: "waveform-chart__empty",
|
|
3904
3900
|
x: w(P) / 2,
|
|
3905
3901
|
y: w(F) / 2,
|
|
3906
3902
|
"text-anchor": "middle"
|
|
3907
|
-
}, " 暂无有效波形数据 ", 8,
|
|
3908
|
-
], 40,
|
|
3903
|
+
}, " 暂无有效波形数据 ", 8, oa)) : r("", !0)
|
|
3904
|
+
], 40, Ji)),
|
|
3909
3905
|
w(ke).showPagination && w(Ae) > 1 && !w(l) ? (g(), n(w(ae), {
|
|
3910
3906
|
key: 1,
|
|
3911
3907
|
class: "waveform-chart__pagination",
|
|
@@ -3922,7 +3918,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3922
3918
|
"total",
|
|
3923
3919
|
"onChange"
|
|
3924
3920
|
])) : r("", !0),
|
|
3925
|
-
w(Re) && !w(l) && !w(u) ? (g(), n(
|
|
3921
|
+
w(Re) && !w(l) && !w(u) ? (g(), n(Dr, {
|
|
3926
3922
|
key: 2,
|
|
3927
3923
|
annotation: w(Re).annotation,
|
|
3928
3924
|
mode: w(Re).mode,
|
|
@@ -3964,7 +3960,7 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3964
3960
|
"onDelete",
|
|
3965
3961
|
"onClose"
|
|
3966
3962
|
])) : r("", !0),
|
|
3967
|
-
s(w(
|
|
3963
|
+
s(w(Rr), {
|
|
3968
3964
|
state: w(me),
|
|
3969
3965
|
visible: w(he) && !w(u),
|
|
3970
3966
|
"time-unit": w(ue),
|
|
@@ -3977,9 +3973,9 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
3977
3973
|
"container-width",
|
|
3978
3974
|
"container-height"
|
|
3979
3975
|
])
|
|
3980
|
-
], 46,
|
|
3976
|
+
], 46, Gi));
|
|
3981
3977
|
}
|
|
3982
|
-
}),
|
|
3978
|
+
}), ca = /* @__PURE__ */ c({
|
|
3983
3979
|
__name: "WaveformChart",
|
|
3984
3980
|
props: {
|
|
3985
3981
|
data: {},
|
|
@@ -4057,12 +4053,12 @@ var Yr = ["clip-path"], Xr = ["data-series-id", "data-series-name"], Zr = [
|
|
|
4057
4053
|
"page-change"
|
|
4058
4054
|
],
|
|
4059
4055
|
setup(e, { expose: t, emit: r }) {
|
|
4060
|
-
let i =
|
|
4056
|
+
let i = cr(e, r);
|
|
4061
4057
|
return t({
|
|
4062
4058
|
resetViewport: i.resetViewport,
|
|
4063
4059
|
setViewportDomain: i.setViewportDomain
|
|
4064
|
-
}), (e, t) => (g(), n(
|
|
4060
|
+
}), (e, t) => (g(), n(sa, { controller: w(i) }, null, 8, ["controller"]));
|
|
4065
4061
|
}
|
|
4066
4062
|
});
|
|
4067
4063
|
//#endregion
|
|
4068
|
-
export {
|
|
4064
|
+
export { Ut as DEFAULT_WAVEFORM_RENDERING_OPTIONS, ca as WaveformChart, Ze as buildMinorTicks, _t as clamp, ut as displayTime, pt as formatAxisTime, ft as formatEndpointTime, mt as formatTooltipTime, It as normalizeWaveformData, Lt as normalizeWaveformSeries, Xe as paddedDomain, Je as parseWaveformAnnotations, gt as resolveTrackGeometry, Wt as resolveWaveformRenderingOptions, Xt as selectRenderablePoints, qe as serializeWaveformAnnotations };
|