@shtabapp/ui-kit 1.42.0 → 1.44.0
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 +16 -0
- package/dist/SChartBurnup-DYBnJMnm.js +247 -0
- package/dist/SChartBurnup-DhuCNXhU.cjs +1 -0
- package/dist/{SChartHorizontalBar-tfgmCHtk.cjs → SChartHorizontalBar-DMBzyz9x.cjs} +1 -1
- package/dist/{SChartHorizontalBar-DIn1sVoi.js → SChartHorizontalBar-bm3Jexa3.js} +14 -14
- package/dist/SChartLegend-Chr0IZWN.js +30 -0
- package/dist/SChartLegend-DXFXKXCm.cjs +1 -0
- package/dist/SChartLine-CiREb4H_.js +125 -0
- package/dist/SChartLine-P57XRR2o.cjs +1 -0
- package/dist/SChartMultiLine-3cdB0U12.js +166 -0
- package/dist/SChartMultiLine-BW1kITlR.cjs +1 -0
- package/dist/SChartPie-55wx2zRi.cjs +1 -0
- package/dist/{SChartPie-_6ij1EVn.js → SChartPie-Dc_gjzIl.js} +37 -36
- package/dist/{SChartProgress-C08fiO6U.cjs → SChartProgress-QsGTZ8kT.cjs} +1 -1
- package/dist/{SChartProgress-CofVafO6.js → SChartProgress-Zdphet8I.js} +12 -12
- package/dist/{SChartSkeletonHost-CnfMevXX.js → SChartSkeletonHost-CecfQ3Ye.js} +101 -70
- package/dist/SChartSkeletonHost-CfM0zolj.cjs +1 -0
- package/dist/SChartStackedArea-BaJ963lU.cjs +1 -0
- package/dist/{SChartStackedArea-RKK7aT7x.js → SChartStackedArea-cjN9gECV.js} +56 -62
- package/dist/{SChartStackedBar-CJunMhyb.js → SChartStackedBar-0jGICBA0.js} +43 -41
- package/dist/SChartStackedBar-j9WyOnsL.cjs +1 -0
- package/dist/{SColorPicker-Df7YG5BE.cjs → SColorPicker-BIrkgFys.cjs} +1 -1
- package/dist/{SColorPicker-9vWK-6Pt.js → SColorPicker-ksmNupJa.js} +1 -1
- package/dist/{SList-B4C-PzjB.js → SList-BtfUntkw.js} +6 -1
- package/dist/SList-fZQdPkFG.cjs +1 -0
- package/dist/{SListItem-BFxQ2cj3.js → SListItem-BRXZEePg.js} +17 -16
- package/dist/SListItem-CdveotJe.cjs +1 -0
- package/dist/{SSelect-ClHXMqXz.cjs → SSelect-CkV6gq4S.cjs} +1 -1
- package/dist/{SSelect-CjaiJDdO.js → SSelect-DS2EGmjV.js} +2 -2
- package/dist/buildChartSeriesPoints-Bv3nXvSu.cjs +1 -0
- package/dist/buildChartSeriesPoints-D8Xpfwp7.js +14 -0
- package/dist/buildMultiLineChartScales-7mcIfRVG.cjs +1 -0
- package/dist/buildMultiLineChartScales-CFZ8YVeJ.js +19 -0
- package/dist/components/SChartBurnup/SChartBurnup.types.d.ts +35 -0
- package/dist/components/SChartBurnup/SChartBurnup.types.d.ts.map +1 -0
- package/dist/components/SChartBurnup/SChartBurnup.vue.d.ts +5 -0
- package/dist/components/SChartBurnup/SChartBurnup.vue.d.ts.map +1 -0
- package/dist/components/SChartBurnup/index.d.ts +3 -0
- package/dist/components/SChartBurnup/index.d.ts.map +1 -0
- package/dist/components/SChartBurnup/utils/buildBurnupChartConfig.d.ts +18 -0
- package/dist/components/SChartBurnup/utils/buildBurnupChartConfig.d.ts.map +1 -0
- package/dist/components/SChartBurnup/utils/demoBurnupPoints.d.ts +4 -0
- package/dist/components/SChartBurnup/utils/demoBurnupPoints.d.ts.map +1 -0
- package/dist/components/SChartBurnup/utils/skeletonBurnupPoints.d.ts +3 -0
- package/dist/components/SChartBurnup/utils/skeletonBurnupPoints.d.ts.map +1 -0
- package/dist/components/SChartMultiLine/SChartMultiLine.types.d.ts +19 -0
- package/dist/components/SChartMultiLine/SChartMultiLine.types.d.ts.map +1 -0
- package/dist/components/SChartMultiLine/SChartMultiLine.vue.d.ts +5 -0
- package/dist/components/SChartMultiLine/SChartMultiLine.vue.d.ts.map +1 -0
- package/dist/components/SChartMultiLine/index.d.ts +3 -0
- package/dist/components/SChartMultiLine/index.d.ts.map +1 -0
- package/dist/components/SChartMultiLine/utils/buildMultiLineChartConfig.d.ts +13 -0
- package/dist/components/SChartMultiLine/utils/buildMultiLineChartConfig.d.ts.map +1 -0
- package/dist/components/SChartMultiLine/utils/demoMultiLineSeries.d.ts +3 -0
- package/dist/components/SChartMultiLine/utils/demoMultiLineSeries.d.ts.map +1 -0
- package/dist/components/SChartMultiLine/utils/skeletonMultiLineSeries.d.ts +6 -0
- package/dist/components/SChartMultiLine/utils/skeletonMultiLineSeries.d.ts.map +1 -0
- package/dist/components/SList/SList.types.d.ts +2 -0
- package/dist/components/SList/SList.types.d.ts.map +1 -1
- package/dist/components/SList/SList.vue.d.ts.map +1 -1
- package/dist/components/SList/utils/context.d.ts +1 -0
- package/dist/components/SList/utils/context.d.ts.map +1 -1
- package/dist/components/SListItem/SListItem.types.d.ts +2 -0
- package/dist/components/SListItem/SListItem.types.d.ts.map +1 -1
- package/dist/components/SListItem/SListItem.vue.d.ts.map +1 -1
- package/dist/createChartAreaFillGradient-BDmME9Gy.js +17 -0
- package/dist/createChartAreaFillGradient-BwsojVzU.cjs +1 -0
- package/dist/createChartCrosshairPlugin-BC0IDCn3.js +14 -0
- package/dist/createChartCrosshairPlugin-HfMMUP5O.cjs +1 -0
- package/dist/entries/chart-burnup.cjs +1 -0
- package/dist/entries/chart-burnup.d.ts +3 -0
- package/dist/entries/chart-burnup.d.ts.map +1 -0
- package/dist/entries/chart-burnup.js +2 -0
- 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 -0
- package/dist/entries/chart-multi-line.d.ts +3 -0
- package/dist/entries/chart-multi-line.d.ts.map +1 -0
- package/dist/entries/chart-multi-line.js +2 -0
- 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-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.js +1 -1
- package/dist/entries/color-picker.cjs +1 -1
- package/dist/entries/color-picker.js +1 -1
- package/dist/entries/list-item.cjs +1 -1
- package/dist/entries/list-item.js +1 -1
- package/dist/entries/list.cjs +1 -1
- package/dist/entries/list.js +1 -1
- package/dist/entries/select.cjs +1 -1
- package/dist/entries/select.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +68 -66
- package/dist/resolveSeriesPaletteColor-BcFyrhh0.cjs +1 -0
- package/dist/resolveSeriesPaletteColor-m8HQ9qwV.js +9 -0
- package/dist/resolveStackedChartContext-BywAnZUu.cjs +1 -0
- package/dist/resolveStackedChartContext-DdraOueU.js +26 -0
- package/dist/uikit-components.css +1 -1
- package/dist/utils/chart/burnup/createBurnupTagPlugin.d.ts +8 -0
- package/dist/utils/chart/burnup/createBurnupTagPlugin.d.ts.map +1 -0
- package/dist/utils/chart/burnup/createBurnupTodayLinePlugin.d.ts +3 -0
- package/dist/utils/chart/burnup/createBurnupTodayLinePlugin.d.ts.map +1 -0
- package/dist/utils/chart/burnup/createBurnupTooltipCallbacks.d.ts +11 -0
- package/dist/utils/chart/burnup/createBurnupTooltipCallbacks.d.ts.map +1 -0
- package/dist/utils/chart/chartJsAugmentation.d.ts +1 -0
- package/dist/utils/chart/chartJsAugmentation.d.ts.map +1 -1
- package/dist/utils/chart/core/chartCssVariables.d.ts +11 -0
- package/dist/utils/chart/core/chartCssVariables.d.ts.map +1 -1
- package/dist/utils/chart/core/registerChartJs.d.ts.map +1 -1
- package/dist/utils/chart/index.d.ts +10 -0
- package/dist/utils/chart/index.d.ts.map +1 -1
- package/dist/utils/chart/multiLine/buildMultiLineChartScales.d.ts +112 -0
- package/dist/utils/chart/multiLine/buildMultiLineChartScales.d.ts.map +1 -0
- package/dist/utils/chart/multiLine/createMultiLineTooltipCallbacks.d.ts +8 -0
- package/dist/utils/chart/multiLine/createMultiLineTooltipCallbacks.d.ts.map +1 -0
- package/dist/utils/chart/multiLine/resolveMultiLineSeriesColor.d.ts +2 -0
- package/dist/utils/chart/multiLine/resolveMultiLineSeriesColor.d.ts.map +1 -0
- package/dist/utils/chart/multiLine/resolveMultiLineYMax.d.ts +3 -0
- package/dist/utils/chart/multiLine/resolveMultiLineYMax.d.ts.map +1 -0
- package/package.json +12 -2
- package/dist/SChartLegend-BFwzIA4x.cjs +0 -1
- package/dist/SChartLegend-DW16AfUz.js +0 -35
- package/dist/SChartLine-G5CeC01A.js +0 -137
- package/dist/SChartLine-xql-HCwK.cjs +0 -1
- package/dist/SChartPie-xu1fcWMy.cjs +0 -1
- package/dist/SChartSkeletonHost-YmLC5zOX.cjs +0 -1
- package/dist/SChartStackedArea-BUy47veO.cjs +0 -1
- package/dist/SChartStackedBar-1HNyHP8J.cjs +0 -1
- package/dist/SList-Bp3mUJfQ.cjs +0 -1
- package/dist/SListItem-Cs1-uv5N.cjs +0 -1
- package/dist/buildChartSeriesPoints-D-j16fMh.js +0 -35
- package/dist/buildChartSeriesPoints-lASMQmBx.cjs +0 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { computed as e, createBlock as t, defineComponent as n, onBeforeUnmount as r, onMounted as i, openBlock as a, renderSlot as o, shallowRef as s, toValue as c, unref as l, watch as u, withCtx as d } from "vue";
|
|
2
2
|
import { ESSkeletonType as f, SSkeleton as p } from "@shtabapp/ui-kit-primitives";
|
|
3
|
-
import { useResizeObserver as
|
|
4
|
-
import { ArcElement as
|
|
3
|
+
import { useResizeObserver as ee } from "@vueuse/core";
|
|
4
|
+
import { ArcElement as te, BarController as m, BarElement as h, CategoryScale as g, Chart as _, Filler as v, LineController as y, LineElement as b, LinearScale as x, PieController as S, PointElement as C, Tooltip as w } from "chart.js";
|
|
5
5
|
//#region src/utils/chart/css/readCssColor.ts
|
|
6
|
-
var
|
|
6
|
+
var T = (e, t) => {
|
|
7
7
|
if (typeof window > "u") return "";
|
|
8
8
|
let n = t ?? document.documentElement;
|
|
9
9
|
return getComputedStyle(n).getPropertyValue(e).trim();
|
|
10
|
-
},
|
|
10
|
+
}, E = {
|
|
11
11
|
axisLabel: "--s-ui-chart-axis-label",
|
|
12
12
|
grid: "--s-ui-chart-grid",
|
|
13
13
|
crosshair: "--s-ui-chart-crosshair",
|
|
@@ -73,67 +73,81 @@ var E = (e, t) => {
|
|
|
73
73
|
barHorizontalCategoryLabel: "--s-ui-chart-bar-horizontal-category-label",
|
|
74
74
|
barHorizontalCategoryLabelSkeleton: "--s-ui-chart-bar-horizontal-category-label-skeleton",
|
|
75
75
|
progressLine: "--s-ui-chart-progress-line",
|
|
76
|
-
referenceFill: "--s-ui-chart-reference-fill"
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
76
|
+
referenceFill: "--s-ui-chart-reference-fill",
|
|
77
|
+
multiLinePalette1: "--s-ui-chart-multi-line-palette-1",
|
|
78
|
+
multiLinePalette2: "--s-ui-chart-multi-line-palette-2",
|
|
79
|
+
multiLinePalette3: "--s-ui-chart-multi-line-palette-3",
|
|
80
|
+
burnupGoal: "--s-ui-chart-burnup-goal",
|
|
81
|
+
burnupPlan: "--s-ui-chart-burnup-plan",
|
|
82
|
+
burnupFact: "--s-ui-chart-burnup-fact",
|
|
83
|
+
burnupFactFillStart: "--s-ui-chart-burnup-fact-fill-start",
|
|
84
|
+
burnupFactFillEnd: "--s-ui-chart-burnup-fact-fill-end",
|
|
85
|
+
burnupToday: "--s-ui-chart-burnup-today",
|
|
86
|
+
burnupTagBackground: "--s-ui-chart-burnup-tag-background"
|
|
87
|
+
}, D = [
|
|
88
|
+
E.stackedPalette1,
|
|
89
|
+
E.stackedPalette2,
|
|
90
|
+
E.stackedPalette3,
|
|
91
|
+
E.stackedPalette4,
|
|
92
|
+
E.stackedPalette5,
|
|
93
|
+
E.stackedPalette6
|
|
94
|
+
], O = [
|
|
95
|
+
E.skeletonPalette1,
|
|
96
|
+
E.skeletonPalette2,
|
|
97
|
+
E.skeletonPalette3,
|
|
98
|
+
E.skeletonPalette4,
|
|
99
|
+
E.skeletonPalette5,
|
|
100
|
+
E.skeletonPalette6
|
|
84
101
|
], k = [
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
102
|
+
E.barStackedPalette1,
|
|
103
|
+
E.barStackedPalette2,
|
|
104
|
+
E.barStackedPalette3,
|
|
105
|
+
E.barStackedPalette4,
|
|
106
|
+
E.barStackedPalette5,
|
|
107
|
+
E.barStackedPalette6
|
|
91
108
|
], A = [
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
109
|
+
E.barSkeletonPalette1,
|
|
110
|
+
E.barSkeletonPalette2,
|
|
111
|
+
E.barSkeletonPalette3,
|
|
112
|
+
E.barSkeletonPalette4,
|
|
113
|
+
E.barSkeletonPalette5,
|
|
114
|
+
E.barSkeletonPalette6
|
|
98
115
|
], j = [
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
116
|
+
E.piePalette1,
|
|
117
|
+
E.piePalette2,
|
|
118
|
+
E.piePalette3,
|
|
119
|
+
E.piePalette4,
|
|
120
|
+
E.piePalette5,
|
|
121
|
+
E.piePalette6,
|
|
122
|
+
E.piePalette7,
|
|
123
|
+
E.piePalette8
|
|
105
124
|
], M = [
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
125
|
+
E.pieSkeletonPalette1,
|
|
126
|
+
E.pieSkeletonPalette2,
|
|
127
|
+
E.pieSkeletonPalette3,
|
|
128
|
+
E.pieSkeletonPalette4,
|
|
129
|
+
E.pieSkeletonPalette5,
|
|
130
|
+
E.pieSkeletonPalette6,
|
|
131
|
+
E.pieSkeletonPalette7,
|
|
132
|
+
E.pieSkeletonPalette8
|
|
114
133
|
], N = [
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
D.pieSkeletonPalette5,
|
|
120
|
-
D.pieSkeletonPalette6,
|
|
121
|
-
D.pieSkeletonPalette7,
|
|
122
|
-
D.pieSkeletonPalette8
|
|
123
|
-
], P = (e) => "captions" in e, te = (e, t) => {
|
|
134
|
+
E.multiLinePalette1,
|
|
135
|
+
E.multiLinePalette2,
|
|
136
|
+
E.multiLinePalette3
|
|
137
|
+
], P = (e) => "captions" in e, F = (e, t) => {
|
|
124
138
|
let n = e.data.datasets[0];
|
|
125
139
|
if (!n || !P(n)) return;
|
|
126
140
|
let r = n.captions?.[t];
|
|
127
141
|
if (r) return r;
|
|
128
|
-
},
|
|
142
|
+
}, I = () => ({
|
|
129
143
|
title: (e) => {
|
|
130
144
|
let t = e[0];
|
|
131
145
|
if (!t) return "";
|
|
132
|
-
let n =
|
|
146
|
+
let n = F(t.chart, t.dataIndex), r = [`${t.label}`];
|
|
133
147
|
return n && r.push(n), r;
|
|
134
148
|
},
|
|
135
149
|
label: (e) => `${e.dataset.label ?? ""} – ${e.parsed.y ?? 0}`
|
|
136
|
-
}),
|
|
150
|
+
}), L = "stackedBarTop", ne = function(e, t) {
|
|
137
151
|
if (e.length === 0) return {
|
|
138
152
|
x: t.x,
|
|
139
153
|
y: t.y
|
|
@@ -151,22 +165,37 @@ var E = (e, t) => {
|
|
|
151
165
|
x: (r + i) / 2,
|
|
152
166
|
y: n
|
|
153
167
|
};
|
|
154
|
-
}, R =
|
|
155
|
-
|
|
168
|
+
}, R = () => ({
|
|
169
|
+
title: (e) => {
|
|
170
|
+
let t = e[0];
|
|
171
|
+
return t ? `${t.label}` : "";
|
|
172
|
+
},
|
|
173
|
+
label: (e) => `${e.dataset.label ?? ""}: ${e.parsed.y ?? 0}`
|
|
174
|
+
}), z = "multiLineTop", B = function(e, t) {
|
|
175
|
+
let n = this.chart.chartArea;
|
|
176
|
+
return !n || e.length === 0 ? {
|
|
177
|
+
x: t.x,
|
|
178
|
+
y: t.y
|
|
179
|
+
} : {
|
|
180
|
+
x: t.x,
|
|
181
|
+
y: n.top
|
|
182
|
+
};
|
|
183
|
+
}, V = "progressChartPoint", H = 1, U = (e, t) => {
|
|
184
|
+
let n = e.data.datasets[H]?.data[t];
|
|
156
185
|
return typeof n == "number" ? n : null;
|
|
157
|
-
},
|
|
158
|
-
let t = e.find((e) => e.datasetIndex ===
|
|
186
|
+
}, W = function(e) {
|
|
187
|
+
let t = e.find((e) => e.datasetIndex === H) ?? e[0];
|
|
159
188
|
if (!t) return !1;
|
|
160
189
|
let n = this.chart.scales.y;
|
|
161
190
|
if (!n) return !1;
|
|
162
|
-
let r =
|
|
191
|
+
let r = U(this.chart, t.index);
|
|
163
192
|
return r === null ? !1 : {
|
|
164
193
|
x: t.element.x,
|
|
165
194
|
y: n.getPixelForValue(r),
|
|
166
195
|
xAlign: "center",
|
|
167
196
|
yAlign: "bottom"
|
|
168
197
|
};
|
|
169
|
-
},
|
|
198
|
+
}, G = ({ total: e } = {}) => ({
|
|
170
199
|
title: (e) => {
|
|
171
200
|
let t = e[0];
|
|
172
201
|
return t ? `${t.label}` : "";
|
|
@@ -176,7 +205,7 @@ var E = (e, t) => {
|
|
|
176
205
|
let n = t.reduce((e, t) => e + (t.parsed.y ?? 0), 0);
|
|
177
206
|
return e ? `${e} – ${n}` : `${n}`;
|
|
178
207
|
}
|
|
179
|
-
}),
|
|
208
|
+
}), K = "stackedAreaTop", q = function(e, t) {
|
|
180
209
|
let n = this.chart.chartArea;
|
|
181
210
|
return !n || e.length === 0 ? {
|
|
182
211
|
x: t.x,
|
|
@@ -185,18 +214,20 @@ var E = (e, t) => {
|
|
|
185
214
|
x: t.x,
|
|
186
215
|
y: n.top
|
|
187
216
|
};
|
|
188
|
-
},
|
|
189
|
-
|
|
190
|
-
},
|
|
191
|
-
|
|
192
|
-
},
|
|
193
|
-
|
|
217
|
+
}, J = !1, Y = !1, X = !1, Z = !1, re = !1, ie = () => {
|
|
218
|
+
Y ||= (w.positioners.stackedAreaTop = q, !0);
|
|
219
|
+
}, ae = () => {
|
|
220
|
+
X ||= (w.positioners.stackedBarTop = ne, !0);
|
|
221
|
+
}, oe = () => {
|
|
222
|
+
Z ||= (w.positioners.progressChartPoint = W, !0);
|
|
223
|
+
}, se = () => {
|
|
224
|
+
re ||= (w.positioners.multiLineTop = B, !0);
|
|
194
225
|
}, Q = () => {
|
|
195
|
-
|
|
196
|
-
},
|
|
226
|
+
J ||= (_.register(y, b, C, m, h, S, te, x, g, w, v), ie(), ae(), oe(), se(), !0);
|
|
227
|
+
}, ce = (e, t) => e ? {
|
|
197
228
|
mode: "nearest",
|
|
198
229
|
intersect: !1
|
|
199
|
-
} : t,
|
|
230
|
+
} : t, le = (e) => !e, ue = (e, t) => e ? [] : t, de = ({ canvasRef: e, config: t, enabled: n }) => {
|
|
200
231
|
let a = s(), o = () => {
|
|
201
232
|
a.value &&= (a.value.destroy(), void 0);
|
|
202
233
|
}, l = () => {
|
|
@@ -209,7 +240,7 @@ var E = (e, t) => {
|
|
|
209
240
|
o();
|
|
210
241
|
return;
|
|
211
242
|
}
|
|
212
|
-
Q(), a.value &&= (a.value.destroy(), void 0), a.value = new
|
|
243
|
+
Q(), a.value &&= (a.value.destroy(), void 0), a.value = new _(r, i);
|
|
213
244
|
};
|
|
214
245
|
return i(() => {
|
|
215
246
|
l();
|
|
@@ -219,14 +250,14 @@ var E = (e, t) => {
|
|
|
219
250
|
c(t)
|
|
220
251
|
], () => {
|
|
221
252
|
l();
|
|
222
|
-
}, { deep: !0 }),
|
|
253
|
+
}, { deep: !0 }), ee(e, () => {
|
|
223
254
|
a.value?.resize();
|
|
224
255
|
}), r(() => {
|
|
225
256
|
o();
|
|
226
257
|
}), { chartInstance: a };
|
|
227
258
|
}, $ = /* @__PURE__ */ function(e) {
|
|
228
259
|
return e.CARTESIAN = "cartesian", e.PIE = "pie", e;
|
|
229
|
-
}({}),
|
|
260
|
+
}({}), fe = /* @__PURE__ */ n({
|
|
230
261
|
__name: "SChartSkeletonHost",
|
|
231
262
|
props: {
|
|
232
263
|
loading: {
|
|
@@ -248,4 +279,4 @@ var E = (e, t) => {
|
|
|
248
279
|
}
|
|
249
280
|
});
|
|
250
281
|
//#endregion
|
|
251
|
-
export {
|
|
282
|
+
export { T as S, N as _, le as a, O as b, G as c, R as d, L as f, E as g, k as h, ce as i, V as l, A as m, $ as n, ue as o, I as p, de as r, K as s, fe as t, z as u, M as v, D as x, j as y };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let e=require("vue"),t=require("@shtabapp/ui-kit-primitives"),n=require("@vueuse/core"),r=require("chart.js");var i=(e,t)=>{if(typeof window>`u`)return``;let n=t??document.documentElement;return getComputedStyle(n).getPropertyValue(e).trim()},a={axisLabel:`--s-ui-chart-axis-label`,grid:`--s-ui-chart-grid`,crosshair:`--s-ui-chart-crosshair`,legendLabel:`--s-ui-chart-legend-label`,seriesPrimary:`--s-ui-chart-series-primary`,seriesFillStart:`--s-ui-chart-series-fill-start`,seriesFillEnd:`--s-ui-chart-series-fill-end`,seriesFillOpacity:`--s-ui-chart-series-fill-opacity`,skeletonSeries:`--s-ui-chart-skeleton-series`,skeletonPalette1:`--s-ui-chart-skeleton-palette-1`,skeletonPalette2:`--s-ui-chart-skeleton-palette-2`,skeletonPalette3:`--s-ui-chart-skeleton-palette-3`,skeletonPalette4:`--s-ui-chart-skeleton-palette-4`,skeletonPalette5:`--s-ui-chart-skeleton-palette-5`,skeletonPalette6:`--s-ui-chart-skeleton-palette-6`,skeletonFillStart:`--s-ui-chart-skeleton-fill-start`,skeletonFillEnd:`--s-ui-chart-skeleton-fill-end`,skeletonFillOpacity:`--s-ui-chart-skeleton-fill-opacity`,tooltipBackground:`--s-ui-chart-tooltip-background`,tooltipText:`--s-ui-chart-tooltip-text`,stackedPalette1:`--s-ui-chart-stacked-palette-1`,stackedPalette2:`--s-ui-chart-stacked-palette-2`,stackedPalette3:`--s-ui-chart-stacked-palette-3`,stackedPalette4:`--s-ui-chart-stacked-palette-4`,stackedPalette5:`--s-ui-chart-stacked-palette-5`,stackedPalette6:`--s-ui-chart-stacked-palette-6`,barStackedPalette1:`--s-ui-chart-bar-stacked-palette-1`,barStackedPalette2:`--s-ui-chart-bar-stacked-palette-2`,barStackedPalette3:`--s-ui-chart-bar-stacked-palette-3`,barStackedPalette4:`--s-ui-chart-bar-stacked-palette-4`,barStackedPalette5:`--s-ui-chart-bar-stacked-palette-5`,barStackedPalette6:`--s-ui-chart-bar-stacked-palette-6`,barHoverOutline:`--s-ui-chart-bar-hover-outline`,barSkeletonPalette1:`--s-ui-chart-bar-skeleton-palette-1`,barSkeletonPalette2:`--s-ui-chart-bar-skeleton-palette-2`,barSkeletonPalette3:`--s-ui-chart-bar-skeleton-palette-3`,barSkeletonPalette4:`--s-ui-chart-bar-skeleton-palette-4`,barSkeletonPalette5:`--s-ui-chart-bar-skeleton-palette-5`,barSkeletonPalette6:`--s-ui-chart-bar-skeleton-palette-6`,piePalette1:`--s-ui-chart-pie-palette-1`,piePalette2:`--s-ui-chart-pie-palette-2`,piePalette3:`--s-ui-chart-pie-palette-3`,piePalette4:`--s-ui-chart-pie-palette-4`,piePalette5:`--s-ui-chart-pie-palette-5`,piePalette6:`--s-ui-chart-pie-palette-6`,piePalette7:`--s-ui-chart-pie-palette-7`,piePalette8:`--s-ui-chart-pie-palette-8`,pieSegmentBorder:`--s-ui-chart-pie-segment-border`,pieBadgeBackground:`--s-ui-chart-pie-badge-background`,pieBadgeBorder:`--s-ui-chart-pie-badge-border`,pieBadgeText:`--s-ui-chart-pie-badge-text`,pieHoverShadow:`--s-ui-chart-pie-hover-shadow`,pieSkeletonPalette1:`--s-ui-chart-pie-skeleton-palette-1`,pieSkeletonPalette2:`--s-ui-chart-pie-skeleton-palette-2`,pieSkeletonPalette3:`--s-ui-chart-pie-skeleton-palette-3`,pieSkeletonPalette4:`--s-ui-chart-pie-skeleton-palette-4`,pieSkeletonPalette5:`--s-ui-chart-pie-skeleton-palette-5`,pieSkeletonPalette6:`--s-ui-chart-pie-skeleton-palette-6`,pieSkeletonPalette7:`--s-ui-chart-pie-skeleton-palette-7`,pieSkeletonPalette8:`--s-ui-chart-pie-skeleton-palette-8`,barHorizontalFillDefault:`--s-ui-chart-bar-horizontal-fill-default`,barHorizontalSkeletonFill:`--s-ui-chart-bar-horizontal-skeleton-fill`,barHorizontalCategoryLabel:`--s-ui-chart-bar-horizontal-category-label`,barHorizontalCategoryLabelSkeleton:`--s-ui-chart-bar-horizontal-category-label-skeleton`,progressLine:`--s-ui-chart-progress-line`,referenceFill:`--s-ui-chart-reference-fill`,multiLinePalette1:`--s-ui-chart-multi-line-palette-1`,multiLinePalette2:`--s-ui-chart-multi-line-palette-2`,multiLinePalette3:`--s-ui-chart-multi-line-palette-3`,burnupGoal:`--s-ui-chart-burnup-goal`,burnupPlan:`--s-ui-chart-burnup-plan`,burnupFact:`--s-ui-chart-burnup-fact`,burnupFactFillStart:`--s-ui-chart-burnup-fact-fill-start`,burnupFactFillEnd:`--s-ui-chart-burnup-fact-fill-end`,burnupToday:`--s-ui-chart-burnup-today`,burnupTagBackground:`--s-ui-chart-burnup-tag-background`},o=[a.stackedPalette1,a.stackedPalette2,a.stackedPalette3,a.stackedPalette4,a.stackedPalette5,a.stackedPalette6],s=[a.skeletonPalette1,a.skeletonPalette2,a.skeletonPalette3,a.skeletonPalette4,a.skeletonPalette5,a.skeletonPalette6],c=[a.barStackedPalette1,a.barStackedPalette2,a.barStackedPalette3,a.barStackedPalette4,a.barStackedPalette5,a.barStackedPalette6],l=[a.barSkeletonPalette1,a.barSkeletonPalette2,a.barSkeletonPalette3,a.barSkeletonPalette4,a.barSkeletonPalette5,a.barSkeletonPalette6],u=[a.piePalette1,a.piePalette2,a.piePalette3,a.piePalette4,a.piePalette5,a.piePalette6,a.piePalette7,a.piePalette8],d=[a.pieSkeletonPalette1,a.pieSkeletonPalette2,a.pieSkeletonPalette3,a.pieSkeletonPalette4,a.pieSkeletonPalette5,a.pieSkeletonPalette6,a.pieSkeletonPalette7,a.pieSkeletonPalette8],f=[a.multiLinePalette1,a.multiLinePalette2,a.multiLinePalette3],p=e=>`captions`in e,m=(e,t)=>{let n=e.data.datasets[0];if(!n||!p(n))return;let r=n.captions?.[t];if(r)return r},h=()=>({title:e=>{let t=e[0];if(!t)return``;let n=m(t.chart,t.dataIndex),r=[`${t.label}`];return n&&r.push(n),r},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`}),g=`stackedBarTop`,_=function(e,t){if(e.length===0)return{x:t.x,y:t.y};let n=1/0,r=1/0,i=-1/0;for(let t of e){let{x:e,y:a,width:o}=t.element.getProps([`x`,`y`,`width`]);n=Math.min(n,a),r=Math.min(r,e-o/2),i=Math.max(i,e+o/2)}return{x:(r+i)/2,y:n}},v=()=>({title:e=>{let t=e[0];return t?`${t.label}`:``},label:e=>`${e.dataset.label??``}: ${e.parsed.y??0}`}),y=`multiLineTop`,b=function(e,t){let n=this.chart.chartArea;return!n||e.length===0?{x:t.x,y:t.y}:{x:t.x,y:n.top}},x=`progressChartPoint`,S=1,C=(e,t)=>{let n=e.data.datasets[S]?.data[t];return typeof n==`number`?n:null},w=function(e){let t=e.find(e=>e.datasetIndex===S)??e[0];if(!t)return!1;let n=this.chart.scales.y;if(!n)return!1;let r=C(this.chart,t.index);return r===null?!1:{x:t.element.x,y:n.getPixelForValue(r),xAlign:`center`,yAlign:`bottom`}},T=({total:e}={})=>({title:e=>{let t=e[0];return t?`${t.label}`:``},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`,footer:t=>{let n=t.reduce((e,t)=>e+(t.parsed.y??0),0);return e?`${e} – ${n}`:`${n}`}}),E=`stackedAreaTop`,D=function(e,t){let n=this.chart.chartArea;return!n||e.length===0?{x:t.x,y:t.y}:{x:t.x,y:n.top}},O=!1,k=!1,A=!1,j=!1,M=!1,N=()=>{k||=(r.Tooltip.positioners.stackedAreaTop=D,!0)},P=()=>{A||=(r.Tooltip.positioners.stackedBarTop=_,!0)},F=()=>{j||=(r.Tooltip.positioners.progressChartPoint=w,!0)},I=()=>{M||=(r.Tooltip.positioners.multiLineTop=b,!0)},L=()=>{O||=(r.Chart.register(r.LineController,r.LineElement,r.PointElement,r.BarController,r.BarElement,r.PieController,r.ArcElement,r.LinearScale,r.CategoryScale,r.Tooltip,r.Filler),N(),P(),F(),I(),!0)},R=(e,t)=>e?{mode:`nearest`,intersect:!1}:t,z=e=>!e,B=(e,t)=>e?[]:t,V=({canvasRef:t,config:i,enabled:a})=>{let o=(0,e.shallowRef)(),s=()=>{o.value&&=(o.value.destroy(),void 0)},c=()=>{if(!(0,e.toValue)(a)){s();return}let n=(0,e.toValue)(t),c=(0,e.toValue)(i);if(!n||!c){s();return}L(),o.value&&=(o.value.destroy(),void 0),o.value=new r.Chart(n,c)};return(0,e.onMounted)(()=>{c()}),(0,e.watch)(()=>[(0,e.toValue)(a),(0,e.toValue)(t),(0,e.toValue)(i)],()=>{c()},{deep:!0}),(0,n.useResizeObserver)(t,()=>{o.value?.resize()}),(0,e.onBeforeUnmount)(()=>{s()}),{chartInstance:o}},H=function(e){return e.CARTESIAN=`cartesian`,e.PIE=`pie`,e}({}),U=(0,e.defineComponent)({__name:`SChartSkeletonHost`,props:{loading:{type:Boolean,default:!1},type:{default:()=>H.CARTESIAN}},setup(n){let r=(0,e.computed)(()=>n.type===H.PIE?t.ESSkeletonType.CHART_PIE:t.ESSkeletonType.CHART_CARTESIAN);return(i,a)=>n.loading?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SSkeleton),{key:0,type:r.value,class:`s-ui-chart-skeleton-host`},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,`default`)]),_:3},8,[`type`])):(0,e.renderSlot)(i.$slots,`default`,{key:1})}});Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return u}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./SChartSkeletonHost-CfM0zolj.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs"),n=require("./buildChartSeriesPoints-Bv3nXvSu.cjs"),r=require("./resolveStackedChartContext-BywAnZUu.cjs"),i=require("./createChartCrosshairPlugin-HfMMUP5O.cjs"),a=require("./resolveSeriesPaletteColor-BcFyrhh0.cjs"),o=require("./SChartLegend-DXFXKXCm.cjs");let s=require("vue");var c=(t,n,r,i=!1)=>a.t(t,n,r,i,{palette:e.x,paletteFallback:e.g.stackedPalette1,skeletonPalette:e.b,skeletonFallback:e.g.skeletonPalette1}),l=20,u=`stack0`,d=({seriesList:n,colorHostElement:a,yMax:o,yMin:s,yStep:d=l,skeleton:f=!1,totalLabel:p})=>{let m=r.t({seriesList:n,colorHostElement:a,yMax:o,yMin:s,yStep:d,skeleton:f});if(!m)return null;let{axisLabelColor:h,gridColor:g,tooltipBackgroundColor:_,tooltipTextColor:v,resolvedYMax:y,resolvedYMin:b,chartLabels:x}=m;return{type:`line`,data:{labels:x,datasets:n.map((e,t)=>({label:e.label,data:e.points.map(e=>e.value),borderColor:c(t,a,e.fillColor,f),backgroundColor:c(t,a,e.fillColor,f),borderWidth:0,fill:!0,pointRadius:0,pointHoverRadius:0,tension:0,stack:u}))},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.i(f,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(f),backgroundColor:_,titleColor:v,bodyColor:v,footerColor:v,displayColors:!1,position:e.s,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e.c({total:p})}},scales:t.t({axisLabelColor:h,gridColor:g,yMin:b,yMax:y,yStep:d,stacked:!0})},plugins:e.o(f,[i.t(a)])}},f=[`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`],p=[18,22,26,30,34,38,42,44,46,48,49,50,51,52],m=[6,6,7,7,7,7,7,7,7,7,7,7,7,7],h=[10,11,12,12,11,10,10,10,10,10,10,10,10,10],g=[32,30,28,26,28,30,29,28,27,26,26,27,28,28],_=[`Готово`,`На ревью`,`В процессе`,`Бэклог`],v=[{label:_[0]??`Series 1`,points:n.t(f,p)},{label:_[1]??`Series 2`,points:n.t(f,m)},{label:_[2]??`Series 3`,points:n.t(f,h)},{label:_[3]??`Series 4`,points:n.t(f,g)}],y={class:`s-ui-chart-stacked-area__canvas-wrap`},b=(0,s.defineComponent)({__name:`SChartStackedArea`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{},totalLabel:{}},setup(t){let r=(0,s.useTemplateRef)(`chartRootRef`),i=(0,s.useTemplateRef)(`chartCanvasRef`),a=(0,s.computed)(()=>t.loading?v:t.series),l=(0,s.computed)(()=>!t.loading&&t.series.length===0?null:d({seriesList:a.value,colorHostElement:r.value,yMax:t.loading?160:t.yMax,yMin:t.loading?0:void 0,yStep:t.loading?20:t.yStep,skeleton:t.loading,totalLabel:t.totalLabel})),u=(0,s.computed)(()=>n.n(a.value,(e,n)=>c(e,r.value,n,t.loading)));return e.r({canvasRef:i,config:l,enabled:(0,s.computed)(()=>t.loading||t.series.length>0)}),(n,a)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,s.normalizeClass)([`s-ui-chart-stacked-area`,{"s-ui-chart-stacked-area--skeleton":t.loading}])},[(0,s.createElementVNode)(`div`,y,[(0,s.createVNode)((0,s.unref)(e.t),{loading:t.loading},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-stacked-area__canvas`},null,512)]),_:1},8,[`loading`])]),u.value.length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(o.t),{key:0,items:u.value,disabled:t.loading},null,8,[`items`,`disabled`])):(0,s.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return b}});
|
|
@@ -1,66 +1,60 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as
|
|
3
|
-
import { n as
|
|
4
|
-
import {
|
|
1
|
+
import { a as e, b as t, c as n, g as r, i, o as a, r as o, s, t as c, x as l } from "./SChartSkeletonHost-CecfQ3Ye.js";
|
|
2
|
+
import { t as u } from "./buildCartesianChartScales-EofFq3ry.js";
|
|
3
|
+
import { n as d, t as f } from "./buildChartSeriesPoints-D8Xpfwp7.js";
|
|
4
|
+
import { t as p } from "./resolveStackedChartContext-DdraOueU.js";
|
|
5
|
+
import { t as m } from "./createChartCrosshairPlugin-BC0IDCn3.js";
|
|
6
|
+
import { t as h } from "./resolveSeriesPaletteColor-m8HQ9qwV.js";
|
|
7
|
+
import { t as g } from "./SChartLegend-Chr0IZWN.js";
|
|
5
8
|
import { computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createVNode as S, defineComponent as C, normalizeClass as w, openBlock as T, unref as E, useTemplateRef as D, withCtx as O } from "vue";
|
|
6
|
-
//#region src/utils/chart/stacked/
|
|
7
|
-
var k = (e) => ({
|
|
8
|
-
id: "sUiChartCrosshair",
|
|
9
|
-
afterDatasetsDraw(t) {
|
|
10
|
-
if ((t.tooltip?.getActiveElements() ?? []).length === 0) return;
|
|
11
|
-
let { ctx: n, chartArea: r } = t;
|
|
12
|
-
if (!r || !t.tooltip) return;
|
|
13
|
-
let a = u(i.crosshair, e), o = t.tooltip.caretX;
|
|
14
|
-
n.save(), n.beginPath(), n.moveTo(o, r.top), n.lineTo(o, r.bottom), n.lineWidth = 1, n.strokeStyle = a, n.stroke(), n.restore();
|
|
15
|
-
}
|
|
16
|
-
}), A = (t, n, r, a = !1) => h(t, n, r, a, {
|
|
9
|
+
//#region src/utils/chart/stacked/resolveStackedSeriesColor.ts
|
|
10
|
+
var k = (e, n, i, a = !1) => h(e, n, i, a, {
|
|
17
11
|
palette: l,
|
|
18
|
-
paletteFallback:
|
|
19
|
-
skeletonPalette:
|
|
20
|
-
skeletonFallback:
|
|
21
|
-
}),
|
|
22
|
-
let
|
|
23
|
-
seriesList:
|
|
24
|
-
colorHostElement:
|
|
12
|
+
paletteFallback: r.stackedPalette1,
|
|
13
|
+
skeletonPalette: t,
|
|
14
|
+
skeletonFallback: r.skeletonPalette1
|
|
15
|
+
}), A = 20, j = "stack0", M = ({ seriesList: t, colorHostElement: r, yMax: o, yMin: c, yStep: l = A, skeleton: d = !1, totalLabel: f }) => {
|
|
16
|
+
let h = p({
|
|
17
|
+
seriesList: t,
|
|
18
|
+
colorHostElement: r,
|
|
25
19
|
yMax: o,
|
|
26
20
|
yMin: c,
|
|
27
21
|
yStep: l,
|
|
28
|
-
skeleton:
|
|
22
|
+
skeleton: d
|
|
29
23
|
});
|
|
30
|
-
if (!
|
|
31
|
-
let { axisLabelColor:
|
|
24
|
+
if (!h) return null;
|
|
25
|
+
let { axisLabelColor: g, gridColor: _, tooltipBackgroundColor: v, tooltipTextColor: y, resolvedYMax: b, resolvedYMin: x, chartLabels: S } = h;
|
|
32
26
|
return {
|
|
33
27
|
type: "line",
|
|
34
28
|
data: {
|
|
35
|
-
labels:
|
|
36
|
-
datasets:
|
|
29
|
+
labels: S,
|
|
30
|
+
datasets: t.map((e, t) => ({
|
|
37
31
|
label: e.label,
|
|
38
32
|
data: e.points.map((e) => e.value),
|
|
39
|
-
borderColor:
|
|
40
|
-
backgroundColor:
|
|
33
|
+
borderColor: k(t, r, e.fillColor, d),
|
|
34
|
+
backgroundColor: k(t, r, e.fillColor, d),
|
|
41
35
|
borderWidth: 0,
|
|
42
36
|
fill: !0,
|
|
43
37
|
pointRadius: 0,
|
|
44
38
|
pointHoverRadius: 0,
|
|
45
39
|
tension: 0,
|
|
46
|
-
stack:
|
|
40
|
+
stack: j
|
|
47
41
|
}))
|
|
48
42
|
},
|
|
49
43
|
options: {
|
|
50
44
|
responsive: !0,
|
|
51
45
|
maintainAspectRatio: !1,
|
|
52
|
-
interaction:
|
|
46
|
+
interaction: i(d, {
|
|
53
47
|
mode: "index",
|
|
54
48
|
intersect: !1
|
|
55
49
|
}),
|
|
56
50
|
plugins: {
|
|
57
51
|
legend: { display: !1 },
|
|
58
52
|
tooltip: {
|
|
59
|
-
enabled:
|
|
60
|
-
backgroundColor:
|
|
61
|
-
titleColor:
|
|
62
|
-
bodyColor:
|
|
63
|
-
footerColor:
|
|
53
|
+
enabled: e(d),
|
|
54
|
+
backgroundColor: v,
|
|
55
|
+
titleColor: y,
|
|
56
|
+
bodyColor: y,
|
|
57
|
+
footerColor: y,
|
|
64
58
|
displayColors: !1,
|
|
65
59
|
position: s,
|
|
66
60
|
yAlign: "bottom",
|
|
@@ -69,18 +63,18 @@ var k = (e) => ({
|
|
|
69
63
|
callbacks: n({ total: f })
|
|
70
64
|
}
|
|
71
65
|
},
|
|
72
|
-
scales:
|
|
73
|
-
axisLabelColor:
|
|
74
|
-
gridColor:
|
|
75
|
-
yMin:
|
|
76
|
-
yMax:
|
|
66
|
+
scales: u({
|
|
67
|
+
axisLabelColor: g,
|
|
68
|
+
gridColor: _,
|
|
69
|
+
yMin: x,
|
|
70
|
+
yMax: b,
|
|
77
71
|
yStep: l,
|
|
78
72
|
stacked: !0
|
|
79
73
|
})
|
|
80
74
|
},
|
|
81
|
-
plugins: a(
|
|
75
|
+
plugins: a(d, [m(r)])
|
|
82
76
|
};
|
|
83
|
-
},
|
|
77
|
+
}, N = [
|
|
84
78
|
"24.02",
|
|
85
79
|
"28.02",
|
|
86
80
|
"04.03",
|
|
@@ -95,7 +89,7 @@ var k = (e) => ({
|
|
|
95
89
|
"09.04",
|
|
96
90
|
"13.04",
|
|
97
91
|
"17.04"
|
|
98
|
-
],
|
|
92
|
+
], P = [
|
|
99
93
|
18,
|
|
100
94
|
22,
|
|
101
95
|
26,
|
|
@@ -110,7 +104,7 @@ var k = (e) => ({
|
|
|
110
104
|
50,
|
|
111
105
|
51,
|
|
112
106
|
52
|
|
113
|
-
],
|
|
107
|
+
], F = [
|
|
114
108
|
6,
|
|
115
109
|
6,
|
|
116
110
|
7,
|
|
@@ -125,7 +119,7 @@ var k = (e) => ({
|
|
|
125
119
|
7,
|
|
126
120
|
7,
|
|
127
121
|
7
|
|
128
|
-
],
|
|
122
|
+
], I = [
|
|
129
123
|
10,
|
|
130
124
|
11,
|
|
131
125
|
12,
|
|
@@ -140,7 +134,7 @@ var k = (e) => ({
|
|
|
140
134
|
10,
|
|
141
135
|
10,
|
|
142
136
|
10
|
|
143
|
-
],
|
|
137
|
+
], L = [
|
|
144
138
|
32,
|
|
145
139
|
30,
|
|
146
140
|
28,
|
|
@@ -155,29 +149,29 @@ var k = (e) => ({
|
|
|
155
149
|
27,
|
|
156
150
|
28,
|
|
157
151
|
28
|
|
158
|
-
],
|
|
152
|
+
], R = [
|
|
159
153
|
"Готово",
|
|
160
154
|
"На ревью",
|
|
161
155
|
"В процессе",
|
|
162
156
|
"Бэклог"
|
|
163
|
-
],
|
|
157
|
+
], z = [
|
|
164
158
|
{
|
|
165
|
-
label:
|
|
166
|
-
points:
|
|
159
|
+
label: R[0] ?? "Series 1",
|
|
160
|
+
points: f(N, P)
|
|
167
161
|
},
|
|
168
162
|
{
|
|
169
|
-
label:
|
|
170
|
-
points:
|
|
163
|
+
label: R[1] ?? "Series 2",
|
|
164
|
+
points: f(N, F)
|
|
171
165
|
},
|
|
172
166
|
{
|
|
173
|
-
label:
|
|
174
|
-
points:
|
|
167
|
+
label: R[2] ?? "Series 3",
|
|
168
|
+
points: f(N, I)
|
|
175
169
|
},
|
|
176
170
|
{
|
|
177
|
-
label:
|
|
178
|
-
points:
|
|
171
|
+
label: R[3] ?? "Series 4",
|
|
172
|
+
points: f(N, L)
|
|
179
173
|
}
|
|
180
|
-
],
|
|
174
|
+
], B = { class: "s-ui-chart-stacked-area__canvas-wrap" }, V = /* @__PURE__ */ C({
|
|
181
175
|
__name: "SChartStackedArea",
|
|
182
176
|
props: {
|
|
183
177
|
series: { default: () => [] },
|
|
@@ -190,7 +184,7 @@ var k = (e) => ({
|
|
|
190
184
|
totalLabel: {}
|
|
191
185
|
},
|
|
192
186
|
setup(e) {
|
|
193
|
-
let t = D("chartRootRef"), n = D("chartCanvasRef"), r = _(() => e.loading ?
|
|
187
|
+
let t = D("chartRootRef"), n = D("chartCanvasRef"), r = _(() => e.loading ? z : e.series), i = _(() => !e.loading && e.series.length === 0 ? null : M({
|
|
194
188
|
seriesList: r.value,
|
|
195
189
|
colorHostElement: t.value,
|
|
196
190
|
yMax: e.loading ? 160 : e.yMax,
|
|
@@ -198,7 +192,7 @@ var k = (e) => ({
|
|
|
198
192
|
yStep: e.loading ? 20 : e.yStep,
|
|
199
193
|
skeleton: e.loading,
|
|
200
194
|
totalLabel: e.totalLabel
|
|
201
|
-
})), a = _(() =>
|
|
195
|
+
})), a = _(() => d(r.value, (n, r) => k(n, t.value, r, e.loading)));
|
|
202
196
|
return o({
|
|
203
197
|
canvasRef: n,
|
|
204
198
|
config: i,
|
|
@@ -207,7 +201,7 @@ var k = (e) => ({
|
|
|
207
201
|
ref_key: "chartRootRef",
|
|
208
202
|
ref: t,
|
|
209
203
|
class: w(["s-ui-chart-stacked-area", { "s-ui-chart-stacked-area--skeleton": e.loading }])
|
|
210
|
-
}, [x("div",
|
|
204
|
+
}, [x("div", B, [S(E(c), { loading: e.loading }, {
|
|
211
205
|
default: O(() => [x("canvas", {
|
|
212
206
|
ref_key: "chartCanvasRef",
|
|
213
207
|
ref: n,
|
|
@@ -222,4 +216,4 @@ var k = (e) => ({
|
|
|
222
216
|
}
|
|
223
217
|
});
|
|
224
218
|
//#endregion
|
|
225
|
-
export {
|
|
219
|
+
export { V as t };
|