@shtabapp/ui-kit 1.45.0 → 1.47.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 +13 -0
- package/dist/{SChartBurnup-DhuCNXhU.cjs → SChartBurnup-BhCS06uF.cjs} +1 -1
- package/dist/SChartBurnup-CG239MJx.js +251 -0
- package/dist/SChartHorizontalBar-DnKbf_9E.cjs +1 -0
- package/dist/SChartHorizontalBar-DqTZ4H-9.js +175 -0
- package/dist/SChartLegend-DGtjd6zV.cjs +1 -0
- package/dist/SChartLegend-oZoF8XK7.js +42 -0
- package/dist/SChartLine-CEnRbnVo.cjs +1 -0
- package/dist/SChartLine-CQhbtAjJ.js +129 -0
- package/dist/SChartMultiLine-B6GldTYv.cjs +1 -0
- package/dist/SChartMultiLine-CPEglksk.js +198 -0
- package/dist/SChartPie-CQyENNM6.cjs +1 -0
- package/dist/SChartPie-DXHCXNEs.js +168 -0
- package/dist/{SChartProgress-Zdphet8I.js → SChartProgress-BwDuidgB.js} +54 -50
- package/dist/{SChartProgress-QsGTZ8kT.cjs → SChartProgress-CMcM6yvT.cjs} +1 -1
- package/dist/SChartSkeletonHost-BlIYGj-7.cjs +1 -0
- package/dist/{SChartSkeletonHost-CecfQ3Ye.js → SChartSkeletonHost-DSFyP_DN.js} +150 -89
- package/dist/SChartStackedArea-BR7W44h6.js +254 -0
- package/dist/SChartStackedArea-DHSamqau.cjs +1 -0
- package/dist/SChartStackedBar-B3HcO4UQ.cjs +1 -0
- package/dist/SChartStackedBar-BbYna5KB.js +245 -0
- package/dist/{SColorPicker-ksmNupJa.js → SColorPicker-BqsD-5xA.js} +1 -1
- package/dist/{SColorPicker-BIrkgFys.cjs → SColorPicker-CeKB3QS1.cjs} +1 -1
- package/dist/SList-DAzztC-7.js +514 -0
- package/dist/SList-S18K8mlH.cjs +1 -0
- package/dist/{SSelect-DS2EGmjV.js → SSelect-Bntb-dgY.js} +1 -1
- package/dist/{SSelect-CkV6gq4S.cjs → SSelect-DcTEwHx6.cjs} +1 -1
- package/dist/components/SChartBurnup/SChartBurnup.vue.d.ts +4 -1
- package/dist/components/SChartBurnup/SChartBurnup.vue.d.ts.map +1 -1
- package/dist/components/SChartHorizontalBar/SChartHorizontalBar.vue.d.ts +9 -2
- package/dist/components/SChartHorizontalBar/SChartHorizontalBar.vue.d.ts.map +1 -1
- package/dist/components/SChartHorizontalBar/utils/buildSChartHorizontalBarConfig.d.ts +1 -0
- package/dist/components/SChartHorizontalBar/utils/buildSChartHorizontalBarConfig.d.ts.map +1 -1
- package/dist/components/SChartLegend/SChartLegend.types.d.ts +2 -0
- package/dist/components/SChartLegend/SChartLegend.types.d.ts.map +1 -1
- package/dist/components/SChartLegend/SChartLegend.vue.d.ts +5 -1
- package/dist/components/SChartLegend/SChartLegend.vue.d.ts.map +1 -1
- package/dist/components/SChartLine/SChartLine.vue.d.ts +4 -1
- package/dist/components/SChartLine/SChartLine.vue.d.ts.map +1 -1
- package/dist/components/SChartMultiLine/SChartMultiLine.vue.d.ts +9 -2
- 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/SChartPie/SChartPie.vue.d.ts +9 -2
- package/dist/components/SChartPie/SChartPie.vue.d.ts.map +1 -1
- package/dist/components/SChartPie/utils/buildPieChartConfig.d.ts +2 -1
- package/dist/components/SChartPie/utils/buildPieChartConfig.d.ts.map +1 -1
- package/dist/components/SChartProgress/SChartProgress.vue.d.ts +4 -1
- package/dist/components/SChartProgress/SChartProgress.vue.d.ts.map +1 -1
- package/dist/components/SChartSegmentedBar/SChartSegmentedBar.vue.d.ts +9 -2
- package/dist/components/SChartSegmentedBar/SChartSegmentedBar.vue.d.ts.map +1 -1
- package/dist/components/SChartSegmentedBar/utils/buildSegmentedBarChartConfig.d.ts +2 -1
- package/dist/components/SChartSegmentedBar/utils/buildSegmentedBarChartConfig.d.ts.map +1 -1
- package/dist/components/SChartStackedArea/SChartStackedArea.vue.d.ts +9 -2
- package/dist/components/SChartStackedArea/SChartStackedArea.vue.d.ts.map +1 -1
- package/dist/components/SChartStackedArea/utils/buildStackedAreaChartConfig.d.ts +2 -1
- package/dist/components/SChartStackedArea/utils/buildStackedAreaChartConfig.d.ts.map +1 -1
- package/dist/components/SChartStackedBar/SChartStackedBar.vue.d.ts +9 -2
- package/dist/components/SChartStackedBar/SChartStackedBar.vue.d.ts.map +1 -1
- package/dist/components/SChartStackedBar/utils/buildStackedBarChartConfig.d.ts +2 -1
- package/dist/components/SChartStackedBar/utils/buildStackedBarChartConfig.d.ts.map +1 -1
- package/dist/components/SList/SList.types.d.ts +11 -0
- package/dist/components/SList/SList.types.d.ts.map +1 -1
- package/dist/components/SList/SList.vue.d.ts +11 -3
- package/dist/components/SList/SList.vue.d.ts.map +1 -1
- package/dist/composables/useChartInteractivity.d.ts +14 -0
- package/dist/composables/useChartInteractivity.d.ts.map +1 -0
- package/dist/composables/useFlatTreeList.d.ts +4 -1
- package/dist/composables/useFlatTreeList.d.ts.map +1 -1
- package/dist/composables/useHasListener.d.ts +2 -0
- package/dist/composables/useHasListener.d.ts.map +1 -0
- package/dist/{createChartCrosshairPlugin-HfMMUP5O.cjs → createChartCrosshairPlugin-DdLyEWI0.cjs} +1 -1
- package/dist/{createChartCrosshairPlugin-BC0IDCn3.js → createChartCrosshairPlugin-q3U4ePnf.js} +2 -2
- 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-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.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.js +184 -140
- package/dist/resolveSeriesPaletteColor-YACKW1NO.cjs +1 -0
- package/dist/{resolveSeriesPaletteColor-m8HQ9qwV.js → resolveSeriesPaletteColor-fuhGbjFO.js} +1 -1
- package/dist/{resolveStackedChartContext-DdraOueU.js → resolveStackedChartContext-BiIGZ2or.js} +5 -5
- package/dist/{resolveStackedChartContext-BywAnZUu.cjs → resolveStackedChartContext-Bp75eU_I.cjs} +1 -1
- package/dist/useHasListener-BPgtbbo6.cjs +1 -0
- package/dist/useHasListener-RSjlUyqH.js +8 -0
- package/dist/utils/chart/core/chartCssVariables.d.ts +2 -0
- package/dist/utils/chart/core/chartCssVariables.d.ts.map +1 -1
- package/dist/utils/chart/core/chartInteractivity.d.ts +41 -0
- package/dist/utils/chart/core/chartInteractivity.d.ts.map +1 -0
- package/dist/utils/chart/horizontalBar/buildHorizontalBarChartConfig.d.ts +2 -1
- package/dist/utils/chart/horizontalBar/buildHorizontalBarChartConfig.d.ts.map +1 -1
- package/package.json +3 -3
- package/dist/SChartBurnup-DYBnJMnm.js +0 -247
- package/dist/SChartHorizontalBar-DMBzyz9x.cjs +0 -1
- package/dist/SChartHorizontalBar-bm3Jexa3.js +0 -156
- package/dist/SChartLegend-Chr0IZWN.js +0 -30
- package/dist/SChartLegend-DXFXKXCm.cjs +0 -1
- package/dist/SChartLine-CiREb4H_.js +0 -125
- package/dist/SChartLine-P57XRR2o.cjs +0 -1
- package/dist/SChartMultiLine-3cdB0U12.js +0 -166
- package/dist/SChartMultiLine-BW1kITlR.cjs +0 -1
- package/dist/SChartPie-55wx2zRi.cjs +0 -1
- package/dist/SChartPie-Dc_gjzIl.js +0 -143
- package/dist/SChartSkeletonHost-CfM0zolj.cjs +0 -1
- package/dist/SChartStackedArea-BaJ963lU.cjs +0 -1
- package/dist/SChartStackedArea-cjN9gECV.js +0 -219
- package/dist/SChartStackedBar-0jGICBA0.js +0 -217
- package/dist/SChartStackedBar-j9WyOnsL.cjs +0 -1
- package/dist/SList-BtfUntkw.js +0 -437
- package/dist/SList-fZQdPkFG.cjs +0 -1
- package/dist/resolveSeriesPaletteColor-BcFyrhh0.cjs +0 -1
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./createChartAreaFillGradient-BDmME9Gy.js";
|
|
2
|
-
import { S as t, a as n, g as r, i, r as a, t as o } from "./SChartSkeletonHost-CecfQ3Ye.js";
|
|
3
|
-
import { t as s } from "./buildCartesianChartScales-EofFq3ry.js";
|
|
4
|
-
import { computed as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, unref as h, useTemplateRef as g, withCtx as _ } from "vue";
|
|
5
|
-
//#region src/utils/chart/css/readCssNumber.ts
|
|
6
|
-
var v = (e, t, n = 1) => {
|
|
7
|
-
if (typeof window > "u") return n;
|
|
8
|
-
let r = t ?? document.documentElement, i = getComputedStyle(r).getPropertyValue(e).trim(), a = Number.parseFloat(i);
|
|
9
|
-
return Number.isNaN(a) ? n : a;
|
|
10
|
-
}, y = 5, b = 5, x = (e, t, n) => {
|
|
11
|
-
if (t) return t;
|
|
12
|
-
let r = e.reduce((e, t) => Math.max(e, t.value), 0), i = Math.ceil(r / n) * n;
|
|
13
|
-
return i > 0 ? i : n * 5;
|
|
14
|
-
}, S = (e, t) => !t || typeof e != "number" ? e : `${e}%`, C = ({ points: a, seriesLabel: o, colorHostElement: c, yMax: l, yMin: u, yStep: d = b, skeleton: f = !1 }) => {
|
|
15
|
-
let p = t(r.axisLabel, c), m = t(r.grid, c), h = t(f ? r.skeletonSeries : r.seriesPrimary, c), g = t(f ? r.skeletonFillStart : r.seriesFillStart, c), _ = t(f ? r.skeletonFillEnd : r.seriesFillEnd, c), C = t(r.tooltipBackground, c), w = t(r.tooltipText, c), T = v(f ? r.skeletonFillOpacity : r.seriesFillOpacity, c, .8), E = f && l ? l : x(a, l, d), D = f && u !== void 0 ? u : 0;
|
|
16
|
-
return {
|
|
17
|
-
type: "line",
|
|
18
|
-
data: {
|
|
19
|
-
labels: a.map((e) => e.label),
|
|
20
|
-
datasets: [{
|
|
21
|
-
label: o,
|
|
22
|
-
data: a.map((e) => e.value),
|
|
23
|
-
borderColor: h,
|
|
24
|
-
backgroundColor: (t) => e(t, g, _, T),
|
|
25
|
-
borderWidth: y,
|
|
26
|
-
fill: !0,
|
|
27
|
-
pointRadius: 0,
|
|
28
|
-
pointHoverRadius: 4,
|
|
29
|
-
tension: .4
|
|
30
|
-
}]
|
|
31
|
-
},
|
|
32
|
-
options: {
|
|
33
|
-
responsive: !0,
|
|
34
|
-
maintainAspectRatio: !1,
|
|
35
|
-
interaction: i(f, {
|
|
36
|
-
mode: "index",
|
|
37
|
-
intersect: !1
|
|
38
|
-
}),
|
|
39
|
-
plugins: {
|
|
40
|
-
legend: { display: !1 },
|
|
41
|
-
tooltip: {
|
|
42
|
-
enabled: n(f),
|
|
43
|
-
backgroundColor: C,
|
|
44
|
-
titleColor: w,
|
|
45
|
-
bodyColor: w,
|
|
46
|
-
displayColors: !1
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
scales: s({
|
|
50
|
-
axisLabelColor: p,
|
|
51
|
-
gridColor: m,
|
|
52
|
-
yMin: D,
|
|
53
|
-
yMax: E,
|
|
54
|
-
yStep: d,
|
|
55
|
-
formatYAxisTick: (e) => S(e, f)
|
|
56
|
-
})
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
}, w = [
|
|
60
|
-
{
|
|
61
|
-
label: "ноябрь 2025",
|
|
62
|
-
value: 63
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
label: "декабрь 2025",
|
|
66
|
-
value: 77
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
label: "январь 2026",
|
|
70
|
-
value: 75
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
label: "февраль 2026",
|
|
74
|
-
value: 81
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
label: "март 2026",
|
|
78
|
-
value: 91
|
|
79
|
-
},
|
|
80
|
-
{
|
|
81
|
-
label: "апрель 2026",
|
|
82
|
-
value: 87
|
|
83
|
-
}
|
|
84
|
-
], T = { class: "s-ui-chart-line__canvas-wrap" }, E = /* @__PURE__ */ f({
|
|
85
|
-
__name: "SChartLine",
|
|
86
|
-
props: {
|
|
87
|
-
points: { default: () => [] },
|
|
88
|
-
seriesLabel: { default: "Series" },
|
|
89
|
-
loading: {
|
|
90
|
-
type: Boolean,
|
|
91
|
-
default: !1
|
|
92
|
-
},
|
|
93
|
-
yMax: {},
|
|
94
|
-
yStep: {}
|
|
95
|
-
},
|
|
96
|
-
setup(e) {
|
|
97
|
-
let t = g("chartRootRef"), n = g("chartCanvasRef"), r = c(() => e.loading ? w : e.points);
|
|
98
|
-
return a({
|
|
99
|
-
canvasRef: n,
|
|
100
|
-
config: c(() => !e.loading && e.points.length === 0 ? null : C({
|
|
101
|
-
points: r.value,
|
|
102
|
-
seriesLabel: e.seriesLabel,
|
|
103
|
-
colorHostElement: t.value,
|
|
104
|
-
yMax: e.loading ? 100 : e.yMax,
|
|
105
|
-
yMin: e.loading ? 50 : void 0,
|
|
106
|
-
yStep: e.loading ? 10 : e.yStep,
|
|
107
|
-
skeleton: e.loading
|
|
108
|
-
})),
|
|
109
|
-
enabled: c(() => e.loading || e.points.length > 0)
|
|
110
|
-
}), (r, i) => (m(), l("div", {
|
|
111
|
-
ref_key: "chartRootRef",
|
|
112
|
-
ref: t,
|
|
113
|
-
class: p(["s-ui-chart-line", { "s-ui-chart-line--skeleton": e.loading }])
|
|
114
|
-
}, [u("div", T, [d(h(o), { loading: e.loading }, {
|
|
115
|
-
default: _(() => [u("canvas", {
|
|
116
|
-
ref_key: "chartCanvasRef",
|
|
117
|
-
ref: n,
|
|
118
|
-
class: "s-ui-chart-line__canvas"
|
|
119
|
-
}, null, 512)]),
|
|
120
|
-
_: 1
|
|
121
|
-
}, 8, ["loading"])])], 2));
|
|
122
|
-
}
|
|
123
|
-
});
|
|
124
|
-
//#endregion
|
|
125
|
-
export { E as t };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./createChartAreaFillGradient-BwsojVzU.cjs"),t=require("./SChartSkeletonHost-CfM0zolj.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs");let r=require("vue");var i=(e,t,n=1)=>{if(typeof window>`u`)return n;let r=t??document.documentElement,i=getComputedStyle(r).getPropertyValue(e).trim(),a=Number.parseFloat(i);return Number.isNaN(a)?n:a},a=5,o=5,s=(e,t,n)=>{if(t)return t;let r=e.reduce((e,t)=>Math.max(e,t.value),0),i=Math.ceil(r/n)*n;return i>0?i:n*5},c=(e,t)=>!t||typeof e!=`number`?e:`${e}%`,l=({points:r,seriesLabel:l,colorHostElement:u,yMax:d,yMin:f,yStep:p=o,skeleton:m=!1})=>{let h=t.S(t.g.axisLabel,u),g=t.S(t.g.grid,u),_=t.S(m?t.g.skeletonSeries:t.g.seriesPrimary,u),v=t.S(m?t.g.skeletonFillStart:t.g.seriesFillStart,u),y=t.S(m?t.g.skeletonFillEnd:t.g.seriesFillEnd,u),b=t.S(t.g.tooltipBackground,u),x=t.S(t.g.tooltipText,u),S=i(m?t.g.skeletonFillOpacity:t.g.seriesFillOpacity,u,.8),C=m&&d?d:s(r,d,p),w=m&&f!==void 0?f:0;return{type:`line`,data:{labels:r.map(e=>e.label),datasets:[{label:l,data:r.map(e=>e.value),borderColor:_,backgroundColor:t=>e.t(t,v,y,S),borderWidth:a,fill:!0,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:t.i(m,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:t.a(m),backgroundColor:b,titleColor:x,bodyColor:x,displayColors:!1}},scales:n.t({axisLabelColor:h,gridColor:g,yMin:w,yMax:C,yStep:p,formatYAxisTick:e=>c(e,m)})}}},u=[{label:`ноябрь 2025`,value:63},{label:`декабрь 2025`,value:77},{label:`январь 2026`,value:75},{label:`февраль 2026`,value:81},{label:`март 2026`,value:91},{label:`апрель 2026`,value:87}],d={class:`s-ui-chart-line__canvas-wrap`},f=(0,r.defineComponent)({__name:`SChartLine`,props:{points:{default:()=>[]},seriesLabel:{default:`Series`},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},setup(e){let n=(0,r.useTemplateRef)(`chartRootRef`),i=(0,r.useTemplateRef)(`chartCanvasRef`),a=(0,r.computed)(()=>e.loading?u:e.points);return t.r({canvasRef:i,config:(0,r.computed)(()=>!e.loading&&e.points.length===0?null:l({points:a.value,seriesLabel:e.seriesLabel,colorHostElement:n.value,yMax:e.loading?100:e.yMax,yMin:e.loading?50:void 0,yStep:e.loading?10:e.yStep,skeleton:e.loading})),enabled:(0,r.computed)(()=>e.loading||e.points.length>0)}),(a,o)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:n,class:(0,r.normalizeClass)([`s-ui-chart-line`,{"s-ui-chart-line--skeleton":e.loading}])},[(0,r.createElementVNode)(`div`,d,[(0,r.createVNode)((0,r.unref)(t.t),{loading:e.loading},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-line__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});
|
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
import { S as e, _ as t, a as n, b as r, d as i, g as a, i as o, o as s, r as c, t as l, u } from "./SChartSkeletonHost-CecfQ3Ye.js";
|
|
2
|
-
import { n as d, r as f, t as p } from "./buildChartSeriesPoints-D8Xpfwp7.js";
|
|
3
|
-
import { t as m } from "./createChartCrosshairPlugin-BC0IDCn3.js";
|
|
4
|
-
import { t as h } from "./resolveSeriesPaletteColor-m8HQ9qwV.js";
|
|
5
|
-
import { t as g } from "./buildMultiLineChartScales-CFZ8YVeJ.js";
|
|
6
|
-
import { t as _ } from "./SChartLegend-Chr0IZWN.js";
|
|
7
|
-
import { computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createVNode as C, defineComponent as w, normalizeClass as T, openBlock as E, unref as D, useTemplateRef as O, withCtx as k } from "vue";
|
|
8
|
-
//#region src/utils/chart/multiLine/resolveMultiLineSeriesColor.ts
|
|
9
|
-
var A = (e, n, i, o = !1) => h(e, n, i, o, {
|
|
10
|
-
palette: t,
|
|
11
|
-
paletteFallback: a.multiLinePalette1,
|
|
12
|
-
skeletonPalette: r,
|
|
13
|
-
skeletonFallback: a.skeletonPalette1
|
|
14
|
-
}), j = (e, t, n) => {
|
|
15
|
-
if (t) return t;
|
|
16
|
-
let r = e.reduce((e, t) => {
|
|
17
|
-
let n = t.points.reduce((e, t) => Math.max(e, t.value), 0);
|
|
18
|
-
return Math.max(e, n);
|
|
19
|
-
}, 0), i = Math.ceil(r / n) * n;
|
|
20
|
-
return i > 0 ? i : n * 5;
|
|
21
|
-
}, M = 4, N = 5, P = ({ seriesList: t, colorHostElement: r, yMax: c, yMin: l, yStep: d = N, mirrorYAxis: p = !0, skeleton: h = !1 }) => {
|
|
22
|
-
if (!f(t)) return null;
|
|
23
|
-
let _ = e(a.axisLabel, r), v = e(a.grid, r), y = e(a.tooltipBackground, r), b = e(a.tooltipText, r), x = h && c ? c : j(t, c, d), S = h && l !== void 0 ? l : 0;
|
|
24
|
-
return {
|
|
25
|
-
type: "line",
|
|
26
|
-
data: {
|
|
27
|
-
labels: t[0]?.points.map((e) => e.label) ?? [],
|
|
28
|
-
datasets: t.map((e, t) => {
|
|
29
|
-
let n = A(t, r, e.fillColor, h);
|
|
30
|
-
return {
|
|
31
|
-
label: e.label,
|
|
32
|
-
data: e.points.map((e) => e.value),
|
|
33
|
-
borderColor: n,
|
|
34
|
-
backgroundColor: n,
|
|
35
|
-
borderWidth: M,
|
|
36
|
-
fill: !1,
|
|
37
|
-
pointRadius: 0,
|
|
38
|
-
pointHoverRadius: 4,
|
|
39
|
-
tension: .4
|
|
40
|
-
};
|
|
41
|
-
})
|
|
42
|
-
},
|
|
43
|
-
options: {
|
|
44
|
-
responsive: !0,
|
|
45
|
-
maintainAspectRatio: !1,
|
|
46
|
-
interaction: o(h, {
|
|
47
|
-
mode: "index",
|
|
48
|
-
intersect: !1
|
|
49
|
-
}),
|
|
50
|
-
plugins: {
|
|
51
|
-
legend: { display: !1 },
|
|
52
|
-
tooltip: {
|
|
53
|
-
enabled: n(h),
|
|
54
|
-
backgroundColor: y,
|
|
55
|
-
titleColor: b,
|
|
56
|
-
bodyColor: b,
|
|
57
|
-
footerColor: b,
|
|
58
|
-
displayColors: !1,
|
|
59
|
-
position: u,
|
|
60
|
-
yAlign: "bottom",
|
|
61
|
-
xAlign: "center",
|
|
62
|
-
caretPadding: 8,
|
|
63
|
-
callbacks: i()
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
scales: g({
|
|
67
|
-
axisLabelColor: _,
|
|
68
|
-
gridColor: v,
|
|
69
|
-
yMin: S,
|
|
70
|
-
yMax: x,
|
|
71
|
-
yStep: d,
|
|
72
|
-
mirrorYAxis: p
|
|
73
|
-
})
|
|
74
|
-
},
|
|
75
|
-
plugins: s(h, [m(r)])
|
|
76
|
-
};
|
|
77
|
-
}, F = [
|
|
78
|
-
"26.01",
|
|
79
|
-
"2.02",
|
|
80
|
-
"9.02",
|
|
81
|
-
"16.02",
|
|
82
|
-
"23.02",
|
|
83
|
-
"2.03",
|
|
84
|
-
"9.03",
|
|
85
|
-
"16.03",
|
|
86
|
-
"23.03",
|
|
87
|
-
"30.03",
|
|
88
|
-
"6.04"
|
|
89
|
-
], I = [{
|
|
90
|
-
label: "Series 1",
|
|
91
|
-
points: p(F, [
|
|
92
|
-
30,
|
|
93
|
-
34,
|
|
94
|
-
38,
|
|
95
|
-
44,
|
|
96
|
-
46,
|
|
97
|
-
50,
|
|
98
|
-
54,
|
|
99
|
-
56,
|
|
100
|
-
58,
|
|
101
|
-
60,
|
|
102
|
-
62
|
|
103
|
-
])
|
|
104
|
-
}, {
|
|
105
|
-
label: "Series 2",
|
|
106
|
-
points: p(F, [
|
|
107
|
-
22,
|
|
108
|
-
24,
|
|
109
|
-
26,
|
|
110
|
-
28,
|
|
111
|
-
30,
|
|
112
|
-
32,
|
|
113
|
-
33,
|
|
114
|
-
35,
|
|
115
|
-
36,
|
|
116
|
-
38,
|
|
117
|
-
40
|
|
118
|
-
])
|
|
119
|
-
}], L = { class: "s-ui-chart-multi-line__canvas-wrap" }, R = /* @__PURE__ */ w({
|
|
120
|
-
__name: "SChartMultiLine",
|
|
121
|
-
props: {
|
|
122
|
-
series: { default: () => [] },
|
|
123
|
-
loading: {
|
|
124
|
-
type: Boolean,
|
|
125
|
-
default: !1
|
|
126
|
-
},
|
|
127
|
-
yMax: {},
|
|
128
|
-
yStep: {},
|
|
129
|
-
mirrorYAxis: {
|
|
130
|
-
type: Boolean,
|
|
131
|
-
default: !0
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
|
-
setup(e) {
|
|
135
|
-
let t = O("chartRootRef"), n = O("chartCanvasRef"), r = v(() => e.loading ? I : e.series), i = v(() => !e.loading && e.series.length === 0 ? null : P({
|
|
136
|
-
seriesList: r.value,
|
|
137
|
-
colorHostElement: t.value,
|
|
138
|
-
yMax: e.yMax,
|
|
139
|
-
yStep: e.yStep,
|
|
140
|
-
mirrorYAxis: e.mirrorYAxis,
|
|
141
|
-
skeleton: e.loading
|
|
142
|
-
})), a = v(() => d(r.value, (n, r) => A(n, t.value, r, e.loading)));
|
|
143
|
-
return c({
|
|
144
|
-
canvasRef: n,
|
|
145
|
-
config: i,
|
|
146
|
-
enabled: v(() => e.loading || e.series.length > 0)
|
|
147
|
-
}), (r, i) => (E(), x("div", {
|
|
148
|
-
ref_key: "chartRootRef",
|
|
149
|
-
ref: t,
|
|
150
|
-
class: T(["s-ui-chart-multi-line", { "s-ui-chart-multi-line--skeleton": e.loading }])
|
|
151
|
-
}, [S("div", L, [C(D(l), { loading: e.loading }, {
|
|
152
|
-
default: k(() => [S("canvas", {
|
|
153
|
-
ref_key: "chartCanvasRef",
|
|
154
|
-
ref: n,
|
|
155
|
-
class: "s-ui-chart-multi-line__canvas"
|
|
156
|
-
}, null, 512)]),
|
|
157
|
-
_: 1
|
|
158
|
-
}, 8, ["loading"])]), a.value.length > 0 ? (E(), y(D(_), {
|
|
159
|
-
key: 0,
|
|
160
|
-
items: a.value,
|
|
161
|
-
disabled: e.loading
|
|
162
|
-
}, null, 8, ["items", "disabled"])) : b("", !0)], 2));
|
|
163
|
-
}
|
|
164
|
-
});
|
|
165
|
-
//#endregion
|
|
166
|
-
export { R as t };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./SChartSkeletonHost-CfM0zolj.cjs"),t=require("./buildChartSeriesPoints-Bv3nXvSu.cjs"),n=require("./createChartCrosshairPlugin-HfMMUP5O.cjs"),r=require("./resolveSeriesPaletteColor-BcFyrhh0.cjs"),i=require("./buildMultiLineChartScales-7mcIfRVG.cjs"),a=require("./SChartLegend-DXFXKXCm.cjs");let o=require("vue");var s=(t,n,i,a=!1)=>r.t(t,n,i,a,{palette:e._,paletteFallback:e.g.multiLinePalette1,skeletonPalette:e.b,skeletonFallback:e.g.skeletonPalette1}),c=(e,t,n)=>{if(t)return t;let r=e.reduce((e,t)=>{let n=t.points.reduce((e,t)=>Math.max(e,t.value),0);return Math.max(e,n)},0),i=Math.ceil(r/n)*n;return i>0?i:n*5},l=4,u=5,d=({seriesList:r,colorHostElement:a,yMax:o,yMin:d,yStep:f=u,mirrorYAxis:p=!0,skeleton:m=!1})=>{if(!t.r(r))return null;let h=e.S(e.g.axisLabel,a),g=e.S(e.g.grid,a),_=e.S(e.g.tooltipBackground,a),v=e.S(e.g.tooltipText,a),y=m&&o?o:c(r,o,f),b=m&&d!==void 0?d:0;return{type:`line`,data:{labels:r[0]?.points.map(e=>e.label)??[],datasets:r.map((e,t)=>{let n=s(t,a,e.fillColor,m);return{label:e.label,data:e.points.map(e=>e.value),borderColor:n,backgroundColor:n,borderWidth:l,fill:!1,pointRadius:0,pointHoverRadius:4,tension:.4}})},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.i(m,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(m),backgroundColor:_,titleColor:v,bodyColor:v,footerColor:v,displayColors:!1,position:e.u,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e.d()}},scales:i.t({axisLabelColor:h,gridColor:g,yMin:b,yMax:y,yStep:f,mirrorYAxis:p})},plugins:e.o(m,[n.t(a)])}},f=[`26.01`,`2.02`,`9.02`,`16.02`,`23.02`,`2.03`,`9.03`,`16.03`,`23.03`,`30.03`,`6.04`],p=[{label:`Series 1`,points:t.t(f,[30,34,38,44,46,50,54,56,58,60,62])},{label:`Series 2`,points:t.t(f,[22,24,26,28,30,32,33,35,36,38,40])}],m={class:`s-ui-chart-multi-line__canvas-wrap`},h=(0,o.defineComponent)({__name:`SChartMultiLine`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{},mirrorYAxis:{type:Boolean,default:!0}},setup(n){let r=(0,o.useTemplateRef)(`chartRootRef`),i=(0,o.useTemplateRef)(`chartCanvasRef`),c=(0,o.computed)(()=>n.loading?p:n.series),l=(0,o.computed)(()=>!n.loading&&n.series.length===0?null:d({seriesList:c.value,colorHostElement:r.value,yMax:n.yMax,yStep:n.yStep,mirrorYAxis:n.mirrorYAxis,skeleton:n.loading})),u=(0,o.computed)(()=>t.n(c.value,(e,t)=>s(e,r.value,t,n.loading)));return e.r({canvasRef:i,config:l,enabled:(0,o.computed)(()=>n.loading||n.series.length>0)}),(t,s)=>((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,o.normalizeClass)([`s-ui-chart-multi-line`,{"s-ui-chart-multi-line--skeleton":n.loading}])},[(0,o.createElementVNode)(`div`,m,[(0,o.createVNode)((0,o.unref)(e.t),{loading:n.loading},{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-multi-line__canvas`},null,512)]),_:1},8,[`loading`])]),u.value.length>0?((0,o.openBlock)(),(0,o.createBlock)((0,o.unref)(a.t),{key:0,items:u.value,disabled:n.loading},null,8,[`items`,`disabled`])):(0,o.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./SChartSkeletonHost-CfM0zolj.cjs"),t=require("./resolveSeriesPaletteColor-BcFyrhh0.cjs"),n=require("./SChartLegend-DXFXKXCm.cjs");let r=require("vue");var i=(n,r,i,a=!1)=>t.t(n,r,i,a,{palette:e.y,paletteFallback:e.g.piePalette1,skeletonPalette:e.v,skeletonFallback:e.g.pieSkeletonPalette1}),a=()=>({title:()=>``,label:e=>`${e.label??``} – ${e.parsed??0}`}),o=4,s=4,c=1,l=`400 12px var(--s-ui-font-family-label)`,u=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},d=e=>!(`getCenterPoint`in e)||typeof e.getCenterPoint!=`function`?null:e.getCenterPoint(!1),f=t=>({id:`pieSegmentBadge`,afterDatasetsDraw(n){let r=n.getDatasetMeta(0);if(!r)return;let i=e.S(e.g.pieBadgeBackground,t),a=e.S(e.g.pieBadgeBorder,t),f=e.S(e.g.pieBadgeText,t),{ctx:p}=n;p.save(),p.font=l,p.textAlign=`center`,p.textBaseline=`middle`;for(let e=0;e<r.data.length;e+=1){let t=r.data[e],l=n.data.datasets[0]?.data[e],m=t?d(t):null;if(t&&typeof l==`number`&&l>0&&m){let e=`${l}`,t=p.measureText(e).width+o*2;u(p,m.x-t/2,m.y-20/2,t,20,s),p.fillStyle=i,p.fill(),p.lineWidth=c,p.strokeStyle=a,p.stroke(),p.fillStyle=f,p.fillText(e,m.x,m.y)}}p.restore()}}),p=({sliceList:t,colorHostElement:n,skeleton:r=!1})=>{if(t.length===0)return null;let o=e.S(e.g.pieSegmentBorder,n),s=e.S(e.g.tooltipBackground,n),c=e.S(e.g.tooltipText,n),l=t.map((e,t)=>i(t,n,e.fillColor,r));return{type:`pie`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:l,hoverBackgroundColor:l,borderColor:o,hoverBorderColor:o,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},interaction:e.i(r,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(r),backgroundColor:s,titleColor:c,bodyColor:c,displayColors:!1,callbacks:a()}}},plugins:e.o(r,[f(n)])}},m=[`Series 1`,`Series 2`,`Series 3`,`Series 4`,`Series 5`,`Series 6`,`Series 7`,`Series 8`],h=[4,1,1,1,1,1,1,1],g=m.map((e,t)=>({label:e,value:h[t]??1})),_={class:`s-ui-chart-pie__canvas-wrap`},v=(0,r.defineComponent)({__name:`SChartPie`,props:{slices:{default:()=>[]},loading:{type:Boolean,default:!1}},setup(t){let a=e.n,o=(0,r.useTemplateRef)(`chartRootRef`),s=(0,r.useTemplateRef)(`chartCanvasRef`),c=(0,r.computed)(()=>t.loading?g:t.slices),l=(0,r.computed)(()=>!t.loading&&t.slices.length===0?null:p({sliceList:c.value,colorHostElement:o.value,skeleton:t.loading})),u=(0,r.computed)(()=>c.value.map((e,n)=>({label:e.label,color:i(n,o.value,e.fillColor,t.loading)})));return e.r({canvasRef:s,config:l,enabled:(0,r.computed)(()=>t.loading||t.slices.length>0)}),(i,c)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:o,class:(0,r.normalizeClass)([`s-ui-chart-pie`,{"s-ui-chart-pie--skeleton":t.loading}])},[(0,r.createElementVNode)(`div`,_,[(0,r.createVNode)((0,r.unref)(e.t),{loading:t.loading,type:(0,r.unref)(a).PIE},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:s,class:`s-ui-chart-pie__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),u.value.length>0?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:0,items:u.value,disabled:t.loading,direction:`column`},null,8,[`items`,`disabled`])):(0,r.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
import { S as e, a as t, g as n, i as r, n as i, o as a, r as o, t as s, v as c, y as l } from "./SChartSkeletonHost-CecfQ3Ye.js";
|
|
2
|
-
import { t as u } from "./resolveSeriesPaletteColor-m8HQ9qwV.js";
|
|
3
|
-
import { t as d } from "./SChartLegend-Chr0IZWN.js";
|
|
4
|
-
import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, openBlock as b, unref as x, useTemplateRef as S, withCtx as C } from "vue";
|
|
5
|
-
//#region src/utils/chart/pie/resolvePieSliceColor.ts
|
|
6
|
-
var w = (e, t, r, i = !1) => u(e, t, r, i, {
|
|
7
|
-
palette: l,
|
|
8
|
-
paletteFallback: n.piePalette1,
|
|
9
|
-
skeletonPalette: c,
|
|
10
|
-
skeletonFallback: n.pieSkeletonPalette1
|
|
11
|
-
}), T = () => ({
|
|
12
|
-
title: () => "",
|
|
13
|
-
label: (e) => `${e.label ?? ""} – ${e.parsed ?? 0}`
|
|
14
|
-
}), E = 4, D = 4, O = 1, k = "400 12px var(--s-ui-font-family-label)", A = (e, t, n, r, i, a) => {
|
|
15
|
-
let o = Math.min(a, r / 2, i / 2);
|
|
16
|
-
e.beginPath(), e.moveTo(t + o, n), e.lineTo(t + r - o, n), e.arcTo(t + r, n, t + r, n + o, o), e.lineTo(t + r, n + i - o), e.arcTo(t + r, n + i, t + r - o, n + i, o), e.lineTo(t + o, n + i), e.arcTo(t, n + i, t, n + i - o, o), e.lineTo(t, n + o), e.arcTo(t, n, t + o, n, o), e.closePath();
|
|
17
|
-
}, j = (e) => !("getCenterPoint" in e) || typeof e.getCenterPoint != "function" ? null : e.getCenterPoint(!1), M = (t) => ({
|
|
18
|
-
id: "pieSegmentBadge",
|
|
19
|
-
afterDatasetsDraw(r) {
|
|
20
|
-
let i = r.getDatasetMeta(0);
|
|
21
|
-
if (!i) return;
|
|
22
|
-
let a = e(n.pieBadgeBackground, t), o = e(n.pieBadgeBorder, t), s = e(n.pieBadgeText, t), { ctx: c } = r;
|
|
23
|
-
c.save(), c.font = k, c.textAlign = "center", c.textBaseline = "middle";
|
|
24
|
-
for (let e = 0; e < i.data.length; e += 1) {
|
|
25
|
-
let t = i.data[e], n = r.data.datasets[0]?.data[e], l = t ? j(t) : null;
|
|
26
|
-
if (t && typeof n == "number" && n > 0 && l) {
|
|
27
|
-
let e = `${n}`, t = c.measureText(e).width + E * 2;
|
|
28
|
-
A(c, l.x - t / 2, l.y - 20 / 2, t, 20, D), c.fillStyle = a, c.fill(), c.lineWidth = O, c.strokeStyle = o, c.stroke(), c.fillStyle = s, c.fillText(e, l.x, l.y);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
c.restore();
|
|
32
|
-
}
|
|
33
|
-
}), N = ({ sliceList: i, colorHostElement: o, skeleton: s = !1 }) => {
|
|
34
|
-
if (i.length === 0) return null;
|
|
35
|
-
let c = e(n.pieSegmentBorder, o), l = e(n.tooltipBackground, o), u = e(n.tooltipText, o), d = i.map((e, t) => w(t, o, e.fillColor, s));
|
|
36
|
-
return {
|
|
37
|
-
type: "pie",
|
|
38
|
-
data: {
|
|
39
|
-
labels: i.map((e) => e.label),
|
|
40
|
-
datasets: [{
|
|
41
|
-
data: i.map((e) => e.value),
|
|
42
|
-
backgroundColor: d,
|
|
43
|
-
hoverBackgroundColor: d,
|
|
44
|
-
borderColor: c,
|
|
45
|
-
hoverBorderColor: c,
|
|
46
|
-
borderWidth: 4,
|
|
47
|
-
hoverBorderWidth: 4,
|
|
48
|
-
hoverOffset: 26,
|
|
49
|
-
spacing: 0,
|
|
50
|
-
borderRadius: 8
|
|
51
|
-
}]
|
|
52
|
-
},
|
|
53
|
-
options: {
|
|
54
|
-
responsive: !0,
|
|
55
|
-
maintainAspectRatio: !0,
|
|
56
|
-
cutout: "58%",
|
|
57
|
-
rotation: 115,
|
|
58
|
-
layout: { padding: 26 },
|
|
59
|
-
interaction: r(s, {
|
|
60
|
-
mode: "nearest",
|
|
61
|
-
intersect: !0
|
|
62
|
-
}),
|
|
63
|
-
plugins: {
|
|
64
|
-
legend: { display: !1 },
|
|
65
|
-
tooltip: {
|
|
66
|
-
enabled: t(s),
|
|
67
|
-
backgroundColor: l,
|
|
68
|
-
titleColor: u,
|
|
69
|
-
bodyColor: u,
|
|
70
|
-
displayColors: !1,
|
|
71
|
-
callbacks: T()
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
|
-
plugins: a(s, [M(o)])
|
|
76
|
-
};
|
|
77
|
-
}, P = [
|
|
78
|
-
"Series 1",
|
|
79
|
-
"Series 2",
|
|
80
|
-
"Series 3",
|
|
81
|
-
"Series 4",
|
|
82
|
-
"Series 5",
|
|
83
|
-
"Series 6",
|
|
84
|
-
"Series 7",
|
|
85
|
-
"Series 8"
|
|
86
|
-
], F = [
|
|
87
|
-
4,
|
|
88
|
-
1,
|
|
89
|
-
1,
|
|
90
|
-
1,
|
|
91
|
-
1,
|
|
92
|
-
1,
|
|
93
|
-
1,
|
|
94
|
-
1
|
|
95
|
-
], I = P.map((e, t) => ({
|
|
96
|
-
label: e,
|
|
97
|
-
value: F[t] ?? 1
|
|
98
|
-
})), L = { class: "s-ui-chart-pie__canvas-wrap" }, R = /* @__PURE__ */ v({
|
|
99
|
-
__name: "SChartPie",
|
|
100
|
-
props: {
|
|
101
|
-
slices: { default: () => [] },
|
|
102
|
-
loading: {
|
|
103
|
-
type: Boolean,
|
|
104
|
-
default: !1
|
|
105
|
-
}
|
|
106
|
-
},
|
|
107
|
-
setup(e) {
|
|
108
|
-
let t = i, n = S("chartRootRef"), r = S("chartCanvasRef"), a = f(() => e.loading ? I : e.slices), c = f(() => !e.loading && e.slices.length === 0 ? null : N({
|
|
109
|
-
sliceList: a.value,
|
|
110
|
-
colorHostElement: n.value,
|
|
111
|
-
skeleton: e.loading
|
|
112
|
-
})), l = f(() => a.value.map((t, r) => ({
|
|
113
|
-
label: t.label,
|
|
114
|
-
color: w(r, n.value, t.fillColor, e.loading)
|
|
115
|
-
})));
|
|
116
|
-
return o({
|
|
117
|
-
canvasRef: r,
|
|
118
|
-
config: c,
|
|
119
|
-
enabled: f(() => e.loading || e.slices.length > 0)
|
|
120
|
-
}), (i, a) => (b(), h("div", {
|
|
121
|
-
ref_key: "chartRootRef",
|
|
122
|
-
ref: n,
|
|
123
|
-
class: y(["s-ui-chart-pie", { "s-ui-chart-pie--skeleton": e.loading }])
|
|
124
|
-
}, [g("div", L, [_(x(s), {
|
|
125
|
-
loading: e.loading,
|
|
126
|
-
type: x(t).PIE
|
|
127
|
-
}, {
|
|
128
|
-
default: C(() => [g("canvas", {
|
|
129
|
-
ref_key: "chartCanvasRef",
|
|
130
|
-
ref: r,
|
|
131
|
-
class: "s-ui-chart-pie__canvas"
|
|
132
|
-
}, null, 512)]),
|
|
133
|
-
_: 1
|
|
134
|
-
}, 8, ["loading", "type"])]), l.value.length > 0 ? (b(), p(x(d), {
|
|
135
|
-
key: 0,
|
|
136
|
-
items: l.value,
|
|
137
|
-
disabled: e.loading,
|
|
138
|
-
direction: "column"
|
|
139
|
-
}, null, 8, ["items", "disabled"])) : m("", !0)], 2));
|
|
140
|
-
}
|
|
141
|
-
});
|
|
142
|
-
//#endregion
|
|
143
|
-
export { R as t };
|
|
@@ -1 +0,0 @@
|
|
|
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}});
|
|
@@ -1 +0,0 @@
|
|
|
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}});
|