vue-data-ui 3.1.4 → 3.1.5
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/dist/{Arrow-COJRk3pc.js → Arrow-BFbcF5Sq.js} +1 -1
- package/dist/{BaseDraggableDialog-BdAp3qr9.js → BaseDraggableDialog-BO4B1Kwa.js} +2 -2
- package/dist/{BaseIcon-B5nQNkmd.js → BaseIcon-BQQGRQ2U.js} +1 -1
- package/dist/{ColorPicker-CPqHwp1V.js → ColorPicker-d1kmGapq.js} +2 -2
- package/dist/{DataTable-CzO3oHys.js → DataTable-D6voeZvO.js} +2 -2
- package/dist/{Legend-BQqnf4BN.js → Legend-nPGcCxG_.js} +2 -2
- package/dist/{NonSvgPenAndPaper-D_g27Foy.js → NonSvgPenAndPaper-xRGRe41H.js} +3 -3
- package/dist/{PackageVersion-7CxQB-mx.js → PackageVersion-BeStrsPr.js} +1 -1
- package/dist/{PenAndPaper-C8hICPzL.js → PenAndPaper-C6tiapdo.js} +3 -3
- package/dist/{Shape-BEVQVI0z.js → Shape-DBVq0fdK.js} +1 -1
- package/dist/Slicer-Duqm7KZK.js +597 -0
- package/dist/{SparkTooltip-BSgzljwP.js → SparkTooltip-wNGmXZSx.js} +1 -1
- package/dist/{Title-nHtPyPd9.js → Title-ydtId0LC.js} +1 -1
- package/dist/Tooltip-oeu9knGI.js +200 -0
- package/dist/{UserOptions-D3pVnvAB.js → UserOptions-CnJxN2Vo.js} +2 -2
- package/dist/{dom-to-png-CcijTM69.js → dom-to-png-CMCYtLrX.js} +1 -1
- package/dist/{img-Bl0o2UAr.js → img-Neec0VVb.js} +1 -1
- package/dist/{index-INqbM37s.js → index-BkfuZCRT.js} +6 -2
- package/dist/{pdf-BeeAdG2m.js → pdf-CpQ-dqJh.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +4 -0
- package/dist/types/vue-data-ui.d.ts +4 -0
- package/dist/{useAutoSizeLabelsInsideViewbox-DXkvjSDn.js → useAutoSizeLabelsInsideViewbox-DR2HExYc.js} +1 -1
- package/dist/{useNestedProp-BKprMEaB.js → useNestedProp-BMzw9VUz.js} +1 -1
- package/dist/{usePrinter-9WO5mDzj.js → usePrinter-CEdg3j8S.js} +2 -2
- package/dist/{vue-data-ui-IMHc9Ta4.js → vue-data-ui-D5B7a84o.js} +64 -64
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-D-1TVi2s.js → vue-ui-3d-bar-C8_Qu1rf.js} +6 -6
- package/dist/{vue-ui-accordion-CQZjxT5U.js → vue-ui-accordion-DFxAHGEZ.js} +3 -3
- package/dist/{vue-ui-age-pyramid-B31NbBxS.js → vue-ui-age-pyramid-D_kTImtX.js} +43 -41
- package/dist/{vue-ui-annotator-BmFYtzWW.js → vue-ui-annotator-B1vSlzfu.js} +2 -2
- package/dist/{vue-ui-bullet-BvMlcux3.js → vue-ui-bullet-VPchh2r2.js} +7 -7
- package/dist/{vue-ui-candlestick-CCrNcgjy.js → vue-ui-candlestick-CB3bj7_-.js} +42 -40
- package/dist/{vue-ui-carousel-table-DrGj7_CL.js → vue-ui-carousel-table-CUiSyrTY.js} +4 -4
- package/dist/{vue-ui-chestnut-Dz0E-AxZ.js → vue-ui-chestnut-BE5ZEt1N.js} +5 -5
- package/dist/{vue-ui-chord-BxOzgPka.js → vue-ui-chord-DVSBY9ou.js} +8 -8
- package/dist/{vue-ui-circle-pack-CaWwzEF0.js → vue-ui-circle-pack-BfDjZFaF.js} +6 -6
- package/dist/{vue-ui-cursor-CG-oJITu.js → vue-ui-cursor-BIuc6nds.js} +2 -2
- package/dist/{vue-ui-dashboard-BFLQYXuo.js → vue-ui-dashboard-C7xIcrvD.js} +67 -67
- package/dist/{vue-ui-digits-BlZsS_qz.js → vue-ui-digits-C3mI-0Fg.js} +2 -2
- package/dist/{vue-ui-donut-COXIRkz4.js → vue-ui-donut-BApz1ho5.js} +52 -50
- package/dist/{vue-ui-donut-evolution-DSGLD4z5.js → vue-ui-donut-evolution-B2PJiYY9.js} +8 -8
- package/dist/{vue-ui-dumbbell-DgUPMy2W.js → vue-ui-dumbbell-DQjVvBH_.js} +7 -7
- package/dist/{vue-ui-flow-E8_jp5Qc.js → vue-ui-flow-COtJRNLE.js} +40 -38
- package/dist/{vue-ui-funnel-NMcBpYTQ.js → vue-ui-funnel-BY2qeg-m.js} +6 -6
- package/dist/{vue-ui-galaxy-Cay4NZ6o.js → vue-ui-galaxy-3zec_QLi.js} +58 -56
- package/dist/{vue-ui-gauge-DWOH8_Z2.js → vue-ui-gauge-CFUA5ORH.js} +7 -7
- package/dist/{vue-ui-gizmo-DtZu2tcU.js → vue-ui-gizmo-CUPFU8GE.js} +3 -3
- package/dist/{vue-ui-heatmap-Dk5515tQ.js → vue-ui-heatmap-DakytdCv.js} +68 -66
- package/dist/{vue-ui-history-plot-X_jPheWu.js → vue-ui-history-plot-DnSB7au4.js} +85 -83
- package/dist/{vue-ui-kpi-DwNsapLR.js → vue-ui-kpi-UmcKQftv.js} +3 -3
- package/dist/{vue-ui-mini-loader-uyATuTz5.js → vue-ui-mini-loader-Bl8GHasa.js} +2 -2
- package/dist/{vue-ui-molecule-BOeCt8b2.js → vue-ui-molecule-BZrmSVps.js} +63 -61
- package/dist/{vue-ui-mood-radar-BeHjc5Ty.js → vue-ui-mood-radar-CVM8vl5N.js} +7 -7
- package/dist/{vue-ui-nested-donuts-CPoaD2py.js → vue-ui-nested-donuts-LTzijeVK.js} +70 -68
- package/dist/{vue-ui-onion-C8H8i77u.js → vue-ui-onion-aHCc3r7L.js} +38 -36
- package/dist/{vue-ui-parallel-coordinate-plot-Cblzs6mf.js → vue-ui-parallel-coordinate-plot-0xXe6A-6.js} +54 -52
- package/dist/{vue-ui-quadrant-BLYsMAey.js → vue-ui-quadrant-BlM9WNN7.js} +203 -201
- package/dist/{vue-ui-quick-chart-D-7cooqG.js → vue-ui-quick-chart-CJ2Wdln9.js} +63 -61
- package/dist/{vue-ui-radar-BBR8cYGx.js → vue-ui-radar-Cgnooz7-.js} +121 -119
- package/dist/{vue-ui-rating-Ccn8aUMA.js → vue-ui-rating-DF71ymNG.js} +2 -2
- package/dist/{vue-ui-relation-circle-SKeIJXHs.js → vue-ui-relation-circle-DsuEL1gY.js} +7 -7
- package/dist/{vue-ui-ridgeline-CuHSBPB8.js → vue-ui-ridgeline-DxP8uxgx.js} +8 -8
- package/dist/{vue-ui-rings-SusI7pff.js → vue-ui-rings-C4hKgrft.js} +162 -160
- package/dist/{vue-ui-scatter-Do8NoLng.js → vue-ui-scatter-B_SzTSE5.js} +157 -155
- package/dist/{vue-ui-skeleton-FONviv9G.js → vue-ui-skeleton-DCAlHSMV.js} +3 -3
- package/dist/{vue-ui-smiley-Bbt8bZxB.js → vue-ui-smiley-B_JFtrl6.js} +2 -2
- package/dist/{vue-ui-spark-trend-DB7RPBwQ.js → vue-ui-spark-trend-CC7q1UbE.js} +3 -3
- package/dist/{vue-ui-sparkbar-B8inUR_m.js → vue-ui-sparkbar-C2YRX4mJ.js} +3 -3
- package/dist/{vue-ui-sparkgauge-B4_YoY5M.js → vue-ui-sparkgauge-BO4c3j-8.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-DXSLenC7.js → vue-ui-sparkhistogram-BuGOHT9h.js} +4 -4
- package/dist/{vue-ui-sparkline-BQ6Voxky.js → vue-ui-sparkline-hOyPCIt8.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-BgFJQKhq.js → vue-ui-sparkstackbar-DhSc-U8u.js} +36 -34
- package/dist/{vue-ui-stackbar-CBB-kH1C.js → vue-ui-stackbar-VdBWv1wm.js} +14 -12
- package/dist/{vue-ui-strip-plot-3gWivNhR.js → vue-ui-strip-plot-CBj5ntWM.js} +58 -56
- package/dist/{vue-ui-table-NJNp95Us.js → vue-ui-table-BItmKbvF.js} +3 -3
- package/dist/{vue-ui-table-heatmap-CRzHSurU.js → vue-ui-table-heatmap-DziHVKba.js} +5 -5
- package/dist/{vue-ui-table-sparkline-DxGr1WNr.js → vue-ui-table-sparkline-CpWDqm7q.js} +4 -4
- package/dist/{vue-ui-thermometer-B6NudPzq.js → vue-ui-thermometer-CWt0q_Tu.js} +7 -7
- package/dist/{vue-ui-timer-DO3oJlhi.js → vue-ui-timer-BIv2sfQA.js} +5 -5
- package/dist/{vue-ui-tiremarks-Dv39xDlL.js → vue-ui-tiremarks-BE_VWjK-.js} +6 -6
- package/dist/{vue-ui-treemap-D9jbccaW.js → vue-ui-treemap-2AIbDpTo.js} +41 -39
- package/dist/{vue-ui-vertical-bar-CxJNWczK.js → vue-ui-vertical-bar-CP-XFVV5.js} +53 -51
- package/dist/{vue-ui-waffle-BMjk9LhH.js → vue-ui-waffle-CewP8k-W.js} +67 -65
- package/dist/{vue-ui-wheel-CMACWJLJ.js → vue-ui-wheel-Ik8FoLfz.js} +6 -6
- package/dist/{vue-ui-word-cloud-BbwSabN0.js → vue-ui-word-cloud-CEEc5ep_.js} +83 -80
- package/dist/{vue-ui-world-DCp2i-uy.js → vue-ui-world-CuwXMI3D.js} +11 -9
- package/dist/{vue-ui-xy-CRQHfrGQ.js → vue-ui-xy-Bsh2OBHp.js} +1326 -1329
- package/dist/{vue-ui-xy-canvas-D-iziyn0.js → vue-ui-xy-canvas-CKzjhhNg.js} +46 -44
- package/package.json +1 -1
- package/dist/Slicer-Cmc94zkG.js +0 -604
- package/dist/Tooltip-RCWHeRDV.js +0 -161
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { defineAsyncComponent as H, ref as c, computed as g, onMounted as Jt, toRefs as Qt, watch as Te, createElementBlock as p, openBlock as i, unref as r, normalizeStyle as W, normalizeClass as kt, createBlock as q, createCommentVNode as T, createElementVNode as Y, createVNode as xe, createSlots as wt, withCtx as b, renderSlot as k, normalizeProps as Q, guardReactiveProps as ee, Fragment as de, renderList as he, toDisplayString as te, Teleport as eo, resolveDynamicComponent as to, mergeProps as oo, createTextVNode as $t, nextTick as lo } from "vue";
|
|
2
|
-
import { u as ao, c as He, t as no, o as At, f as so, a as ro, p as L, b as uo, d as io, h as x, e as co, i as fe, X as vo, F as Tt, L as ho, k as We, v as fo, w as po, y as go } from "./index-
|
|
2
|
+
import { u as ao, c as He, t as no, o as At, f as so, a as ro, p as L, b as uo, d as io, h as x, e as co, i as fe, X as vo, F as Tt, L as ho, k as We, v as fo, w as po, y as go } from "./index-BkfuZCRT.js";
|
|
3
3
|
import { t as mo, u as yo } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import { u as bo } from "./usePrinter-
|
|
4
|
+
import { u as bo } from "./usePrinter-CEdg3j8S.js";
|
|
5
5
|
import { u as Co, B as ko } from "./BaseScanner-BgWxam9d.js";
|
|
6
|
-
import { u as xt } from "./useNestedProp-
|
|
6
|
+
import { u as xt } from "./useNestedProp-BMzw9VUz.js";
|
|
7
7
|
import { u as wo } from "./useUserOptionState-BIvW1Kz7.js";
|
|
8
8
|
import { u as $o } from "./useChartAccessibility-9icAAmYg.js";
|
|
9
|
-
import Ao from "./Legend-
|
|
10
|
-
import To from "./Title-
|
|
11
|
-
import xo from "./img-
|
|
9
|
+
import Ao from "./Legend-nPGcCxG_.js";
|
|
10
|
+
import To from "./Title-ydtId0LC.js";
|
|
11
|
+
import xo from "./img-Neec0VVb.js";
|
|
12
12
|
import { _ as _o } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
13
13
|
const So = ["id"], Oo = {
|
|
14
14
|
key: 1,
|
|
15
15
|
ref: "noTitle",
|
|
16
16
|
class: "vue-data-ui-no-title-space",
|
|
17
17
|
style: "height:36px; width: 100%;background:transparent"
|
|
18
|
-
},
|
|
18
|
+
}, Fo = ["id"], No = ["xmlns", "viewBox"], Eo = ["width", "height"], Po = ["id"], Io = ["stop-color"], Mo = ["stop-color"], Do = ["d", "fill", "stroke", "stroke-width"], Lo = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], zo = { key: 1 }, Bo = ["x", "y", "font-size", "fill"], Ro = ["x", "y", "font-size", "fill"], Ho = {
|
|
19
19
|
key: 4,
|
|
20
20
|
class: "vue-data-ui-watermark"
|
|
21
21
|
}, Wo = ["id"], Yo = ["onClick"], Go = ["innerHTML"], Uo = {
|
|
@@ -35,7 +35,7 @@ const So = ["id"], Oo = {
|
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
setup(_t, { expose: St }) {
|
|
38
|
-
const Ot = H(() => import("./Tooltip-
|
|
38
|
+
const Ot = H(() => import("./Tooltip-oeu9knGI.js")), Ft = H(() => import("./BaseIcon-BQQGRQ2U.js")), Nt = H(() => import("./vue-ui-accordion-DFxAHGEZ.js")), Et = H(() => import("./DataTable-D6voeZvO.js")), Pt = H(() => import("./PenAndPaper-C6tiapdo.js")), It = H(() => import("./UserOptions-CnJxN2Vo.js")), Mt = H(() => import("./PackageVersion-BeStrsPr.js")), Dt = H(() => import("./BaseDraggableDialog-BO4B1Kwa.js")), { vue_ui_flow: Lt } = ao(), N = _t, G = c(He()), M = c(null), Ye = c(0), Ge = c(0), _e = c(!1), Se = c(""), Ue = c(null), je = c(null), Ve = c(null), oe = c(null), pe = c(null), Xe = c(!1), le = c(null), Oe = c(null), qe = g(() => !!N.dataset && N.dataset.length);
|
|
39
39
|
Jt(() => {
|
|
40
40
|
Xe.value = !0, Ze();
|
|
41
41
|
});
|
|
@@ -43,8 +43,8 @@ const So = ["id"], Oo = {
|
|
|
43
43
|
function Ke(o) {
|
|
44
44
|
U.value = o, Ye.value += 1;
|
|
45
45
|
}
|
|
46
|
-
const e = c(Pe()), { loading:
|
|
47
|
-
...Qt(
|
|
46
|
+
const e = c(Pe()), { loading: Fe, FINAL_DATASET: ge, manualLoading: Ne } = Co({
|
|
47
|
+
...Qt(N),
|
|
48
48
|
FINAL_CONFIG: e,
|
|
49
49
|
prepareConfig: Pe,
|
|
50
50
|
skeletonDataset: [
|
|
@@ -89,11 +89,11 @@ const So = ["id"], Oo = {
|
|
|
89
89
|
})
|
|
90
90
|
}), zt = g(() => !!e.value.debug);
|
|
91
91
|
function Ze() {
|
|
92
|
-
if (At(
|
|
92
|
+
if (At(N.dataset) && (so({
|
|
93
93
|
componentName: "VueUiFlow",
|
|
94
94
|
type: "dataset",
|
|
95
95
|
debug: zt.value
|
|
96
|
-
}),
|
|
96
|
+
}), Ne.value = !0), At(N.dataset) || (Ne.value = e.value.loading), e.value.responsive) {
|
|
97
97
|
const o = mo(() => {
|
|
98
98
|
const { width: l, height: t } = yo({
|
|
99
99
|
chart: M.value,
|
|
@@ -113,27 +113,27 @@ const So = ["id"], Oo = {
|
|
|
113
113
|
});
|
|
114
114
|
function Pe() {
|
|
115
115
|
const o = xt({
|
|
116
|
-
userConfig:
|
|
116
|
+
userConfig: N.config,
|
|
117
117
|
defaultConfig: Lt
|
|
118
118
|
});
|
|
119
119
|
let l = o;
|
|
120
120
|
return o.theme ? l = {
|
|
121
121
|
...xt({
|
|
122
|
-
userConfig: uo.vue_ui_flow[o.theme] ||
|
|
122
|
+
userConfig: uo.vue_ui_flow[o.theme] || N.config,
|
|
123
123
|
defaultConfig: o
|
|
124
124
|
}),
|
|
125
125
|
customPalette: ro[o.theme] || L
|
|
126
|
-
} : l = o, l.nodeCategories =
|
|
126
|
+
} : l = o, l.nodeCategories = N.config.nodeCategories || {}, l.nodeCategoryColors = N.config.nodeCategoryColors || {}, l;
|
|
127
127
|
}
|
|
128
128
|
const tt = c(e.value.style.chart.width), ot = c(e.value.style.chart.height);
|
|
129
129
|
Te(
|
|
130
|
-
() =>
|
|
130
|
+
() => N.config,
|
|
131
131
|
(o) => {
|
|
132
|
-
|
|
132
|
+
Fe.value || (e.value = Pe()), Ee.value = !e.value.userOptions.showOnChartHover, Ze(), Ge.value += 1, E.value.showTable = e.value.table.show;
|
|
133
133
|
},
|
|
134
134
|
{ deep: !0 }
|
|
135
|
-
), Te(() =>
|
|
136
|
-
Array.isArray(o) && o.length > 0 && (
|
|
135
|
+
), Te(() => N.dataset, (o) => {
|
|
136
|
+
Array.isArray(o) && o.length > 0 && (Ne.value = !1);
|
|
137
137
|
}, { deep: !0 });
|
|
138
138
|
const { isPrinting: lt, isImaging: at, generatePdf: nt, generateImage: st } = bo({
|
|
139
139
|
elementId: `flow_${G.value}`,
|
|
@@ -191,14 +191,14 @@ const So = ["id"], Oo = {
|
|
|
191
191
|
const u = t[a], d = u.length;
|
|
192
192
|
if (!d) return 1 / 0;
|
|
193
193
|
const h = Math.max(0, (d - 1) * I), S = Math.max(0, J - h), z = Math.min(ce, d ? S / d : 0);
|
|
194
|
-
let C = 0, O = u.map((f) => l[f].value || 0), y = O.reduce((f,
|
|
194
|
+
let C = 0, O = u.map((f) => l[f].value || 0), y = O.reduce((f, F) => f + F, 0);
|
|
195
195
|
for (let f = 0; f < 12; f += 1) {
|
|
196
|
-
const
|
|
196
|
+
const F = y > 0 ? (S - C) / y : 0, B = [];
|
|
197
197
|
for (let P = 0; P < O.length; P += 1) {
|
|
198
198
|
const R = O[P];
|
|
199
|
-
R < 0 || R *
|
|
199
|
+
R < 0 || R * F < z && B.push(P);
|
|
200
200
|
}
|
|
201
|
-
if (!B.length) return Math.max(0,
|
|
201
|
+
if (!B.length) return Math.max(0, F);
|
|
202
202
|
for (const P of B)
|
|
203
203
|
C += z, y -= O[P], O[P] = -1;
|
|
204
204
|
if (y <= 0) return 0;
|
|
@@ -209,19 +209,19 @@ const So = ["id"], Oo = {
|
|
|
209
209
|
D.forEach((a) => {
|
|
210
210
|
const u = t[a], d = u.length, h = Math.max(0, (d - 1) * I), S = Math.max(0, J - h), z = Math.min(ce, d ? S / d : 0), C = u.map(
|
|
211
211
|
(f) => Math.max(z, (l[f].value || 0) * V)
|
|
212
|
-
), O = C.reduce((f,
|
|
212
|
+
), O = C.reduce((f, F) => f + F, 0) + h;
|
|
213
213
|
let y = Math.max(0, (J - O) / 2);
|
|
214
|
-
u.forEach((f,
|
|
215
|
-
const B = C[
|
|
214
|
+
u.forEach((f, F) => {
|
|
215
|
+
const B = C[F], P = we.left + a * ze, R = y;
|
|
216
216
|
X[f] = {
|
|
217
217
|
x: P,
|
|
218
218
|
y: R,
|
|
219
219
|
absoluteY: R,
|
|
220
220
|
height: B,
|
|
221
|
-
i:
|
|
221
|
+
i: F,
|
|
222
222
|
color: l[f].color,
|
|
223
223
|
value: l[f].value
|
|
224
|
-
}, y += B,
|
|
224
|
+
}, y += B, F < d - 1 && (y += I);
|
|
225
225
|
});
|
|
226
226
|
});
|
|
227
227
|
const yt = [], ve = we.top, Be = {}, Re = {};
|
|
@@ -235,7 +235,7 @@ const So = ["id"], Oo = {
|
|
|
235
235
|
if (!h.children || !h.children.length) return;
|
|
236
236
|
let z = S.y;
|
|
237
237
|
h.children.forEach(({ target: C, value: O }) => {
|
|
238
|
-
const y = X[C], f = l[C],
|
|
238
|
+
const y = X[C], f = l[C], F = h.outflow > 0 ? O / h.outflow : 0, B = f.inflow > 0 ? O / f.inflow : 0, P = x(z + ve), R = x(z + F * S.height + ve), bt = Be[C];
|
|
239
239
|
let Ae = bt + B * y.height;
|
|
240
240
|
Re[C] += O;
|
|
241
241
|
const qt = f.inflow > 0 && Re[C] >= f.inflow - Vt, Ct = y.y + y.height;
|
|
@@ -489,7 +489,7 @@ const So = ["id"], Oo = {
|
|
|
489
489
|
const re = g(() => {
|
|
490
490
|
const o = e.value.table.useDialog && !e.value.table.show, l = E.value.showTable;
|
|
491
491
|
return {
|
|
492
|
-
component: o ? Dt :
|
|
492
|
+
component: o ? Dt : Nt,
|
|
493
493
|
title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
|
|
494
494
|
props: o ? {
|
|
495
495
|
backgroundColor: e.value.table.th.backgroundColor,
|
|
@@ -574,7 +574,7 @@ const So = ["id"], Oo = {
|
|
|
574
574
|
], 512)) : T("", !0),
|
|
575
575
|
Y("div", {
|
|
576
576
|
id: `legend-top-${G.value}`
|
|
577
|
-
}, null, 8,
|
|
577
|
+
}, null, 8, Fo),
|
|
578
578
|
e.value.userOptions.show && qe.value && (r(Qe) || r(Ee)) ? (i(), q(r(It), {
|
|
579
579
|
ref_key: "userOptionsRef",
|
|
580
580
|
ref: Oe,
|
|
@@ -777,7 +777,7 @@ const So = ["id"], Oo = {
|
|
|
777
777
|
)), 13, Ro))), 256))
|
|
778
778
|
])) : T("", !0),
|
|
779
779
|
k(o.$slots, "svg", { svg: ne.value }, void 0, !0)
|
|
780
|
-
], 14,
|
|
780
|
+
], 14, No)),
|
|
781
781
|
o.$slots.watermark ? (i(), p("div", Ho, [
|
|
782
782
|
k(o.$slots, "watermark", Q(ee({ isPrinting: r(lt) || r(at) })), void 0, !0)
|
|
783
783
|
])) : T("", !0),
|
|
@@ -799,7 +799,7 @@ const So = ["id"], Oo = {
|
|
|
799
799
|
onClickMarker: l[0] || (l[0] = (t) => De(t))
|
|
800
800
|
}, {
|
|
801
801
|
item: b(({ legend: t, index: n }) => [
|
|
802
|
-
r(
|
|
802
|
+
r(Fe) ? T("", !0) : (i(), p("div", {
|
|
803
803
|
key: 0,
|
|
804
804
|
onClick: (s) => t.segregate(),
|
|
805
805
|
style: W(`opacity:${j.value.length ? j.value.includes(n) ? 1 : 0.5 : 1}`)
|
|
@@ -834,7 +834,9 @@ const So = ["id"], Oo = {
|
|
|
834
834
|
isCustom: be.value,
|
|
835
835
|
isFullscreen: U.value,
|
|
836
836
|
smooth: e.value.style.chart.tooltip.smooth,
|
|
837
|
-
backdropFilter: e.value.style.chart.tooltip.backdropFilter
|
|
837
|
+
backdropFilter: e.value.style.chart.tooltip.backdropFilter,
|
|
838
|
+
smoothForce: e.value.style.chart.tooltip.smoothForce,
|
|
839
|
+
smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
|
|
838
840
|
}, {
|
|
839
841
|
"tooltip-before": b(() => [
|
|
840
842
|
k(o.$slots, "tooltip-before", Q(ee({ ...se.value })), void 0, !0)
|
|
@@ -843,7 +845,7 @@ const So = ["id"], Oo = {
|
|
|
843
845
|
k(o.$slots, "tooltip-after", Q(ee({ ...se.value })), void 0, !0)
|
|
844
846
|
]),
|
|
845
847
|
_: 3
|
|
846
|
-
}, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter"]),
|
|
848
|
+
}, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
|
|
847
849
|
qe.value ? (i(), q(to(re.value.component), oo({ key: 7 }, re.value.props, {
|
|
848
850
|
ref_key: "tableUnit",
|
|
849
851
|
ref: le,
|
|
@@ -888,7 +890,7 @@ const So = ["id"], Oo = {
|
|
|
888
890
|
class: "vue-ui-user-options-button",
|
|
889
891
|
onClick: l[1] || (l[1] = (t) => Ie(e.value.userOptions.callbacks.csv))
|
|
890
892
|
}, [
|
|
891
|
-
xe(r(
|
|
893
|
+
xe(r(Ft), {
|
|
892
894
|
name: "excel",
|
|
893
895
|
stroke: re.value.props.color
|
|
894
896
|
}, null, 8, ["stroke"])
|
|
@@ -897,10 +899,10 @@ const So = ["id"], Oo = {
|
|
|
897
899
|
key: "1"
|
|
898
900
|
} : void 0
|
|
899
901
|
]), 1040)) : T("", !0),
|
|
900
|
-
r(
|
|
902
|
+
r(Fe) ? (i(), q(ko, { key: 8 })) : T("", !0)
|
|
901
903
|
], 46, So));
|
|
902
904
|
}
|
|
903
|
-
}, al = /* @__PURE__ */ _o(Uo, [["__scopeId", "data-v-
|
|
905
|
+
}, al = /* @__PURE__ */ _o(Uo, [["__scopeId", "data-v-2bb92953"]]);
|
|
904
906
|
export {
|
|
905
907
|
al as default
|
|
906
908
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { useCssVars as Xe, computed as h, defineAsyncComponent as x, ref as c, shallowRef as we, onMounted as We, onBeforeUnmount as Ye, watch as $e, createElementBlock as i, openBlock as n, unref as s, normalizeStyle as T, normalizeClass as N, createBlock as I, createCommentVNode as b, createSlots as xe, withCtx as m, renderSlot as g, normalizeProps as G, guardReactiveProps as j, createVNode as Le, createElementVNode as C, mergeProps as H, Fragment as X, renderList as W, toDisplayString as U, resolveDynamicComponent as qe, createTextVNode as _e, nextTick as Je } from "vue";
|
|
2
|
-
import { u as Ke, c as Qe, o as Ze, f as Te, g as et, e as tt, l as at, k as Y, i as q, X as lt, F as st, E as te, b as ot, v as nt, w as ut } from "./index-
|
|
2
|
+
import { u as Ke, c as Qe, o as Ze, f as Te, g as et, e as tt, l as at, k as Y, i as q, X as lt, F as st, E as te, b as ot, v as nt, w as ut } from "./index-BkfuZCRT.js";
|
|
3
3
|
import { t as rt, u as it } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import { u as ct } from "./usePrinter-
|
|
5
|
-
import { u as Ae } from "./useNestedProp-
|
|
4
|
+
import { u as ct } from "./usePrinter-CEdg3j8S.js";
|
|
5
|
+
import { u as Ae } from "./useNestedProp-BMzw9VUz.js";
|
|
6
6
|
import { u as vt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
7
7
|
import { u as dt } from "./useChartAccessibility-9icAAmYg.js";
|
|
8
|
-
import ht from "./img-
|
|
9
|
-
import ft from "./Title-
|
|
8
|
+
import ht from "./img-Neec0VVb.js";
|
|
9
|
+
import ft from "./Title-ydtId0LC.js";
|
|
10
10
|
import { _ as bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
11
11
|
const mt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], pt = ["id"], kt = ["stop-color"], Ct = ["stop-color"], wt = ["stop-color"], $t = ["stroke", "stroke-width"], xt = ["stroke", "stroke-width"], Lt = ["x", "y", "font-size", "fill", "font-weight"], _t = ["points", "fill"], Tt = ["stroke", "stroke-width", "rx"], At = ["x", "y", "font-size", "fill", "font-weight"], Ot = ["x", "y", "font-size", "fill", "font-weight"], St = {
|
|
12
12
|
key: 5,
|
|
@@ -31,7 +31,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], pt = ["i
|
|
|
31
31
|
Xe((t) => ({
|
|
32
32
|
"1f851877": Ge.value
|
|
33
33
|
}));
|
|
34
|
-
const De = x(() => import("./BaseIcon-
|
|
34
|
+
const De = x(() => import("./BaseIcon-BQQGRQ2U.js")), ze = x(() => import("./vue-ui-skeleton-DCAlHSMV.js")), Ne = x(() => import("./vue-ui-accordion-DFxAHGEZ.js")), Ie = x(() => import("./DataTable-D6voeZvO.js")), Pe = x(() => import("./UserOptions-CnJxN2Vo.js")), Fe = x(() => import("./PenAndPaper-C6tiapdo.js")), Re = x(() => import("./PackageVersion-BeStrsPr.js")), Be = x(() => import("./BaseDraggableDialog-BO4B1Kwa.js")), { vue_ui_funnel: Me } = Ke(), y = Oe, w = c(null), P = c(Qe()), ae = c(0), le = c(0), se = c(0), oe = c(null), ne = c(null), ue = c(null), $ = we(null), A = we(null), L = c(!1), F = c(null), J = c(null), O = h(() => !!y.dataset && y.dataset.length);
|
|
35
35
|
We(re);
|
|
36
36
|
function re() {
|
|
37
37
|
if (Ze(y.dataset) ? Te({
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineAsyncComponent as x, ref as o, computed as i, toRefs as pt, onMounted as gt, watch as De, createElementBlock as c, openBlock as n, unref as u, normalizeStyle as z, normalizeClass as G, createBlock as T, createCommentVNode as v, createElementVNode as k, createVNode as le, createSlots as Le, withCtx as d, renderSlot as p, normalizeProps as I, guardReactiveProps as D, Fragment as
|
|
2
|
-
import { u as mt, c as Ve, t as kt, o as wt, f as Me, g as Ct, a as $t, p as H, b as xt, d as Tt, G as Ee, e as _t, M as
|
|
3
|
-
import { t as Lt, u as
|
|
4
|
-
import { u as
|
|
5
|
-
import { u as Bt } from "./usePrinter-
|
|
6
|
-
import { u as ze } from "./useNestedProp-
|
|
1
|
+
import { defineAsyncComponent as x, ref as o, computed as i, toRefs as pt, onMounted as gt, watch as De, createElementBlock as c, openBlock as n, unref as u, normalizeStyle as z, normalizeClass as G, createBlock as T, createCommentVNode as v, createElementVNode as k, createVNode as le, createSlots as Le, withCtx as d, renderSlot as p, normalizeProps as I, guardReactiveProps as D, Fragment as Fe, renderList as Ae, Teleport as ft, toDisplayString as L, resolveDynamicComponent as yt, mergeProps as bt, createTextVNode as Ne, nextTick as Be } from "vue";
|
|
2
|
+
import { u as mt, c as Ve, t as kt, o as wt, f as Me, g as Ct, a as $t, p as H, b as xt, d as Tt, G as Ee, e as _t, M as St, i as _, X as Pt, k as Re, y as We, v as Ot, w as It, z as Dt } from "./index-BkfuZCRT.js";
|
|
3
|
+
import { t as Lt, u as Ft } from "./useResponsive-DfdjqQps.js";
|
|
4
|
+
import { u as At, B as Nt } from "./BaseScanner-BgWxam9d.js";
|
|
5
|
+
import { u as Bt } from "./usePrinter-CEdg3j8S.js";
|
|
6
|
+
import { u as ze } from "./useNestedProp-BMzw9VUz.js";
|
|
7
7
|
import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
8
8
|
import { u as Mt } from "./useChartAccessibility-9icAAmYg.js";
|
|
9
|
-
import Et from "./img-
|
|
10
|
-
import Rt from "./Title-
|
|
11
|
-
import Wt from "./Legend-
|
|
9
|
+
import Et from "./img-Neec0VVb.js";
|
|
10
|
+
import Rt from "./Title-ydtId0LC.js";
|
|
11
|
+
import Wt from "./Legend-nPGcCxG_.js";
|
|
12
12
|
import { _ as zt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
13
13
|
const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "height"], Yt = ["id"], jt = ["stdDeviation"], qt = ["d", "stroke", "stroke-width"], Jt = ["d", "stroke", "stroke-width"], Kt = ["filter"], Qt = ["d", "stroke", "stroke-width"], Zt = ["d", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], el = {
|
|
14
14
|
key: 4,
|
|
@@ -31,7 +31,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
31
31
|
},
|
|
32
32
|
emits: ["selectLegend", "selectDatapoint"],
|
|
33
33
|
setup(Ge, { expose: He, emit: Ue }) {
|
|
34
|
-
const Xe = x(() => import("./Tooltip-
|
|
34
|
+
const Xe = x(() => import("./Tooltip-oeu9knGI.js")), Ye = x(() => import("./BaseIcon-BQQGRQ2U.js")), je = x(() => import("./vue-ui-accordion-DFxAHGEZ.js")), qe = x(() => import("./DataTable-D6voeZvO.js")), Je = x(() => import("./PenAndPaper-C6tiapdo.js")), Ke = x(() => import("./UserOptions-CnJxN2Vo.js")), Qe = x(() => import("./PackageVersion-BeStrsPr.js")), Ze = x(() => import("./BaseDraggableDialog-BO4B1Kwa.js")), { vue_ui_galaxy: et } = mt(), w = Ge, y = o(Ve()), b = o(null), U = o(!1), X = o(""), S = o(null), ae = o(0), oe = o(0), se = o(0), ue = o(0), ne = o(null), re = o(null), ie = o(null), ce = o(null), F = o(null), V = o(null), ve = o(!1), A = o(null), Y = o(null), de = i(() => !!w.dataset && w.dataset.length), e = o(J()), { loading: j, FINAL_DATASET: he } = At({
|
|
35
35
|
...pt(w),
|
|
36
36
|
FINAL_CONFIG: e,
|
|
37
37
|
prepareConfig: J,
|
|
@@ -86,7 +86,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
86
86
|
});
|
|
87
87
|
}), e.value.responsive) {
|
|
88
88
|
const t = Lt(() => {
|
|
89
|
-
const { width: a, height: l } =
|
|
89
|
+
const { width: a, height: l } = Ft({
|
|
90
90
|
chart: b.value,
|
|
91
91
|
title: e.value.style.chart.title.text ? ne.value : null,
|
|
92
92
|
legend: e.value.style.chart.legend.show ? re.value : null,
|
|
@@ -97,7 +97,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
97
97
|
M.value = Math.max(0.1, a), E.value = Math.max(0.1, l - 12);
|
|
98
98
|
});
|
|
99
99
|
});
|
|
100
|
-
|
|
100
|
+
F.value && (V.value && F.value.unobserve(V.value), F.value.disconnect()), F.value = new ResizeObserver(t), V.value = b.value.parentNode, F.value.observe(V.value);
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
103
|
const { userOptionsVisible: q, setUserOptionsVisibility: fe, keepUserOptionState: ye } = Vt({ config: e.value }), { svgRef: be } = Mt({ config: e.value.style.chart.title });
|
|
@@ -133,13 +133,13 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
133
133
|
viewBox: `${at.value} ${ot.value} ${M.value} ${E.value}`
|
|
134
134
|
})), $e = Ue, f = o([]);
|
|
135
135
|
function K(t) {
|
|
136
|
-
f.value.includes(t.id) ? f.value = f.value.filter((a) => a !== t.id) : f.value.push(t.id), $e("selectLegend",
|
|
136
|
+
f.value.includes(t.id) ? f.value = f.value.filter((a) => a !== t.id) : f.value.push(t.id), $e("selectLegend", N.value.map((a) => ({
|
|
137
137
|
name: a.name,
|
|
138
138
|
color: a.color,
|
|
139
139
|
value: a.value
|
|
140
140
|
})));
|
|
141
141
|
}
|
|
142
|
-
const
|
|
142
|
+
const P = i(() => he.value.map((t, a) => ({
|
|
143
143
|
name: t.name,
|
|
144
144
|
color: _t(t.color) || lt.value[a] || H[a] || H[a % H.length],
|
|
145
145
|
value: t.values ? Ee(t.values).reduce((l, s) => l + s, 0) : 0,
|
|
@@ -150,15 +150,15 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
150
150
|
absoluteIndex: a
|
|
151
151
|
})));
|
|
152
152
|
function st() {
|
|
153
|
-
return
|
|
153
|
+
return P.value.map((t) => ({
|
|
154
154
|
name: t.name,
|
|
155
155
|
color: t.color,
|
|
156
156
|
value: t.value
|
|
157
157
|
}));
|
|
158
158
|
}
|
|
159
|
-
const m = i(() =>
|
|
159
|
+
const m = i(() => P.value.filter((t) => !f.value.includes(t.id)).map((t) => t.value).reduce((t, a) => t + a, 0)), xe = o(190), Te = i(() => P.value.filter((t) => !f.value.includes(t.id))), ut = i(
|
|
160
160
|
() => (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) / 2 + (e.value.style.chart.layout.padding ?? 12)
|
|
161
|
-
), nt = i(() =>
|
|
161
|
+
), nt = i(() => St({
|
|
162
162
|
maxPoints: xe.value,
|
|
163
163
|
a: e.value.style.chart.layout.arcs.a ?? 6,
|
|
164
164
|
b: e.value.style.chart.layout.arcs.b ?? 6,
|
|
@@ -168,7 +168,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
168
168
|
boxWidth: C.value.width,
|
|
169
169
|
boxHeight: C.value.height,
|
|
170
170
|
padding: ut.value
|
|
171
|
-
})),
|
|
171
|
+
})), N = i(() => {
|
|
172
172
|
const t = [];
|
|
173
173
|
for (let a = 0; a < Te.value.length; a += 1) {
|
|
174
174
|
const l = Te.value[a], s = l.value / m.value * xe.value + (a > 0 && t.length ? t[a - 1].points : 0);
|
|
@@ -183,20 +183,20 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
183
183
|
return t.filter((a) => !f.value.includes(a.id)).toSorted((a, l) => l.points - a.points);
|
|
184
184
|
});
|
|
185
185
|
function Q(t) {
|
|
186
|
-
const a = Math.min(M.value, E.value), l =
|
|
186
|
+
const a = Math.min(M.value, E.value), l = S.value === t.id && e.value.style.chart.layout.arcs.hoverEffect.show ? e.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1, s = (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) * l, r = e.value.style.chart.layout.arcs.strokeWidth * l, h = e.value.style.chart.layout.arcs.strokeWidth / 2 * l;
|
|
187
187
|
return {
|
|
188
188
|
border: s / 180 * a,
|
|
189
189
|
path: r / 180 * a,
|
|
190
190
|
blur: h / 180 * a
|
|
191
191
|
};
|
|
192
192
|
}
|
|
193
|
-
const
|
|
193
|
+
const O = o(!1);
|
|
194
194
|
function _e(t) {
|
|
195
|
-
|
|
195
|
+
O.value = t, ae.value += 1;
|
|
196
196
|
}
|
|
197
197
|
const Z = o(null);
|
|
198
198
|
function rt(t) {
|
|
199
|
-
U.value = !1,
|
|
199
|
+
U.value = !1, S.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: t.absoluteIndex });
|
|
200
200
|
}
|
|
201
201
|
function it(t) {
|
|
202
202
|
$e("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: t.absoluteIndex });
|
|
@@ -205,20 +205,20 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
205
205
|
e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: t.absoluteIndex }), Z.value = {
|
|
206
206
|
datapoint: t,
|
|
207
207
|
seriesIndex: l,
|
|
208
|
-
series:
|
|
208
|
+
series: P.value,
|
|
209
209
|
config: e.value
|
|
210
|
-
}, U.value = s,
|
|
210
|
+
}, U.value = s, S.value = t.id;
|
|
211
211
|
let r = "";
|
|
212
212
|
const h = e.value.style.chart.tooltip.customFormat;
|
|
213
213
|
We(h) && Dt(() => h({
|
|
214
214
|
seriesIndex: l,
|
|
215
215
|
datapoint: t,
|
|
216
|
-
series:
|
|
216
|
+
series: P.value,
|
|
217
217
|
config: e.value
|
|
218
218
|
})) ? X.value = h({
|
|
219
219
|
seriesIndex: l,
|
|
220
220
|
datapoint: t,
|
|
221
|
-
series:
|
|
221
|
+
series: P.value,
|
|
222
222
|
config: e.value
|
|
223
223
|
}) : (r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`, r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (r += `<b>${Re(
|
|
224
224
|
e.value.style.chart.layout.labels.dataLabels.formatter,
|
|
@@ -240,7 +240,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
240
240
|
r: e.value.style.chart.tooltip.roundingPercentage
|
|
241
241
|
})}</b></div>`), X.value = `<div>${r}</div>`);
|
|
242
242
|
}
|
|
243
|
-
const
|
|
243
|
+
const Se = i(() => P.value.map((t, a) => ({
|
|
244
244
|
...t,
|
|
245
245
|
proportion: (t.value || 0) / he.value.map((l) => (l.values || []).reduce((s, r) => s + r, 0)).reduce((l, s) => l + s, 0),
|
|
246
246
|
opacity: f.value.includes(t.id) ? 0.5 : 1,
|
|
@@ -255,17 +255,17 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
255
255
|
paddingBottom: 12,
|
|
256
256
|
fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
|
|
257
257
|
})), $ = i(() => {
|
|
258
|
-
const t =
|
|
258
|
+
const t = N.value.map((l) => ({
|
|
259
259
|
name: l.name,
|
|
260
260
|
color: l.color
|
|
261
|
-
})), a =
|
|
261
|
+
})), a = N.value.map((l) => l.value);
|
|
262
262
|
return { head: t, body: a };
|
|
263
263
|
});
|
|
264
264
|
function ee(t = null) {
|
|
265
265
|
Be(() => {
|
|
266
266
|
const a = $.value.head.map((r, h) => [[
|
|
267
267
|
r.name
|
|
268
|
-
], [$.value.body[h]], [isNaN($.value.body[h] / m.value) ? "-" : $.value.body[h] / m.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), s =
|
|
268
|
+
], [$.value.body[h]], [isNaN($.value.body[h] / m.value) ? "-" : $.value.body[h] / m.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), s = Ot(l);
|
|
269
269
|
t ? t(s) : It({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-galaxy" });
|
|
270
270
|
});
|
|
271
271
|
}
|
|
@@ -312,10 +312,10 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
312
312
|
config: l
|
|
313
313
|
};
|
|
314
314
|
});
|
|
315
|
-
function
|
|
315
|
+
function Pe() {
|
|
316
316
|
g.value.showTable = !g.value.showTable;
|
|
317
317
|
}
|
|
318
|
-
function
|
|
318
|
+
function Oe() {
|
|
319
319
|
g.value.showTooltip = !g.value.showTooltip;
|
|
320
320
|
}
|
|
321
321
|
const W = o(!1);
|
|
@@ -344,7 +344,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
344
344
|
color: e.value.table.th.color,
|
|
345
345
|
headerColor: e.value.table.th.color,
|
|
346
346
|
headerBg: e.value.table.th.backgroundColor,
|
|
347
|
-
isFullscreen:
|
|
347
|
+
isFullscreen: O.value,
|
|
348
348
|
fullscreenParent: b.value,
|
|
349
349
|
forcedWidth: Math.min(500, window.innerWidth * 0.8)
|
|
350
350
|
} : {
|
|
@@ -365,7 +365,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
365
365
|
};
|
|
366
366
|
});
|
|
367
367
|
De(() => g.value.showTable, (t) => {
|
|
368
|
-
e.value.table.show || (t && e.value.table.useDialog &&
|
|
368
|
+
e.value.table.show || (t && e.value.table.useDialog && A.value ? A.value.open() : "close" in A.value && A.value.close());
|
|
369
369
|
});
|
|
370
370
|
function Ie() {
|
|
371
371
|
g.value.showTable = !1, Y.value && Y.value.setTableIconState(!1);
|
|
@@ -376,14 +376,14 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
376
376
|
generatePdf: we,
|
|
377
377
|
generateCsv: ee,
|
|
378
378
|
generateImage: Ce,
|
|
379
|
-
toggleTable:
|
|
380
|
-
toggleTooltip:
|
|
379
|
+
toggleTable: Pe,
|
|
380
|
+
toggleTooltip: Oe,
|
|
381
381
|
toggleAnnotator: te,
|
|
382
382
|
toggleFullscreen: _e
|
|
383
383
|
}), (t, a) => (n(), c("div", {
|
|
384
384
|
ref_key: "galaxyChart",
|
|
385
385
|
ref: b,
|
|
386
|
-
class: G(`vue-ui-galaxy ${
|
|
386
|
+
class: G(`vue-ui-galaxy ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${u(j) ? "loading" : ""}`),
|
|
387
387
|
style: z(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`),
|
|
388
388
|
id: `galaxy_${y.value}`,
|
|
389
389
|
onMouseenter: a[2] || (a[2] = () => u(fe)(!0)),
|
|
@@ -443,7 +443,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
443
443
|
hasTable: e.value.userOptions.buttons.table,
|
|
444
444
|
hasFullscreen: e.value.userOptions.buttons.fullscreen,
|
|
445
445
|
isTooltip: g.value.showTooltip,
|
|
446
|
-
isFullscreen:
|
|
446
|
+
isFullscreen: O.value,
|
|
447
447
|
titles: { ...e.value.userOptions.buttonTitles },
|
|
448
448
|
chartElement: b.value,
|
|
449
449
|
position: e.value.userOptions.position,
|
|
@@ -456,8 +456,8 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
456
456
|
onGeneratePdf: u(we),
|
|
457
457
|
onGenerateCsv: ee,
|
|
458
458
|
onGenerateImage: u(Ce),
|
|
459
|
-
onToggleTable:
|
|
460
|
-
onToggleTooltip:
|
|
459
|
+
onToggleTable: Pe,
|
|
460
|
+
onToggleTooltip: Oe,
|
|
461
461
|
onToggleAnnotator: te,
|
|
462
462
|
style: z({
|
|
463
463
|
visibility: u(ye) ? u(q) ? "visible" : "hidden" : "visible"
|
|
@@ -523,8 +523,8 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
523
523
|
(n(), c("svg", {
|
|
524
524
|
ref_key: "svgRef",
|
|
525
525
|
ref: be,
|
|
526
|
-
xmlns: u(
|
|
527
|
-
class: G({ "vue-data-ui-fullscreen--on":
|
|
526
|
+
xmlns: u(Pt),
|
|
527
|
+
class: G({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
|
|
528
528
|
viewBox: C.value.viewBox,
|
|
529
529
|
style: z(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
|
|
530
530
|
}, [
|
|
@@ -555,7 +555,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
555
555
|
}, null, 8, jt)
|
|
556
556
|
], 8, Yt)
|
|
557
557
|
]),
|
|
558
|
-
(n(!0), c(
|
|
558
|
+
(n(!0), c(Fe, null, Ae(N.value, (l) => (n(), c("g", null, [
|
|
559
559
|
l.value ? (n(), c("path", {
|
|
560
560
|
key: 0,
|
|
561
561
|
d: l.path,
|
|
@@ -571,7 +571,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
571
571
|
stroke: l.color,
|
|
572
572
|
"stroke-width": Q(l).path,
|
|
573
573
|
"stroke-linecap": "round",
|
|
574
|
-
class: G(`${
|
|
574
|
+
class: G(`${S.value && S.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
|
|
575
575
|
}, null, 10, Jt)) : v("", !0),
|
|
576
576
|
l.value && e.value.style.chart.layout.arcs.gradient.show ? (n(), c("g", {
|
|
577
577
|
key: 2,
|
|
@@ -583,11 +583,11 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
583
583
|
stroke: e.value.style.chart.layout.arcs.gradient.color,
|
|
584
584
|
"stroke-width": Q(l).blur,
|
|
585
585
|
"stroke-linecap": "round",
|
|
586
|
-
class: G(`vue-ui-galaxy-gradient ${
|
|
586
|
+
class: G(`vue-ui-galaxy-gradient ${S.value && S.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
|
|
587
587
|
}, null, 10, Qt)
|
|
588
588
|
], 8, Kt)) : v("", !0)
|
|
589
589
|
]))), 256)),
|
|
590
|
-
(n(!0), c(
|
|
590
|
+
(n(!0), c(Fe, null, Ae(N.value, (l, s) => (n(), c("g", null, [
|
|
591
591
|
l.value ? (n(), c("path", {
|
|
592
592
|
key: 0,
|
|
593
593
|
d: l.path,
|
|
@@ -622,7 +622,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
622
622
|
}, [
|
|
623
623
|
e.value.style.chart.legend.show ? (n(), T(Wt, {
|
|
624
624
|
key: `legend_${ue.value}`,
|
|
625
|
-
legendSet:
|
|
625
|
+
legendSet: Se.value,
|
|
626
626
|
config: vt.value,
|
|
627
627
|
onClickMarker: a[0] || (a[0] = ({ legend: l }) => K(l))
|
|
628
628
|
}, {
|
|
@@ -649,7 +649,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
649
649
|
]),
|
|
650
650
|
_: 1
|
|
651
651
|
}, 8, ["legendSet", "config"])) : v("", !0),
|
|
652
|
-
p(t.$slots, "legend", { legend:
|
|
652
|
+
p(t.$slots, "legend", { legend: Se.value }, void 0, !0)
|
|
653
653
|
], 512)
|
|
654
654
|
], 8, ["to"])) : v("", !0),
|
|
655
655
|
t.$slots.source ? (n(), c("div", {
|
|
@@ -673,10 +673,12 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
673
673
|
offsetY: e.value.style.chart.tooltip.offsetY,
|
|
674
674
|
parent: b.value,
|
|
675
675
|
content: X.value,
|
|
676
|
-
isFullscreen:
|
|
676
|
+
isFullscreen: O.value,
|
|
677
677
|
isCustom: u(We)(e.value.style.chart.tooltip.customFormat),
|
|
678
678
|
smooth: e.value.style.chart.tooltip.smooth,
|
|
679
|
-
backdropFilter: e.value.style.chart.tooltip.backdropFilter
|
|
679
|
+
backdropFilter: e.value.style.chart.tooltip.backdropFilter,
|
|
680
|
+
smoothForce: e.value.style.chart.tooltip.smoothForce,
|
|
681
|
+
smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
|
|
680
682
|
}, {
|
|
681
683
|
"tooltip-before": d(() => [
|
|
682
684
|
p(t.$slots, "tooltip-before", I(D({ ...Z.value })), void 0, !0)
|
|
@@ -685,10 +687,10 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
685
687
|
p(t.$slots, "tooltip-after", I(D({ ...Z.value })), void 0, !0)
|
|
686
688
|
]),
|
|
687
689
|
_: 3
|
|
688
|
-
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
|
|
690
|
+
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
|
|
689
691
|
de.value ? (n(), T(yt(B.value.component), bt({ key: 7 }, B.value.props, {
|
|
690
692
|
ref_key: "tableUnit",
|
|
691
|
-
ref:
|
|
693
|
+
ref: A,
|
|
692
694
|
onClose: Ie
|
|
693
695
|
}), Le({
|
|
694
696
|
content: d(() => [
|
|
@@ -709,7 +711,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
709
711
|
}, null, 8, al)
|
|
710
712
|
]),
|
|
711
713
|
td: d(({ td: l }) => [
|
|
712
|
-
|
|
714
|
+
Ne(L(l.name || l), 1)
|
|
713
715
|
]),
|
|
714
716
|
_: 1
|
|
715
717
|
}, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
|
|
@@ -719,7 +721,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
719
721
|
e.value.table.useDialog ? {
|
|
720
722
|
name: "title",
|
|
721
723
|
fn: d(() => [
|
|
722
|
-
|
|
724
|
+
Ne(L(B.value.title), 1)
|
|
723
725
|
]),
|
|
724
726
|
key: "0"
|
|
725
727
|
} : void 0,
|
|
@@ -740,10 +742,10 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
|
|
|
740
742
|
key: "1"
|
|
741
743
|
} : void 0
|
|
742
744
|
]), 1040)) : v("", !0),
|
|
743
|
-
u(j) ? (n(), T(
|
|
745
|
+
u(j) ? (n(), T(Nt, { key: 8 })) : v("", !0)
|
|
744
746
|
], 46, Gt));
|
|
745
747
|
}
|
|
746
|
-
}, yl = /* @__PURE__ */ zt(ol, [["__scopeId", "data-v-
|
|
748
|
+
}, yl = /* @__PURE__ */ zt(ol, [["__scopeId", "data-v-52df917e"]]);
|
|
747
749
|
export {
|
|
748
750
|
yl as default
|
|
749
751
|
};
|