vue-data-ui 2.15.3 → 2.15.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-CzzsKX8z.js → Arrow-CI_Chty0.js} +1 -1
- package/dist/{BaseDraggableDialog-DCJi-1yP.js → BaseDraggableDialog-UeaNekHG.js} +2 -2
- package/dist/{BaseIcon-DhFdv5GX.js → BaseIcon-DTTmgKBX.js} +1 -1
- package/dist/{ColorPicker-DVErVt1a.js → ColorPicker-BySm_2Gi.js} +6 -6
- package/dist/{DataTable-C1m1pLCZ.js → DataTable-CLeYfh93.js} +2 -2
- package/dist/{Legend-Bv4X-1rt.js → Legend-B949nNP9.js} +2 -2
- package/dist/{NonSvgPenAndPaper-DSnwu1Ay.js → NonSvgPenAndPaper-zuNWbm52.js} +3 -3
- package/dist/{PackageVersion-Bto74qGz.js → PackageVersion-Djh3oJFs.js} +1 -1
- package/dist/{PenAndPaper-Ch0HBNVZ.js → PenAndPaper-BlF1d4XE.js} +3 -3
- package/dist/{Shape-G58fHOyr.js → Shape-DmDw1mpi.js} +1 -1
- package/dist/{Slicer-B31lD5Se.js → Slicer-mINKiN6T.js} +13 -13
- package/dist/{SparkTooltip-CT5F0yPg.js → SparkTooltip-B888Ijov.js} +1 -1
- package/dist/{Title-HKMJNA2t.js → Title-CPvPrwF4.js} +1 -1
- package/dist/{Tooltip-C3Dnr3zM.js → Tooltip-BiWfcBQk.js} +1 -1
- package/dist/{UserOptions-BnD3w_M-.js → UserOptions-CFllUVQ4.js} +2 -2
- package/dist/{dom-to-png-DvtSOm-q.js → dom-to-png-DeajhH5Z.js} +1 -1
- package/dist/{img-PRKpmCrJ.js → img-4TaH43jS.js} +1 -1
- package/dist/{index-pz3uy0bj.js → index-CBhz79Be.js} +12 -6
- package/dist/{pdf-NCZXhCbT.js → pdf-BlK5aBh-.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +8 -0
- package/dist/types/vue-data-ui.d.ts +8 -0
- package/dist/{useNestedProp-BTwRpxJ6.js → useNestedProp-Cg9K3ISG.js} +1 -1
- package/dist/{usePrinter-CpYwk8Nl.js → usePrinter-DNC_9y1d.js} +2 -2
- package/dist/{vue-data-ui-edDJqWqp.js → vue-data-ui-DcP8arpr.js} +63 -63
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-Cj4MAAl3.js → vue-ui-3d-bar-k4SNfbLV.js} +5 -5
- package/dist/{vue-ui-accordion-DVMQOCog.js → vue-ui-accordion-BWiiOpGO.js} +3 -3
- package/dist/{vue-ui-age-pyramid-B9-mIJoM.js → vue-ui-age-pyramid-ruNP1NJy.js} +5 -5
- package/dist/{vue-ui-annotator-BelwH44r.js → vue-ui-annotator-_31h_MMe.js} +2 -2
- package/dist/{vue-ui-bullet-7voYFUyR.js → vue-ui-bullet-BWmLA5Tg.js} +6 -6
- package/dist/vue-ui-candlestick-C8f9jUPZ.js +856 -0
- package/dist/{vue-ui-carousel-table-CCu7pOvx.js → vue-ui-carousel-table-DY90M9EE.js} +4 -4
- package/dist/{vue-ui-chestnut-DaIhjU0E.js → vue-ui-chestnut-DyxtZhwH.js} +28 -28
- package/dist/{vue-ui-chord-ol8it32M.js → vue-ui-chord-C8hE1GXD.js} +47 -47
- package/dist/{vue-ui-circle-pack-4dYH7oFz.js → vue-ui-circle-pack-Dy8buEl5.js} +24 -24
- package/dist/{vue-ui-cursor-BWo0SND4.js → vue-ui-cursor-Bb8yPXC9.js} +2 -2
- package/dist/{vue-ui-dashboard-DLP5BjC2.js → vue-ui-dashboard-SSYhdz1j.js} +62 -62
- package/dist/{vue-ui-digits-vLYOgwYN.js → vue-ui-digits-D4Du84P3.js} +2 -2
- package/dist/{vue-ui-donut-DA1mt39C.js → vue-ui-donut-C0dqyYUE.js} +7 -7
- package/dist/{vue-ui-donut-evolution-Y5NvWAOf.js → vue-ui-donut-evolution-BOrRbvDz.js} +7 -7
- package/dist/{vue-ui-dumbbell-DHGaUXgf.js → vue-ui-dumbbell-DKmEVC-5.js} +6 -6
- package/dist/{vue-ui-flow-CPRwtkW7.js → vue-ui-flow-DalrAEmv.js} +24 -24
- package/dist/{vue-ui-funnel-Cdaj7JLP.js → vue-ui-funnel-B-k_4VgX.js} +5 -5
- package/dist/{vue-ui-galaxy-Bml38eED.js → vue-ui-galaxy-BWaie_o-.js} +35 -35
- package/dist/{vue-ui-gauge-DIKUWHow.js → vue-ui-gauge-D71TDx5z.js} +17 -17
- package/dist/{vue-ui-gizmo-CDGfldQ2.js → vue-ui-gizmo-CJChusop.js} +3 -3
- package/dist/{vue-ui-heatmap-Cvz3HWSo.js → vue-ui-heatmap-DLwLB3pv.js} +31 -31
- package/dist/{vue-ui-history-plot-CEw6Ijds.js → vue-ui-history-plot-D7wNqDSc.js} +34 -34
- package/dist/{vue-ui-kpi-BOU7jfII.js → vue-ui-kpi-CJut0fnk.js} +3 -3
- package/dist/{vue-ui-mini-loader-B0QHAAN0.js → vue-ui-mini-loader-DP2pINNZ.js} +2 -2
- package/dist/{vue-ui-molecule-DpZAl654.js → vue-ui-molecule-D8b1J-IM.js} +4 -4
- package/dist/{vue-ui-mood-radar-DVTDXHkP.js → vue-ui-mood-radar-Br6izAkp.js} +6 -6
- package/dist/{vue-ui-nested-donuts-Cs_jOkZf.js → vue-ui-nested-donuts-DTYcStbt.js} +25 -25
- package/dist/{vue-ui-onion-BNm4LDqz.js → vue-ui-onion-DVtreg0e.js} +6 -6
- package/dist/{vue-ui-parallel-coordinate-plot-DF8yQwqD.js → vue-ui-parallel-coordinate-plot-COHHYnBG.js} +35 -35
- package/dist/{vue-ui-quadrant-CsT_YtVJ.js → vue-ui-quadrant-ClO3Aae-.js} +7 -7
- package/dist/{vue-ui-quick-chart-BQ8LWKNh.js → vue-ui-quick-chart-DXRWvUUA.js} +5 -5
- package/dist/{vue-ui-radar-BTXb1OpM.js → vue-ui-radar-Cs54EIJ2.js} +6 -6
- package/dist/{vue-ui-rating-10ZP5oGv.js → vue-ui-rating-Drx2P4xK.js} +2 -2
- package/dist/{vue-ui-relation-circle-BDY_mStf.js → vue-ui-relation-circle-B75Rh82J.js} +30 -30
- package/dist/{vue-ui-ridgeline-DiUQ9G50.js → vue-ui-ridgeline-DuZjVwmL.js} +7 -7
- package/dist/{vue-ui-rings-uOzklelU.js → vue-ui-rings-DWMToWPQ.js} +21 -21
- package/dist/{vue-ui-scatter-o8fU3CPQ.js → vue-ui-scatter-CAh7kj6p.js} +7 -7
- package/dist/{vue-ui-skeleton-DtyqxWGZ.js → vue-ui-skeleton-Dnw_Mcqb.js} +3 -3
- package/dist/{vue-ui-smiley-bleVUcTp.js → vue-ui-smiley-CkbdMJqH.js} +2 -2
- package/dist/{vue-ui-spark-trend-BSxc2AeN.js → vue-ui-spark-trend-DYVXugEw.js} +3 -3
- package/dist/{vue-ui-sparkbar-BpGhOBfa.js → vue-ui-sparkbar-Bv1RBHgo.js} +3 -3
- package/dist/{vue-ui-sparkgauge-BGm17y7o.js → vue-ui-sparkgauge-Ls2_d0PB.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-C8_9lU73.js → vue-ui-sparkhistogram-CimMCtyI.js} +4 -4
- package/dist/{vue-ui-sparkline-BEC-1ljx.js → vue-ui-sparkline-ex9TddKP.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-BcDRG3Q4.js → vue-ui-sparkstackbar-DUy1WJg0.js} +3 -3
- package/dist/{vue-ui-stackbar-B9rcNFMU.js → vue-ui-stackbar-DaaB_FjD.js} +220 -210
- package/dist/{vue-ui-strip-plot-DiU5qgNv.js → vue-ui-strip-plot-HVQoc18O.js} +32 -32
- package/dist/{vue-ui-table-CVciwbm2.js → vue-ui-table-Oa_A-Vxo.js} +3 -3
- package/dist/{vue-ui-table-heatmap-Do0wz-jb.js → vue-ui-table-heatmap-DWdkbupf.js} +18 -18
- package/dist/{vue-ui-table-sparkline-Manlzy4B.js → vue-ui-table-sparkline-Cxj3ZoBu.js} +4 -4
- package/dist/{vue-ui-thermometer-CAZrRTaM.js → vue-ui-thermometer-D-_Dqdcv.js} +5 -5
- package/dist/{vue-ui-timer-DuOTyXM6.js → vue-ui-timer-C01Ipde6.js} +30 -30
- package/dist/{vue-ui-tiremarks-BCETzTS2.js → vue-ui-tiremarks-BTBo3bor.js} +5 -5
- package/dist/{vue-ui-treemap-DjINZD63.js → vue-ui-treemap-DJEl32W1.js} +75 -75
- package/dist/{vue-ui-vertical-bar-D9dKYc0V.js → vue-ui-vertical-bar-CnCpCi4v.js} +8 -8
- package/dist/{vue-ui-waffle-BMUnrWw9.js → vue-ui-waffle-rFSfHosn.js} +30 -30
- package/dist/{vue-ui-wheel-DEpzAPrw.js → vue-ui-wheel-B6md6ra7.js} +5 -5
- package/dist/{vue-ui-word-cloud-BBpm9VoF.js → vue-ui-word-cloud-Co6iFx9I.js} +5 -5
- package/dist/{vue-ui-world-D4G5xytB.js → vue-ui-world-d09xOrf0.js} +5 -5
- package/dist/{vue-ui-xy-BXY4ixtF.js → vue-ui-xy-CuzhWfRK.js} +20 -20
- package/dist/{vue-ui-xy-canvas-BLOjFl9f.js → vue-ui-xy-canvas-D2dyilFo.js} +45 -45
- package/package.json +1 -1
- package/dist/vue-ui-candlestick-BiAWi-oW.js +0 -768
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { defineAsyncComponent as K, useSlots as Tt, onMounted as nt, computed as b, ref as $, shallowRef as B, watch as Ot, onBeforeUnmount as _t, createElementBlock as y, openBlock as v, unref as d, normalizeStyle as M, normalizeClass as xe, createBlock as Z, createCommentVNode as O, createElementVNode as _, createVNode as Te, createSlots as St, withCtx as T, renderSlot as k, normalizeProps as J, guardReactiveProps as Q, Fragment as ge, renderList as Oe, withKeys as st, withModifiers as _e, mergeProps as ut, createTextVNode as ye, toDisplayString as ee, nextTick as It } from "vue";
|
|
2
|
-
import { u as
|
|
2
|
+
import { u as Ft, c as Se, t as Nt, p as S, a as zt, b as At, o as Pt, e as Rt, d as me, i as be, f as ie, X as Lt, l as rt, F as it, x as ct, q as Mt, r as Dt, y as Vt } from "./index-CBhz79Be.js";
|
|
3
3
|
import { t as Bt, u as Ht } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import { u as dt } from "./useNestedProp-
|
|
5
|
-
import { u as Ut } from "./usePrinter-
|
|
4
|
+
import { u as dt } from "./useNestedProp-Cg9K3ISG.js";
|
|
5
|
+
import { u as Ut } from "./usePrinter-DNC_9y1d.js";
|
|
6
6
|
import { u as Wt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
7
7
|
import { u as Et } from "./useChartAccessibility-9icAAmYg.js";
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import Xt from "./Legend-
|
|
8
|
+
import qt from "./BaseIcon-DTTmgKBX.js";
|
|
9
|
+
import Gt from "./Title-CPvPrwF4.js";
|
|
10
|
+
import Xt from "./Legend-B949nNP9.js";
|
|
11
11
|
import { _ as jt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
12
12
|
function vt(n, r) {
|
|
13
13
|
const s = n.length;
|
|
@@ -66,28 +66,28 @@ function Jt(n) {
|
|
|
66
66
|
}
|
|
67
67
|
function pt(n, r) {
|
|
68
68
|
const { width: s, height: i, xOffset: u, yOffset: h } = Ie(r), c = n.length, g = n.map((m) => m.normalizedValue || 0).reduce((m, x) => m + x, 0), p = g / i, H = g / s;
|
|
69
|
-
let
|
|
69
|
+
let z = u, w = h;
|
|
70
70
|
const C = [];
|
|
71
71
|
if (s >= i) {
|
|
72
72
|
for (let m = 0; m < c; m += 1) {
|
|
73
|
-
const x = n[m], D = w + x.normalizedValue / p,
|
|
74
|
-
x0:
|
|
73
|
+
const x = n[m], D = w + x.normalizedValue / p, A = {
|
|
74
|
+
x0: z,
|
|
75
75
|
y0: w,
|
|
76
|
-
x1:
|
|
76
|
+
x1: z + p,
|
|
77
77
|
y1: D
|
|
78
|
-
},
|
|
79
|
-
w = D, C.push(
|
|
78
|
+
}, N = Object.assign({}, x, A);
|
|
79
|
+
w = D, C.push(N);
|
|
80
80
|
}
|
|
81
81
|
return C;
|
|
82
82
|
} else {
|
|
83
83
|
for (let m = 0; m < c; m += 1) {
|
|
84
|
-
const x = n[m], D =
|
|
85
|
-
x0:
|
|
84
|
+
const x = n[m], D = z + x.normalizedValue / H, A = {
|
|
85
|
+
x0: z,
|
|
86
86
|
y0: w,
|
|
87
87
|
x1: D,
|
|
88
88
|
y1: w + H
|
|
89
|
-
},
|
|
90
|
-
|
|
89
|
+
}, N = Object.assign({}, x, A);
|
|
90
|
+
z = D, C.push(N);
|
|
91
91
|
}
|
|
92
92
|
return C;
|
|
93
93
|
}
|
|
@@ -122,17 +122,17 @@ function to(n, r, s, i) {
|
|
|
122
122
|
const C = pt(h, c);
|
|
123
123
|
return g.concat(C);
|
|
124
124
|
}
|
|
125
|
-
const H = Qt(c),
|
|
126
|
-
if (Yt(h,
|
|
127
|
-
const C = h.concat(
|
|
125
|
+
const H = Qt(c), z = u[0], w = u.slice(1, p);
|
|
126
|
+
if (Yt(h, z, H)) {
|
|
127
|
+
const C = h.concat(z);
|
|
128
128
|
u = w, h = C, c = c, g = g;
|
|
129
129
|
} else {
|
|
130
130
|
const C = h.length;
|
|
131
131
|
let m = 0;
|
|
132
|
-
for (let
|
|
133
|
-
m += h[
|
|
134
|
-
const x = oo(c, m), D = pt(h, c),
|
|
135
|
-
u = u, h = [], c = x, g =
|
|
132
|
+
for (let N = 0; N < C; N += 1)
|
|
133
|
+
m += h[N].normalizedValue;
|
|
134
|
+
const x = oo(c, m), D = pt(h, c), A = g.concat(D);
|
|
135
|
+
u = u, h = [], c = x, g = A;
|
|
136
136
|
}
|
|
137
137
|
}
|
|
138
138
|
}
|
|
@@ -203,41 +203,41 @@ const lo = ["id"], ao = {
|
|
|
203
203
|
},
|
|
204
204
|
emits: ["selectLegend", "selectDatapoint"],
|
|
205
205
|
setup(n, { expose: r, emit: s }) {
|
|
206
|
-
const i = K(() => import("./DataTable-
|
|
206
|
+
const i = K(() => import("./DataTable-CLeYfh93.js")), u = K(() => import("./PenAndPaper-BlF1d4XE.js")), h = K(() => import("./vue-ui-accordion-BWiiOpGO.js")), c = K(() => import("./vue-ui-skeleton-Dnw_Mcqb.js")), g = K(() => import("./Tooltip-BiWfcBQk.js")), p = K(() => import("./UserOptions-CFllUVQ4.js")), H = K(() => import("./PackageVersion-Djh3oJFs.js")), { vue_ui_treemap: z } = Ft(), w = n, C = s, m = Tt();
|
|
207
207
|
nt(() => {
|
|
208
208
|
m["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
|
|
209
209
|
});
|
|
210
|
-
const x = b(() => !!w.dataset && w.dataset.length), D = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)),
|
|
210
|
+
const x = b(() => !!w.dataset && w.dataset.length), D = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = $(Se()), N = $(!1), ke = $(""), te = $(!1), Fe = $(0), P = $([]), se = B(null), Ne = B(null), ze = B(null), Ae = B(null), Pe = B(null), Re = $(0), Le = $(0), Me = $(0), t = b({
|
|
211
211
|
get: () => He(),
|
|
212
212
|
set: (e) => e
|
|
213
213
|
}), { userOptionsVisible: we, setUserOptionsVisibility: De, keepUserOptionState: Ve } = Wt({ config: t.value }), { svgRef: Be } = Et({ config: t.value.style.chart.title });
|
|
214
214
|
function He() {
|
|
215
215
|
const e = dt({
|
|
216
216
|
userConfig: w.config,
|
|
217
|
-
defaultConfig:
|
|
217
|
+
defaultConfig: z
|
|
218
218
|
});
|
|
219
219
|
return e.theme ? {
|
|
220
220
|
...dt({
|
|
221
|
-
userConfig:
|
|
221
|
+
userConfig: zt.vue_ui_treemap[e.theme] || w.config,
|
|
222
222
|
defaultConfig: e
|
|
223
223
|
}),
|
|
224
|
-
customPalette:
|
|
224
|
+
customPalette: Nt[e.theme] || S
|
|
225
225
|
} : e;
|
|
226
226
|
}
|
|
227
227
|
Ot(() => w.config, (e) => {
|
|
228
228
|
t.value = He(), we.value = !t.value.userOptions.showOnChartHover, Re.value += 1, Le.value += 1, Me.value += 1, R.value.showTable = t.value.table.show, R.value.showTooltip = t.value.style.chart.tooltip.show;
|
|
229
229
|
}, { deep: !0 });
|
|
230
|
-
const { isPrinting: Ue, isImaging: We, generatePdf: Ee, generateImage:
|
|
231
|
-
elementId: `treemap_${
|
|
230
|
+
const { isPrinting: Ue, isImaging: We, generatePdf: Ee, generateImage: qe } = Ut({
|
|
231
|
+
elementId: `treemap_${A.value}`,
|
|
232
232
|
fileName: t.value.style.chart.title.text || "vue-ui-treemap",
|
|
233
233
|
options: t.value.userOptions.print
|
|
234
|
-
}), gt = b(() => t.value.userOptions.show && !t.value.style.chart.title.text), ce = b(() =>
|
|
234
|
+
}), gt = b(() => t.value.userOptions.show && !t.value.style.chart.title.text), ce = b(() => At(t.value.customPalette)), R = $({
|
|
235
235
|
showTable: t.value.table.show,
|
|
236
236
|
showTooltip: t.value.style.chart.tooltip.show
|
|
237
237
|
}), U = $({
|
|
238
238
|
height: t.value.style.chart.height,
|
|
239
239
|
width: t.value.style.chart.width
|
|
240
|
-
}),
|
|
240
|
+
}), G = b(() => ({
|
|
241
241
|
bottom: U.value.height - t.value.style.chart.padding.bottom,
|
|
242
242
|
height: U.value.height - t.value.style.chart.padding.top - t.value.style.chart.padding.bottom,
|
|
243
243
|
left: t.value.style.chart.padding.left,
|
|
@@ -247,11 +247,11 @@ const lo = ["id"], ao = {
|
|
|
247
247
|
vbWidth: U.value.width,
|
|
248
248
|
width: U.value.width - t.value.style.chart.padding.left - t.value.style.chart.padding.right
|
|
249
249
|
}));
|
|
250
|
-
function
|
|
250
|
+
function Ge(e) {
|
|
251
251
|
e.forEach((l, o) => {
|
|
252
252
|
l.id = Se(), l.color = me(l.color) || ce.value[o] || S[o] || S[o % S.length], l.children && (l.children.forEach((a) => {
|
|
253
253
|
a.parentId = l.id, a.color = l.color;
|
|
254
|
-
}),
|
|
254
|
+
}), Ge(l.children));
|
|
255
255
|
});
|
|
256
256
|
}
|
|
257
257
|
const W = B(w.dataset), E = B(null), oe = B(null);
|
|
@@ -262,13 +262,13 @@ const lo = ["id"], ao = {
|
|
|
262
262
|
if (Pt(w.dataset) && Rt({
|
|
263
263
|
componentName: "VueUiTreemap",
|
|
264
264
|
type: "dataset"
|
|
265
|
-
}),
|
|
265
|
+
}), Ge(W.value), t.value.responsive) {
|
|
266
266
|
const e = Bt(() => {
|
|
267
267
|
const { width: l, height: o } = Ht({
|
|
268
268
|
chart: se.value,
|
|
269
|
-
title: t.value.style.chart.title.text ?
|
|
270
|
-
legend: t.value.style.chart.legend.show ?
|
|
271
|
-
source:
|
|
269
|
+
title: t.value.style.chart.title.text ? Ne.value : null,
|
|
270
|
+
legend: t.value.style.chart.legend.show ? ze.value : null,
|
|
271
|
+
source: Ae.value,
|
|
272
272
|
noTitle: Pe.value
|
|
273
273
|
});
|
|
274
274
|
requestAnimationFrame(() => {
|
|
@@ -303,8 +303,8 @@ const lo = ["id"], ao = {
|
|
|
303
303
|
return rt(e, a < 0 ? 0 : a);
|
|
304
304
|
}
|
|
305
305
|
function Ye(e, l, o, a) {
|
|
306
|
-
return e.map((f,
|
|
307
|
-
const fe = mt(me(l) || ce.value[
|
|
306
|
+
return e.map((f, F) => {
|
|
307
|
+
const fe = mt(me(l) || ce.value[F] || S[F] || S[F % S.length], f, a), xt = je(f, a);
|
|
308
308
|
return {
|
|
309
309
|
...f,
|
|
310
310
|
color: fe,
|
|
@@ -325,7 +325,7 @@ const lo = ["id"], ao = {
|
|
|
325
325
|
name: e.name
|
|
326
326
|
};
|
|
327
327
|
}),
|
|
328
|
-
{ x0:
|
|
328
|
+
{ x0: G.value.left * 2, y0: G.value.top, x1: G.value.width, y1: G.value.height }
|
|
329
329
|
));
|
|
330
330
|
function Ke({ y0: e, y1: l }) {
|
|
331
331
|
return l - e <= 0 ? 1e-4 : l - e;
|
|
@@ -338,13 +338,13 @@ const lo = ["id"], ao = {
|
|
|
338
338
|
return l < t.value.style.chart.layout.labels.minFontSize ? t.value.style.chart.layout.labels.minFontSize : l;
|
|
339
339
|
}
|
|
340
340
|
function bt(e) {
|
|
341
|
-
te.value = e,
|
|
341
|
+
te.value = e, Fe.value += 1;
|
|
342
342
|
}
|
|
343
343
|
const ne = b(() => ({
|
|
344
344
|
startX: 0,
|
|
345
345
|
startY: 0,
|
|
346
|
-
width:
|
|
347
|
-
height:
|
|
346
|
+
width: G.value.vbWidth,
|
|
347
|
+
height: G.value.vbHeight
|
|
348
348
|
}));
|
|
349
349
|
function j(e, l = W.value) {
|
|
350
350
|
for (const o of l) {
|
|
@@ -384,7 +384,7 @@ const lo = ["id"], ao = {
|
|
|
384
384
|
function kt(e) {
|
|
385
385
|
return !!(j(e.id)?.children?.length || e.parentId);
|
|
386
386
|
}
|
|
387
|
-
const
|
|
387
|
+
const q = b(() => {
|
|
388
388
|
const e = [
|
|
389
389
|
{ id: null, label: "All" }
|
|
390
390
|
];
|
|
@@ -450,7 +450,7 @@ const lo = ["id"], ao = {
|
|
|
450
450
|
{ datapoint: e, seriesIndex: l }
|
|
451
451
|
)}</b>`, ke.value = `<div>${a}</div>`;
|
|
452
452
|
}
|
|
453
|
-
|
|
453
|
+
N.value = !0;
|
|
454
454
|
}
|
|
455
455
|
const V = b(() => {
|
|
456
456
|
const e = re.value.map((o) => ({
|
|
@@ -461,9 +461,9 @@ const lo = ["id"], ao = {
|
|
|
461
461
|
});
|
|
462
462
|
function et(e = null) {
|
|
463
463
|
It(() => {
|
|
464
|
-
const l = V.value.head.map((f,
|
|
464
|
+
const l = V.value.head.map((f, F) => [[
|
|
465
465
|
f.name
|
|
466
|
-
], [V.value.body[
|
|
466
|
+
], [V.value.body[F]], [isNaN(V.value.body[F] / ae.value) ? "-" : V.value.body[F] / ae.value * 100]]), o = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), a = Mt(o);
|
|
467
467
|
e ? e(a) : Dt({ csvContent: a, title: t.value.style.chart.title.text || "vue-ui-treemap" });
|
|
468
468
|
});
|
|
469
469
|
}
|
|
@@ -472,13 +472,13 @@ const lo = ["id"], ao = {
|
|
|
472
472
|
t.value.table.columnNames.series,
|
|
473
473
|
t.value.table.columnNames.value,
|
|
474
474
|
t.value.table.columnNames.percentage
|
|
475
|
-
], l = V.value.head.map((f,
|
|
475
|
+
], l = V.value.head.map((f, F) => {
|
|
476
476
|
const fe = be(
|
|
477
477
|
t.value.style.chart.layout.labels.formatter,
|
|
478
|
-
V.value.body[
|
|
478
|
+
V.value.body[F],
|
|
479
479
|
ie({
|
|
480
480
|
p: t.value.style.chart.layout.labels.prefix,
|
|
481
|
-
v: V.value.body[
|
|
481
|
+
v: V.value.body[F],
|
|
482
482
|
s: t.value.style.chart.layout.labels.suffix,
|
|
483
483
|
r: t.value.table.td.roundingValue
|
|
484
484
|
})
|
|
@@ -490,8 +490,8 @@ const lo = ["id"], ao = {
|
|
|
490
490
|
shape: "square"
|
|
491
491
|
},
|
|
492
492
|
fe,
|
|
493
|
-
isNaN(V.value.body[
|
|
494
|
-
v: V.value.body[
|
|
493
|
+
isNaN(V.value.body[F] / ae.value) ? "-" : ie({
|
|
494
|
+
v: V.value.body[F] / ae.value * 100,
|
|
495
495
|
s: "%",
|
|
496
496
|
r: t.value.table.td.roundingPercentage
|
|
497
497
|
})
|
|
@@ -542,7 +542,7 @@ const lo = ["id"], ao = {
|
|
|
542
542
|
return r({
|
|
543
543
|
getData: $t,
|
|
544
544
|
generateCsv: et,
|
|
545
|
-
generateImage:
|
|
545
|
+
generateImage: qe,
|
|
546
546
|
generatePdf: Ee,
|
|
547
547
|
toggleTable: tt,
|
|
548
548
|
toggleTooltip: ot,
|
|
@@ -552,7 +552,7 @@ const lo = ["id"], ao = {
|
|
|
552
552
|
ref: se,
|
|
553
553
|
class: xe(`vue-ui-treemap ${te.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
|
|
554
554
|
style: M(`font-family:${t.value.style.fontFamily};width:100%; ${t.value.responsive ? "height: 100%;" : ""} text-align:center;background:${t.value.style.chart.backgroundColor}`),
|
|
555
|
-
id: `treemap_${
|
|
555
|
+
id: `treemap_${A.value}`,
|
|
556
556
|
onMouseenter: l[3] || (l[3] = () => d(De)(!0)),
|
|
557
557
|
onMouseleave: l[4] || (l[4] = () => d(De)(!1))
|
|
558
558
|
}, [
|
|
@@ -574,10 +574,10 @@ const lo = ["id"], ao = {
|
|
|
574
574
|
t.value.style.chart.title.text ? (v(), y("div", {
|
|
575
575
|
key: 2,
|
|
576
576
|
ref_key: "chartTitle",
|
|
577
|
-
ref:
|
|
577
|
+
ref: Ne,
|
|
578
578
|
style: M(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:6px`)
|
|
579
579
|
}, [
|
|
580
|
-
(v(), Z(
|
|
580
|
+
(v(), Z(Gt, {
|
|
581
581
|
key: `title_${Re.value}`,
|
|
582
582
|
config: {
|
|
583
583
|
title: {
|
|
@@ -593,12 +593,12 @@ const lo = ["id"], ao = {
|
|
|
593
593
|
], 4)) : O("", !0),
|
|
594
594
|
t.value.userOptions.show && x.value && (d(Ve) || d(we)) ? (v(), Z(d(p), {
|
|
595
595
|
ref: "details",
|
|
596
|
-
key: `user_option_${
|
|
596
|
+
key: `user_option_${Fe.value}`,
|
|
597
597
|
backgroundColor: t.value.style.chart.backgroundColor,
|
|
598
598
|
color: t.value.style.chart.color,
|
|
599
599
|
isPrinting: d(Ue),
|
|
600
600
|
isImaging: d(We),
|
|
601
|
-
uid:
|
|
601
|
+
uid: A.value,
|
|
602
602
|
hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
|
|
603
603
|
hasPdf: t.value.userOptions.buttons.pdf,
|
|
604
604
|
hasXls: t.value.userOptions.buttons.csv,
|
|
@@ -616,7 +616,7 @@ const lo = ["id"], ao = {
|
|
|
616
616
|
onToggleFullscreen: bt,
|
|
617
617
|
onGeneratePdf: d(Ee),
|
|
618
618
|
onGenerateCsv: et,
|
|
619
|
-
onGenerateImage: d(
|
|
619
|
+
onGenerateImage: d(qe),
|
|
620
620
|
onToggleTable: tt,
|
|
621
621
|
onToggleTooltip: ot,
|
|
622
622
|
onToggleAnnotator: $e,
|
|
@@ -681,19 +681,19 @@ const lo = ["id"], ao = {
|
|
|
681
681
|
key: "7"
|
|
682
682
|
} : void 0
|
|
683
683
|
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : O("", !0),
|
|
684
|
-
|
|
685
|
-
(v(!0), y(ge, null, Oe(
|
|
684
|
+
q.value.length > 1 ? (v(), y("nav", ao, [
|
|
685
|
+
(v(!0), y(ge, null, Oe(q.value, (o, a) => (v(), y("span", {
|
|
686
686
|
role: "button",
|
|
687
|
-
tabindex: a <
|
|
687
|
+
tabindex: a < q.value.length - 1 ? 0 : void 0,
|
|
688
688
|
key: o.id || "root",
|
|
689
|
-
onClick: (f) => a ===
|
|
689
|
+
onClick: (f) => a === q.value.length - 1 ? () => {
|
|
690
690
|
} : de(o.node),
|
|
691
691
|
onKeydown: [
|
|
692
|
-
st(_e((f) => a ===
|
|
693
|
-
st(_e((f) => a ===
|
|
692
|
+
st(_e((f) => a === q.value.length - 1 ? void 0 : de(o.node), ["prevent"]), ["enter"]),
|
|
693
|
+
st(_e((f) => a === q.value.length - 1 ? void 0 : de(o.node), ["prevent"]), ["space"])
|
|
694
694
|
],
|
|
695
695
|
class: "vue-ui-treemap-crumb",
|
|
696
|
-
"data-last-crumb": a ===
|
|
696
|
+
"data-last-crumb": a === q.value.length - 1,
|
|
697
697
|
style: M({
|
|
698
698
|
color: t.value.style.chart.color
|
|
699
699
|
}),
|
|
@@ -706,7 +706,7 @@ const lo = ["id"], ao = {
|
|
|
706
706
|
_("span", uo, [
|
|
707
707
|
k(e.$slots, "breadcrumb-label", ut({ ref_for: !0 }, { crumb: o, isRoot: a === 0, isFocus: pe.value === a }), () => [
|
|
708
708
|
a === 0 ? (v(), y("div", ro, [
|
|
709
|
-
Te(
|
|
709
|
+
Te(qt, {
|
|
710
710
|
name: pe.value === 0 ? "homeFilled" : "home",
|
|
711
711
|
stroke: t.value.style.chart.color
|
|
712
712
|
}, null, 8, ["name", "stroke"])
|
|
@@ -715,7 +715,7 @@ const lo = ["id"], ao = {
|
|
|
715
715
|
], 64))
|
|
716
716
|
], !0)
|
|
717
717
|
]),
|
|
718
|
-
a <
|
|
718
|
+
a < q.value.length - 1 ? (v(), y("span", io, [
|
|
719
719
|
k(e.$slots, "breadcrumb-arrow", {}, () => [
|
|
720
720
|
l[5] || (l[5] = ye(" › "))
|
|
721
721
|
], !0)
|
|
@@ -770,7 +770,7 @@ const lo = ["id"], ao = {
|
|
|
770
770
|
seriesIndex: a
|
|
771
771
|
}),
|
|
772
772
|
onMouseleave: l[0] || (l[0] = (f) => {
|
|
773
|
-
L.value = null,
|
|
773
|
+
L.value = null, N.value = !1;
|
|
774
774
|
}),
|
|
775
775
|
style: M(`opacity:${L.value ? L.value.id === o.id ? 1 : t.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
|
|
776
776
|
class: xe([
|
|
@@ -819,7 +819,7 @@ const lo = ["id"], ao = {
|
|
|
819
819
|
])
|
|
820
820
|
], 8, yo))
|
|
821
821
|
]))), 128)),
|
|
822
|
-
k(e.$slots, "svg", J(Q({ svg:
|
|
822
|
+
k(e.$slots, "svg", J(Q({ svg: G.value, isZoom: Y.value, rect: L.value, config: t.value })), void 0, !0)
|
|
823
823
|
], 14, co)) : O("", !0),
|
|
824
824
|
e.$slots.watermark ? (v(), y("div", bo, [
|
|
825
825
|
k(e.$slots, "watermark", J(Q({ isPrinting: d(Ue) || d(We) })), void 0, !0)
|
|
@@ -838,13 +838,13 @@ const lo = ["id"], ao = {
|
|
|
838
838
|
}, null, 8, ["config"])),
|
|
839
839
|
_("div", {
|
|
840
840
|
ref_key: "chartLegend",
|
|
841
|
-
ref:
|
|
841
|
+
ref: ze
|
|
842
842
|
}, [
|
|
843
843
|
t.value.style.chart.legend.show ? (v(), Z(Xt, {
|
|
844
844
|
key: `legend_${Me.value}`,
|
|
845
845
|
legendSet: Je.value,
|
|
846
846
|
config: wt.value,
|
|
847
|
-
id: `treemap_legend_${
|
|
847
|
+
id: `treemap_legend_${A.value}`,
|
|
848
848
|
onClickMarker: l[1] || (l[1] = ({ legend: o }) => Qe(o))
|
|
849
849
|
}, {
|
|
850
850
|
item: T(({ legend: o, index: a }) => [
|
|
@@ -875,13 +875,13 @@ const lo = ["id"], ao = {
|
|
|
875
875
|
e.$slots.source ? (v(), y("div", {
|
|
876
876
|
key: 8,
|
|
877
877
|
ref_key: "source",
|
|
878
|
-
ref:
|
|
878
|
+
ref: Ae,
|
|
879
879
|
dir: "auto"
|
|
880
880
|
}, [
|
|
881
881
|
k(e.$slots, "source", {}, void 0, !0)
|
|
882
882
|
], 512)) : O("", !0),
|
|
883
883
|
Te(d(g), {
|
|
884
|
-
show: R.value.showTooltip &&
|
|
884
|
+
show: R.value.showTooltip && N.value,
|
|
885
885
|
backgroundColor: t.value.style.chart.tooltip.backgroundColor,
|
|
886
886
|
color: t.value.style.chart.tooltip.color,
|
|
887
887
|
fontSize: t.value.style.chart.tooltip.fontSize,
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { useCssVars as _t, defineAsyncComponent as H, useSlots as $t, computed as m, ref as d, watch as Xe, shallowRef as He, onMounted as We, onBeforeUnmount as wt, createElementBlock as i, openBlock as u, unref as r, normalizeStyle as c, normalizeClass as B, createBlock as R, createCommentVNode as y, renderSlot as b, createVNode as Q, createSlots as pe, withCtx as k, normalizeProps as W, guardReactiveProps as G, createElementVNode as n, toDisplayString as h, Fragment as j, renderList as q, mergeProps as xt, withKeys as Ct, createTextVNode as Tt } from "vue";
|
|
2
|
-
import { u as Lt, c as Nt, t as Pt, p as D, a as St, b as Vt, o as Ge, e as Z, v as N, d as ye, i as ne, f as E, X as It, s as ge, w as Ot, q as Ft, r as Mt, x as zt, y as At } from "./index-
|
|
2
|
+
import { u as Lt, c as Nt, t as Pt, p as D, a as St, b as Vt, o as Ge, e as Z, v as N, d as ye, i as ne, f as E, X as It, s as ge, w as Ot, q as Ft, r as Mt, x as zt, y as At } from "./index-CBhz79Be.js";
|
|
3
3
|
import { t as Bt, u as Rt } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import { u as je } from "./useNestedProp-
|
|
5
|
-
import { u as Dt } from "./usePrinter-
|
|
4
|
+
import { u as je } from "./useNestedProp-Cg9K3ISG.js";
|
|
5
|
+
import { u as Dt } from "./usePrinter-DNC_9y1d.js";
|
|
6
6
|
import { u as Et } from "./useUserOptionState-BIvW1Kz7.js";
|
|
7
7
|
import { u as Ut } from "./useChartAccessibility-9icAAmYg.js";
|
|
8
|
-
import Xt from "./vue-ui-accordion-
|
|
9
|
-
import qe from "./Legend-
|
|
10
|
-
import Ht from "./Title-
|
|
11
|
-
import { _ as Ye } from "./Shape-
|
|
8
|
+
import Xt from "./vue-ui-accordion-BWiiOpGO.js";
|
|
9
|
+
import qe from "./Legend-B949nNP9.js";
|
|
10
|
+
import Ht from "./Title-CPvPrwF4.js";
|
|
11
|
+
import { _ as Ye } from "./Shape-DmDw1mpi.js";
|
|
12
12
|
import { _ as Wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
13
13
|
const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["id"], Jt = ["stop-color"], Qt = ["stop-color"], Zt = { key: 1 }, el = ["x", "y", "width", "height", "fill", "rx"], tl = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], ll = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], al = ["x2", "y1", "y2", "stroke", "stroke-width"], ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], nl = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], ul = ["x", "y", "font-size", "fill", "font-weight"], sl = ["x", "y", "font-size", "fill", "font-weight"], rl = ["x", "y", "font-size", "fill", "font-weight"], il = ["y", "width", "height", "fill", "onMouseenter"], dl = {
|
|
14
14
|
key: 6,
|
|
@@ -34,7 +34,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
|
|
|
34
34
|
_t((l) => ({
|
|
35
35
|
"8661a912": l.tdo
|
|
36
36
|
}));
|
|
37
|
-
const Ze = H(() => import("./BaseIcon-
|
|
37
|
+
const Ze = H(() => import("./BaseIcon-DTTmgKBX.js")), et = H(() => import("./PackageVersion-Djh3oJFs.js")), tt = H(() => import("./PenAndPaper-BlF1d4XE.js")), lt = H(() => import("./vue-ui-skeleton-Dnw_Mcqb.js")), at = H(() => import("./Tooltip-BiWfcBQk.js")), ot = H(() => import("./UserOptions-CFllUVQ4.js")), { vue_ui_vertical_bar: nt } = Lt(), ut = $t(), T = Ke, ee = m(() => !!T.dataset && T.dataset.length), C = d(Nt()), st = d(null), ue = d(!1), se = d(""), te = d(0), rt = d(null), fe = d(0), Y = d(null), be = d(null), re = d(null), me = d(null), ke = d(null), _e = d(0), ie = d(0), it = Qe, e = m({
|
|
38
38
|
get: () => Ce(),
|
|
39
39
|
set: (l) => l
|
|
40
40
|
}), { userOptionsVisible: de, setUserOptionsVisibility: $e, keepUserOptionState: we } = Et({ config: e.value }), { svgRef: xe } = Ut({ config: e.value.style.chart.title });
|