@shtabapp/ui-kit 1.76.0 → 1.78.1
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/CHANGELOG.md +19 -0
- package/dist/SChartBar-BAO2FtIO.cjs +1 -0
- package/dist/SChartBar-DHjm1H0N.js +304 -0
- package/dist/{SChartBurnup-joKIDLFb.cjs → SChartBurnup-9s2KNzCr.cjs} +1 -1
- package/dist/{SChartBurnup-BeQWgnGT.js → SChartBurnup-B1KU1E5B.js} +63 -63
- package/dist/SChartHorizontalBar-DwY63iRT.cjs +1 -0
- package/dist/SChartHorizontalBar-VKU0b6Jx.js +245 -0
- package/dist/{SChartLegend-dDqLhvIj.js → SChartLegend-At0mMO09.js} +1 -1
- package/dist/{SChartLegend-D1gPKGm0.cjs → SChartLegend-DQMLr6yV.cjs} +1 -1
- package/dist/{SChartLine-BV8Ytso5.js → SChartLine-rnEsQv-q.js} +35 -35
- package/dist/{SChartLine-DeJjaBmo.cjs → SChartLine-tj-AapTr.cjs} +1 -1
- package/dist/SChartMultiLine-C4jjmLEb.js +282 -0
- package/dist/SChartMultiLine-dtd6k59D.cjs +1 -0
- package/dist/{SChartPie-DccW5J0b.cjs → SChartPie-Ddk8r-_I.cjs} +1 -1
- package/dist/{SChartPie-BiLoxutQ.js → SChartPie-Ebg7WSga.js} +31 -31
- package/dist/{SChartProgress-DSxJqRA0.js → SChartProgress-DRSh_taf.js} +27 -27
- package/dist/{SChartProgress-Cpdkad6Q.cjs → SChartProgress-DozBX6ve.cjs} +1 -1
- package/dist/SChartScatter-DilWNoz0.cjs +1 -0
- package/dist/SChartScatter-DnmTw18x.js +249 -0
- package/dist/SChartStackedArea-BJ5HsJzQ.cjs +1 -0
- package/dist/SChartStackedArea-zIygTOp8.js +278 -0
- package/dist/SChartStackedBar-CXpVSagd.js +350 -0
- package/dist/SChartStackedBar-Dj6esSCS.cjs +2 -0
- package/dist/STable-BwKAn_4M.cjs +1 -0
- package/dist/{STable-BVGHC_FJ.js → STable-CUh1kgNm.js} +27 -25
- package/dist/{applyChartHighlightedYTick-BHVwiljn.cjs → applyChartHighlightedYTick-CKsVe7PW.cjs} +1 -1
- package/dist/{applyChartHighlightedYTick-DmsstRVM.js → applyChartHighlightedYTick-DOxlsWPd.js} +1 -1
- package/dist/buildChartMirrorScale-CBUIRPYX.cjs +1 -0
- package/dist/buildChartMirrorScale-_PhGNiFR.js +15 -0
- package/dist/buildMultiLineChartScales-BweU2ftq.cjs +1 -0
- package/dist/buildMultiLineChartScales-DbRe2UFD.js +38 -0
- package/dist/components/SChartBar/SChartBar.types.d.ts +4 -0
- package/dist/components/SChartBar/SChartBar.types.d.ts.map +1 -1
- package/dist/components/SChartBar/SChartBar.vue.d.ts.map +1 -1
- package/dist/components/SChartBar/utils/buildBarChartConfig.d.ts +3 -1
- package/dist/components/SChartBar/utils/buildBarChartConfig.d.ts.map +1 -1
- package/dist/components/SChartBar/utils/createBarValueLabelPlugin.d.ts.map +1 -1
- package/dist/components/SChartHorizontalBar/SChartHorizontalBar.types.d.ts +12 -0
- package/dist/components/SChartHorizontalBar/SChartHorizontalBar.types.d.ts.map +1 -1
- package/dist/components/SChartHorizontalBar/SChartHorizontalBar.vue.d.ts.map +1 -1
- package/dist/components/SChartHorizontalBar/utils/buildSChartHorizontalBarConfig.d.ts +6 -0
- package/dist/components/SChartHorizontalBar/utils/buildSChartHorizontalBarConfig.d.ts.map +1 -1
- package/dist/components/SChartMultiLine/SChartMultiLine.types.d.ts +2 -0
- package/dist/components/SChartMultiLine/SChartMultiLine.types.d.ts.map +1 -1
- package/dist/components/SChartMultiLine/SChartMultiLine.vue.d.ts.map +1 -1
- package/dist/components/SChartMultiLine/utils/buildMultiLineChartConfig.d.ts +2 -1
- package/dist/components/SChartMultiLine/utils/buildMultiLineChartConfig.d.ts.map +1 -1
- package/dist/components/SChartMultiLine/utils/demoMultiLineSeries.d.ts +1 -0
- package/dist/components/SChartMultiLine/utils/demoMultiLineSeries.d.ts.map +1 -1
- package/dist/components/SChartScatter/SChartScatter.types.d.ts +51 -0
- package/dist/components/SChartScatter/SChartScatter.types.d.ts.map +1 -0
- package/dist/components/SChartScatter/SChartScatter.vue.d.ts +12 -0
- package/dist/components/SChartScatter/SChartScatter.vue.d.ts.map +1 -0
- package/dist/components/SChartScatter/index.d.ts +3 -0
- package/dist/components/SChartScatter/index.d.ts.map +1 -0
- package/dist/components/SChartScatter/utils/buildScatterChartConfig.d.ts +20 -0
- package/dist/components/SChartScatter/utils/buildScatterChartConfig.d.ts.map +1 -0
- package/dist/components/SChartScatter/utils/demoScatter.d.ts +6 -0
- package/dist/components/SChartScatter/utils/demoScatter.d.ts.map +1 -0
- package/dist/components/SChartScatter/utils/skeletonScatter.d.ts +5 -0
- package/dist/components/SChartScatter/utils/skeletonScatter.d.ts.map +1 -0
- package/dist/components/SChartStackedArea/SChartStackedArea.types.d.ts +5 -1
- package/dist/components/SChartStackedArea/SChartStackedArea.types.d.ts.map +1 -1
- package/dist/components/SChartStackedArea/SChartStackedArea.vue.d.ts.map +1 -1
- package/dist/components/SChartStackedArea/utils/buildStackedAreaChartConfig.d.ts +3 -1
- package/dist/components/SChartStackedArea/utils/buildStackedAreaChartConfig.d.ts.map +1 -1
- package/dist/components/SChartStackedArea/utils/demoStackedSeries.d.ts +2 -0
- package/dist/components/SChartStackedArea/utils/demoStackedSeries.d.ts.map +1 -1
- package/dist/components/SChartStackedBar/SChartStackedBar.types.d.ts +21 -0
- package/dist/components/SChartStackedBar/SChartStackedBar.types.d.ts.map +1 -1
- package/dist/components/SChartStackedBar/SChartStackedBar.vue.d.ts.map +1 -1
- package/dist/components/SChartStackedBar/index.d.ts +1 -1
- package/dist/components/SChartStackedBar/index.d.ts.map +1 -1
- package/dist/components/SChartStackedBar/utils/buildStackedBarChartConfig.d.ts +7 -1
- package/dist/components/SChartStackedBar/utils/buildStackedBarChartConfig.d.ts.map +1 -1
- package/dist/components/SChartStackedBar/utils/createStackedBarTotalsPlugin.d.ts +6 -0
- package/dist/components/SChartStackedBar/utils/createStackedBarTotalsPlugin.d.ts.map +1 -0
- package/dist/components/SChartStackedBar/utils/createStackedBarTrendPlugin.d.ts +10 -0
- package/dist/components/SChartStackedBar/utils/createStackedBarTrendPlugin.d.ts.map +1 -0
- package/dist/components/SChartStackedBar/utils/demoStackedBarSeries.d.ts +2 -0
- package/dist/components/SChartStackedBar/utils/demoStackedBarSeries.d.ts.map +1 -1
- package/dist/components/STable/STable.types.d.ts +6 -1
- package/dist/components/STable/STable.types.d.ts.map +1 -1
- package/dist/components/STable/STable.vue.d.ts.map +1 -1
- package/dist/components/STable/utils/useTableColumns.d.ts +3 -1
- package/dist/components/STable/utils/useTableColumns.d.ts.map +1 -1
- package/dist/{createChartCrosshairPlugin-EqMlaexu.js → createChartCrosshairPlugin-B4LrgKjG.js} +1 -1
- package/dist/{createChartCrosshairPlugin-BTPv09h4.cjs → createChartCrosshairPlugin-COIICTCz.cjs} +1 -1
- package/dist/{createChartMarkersPlugin-BKxLg4pL.cjs → createChartMarkersPlugin-L7qomZVK.cjs} +1 -1
- package/dist/{createChartMarkersPlugin-DPvfZp_e.js → createChartMarkersPlugin-bAEeP-5Z.js} +1 -1
- package/dist/createCustomTooltipCallbacks-CxeEfJLl.js +12 -0
- package/dist/createCustomTooltipCallbacks-oRAimZTt.cjs +1 -0
- package/dist/entries/chart-bar.cjs +1 -1
- package/dist/entries/chart-bar.js +1 -1
- package/dist/entries/chart-burnup.cjs +1 -1
- package/dist/entries/chart-burnup.js +1 -1
- package/dist/entries/chart-horizontal-bar.cjs +1 -1
- package/dist/entries/chart-horizontal-bar.js +1 -1
- package/dist/entries/chart-line.cjs +1 -1
- package/dist/entries/chart-line.js +1 -1
- package/dist/entries/chart-multi-line.cjs +1 -1
- package/dist/entries/chart-multi-line.js +1 -1
- package/dist/entries/chart-pie.cjs +1 -1
- package/dist/entries/chart-pie.js +1 -1
- package/dist/entries/chart-progress.cjs +1 -1
- package/dist/entries/chart-progress.js +1 -1
- package/dist/entries/chart-scatter.cjs +1 -0
- package/dist/entries/chart-scatter.d.ts +3 -0
- package/dist/entries/chart-scatter.d.ts.map +1 -0
- package/dist/entries/chart-scatter.js +2 -0
- package/dist/entries/chart-stacked-area.cjs +1 -1
- package/dist/entries/chart-stacked-area.js +1 -1
- package/dist/entries/chart-stacked-bar.cjs +1 -1
- package/dist/entries/chart-stacked-bar.d.ts +1 -1
- package/dist/entries/chart-stacked-bar.d.ts.map +1 -1
- package/dist/entries/chart-stacked-bar.js +1 -1
- package/dist/entries/table.cjs +1 -1
- package/dist/entries/table.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +185 -184
- package/dist/resolveBarStackedSeriesColor-BDJ7XBIB.cjs +1 -0
- package/dist/resolveBarStackedSeriesColor-zEV1Ps7h.js +11 -0
- package/dist/resolveChartLabelFont-D_Pxt-gs.cjs +1 -0
- package/dist/resolveChartLabelFont-WtZd0pFD.js +4 -0
- package/dist/{resolveCssColorValue-DH_SEZj4.js → resolveCssColorValue-BBK7CTmP.js} +1 -1
- package/dist/resolveCssColorValue-D3fS-cK8.cjs +1 -0
- package/dist/{resolveSeriesPaletteColor-DoPeNP_F.js → resolveSeriesPaletteColor-Bk52kyZo.js} +2 -2
- package/dist/resolveSeriesPaletteColor-CVEsFs0o.cjs +1 -0
- package/dist/{resolveStackedChartContext-D4tuSA6Z.cjs → resolveStackedChartContext-BE3ZW2Sf.cjs} +1 -1
- package/dist/{resolveStackedChartContext-BbCzct6O.js → resolveStackedChartContext-Dc6Foe7D.js} +1 -1
- package/dist/uikit-components.css +1 -1
- package/dist/useChartInteractivity-Yk7qEYgl.cjs +2 -0
- package/dist/{useChartInteractivity-DygkiRA1.js → useChartInteractivity-sgbPZgcH.js} +58 -57
- package/dist/utils/chart/bar/createStackedBarTooltipCallbacks.d.ts.map +1 -1
- package/dist/utils/chart/core/buildChartMirrorScale.d.ts +27 -0
- package/dist/utils/chart/core/buildChartMirrorScale.d.ts.map +1 -0
- package/dist/utils/chart/core/chartCssVariables.d.ts +1 -0
- package/dist/utils/chart/core/chartCssVariables.d.ts.map +1 -1
- package/dist/utils/chart/core/chartInteractivity.d.ts +6 -0
- package/dist/utils/chart/core/chartInteractivity.d.ts.map +1 -1
- package/dist/utils/chart/core/createCustomTooltipCallbacks.d.ts +8 -0
- package/dist/utils/chart/core/createCustomTooltipCallbacks.d.ts.map +1 -0
- package/dist/utils/chart/core/registerChartJs.d.ts.map +1 -1
- package/dist/utils/chart/css/resolveChartLabelFont.d.ts +7 -0
- package/dist/utils/chart/css/resolveChartLabelFont.d.ts.map +1 -0
- package/dist/utils/chart/horizontalBar/buildHorizontalBarChartConfig.d.ts +7 -1
- package/dist/utils/chart/horizontalBar/buildHorizontalBarChartConfig.d.ts.map +1 -1
- package/dist/utils/chart/horizontalBar/buildHorizontalBarChartScales.d.ts +3 -1
- package/dist/utils/chart/horizontalBar/buildHorizontalBarChartScales.d.ts.map +1 -1
- package/dist/utils/chart/horizontalBar/createHorizontalBarValueLabelPlugin.d.ts +10 -0
- package/dist/utils/chart/horizontalBar/createHorizontalBarValueLabelPlugin.d.ts.map +1 -0
- package/dist/utils/chart/index.d.ts +1 -0
- package/dist/utils/chart/index.d.ts.map +1 -1
- package/dist/utils/chart/multiLine/buildMultiLineChartScales.d.ts +16 -21
- package/dist/utils/chart/multiLine/buildMultiLineChartScales.d.ts.map +1 -1
- package/package.json +7 -2
- package/dist/SChartBar-BvytQ-2z.js +0 -293
- package/dist/SChartBar-BzCeNCsi.cjs +0 -1
- package/dist/SChartHorizontalBar-C40Yroue.js +0 -176
- package/dist/SChartHorizontalBar-Dwln3uuE.cjs +0 -1
- package/dist/SChartMultiLine-7_HcvVEQ.js +0 -279
- package/dist/SChartMultiLine-Cl9Pf3Wp.cjs +0 -1
- package/dist/SChartStackedArea-B28offwE.js +0 -254
- package/dist/SChartStackedArea-Ce7xyhp1.cjs +0 -1
- package/dist/SChartStackedBar-C77FlKGS.js +0 -245
- package/dist/SChartStackedBar-CqUDrFJ3.cjs +0 -1
- package/dist/STable-QYXxMVAw.cjs +0 -1
- package/dist/buildMultiLineChartScales-Di-yTvEB.js +0 -41
- package/dist/buildMultiLineChartScales-lVP6h9H4.cjs +0 -1
- package/dist/resolveBarStackedSeriesColor-CjwUxrUx.js +0 -11
- package/dist/resolveBarStackedSeriesColor-Czkj5bJY.cjs +0 -1
- package/dist/resolveCssColorValue-BFMo08-w.cjs +0 -1
- package/dist/resolveSeriesPaletteColor-BepW1gdW.cjs +0 -1
- package/dist/useChartInteractivity-CaZ37kX-.cjs +0 -1
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
import { C as e, D as t, S as n, f as r, m as i, n as a, p as o, r as s, t as c } from "./useChartInteractivity-sgbPZgcH.js";
|
|
2
|
+
import { t as l } from "./SChartLegend-At0mMO09.js";
|
|
3
|
+
import { t as u } from "./resolveCssColorValue-BBK7CTmP.js";
|
|
4
|
+
import { t as d } from "./buildCartesianChartScales-EofFq3ry.js";
|
|
5
|
+
import { n as f, t as p } from "./buildChartMirrorScale-_PhGNiFR.js";
|
|
6
|
+
import { t as m } from "./splitChartAxisLabel-D-IFyucJ.js";
|
|
7
|
+
import { t as h } from "./useHasListener-RSjlUyqH.js";
|
|
8
|
+
import { computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createVNode as x, defineComponent as S, normalizeClass as C, openBlock as w, unref as T, useTemplateRef as E, withCtx as D } from "vue";
|
|
9
|
+
//#region src/components/SChartScatter/utils/buildScatterChartConfig.ts
|
|
10
|
+
var O = 5, k = 6, A = 7, j = 1, M = 1440 * 60 * 1e3, N = /^(\d{4})-(\d{2})-(\d{2})$/, P = (e) => {
|
|
11
|
+
let t = N.exec(e);
|
|
12
|
+
if (!t) return new Date(e).getTime();
|
|
13
|
+
let [, n, r, i] = t;
|
|
14
|
+
return new Date(Number(n), Number(r) - 1, Number(i)).getTime();
|
|
15
|
+
}, F = (e) => String(e).padStart(2, "0"), I = (e) => {
|
|
16
|
+
let t = new Date(e);
|
|
17
|
+
return `${t.getFullYear()}-${F(t.getMonth() + 1)}-${F(t.getDate())}`;
|
|
18
|
+
}, L = (e, t) => e.reduce((e, n) => e === void 0 ? n : t(e, n), void 0), R = (e, t, n) => {
|
|
19
|
+
let r = t ? P(t) : void 0, i = n ? P(n) : void 0, a = r ?? L(e, Math.min) ?? i, o = i ?? L(e, Math.max) ?? r;
|
|
20
|
+
return a === void 0 || o === void 0 || !Number.isFinite(a) || !Number.isFinite(o) ? null : a === o ? {
|
|
21
|
+
minTime: a - M,
|
|
22
|
+
maxTime: o + M
|
|
23
|
+
} : {
|
|
24
|
+
minTime: a,
|
|
25
|
+
maxTime: o
|
|
26
|
+
};
|
|
27
|
+
}, z = (e, t, n) => {
|
|
28
|
+
if (n !== void 0) return n;
|
|
29
|
+
let r = e.reduce((e, t) => Math.max(e, t), 0);
|
|
30
|
+
return Math.max(Math.ceil(r / t) * t, t);
|
|
31
|
+
}, B = ({ points: e, categories: a, referenceLines: c, colorHostElement: l, xMin: h, xMax: g, xTicks: _, formatXTick: v, yMax: y, yStep: b = O, mirrorYAxis: x = !1, skeleton: S = !1, formatTooltip: C, onPointClick: w }) => {
|
|
32
|
+
let T = e.map((e) => P(e.x)), E = R(T, h, g);
|
|
33
|
+
if (!E) return null;
|
|
34
|
+
let { minTime: D, maxTime: M } = E, N = n(t.axisLabel, l), F = n(t.grid, l), L = n(t.tooltipBackground, l), B = n(t.tooltipText, l), V = n(t.skeletonSeries, l), H = z([...e.map((e) => e.y), ...c.map((e) => e.value)], b, y), U = a.map((t, n) => e.flatMap((e, t) => e.category === n ? [t] : [])), W = a.map((t, n) => {
|
|
35
|
+
let r = S ? V : u(t.color, l);
|
|
36
|
+
return {
|
|
37
|
+
type: "scatter",
|
|
38
|
+
label: t.label,
|
|
39
|
+
data: (U[n] ?? []).map((t) => ({
|
|
40
|
+
x: T[t] ?? 0,
|
|
41
|
+
y: e[t]?.y ?? 0
|
|
42
|
+
})),
|
|
43
|
+
backgroundColor: r,
|
|
44
|
+
hoverBackgroundColor: r,
|
|
45
|
+
borderWidth: 0,
|
|
46
|
+
pointRadius: k,
|
|
47
|
+
pointHoverRadius: A
|
|
48
|
+
};
|
|
49
|
+
}), G = c.map((e) => {
|
|
50
|
+
let t = u(e.color, l);
|
|
51
|
+
return {
|
|
52
|
+
type: "scatter",
|
|
53
|
+
label: e.label,
|
|
54
|
+
showLine: !0,
|
|
55
|
+
data: [{
|
|
56
|
+
x: D,
|
|
57
|
+
y: e.value
|
|
58
|
+
}, {
|
|
59
|
+
x: M,
|
|
60
|
+
y: e.value
|
|
61
|
+
}],
|
|
62
|
+
borderColor: t,
|
|
63
|
+
hoverBorderColor: t,
|
|
64
|
+
borderWidth: j,
|
|
65
|
+
pointRadius: 0,
|
|
66
|
+
pointHoverRadius: 0,
|
|
67
|
+
pointHitRadius: 0
|
|
68
|
+
};
|
|
69
|
+
}), K = s({
|
|
70
|
+
kind: "segment",
|
|
71
|
+
skeleton: S,
|
|
72
|
+
colorHostElement: l,
|
|
73
|
+
onElementIndexClick: w ? (e, t) => {
|
|
74
|
+
let n = U[t]?.[e];
|
|
75
|
+
n !== void 0 && w(n);
|
|
76
|
+
} : void 0
|
|
77
|
+
}), q = d({
|
|
78
|
+
axisLabelColor: N,
|
|
79
|
+
gridColor: F,
|
|
80
|
+
yMin: 0,
|
|
81
|
+
yMax: H,
|
|
82
|
+
yStep: b
|
|
83
|
+
}), J = _?.map(P), Y = {
|
|
84
|
+
...q.x,
|
|
85
|
+
type: "linear",
|
|
86
|
+
min: D,
|
|
87
|
+
max: M,
|
|
88
|
+
grid: {
|
|
89
|
+
color: F,
|
|
90
|
+
drawTicks: !1
|
|
91
|
+
},
|
|
92
|
+
...J ? { afterBuildTicks: (e) => {
|
|
93
|
+
e.ticks = J.map((e) => ({ value: e }));
|
|
94
|
+
} } : {},
|
|
95
|
+
ticks: {
|
|
96
|
+
...q.x.ticks,
|
|
97
|
+
callback: (e) => {
|
|
98
|
+
let t = I(Number(e));
|
|
99
|
+
return v ? m(v(t)) : t;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}, X = x ? { [p]: f({
|
|
103
|
+
min: 0,
|
|
104
|
+
max: H,
|
|
105
|
+
tickOptions: { ticks: q.y.ticks }
|
|
106
|
+
}) } : {}, Z = (t) => {
|
|
107
|
+
let n = U[t.datasetIndex]?.[t.dataIndex];
|
|
108
|
+
if (n === void 0 || !C) return [];
|
|
109
|
+
let r = e[n];
|
|
110
|
+
return r ? C(r, n) : [];
|
|
111
|
+
};
|
|
112
|
+
return {
|
|
113
|
+
type: "scatter",
|
|
114
|
+
data: { datasets: [...W, ...G] },
|
|
115
|
+
options: {
|
|
116
|
+
responsive: !0,
|
|
117
|
+
maintainAspectRatio: !1,
|
|
118
|
+
onHover: K.onHover,
|
|
119
|
+
onClick: K.onClick,
|
|
120
|
+
interaction: r(S, {
|
|
121
|
+
mode: "nearest",
|
|
122
|
+
intersect: !0
|
|
123
|
+
}),
|
|
124
|
+
plugins: {
|
|
125
|
+
legend: { display: !1 },
|
|
126
|
+
tooltip: {
|
|
127
|
+
enabled: o(S) && C !== void 0,
|
|
128
|
+
backgroundColor: L,
|
|
129
|
+
titleColor: B,
|
|
130
|
+
bodyColor: B,
|
|
131
|
+
displayColors: !1,
|
|
132
|
+
filter: (e) => e.datasetIndex < a.length,
|
|
133
|
+
callbacks: {
|
|
134
|
+
title: () => [],
|
|
135
|
+
label: Z
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
scales: {
|
|
140
|
+
...q,
|
|
141
|
+
x: Y,
|
|
142
|
+
...X
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
plugins: i(S, K.plugins)
|
|
146
|
+
};
|
|
147
|
+
}, V = [{
|
|
148
|
+
label: "",
|
|
149
|
+
color: ""
|
|
150
|
+
}], H = [
|
|
151
|
+
14,
|
|
152
|
+
8,
|
|
153
|
+
3,
|
|
154
|
+
6,
|
|
155
|
+
4,
|
|
156
|
+
11,
|
|
157
|
+
9,
|
|
158
|
+
3,
|
|
159
|
+
7,
|
|
160
|
+
5
|
|
161
|
+
].map((e, t) => ({
|
|
162
|
+
x: `2026-02-${String(10 + t * 2).padStart(2, "0")}`,
|
|
163
|
+
y: e,
|
|
164
|
+
category: 0
|
|
165
|
+
})), U = { class: "s-ui-chart-scatter__canvas-wrap" }, W = /* @__PURE__ */ S({
|
|
166
|
+
__name: "SChartScatter",
|
|
167
|
+
props: {
|
|
168
|
+
points: { default: () => [] },
|
|
169
|
+
categories: { default: () => [] },
|
|
170
|
+
referenceLines: { default: () => [] },
|
|
171
|
+
xMin: {},
|
|
172
|
+
xMax: {},
|
|
173
|
+
xTicks: {},
|
|
174
|
+
formatXTick: { type: Function },
|
|
175
|
+
yMax: {},
|
|
176
|
+
yStep: {},
|
|
177
|
+
mirrorYAxis: {
|
|
178
|
+
type: Boolean,
|
|
179
|
+
default: !1
|
|
180
|
+
},
|
|
181
|
+
formatTooltip: { type: Function },
|
|
182
|
+
loading: {
|
|
183
|
+
type: Boolean,
|
|
184
|
+
default: !1
|
|
185
|
+
}
|
|
186
|
+
},
|
|
187
|
+
emits: ["pointClick"],
|
|
188
|
+
setup(t, { expose: n, emit: r }) {
|
|
189
|
+
let i = r, o = E("chartRootRef"), s = E("chartCanvasRef"), d = h("onPointClick"), f = (e) => {
|
|
190
|
+
let n = t.points[e];
|
|
191
|
+
n && i("pointClick", e, n);
|
|
192
|
+
}, p = g(() => B({
|
|
193
|
+
points: t.loading ? H : t.points,
|
|
194
|
+
categories: t.loading ? V : t.categories,
|
|
195
|
+
referenceLines: t.loading ? [] : t.referenceLines,
|
|
196
|
+
colorHostElement: o.value,
|
|
197
|
+
xMin: t.loading ? void 0 : t.xMin,
|
|
198
|
+
xMax: t.loading ? void 0 : t.xMax,
|
|
199
|
+
xTicks: t.loading ? void 0 : t.xTicks,
|
|
200
|
+
formatXTick: t.loading ? void 0 : t.formatXTick,
|
|
201
|
+
yMax: t.loading ? 25 : t.yMax,
|
|
202
|
+
yStep: t.yStep,
|
|
203
|
+
mirrorYAxis: t.loading ? !1 : t.mirrorYAxis,
|
|
204
|
+
skeleton: t.loading,
|
|
205
|
+
formatTooltip: t.loading ? void 0 : t.formatTooltip,
|
|
206
|
+
onPointClick: d() ? f : void 0
|
|
207
|
+
})), m = g(() => t.loading ? [] : [...t.categories.map((e) => ({
|
|
208
|
+
label: e.label,
|
|
209
|
+
color: u(e.color, o.value)
|
|
210
|
+
})), ...t.referenceLines.map((e) => ({
|
|
211
|
+
label: e.label,
|
|
212
|
+
color: u(e.color, o.value),
|
|
213
|
+
marker: "line"
|
|
214
|
+
}))]), { chartInstance: S } = a({
|
|
215
|
+
canvasRef: s,
|
|
216
|
+
config: p,
|
|
217
|
+
enabled: g(() => t.loading || t.points.length > 0 || !!t.xMin)
|
|
218
|
+
}), { exportImage: O, handleLegendItemHover: k } = c({
|
|
219
|
+
chartInstance: S,
|
|
220
|
+
canvasRef: s,
|
|
221
|
+
colorHostElement: o
|
|
222
|
+
});
|
|
223
|
+
return n({ exportImage: O }), (n, r) => (w(), y("div", {
|
|
224
|
+
ref_key: "chartRootRef",
|
|
225
|
+
ref: o,
|
|
226
|
+
class: C(["s-ui-chart-scatter", { "s-ui-chart-scatter--skeleton": t.loading }])
|
|
227
|
+
}, [b("div", U, [x(T(e), { loading: t.loading }, {
|
|
228
|
+
default: D(() => [b("canvas", {
|
|
229
|
+
ref_key: "chartCanvasRef",
|
|
230
|
+
ref: s,
|
|
231
|
+
class: "s-ui-chart-scatter__canvas"
|
|
232
|
+
}, null, 512)]),
|
|
233
|
+
_: 1
|
|
234
|
+
}, 8, ["loading"])]), m.value.length ? (w(), _(T(l), {
|
|
235
|
+
key: 0,
|
|
236
|
+
items: m.value,
|
|
237
|
+
disabled: t.loading,
|
|
238
|
+
interactive: !t.loading,
|
|
239
|
+
onItemHover: T(k)
|
|
240
|
+
}, null, 8, [
|
|
241
|
+
"items",
|
|
242
|
+
"disabled",
|
|
243
|
+
"interactive",
|
|
244
|
+
"onItemHover"
|
|
245
|
+
])) : v("", !0)], 2));
|
|
246
|
+
}
|
|
247
|
+
});
|
|
248
|
+
//#endregion
|
|
249
|
+
export { W as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./useChartInteractivity-Yk7qEYgl.cjs"),t=require("./SChartLegend-DQMLr6yV.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs"),r=require("./resolveStackedChartContext-BE3ZW2Sf.cjs"),i=require("./createChartCrosshairPlugin-COIICTCz.cjs"),a=require("./resolveSeriesPaletteColor-CVEsFs0o.cjs"),o=require("./buildChartMirrorScale-CBUIRPYX.cjs"),s=require("./splitChartAxisLabel-DAmQOJn6.cjs"),c=require("./createCustomTooltipCallbacks-oRAimZTt.cjs"),l=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),u=require("./useHasListener-BPgtbbo6.cjs");let d=require("vue");var f=(t,n,r,i=!1)=>a.t(t,n,r,i,{palette:e.M,paletteFallback:e.D.stackedPalette1,skeletonPalette:e.j,skeletonFallback:e.D.skeletonPalette1}),p=20,m=`stack0`,h=({seriesList:t,colorHostElement:a,yMax:l,yMin:u,yStep:d=p,skeleton:h=!1,totalLabel:g,mirrorYAxis:_=!1,formatTooltip:v,onSeriesClick:y})=>{let b=r.t({seriesList:t,colorHostElement:a,yMax:l,yMin:u,yStep:d,skeleton:h});if(!b)return null;let{axisLabelColor:x,gridColor:S,tooltipBackgroundColor:C,tooltipTextColor:w,resolvedYMax:T,resolvedYMin:E,chartLabels:D}=b,O=e.r({kind:`series`,skeleton:h,colorHostElement:a,onIndexClick:y}),k=n.t({axisLabelColor:x,gridColor:S,yMin:E,yMax:T,yStep:d,stacked:!0}),A={...k.x,ticks:{...k.x.ticks,callback:(e,t)=>s.t(D[t]??``)}},j=_?{[o.t]:o.n({min:E,max:T,tickOptions:{ticks:k.y.ticks}})}:{};return{type:`line`,data:{labels:D,datasets:t.map((e,t)=>{let n=f(t,a,e.fillColor,h);return{label:e.label,data:e.points.map(e=>e.value),borderColor:n,backgroundColor:n,...h?{}:{hoverBorderColor:n,hoverBackgroundColor:n},borderWidth:0,fill:!0,pointRadius:0,pointHoverRadius:0,tension:0,stack:m}})},options:{responsive:!0,maintainAspectRatio:!1,onHover:O.onHover,onClick:O.onClick,hover:h?void 0:{mode:`nearest`,intersect:!1},interaction:e.f(h,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.p(h),backgroundColor:C,titleColor:w,bodyColor:w,footerColor:w,displayColors:!1,position:e.h,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:v?c.t(v):e.g({total:g})}},scales:{...k,x:A,...j}},plugins:e.m(h,[i.t(a),...O.plugins])}},g=[`24.02`,`28.02`,`04.03`,`08.03`,`12.03`,`16.03`,`20.03`,`24.03`,`28.03`,`01.04`,`05.04`,`09.04`,`13.04`,`17.04`],_=[18,22,26,30,34,38,42,44,46,48,49,50,51,52],v=[6,6,7,7,7,7,7,7,7,7,7,7,7,7],y=[10,11,12,12,11,10,10,10,10,10,10,10,10,10],b=[32,30,28,26,28,30,29,28,27,26,26,27,28,28],x=[`Готово`,`На ревью`,`В процессе`,`Бэклог`],S=[{label:x[0]??`Series 1`,points:l.t(g,_)},{label:x[1]??`Series 2`,points:l.t(g,v)},{label:x[2]??`Series 3`,points:l.t(g,y)},{label:x[3]??`Series 4`,points:l.t(g,b)}],C={class:`s-ui-chart-stacked-area__canvas-wrap`},w=(0,d.defineComponent)({__name:`SChartStackedArea`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{},totalLabel:{},mirrorYAxis:{type:Boolean,default:!1},formatTooltip:{type:Function}},emits:[`seriesClick`],setup(n,{expose:r,emit:i}){let a=i,o=(0,d.useTemplateRef)(`chartRootRef`),s=(0,d.useTemplateRef)(`chartCanvasRef`),c=(0,d.computed)(()=>n.loading?S:n.series),p=e=>{let t=n.series[e];t&&a(`seriesClick`,e,t)},m=u.t(`onSeriesClick`),g=(0,d.computed)(()=>!n.loading&&n.series.length===0?null:h({seriesList:c.value,colorHostElement:o.value,yMax:n.loading?160:n.yMax,yMin:n.loading?0:void 0,yStep:n.loading?20:n.yStep,skeleton:n.loading,totalLabel:n.totalLabel,mirrorYAxis:n.loading?!1:n.mirrorYAxis,formatTooltip:n.loading?void 0:n.formatTooltip,onSeriesClick:m()?p:void 0})),_=(0,d.computed)(()=>l.n(c.value,(e,t)=>f(e,o.value,t,n.loading))),{chartInstance:v}=e.n({canvasRef:s,config:g,enabled:(0,d.computed)(()=>n.loading||n.series.length>0)}),{exportImage:y,handleLegendItemHover:b}=e.t({chartInstance:v,canvasRef:s,colorHostElement:o});return r({exportImage:y}),(r,i)=>((0,d.openBlock)(),(0,d.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:o,class:(0,d.normalizeClass)([`s-ui-chart-stacked-area`,{"s-ui-chart-stacked-area--skeleton":n.loading}])},[(0,d.createElementVNode)(`div`,C,[(0,d.createVNode)((0,d.unref)(e.C),{loading:n.loading},{default:(0,d.withCtx)(()=>[(0,d.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:s,class:`s-ui-chart-stacked-area__canvas`},null,512)]),_:1},8,[`loading`])]),_.value.length?((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(t.t),{key:0,items:_.value,disabled:n.loading,interactive:!n.loading,onItemHover:(0,d.unref)(b)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,d.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return w}});
|
|
@@ -0,0 +1,278 @@
|
|
|
1
|
+
import { C as e, D as t, M as n, f as r, g as i, h as a, j as o, m as s, n as c, p as l, r as u, t as d } from "./useChartInteractivity-sgbPZgcH.js";
|
|
2
|
+
import { t as f } from "./SChartLegend-At0mMO09.js";
|
|
3
|
+
import { t as p } from "./buildCartesianChartScales-EofFq3ry.js";
|
|
4
|
+
import { t as m } from "./resolveStackedChartContext-Dc6Foe7D.js";
|
|
5
|
+
import { t as h } from "./createChartCrosshairPlugin-B4LrgKjG.js";
|
|
6
|
+
import { t as g } from "./resolveSeriesPaletteColor-Bk52kyZo.js";
|
|
7
|
+
import { n as _, t as v } from "./buildChartMirrorScale-_PhGNiFR.js";
|
|
8
|
+
import { t as y } from "./splitChartAxisLabel-D-IFyucJ.js";
|
|
9
|
+
import { t as b } from "./createCustomTooltipCallbacks-CxeEfJLl.js";
|
|
10
|
+
import { n as x, t as S } from "./buildChartSeriesPoints-BTyOpkin.js";
|
|
11
|
+
import { t as C } from "./useHasListener-RSjlUyqH.js";
|
|
12
|
+
import { computed as w, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createVNode as k, defineComponent as A, normalizeClass as j, openBlock as M, unref as N, useTemplateRef as P, withCtx as F } from "vue";
|
|
13
|
+
//#region src/utils/chart/stacked/resolveStackedSeriesColor.ts
|
|
14
|
+
var I = (e, r, i, a = !1) => g(e, r, i, a, {
|
|
15
|
+
palette: n,
|
|
16
|
+
paletteFallback: t.stackedPalette1,
|
|
17
|
+
skeletonPalette: o,
|
|
18
|
+
skeletonFallback: t.skeletonPalette1
|
|
19
|
+
}), L = 20, R = "stack0", z = ({ seriesList: e, colorHostElement: t, yMax: n, yMin: o, yStep: c = L, skeleton: d = !1, totalLabel: f, mirrorYAxis: g = !1, formatTooltip: x, onSeriesClick: S }) => {
|
|
20
|
+
let C = m({
|
|
21
|
+
seriesList: e,
|
|
22
|
+
colorHostElement: t,
|
|
23
|
+
yMax: n,
|
|
24
|
+
yMin: o,
|
|
25
|
+
yStep: c,
|
|
26
|
+
skeleton: d
|
|
27
|
+
});
|
|
28
|
+
if (!C) return null;
|
|
29
|
+
let { axisLabelColor: w, gridColor: T, tooltipBackgroundColor: E, tooltipTextColor: D, resolvedYMax: O, resolvedYMin: k, chartLabels: A } = C, j = u({
|
|
30
|
+
kind: "series",
|
|
31
|
+
skeleton: d,
|
|
32
|
+
colorHostElement: t,
|
|
33
|
+
onIndexClick: S
|
|
34
|
+
}), M = p({
|
|
35
|
+
axisLabelColor: w,
|
|
36
|
+
gridColor: T,
|
|
37
|
+
yMin: k,
|
|
38
|
+
yMax: O,
|
|
39
|
+
yStep: c,
|
|
40
|
+
stacked: !0
|
|
41
|
+
}), N = {
|
|
42
|
+
...M.x,
|
|
43
|
+
ticks: {
|
|
44
|
+
...M.x.ticks,
|
|
45
|
+
callback: (e, t) => y(A[t] ?? "")
|
|
46
|
+
}
|
|
47
|
+
}, P = g ? { [v]: _({
|
|
48
|
+
min: k,
|
|
49
|
+
max: O,
|
|
50
|
+
tickOptions: { ticks: M.y.ticks }
|
|
51
|
+
}) } : {};
|
|
52
|
+
return {
|
|
53
|
+
type: "line",
|
|
54
|
+
data: {
|
|
55
|
+
labels: A,
|
|
56
|
+
datasets: e.map((e, n) => {
|
|
57
|
+
let r = I(n, t, e.fillColor, d);
|
|
58
|
+
return {
|
|
59
|
+
label: e.label,
|
|
60
|
+
data: e.points.map((e) => e.value),
|
|
61
|
+
borderColor: r,
|
|
62
|
+
backgroundColor: r,
|
|
63
|
+
...d ? {} : {
|
|
64
|
+
hoverBorderColor: r,
|
|
65
|
+
hoverBackgroundColor: r
|
|
66
|
+
},
|
|
67
|
+
borderWidth: 0,
|
|
68
|
+
fill: !0,
|
|
69
|
+
pointRadius: 0,
|
|
70
|
+
pointHoverRadius: 0,
|
|
71
|
+
tension: 0,
|
|
72
|
+
stack: R
|
|
73
|
+
};
|
|
74
|
+
})
|
|
75
|
+
},
|
|
76
|
+
options: {
|
|
77
|
+
responsive: !0,
|
|
78
|
+
maintainAspectRatio: !1,
|
|
79
|
+
onHover: j.onHover,
|
|
80
|
+
onClick: j.onClick,
|
|
81
|
+
hover: d ? void 0 : {
|
|
82
|
+
mode: "nearest",
|
|
83
|
+
intersect: !1
|
|
84
|
+
},
|
|
85
|
+
interaction: r(d, {
|
|
86
|
+
mode: "index",
|
|
87
|
+
intersect: !1
|
|
88
|
+
}),
|
|
89
|
+
plugins: {
|
|
90
|
+
legend: { display: !1 },
|
|
91
|
+
tooltip: {
|
|
92
|
+
enabled: l(d),
|
|
93
|
+
backgroundColor: E,
|
|
94
|
+
titleColor: D,
|
|
95
|
+
bodyColor: D,
|
|
96
|
+
footerColor: D,
|
|
97
|
+
displayColors: !1,
|
|
98
|
+
position: a,
|
|
99
|
+
yAlign: "bottom",
|
|
100
|
+
xAlign: "center",
|
|
101
|
+
caretPadding: 8,
|
|
102
|
+
callbacks: x ? b(x) : i({ total: f })
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
scales: {
|
|
106
|
+
...M,
|
|
107
|
+
x: N,
|
|
108
|
+
...P
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
plugins: s(d, [h(t), ...j.plugins])
|
|
112
|
+
};
|
|
113
|
+
}, B = [
|
|
114
|
+
"24.02",
|
|
115
|
+
"28.02",
|
|
116
|
+
"04.03",
|
|
117
|
+
"08.03",
|
|
118
|
+
"12.03",
|
|
119
|
+
"16.03",
|
|
120
|
+
"20.03",
|
|
121
|
+
"24.03",
|
|
122
|
+
"28.03",
|
|
123
|
+
"01.04",
|
|
124
|
+
"05.04",
|
|
125
|
+
"09.04",
|
|
126
|
+
"13.04",
|
|
127
|
+
"17.04"
|
|
128
|
+
], V = [
|
|
129
|
+
18,
|
|
130
|
+
22,
|
|
131
|
+
26,
|
|
132
|
+
30,
|
|
133
|
+
34,
|
|
134
|
+
38,
|
|
135
|
+
42,
|
|
136
|
+
44,
|
|
137
|
+
46,
|
|
138
|
+
48,
|
|
139
|
+
49,
|
|
140
|
+
50,
|
|
141
|
+
51,
|
|
142
|
+
52
|
|
143
|
+
], H = [
|
|
144
|
+
6,
|
|
145
|
+
6,
|
|
146
|
+
7,
|
|
147
|
+
7,
|
|
148
|
+
7,
|
|
149
|
+
7,
|
|
150
|
+
7,
|
|
151
|
+
7,
|
|
152
|
+
7,
|
|
153
|
+
7,
|
|
154
|
+
7,
|
|
155
|
+
7,
|
|
156
|
+
7,
|
|
157
|
+
7
|
|
158
|
+
], U = [
|
|
159
|
+
10,
|
|
160
|
+
11,
|
|
161
|
+
12,
|
|
162
|
+
12,
|
|
163
|
+
11,
|
|
164
|
+
10,
|
|
165
|
+
10,
|
|
166
|
+
10,
|
|
167
|
+
10,
|
|
168
|
+
10,
|
|
169
|
+
10,
|
|
170
|
+
10,
|
|
171
|
+
10,
|
|
172
|
+
10
|
|
173
|
+
], W = [
|
|
174
|
+
32,
|
|
175
|
+
30,
|
|
176
|
+
28,
|
|
177
|
+
26,
|
|
178
|
+
28,
|
|
179
|
+
30,
|
|
180
|
+
29,
|
|
181
|
+
28,
|
|
182
|
+
27,
|
|
183
|
+
26,
|
|
184
|
+
26,
|
|
185
|
+
27,
|
|
186
|
+
28,
|
|
187
|
+
28
|
|
188
|
+
], G = [
|
|
189
|
+
"Готово",
|
|
190
|
+
"На ревью",
|
|
191
|
+
"В процессе",
|
|
192
|
+
"Бэклог"
|
|
193
|
+
], K = [
|
|
194
|
+
{
|
|
195
|
+
label: G[0] ?? "Series 1",
|
|
196
|
+
points: S(B, V)
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
label: G[1] ?? "Series 2",
|
|
200
|
+
points: S(B, H)
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
label: G[2] ?? "Series 3",
|
|
204
|
+
points: S(B, U)
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
label: G[3] ?? "Series 4",
|
|
208
|
+
points: S(B, W)
|
|
209
|
+
}
|
|
210
|
+
], q = { class: "s-ui-chart-stacked-area__canvas-wrap" }, J = /* @__PURE__ */ A({
|
|
211
|
+
__name: "SChartStackedArea",
|
|
212
|
+
props: {
|
|
213
|
+
series: { default: () => [] },
|
|
214
|
+
loading: {
|
|
215
|
+
type: Boolean,
|
|
216
|
+
default: !1
|
|
217
|
+
},
|
|
218
|
+
yMax: {},
|
|
219
|
+
yStep: {},
|
|
220
|
+
totalLabel: {},
|
|
221
|
+
mirrorYAxis: {
|
|
222
|
+
type: Boolean,
|
|
223
|
+
default: !1
|
|
224
|
+
},
|
|
225
|
+
formatTooltip: { type: Function }
|
|
226
|
+
},
|
|
227
|
+
emits: ["seriesClick"],
|
|
228
|
+
setup(t, { expose: n, emit: r }) {
|
|
229
|
+
let i = r, a = P("chartRootRef"), o = P("chartCanvasRef"), s = w(() => t.loading ? K : t.series), l = (e) => {
|
|
230
|
+
let n = t.series[e];
|
|
231
|
+
n && i("seriesClick", e, n);
|
|
232
|
+
}, u = C("onSeriesClick"), p = w(() => !t.loading && t.series.length === 0 ? null : z({
|
|
233
|
+
seriesList: s.value,
|
|
234
|
+
colorHostElement: a.value,
|
|
235
|
+
yMax: t.loading ? 160 : t.yMax,
|
|
236
|
+
yMin: t.loading ? 0 : void 0,
|
|
237
|
+
yStep: t.loading ? 20 : t.yStep,
|
|
238
|
+
skeleton: t.loading,
|
|
239
|
+
totalLabel: t.totalLabel,
|
|
240
|
+
mirrorYAxis: t.loading ? !1 : t.mirrorYAxis,
|
|
241
|
+
formatTooltip: t.loading ? void 0 : t.formatTooltip,
|
|
242
|
+
onSeriesClick: u() ? l : void 0
|
|
243
|
+
})), m = w(() => x(s.value, (e, n) => I(e, a.value, n, t.loading))), { chartInstance: h } = c({
|
|
244
|
+
canvasRef: o,
|
|
245
|
+
config: p,
|
|
246
|
+
enabled: w(() => t.loading || t.series.length > 0)
|
|
247
|
+
}), { exportImage: g, handleLegendItemHover: _ } = d({
|
|
248
|
+
chartInstance: h,
|
|
249
|
+
canvasRef: o,
|
|
250
|
+
colorHostElement: a
|
|
251
|
+
});
|
|
252
|
+
return n({ exportImage: g }), (n, r) => (M(), D("div", {
|
|
253
|
+
ref_key: "chartRootRef",
|
|
254
|
+
ref: a,
|
|
255
|
+
class: j(["s-ui-chart-stacked-area", { "s-ui-chart-stacked-area--skeleton": t.loading }])
|
|
256
|
+
}, [O("div", q, [k(N(e), { loading: t.loading }, {
|
|
257
|
+
default: F(() => [O("canvas", {
|
|
258
|
+
ref_key: "chartCanvasRef",
|
|
259
|
+
ref: o,
|
|
260
|
+
class: "s-ui-chart-stacked-area__canvas"
|
|
261
|
+
}, null, 512)]),
|
|
262
|
+
_: 1
|
|
263
|
+
}, 8, ["loading"])]), m.value.length ? (M(), T(N(f), {
|
|
264
|
+
key: 0,
|
|
265
|
+
items: m.value,
|
|
266
|
+
disabled: t.loading,
|
|
267
|
+
interactive: !t.loading,
|
|
268
|
+
onItemHover: N(_)
|
|
269
|
+
}, null, 8, [
|
|
270
|
+
"items",
|
|
271
|
+
"disabled",
|
|
272
|
+
"interactive",
|
|
273
|
+
"onItemHover"
|
|
274
|
+
])) : E("", !0)], 2));
|
|
275
|
+
}
|
|
276
|
+
});
|
|
277
|
+
//#endregion
|
|
278
|
+
export { J as t };
|