vue-data-ui 3.6.0 → 3.7.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/README.md +26 -26
- package/dist/{Arrow-BGVin3AS.js → Arrow-CWYIBV-7.js} +1 -1
- package/dist/{BaseDraggableDialog-DhKIof09.js → BaseDraggableDialog-CRF94NJQ.js} +2 -2
- package/dist/{BaseIcon-DLFL0M4-.js → BaseIcon-CofSxalQ.js} +1 -1
- package/dist/{ColorPicker-CjIJvLdc.js → ColorPicker-e1-OSGlQ.js} +10 -10
- package/dist/{DataTable-UCyd_BQI.js → DataTable-CHaOCmsE.js} +2 -2
- package/dist/{Legend-D9ZTJKjh.js → Legend-Web3GjlR.js} +2 -2
- package/dist/{NonSvgPenAndPaper-a2UzZL0y.js → NonSvgPenAndPaper-CjYFLlns.js} +3 -3
- package/dist/{PackageVersion-D_4Hr4S4.js → PackageVersion-Bq_mtsqr.js} +1 -1
- package/dist/{PenAndPaper-BJSMejV9.js → PenAndPaper-HCZQTkqi.js} +20 -20
- package/dist/{Shape-CNXKB8O0.js → Shape-DE6X_t31.js} +3 -3
- package/dist/{Slicer-CJfhtoVn.js → Slicer-BFBBG6xv.js} +23 -23
- package/dist/{SlicerPreview-wXjV4LWO.js → SlicerPreview-D76aSViW.js} +2 -2
- package/dist/{SparkTooltip-BEewz-_Q.js → SparkTooltip-B2rpVWE1.js} +6 -6
- package/dist/{Title-Bb1VWCtR.js → Title-DfFUb9hd.js} +1 -1
- package/dist/{Tooltip-oWCO1HKy.js → Tooltip-WD0Ros6G.js} +1 -1
- package/dist/{UserOptions-BqmUW9Kp.js → UserOptions-B3I-s3Lw.js} +2 -2
- package/dist/components/arrow.js +1 -1
- package/dist/components/vue-ui-3d-bar.js +3 -3
- package/dist/components/vue-ui-accordion.js +1 -1
- package/dist/components/vue-ui-age-pyramid.js +3 -3
- package/dist/components/vue-ui-annotator.js +1 -1
- package/dist/components/vue-ui-bullet.js +3 -3
- package/dist/components/vue-ui-candlestick.js +3 -3
- package/dist/components/vue-ui-carousel-table.js +1 -1
- package/dist/components/vue-ui-chestnut.js +3 -3
- package/dist/components/vue-ui-chord.js +3 -3
- package/dist/components/vue-ui-circle-pack.js +3 -3
- package/dist/components/vue-ui-cursor.js +1 -1
- package/dist/components/vue-ui-dashboard.js +1 -1
- package/dist/components/vue-ui-digits.js +1 -1
- package/dist/components/vue-ui-donut-evolution.js +2 -2
- package/dist/components/vue-ui-donut.js +3 -3
- package/dist/components/vue-ui-dumbbell.js +3 -3
- package/dist/components/vue-ui-flow.js +3 -3
- package/dist/components/vue-ui-funnel.js +2 -2
- package/dist/components/vue-ui-galaxy.js +1 -1
- package/dist/components/vue-ui-gauge.js +1 -1
- package/dist/components/vue-ui-gizmo.js +1 -1
- package/dist/components/vue-ui-heatmap.js +1 -1
- package/dist/components/vue-ui-history-plot.js +3 -3
- package/dist/components/vue-ui-horizontal-bar.js +3 -3
- package/dist/components/vue-ui-icon.js +1 -1
- package/dist/components/vue-ui-kpi.js +1 -1
- package/dist/components/vue-ui-mini-loader.js +1 -1
- package/dist/components/vue-ui-molecule.js +3 -3
- package/dist/components/vue-ui-mood-radar.js +3 -3
- package/dist/components/vue-ui-nested-donuts.js +2 -2
- package/dist/components/vue-ui-onion.js +3 -3
- package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
- package/dist/components/vue-ui-quadrant.js +3 -3
- package/dist/components/vue-ui-quick-chart.js +3 -3
- package/dist/components/vue-ui-radar.js +3 -3
- package/dist/components/vue-ui-rating.js +1 -1
- package/dist/components/vue-ui-relation-circle.js +3 -3
- package/dist/components/vue-ui-ridgeline.js +3 -3
- package/dist/components/vue-ui-rings.js +3 -3
- package/dist/components/vue-ui-scatter.js +3 -3
- package/dist/components/vue-ui-skeleton.js +1 -1
- package/dist/components/vue-ui-smiley.js +1 -1
- package/dist/components/vue-ui-spark-trend.js +1 -1
- package/dist/components/vue-ui-sparkbar.js +2 -2
- package/dist/components/vue-ui-sparkgauge.js +3 -3
- package/dist/components/vue-ui-sparkhistogram.js +3 -3
- package/dist/components/vue-ui-sparkline.js +3 -3
- package/dist/components/vue-ui-sparkstackbar.js +2 -2
- package/dist/components/vue-ui-stackbar.js +3 -3
- package/dist/components/vue-ui-stackline.js +1 -1
- package/dist/components/vue-ui-strip-plot.js +3 -3
- package/dist/components/vue-ui-table-heatmap.js +1 -1
- package/dist/components/vue-ui-table-sparkline.js +2 -2
- package/dist/components/vue-ui-table.js +1 -1
- package/dist/components/vue-ui-thermometer.js +3 -3
- package/dist/components/vue-ui-timer.js +1 -1
- package/dist/components/vue-ui-tiremarks.js +2 -2
- package/dist/components/vue-ui-treemap.js +3 -3
- package/dist/components/vue-ui-vertical-bar.js +1 -1
- package/dist/components/vue-ui-waffle.js +2 -2
- package/dist/components/vue-ui-wheel.js +1 -1
- package/dist/components/vue-ui-word-cloud.js +3 -3
- package/dist/components/vue-ui-world.js +1 -1
- package/dist/components/vue-ui-xy-canvas.js +3 -3
- package/dist/components/vue-ui-xy.js +3 -3
- package/dist/{dom-to-png--BNgrTZV.js → dom-to-png-CH2DfsJe.js} +1 -1
- package/dist/{img-BecE5qXd.js → img-DUzJeMlr.js} +1 -1
- package/dist/{lib-C_mNZmhD.js → lib-C5BH09_g.js} +111 -110
- package/dist/{pdf-DuG5j3Wv.js → pdf-BSWQncok.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.ts +1 -0
- package/dist/{useAutoSizeLabelsInsideViewbox-BhzfwQ_k.js → useAutoSizeLabelsInsideViewbox-DOALwU4q.js} +7 -7
- package/dist/{useNestedProp-CIoDlpHu.js → useNestedProp-CWo6bftQ.js} +1 -1
- package/dist/{usePrinter-DTzqpYKF.js → usePrinter-DCJzEiS8.js} +2 -2
- package/dist/useThemeCheck-DGJ31Vi5.js +32 -0
- package/dist/{useTimeLabels-BGFjWgrv.js → useTimeLabels-C5qMhpbe.js} +50 -49
- package/dist/{vue-data-ui-BWuOXu_s.js → vue-data-ui-ByLTJx5V.js} +78 -78
- package/dist/vue-data-ui.js +225 -205
- package/dist/{vue-ui-3d-bar-BNQAuLqF.js → vue-ui-3d-bar-Dkds4k5N.js} +546 -517
- package/dist/{vue-ui-accordion-SSLXLlNz.js → vue-ui-accordion-DSdZUn2C.js} +3 -3
- package/dist/vue-ui-age-pyramid-C-fwZRYE.js +960 -0
- package/dist/{vue-ui-annotator-34Ld0u5M.js → vue-ui-annotator-DRaH8hXn.js} +7 -7
- package/dist/vue-ui-bullet-BKVJRjGh.js +657 -0
- package/dist/{vue-ui-candlestick-BcChw-8c.js → vue-ui-candlestick-BKFWHU4O.js} +596 -561
- package/dist/{vue-ui-carousel-table-Cp_od0lI.js → vue-ui-carousel-table-VmPH6y2g.js} +48 -48
- package/dist/{vue-ui-chestnut-DTaIsP72.js → vue-ui-chestnut-DpMHe-OI.js} +534 -505
- package/dist/vue-ui-chord-Djdr0PY_.js +1182 -0
- package/dist/vue-ui-circle-pack-CyUqNJQt.js +832 -0
- package/dist/{vue-ui-cursor-lW-dVs_k.js → vue-ui-cursor-BMe8ZiV6.js} +2 -2
- package/dist/{vue-ui-dashboard-DIymn9Cx.js → vue-ui-dashboard-eBXj-KCw.js} +140 -140
- package/dist/{vue-ui-digits-YHA3fA0j.js → vue-ui-digits-D382I0-w.js} +2 -2
- package/dist/{vue-ui-donut-BaDmbWLh.js → vue-ui-donut-BLb0kj_P.js} +634 -602
- package/dist/vue-ui-donut-evolution-BqrldXpI.js +1243 -0
- package/dist/vue-ui-dumbbell-BuZT5a-d.js +1258 -0
- package/dist/vue-ui-flow-LLp6ntEP.js +1026 -0
- package/dist/vue-ui-funnel-pILUR-OG.js +743 -0
- package/dist/vue-ui-galaxy-X6yiw8kx.js +837 -0
- package/dist/vue-ui-gauge-DBh-vFb9.js +864 -0
- package/dist/{vue-ui-gizmo-E33_xZte.js → vue-ui-gizmo-DtyEukIP.js} +3 -3
- package/dist/{vue-ui-heatmap-DJXMvFPp.js → vue-ui-heatmap-mkD6QkXo.js} +501 -466
- package/dist/vue-ui-history-plot-CyTaBaxA.js +1239 -0
- package/dist/{vue-ui-kpi-C-XuLBVQ.js → vue-ui-kpi-CKMZDc3n.js} +3 -3
- package/dist/{vue-ui-mini-loader-DawncJvl.js → vue-ui-mini-loader-BN72OfS0.js} +2 -2
- package/dist/vue-ui-molecule-UzQ3o5HW.js +782 -0
- package/dist/vue-ui-mood-radar-C2zkRLGy.js +930 -0
- package/dist/vue-ui-nested-donuts-B5OpvmJ9.js +1454 -0
- package/dist/vue-ui-onion-DbhIOGtF.js +944 -0
- package/dist/vue-ui-parallel-coordinate-plot-Dv_T4mWW.js +1080 -0
- package/dist/{vue-ui-quadrant-B2bLWyCm.js → vue-ui-quadrant-CG6_CWsQ.js} +510 -481
- package/dist/{vue-ui-quick-chart-J_RmCwI_.js → vue-ui-quick-chart-DOeRhk7r.js} +795 -758
- package/dist/vue-ui-radar-DdHa9Hsh.js +1013 -0
- package/dist/{vue-ui-rating-CBS8zaQd.js → vue-ui-rating-DtzmtJwF.js} +26 -26
- package/dist/vue-ui-relation-circle-B5lL4l9w.js +670 -0
- package/dist/vue-ui-ridgeline-3pk4Mlft.js +1302 -0
- package/dist/vue-ui-rings-DhyrjrZi.js +884 -0
- package/dist/vue-ui-scatter-DKCD70mi.js +1619 -0
- package/dist/{vue-ui-skeleton-DsrlMELy.js → vue-ui-skeleton-CzzdmraB.js} +3 -3
- package/dist/{vue-ui-smiley-P_8WIBDD.js → vue-ui-smiley-OYyM-ukP.js} +2 -2
- package/dist/vue-ui-spark-trend-BMTcxeCT.js +364 -0
- package/dist/vue-ui-sparkbar-DVk1JiPL.js +381 -0
- package/dist/vue-ui-sparkgauge-Cq9Nw_xu.js +260 -0
- package/dist/vue-ui-sparkhistogram-PFHlCE_k.js +411 -0
- package/dist/vue-ui-sparkline-BHHwO_cV.js +549 -0
- package/dist/vue-ui-sparkstackbar-BosVkkiC.js +470 -0
- package/dist/vue-ui-stackbar-Djk5CPUy.js +1867 -0
- package/dist/vue-ui-stackline-mU4CSol9.js +1963 -0
- package/dist/{vue-ui-strip-plot-CTtivaxm.js → vue-ui-strip-plot-CZQSL0GK.js} +343 -314
- package/dist/{vue-ui-table-CHt3AQiq.js → vue-ui-table-DMM090pe.js} +5 -5
- package/dist/vue-ui-table-heatmap-vQEFrjCX.js +307 -0
- package/dist/{vue-ui-table-sparkline-D5MckwMl.js → vue-ui-table-sparkline-CQJc0mJY.js} +292 -263
- package/dist/vue-ui-thermometer-D1uxoVeZ.js +613 -0
- package/dist/{vue-ui-timer-B-Xa6ALH.js → vue-ui-timer-jTnS3ES5.js} +25 -25
- package/dist/vue-ui-tiremarks-Bv-oIFVV.js +477 -0
- package/dist/vue-ui-treemap-B9MVtunp.js +1359 -0
- package/dist/{vue-ui-vertical-bar-D9XQe_ud.js → vue-ui-vertical-bar-BSbDj5qZ.js} +520 -485
- package/dist/{vue-ui-waffle-Bk98w86A.js → vue-ui-waffle-DIALVfvc.js} +376 -347
- package/dist/vue-ui-wheel-aUhrFpGk.js +690 -0
- package/dist/vue-ui-word-cloud-DZmMWsUu.js +904 -0
- package/dist/{vue-ui-world-xOY__pp8.js → vue-ui-world-CVLlgp2f.js} +57 -57
- package/dist/vue-ui-xy-Cy7mOurZ.js +3455 -0
- package/dist/vue-ui-xy-canvas-Cr13t9M5.js +1599 -0
- package/dist/vue_ui_vertical_bar-CELc39b8.js +18 -0
- package/package.json +5 -5
- package/dist/themes-DH-N_ePR.js +0 -54
- package/dist/vue-ui-age-pyramid-DsOlpJBh.js +0 -933
- package/dist/vue-ui-bullet-Ci4lO4_W.js +0 -630
- package/dist/vue-ui-chord-BKC--Nbq.js +0 -1153
- package/dist/vue-ui-circle-pack-B3sfU0Vo.js +0 -803
- package/dist/vue-ui-donut-evolution-BqUzmyW2.js +0 -1208
- package/dist/vue-ui-dumbbell-CWKTrzsm.js +0 -1231
- package/dist/vue-ui-flow-SMbuDPdL.js +0 -991
- package/dist/vue-ui-funnel-3fRlMBzq.js +0 -716
- package/dist/vue-ui-galaxy-CFZ1xYD5.js +0 -808
- package/dist/vue-ui-gauge-DJpbjfpL.js +0 -835
- package/dist/vue-ui-history-plot-CvPMx5Lg.js +0 -1204
- package/dist/vue-ui-molecule-CasngKZI.js +0 -753
- package/dist/vue-ui-mood-radar-DGz2TQi4.js +0 -903
- package/dist/vue-ui-nested-donuts-Bjjz2sWG.js +0 -1419
- package/dist/vue-ui-onion-DwTIY6i1.js +0 -915
- package/dist/vue-ui-parallel-coordinate-plot-DedxvtPN.js +0 -1051
- package/dist/vue-ui-radar-D1rz2RnH.js +0 -984
- package/dist/vue-ui-relation-circle-DUfRwwo1.js +0 -641
- package/dist/vue-ui-ridgeline-DKPWMWRc.js +0 -1273
- package/dist/vue-ui-rings-BY0EQGLb.js +0 -855
- package/dist/vue-ui-scatter-ky9p5Pgh.js +0 -1590
- package/dist/vue-ui-spark-trend-DkJn_3FI.js +0 -337
- package/dist/vue-ui-sparkbar-qB1fmgej.js +0 -352
- package/dist/vue-ui-sparkgauge-BezFN_Rc.js +0 -233
- package/dist/vue-ui-sparkhistogram-DGt5b8FR.js +0 -384
- package/dist/vue-ui-sparkline-D7Wx1ejg.js +0 -514
- package/dist/vue-ui-sparkstackbar-DtO7-yim.js +0 -441
- package/dist/vue-ui-stackbar-Dr48I48D.js +0 -1832
- package/dist/vue-ui-stackline-Juns5Yh4.js +0 -1928
- package/dist/vue-ui-table-heatmap-Cn-56b5F.js +0 -282
- package/dist/vue-ui-thermometer-BOidpwAZ.js +0 -584
- package/dist/vue-ui-tiremarks-BsTyVS2P.js +0 -450
- package/dist/vue-ui-treemap-BWTaY91B.js +0 -1330
- package/dist/vue-ui-wheel-nj73b_Dc.js +0 -663
- package/dist/vue-ui-word-cloud-Dcaogr-D.js +0 -875
- package/dist/vue-ui-xy-BT67faLv.js +0 -3424
- package/dist/vue-ui-xy-canvas-BoB7-4QK.js +0 -1564
|
@@ -0,0 +1,1013 @@
|
|
|
1
|
+
import { defineAsyncComponent as T, computed as v, ref as c, toRefs as jt, watch as ve, shallowRef as qe, onMounted as Xt, onBeforeUnmount as Yt, createElementBlock as s, openBlock as n, unref as u, normalizeStyle as Z, normalizeClass as Y, createBlock as D, createCommentVNode as p, createElementVNode as C, createVNode as ee, withCtx as d, renderSlot as g, normalizeProps as A, guardReactiveProps as w, createSlots as He, Fragment as E, renderList as L, toDisplayString as N, Teleport as qt, resolveDynamicComponent as Ht, mergeProps as Jt, createTextVNode as ge, nextTick as Je } from "vue";
|
|
2
|
+
import { c as Kt, t as Qt, i as Zt, p as R, o as eo, g as z, j as to, l as Ke, e as Qe, M as oo, d as W, a as he, X as ao, s as pe, h as lo, ac as Ze, k as et, u as ro, q as no, x as so, R as uo } from "./lib-C5BH09_g.js";
|
|
3
|
+
import { t as io, u as co } from "./useResponsive-DfdjqQps.js";
|
|
4
|
+
import { u as vo, a as fe } from "./useNestedProp-CWo6bftQ.js";
|
|
5
|
+
import { u as go, B as ho } from "./BaseScanner-BgWxam9d.js";
|
|
6
|
+
import { u as po } from "./usePrinter-DCJzEiS8.js";
|
|
7
|
+
import { u as fo } from "./useSvgExport-DrjCWun4.js";
|
|
8
|
+
import { u as bo } from "./useThemeCheck-DGJ31Vi5.js";
|
|
9
|
+
import { u as yo } from "./useUserOptionState-BIvW1Kz7.js";
|
|
10
|
+
import { u as mo } from "./useChartAccessibility-9icAAmYg.js";
|
|
11
|
+
import { u as ko } from "./useAutoSizeLabelsInsideViewbox-DOALwU4q.js";
|
|
12
|
+
import Co from "./img-DUzJeMlr.js";
|
|
13
|
+
import Ao from "./Title-DfFUb9hd.js";
|
|
14
|
+
import wo from "./Legend-Web3GjlR.js";
|
|
15
|
+
import { _ as $o } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
16
|
+
const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { outerPolygon: { stroke: "#6A6A6A" }, grid: { stroke: "#5A5A5A" }, labels: { dataLabels: { color: "#CCCCCC" } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#1A1A1A", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ot = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { outerPolygon: { stroke: "#5D403780", strokeWidth: 1 }, grid: { stroke: "#5D403740" }, labels: { dataLabels: { color: "#424242" } } }, legend: { color: "#424242", backgroundColor: "#FFF8E1" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, at = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { outerPolygon: { stroke: "#3A3A3A", strokeWidth: 1 }, grid: { stroke: "#3A3A3A" }, labels: { dataLabels: { color: "#BDBDBD" } } }, legend: { color: "#BDBDBD", backgroundColor: "#1E1E1E" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, lt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { outerPolygon: { stroke: "#336633", strokeWidth: 0 }, grid: { stroke: "#334C33", graduations: 1 }, labels: { dataLabels: { color: "#99AA99" } } }, legend: { color: "#99AA99", backgroundColor: "#1A1A1A" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#1A1A1A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, rt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { outerPolygon: { strokeWidth: 0 }, grid: { show: !1 }, labels: { dataLabels: { color: "#99AA99" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, nt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { outerPolygon: { stroke: "#ABB1BC", strokeWidth: 0.5 }, grid: { stroke: "#C3DAC8" }, labels: { dataLabels: { color: "#99AA99" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, st = {
|
|
17
|
+
default: {},
|
|
18
|
+
dark: tt,
|
|
19
|
+
celebration: ot,
|
|
20
|
+
celebrationNight: at,
|
|
21
|
+
hack: lt,
|
|
22
|
+
zen: rt,
|
|
23
|
+
concrete: nt
|
|
24
|
+
}, ga = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
25
|
+
__proto__: null,
|
|
26
|
+
celebration: ot,
|
|
27
|
+
celebrationNight: at,
|
|
28
|
+
concrete: nt,
|
|
29
|
+
dark: tt,
|
|
30
|
+
default: st,
|
|
31
|
+
hack: lt,
|
|
32
|
+
zen: rt
|
|
33
|
+
}, Symbol.toStringTag, { value: "Module" })), _o = ["id"], To = ["id"], Fo = ["xmlns", "viewBox"], Po = ["width", "height"], So = ["id"], Oo = ["stop-color"], Do = ["stop-color"], xo = { key: 1 }, Io = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Bo = { key: 0 }, Eo = ["d", "stroke", "stroke-width"], Lo = ["d", "stroke", "stroke-width"], No = { key: 2 }, Ro = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], zo = ["points", "stroke", "stroke-width"], Vo = ["points", "stroke", "stroke-width", "fill"], Uo = { key: 3 }, Mo = ["cx", "cy", "fill", "r", "stroke"], Wo = {
|
|
34
|
+
key: 4,
|
|
35
|
+
class: "vue-data-ui-watermark"
|
|
36
|
+
}, Go = ["id"], jo = ["onClick"], Xo = {
|
|
37
|
+
key: 0,
|
|
38
|
+
style: { "max-width": "200px", margin: "0 auto" }
|
|
39
|
+
}, Yo = {
|
|
40
|
+
class: "vue-ui-radar-tooltip-datalabel",
|
|
41
|
+
style: { width: "100%" }
|
|
42
|
+
}, qo = { class: "vue-ui-radar-tooltip-datalabel-name" }, Ho = { key: 0 }, Jo = {
|
|
43
|
+
__name: "vue-ui-radar",
|
|
44
|
+
props: {
|
|
45
|
+
config: {
|
|
46
|
+
type: Object,
|
|
47
|
+
default() {
|
|
48
|
+
return {};
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
dataset: {
|
|
52
|
+
type: Object,
|
|
53
|
+
default() {
|
|
54
|
+
return {};
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
emits: ["selectLegend"],
|
|
59
|
+
setup(ut, { expose: it, emit: ct }) {
|
|
60
|
+
const dt = T(() => import("./Tooltip-WD0Ros6G.js")), vt = T(() => import("./BaseIcon-CofSxalQ.js")), gt = T(() => import("./vue-ui-sparkbar-DVk1JiPL.js").then((t) => t.a)), ht = T(() => import("./vue-ui-accordion-DSdZUn2C.js")), pt = T(() => import("./DataTable-CHaOCmsE.js")), ft = T(() => import("./PenAndPaper-HCZQTkqi.js")), bt = T(() => import("./UserOptions-B3I-s3Lw.js")), yt = T(() => import("./PackageVersion-Bq_mtsqr.js")), mt = T(() => import("./BaseDraggableDialog-CRF94NJQ.js")), { vue_ui_radar: kt } = vo(), { isThemeValid: Ct, warnInvalidTheme: At } = bo(), F = ut, be = v(() => !!F.dataset && Object.keys(F.dataset).length), m = c(Kt()), te = c(!1), oe = c(""), ye = c(0), _ = c(null), me = c(null), ke = c(null), Ce = c(null), Ae = c(null), we = c(0), $e = c(0), _e = c(0), Te = c(!1), G = c(null), ae = c(null), e = c(re()), { loading: Fe, FINAL_DATASET: x } = go({
|
|
61
|
+
...jt(F),
|
|
62
|
+
FINAL_CONFIG: e,
|
|
63
|
+
prepareConfig: re,
|
|
64
|
+
callback: () => {
|
|
65
|
+
Promise.resolve().then(async () => {
|
|
66
|
+
await Je(), b.value.showTable = e.value.table.show;
|
|
67
|
+
});
|
|
68
|
+
},
|
|
69
|
+
skeletonDataset: {
|
|
70
|
+
categories: [{ name: "_", color: "#6A6A6A" }],
|
|
71
|
+
series: [
|
|
72
|
+
{ name: "_", values: [0.6], target: 1 },
|
|
73
|
+
{ name: "_", values: [0.6], target: 1 },
|
|
74
|
+
{ name: "_", values: [0.6], target: 1 },
|
|
75
|
+
{ name: "_", values: [0.6], target: 1 },
|
|
76
|
+
{ name: "_", values: [0.6], target: 1 },
|
|
77
|
+
{ name: "_", values: [0.6], target: 1 }
|
|
78
|
+
]
|
|
79
|
+
},
|
|
80
|
+
skeletonConfig: Qt({
|
|
81
|
+
defaultConfig: e.value,
|
|
82
|
+
userConfig: {
|
|
83
|
+
userOptions: { show: !1 },
|
|
84
|
+
table: { show: !1 },
|
|
85
|
+
useCssAnimation: !1,
|
|
86
|
+
style: {
|
|
87
|
+
chart: {
|
|
88
|
+
backgroundColor: "#99999930",
|
|
89
|
+
layout: {
|
|
90
|
+
grid: {
|
|
91
|
+
stroke: "#6A6A6A90"
|
|
92
|
+
},
|
|
93
|
+
labels: {
|
|
94
|
+
dataLabels: { show: !1 }
|
|
95
|
+
},
|
|
96
|
+
outerPolygon: {
|
|
97
|
+
stroke: "#6A6A6A"
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
legend: {
|
|
101
|
+
backgroundColor: "transparent"
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
})
|
|
107
|
+
}), { userOptionsVisible: le, setUserOptionsVisibility: Pe, keepUserOptionState: Se } = yo({ config: e.value }), { svgRef: q } = mo({ config: e.value.style.chart.title });
|
|
108
|
+
function re() {
|
|
109
|
+
const t = fe({
|
|
110
|
+
userConfig: F.config,
|
|
111
|
+
defaultConfig: kt
|
|
112
|
+
}), a = t.theme;
|
|
113
|
+
if (!a) return t;
|
|
114
|
+
if (!Ct.value(t))
|
|
115
|
+
return At(t), t;
|
|
116
|
+
const o = fe({
|
|
117
|
+
userConfig: st[a] || F.config,
|
|
118
|
+
defaultConfig: t
|
|
119
|
+
}), l = fe({
|
|
120
|
+
userConfig: F.config,
|
|
121
|
+
defaultConfig: o
|
|
122
|
+
});
|
|
123
|
+
return {
|
|
124
|
+
...l,
|
|
125
|
+
customPalette: l.customPalette.length ? l.customPalette : Zt[a] || R
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
ve(() => F.config, (t) => {
|
|
129
|
+
e.value = re(), le.value = !e.value.userOptions.showOnChartHover, Oe(), we.value += 1, $e.value += 1, _e.value += 1, b.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, b.value.showTable = e.value.table.show, b.value.showTooltip = e.value.style.chart.tooltip ? e.value.style.chart.tooltip.show : !1;
|
|
130
|
+
}, { deep: !0 });
|
|
131
|
+
const P = qe(null), V = qe(null), I = v(() => e.value.debug);
|
|
132
|
+
function Oe() {
|
|
133
|
+
if (eo(F.dataset) && z({
|
|
134
|
+
componentName: "VueUiRadar",
|
|
135
|
+
type: "dataset",
|
|
136
|
+
debug: I.value
|
|
137
|
+
}), e.value.responsive) {
|
|
138
|
+
const t = io(() => {
|
|
139
|
+
const { width: a, height: o } = co({
|
|
140
|
+
chart: _.value,
|
|
141
|
+
title: e.value.style.chart.title.text ? me.value : null,
|
|
142
|
+
legend: e.value.style.chart.legend.show ? ke.value : null,
|
|
143
|
+
source: Ce.value,
|
|
144
|
+
noTitle: Ae.value
|
|
145
|
+
});
|
|
146
|
+
requestAnimationFrame(() => {
|
|
147
|
+
i.value.width = a, i.value.height = o, Ve();
|
|
148
|
+
});
|
|
149
|
+
});
|
|
150
|
+
P.value && (V.value && P.value.unobserve(V.value), P.value.disconnect()), P.value = new ResizeObserver(t), V.value = _.value.parentNode, P.value.observe(V.value);
|
|
151
|
+
}
|
|
152
|
+
Ve();
|
|
153
|
+
}
|
|
154
|
+
Xt(() => {
|
|
155
|
+
Te.value = !0, Oe();
|
|
156
|
+
}), Yt(() => {
|
|
157
|
+
P.value && (V.value && P.value.unobserve(V.value), P.value.disconnect());
|
|
158
|
+
});
|
|
159
|
+
const { isPrinting: De, isImaging: xe, generatePdf: Ie, generateImage: Be } = po({
|
|
160
|
+
elementId: `vue-ui-radar_${m.value}`,
|
|
161
|
+
fileName: e.value.style.chart.title.text || "vue-ui-radar",
|
|
162
|
+
options: e.value.userOptions.print
|
|
163
|
+
}), wt = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = v(() => to(e.value.customPalette)), b = c({
|
|
164
|
+
dataLabels: {
|
|
165
|
+
show: e.value.style.chart.layout.labels.dataLabels.show
|
|
166
|
+
},
|
|
167
|
+
showTable: e.value.table.show,
|
|
168
|
+
showTooltip: e.value.style.chart.tooltip.show
|
|
169
|
+
}), $t = v(() => ({
|
|
170
|
+
style: {
|
|
171
|
+
backgroundColor: "#FFFFFF00",
|
|
172
|
+
animation: {
|
|
173
|
+
show: e.value.style.chart.tooltip.animation.show,
|
|
174
|
+
animationFrames: e.value.style.chart.tooltip.animation.animationFrames
|
|
175
|
+
},
|
|
176
|
+
labels: {
|
|
177
|
+
fontSize: e.value.style.chart.tooltip.fontSize,
|
|
178
|
+
name: {
|
|
179
|
+
color: e.value.style.chart.tooltip.color
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
gutter: {
|
|
183
|
+
backgroundColor: "#CCCCCC",
|
|
184
|
+
opacity: 30
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
})), i = c({
|
|
188
|
+
height: 312,
|
|
189
|
+
width: 512
|
|
190
|
+
}), _t = ct, f = c([]), j = c(null), U = c(!1);
|
|
191
|
+
function H(t) {
|
|
192
|
+
U.value = !0, f.value.includes(t) ? (j.value = t, f.value = f.value.filter((a) => a !== t), setTimeout(() => {
|
|
193
|
+
U.value = !1, j.value = null;
|
|
194
|
+
}, 500)) : (f.value.push(t), setTimeout(() => {
|
|
195
|
+
U.value = !1;
|
|
196
|
+
}, 500)), _t("selectLegend", O.value.filter((a, o) => !f.value.includes(o)).map((a) => ({
|
|
197
|
+
name: a.name,
|
|
198
|
+
color: a.color,
|
|
199
|
+
proportion: a.totalProportion
|
|
200
|
+
})));
|
|
201
|
+
}
|
|
202
|
+
function Tt() {
|
|
203
|
+
return O.value.map((t) => ({
|
|
204
|
+
name: t.name,
|
|
205
|
+
color: t.color,
|
|
206
|
+
proportion: t.totalProportion
|
|
207
|
+
}));
|
|
208
|
+
}
|
|
209
|
+
function Ft() {
|
|
210
|
+
const t = x.value;
|
|
211
|
+
if ([null, void 0].includes(t?.categories)) {
|
|
212
|
+
z({
|
|
213
|
+
componentName: "VueUiRadar",
|
|
214
|
+
type: "dataset",
|
|
215
|
+
debug: I.value
|
|
216
|
+
}), z({
|
|
217
|
+
componentName: "VueUiRadar",
|
|
218
|
+
type: "datasetAttribute",
|
|
219
|
+
property: "categories ({ name: string; prefix?: string; suffix?: string}[])",
|
|
220
|
+
debug: I.value
|
|
221
|
+
});
|
|
222
|
+
return;
|
|
223
|
+
}
|
|
224
|
+
t.categories.length === 0 ? z({
|
|
225
|
+
componentName: "VueUiRadar",
|
|
226
|
+
type: "datasetAttributeEmpty",
|
|
227
|
+
property: "categories",
|
|
228
|
+
debug: I.value
|
|
229
|
+
}) : t.categories.forEach((a, o) => {
|
|
230
|
+
et({
|
|
231
|
+
datasetObject: a,
|
|
232
|
+
requiredAttributes: ["name"]
|
|
233
|
+
}).forEach((l) => {
|
|
234
|
+
z({
|
|
235
|
+
componentName: "VueUiRadar",
|
|
236
|
+
type: "datasetAttribute",
|
|
237
|
+
property: `category.${l} at index ${o}`,
|
|
238
|
+
index: o,
|
|
239
|
+
debug: I.value
|
|
240
|
+
});
|
|
241
|
+
});
|
|
242
|
+
}), [null, void 0].includes(t?.series) ? z({
|
|
243
|
+
componentName: "VueUiRadar",
|
|
244
|
+
type: "datasetAttribute",
|
|
245
|
+
property: "series ({ name: string; values: number[]; color?: string; target: number}[])",
|
|
246
|
+
debug: I.value
|
|
247
|
+
}) : t.series.forEach((a, o) => {
|
|
248
|
+
et({
|
|
249
|
+
datasetObject: a,
|
|
250
|
+
requiredAttributes: ["name", "values", "target"]
|
|
251
|
+
}).forEach((l) => {
|
|
252
|
+
z({
|
|
253
|
+
componentName: "VueUiRadar",
|
|
254
|
+
type: "datasetSerieAttribute",
|
|
255
|
+
key: "series",
|
|
256
|
+
property: l,
|
|
257
|
+
index: o,
|
|
258
|
+
debug: I.value
|
|
259
|
+
});
|
|
260
|
+
});
|
|
261
|
+
});
|
|
262
|
+
}
|
|
263
|
+
ve(
|
|
264
|
+
() => x.value,
|
|
265
|
+
() => Ft(),
|
|
266
|
+
{ deep: !0, immediate: !0 }
|
|
267
|
+
);
|
|
268
|
+
const $ = v(() => {
|
|
269
|
+
const t = Array.isArray(x.value?.categories) ? x.value.categories : [], a = Ee.value ?? R;
|
|
270
|
+
return t.map((o, l) => ({
|
|
271
|
+
name: o?.name ?? "",
|
|
272
|
+
categoryId: `radar_category_${m.value}_${l}`,
|
|
273
|
+
color: Ke(o?.color) || a[l] || R[l % R.length],
|
|
274
|
+
prefix: o?.prefix ?? "",
|
|
275
|
+
suffix: o?.suffix ?? ""
|
|
276
|
+
}));
|
|
277
|
+
}), k = v(() => x.value.series.map((t, a) => ({
|
|
278
|
+
...t,
|
|
279
|
+
color: Ke(t.color) || Ee.value[a] || R[a] || R[a % R.length],
|
|
280
|
+
serieId: `radar_serie_${m.value}_${a}`,
|
|
281
|
+
formatter: t.formatter || null,
|
|
282
|
+
absoluteIndex: a
|
|
283
|
+
})));
|
|
284
|
+
function Le(t) {
|
|
285
|
+
if (!k.value.length)
|
|
286
|
+
return e.value.debug && console.warn("VueUiRadar - There are no series to show."), null;
|
|
287
|
+
const a = O.value.find((o) => o.name === t);
|
|
288
|
+
return a || (e.value.debug && console.warn(`VueUiRadar - Series name not found "${t}"`), null);
|
|
289
|
+
}
|
|
290
|
+
function Pt(t) {
|
|
291
|
+
const a = Le(t);
|
|
292
|
+
a !== null && f.value.includes(a.absoluteIndex) && H(a.absoluteIndex);
|
|
293
|
+
}
|
|
294
|
+
function St(t) {
|
|
295
|
+
const a = Le(t);
|
|
296
|
+
a !== null && (f.value.includes(a.absoluteIndex) || H(a.absoluteIndex));
|
|
297
|
+
}
|
|
298
|
+
const Ne = v(() => Math.max(...k.value.flatMap((t) => t.values))), Re = v(() => k.value.length), ne = v(() => Math.min(i.value.width, i.value.height) / 3), ze = v(() => Qe({
|
|
299
|
+
plot: { x: i.value.width / 2, y: i.value.height / 2 },
|
|
300
|
+
radius: ne.value,
|
|
301
|
+
sides: Re.value,
|
|
302
|
+
rotation: 0
|
|
303
|
+
})), Ot = v(() => {
|
|
304
|
+
const t = [];
|
|
305
|
+
for (let a = 0; a < ne.value; a += ne.value / e.value.style.chart.layout.grid.graduations)
|
|
306
|
+
t.push(a);
|
|
307
|
+
return t;
|
|
308
|
+
}), S = v(() => ze.value.coordinates.map((t, a) => {
|
|
309
|
+
const o = k.value[a].values.map((l) => xt({
|
|
310
|
+
centerX: i.value.width / 2,
|
|
311
|
+
centerY: i.value.height / 2,
|
|
312
|
+
apexX: t.x,
|
|
313
|
+
apexY: t.y,
|
|
314
|
+
proportion: l / (k.value[a].target || Ne.value)
|
|
315
|
+
}));
|
|
316
|
+
return {
|
|
317
|
+
...t,
|
|
318
|
+
...k.value[a],
|
|
319
|
+
plots: o
|
|
320
|
+
};
|
|
321
|
+
}).map((t) => ({
|
|
322
|
+
...t,
|
|
323
|
+
labelX: se(t).x,
|
|
324
|
+
labelY: se(t).y,
|
|
325
|
+
labelAnchor: se(t).anchor
|
|
326
|
+
})));
|
|
327
|
+
function se({ x: t, y: a }) {
|
|
328
|
+
let o = "middle";
|
|
329
|
+
return t = Math.round(t), a = Math.round(a), t > i.value.width / 2 && (t += 12, o = "start"), t < i.value.width / 2 && (t -= 12, o = "end"), a > i.value.height / 2 + 1 && (a += 20), a < i.value.height / 2 - 1 && (a -= 12), a === i.value.height / 2 && (a += 4), { x: t, y: a, anchor: o };
|
|
330
|
+
}
|
|
331
|
+
const Dt = v({
|
|
332
|
+
get: () => e.value.style.chart.layout.labels.dataLabels.fontSize,
|
|
333
|
+
set: (t) => t
|
|
334
|
+
}), { autoSizeLabels: Ve } = ko({
|
|
335
|
+
svgRef: q,
|
|
336
|
+
fontSize: e.value.style.chart.layout.labels.dataLabels.fontSize,
|
|
337
|
+
minFontSize: 6,
|
|
338
|
+
sizeRef: Dt,
|
|
339
|
+
labelClass: ".vue-ui-radar-apex-label"
|
|
340
|
+
});
|
|
341
|
+
function xt({ centerX: t, centerY: a, apexX: o, apexY: l, proportion: r }) {
|
|
342
|
+
return {
|
|
343
|
+
x: t + (o - t) * r,
|
|
344
|
+
y: a + (l - a) * r
|
|
345
|
+
};
|
|
346
|
+
}
|
|
347
|
+
const O = v(() => {
|
|
348
|
+
const t = k.value.map((a, o) => a.values.map((l) => l / (a.target || Ne.value)));
|
|
349
|
+
return $.value.map((a, o) => {
|
|
350
|
+
const l = oo(t.map((r) => r[o]).reduce((r, h) => r + h, 0) / k.value.length);
|
|
351
|
+
return {
|
|
352
|
+
...a,
|
|
353
|
+
absoluteIndex: o,
|
|
354
|
+
totalProportion: l,
|
|
355
|
+
shape: "circle",
|
|
356
|
+
opacity: f.value.includes(o) ? 0.5 : 1,
|
|
357
|
+
segregate: () => H(o),
|
|
358
|
+
isSegregated: f.value.includes(o),
|
|
359
|
+
display: `${a.name}: ${W({
|
|
360
|
+
v: (l ?? 0) * 100,
|
|
361
|
+
s: "%",
|
|
362
|
+
r: e.value.style.chart.legend.roundingPercentage
|
|
363
|
+
})}`
|
|
364
|
+
};
|
|
365
|
+
});
|
|
366
|
+
}), It = v(() => ({
|
|
367
|
+
cy: "radar-div-legend",
|
|
368
|
+
backgroundColor: e.value.style.chart.legend.backgroundColor,
|
|
369
|
+
color: e.value.style.chart.legend.color,
|
|
370
|
+
fontSize: e.value.style.chart.legend.fontSize,
|
|
371
|
+
paddingBottom: 12,
|
|
372
|
+
fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
|
|
373
|
+
})), J = v(() => {
|
|
374
|
+
const t = [
|
|
375
|
+
{ name: e.value.translations.datapoint, color: "" },
|
|
376
|
+
{ name: e.value.translations.target, color: "" },
|
|
377
|
+
...O.value
|
|
378
|
+
], a = x.value.series.map((l) => [
|
|
379
|
+
l.name,
|
|
380
|
+
he(
|
|
381
|
+
l.formatter,
|
|
382
|
+
l.target,
|
|
383
|
+
W({
|
|
384
|
+
p: l.prefix,
|
|
385
|
+
v: l.target,
|
|
386
|
+
s: l.suffix,
|
|
387
|
+
r: e.value.table.td.roundingValue
|
|
388
|
+
})
|
|
389
|
+
),
|
|
390
|
+
...l.values.map((r, h) => `${he(
|
|
391
|
+
l.formatter,
|
|
392
|
+
r,
|
|
393
|
+
W({ p: $.value[h]?.prefix ?? "", v: r, s: $.value[h]?.suffix ?? "", r: e.value.table.td.roundingValue })
|
|
394
|
+
)} (${isNaN(r / l.target) ? "" : W({
|
|
395
|
+
v: r / l.target * 100,
|
|
396
|
+
s: "%",
|
|
397
|
+
r: e.value.table.td.roundingPercentage
|
|
398
|
+
})})`)
|
|
399
|
+
]), o = {
|
|
400
|
+
th: {
|
|
401
|
+
backgroundColor: e.value.table.th.backgroundColor,
|
|
402
|
+
color: e.value.table.th.color,
|
|
403
|
+
outline: e.value.table.th.outline
|
|
404
|
+
},
|
|
405
|
+
td: {
|
|
406
|
+
backgroundColor: e.value.table.td.backgroundColor,
|
|
407
|
+
color: e.value.table.td.color,
|
|
408
|
+
outline: e.value.table.td.outline
|
|
409
|
+
},
|
|
410
|
+
breakpoint: e.value.table.responsiveBreakpoint
|
|
411
|
+
};
|
|
412
|
+
return { head: t, body: a, config: o, colNames: t };
|
|
413
|
+
}), K = c(null), ue = c([]), ie = c(null);
|
|
414
|
+
function Bt(t, a) {
|
|
415
|
+
te.value = !1, K.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
|
|
416
|
+
}
|
|
417
|
+
function Et(t, a) {
|
|
418
|
+
e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
|
|
419
|
+
}
|
|
420
|
+
function Lt(t, a) {
|
|
421
|
+
e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a });
|
|
422
|
+
const o = $.value.slice();
|
|
423
|
+
ue.value = [], K.value = a, te.value = !0, ie.value = {
|
|
424
|
+
datapoint: t,
|
|
425
|
+
seriesIndex: a,
|
|
426
|
+
series: {
|
|
427
|
+
categories: o,
|
|
428
|
+
datapoints: k.value,
|
|
429
|
+
radar: S.value
|
|
430
|
+
},
|
|
431
|
+
config: e.value
|
|
432
|
+
};
|
|
433
|
+
const l = e.value.style.chart.tooltip.customFormat;
|
|
434
|
+
if (so(l) && uo(() => l({
|
|
435
|
+
seriesIndex: a,
|
|
436
|
+
datapoint: t,
|
|
437
|
+
series: { categories: o, datapoints: k.value, radar: S.value },
|
|
438
|
+
config: e.value
|
|
439
|
+
}))) {
|
|
440
|
+
oe.value = l({
|
|
441
|
+
seriesIndex: a,
|
|
442
|
+
datapoint: t,
|
|
443
|
+
series: { categories: o, datapoints: k.value, radar: S.value },
|
|
444
|
+
config: e.value
|
|
445
|
+
});
|
|
446
|
+
return;
|
|
447
|
+
}
|
|
448
|
+
oe.value = `<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>`;
|
|
449
|
+
for (let r = 0; r < t.values.length; r += 1)
|
|
450
|
+
if (!f.value.includes(r)) {
|
|
451
|
+
const h = o[r], y = t.values[r], Xe = isNaN(y / t.target) ? 0 : y / t.target * 100, M = he(
|
|
452
|
+
t.formatter,
|
|
453
|
+
y,
|
|
454
|
+
W({
|
|
455
|
+
p: $.value[r].prefix,
|
|
456
|
+
v: y,
|
|
457
|
+
s: $.value[r].suffix,
|
|
458
|
+
r: e.value.style.chart.tooltip.roundingValue
|
|
459
|
+
}),
|
|
460
|
+
{ datapoint: t }
|
|
461
|
+
), Ye = W({
|
|
462
|
+
v: Xe,
|
|
463
|
+
s: "%",
|
|
464
|
+
r: e.value.style.chart.tooltip.roundingPercentage
|
|
465
|
+
}), Gt = e.value.style.chart.tooltip.showValue && e.value.style.chart.tooltip.showPercentage ? `${M} (${Ye})` : e.value.style.chart.tooltip.showValue && !e.value.style.chart.tooltip.showPercentage ? M : !e.value.style.chart.tooltip.showValue && e.value.style.chart.tooltip.showPercentage ? `${Ye}` : "";
|
|
466
|
+
ue.value.push({
|
|
467
|
+
name: h?.name ?? `#${r + 1}`,
|
|
468
|
+
value: t.values[r] / t.target * 100,
|
|
469
|
+
color: h?.color,
|
|
470
|
+
suffix: Gt,
|
|
471
|
+
prefix: "",
|
|
472
|
+
rounding: e.value.style.chart.tooltip.roundingPercentage,
|
|
473
|
+
formatter: t.formatter
|
|
474
|
+
});
|
|
475
|
+
}
|
|
476
|
+
}
|
|
477
|
+
function ce(t = null) {
|
|
478
|
+
Je(() => {
|
|
479
|
+
const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = [[""], [e.value.translations.target], ...O.value.flatMap((y) => [[y.name], ["%"]])], l = x.value.series.map((y, Xe) => [y.name, y.target, ...y.values.flatMap((M) => [
|
|
480
|
+
M,
|
|
481
|
+
isNaN(M / y.target) ? "" : M / y.target * 100
|
|
482
|
+
])]), r = a.concat([o]).concat(l), h = ro(r);
|
|
483
|
+
t ? t(h) : no({ csvContent: h, title: e.value.style.chart.title.text || "vue-ui-radar" });
|
|
484
|
+
});
|
|
485
|
+
}
|
|
486
|
+
const B = c(!1);
|
|
487
|
+
function Ue(t) {
|
|
488
|
+
B.value = t, ye.value += 1;
|
|
489
|
+
}
|
|
490
|
+
function Me() {
|
|
491
|
+
b.value.showTable = !b.value.showTable;
|
|
492
|
+
}
|
|
493
|
+
function We() {
|
|
494
|
+
b.value.showTooltip = !b.value.showTooltip;
|
|
495
|
+
}
|
|
496
|
+
const Q = c(!1);
|
|
497
|
+
function de() {
|
|
498
|
+
Q.value = !Q.value;
|
|
499
|
+
}
|
|
500
|
+
async function Nt({ scale: t = 2 } = {}) {
|
|
501
|
+
if (!_.value) return;
|
|
502
|
+
const { width: a, height: o } = _.value.getBoundingClientRect(), l = a / o, { imageUri: r, base64: h } = await Co({ domElement: _.value, base64: !0, img: !0, scale: t });
|
|
503
|
+
return {
|
|
504
|
+
imageUri: r,
|
|
505
|
+
base64: h,
|
|
506
|
+
title: e.value.style.chart.title.text,
|
|
507
|
+
width: a,
|
|
508
|
+
height: o,
|
|
509
|
+
aspectRatio: l
|
|
510
|
+
};
|
|
511
|
+
}
|
|
512
|
+
const X = v(() => {
|
|
513
|
+
const t = e.value.table.useDialog && !e.value.table.show, a = b.value.showTable;
|
|
514
|
+
return {
|
|
515
|
+
component: t ? mt : ht,
|
|
516
|
+
title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
|
|
517
|
+
props: t ? {
|
|
518
|
+
backgroundColor: e.value.table.th.backgroundColor,
|
|
519
|
+
color: e.value.table.th.color,
|
|
520
|
+
headerColor: e.value.table.th.color,
|
|
521
|
+
headerBg: e.value.table.th.backgroundColor,
|
|
522
|
+
isFullscreen: B.value,
|
|
523
|
+
fullscreenParent: _.value,
|
|
524
|
+
forcedWidth: Math.min(800, window.innerWidth * 0.8)
|
|
525
|
+
} : {
|
|
526
|
+
hideDetails: !0,
|
|
527
|
+
config: {
|
|
528
|
+
open: a,
|
|
529
|
+
maxHeight: 1e4,
|
|
530
|
+
body: {
|
|
531
|
+
backgroundColor: e.value.style.chart.backgroundColor,
|
|
532
|
+
color: e.value.style.chart.color
|
|
533
|
+
},
|
|
534
|
+
head: {
|
|
535
|
+
backgroundColor: e.value.style.chart.backgroundColor,
|
|
536
|
+
color: e.value.style.chart.color
|
|
537
|
+
}
|
|
538
|
+
}
|
|
539
|
+
}
|
|
540
|
+
};
|
|
541
|
+
});
|
|
542
|
+
ve(() => b.value.showTable, (t) => {
|
|
543
|
+
e.value.table.show || (t && e.value.table.useDialog && G.value ? G.value.open() : "close" in G.value && G.value.close());
|
|
544
|
+
});
|
|
545
|
+
function Ge() {
|
|
546
|
+
b.value.showTable = !1, ae.value && ae.value.setTableIconState(!1);
|
|
547
|
+
}
|
|
548
|
+
const Rt = v(() => O.value.map((t) => ({
|
|
549
|
+
...t,
|
|
550
|
+
name: t.display
|
|
551
|
+
}))), zt = v(() => e.value.style.chart.backgroundColor), Vt = v(() => e.value.style.chart.legend), Ut = v(() => e.value.style.chart.title), { exportSvg: Mt, getSvg: Wt } = fo({
|
|
552
|
+
svg: q,
|
|
553
|
+
title: Ut,
|
|
554
|
+
legend: Vt,
|
|
555
|
+
legendItems: Rt,
|
|
556
|
+
backgroundColor: zt
|
|
557
|
+
});
|
|
558
|
+
async function je({ isCb: t }) {
|
|
559
|
+
if (t) {
|
|
560
|
+
const { blob: a, url: o, text: l, dataUrl: r } = await Wt();
|
|
561
|
+
e.value.userOptions.callbacks.svg({ blob: a, url: o, text: l, dataUrl: r });
|
|
562
|
+
} else
|
|
563
|
+
Mt();
|
|
564
|
+
}
|
|
565
|
+
return it({
|
|
566
|
+
getData: Tt,
|
|
567
|
+
getImage: Nt,
|
|
568
|
+
generatePdf: Ie,
|
|
569
|
+
generateCsv: ce,
|
|
570
|
+
generateImage: Be,
|
|
571
|
+
generateSvg: je,
|
|
572
|
+
hideSeries: St,
|
|
573
|
+
showSeries: Pt,
|
|
574
|
+
toggleTable: Me,
|
|
575
|
+
toggleTooltip: We,
|
|
576
|
+
toggleAnnotator: de,
|
|
577
|
+
toggleFullscreen: Ue
|
|
578
|
+
}), (t, a) => (n(), s("div", {
|
|
579
|
+
class: Y(`vue-data-ui-component vue-ui-radar ${B.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
|
|
580
|
+
ref_key: "radarChart",
|
|
581
|
+
ref: _,
|
|
582
|
+
id: `vue-ui-radar_${m.value}`,
|
|
583
|
+
style: Z(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
|
|
584
|
+
onMouseenter: a[2] || (a[2] = () => u(Pe)(!0)),
|
|
585
|
+
onMouseleave: a[3] || (a[3] = () => u(Pe)(!1))
|
|
586
|
+
}, [
|
|
587
|
+
e.value.userOptions.buttons.annotator ? (n(), D(u(ft), {
|
|
588
|
+
key: 0,
|
|
589
|
+
svgRef: u(q),
|
|
590
|
+
backgroundColor: e.value.style.chart.backgroundColor,
|
|
591
|
+
color: e.value.style.chart.color,
|
|
592
|
+
active: Q.value,
|
|
593
|
+
onClose: de
|
|
594
|
+
}, {
|
|
595
|
+
"annotator-action-close": d(() => [
|
|
596
|
+
g(t.$slots, "annotator-action-close", {}, void 0, !0)
|
|
597
|
+
]),
|
|
598
|
+
"annotator-action-color": d(({ color: o }) => [
|
|
599
|
+
g(t.$slots, "annotator-action-color", A(w({ color: o })), void 0, !0)
|
|
600
|
+
]),
|
|
601
|
+
"annotator-action-draw": d(({ mode: o }) => [
|
|
602
|
+
g(t.$slots, "annotator-action-draw", A(w({ mode: o })), void 0, !0)
|
|
603
|
+
]),
|
|
604
|
+
"annotator-action-undo": d(({ disabled: o }) => [
|
|
605
|
+
g(t.$slots, "annotator-action-undo", A(w({ disabled: o })), void 0, !0)
|
|
606
|
+
]),
|
|
607
|
+
"annotator-action-redo": d(({ disabled: o }) => [
|
|
608
|
+
g(t.$slots, "annotator-action-redo", A(w({ disabled: o })), void 0, !0)
|
|
609
|
+
]),
|
|
610
|
+
"annotator-action-delete": d(({ disabled: o }) => [
|
|
611
|
+
g(t.$slots, "annotator-action-delete", A(w({ disabled: o })), void 0, !0)
|
|
612
|
+
]),
|
|
613
|
+
_: 3
|
|
614
|
+
}, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
|
|
615
|
+
wt.value ? (n(), s("div", {
|
|
616
|
+
key: 1,
|
|
617
|
+
ref_key: "noTitle",
|
|
618
|
+
ref: Ae,
|
|
619
|
+
class: "vue-data-ui-no-title-space",
|
|
620
|
+
style: "height:36px; width: 100%;background:transparent"
|
|
621
|
+
}, null, 512)) : p("", !0),
|
|
622
|
+
e.value.style.chart.title.text ? (n(), s("div", {
|
|
623
|
+
key: 2,
|
|
624
|
+
ref_key: "chartTitle",
|
|
625
|
+
ref: me,
|
|
626
|
+
style: "width:100%;background:transparent;padding-bottom:12px"
|
|
627
|
+
}, [
|
|
628
|
+
(n(), D(Ao, {
|
|
629
|
+
key: `title_${we.value}`,
|
|
630
|
+
config: {
|
|
631
|
+
title: {
|
|
632
|
+
cy: "radar-div-title",
|
|
633
|
+
...e.value.style.chart.title
|
|
634
|
+
},
|
|
635
|
+
subtitle: {
|
|
636
|
+
cy: "radar-div-subtitle",
|
|
637
|
+
...e.value.style.chart.title.subtitle
|
|
638
|
+
}
|
|
639
|
+
}
|
|
640
|
+
}, null, 8, ["config"]))
|
|
641
|
+
], 512)) : p("", !0),
|
|
642
|
+
C("div", {
|
|
643
|
+
id: `legend-top-${m.value}`
|
|
644
|
+
}, null, 8, To),
|
|
645
|
+
e.value.userOptions.show && be.value && (u(Se) || u(le)) ? (n(), D(u(bt), {
|
|
646
|
+
ref_key: "userOptionsRef",
|
|
647
|
+
ref: ae,
|
|
648
|
+
key: `user_options_${ye.value}`,
|
|
649
|
+
backgroundColor: e.value.style.chart.backgroundColor,
|
|
650
|
+
color: e.value.style.chart.color,
|
|
651
|
+
isImaging: u(xe),
|
|
652
|
+
isPrinting: u(De),
|
|
653
|
+
uid: m.value,
|
|
654
|
+
hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
|
|
655
|
+
hasPdf: e.value.userOptions.buttons.pdf,
|
|
656
|
+
hasImg: e.value.userOptions.buttons.img,
|
|
657
|
+
hasSvg: e.value.userOptions.buttons.svg,
|
|
658
|
+
hasXls: e.value.userOptions.buttons.csv,
|
|
659
|
+
hasTable: e.value.userOptions.buttons.table,
|
|
660
|
+
hasFullscreen: e.value.userOptions.buttons.fullscreen,
|
|
661
|
+
isFullscreen: B.value,
|
|
662
|
+
isTooltip: b.value.showTooltip,
|
|
663
|
+
titles: { ...e.value.userOptions.buttonTitles },
|
|
664
|
+
chartElement: _.value,
|
|
665
|
+
position: e.value.userOptions.position,
|
|
666
|
+
hasAnnotator: e.value.userOptions.buttons.annotator,
|
|
667
|
+
isAnnotation: Q.value,
|
|
668
|
+
callbacks: e.value.userOptions.callbacks,
|
|
669
|
+
printScale: e.value.userOptions.print.scale,
|
|
670
|
+
tableDialog: e.value.table.useDialog,
|
|
671
|
+
onToggleFullscreen: Ue,
|
|
672
|
+
onGeneratePdf: u(Ie),
|
|
673
|
+
onGenerateCsv: ce,
|
|
674
|
+
onGenerateImage: u(Be),
|
|
675
|
+
onGenerateSvg: je,
|
|
676
|
+
onToggleTable: Me,
|
|
677
|
+
onToggleTooltip: We,
|
|
678
|
+
onToggleAnnotator: de,
|
|
679
|
+
style: Z({
|
|
680
|
+
visibility: u(Se) ? u(le) ? "visible" : "hidden" : "visible"
|
|
681
|
+
})
|
|
682
|
+
}, He({ _: 2 }, [
|
|
683
|
+
t.$slots.menuIcon ? {
|
|
684
|
+
name: "menuIcon",
|
|
685
|
+
fn: d(({ isOpen: o, color: l }) => [
|
|
686
|
+
g(t.$slots, "menuIcon", A(w({ isOpen: o, color: l })), void 0, !0)
|
|
687
|
+
]),
|
|
688
|
+
key: "0"
|
|
689
|
+
} : void 0,
|
|
690
|
+
t.$slots.optionTooltip ? {
|
|
691
|
+
name: "optionTooltip",
|
|
692
|
+
fn: d(() => [
|
|
693
|
+
g(t.$slots, "optionTooltip", {}, void 0, !0)
|
|
694
|
+
]),
|
|
695
|
+
key: "1"
|
|
696
|
+
} : void 0,
|
|
697
|
+
t.$slots.optionPdf ? {
|
|
698
|
+
name: "optionPdf",
|
|
699
|
+
fn: d(() => [
|
|
700
|
+
g(t.$slots, "optionPdf", {}, void 0, !0)
|
|
701
|
+
]),
|
|
702
|
+
key: "2"
|
|
703
|
+
} : void 0,
|
|
704
|
+
t.$slots.optionCsv ? {
|
|
705
|
+
name: "optionCsv",
|
|
706
|
+
fn: d(() => [
|
|
707
|
+
g(t.$slots, "optionCsv", {}, void 0, !0)
|
|
708
|
+
]),
|
|
709
|
+
key: "3"
|
|
710
|
+
} : void 0,
|
|
711
|
+
t.$slots.optionImg ? {
|
|
712
|
+
name: "optionImg",
|
|
713
|
+
fn: d(() => [
|
|
714
|
+
g(t.$slots, "optionImg", {}, void 0, !0)
|
|
715
|
+
]),
|
|
716
|
+
key: "4"
|
|
717
|
+
} : void 0,
|
|
718
|
+
t.$slots.optionSvg ? {
|
|
719
|
+
name: "optionSvg",
|
|
720
|
+
fn: d(() => [
|
|
721
|
+
g(t.$slots, "optionSvg", {}, void 0, !0)
|
|
722
|
+
]),
|
|
723
|
+
key: "5"
|
|
724
|
+
} : void 0,
|
|
725
|
+
t.$slots.optionTable ? {
|
|
726
|
+
name: "optionTable",
|
|
727
|
+
fn: d(() => [
|
|
728
|
+
g(t.$slots, "optionTable", {}, void 0, !0)
|
|
729
|
+
]),
|
|
730
|
+
key: "6"
|
|
731
|
+
} : void 0,
|
|
732
|
+
t.$slots.optionFullscreen ? {
|
|
733
|
+
name: "optionFullscreen",
|
|
734
|
+
fn: d(({ toggleFullscreen: o, isFullscreen: l }) => [
|
|
735
|
+
g(t.$slots, "optionFullscreen", A(w({ toggleFullscreen: o, isFullscreen: l })), void 0, !0)
|
|
736
|
+
]),
|
|
737
|
+
key: "7"
|
|
738
|
+
} : void 0,
|
|
739
|
+
t.$slots.optionAnnotator ? {
|
|
740
|
+
name: "optionAnnotator",
|
|
741
|
+
fn: d(({ toggleAnnotator: o, isAnnotator: l }) => [
|
|
742
|
+
g(t.$slots, "optionAnnotator", A(w({ toggleAnnotator: o, isAnnotator: l })), void 0, !0)
|
|
743
|
+
]),
|
|
744
|
+
key: "8"
|
|
745
|
+
} : void 0
|
|
746
|
+
]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
|
|
747
|
+
(n(), s("svg", {
|
|
748
|
+
ref_key: "svgRef",
|
|
749
|
+
ref: q,
|
|
750
|
+
xmlns: u(ao),
|
|
751
|
+
class: Y({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
|
|
752
|
+
viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
|
|
753
|
+
style: Z(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
|
|
754
|
+
}, [
|
|
755
|
+
ee(u(yt)),
|
|
756
|
+
t.$slots["chart-background"] ? (n(), s("foreignObject", {
|
|
757
|
+
key: 0,
|
|
758
|
+
x: 0,
|
|
759
|
+
y: 0,
|
|
760
|
+
width: i.value.width <= 0 ? 10 : i.value.width,
|
|
761
|
+
height: i.value.height <= 0 ? 10 : i.value.height,
|
|
762
|
+
style: {
|
|
763
|
+
pointerEvents: "none"
|
|
764
|
+
}
|
|
765
|
+
}, [
|
|
766
|
+
g(t.$slots, "chart-background", {}, void 0, !0)
|
|
767
|
+
], 8, Po)) : p("", !0),
|
|
768
|
+
C("defs", null, [
|
|
769
|
+
(n(!0), s(E, null, L($.value, (o, l) => (n(), s("radialGradient", {
|
|
770
|
+
cx: "50%",
|
|
771
|
+
cy: "50%",
|
|
772
|
+
r: "50%",
|
|
773
|
+
fx: "50%",
|
|
774
|
+
fy: "50%",
|
|
775
|
+
id: `radar_gradient_${m.value}_${l}`
|
|
776
|
+
}, [
|
|
777
|
+
C("stop", {
|
|
778
|
+
offset: "0%",
|
|
779
|
+
"stop-color": u(pe)(u(lo)(o.color, 0.05), e.value.style.chart.layout.dataPolygon.opacity)
|
|
780
|
+
}, null, 8, Oo),
|
|
781
|
+
C("stop", {
|
|
782
|
+
offset: "100%",
|
|
783
|
+
"stop-color": u(pe)(o.color, e.value.style.chart.layout.dataPolygon.opacity)
|
|
784
|
+
}, null, 8, Do)
|
|
785
|
+
], 8, So))), 256))
|
|
786
|
+
]),
|
|
787
|
+
e.value.style.chart.layout.grid.show ? (n(), s("g", xo, [
|
|
788
|
+
(n(!0), s(E, null, L(S.value, (o) => (n(), s("line", {
|
|
789
|
+
x1: i.value.width / 2,
|
|
790
|
+
y1: i.value.height / 2,
|
|
791
|
+
x2: o.x,
|
|
792
|
+
y2: o.y,
|
|
793
|
+
stroke: e.value.style.chart.layout.grid.stroke,
|
|
794
|
+
"stroke-width": e.value.style.chart.layout.grid.strokeWidth
|
|
795
|
+
}, null, 8, Io))), 256)),
|
|
796
|
+
e.value.style.chart.layout.grid.graduations > 0 ? (n(), s("g", Bo, [
|
|
797
|
+
(n(!0), s(E, null, L(Ot.value, (o) => (n(), s("path", {
|
|
798
|
+
d: u(Qe)({
|
|
799
|
+
plot: { x: i.value.width / 2, y: i.value.height / 2 },
|
|
800
|
+
radius: o,
|
|
801
|
+
sides: Re.value,
|
|
802
|
+
rotation: 0
|
|
803
|
+
}).path,
|
|
804
|
+
fill: "none",
|
|
805
|
+
stroke: e.value.style.chart.layout.grid.stroke,
|
|
806
|
+
"stroke-width": e.value.style.chart.layout.grid.strokeWidth
|
|
807
|
+
}, null, 8, Eo))), 256))
|
|
808
|
+
])) : p("", !0)
|
|
809
|
+
])) : p("", !0),
|
|
810
|
+
C("path", {
|
|
811
|
+
d: ze.value.path,
|
|
812
|
+
fill: "none",
|
|
813
|
+
stroke: e.value.style.chart.layout.outerPolygon.stroke,
|
|
814
|
+
"stroke-width": e.value.style.chart.layout.outerPolygon.strokeWidth,
|
|
815
|
+
"stroke-linejoin": "round",
|
|
816
|
+
"stroke-linecap": "round"
|
|
817
|
+
}, null, 8, Lo),
|
|
818
|
+
e.value.style.chart.layout.labels.dataLabels.show ? (n(), s("g", No, [
|
|
819
|
+
(n(!0), s(E, null, L(S.value, (o, l) => (n(), s("text", {
|
|
820
|
+
class: "vue-ui-radar-apex-label",
|
|
821
|
+
x: o.labelX,
|
|
822
|
+
y: o.labelY,
|
|
823
|
+
"text-anchor": o.labelAnchor,
|
|
824
|
+
"font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
|
|
825
|
+
fill: e.value.style.chart.layout.labels.dataLabels.color,
|
|
826
|
+
onMouseenter: (r) => Lt(o, l),
|
|
827
|
+
onMouseleave: (r) => Bt(o, l),
|
|
828
|
+
onClick: (r) => Et(o, l)
|
|
829
|
+
}, N(o.name), 41, Ro))), 256))
|
|
830
|
+
])) : p("", !0),
|
|
831
|
+
(n(!0), s(E, null, L($.value, (o, l) => (n(), s("g", null, [
|
|
832
|
+
C("g", null, [
|
|
833
|
+
e.value.useCssAnimation || !e.value.useCssAnimation && !f.value.includes(l) ? (n(), s("polygon", {
|
|
834
|
+
key: 0,
|
|
835
|
+
points: u(Ze)(S.value.map((r) => r.plots[l]), !1, !0),
|
|
836
|
+
stroke: e.value.style.chart.backgroundColor,
|
|
837
|
+
"stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth + 1,
|
|
838
|
+
fill: "none",
|
|
839
|
+
class: Y({ "animated-out": f.value.includes(l) && e.value.useCssAnimation, "animated-in": U.value && j.value === l && e.value.useCssAnimation })
|
|
840
|
+
}, null, 10, zo)) : p("", !0),
|
|
841
|
+
e.value.useCssAnimation || !e.value.useCssAnimation && !f.value.includes(l) ? (n(), s("polygon", {
|
|
842
|
+
key: 1,
|
|
843
|
+
points: u(Ze)(S.value.map((r) => r.plots[l]), !1, !0),
|
|
844
|
+
stroke: o.color,
|
|
845
|
+
"stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth,
|
|
846
|
+
fill: e.value.style.chart.layout.dataPolygon.transparent ? "transparent" : e.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${m.value}_${l})` : u(pe)(o.color, e.value.style.chart.layout.dataPolygon.opacity),
|
|
847
|
+
class: Y({ "animated-out": f.value.includes(l) && e.value.useCssAnimation, "animated-in": U.value && j.value === l && e.value.useCssAnimation })
|
|
848
|
+
}, null, 10, Vo)) : p("", !0)
|
|
849
|
+
])
|
|
850
|
+
]))), 256)),
|
|
851
|
+
e.value.style.chart.layout.plots.show ? (n(), s("g", Uo, [
|
|
852
|
+
(n(!0), s(E, null, L(S.value, (o, l) => (n(), s("g", null, [
|
|
853
|
+
(n(!0), s(E, null, L(o.plots, (r, h) => (n(), s("circle", {
|
|
854
|
+
cx: r.x,
|
|
855
|
+
cy: r.y,
|
|
856
|
+
fill: f.value.includes(h) ? "transparent" : $.value[h] ? $.value[h].color : "transparent",
|
|
857
|
+
r: K.value !== null && K.value === l ? e.value.style.chart.layout.plots.radius * 1.6 : e.value.style.chart.layout.plots.radius,
|
|
858
|
+
stroke: f.value.includes(h) ? "transparent" : e.value.style.chart.backgroundColor,
|
|
859
|
+
"stroke-width": 0.5,
|
|
860
|
+
class: Y({ "animated-out": f.value.includes(h) && e.value.useCssAnimation, "animated-in": U.value && j.value === h && e.value.useCssAnimation })
|
|
861
|
+
}, null, 10, Mo))), 256))
|
|
862
|
+
]))), 256))
|
|
863
|
+
])) : p("", !0),
|
|
864
|
+
g(t.$slots, "svg", { svg: i.value }, void 0, !0)
|
|
865
|
+
], 14, Fo)),
|
|
866
|
+
t.$slots.watermark ? (n(), s("div", Wo, [
|
|
867
|
+
g(t.$slots, "watermark", A(w({ isPrinting: u(De) || u(xe) })), void 0, !0)
|
|
868
|
+
])) : p("", !0),
|
|
869
|
+
C("div", {
|
|
870
|
+
id: `legend-bottom-${m.value}`
|
|
871
|
+
}, null, 8, Go),
|
|
872
|
+
Te.value ? (n(), D(qt, {
|
|
873
|
+
key: 5,
|
|
874
|
+
to: e.value.style.chart.legend.position === "top" ? `#legend-top-${m.value}` : `#legend-bottom-${m.value}`
|
|
875
|
+
}, [
|
|
876
|
+
C("div", {
|
|
877
|
+
ref_key: "chartLegend",
|
|
878
|
+
ref: ke
|
|
879
|
+
}, [
|
|
880
|
+
e.value.style.chart.legend.show ? (n(), D(wo, {
|
|
881
|
+
key: `legend_${_e.value}`,
|
|
882
|
+
legendSet: O.value,
|
|
883
|
+
config: It.value,
|
|
884
|
+
onClickMarker: a[0] || (a[0] = ({ i: o }) => H(o))
|
|
885
|
+
}, {
|
|
886
|
+
item: d(({ legend: o, index: l }) => [
|
|
887
|
+
u(Fe) ? p("", !0) : (n(), s("div", {
|
|
888
|
+
key: 0,
|
|
889
|
+
onClick: (r) => o.segregate(),
|
|
890
|
+
style: Z(`opacity:${f.value.includes(l) ? 0.5 : 1}`)
|
|
891
|
+
}, N(o.display), 13, jo))
|
|
892
|
+
]),
|
|
893
|
+
_: 1
|
|
894
|
+
}, 8, ["legendSet", "config"])) : g(t.$slots, "legend", {
|
|
895
|
+
key: 1,
|
|
896
|
+
legend: O.value
|
|
897
|
+
}, void 0, !0)
|
|
898
|
+
], 512)
|
|
899
|
+
], 8, ["to"])) : p("", !0),
|
|
900
|
+
t.$slots.source ? (n(), s("div", {
|
|
901
|
+
key: 6,
|
|
902
|
+
ref_key: "source",
|
|
903
|
+
ref: Ce,
|
|
904
|
+
dir: "auto"
|
|
905
|
+
}, [
|
|
906
|
+
g(t.$slots, "source", {}, void 0, !0)
|
|
907
|
+
], 512)) : p("", !0),
|
|
908
|
+
ee(u(dt), {
|
|
909
|
+
show: b.value.showTooltip && te.value,
|
|
910
|
+
backgroundColor: e.value.style.chart.tooltip.backgroundColor,
|
|
911
|
+
color: e.value.style.chart.tooltip.color,
|
|
912
|
+
borderRadius: e.value.style.chart.tooltip.borderRadius,
|
|
913
|
+
borderColor: e.value.style.chart.tooltip.borderColor,
|
|
914
|
+
borderWidth: e.value.style.chart.tooltip.borderWidth,
|
|
915
|
+
backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
|
|
916
|
+
fontSize: e.value.style.chart.tooltip.fontSize,
|
|
917
|
+
position: e.value.style.chart.tooltip.position,
|
|
918
|
+
offsetY: e.value.style.chart.tooltip.offsetY,
|
|
919
|
+
parent: _.value,
|
|
920
|
+
content: oe.value,
|
|
921
|
+
isFullscreen: B.value,
|
|
922
|
+
isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
|
|
923
|
+
smooth: e.value.style.chart.tooltip.smooth,
|
|
924
|
+
backdropFilter: e.value.style.chart.tooltip.backdropFilter,
|
|
925
|
+
smoothForce: e.value.style.chart.tooltip.smoothForce,
|
|
926
|
+
smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
|
|
927
|
+
}, {
|
|
928
|
+
"tooltip-before": d(() => [
|
|
929
|
+
g(t.$slots, "tooltip-before", A(w({ ...ie.value })), void 0, !0)
|
|
930
|
+
]),
|
|
931
|
+
"tooltip-after": d(() => [
|
|
932
|
+
["function"].includes(typeof e.value.style.chart.tooltip.customFormat) ? p("", !0) : (n(), s("div", Xo, [
|
|
933
|
+
ee(u(gt), {
|
|
934
|
+
dataset: ue.value,
|
|
935
|
+
config: $t.value,
|
|
936
|
+
backgroundOpacity: 0
|
|
937
|
+
}, {
|
|
938
|
+
"data-label": d(({ bar: o }) => [
|
|
939
|
+
C("div", Yo, [
|
|
940
|
+
C("span", qo, N(o.name + (e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? ":" : "")), 1),
|
|
941
|
+
e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? (n(), s("span", Ho, N(o.suffix), 1)) : p("", !0)
|
|
942
|
+
])
|
|
943
|
+
]),
|
|
944
|
+
_: 1
|
|
945
|
+
}, 8, ["dataset", "config"])
|
|
946
|
+
])),
|
|
947
|
+
g(t.$slots, "tooltip-after", A(w({ ...ie.value })), void 0, !0)
|
|
948
|
+
]),
|
|
949
|
+
_: 3
|
|
950
|
+
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "fontSize", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
|
|
951
|
+
be.value && e.value.userOptions.buttons.table ? (n(), D(Ht(X.value.component), Jt({ key: 7 }, X.value.props, {
|
|
952
|
+
ref_key: "tableUnit",
|
|
953
|
+
ref: G,
|
|
954
|
+
onClose: Ge
|
|
955
|
+
}), He({
|
|
956
|
+
content: d(() => [
|
|
957
|
+
(n(), D(u(pt), {
|
|
958
|
+
key: `table_${$e.value}`,
|
|
959
|
+
colNames: J.value.colNames,
|
|
960
|
+
head: J.value.head,
|
|
961
|
+
body: J.value.body,
|
|
962
|
+
config: J.value.config,
|
|
963
|
+
title: e.value.table.useDialog ? "" : X.value.title,
|
|
964
|
+
withCloseButton: !e.value.table.useDialog,
|
|
965
|
+
onClose: Ge
|
|
966
|
+
}, {
|
|
967
|
+
th: d(({ th: o }) => [
|
|
968
|
+
ge(N(o.name), 1)
|
|
969
|
+
]),
|
|
970
|
+
td: d(({ td: o }) => [
|
|
971
|
+
ge(N(o), 1)
|
|
972
|
+
]),
|
|
973
|
+
_: 1
|
|
974
|
+
}, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
|
|
975
|
+
]),
|
|
976
|
+
_: 2
|
|
977
|
+
}, [
|
|
978
|
+
e.value.table.useDialog ? {
|
|
979
|
+
name: "title",
|
|
980
|
+
fn: d(() => [
|
|
981
|
+
ge(N(X.value.title), 1)
|
|
982
|
+
]),
|
|
983
|
+
key: "0"
|
|
984
|
+
} : void 0,
|
|
985
|
+
e.value.table.useDialog ? {
|
|
986
|
+
name: "actions",
|
|
987
|
+
fn: d(() => [
|
|
988
|
+
C("button", {
|
|
989
|
+
tabindex: "0",
|
|
990
|
+
class: "vue-ui-user-options-button",
|
|
991
|
+
onClick: a[1] || (a[1] = (o) => ce(e.value.userOptions.callbacks.csv))
|
|
992
|
+
}, [
|
|
993
|
+
ee(u(vt), {
|
|
994
|
+
name: "excel",
|
|
995
|
+
stroke: X.value.props.color
|
|
996
|
+
}, null, 8, ["stroke"])
|
|
997
|
+
])
|
|
998
|
+
]),
|
|
999
|
+
key: "1"
|
|
1000
|
+
} : void 0
|
|
1001
|
+
]), 1040)) : p("", !0),
|
|
1002
|
+
u(Fe) ? (n(), D(ho, { key: 8 })) : p("", !0)
|
|
1003
|
+
], 46, _o));
|
|
1004
|
+
}
|
|
1005
|
+
}, Ko = /* @__PURE__ */ $o(Jo, [["__scopeId", "data-v-bee25c8b"]]), ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1006
|
+
__proto__: null,
|
|
1007
|
+
default: Ko
|
|
1008
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
1009
|
+
export {
|
|
1010
|
+
ga as a,
|
|
1011
|
+
ha as b,
|
|
1012
|
+
Ko as v
|
|
1013
|
+
};
|