vue-data-ui 2.3.75 → 2.3.77
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-BTG7M25z.js → Arrow-Dj2zuGLq.js} +1 -1
- package/dist/{Arrow-CZK77NmC.cjs → Arrow-VCEIU9wi.cjs} +1 -1
- package/dist/{BaseIcon--PMhZ3f-.cjs → BaseIcon-CP535rdy.cjs} +1 -1
- package/dist/{BaseIcon-BAOfPaXs.js → BaseIcon-Cbr8np30.js} +1 -1
- package/dist/{DataTable-DjQzrklZ.cjs → DataTable-CeHw-cqZ.cjs} +1 -1
- package/dist/{DataTable-CQANRZju.js → DataTable-OAUXdIYA.js} +2 -2
- package/dist/{Legend-DX1kv21U.js → Legend-BVByqGqZ.js} +1 -1
- package/dist/{Legend-CtbPB0Bo.cjs → Legend-DfU44fjz.cjs} +1 -1
- package/dist/{Shape-CadGs1Am.cjs → Shape-B6cEKeIN.cjs} +1 -1
- package/dist/{Shape-kqcyauhC.js → Shape-Clmb3iTX.js} +1 -1
- package/dist/{Slicer-yaJs-izT.js → Slicer-BlRQsQu0.js} +12 -12
- package/dist/{Slicer-i_oECHxH.cjs → Slicer-Dt9iqvAA.cjs} +1 -1
- package/dist/{Title-XBiDFYKD.cjs → Title-D9lSjLTg.cjs} +1 -1
- package/dist/{Title-C26I_HC3.js → Title-gvR5aS6q.js} +1 -1
- package/dist/{Tooltip-CH8GmDCG.js → Tooltip-BGmkuAK4.js} +23 -23
- package/dist/Tooltip-C0PSN8vf.cjs +1 -0
- package/dist/{index-Cm4Iry5c.js → index-0KN57HdM.js} +1147 -1145
- package/dist/index-TabZg_HV.cjs +4 -0
- package/dist/style.css +1 -1
- package/dist/{useNestedProp-w7AMWWmz.cjs → useNestedProp-CoLyVvV9.cjs} +1 -1
- package/dist/{useNestedProp-CurQIHTa.js → useNestedProp-NeGalTYk.js} +1 -1
- package/dist/{usePrinter-ZlHxdaEz.cjs → usePrinter--7sLxlpn.cjs} +1 -1
- package/dist/{usePrinter-B8RnF8_q.js → usePrinter-BvKYEc1z.js} +1 -1
- package/dist/{vue-data-ui-B7amrpT-.cjs → vue-data-ui-CNZP_Hk4.cjs} +1 -1
- package/dist/{vue-data-ui-Bj6kEIpq.js → vue-data-ui-Du0OReJH.js} +57 -57
- package/dist/vue-data-ui.cjs +1 -1
- package/dist/vue-data-ui.js +9 -9
- package/dist/vue-ui-3d-bar-AUSKibZS.cjs +19 -0
- package/dist/{vue-ui-3d-bar-Bg9IgVVc.js → vue-ui-3d-bar-Dasj0J9j.js} +342 -342
- package/dist/{vue-ui-accordion-1WxrfiCH.cjs → vue-ui-accordion-0uSZBHsp.cjs} +1 -1
- package/dist/{vue-ui-accordion-Cb6XBCbu.js → vue-ui-accordion-CczyfFaC.js} +3 -3
- package/dist/vue-ui-age-pyramid-CjBr4CXC.cjs +1 -0
- package/dist/{vue-ui-age-pyramid-BhwmnQru.js → vue-ui-age-pyramid-DZ7vnojR.js} +22 -22
- package/dist/{vue-ui-annotator-BiHQvMdW.js → vue-ui-annotator-BWwxpp_v.js} +39 -39
- package/dist/{vue-ui-annotator-B22cdlhA.cjs → vue-ui-annotator-CyYSiELS.cjs} +2 -2
- package/dist/{vue-ui-candlestick-D7DjdYyw.cjs → vue-ui-candlestick-B9oSgBPN.cjs} +2 -2
- package/dist/{vue-ui-candlestick-Cl9dyh4l.js → vue-ui-candlestick-Dr9aS-Ku.js} +34 -34
- package/dist/vue-ui-carousel-table-CjDze14W.cjs +1 -0
- package/dist/{vue-ui-carousel-table-QsONwqNz.js → vue-ui-carousel-table-D2LK5a9p.js} +83 -81
- package/dist/{vue-ui-chestnut-Drb01WMC.js → vue-ui-chestnut-DIqR-vZo.js} +291 -288
- package/dist/vue-ui-chestnut-RhZaDeRG.cjs +6 -0
- package/dist/vue-ui-cursor-7QhVReKN.cjs +1 -0
- package/dist/{vue-ui-cursor-BP04_XbB.js → vue-ui-cursor-BxHK0bB7.js} +20 -20
- package/dist/{vue-ui-dashboard-Z63RE1XS.cjs → vue-ui-dashboard-DO-zVgDu.cjs} +1 -1
- package/dist/{vue-ui-dashboard-BWdx5gjZ.js → vue-ui-dashboard-fYKECIc7.js} +2 -2
- package/dist/{vue-ui-digits-DUhkLcmd.js → vue-ui-digits-B8hAl2RW.js} +2 -2
- package/dist/{vue-ui-digits-CBQaHW6a.cjs → vue-ui-digits-CSsB4Zlr.cjs} +1 -1
- package/dist/{vue-ui-donut-DRPSwmGr.js → vue-ui-donut-D5DTvWXB.js} +60 -60
- package/dist/vue-ui-donut-D8evqk7g.cjs +1 -0
- package/dist/vue-ui-donut-evolution-BUdWXb-N.cjs +1 -0
- package/dist/{vue-ui-donut-evolution-gRXAyxq8.js → vue-ui-donut-evolution-CPTiiUY6.js} +106 -106
- package/dist/{vue-ui-dumbbell-CQo5jqSK.js → vue-ui-dumbbell-CfeTfNTU.js} +17 -17
- package/dist/{vue-ui-dumbbell-DLfZcrXq.cjs → vue-ui-dumbbell-Fm-Bqc5W.cjs} +1 -1
- package/dist/{vue-ui-flow-BlX2-eEC.cjs → vue-ui-flow-24WIcZVL.cjs} +1 -1
- package/dist/{vue-ui-flow-BQ3UbMUb.js → vue-ui-flow-B2WWQo6P.js} +28 -28
- package/dist/{vue-ui-galaxy-Cax5o6Yl.cjs → vue-ui-galaxy-DkRizJxm.cjs} +1 -1
- package/dist/{vue-ui-galaxy-BHWugUKG.js → vue-ui-galaxy-yfpv7Hky.js} +22 -22
- package/dist/vue-ui-gauge-BkB7BlNM.cjs +1 -0
- package/dist/{vue-ui-gauge-DG6_kvKh.js → vue-ui-gauge-CRVB3wlV.js} +99 -108
- package/dist/{vue-ui-gizmo-bV148qAf.js → vue-ui-gizmo-DJYOx_YH.js} +2 -2
- package/dist/{vue-ui-gizmo-D9Vh9Rmr.cjs → vue-ui-gizmo-Zyo15xm3.cjs} +1 -1
- package/dist/{vue-ui-heatmap-BZZUvnMa.js → vue-ui-heatmap-C6fDCc7O.js} +17 -17
- package/dist/{vue-ui-heatmap-B_ELXKKV.cjs → vue-ui-heatmap-uynT8kN9.cjs} +1 -1
- package/dist/{vue-ui-kpi-C5v7qQvZ.js → vue-ui-kpi-CGC4h9uF.js} +3 -3
- package/dist/{vue-ui-kpi-CwVAvTB2.cjs → vue-ui-kpi-CqEEFb04.cjs} +1 -1
- package/dist/{vue-ui-mini-loader-BdKizX_J.js → vue-ui-mini-loader-2A0YUUIB.js} +2 -2
- package/dist/{vue-ui-mini-loader-DZNY-3rr.cjs → vue-ui-mini-loader-ku9X16tx.cjs} +1 -1
- package/dist/{vue-ui-molecule-bva6OvPc.cjs → vue-ui-molecule-Bv1IBx1L.cjs} +1 -1
- package/dist/{vue-ui-molecule-MKyrhqqm.js → vue-ui-molecule-CwcUmg-k.js} +33 -33
- package/dist/vue-ui-mood-radar-Bf5g118s.cjs +1 -0
- package/dist/{vue-ui-mood-radar-BNIFFvq0.js → vue-ui-mood-radar-V04waMIM.js} +129 -132
- package/dist/{vue-ui-nested-donuts-CxdZC6JF.cjs → vue-ui-nested-donuts-DgVrAToy.cjs} +2 -2
- package/dist/{vue-ui-nested-donuts-BDAlZrMF.js → vue-ui-nested-donuts-DoFALZtp.js} +98 -98
- package/dist/{vue-ui-onion-Df7YcsVR.cjs → vue-ui-onion-BdZC2qt8.cjs} +1 -1
- package/dist/{vue-ui-onion-CFa4VD-w.js → vue-ui-onion-_GaJ78t_.js} +9 -9
- package/dist/{vue-ui-parallel-coordinate-plot-D7Q2zfcR.cjs → vue-ui-parallel-coordinate-plot-BHYr1iqZ.cjs} +1 -1
- package/dist/{vue-ui-parallel-coordinate-plot-DmqYXT-U.js → vue-ui-parallel-coordinate-plot-Eh0gXDVG.js} +24 -24
- package/dist/vue-ui-quadrant-BEhnCog2.cjs +1 -0
- package/dist/{vue-ui-quadrant-D5jHkq9g.js → vue-ui-quadrant-C4LHosyR.js} +35 -35
- package/dist/{vue-ui-quick-chart-BjXXSx7V.js → vue-ui-quick-chart-IqY67olA.js} +69 -69
- package/dist/{vue-ui-quick-chart-Dt9AsEU6.cjs → vue-ui-quick-chart-YFEmJP_6.cjs} +1 -1
- package/dist/{vue-ui-radar-CW8EKW4o.js → vue-ui-radar-BSsDvnVt.js} +39 -39
- package/dist/{vue-ui-radar-2EuZr7i2.cjs → vue-ui-radar-Cel3ZnfN.cjs} +1 -1
- package/dist/{vue-ui-rating-eSWsmJUU.js → vue-ui-rating-Bb1xXC_r.js} +6 -6
- package/dist/{vue-ui-rating-DrtLvVA0.cjs → vue-ui-rating-D-qBEM1w.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-DiUCpEqa.js → vue-ui-relation-circle-CSqi6DqF.js} +29 -29
- package/dist/vue-ui-relation-circle-fb8g1ms8.cjs +1 -0
- package/dist/{vue-ui-rings-CHq-a5ZS.cjs → vue-ui-rings-Bgb538Wa.cjs} +2 -2
- package/dist/{vue-ui-rings-BxhLbyG0.js → vue-ui-rings-ezoy9PIq.js} +31 -31
- package/dist/vue-ui-scatter-B7z6AOLU.cjs +1 -0
- package/dist/{vue-ui-scatter-DQchX_mM.js → vue-ui-scatter-Ci5l--xS.js} +95 -95
- package/dist/{vue-ui-screenshot-CLa9vMzM.js → vue-ui-screenshot-C2X1am1d.js} +4 -4
- package/dist/{vue-ui-screenshot-SLSIpqx2.cjs → vue-ui-screenshot-DLXQWgeo.cjs} +1 -1
- package/dist/vue-ui-skeleton-CYeXVNFu.cjs +41 -0
- package/dist/{vue-ui-skeleton-C1oUnz7R.js → vue-ui-skeleton-dgMXr8k9.js} +96 -96
- package/dist/{vue-ui-smiley-Daw8fPDy.cjs → vue-ui-smiley-CDhXPYa7.cjs} +1 -1
- package/dist/{vue-ui-smiley-CmWHSt1S.js → vue-ui-smiley-DXb5VqXk.js} +2 -2
- package/dist/vue-ui-spark-trend-1hcgCu8H.cjs +1 -0
- package/dist/{vue-ui-spark-trend-CO69Dg31.js → vue-ui-spark-trend-Bv1-LLRs.js} +21 -21
- package/dist/vue-ui-sparkbar-CWdFQTkx.cjs +1 -0
- package/dist/{vue-ui-sparkbar-BRlqpe4e.js → vue-ui-sparkbar-CbmzVXcW.js} +10 -10
- package/dist/{vue-ui-sparkgauge-CbuFESsM.js → vue-ui-sparkgauge-CHODK9jn.js} +8 -8
- package/dist/{vue-ui-sparkgauge-CCxKzDjT.cjs → vue-ui-sparkgauge-r7VEpPtv.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-B4-hrDHz.js → vue-ui-sparkhistogram-CKiO1LGI.js} +111 -101
- package/dist/vue-ui-sparkhistogram-Do5qTT2U.cjs +1 -0
- package/dist/vue-ui-sparkline-Bw3dw-vW.cjs +1 -0
- package/dist/{vue-ui-sparkline-DlXNmG6M.js → vue-ui-sparkline-DLU7hK0K.js} +34 -34
- package/dist/{vue-ui-sparkstackbar-J1YowQmP.js → vue-ui-sparkstackbar-B3TQVHlU.js} +5 -5
- package/dist/{vue-ui-sparkstackbar-CDmZeXnq.cjs → vue-ui-sparkstackbar-CD-HZ4Rq.cjs} +1 -1
- package/dist/{vue-ui-stackbar-CXGWukoJ.cjs → vue-ui-stackbar-2WJh-QtY.cjs} +2 -2
- package/dist/{vue-ui-stackbar-CKIDqkkY.js → vue-ui-stackbar-BnIeIS12.js} +202 -200
- package/dist/{vue-ui-strip-plot-JVLwIy0j.js → vue-ui-strip-plot-CddHmHSX.js} +26 -26
- package/dist/{vue-ui-strip-plot-CvmoRcYN.cjs → vue-ui-strip-plot-DyL8FH29.cjs} +1 -1
- package/dist/{vue-ui-table-BSi_cHh7.js → vue-ui-table-BZ6yonvx.js} +1 -1
- package/dist/{vue-ui-table-Dqi64VE7.cjs → vue-ui-table-_Sxgp6iC.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-CfvW3rcm.js → vue-ui-table-heatmap-CYOgunS2.js} +24 -24
- package/dist/{vue-ui-table-heatmap-BwghEh5t.cjs → vue-ui-table-heatmap-DGWhBhp0.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-Y6Lrrzxy.js → vue-ui-table-sparkline-D33NLyyx.js} +26 -26
- package/dist/{vue-ui-table-sparkline-bIy3kkHB.cjs → vue-ui-table-sparkline-IVMQG6tp.cjs} +1 -1
- package/dist/{vue-ui-thermometer-DDtxYr7w.cjs → vue-ui-thermometer-8XDaKLt5.cjs} +1 -1
- package/dist/{vue-ui-thermometer-BPTs7Nxc.js → vue-ui-thermometer-DMwZ2O16.js} +40 -40
- package/dist/{vue-ui-timer-DRSSYxOX.cjs → vue-ui-timer-B3_-DhDj.cjs} +1 -1
- package/dist/{vue-ui-timer-CkB7eZaE.js → vue-ui-timer-D59VSia6.js} +8 -8
- package/dist/{vue-ui-tiremarks-BbOaoY8S.js → vue-ui-tiremarks-Bczw28td.js} +18 -18
- package/dist/{vue-ui-tiremarks-Bttwg3-p.cjs → vue-ui-tiremarks-Br_jF9bH.cjs} +1 -1
- package/dist/{vue-ui-treemap-CoaK3wBl.js → vue-ui-treemap-DGJNw2WX.js} +29 -29
- package/dist/{vue-ui-treemap-Chq0WQPe.cjs → vue-ui-treemap-DLHdaXss.cjs} +1 -1
- package/dist/vue-ui-vertical-bar-BGYrmyAK.cjs +4 -0
- package/dist/{vue-ui-vertical-bar-BA43_uHV.js → vue-ui-vertical-bar-De0N4Ggo.js} +14 -14
- package/dist/{vue-ui-waffle-NBjY0mko.cjs → vue-ui-waffle-CJPVEDgC.cjs} +1 -1
- package/dist/{vue-ui-waffle-BoEf8CcG.js → vue-ui-waffle-CnXLf5xd.js} +84 -84
- package/dist/{vue-ui-wheel-Bgo2jpj0.js → vue-ui-wheel-Bciq0JM9.js} +24 -24
- package/dist/{vue-ui-wheel-t5bI4a-P.cjs → vue-ui-wheel-CAKYmn0b.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-DPW_-Hzz.cjs → vue-ui-word-cloud-4ooTRM2O.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-Jd9_JUyi.js → vue-ui-word-cloud-CWm6r9Zf.js} +19 -19
- package/dist/{vue-ui-xy-BMBYAC4z.js → vue-ui-xy-B5nBhYgd.js} +351 -350
- package/dist/vue-ui-xy-Ch5hDEec.cjs +3 -0
- package/dist/{vue-ui-xy-canvas-LOsQ_DM-.js → vue-ui-xy-canvas-CzLTSmDS.js} +18 -18
- package/dist/vue-ui-xy-canvas-d-EE9_dN.cjs +9 -0
- package/package.json +1 -1
- package/dist/Tooltip-DxtWkIt5.cjs +0 -1
- package/dist/index-DYUBiaGS.cjs +0 -4
- package/dist/vue-ui-3d-bar-BAz41kL7.cjs +0 -19
- package/dist/vue-ui-age-pyramid-CHNvRXx8.cjs +0 -1
- package/dist/vue-ui-carousel-table-Do5cYRqN.cjs +0 -1
- package/dist/vue-ui-chestnut-CyE8MafY.cjs +0 -6
- package/dist/vue-ui-cursor-DZeTQBKz.cjs +0 -1
- package/dist/vue-ui-donut-D2YJYgOB.cjs +0 -1
- package/dist/vue-ui-donut-evolution-jAMVgNHQ.cjs +0 -1
- package/dist/vue-ui-gauge-DpGcv_00.cjs +0 -1
- package/dist/vue-ui-mood-radar-CzQOAyNI.cjs +0 -1
- package/dist/vue-ui-quadrant-ZqhcVYf5.cjs +0 -1
- package/dist/vue-ui-relation-circle-C60OTe88.cjs +0 -1
- package/dist/vue-ui-scatter-DZUZUbnk.cjs +0 -1
- package/dist/vue-ui-skeleton-ClpTCY1x.cjs +0 -41
- package/dist/vue-ui-spark-trend-DmDlv8ie.cjs +0 -1
- package/dist/vue-ui-sparkbar-BUGdi0BY.cjs +0 -1
- package/dist/vue-ui-sparkhistogram-XtqX10_t.cjs +0 -1
- package/dist/vue-ui-sparkline-BZTEi9YC.cjs +0 -1
- package/dist/vue-ui-vertical-bar-BLIUt-HT.cjs +0 -4
- package/dist/vue-ui-xy-CBHEBcZK.cjs +0 -3
- package/dist/vue-ui-xy-canvas-D5FqRF4p.cjs +0 -9
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { computed as p, ref as i, watch as Ve, onMounted as Ue, onBeforeUnmount as Ee, openBlock as s, createElementBlock as n, normalizeClass as z, normalizeStyle as B, createBlock as
|
|
2
|
-
import { u as Ge, c as We, t as Xe, a as Ye, p as P, o as je, e as
|
|
1
|
+
import { computed as p, ref as i, watch as Ve, onMounted as Ue, onBeforeUnmount as Ee, openBlock as s, createElementBlock as n, normalizeClass as z, normalizeStyle as B, createBlock as O, createCommentVNode as f, unref as h, createSlots as Be, withCtx as y, renderSlot as m, normalizeProps as D, guardReactiveProps as G, createElementVNode as w, Fragment as $, renderList as x, toDisplayString as R, createVNode as me, createTextVNode as be, nextTick as De } from "vue";
|
|
2
|
+
import { u as Ge, c as We, t as Xe, a as Ye, p as P, o as je, e as S, b as qe, g as ke, d as Ce, N as _e, v as He, i as we, f as M, X as Je, s as K, w as Ke, O as $e, x as Qe, y as Ze, q as et, r as tt } from "./index-0KN57HdM.js";
|
|
3
3
|
import { t as at, u as ot } from "./useResponsive-NZB-WLRF.js";
|
|
4
|
-
import { _ as lt } from "./Title-
|
|
5
|
-
import { u as rt, U as st } from "./usePrinter-
|
|
6
|
-
import { _ as nt } from "./Tooltip-
|
|
7
|
-
import ut from "./vue-ui-sparkbar-
|
|
8
|
-
import { L as it } from "./Legend-
|
|
9
|
-
import { D as ct } from "./DataTable-
|
|
10
|
-
import dt from "./vue-ui-skeleton-
|
|
11
|
-
import vt from "./vue-ui-accordion-
|
|
12
|
-
import { u as xe } from "./useNestedProp-
|
|
4
|
+
import { _ as lt } from "./Title-gvR5aS6q.js";
|
|
5
|
+
import { u as rt, U as st } from "./usePrinter-BvKYEc1z.js";
|
|
6
|
+
import { _ as nt } from "./Tooltip-BGmkuAK4.js";
|
|
7
|
+
import ut from "./vue-ui-sparkbar-CbmzVXcW.js";
|
|
8
|
+
import { L as it } from "./Legend-BVByqGqZ.js";
|
|
9
|
+
import { D as ct } from "./DataTable-OAUXdIYA.js";
|
|
10
|
+
import dt from "./vue-ui-skeleton-dgMXr8k9.js";
|
|
11
|
+
import vt from "./vue-ui-accordion-CczyfFaC.js";
|
|
12
|
+
import { u as xe } from "./useNestedProp-NeGalTYk.js";
|
|
13
13
|
import { _ as pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
14
|
-
const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"], mt = ["stop-color"], bt = { key: 0 }, kt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ct = { key: 0 }, _t = ["d", "stroke", "stroke-width"], wt = ["d", "stroke", "stroke-width"], $t = { key: 1 }, xt = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter"], Pt = ["points", "stroke", "stroke-width"], Tt = ["points", "stroke", "stroke-width", "fill"], Nt = { key: 2 },
|
|
14
|
+
const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"], mt = ["stop-color"], bt = { key: 0 }, kt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ct = { key: 0 }, _t = ["d", "stroke", "stroke-width"], wt = ["d", "stroke", "stroke-width"], $t = { key: 1 }, xt = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter"], Pt = ["points", "stroke", "stroke-width"], Tt = ["points", "stroke", "stroke-width", "fill"], Nt = { key: 2 }, Ot = ["cx", "cy", "fill", "r", "stroke"], St = {
|
|
15
15
|
key: 3,
|
|
16
16
|
class: "vue-data-ui-watermark"
|
|
17
|
-
},
|
|
17
|
+
}, Ft = ["onClick"], At = {
|
|
18
18
|
key: 0,
|
|
19
19
|
style: { "max-width": "200px", margin: "0 auto" }
|
|
20
20
|
}, It = {
|
|
@@ -35,14 +35,14 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
35
35
|
},
|
|
36
36
|
emits: ["selectLegend"],
|
|
37
37
|
setup(Pe, { expose: Te, emit: Ne }) {
|
|
38
|
-
const v = Pe, { vue_ui_radar:
|
|
38
|
+
const v = Pe, { vue_ui_radar: Oe } = Ge(), F = p(() => !!v.dataset && Object.keys(v.dataset).length), _ = i(We()), Se = i(null), W = i(!1), X = i(""), Q = i(0), A = i(null), Z = i(null), ee = i(null), te = i(0), ae = i(0), oe = i(0), e = p({
|
|
39
39
|
get: () => le(),
|
|
40
40
|
set: (t) => t
|
|
41
41
|
});
|
|
42
42
|
function le() {
|
|
43
43
|
const t = xe({
|
|
44
44
|
userConfig: v.config,
|
|
45
|
-
defaultConfig:
|
|
45
|
+
defaultConfig: Oe
|
|
46
46
|
});
|
|
47
47
|
return t.theme ? {
|
|
48
48
|
...xe({
|
|
@@ -57,7 +57,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
57
57
|
}, { deep: !0 });
|
|
58
58
|
const V = i(null);
|
|
59
59
|
function re() {
|
|
60
|
-
if (je(v.dataset) &&
|
|
60
|
+
if (je(v.dataset) && S({
|
|
61
61
|
componentName: "VueUiRadar",
|
|
62
62
|
type: "dataset"
|
|
63
63
|
}), e.value.responsive) {
|
|
@@ -86,7 +86,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
86
86
|
},
|
|
87
87
|
showTable: e.value.table.show,
|
|
88
88
|
showTooltip: e.value.style.chart.tooltip.show
|
|
89
|
-
}),
|
|
89
|
+
}), Fe = p(() => ({
|
|
90
90
|
style: {
|
|
91
91
|
backgroundColor: e.value.style.chart.tooltip.backgroundColor,
|
|
92
92
|
animation: {
|
|
@@ -126,11 +126,11 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
126
126
|
proportion: t.totalProportion
|
|
127
127
|
}));
|
|
128
128
|
}
|
|
129
|
-
const g = p(() => [null, void 0].includes(v.dataset.categories) ? (
|
|
129
|
+
const g = p(() => [null, void 0].includes(v.dataset.categories) ? (S({
|
|
130
130
|
componentName: "VueUiRadar",
|
|
131
131
|
type: "datasetAttribute",
|
|
132
132
|
property: "categories ({ name: string; prefix?: string; suffix?: string}[])"
|
|
133
|
-
}), []) : (v.dataset.categories.length === 0 ?
|
|
133
|
+
}), []) : (v.dataset.categories.length === 0 ? S({
|
|
134
134
|
componentName: "VueUiRadar",
|
|
135
135
|
type: "datasetAttributeEmpty",
|
|
136
136
|
property: "categories"
|
|
@@ -139,14 +139,14 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
139
139
|
datasetObject: t,
|
|
140
140
|
requiredAttributes: ["name"]
|
|
141
141
|
}).forEach((o) => {
|
|
142
|
-
|
|
142
|
+
S({
|
|
143
143
|
componentName: "VueUiRadar",
|
|
144
144
|
type: "datasetAttribute",
|
|
145
145
|
property: `category.${o} at index ${a}`,
|
|
146
146
|
index: a
|
|
147
147
|
});
|
|
148
148
|
});
|
|
149
|
-
}), [null, void 0].includes(v.dataset.series) ?
|
|
149
|
+
}), [null, void 0].includes(v.dataset.series) ? S({
|
|
150
150
|
componentName: "VueUiRadar",
|
|
151
151
|
type: "datasetAttribute",
|
|
152
152
|
property: "series ({ name: string; values: number[]; color?: string; target: number}[])"
|
|
@@ -155,7 +155,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
155
155
|
datasetObject: t,
|
|
156
156
|
requiredAttributes: ["name", "values", "target"]
|
|
157
157
|
}).forEach((o) => {
|
|
158
|
-
|
|
158
|
+
S({
|
|
159
159
|
componentName: "VueUiRadar",
|
|
160
160
|
type: "datasetSerieAttribute",
|
|
161
161
|
key: "series",
|
|
@@ -169,7 +169,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
169
169
|
color: Ce(t.color) || ce.value[a] || P[a] || P[a % P.length],
|
|
170
170
|
prefix: t.prefix ?? "",
|
|
171
171
|
suffix: t.suffix ?? ""
|
|
172
|
-
})))), b = p(() =>
|
|
172
|
+
})))), b = p(() => F.value ? v.dataset.series.map((t, a) => ({
|
|
173
173
|
...t,
|
|
174
174
|
color: Ce(t.color) || ce.value[a] || P[a] || P[a % P.length],
|
|
175
175
|
serieId: `radar_serie_${_.value}_${a}`,
|
|
@@ -346,7 +346,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
346
346
|
ref: Z,
|
|
347
347
|
style: B(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:12px`)
|
|
348
348
|
}, [
|
|
349
|
-
(s(),
|
|
349
|
+
(s(), O(lt, {
|
|
350
350
|
key: `title_${te.value}`,
|
|
351
351
|
config: {
|
|
352
352
|
title: {
|
|
@@ -360,9 +360,9 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
360
360
|
}
|
|
361
361
|
}, null, 8, ["config"]))
|
|
362
362
|
], 4)) : f("", !0),
|
|
363
|
-
e.value.userOptions.show &&
|
|
363
|
+
e.value.userOptions.show && F.value ? (s(), O(st, {
|
|
364
364
|
ref_key: "details",
|
|
365
|
-
ref:
|
|
365
|
+
ref: Se,
|
|
366
366
|
key: `user_options_${Q.value}`,
|
|
367
367
|
backgroundColor: e.value.style.chart.backgroundColor,
|
|
368
368
|
color: e.value.style.chart.color,
|
|
@@ -429,7 +429,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
429
429
|
key: "5"
|
|
430
430
|
} : void 0
|
|
431
431
|
]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : f("", !0),
|
|
432
|
-
|
|
432
|
+
F.value ? (s(), n("svg", {
|
|
433
433
|
key: 2,
|
|
434
434
|
xmlns: h(Je),
|
|
435
435
|
class: z({ "vue-data-ui-fullscreen--on": L.value, "vue-data-ui-fulscreen--off": !L.value }),
|
|
@@ -447,11 +447,11 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
447
447
|
}, [
|
|
448
448
|
w("stop", {
|
|
449
449
|
offset: "0%",
|
|
450
|
-
"stop-color":
|
|
450
|
+
"stop-color": h(K)(h(Ke)(o.color, 0.05), e.value.style.chart.layout.dataPolygon.opacity)
|
|
451
451
|
}, null, 8, yt),
|
|
452
452
|
w("stop", {
|
|
453
453
|
offset: "100%",
|
|
454
|
-
"stop-color": o.color
|
|
454
|
+
"stop-color": h(K)(o.color, e.value.style.chart.layout.dataPolygon.opacity)
|
|
455
455
|
}, null, 8, mt)
|
|
456
456
|
], 8, ft))), 256))
|
|
457
457
|
]),
|
|
@@ -516,7 +516,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
516
516
|
points: h($e)(C.value.map((r) => r.plots[l]), !1, !0),
|
|
517
517
|
stroke: o.color,
|
|
518
518
|
"stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth,
|
|
519
|
-
fill: e.value.style.chart.layout.dataPolygon.transparent ? "transparent" : e.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${_.value}_${l})` : o.color
|
|
519
|
+
fill: e.value.style.chart.layout.dataPolygon.transparent ? "transparent" : e.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${_.value}_${l})` : h(K)(o.color, e.value.style.chart.layout.dataPolygon.opacity),
|
|
520
520
|
class: z({ "animated-out": c.value.includes(l) && e.value.useCssAnimation, "animated-in": T.value && I.value === l && e.value.useCssAnimation })
|
|
521
521
|
}, null, 10, Tt)) : f("", !0)
|
|
522
522
|
])
|
|
@@ -531,15 +531,15 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
531
531
|
stroke: c.value.includes(d) ? "transparent" : e.value.style.chart.backgroundColor,
|
|
532
532
|
"stroke-width": 0.5,
|
|
533
533
|
class: z({ "animated-out": c.value.includes(d) && e.value.useCssAnimation, "animated-in": T.value && I.value === d && e.value.useCssAnimation })
|
|
534
|
-
}, null, 10,
|
|
534
|
+
}, null, 10, Ot))), 256))
|
|
535
535
|
]))), 256))
|
|
536
536
|
])) : f("", !0),
|
|
537
537
|
m(t.$slots, "svg", { svg: u.value }, void 0, !0)
|
|
538
538
|
], 14, gt)) : f("", !0),
|
|
539
|
-
t.$slots.watermark ? (s(), n("div",
|
|
539
|
+
t.$slots.watermark ? (s(), n("div", St, [
|
|
540
540
|
m(t.$slots, "watermark", D(G({ isPrinting: h(se) || h(ne) })), void 0, !0)
|
|
541
541
|
])) : f("", !0),
|
|
542
|
-
|
|
542
|
+
F.value ? f("", !0) : (s(), O(dt, {
|
|
543
543
|
key: 4,
|
|
544
544
|
config: {
|
|
545
545
|
type: "radar",
|
|
@@ -560,7 +560,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
560
560
|
ref_key: "chartLegend",
|
|
561
561
|
ref: ee
|
|
562
562
|
}, [
|
|
563
|
-
e.value.style.chart.legend.show ? (s(),
|
|
563
|
+
e.value.style.chart.legend.show ? (s(), O(it, {
|
|
564
564
|
key: `legend_${oe.value}`,
|
|
565
565
|
legendSet: N.value,
|
|
566
566
|
config: ze.value,
|
|
@@ -575,7 +575,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
575
575
|
v: o.totalProportion * 100,
|
|
576
576
|
s: "%",
|
|
577
577
|
r: e.value.style.chart.legend.roundingPercentage
|
|
578
|
-
})), 13,
|
|
578
|
+
})), 13, Ft)
|
|
579
579
|
]),
|
|
580
580
|
_: 1
|
|
581
581
|
}, 8, ["legendSet", "config"])) : m(t.$slots, "legend", {
|
|
@@ -605,7 +605,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
605
605
|
["function"].includes(typeof e.value.style.chart.tooltip.customFormat) ? f("", !0) : (s(), n("div", At, [
|
|
606
606
|
me(ut, {
|
|
607
607
|
dataset: q.value,
|
|
608
|
-
config:
|
|
608
|
+
config: Fe.value,
|
|
609
609
|
backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity
|
|
610
610
|
}, null, 8, ["dataset", "config", "backgroundOpacity"])
|
|
611
611
|
])),
|
|
@@ -613,7 +613,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
613
613
|
]),
|
|
614
614
|
_: 3
|
|
615
615
|
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "fontSize", "position", "offsetY", "parent", "content", "isCustom"]),
|
|
616
|
-
|
|
616
|
+
F.value ? (s(), O(vt, {
|
|
617
617
|
key: 5,
|
|
618
618
|
hideDetails: "",
|
|
619
619
|
config: {
|
|
@@ -630,7 +630,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
630
630
|
}
|
|
631
631
|
}, {
|
|
632
632
|
content: y(() => [
|
|
633
|
-
(s(),
|
|
633
|
+
(s(), O(ct, {
|
|
634
634
|
key: `table_${ae.value}`,
|
|
635
635
|
colNames: U.value.colNames,
|
|
636
636
|
head: U.value.head,
|
|
@@ -652,7 +652,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
|
|
|
652
652
|
}, 8, ["config"])) : f("", !0)
|
|
653
653
|
], 14, ht));
|
|
654
654
|
}
|
|
655
|
-
}, qt = /* @__PURE__ */ pt(It, [["__scopeId", "data-v-
|
|
655
|
+
}, qt = /* @__PURE__ */ pt(It, [["__scopeId", "data-v-96f6a7f8"]]);
|
|
656
656
|
export {
|
|
657
657
|
qt as default
|
|
658
658
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-DYUBiaGS.cjs"),Z=require("./useResponsive-B3TrDDIG.cjs"),ge=require("./Title-XBiDFYKD.cjs"),ee=require("./usePrinter-ZlHxdaEz.cjs"),he=require("./Tooltip-DxtWkIt5.cjs"),me=require("./vue-ui-sparkbar-BUGdi0BY.cjs"),fe=require("./Legend-CtbPB0Bo.cjs"),ye=require("./DataTable-DjQzrklZ.cjs"),ke=require("./vue-ui-skeleton-ClpTCY1x.cjs"),be=require("./vue-ui-accordion-1WxrfiCH.cjs"),te=require("./useNestedProp-w7AMWWmz.cjs"),Ce=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),we=["id"],Be=["xmlns","viewBox"],_e=["id"],$e=["stop-color"],xe=["stop-color"],Pe={key:0},Ne=["x1","y1","x2","y2","stroke","stroke-width"],Te={key:0},Se=["d","stroke","stroke-width"],Ee=["d","stroke","stroke-width"],Ve={key:1},Fe=["x","y","text-anchor","font-size","fill","onMouseenter"],Le=["points","stroke","stroke-width"],ze=["points","stroke","stroke-width","fill"],Oe={key:2},Ae=["cx","cy","fill","r","stroke"],Ie={key:3,class:"vue-data-ui-watermark"},Re=["onClick"],De={key:0,style:{"max-width":"200px",margin:"0 auto"}},Me={__name:"vue-ui-radar",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(oe,{expose:ae,emit:le}){const d=oe,{vue_ui_radar:re}=n.useConfig(),k=e.computed(()=>!!d.dataset&&Object.keys(d.dataset).length),m=e.ref(n.createUid()),ne=e.ref(null),x=e.ref(!1),P=e.ref(""),F=e.ref(0),b=e.ref(null),L=e.ref(null),z=e.ref(null),O=e.ref(0),A=e.ref(0),I=e.ref(0),t=e.computed({get:()=>R(),set:o=>o});function R(){const o=te.useNestedProp({userConfig:d.config,defaultConfig:re});return o.theme?{...te.useNestedProp({userConfig:n.themes.vue_ui_radar[o.theme]||d.config,defaultConfig:o}),customPalette:n.themePalettes[o.theme]||n.palette}:o}e.watch(()=>d.config,o=>{t.value=R(),D(),O.value+=1,A.value+=1,I.value+=1},{deep:!0});const B=e.ref(null);function D(){if(n.objectIsEmpty(d.dataset)&&n.error({componentName:"VueUiRadar",type:"dataset"}),t.value.responsive){const o=Z.throttle(()=>{const{width:a,height:l}=Z.useResponsive({chart:b.value,title:t.value.style.chart.title.text?L.value:null,legend:t.value.style.chart.legend.show?z.value:null});s.value.width=a,s.value.height=l});B.value=new ResizeObserver(o),B.value.observe(b.value.parentNode)}}e.onMounted(()=>{D()}),e.onBeforeUnmount(()=>{B.value&&B.value.disconnect()});const{isPrinting:M,isImaging:q,generatePdf:U,generateImage:G}=ee.usePrinter({elementId:`vue-ui-radar_${m.value}`,fileName:t.value.style.chart.title.text||"vue-ui-radar"}),W=e.computed(()=>n.convertCustomPalette(t.value.customPalette)),g=e.ref({dataLabels:{show:t.value.style.chart.layout.labels.dataLabels.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),ue=e.computed(()=>({style:{backgroundColor:t.value.style.chart.tooltip.backgroundColor,animation:{show:t.value.style.chart.tooltip.animation.show,animationFrames:t.value.style.chart.tooltip.animation.animationFrames},labels:{fontSize:t.value.style.chart.tooltip.fontSize,name:{color:t.value.style.chart.tooltip.color}},gutter:{backgroundColor:"#CCCCCC",opacity:30}}})),s=e.ref({height:312,width:512}),i=e.ref([]),C=e.ref(null),f=e.ref(!1);function H(o){f.value=!0,i.value.includes(o)?(C.value=o,i.value=i.value.filter(a=>a!==o),setTimeout(()=>{f.value=!1,C.value=null},500)):(i.value.push(o),setTimeout(()=>{f.value=!1},500)),le("selectLegend",y.value.filter((a,l)=>!i.value.includes(l)).map(a=>({name:a.name,color:a.color,proportion:a.totalProportion})))}function se(){return y.value.map(o=>({name:o.name,color:o.color,proportion:o.totalProportion}))}const v=e.computed(()=>[null,void 0].includes(d.dataset.categories)?(n.error({componentName:"VueUiRadar",type:"datasetAttribute",property:"categories ({ name: string; prefix?: string; suffix?: string}[])"}),[]):(d.dataset.categories.length===0?n.error({componentName:"VueUiRadar",type:"datasetAttributeEmpty",property:"categories"}):d.dataset.categories.forEach((o,a)=>{n.getMissingDatasetAttributes({datasetObject:o,requiredAttributes:["name"]}).forEach(l=>{n.error({componentName:"VueUiRadar",type:"datasetAttribute",property:`category.${l} at index ${a}`,index:a})})}),[null,void 0].includes(d.dataset.series)?n.error({componentName:"VueUiRadar",type:"datasetAttribute",property:"series ({ name: string; values: number[]; color?: string; target: number}[])"}):d.dataset.series.forEach((o,a)=>{n.getMissingDatasetAttributes({datasetObject:o,requiredAttributes:["name","values","target"]}).forEach(l=>{n.error({componentName:"VueUiRadar",type:"datasetSerieAttribute",key:"series",property:l,index:a})})}),d.dataset.categories.map((o,a)=>({name:o.name,categoryId:`radar_category_${m.value}_${a}`,color:n.convertColorToHex(o.color)||W.value[a]||n.palette[a]||n.palette[a%n.palette.length],prefix:o.prefix??"",suffix:o.suffix??""})))),p=e.computed(()=>k.value?d.dataset.series.map((o,a)=>({...o,color:n.convertColorToHex(o.color)||W.value[a]||n.palette[a]||n.palette[a%n.palette.length],serieId:`radar_serie_${m.value}_${a}`,formatter:o.formatter||null})):[]),X=e.computed(()=>Math.max(...p.value.flatMap(o=>o.values))),j=e.computed(()=>p.value.length),N=e.computed(()=>Math.min(s.value.width,s.value.height)/3),Y=e.computed(()=>n.createPolygonPath({plot:{x:s.value.width/2,y:s.value.height/2},radius:N.value,sides:j.value,rotation:0})),ie=e.computed(()=>{const o=[];for(let a=0;a<N.value;a+=N.value/t.value.style.chart.layout.grid.graduations)o.push(a);return o}),h=e.computed(()=>Y.value.coordinates.map((o,a)=>{const l=p.value[a].values.map(r=>ce({centerX:s.value.width/2,centerY:s.value.height/2,apexX:o.x,apexY:o.y,proportion:r/(p.value[a].target||X.value)}));return{...o,...p.value[a],plots:l}}));function T({x:o,y:a}){let l="middle";return o=Math.round(o),a=Math.round(a),o>s.value.width/2&&(o+=12,l="start"),o<s.value.width/2&&(o-=12,l="end"),a>s.value.height/2&&(a+=20),a<s.value.height/2&&(a-=12),a===s.value.height/2&&(a+=4),{x:o,y:a,anchor:l}}function ce({centerX:o,centerY:a,apexX:l,apexY:r,proportion:u}){return{x:o+(l-o)*u,y:a+(r-a)*u}}const y=e.computed(()=>{const o=p.value.map((a,l)=>a.values.map(r=>r/(a.target||X.value)));return v.value.map((a,l)=>({...a,totalProportion:n.checkNaN(o.map(r=>r[l]).reduce((r,u)=>r+u,0)/p.value.length),shape:"circle",opacity:i.value.includes(l)?.5:1,segregate:()=>H(l),isSegregated:i.value.includes(l)}))}),de=e.computed(()=>({cy:"radar-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),_=e.computed(()=>{const o=[{name:t.value.translations.datapoint,color:""},{name:t.value.translations.target,color:""},...y.value],a=d.dataset.series.map(r=>[r.name,n.applyDataLabel(r.formatter,r.target,n.dataLabel({p:r.prefix,v:r.target,s:r.suffix,r:t.value.table.td.roundingValue})),...r.values.map((u,c)=>`${n.applyDataLabel(r.formatter,u,n.dataLabel({p:v.value[c].prefix,v:u,s:v.value[c].suffix,r:t.value.table.td.roundingValue}))} (${isNaN(u/r.target)?"":n.dataLabel({v:u/r.target*100,s:"%",r:t.value.table.td.roundingPercentage})})`)]),l={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint};return{head:o,body:a,config:l,colNames:o}}),$=e.ref(null),S=e.ref([]),E=e.ref(null);function ve(o,a){S.value=[],$.value=a,x.value=!0;let l="";E.value={datapoint:o,seriesIndex:a,series:{categories:v.value,datapoints:p.value,radar:h.value},config:t.value};const r=t.value.style.chart.tooltip.customFormat;if(n.isFunction(r)&&n.functionReturnsString(()=>r({seriesIndex:a,datapoint:o,series:{categories:v.value,datapoints:p.value,radar:h.value},config:t.value})))P.value=r({seriesIndex:a,datapoint:o,series:{categories:v.value,datapoints:p.value,radar:h.value},config:t.value});else{l+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`;for(let u=0;u<o.values.length;u+=1)i.value.includes(u)||S.value.push({name:v.value[u].name,value:o.values[u]/o.target*100,color:v.value[u].color,suffix:"%)",prefix:`${n.dataLabel({p:v.value[u].prefix??"",v:o.values[u],s:v.value[u].suffix??"",r:t.value.style.chart.tooltip.roundingValue})} (`,rounding:t.value.style.chart.tooltip.roundingPercentage,formatter:o.formatter});P.value=l}}function J(){e.nextTick(()=>{const o=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[""]],a=[[""],[t.value.translations.target],...y.value.flatMap(c=>[[c.name],["%"]])],l=d.dataset.series.map((c,Ue)=>[c.name,c.target,...c.values.flatMap(V=>[V,isNaN(V/c.target)?"":V/c.target*100])]),r=o.concat([a]).concat(l),u=n.createCsvContent(r);n.downloadCsv({csvContent:u,title:t.value.style.chart.title.text||"vue-ui-radar"})})}const w=e.ref(!1);function pe(o){w.value=o,F.value+=1}function K(){g.value.showTable=!g.value.showTable}function Q(){g.value.showTooltip=!g.value.showTooltip}return ae({getData:se,generatePdf:U,generateCsv:J,generateImage:G,toggleTable:K,toggleTooltip:Q}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-radar ${w.value?"vue-data-ui-wrapper-fullscreen":""} ${t.value.useCssAnimation?"":"vue-ui-dna"}`),ref_key:"radarChart",ref:b,id:`vue-ui-radar_${m.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; ${t.value.responsive?"height: 100%;":""} text-align:center;${t.value.style.chart.title.text?"":"padding-top:36px"};background:${t.value.style.chart.backgroundColor}`)},[t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"chartTitle",ref:L,style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:12px`)},[(e.openBlock(),e.createBlock(ge._sfc_main,{key:`title_${O.value}`,config:{title:{cy:"radar-div-title",...t.value.style.chart.title},subtitle:{cy:"radar-div-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&k.value?(e.openBlock(),e.createBlock(ee.UserOptions,{ref_key:"details",ref:ne,key:`user_options_${F.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(q),isPrinting:e.unref(M),uid:m.value,hasTooltip:t.value.userOptions.buttons.tooltip&&t.value.style.chart.tooltip.show,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:w.value,isTooltip:g.value.showTooltip,titles:{...t.value.userOptions.buttonTitles},chartElement:b.value,onToggleFullscreen:pe,onGeneratePdf:e.unref(U),onGenerateCsv:J,onGenerateImage:e.unref(G),onToggleTable:K,onToggleTooltip:Q},e.createSlots({_:2},[o.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:r})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:r})),void 0,!0)]),key:"5"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasTooltip","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","isTooltip","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),k.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(n.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":w.value,"vue-data-ui-fulscreen--off":!w.value}),viewBox:`0 0 ${s.value.width<=0?10:s.value.width} ${s.value.height<=0?10:s.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)},[e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(l,r)=>(e.openBlock(),e.createElementBlock("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`radar_gradient_${m.value}_${r}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(n.shiftHue)(l.color,.05)}${e.unref(n.opacity)[t.value.style.chart.layout.dataPolygon.opacity]}`},null,8,$e),e.createElementVNode("stop",{offset:"100%","stop-color":l.color+e.unref(n.opacity)[t.value.style.chart.layout.dataPolygon.opacity]},null,8,xe)],8,_e))),256))]),t.value.style.chart.layout.grid.show?(e.openBlock(),e.createElementBlock("g",Pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,l=>(e.openBlock(),e.createElementBlock("line",{x1:s.value.width/2,y1:s.value.height/2,x2:l.x,y2:l.y,stroke:t.value.style.chart.layout.grid.stroke,"stroke-width":t.value.style.chart.layout.grid.strokeWidth},null,8,Ne))),256)),t.value.style.chart.layout.grid.graduations>0?(e.openBlock(),e.createElementBlock("g",Te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ie.value,l=>(e.openBlock(),e.createElementBlock("path",{d:e.unref(n.createPolygonPath)({plot:{x:s.value.width/2,y:s.value.height/2},radius:l,sides:j.value,rotation:0}).path,fill:"none",stroke:t.value.style.chart.layout.grid.stroke,"stroke-width":t.value.style.chart.layout.grid.strokeWidth},null,8,Se))),256))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("path",{d:Y.value.path,fill:"none",stroke:t.value.style.chart.layout.outerPolygon.stroke,"stroke-width":t.value.style.chart.layout.outerPolygon.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round"},null,8,Ee),t.value.style.chart.layout.labels.dataLabels.show?(e.openBlock(),e.createElementBlock("g",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(l,r)=>(e.openBlock(),e.createElementBlock("text",{x:T(l).x,y:T(l).y,"text-anchor":T(l).anchor,"font-size":t.value.style.chart.layout.labels.dataLabels.fontSize,fill:t.value.style.chart.layout.labels.dataLabels.color,onMouseenter:u=>ve(l,r),onMouseleave:a[0]||(a[0]=u=>{x.value=!1,$.value=null})},e.toDisplayString(l.name),41,Fe))),256))])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(l,r)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("g",null,[t.value.useCssAnimation||!t.value.useCssAnimation&&!i.value.includes(r)?(e.openBlock(),e.createElementBlock("polygon",{key:0,"data-cy-radar-path":"",points:e.unref(n.makePath)(h.value.map(u=>u.plots[r]),!1,!0),stroke:t.value.style.chart.backgroundColor,"stroke-width":t.value.style.chart.layout.dataPolygon.strokeWidth+1,fill:"none",class:e.normalizeClass({"animated-out":i.value.includes(r)&&t.value.useCssAnimation,"animated-in":f.value&&C.value===r&&t.value.useCssAnimation})},null,10,Le)):e.createCommentVNode("",!0),t.value.useCssAnimation||!t.value.useCssAnimation&&!i.value.includes(r)?(e.openBlock(),e.createElementBlock("polygon",{key:1,"data-cy-radar-path":"",points:e.unref(n.makePath)(h.value.map(u=>u.plots[r]),!1,!0),stroke:l.color,"stroke-width":t.value.style.chart.layout.dataPolygon.strokeWidth,fill:t.value.style.chart.layout.dataPolygon.transparent?"transparent":t.value.style.chart.layout.dataPolygon.useGradient?`url(#radar_gradient_${m.value}_${r})`:l.color+e.unref(n.opacity)[t.value.style.chart.layout.dataPolygon.opacity],class:e.normalizeClass({"animated-out":i.value.includes(r)&&t.value.useCssAnimation,"animated-in":f.value&&C.value===r&&t.value.useCssAnimation})},null,10,ze)):e.createCommentVNode("",!0)])]))),256)),t.value.style.chart.layout.plots.show?(e.openBlock(),e.createElementBlock("g",Oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(l,r)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.plots,(u,c)=>(e.openBlock(),e.createElementBlock("circle",{cx:u.x,cy:u.y,fill:i.value.includes(c)?"transparent":v.value[c].color,r:$.value!==null&&$.value===r?t.value.style.chart.layout.plots.radius*1.6:t.value.style.chart.layout.plots.radius,stroke:i.value.includes(c)?"transparent":t.value.style.chart.backgroundColor,"stroke-width":.5,class:e.normalizeClass({"animated-out":i.value.includes(c)&&t.value.useCssAnimation,"animated-in":f.value&&C.value===c&&t.value.useCssAnimation})},null,10,Ae))),256))]))),256))])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"svg",{svg:s.value},void 0,!0)],14,Be)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ie,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(M)||e.unref(q)})),void 0,!0)])):e.createCommentVNode("",!0),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ke.default,{key:4,config:{type:"radar",style:{backgroundColor:t.value.style.chart.backgroundColor,radar:{grid:{color:t.value.style.chart.layout.outerPolygon.stroke},shapes:{color:t.value.style.chart.layout.outerPolygon.stroke}}}}},null,8,["config"])),e.createElementVNode("div",{ref_key:"chartLegend",ref:z},[t.value.style.chart.legend.show?(e.openBlock(),e.createBlock(fe.Legend,{key:`legend_${I.value}`,legendSet:y.value,config:de.value,onClickMarker:a[1]||(a[1]=({i:l})=>H(l))},{item:e.withCtx(({legend:l,index:r})=>[e.createElementVNode("div",{"data-cy-legend-item":"",onClick:u=>l.segregate(),style:e.normalizeStyle(`opacity:${i.value.includes(r)?.5:1}`)},e.toDisplayString(l.name)+": "+e.toDisplayString(e.unref(n.dataLabel)({v:l.totalProportion*100,s:"%",r:t.value.style.chart.legend.roundingPercentage})),13,Re)]),_:1},8,["legendSet","config"])):e.renderSlot(o.$slots,"legend",{key:1,legend:y.value},void 0,!0)],512),e.createVNode(he._sfc_main,{show:g.value.showTooltip&&x.value,backgroundColor:t.value.style.chart.tooltip.backgroundColor,color:t.value.style.chart.tooltip.color,borderRadius:t.value.style.chart.tooltip.borderRadius,borderColor:t.value.style.chart.tooltip.borderColor,borderWidth:t.value.style.chart.tooltip.borderWidth,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity,fontSize:t.value.style.chart.tooltip.fontSize,position:t.value.style.chart.tooltip.position,offsetY:t.value.style.chart.tooltip.offsetY,parent:b.value,content:P.value,isCustom:t.value.style.chart.tooltip.customFormat&&typeof t.value.style.chart.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(o.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...E.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[["function"].includes(typeof t.value.style.chart.tooltip.customFormat)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",De,[e.createVNode(me.default,{dataset:S.value,config:ue.value,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity},null,8,["dataset","config","backgroundOpacity"])])),e.renderSlot(o.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...E.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","backgroundOpacity","fontSize","position","offsetY","parent","content","isCustom"]),k.value?(e.openBlock(),e.createBlock(be.default,{key:5,hideDetails:"",config:{open:g.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(ye.DataTable,{key:`table_${A.value}`,colNames:_.value.colNames,head:_.value.head,body:_.value.body,config:_.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:a[2]||(a[2]=l=>g.value.showTable=!1)},{th:e.withCtx(({th:l})=>[e.createTextVNode(e.toDisplayString(l.name),1)]),td:e.withCtx(({td:l})=>[e.createTextVNode(e.toDisplayString(l),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],14,we))}},qe=Ce._export_sfc(Me,[["__scopeId","data-v-9855cfb0"]]);exports.default=qe;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-TabZg_HV.cjs"),Z=require("./useResponsive-B3TrDDIG.cjs"),ge=require("./Title-D9lSjLTg.cjs"),ee=require("./usePrinter--7sLxlpn.cjs"),he=require("./Tooltip-C0PSN8vf.cjs"),me=require("./vue-ui-sparkbar-CWdFQTkx.cjs"),fe=require("./Legend-DfU44fjz.cjs"),ye=require("./DataTable-CeHw-cqZ.cjs"),ke=require("./vue-ui-skeleton-CYeXVNFu.cjs"),be=require("./vue-ui-accordion-0uSZBHsp.cjs"),te=require("./useNestedProp-CoLyVvV9.cjs"),Ce=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),we=["id"],Be=["xmlns","viewBox"],_e=["id"],xe=["stop-color"],$e=["stop-color"],Pe={key:0},Ne=["x1","y1","x2","y2","stroke","stroke-width"],Te={key:0},Se=["d","stroke","stroke-width"],Ee=["d","stroke","stroke-width"],Ve={key:1},Fe=["x","y","text-anchor","font-size","fill","onMouseenter"],Le=["points","stroke","stroke-width"],Oe=["points","stroke","stroke-width","fill"],ze={key:2},Ae=["cx","cy","fill","r","stroke"],Ie={key:3,class:"vue-data-ui-watermark"},Re=["onClick"],De={key:0,style:{"max-width":"200px",margin:"0 auto"}},Me={__name:"vue-ui-radar",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(oe,{expose:ae,emit:le}){const d=oe,{vue_ui_radar:re}=n.useConfig(),k=e.computed(()=>!!d.dataset&&Object.keys(d.dataset).length),m=e.ref(n.createUid()),ne=e.ref(null),$=e.ref(!1),P=e.ref(""),F=e.ref(0),b=e.ref(null),L=e.ref(null),O=e.ref(null),z=e.ref(0),A=e.ref(0),I=e.ref(0),t=e.computed({get:()=>R(),set:o=>o});function R(){const o=te.useNestedProp({userConfig:d.config,defaultConfig:re});return o.theme?{...te.useNestedProp({userConfig:n.themes.vue_ui_radar[o.theme]||d.config,defaultConfig:o}),customPalette:n.themePalettes[o.theme]||n.palette}:o}e.watch(()=>d.config,o=>{t.value=R(),D(),z.value+=1,A.value+=1,I.value+=1},{deep:!0});const B=e.ref(null);function D(){if(n.objectIsEmpty(d.dataset)&&n.error({componentName:"VueUiRadar",type:"dataset"}),t.value.responsive){const o=Z.throttle(()=>{const{width:a,height:l}=Z.useResponsive({chart:b.value,title:t.value.style.chart.title.text?L.value:null,legend:t.value.style.chart.legend.show?O.value:null});s.value.width=a,s.value.height=l});B.value=new ResizeObserver(o),B.value.observe(b.value.parentNode)}}e.onMounted(()=>{D()}),e.onBeforeUnmount(()=>{B.value&&B.value.disconnect()});const{isPrinting:M,isImaging:q,generatePdf:U,generateImage:G}=ee.usePrinter({elementId:`vue-ui-radar_${m.value}`,fileName:t.value.style.chart.title.text||"vue-ui-radar"}),W=e.computed(()=>n.convertCustomPalette(t.value.customPalette)),g=e.ref({dataLabels:{show:t.value.style.chart.layout.labels.dataLabels.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),ue=e.computed(()=>({style:{backgroundColor:t.value.style.chart.tooltip.backgroundColor,animation:{show:t.value.style.chart.tooltip.animation.show,animationFrames:t.value.style.chart.tooltip.animation.animationFrames},labels:{fontSize:t.value.style.chart.tooltip.fontSize,name:{color:t.value.style.chart.tooltip.color}},gutter:{backgroundColor:"#CCCCCC",opacity:30}}})),s=e.ref({height:312,width:512}),i=e.ref([]),C=e.ref(null),f=e.ref(!1);function H(o){f.value=!0,i.value.includes(o)?(C.value=o,i.value=i.value.filter(a=>a!==o),setTimeout(()=>{f.value=!1,C.value=null},500)):(i.value.push(o),setTimeout(()=>{f.value=!1},500)),le("selectLegend",y.value.filter((a,l)=>!i.value.includes(l)).map(a=>({name:a.name,color:a.color,proportion:a.totalProportion})))}function se(){return y.value.map(o=>({name:o.name,color:o.color,proportion:o.totalProportion}))}const v=e.computed(()=>[null,void 0].includes(d.dataset.categories)?(n.error({componentName:"VueUiRadar",type:"datasetAttribute",property:"categories ({ name: string; prefix?: string; suffix?: string}[])"}),[]):(d.dataset.categories.length===0?n.error({componentName:"VueUiRadar",type:"datasetAttributeEmpty",property:"categories"}):d.dataset.categories.forEach((o,a)=>{n.getMissingDatasetAttributes({datasetObject:o,requiredAttributes:["name"]}).forEach(l=>{n.error({componentName:"VueUiRadar",type:"datasetAttribute",property:`category.${l} at index ${a}`,index:a})})}),[null,void 0].includes(d.dataset.series)?n.error({componentName:"VueUiRadar",type:"datasetAttribute",property:"series ({ name: string; values: number[]; color?: string; target: number}[])"}):d.dataset.series.forEach((o,a)=>{n.getMissingDatasetAttributes({datasetObject:o,requiredAttributes:["name","values","target"]}).forEach(l=>{n.error({componentName:"VueUiRadar",type:"datasetSerieAttribute",key:"series",property:l,index:a})})}),d.dataset.categories.map((o,a)=>({name:o.name,categoryId:`radar_category_${m.value}_${a}`,color:n.convertColorToHex(o.color)||W.value[a]||n.palette[a]||n.palette[a%n.palette.length],prefix:o.prefix??"",suffix:o.suffix??""})))),p=e.computed(()=>k.value?d.dataset.series.map((o,a)=>({...o,color:n.convertColorToHex(o.color)||W.value[a]||n.palette[a]||n.palette[a%n.palette.length],serieId:`radar_serie_${m.value}_${a}`,formatter:o.formatter||null})):[]),X=e.computed(()=>Math.max(...p.value.flatMap(o=>o.values))),j=e.computed(()=>p.value.length),N=e.computed(()=>Math.min(s.value.width,s.value.height)/3),Y=e.computed(()=>n.createPolygonPath({plot:{x:s.value.width/2,y:s.value.height/2},radius:N.value,sides:j.value,rotation:0})),ie=e.computed(()=>{const o=[];for(let a=0;a<N.value;a+=N.value/t.value.style.chart.layout.grid.graduations)o.push(a);return o}),h=e.computed(()=>Y.value.coordinates.map((o,a)=>{const l=p.value[a].values.map(r=>ce({centerX:s.value.width/2,centerY:s.value.height/2,apexX:o.x,apexY:o.y,proportion:r/(p.value[a].target||X.value)}));return{...o,...p.value[a],plots:l}}));function T({x:o,y:a}){let l="middle";return o=Math.round(o),a=Math.round(a),o>s.value.width/2&&(o+=12,l="start"),o<s.value.width/2&&(o-=12,l="end"),a>s.value.height/2&&(a+=20),a<s.value.height/2&&(a-=12),a===s.value.height/2&&(a+=4),{x:o,y:a,anchor:l}}function ce({centerX:o,centerY:a,apexX:l,apexY:r,proportion:u}){return{x:o+(l-o)*u,y:a+(r-a)*u}}const y=e.computed(()=>{const o=p.value.map((a,l)=>a.values.map(r=>r/(a.target||X.value)));return v.value.map((a,l)=>({...a,totalProportion:n.checkNaN(o.map(r=>r[l]).reduce((r,u)=>r+u,0)/p.value.length),shape:"circle",opacity:i.value.includes(l)?.5:1,segregate:()=>H(l),isSegregated:i.value.includes(l)}))}),de=e.computed(()=>({cy:"radar-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),_=e.computed(()=>{const o=[{name:t.value.translations.datapoint,color:""},{name:t.value.translations.target,color:""},...y.value],a=d.dataset.series.map(r=>[r.name,n.applyDataLabel(r.formatter,r.target,n.dataLabel({p:r.prefix,v:r.target,s:r.suffix,r:t.value.table.td.roundingValue})),...r.values.map((u,c)=>`${n.applyDataLabel(r.formatter,u,n.dataLabel({p:v.value[c].prefix,v:u,s:v.value[c].suffix,r:t.value.table.td.roundingValue}))} (${isNaN(u/r.target)?"":n.dataLabel({v:u/r.target*100,s:"%",r:t.value.table.td.roundingPercentage})})`)]),l={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint};return{head:o,body:a,config:l,colNames:o}}),x=e.ref(null),S=e.ref([]),E=e.ref(null);function ve(o,a){S.value=[],x.value=a,$.value=!0;let l="";E.value={datapoint:o,seriesIndex:a,series:{categories:v.value,datapoints:p.value,radar:h.value},config:t.value};const r=t.value.style.chart.tooltip.customFormat;if(n.isFunction(r)&&n.functionReturnsString(()=>r({seriesIndex:a,datapoint:o,series:{categories:v.value,datapoints:p.value,radar:h.value},config:t.value})))P.value=r({seriesIndex:a,datapoint:o,series:{categories:v.value,datapoints:p.value,radar:h.value},config:t.value});else{l+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`;for(let u=0;u<o.values.length;u+=1)i.value.includes(u)||S.value.push({name:v.value[u].name,value:o.values[u]/o.target*100,color:v.value[u].color,suffix:"%)",prefix:`${n.dataLabel({p:v.value[u].prefix??"",v:o.values[u],s:v.value[u].suffix??"",r:t.value.style.chart.tooltip.roundingValue})} (`,rounding:t.value.style.chart.tooltip.roundingPercentage,formatter:o.formatter});P.value=l}}function J(){e.nextTick(()=>{const o=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[""]],a=[[""],[t.value.translations.target],...y.value.flatMap(c=>[[c.name],["%"]])],l=d.dataset.series.map((c,Ue)=>[c.name,c.target,...c.values.flatMap(V=>[V,isNaN(V/c.target)?"":V/c.target*100])]),r=o.concat([a]).concat(l),u=n.createCsvContent(r);n.downloadCsv({csvContent:u,title:t.value.style.chart.title.text||"vue-ui-radar"})})}const w=e.ref(!1);function pe(o){w.value=o,F.value+=1}function K(){g.value.showTable=!g.value.showTable}function Q(){g.value.showTooltip=!g.value.showTooltip}return ae({getData:se,generatePdf:U,generateCsv:J,generateImage:G,toggleTable:K,toggleTooltip:Q}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-radar ${w.value?"vue-data-ui-wrapper-fullscreen":""} ${t.value.useCssAnimation?"":"vue-ui-dna"}`),ref_key:"radarChart",ref:b,id:`vue-ui-radar_${m.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; ${t.value.responsive?"height: 100%;":""} text-align:center;${t.value.style.chart.title.text?"":"padding-top:36px"};background:${t.value.style.chart.backgroundColor}`)},[t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"chartTitle",ref:L,style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:12px`)},[(e.openBlock(),e.createBlock(ge._sfc_main,{key:`title_${z.value}`,config:{title:{cy:"radar-div-title",...t.value.style.chart.title},subtitle:{cy:"radar-div-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&k.value?(e.openBlock(),e.createBlock(ee.UserOptions,{ref_key:"details",ref:ne,key:`user_options_${F.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(q),isPrinting:e.unref(M),uid:m.value,hasTooltip:t.value.userOptions.buttons.tooltip&&t.value.style.chart.tooltip.show,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:w.value,isTooltip:g.value.showTooltip,titles:{...t.value.userOptions.buttonTitles},chartElement:b.value,onToggleFullscreen:pe,onGeneratePdf:e.unref(U),onGenerateCsv:J,onGenerateImage:e.unref(G),onToggleTable:K,onToggleTooltip:Q},e.createSlots({_:2},[o.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:r})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:r})),void 0,!0)]),key:"5"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasTooltip","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","isTooltip","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),k.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(n.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":w.value,"vue-data-ui-fulscreen--off":!w.value}),viewBox:`0 0 ${s.value.width<=0?10:s.value.width} ${s.value.height<=0?10:s.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)},[e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(l,r)=>(e.openBlock(),e.createElementBlock("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`radar_gradient_${m.value}_${r}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(n.setOpacity)(e.unref(n.shiftHue)(l.color,.05),t.value.style.chart.layout.dataPolygon.opacity)},null,8,xe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(n.setOpacity)(l.color,t.value.style.chart.layout.dataPolygon.opacity)},null,8,$e)],8,_e))),256))]),t.value.style.chart.layout.grid.show?(e.openBlock(),e.createElementBlock("g",Pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,l=>(e.openBlock(),e.createElementBlock("line",{x1:s.value.width/2,y1:s.value.height/2,x2:l.x,y2:l.y,stroke:t.value.style.chart.layout.grid.stroke,"stroke-width":t.value.style.chart.layout.grid.strokeWidth},null,8,Ne))),256)),t.value.style.chart.layout.grid.graduations>0?(e.openBlock(),e.createElementBlock("g",Te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ie.value,l=>(e.openBlock(),e.createElementBlock("path",{d:e.unref(n.createPolygonPath)({plot:{x:s.value.width/2,y:s.value.height/2},radius:l,sides:j.value,rotation:0}).path,fill:"none",stroke:t.value.style.chart.layout.grid.stroke,"stroke-width":t.value.style.chart.layout.grid.strokeWidth},null,8,Se))),256))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("path",{d:Y.value.path,fill:"none",stroke:t.value.style.chart.layout.outerPolygon.stroke,"stroke-width":t.value.style.chart.layout.outerPolygon.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round"},null,8,Ee),t.value.style.chart.layout.labels.dataLabels.show?(e.openBlock(),e.createElementBlock("g",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(l,r)=>(e.openBlock(),e.createElementBlock("text",{x:T(l).x,y:T(l).y,"text-anchor":T(l).anchor,"font-size":t.value.style.chart.layout.labels.dataLabels.fontSize,fill:t.value.style.chart.layout.labels.dataLabels.color,onMouseenter:u=>ve(l,r),onMouseleave:a[0]||(a[0]=u=>{$.value=!1,x.value=null})},e.toDisplayString(l.name),41,Fe))),256))])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(l,r)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("g",null,[t.value.useCssAnimation||!t.value.useCssAnimation&&!i.value.includes(r)?(e.openBlock(),e.createElementBlock("polygon",{key:0,"data-cy-radar-path":"",points:e.unref(n.makePath)(h.value.map(u=>u.plots[r]),!1,!0),stroke:t.value.style.chart.backgroundColor,"stroke-width":t.value.style.chart.layout.dataPolygon.strokeWidth+1,fill:"none",class:e.normalizeClass({"animated-out":i.value.includes(r)&&t.value.useCssAnimation,"animated-in":f.value&&C.value===r&&t.value.useCssAnimation})},null,10,Le)):e.createCommentVNode("",!0),t.value.useCssAnimation||!t.value.useCssAnimation&&!i.value.includes(r)?(e.openBlock(),e.createElementBlock("polygon",{key:1,"data-cy-radar-path":"",points:e.unref(n.makePath)(h.value.map(u=>u.plots[r]),!1,!0),stroke:l.color,"stroke-width":t.value.style.chart.layout.dataPolygon.strokeWidth,fill:t.value.style.chart.layout.dataPolygon.transparent?"transparent":t.value.style.chart.layout.dataPolygon.useGradient?`url(#radar_gradient_${m.value}_${r})`:e.unref(n.setOpacity)(l.color,t.value.style.chart.layout.dataPolygon.opacity),class:e.normalizeClass({"animated-out":i.value.includes(r)&&t.value.useCssAnimation,"animated-in":f.value&&C.value===r&&t.value.useCssAnimation})},null,10,Oe)):e.createCommentVNode("",!0)])]))),256)),t.value.style.chart.layout.plots.show?(e.openBlock(),e.createElementBlock("g",ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(l,r)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.plots,(u,c)=>(e.openBlock(),e.createElementBlock("circle",{cx:u.x,cy:u.y,fill:i.value.includes(c)?"transparent":v.value[c].color,r:x.value!==null&&x.value===r?t.value.style.chart.layout.plots.radius*1.6:t.value.style.chart.layout.plots.radius,stroke:i.value.includes(c)?"transparent":t.value.style.chart.backgroundColor,"stroke-width":.5,class:e.normalizeClass({"animated-out":i.value.includes(c)&&t.value.useCssAnimation,"animated-in":f.value&&C.value===c&&t.value.useCssAnimation})},null,10,Ae))),256))]))),256))])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"svg",{svg:s.value},void 0,!0)],14,Be)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ie,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(M)||e.unref(q)})),void 0,!0)])):e.createCommentVNode("",!0),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ke.default,{key:4,config:{type:"radar",style:{backgroundColor:t.value.style.chart.backgroundColor,radar:{grid:{color:t.value.style.chart.layout.outerPolygon.stroke},shapes:{color:t.value.style.chart.layout.outerPolygon.stroke}}}}},null,8,["config"])),e.createElementVNode("div",{ref_key:"chartLegend",ref:O},[t.value.style.chart.legend.show?(e.openBlock(),e.createBlock(fe.Legend,{key:`legend_${I.value}`,legendSet:y.value,config:de.value,onClickMarker:a[1]||(a[1]=({i:l})=>H(l))},{item:e.withCtx(({legend:l,index:r})=>[e.createElementVNode("div",{"data-cy-legend-item":"",onClick:u=>l.segregate(),style:e.normalizeStyle(`opacity:${i.value.includes(r)?.5:1}`)},e.toDisplayString(l.name)+": "+e.toDisplayString(e.unref(n.dataLabel)({v:l.totalProportion*100,s:"%",r:t.value.style.chart.legend.roundingPercentage})),13,Re)]),_:1},8,["legendSet","config"])):e.renderSlot(o.$slots,"legend",{key:1,legend:y.value},void 0,!0)],512),e.createVNode(he._sfc_main,{show:g.value.showTooltip&&$.value,backgroundColor:t.value.style.chart.tooltip.backgroundColor,color:t.value.style.chart.tooltip.color,borderRadius:t.value.style.chart.tooltip.borderRadius,borderColor:t.value.style.chart.tooltip.borderColor,borderWidth:t.value.style.chart.tooltip.borderWidth,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity,fontSize:t.value.style.chart.tooltip.fontSize,position:t.value.style.chart.tooltip.position,offsetY:t.value.style.chart.tooltip.offsetY,parent:b.value,content:P.value,isCustom:t.value.style.chart.tooltip.customFormat&&typeof t.value.style.chart.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(o.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...E.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[["function"].includes(typeof t.value.style.chart.tooltip.customFormat)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",De,[e.createVNode(me.default,{dataset:S.value,config:ue.value,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity},null,8,["dataset","config","backgroundOpacity"])])),e.renderSlot(o.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...E.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","backgroundOpacity","fontSize","position","offsetY","parent","content","isCustom"]),k.value?(e.openBlock(),e.createBlock(be.default,{key:5,hideDetails:"",config:{open:g.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(ye.DataTable,{key:`table_${A.value}`,colNames:_.value.colNames,head:_.value.head,body:_.value.body,config:_.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:a[2]||(a[2]=l=>g.value.showTable=!1)},{th:e.withCtx(({th:l})=>[e.createTextVNode(e.toDisplayString(l.name),1)]),td:e.withCtx(({td:l})=>[e.createTextVNode(e.toDisplayString(l),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],14,we))}},qe=Ce._export_sfc(Me,[["__scopeId","data-v-96f6a7f8"]]);exports.default=qe;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ref as f, computed as $, onMounted as O, openBlock as l, createElementBlock as i, normalizeStyle as a, createElementVNode as n, toDisplayString as p, createCommentVNode as d, Fragment as E, renderList as L, unref as m, withKeys as
|
|
2
|
-
import { u as
|
|
3
|
-
import { u as W } from "./useNestedProp-
|
|
1
|
+
import { ref as f, computed as $, onMounted as O, openBlock as l, createElementBlock as i, normalizeStyle as a, createElementVNode as n, toDisplayString as p, createCommentVNode as d, Fragment as E, renderList as L, unref as m, withKeys as T, createTextVNode as U } from "vue";
|
|
2
|
+
import { u as D, c as K, o as H, e as P, X as _, w as N, T as F } from "./index-0KN57HdM.js";
|
|
3
|
+
import { u as W } from "./useNestedProp-NeGalTYk.js";
|
|
4
4
|
import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const J = {
|
|
6
6
|
key: 0,
|
|
@@ -24,7 +24,7 @@ const J = {
|
|
|
24
24
|
},
|
|
25
25
|
emits: ["rate"],
|
|
26
26
|
setup(M, { expose: A, emit: V }) {
|
|
27
|
-
const v = M, { vue_ui_rating: R } =
|
|
27
|
+
const v = M, { vue_ui_rating: R } = D(), x = f(K()), b = f(!1), u = f(void 0), w = f([]), t = $(() => W({
|
|
28
28
|
userConfig: v.config,
|
|
29
29
|
defaultConfig: R
|
|
30
30
|
})), X = $(() => typeof v.dataset.rating == "object" && !Array.isArray(v.dataset.rating) ? B(v.dataset.rating) : v.dataset.rating), j = $(() => typeof v.dataset.rating == "object" && !Array.isArray(v.dataset.rating)), r = f(X.value), k = f(t.value.type === "image"), c = f(t.value.readonly);
|
|
@@ -219,7 +219,7 @@ const J = {
|
|
|
219
219
|
onMouseenter: (y) => u.value = e,
|
|
220
220
|
onMouseleave: s[0] || (s[0] = (y) => u.value = void 0),
|
|
221
221
|
tabindex: "0",
|
|
222
|
-
onKeyup:
|
|
222
|
+
onKeyup: T((y) => S(e), ["enter"])
|
|
223
223
|
}, null, 40, dt)),
|
|
224
224
|
c.value ? (l(), i("rect", {
|
|
225
225
|
key: 1,
|
|
@@ -244,7 +244,7 @@ const J = {
|
|
|
244
244
|
n("span", {
|
|
245
245
|
style: a(`font-size:${t.value.style.tooltip.fontSize}px`)
|
|
246
246
|
}, p(e), 5),
|
|
247
|
-
|
|
247
|
+
U(" : "),
|
|
248
248
|
n("span", {
|
|
249
249
|
style: a(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
|
|
250
250
|
}, p(v.dataset.rating[e]), 5),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-DYUBiaGS.cjs"),C=require("./useNestedProp-w7AMWWmz.cjs"),V=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),M={key:0,class:"vue-ui-rating-title",style:{width:"100%"}},F=["src","height","width"],A=["xmlns","height","width"],D=["id"],R=["stop-color"],X=["stop-color"],j=["points","fill","stroke","stroke-width"],I=["src","alt","height","width","id"],O=["xmlns","viewBox","height","id"],Y=["id"],G=["stop-color"],L=["stop-color"],q=["points","fill","stroke"],T=["xmlns","height"],U=["onClick","onMouseenter","onKeyup"],H=["onMouseenter"],K={__name:"vue-ui-rating",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:["rate"],setup($,{expose:k,emit:S}){const s=$,{vue_ui_rating:_}=n.useConfig(),d=e.ref(n.createUid()),p=e.ref(!1),r=e.ref(void 0),g=e.ref([]),t=e.computed(()=>C.useNestedProp({userConfig:s.config,defaultConfig:_})),b=e.computed(()=>typeof s.dataset.rating=="object"&&!Array.isArray(s.dataset.rating)?z(s.dataset.rating):s.dataset.rating),N=e.computed(()=>typeof s.dataset.rating=="object"&&!Array.isArray(s.dataset.rating)),i=e.ref(b.value),f=e.ref(t.value.type==="image"),c=e.ref(t.value.readonly);function z(o){let a=0,l=0;for(const u in o){const E=parseInt(u),h=o[u];a+=E*h,l+=h}if(l===0)return 0;const v=a/l;return Math.min(t.value.to,Math.max(t.value.from,v))}e.onMounted(()=>{n.objectIsEmpty(s.dataset)&&n.error({componentName:"VueUiRating",type:"dataset"});for(let o=t.value.from;o<=t.value.to;o+=1)g.value.push(o)});function y(o,a=!1){return o>r.value||c.value?a?t.value.style.image.inactiveOpacity:t.value.style.star.inactiveColor:a?1:t.value.style.star.useGradient?`url(#star_gradient_under_${d.value})`:t.value.style.star.activeColor}function m(o,a=!1){const l=i.value-o,v=a?1:100;switch(!0){case l<=0:return .001;case l>1:return 1*v;default:return l*v}}function x(o){c.value||(i.value=o,S("rate",o))}function w(){return i.value}function B(o=!0){c.value=o}return k({getData:w,toggleReadonly:B}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`background:${t.value.style.backgroundColor};font-family:${t.value.style.fontFamily};width:100%`),class:"vue-ui-rating",onMouseover:a[2]||(a[2]=l=>p.value=!0),onMouseleave:a[3]||(a[3]=l=>{p.value=!1,r.value=void 0})},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",{style:e.normalizeStyle(`color:${t.value.style.title.color};font-weight:${t.value.style.title.bold?"bold":"normal"};text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.offsetY}px;font-size:${t.value.style.title.fontSize}px`)},e.toDisplayString(t.value.style.title.text),5),t.value.style.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`color:${t.value.style.title.subtitle.color};font-size:${t.value.style.title.subtitle.fontSize}px;text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.subtitle.offsetY}px;font-weight:${t.value.style.title.subtitle.bold?"bold":"normal"}`)},e.toDisplayString(t.value.style.title.subtitle.text),5)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.value.style.rating.show&&t.value.style.rating.position==="top"?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width:100%;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};margin-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"vue-ui-rating-wrapper",style:e.normalizeStyle(`height:${t.value.style.itemSize}px;width:100%;display:flex;align-items:center;justify-content:center`)},[t.value.style.rating.show&&t.value.style.rating.position==="left"?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};padding-right:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(l,v)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-rating-unit-container",style:e.normalizeStyle(`position:relative;height:${t.value.style.itemSize}px;width:${t.value.style.itemSize}px`)},[f.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.value.style.image.src,height:t.value.style.itemSize,width:t.value.style.itemSize,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;opacity:${isNaN(r.value)?t.value.style.image.inactiveOpacity:y(l,!0)}`)},null,12,F)):(e.openBlock(),e.createElementBlock("svg",{key:1,xmlns:e.unref(n.XMLNS),viewBox:"0 0 100 100",height:t.value.style.itemSize,width:t.value.style.itemSize,class:"vue-ui-rating-unit"},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`star_gradient_under_${d.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(n.shiftHue)(t.value.style.star.activeColor,.05)}`},null,8,R),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.star.activeColor},null,8,X)],8,D)]),e.createElementVNode("polygon",{points:e.unref(n.createStar)({plot:{x:50,y:50},radius:30,apexes:t.value.style.star.apexes}),fill:isNaN(r.value)?t.value.style.star.inactiveColor:y(l),stroke:t.value.style.star.borderColor?t.value.style.star.borderColor:r.value?y(l):t.value.style.star.inactiveColor,"stroke-width":t.value.style.star.borderWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,j)],8,A)),f.value?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.style.image.src,alt:`${t.value.style.image.alt} ${l}`,height:t.value.style.itemSize,width:t.value.style.itemSize,id:`active_${d.value}_${l}`,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;clip:rect(0px,${m(v,!0)*t.value.style.itemSize}px,${t.value.style.itemSize}px,0px`)},null,12,I)):(e.openBlock(),e.createElementBlock("svg",{key:3,xmlns:e.unref(n.XMLNS),viewBox:`0 0 ${m(v)} 100`,height:t.value.style.itemSize,class:"vue-ui-rating-unit",id:`active_${d.value}_${l}`,style:{position:"absolute",top:"0",left:"0"}},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`star_gradient_over_${d.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(n.shiftHue)(t.value.style.star.activeColor,.05)}`},null,8,G),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.star.activeColor},null,8,L)],8,Y)]),e.createElementVNode("polygon",{points:e.unref(n.createStar)({plot:{x:50,y:50},radius:30,apexes:t.value.style.star.apexes}),fill:t.value.style.star.useGradient?`url(#star_gradient_over_${d.value})`:t.value.style.star.activeColor,stroke:t.value.style.star.activeColor},null,8,q)],8,O)),(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(n.XMLNS),viewBox:"0 0 100 100",height:t.value.style.itemSize,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;${c.value?"":"cursor:pointer"}`)},[c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("rect",{key:0,class:"vue-ui-rating-mouse-trap",x:0,y:0,width:100,height:100,fill:"transparent",onClick:u=>x(l),onMouseenter:u=>r.value=l,onMouseleave:a[0]||(a[0]=u=>r.value=void 0),tabindex:"0",onKeyup:e.withKeys(u=>x(l),["enter"])},null,40,U)),c.value?(e.openBlock(),e.createElementBlock("rect",{key:1,class:"vue-ui-rating-mouse-trap",x:0,y:0,width:100,height:100,fill:"transparent",onMouseenter:u=>r.value=l,onMouseleave:a[1]||(a[1]=u=>r.value=void 0)},null,40,H)):e.createCommentVNode("",!0)],12,T)),t.value.style.tooltip.show&&N.value&&c.value?(e.openBlock(),e.createElementBlock("div",{key:4,class:"vue-ui-rating-tooltip",style:e.normalizeStyle(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48+t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${r.value===l?"block":"none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)},[e.createElementVNode("div",{style:e.normalizeStyle(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)},[e.createElementVNode("span",{style:e.normalizeStyle(`font-size:${t.value.style.tooltip.fontSize}px`)},e.toDisplayString(l),5),e.createTextVNode(" : "),e.createElementVNode("span",{style:e.normalizeStyle(`font-weight:${t.value.style.tooltip.bold?"bold":"normal"};font-size:${t.value.style.tooltip.fontSize}px`)},e.toDisplayString(s.dataset.rating[l]),5),e.createElementVNode("div",{style:e.normalizeStyle(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)}," ▼ ",4)],4)],4)):e.createCommentVNode("",!0)],4))),256)),t.value.style.rating.show&&t.value.style.rating.position==="right"?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};padding-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0)],4),t.value.style.rating.show&&t.value.style.rating.position==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,style:e.normalizeStyle(`width:100%;text-align:center;margin-top:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};margin-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0)],36))}},P=V._export_sfc(K,[["__scopeId","data-v-86ced882"]]);exports.default=P;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-TabZg_HV.cjs"),C=require("./useNestedProp-CoLyVvV9.cjs"),V=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),M={key:0,class:"vue-ui-rating-title",style:{width:"100%"}},F=["src","height","width"],A=["xmlns","height","width"],D=["id"],R=["stop-color"],X=["stop-color"],j=["points","fill","stroke","stroke-width"],I=["src","alt","height","width","id"],O=["xmlns","viewBox","height","id"],Y=["id"],G=["stop-color"],L=["stop-color"],q=["points","fill","stroke"],T=["xmlns","height"],U=["onClick","onMouseenter","onKeyup"],H=["onMouseenter"],K={__name:"vue-ui-rating",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:["rate"],setup($,{expose:k,emit:S}){const s=$,{vue_ui_rating:_}=n.useConfig(),d=e.ref(n.createUid()),p=e.ref(!1),r=e.ref(void 0),g=e.ref([]),t=e.computed(()=>C.useNestedProp({userConfig:s.config,defaultConfig:_})),b=e.computed(()=>typeof s.dataset.rating=="object"&&!Array.isArray(s.dataset.rating)?z(s.dataset.rating):s.dataset.rating),N=e.computed(()=>typeof s.dataset.rating=="object"&&!Array.isArray(s.dataset.rating)),i=e.ref(b.value),f=e.ref(t.value.type==="image"),c=e.ref(t.value.readonly);function z(o){let a=0,l=0;for(const u in o){const E=parseInt(u),h=o[u];a+=E*h,l+=h}if(l===0)return 0;const v=a/l;return Math.min(t.value.to,Math.max(t.value.from,v))}e.onMounted(()=>{n.objectIsEmpty(s.dataset)&&n.error({componentName:"VueUiRating",type:"dataset"});for(let o=t.value.from;o<=t.value.to;o+=1)g.value.push(o)});function y(o,a=!1){return o>r.value||c.value?a?t.value.style.image.inactiveOpacity:t.value.style.star.inactiveColor:a?1:t.value.style.star.useGradient?`url(#star_gradient_under_${d.value})`:t.value.style.star.activeColor}function m(o,a=!1){const l=i.value-o,v=a?1:100;switch(!0){case l<=0:return .001;case l>1:return 1*v;default:return l*v}}function x(o){c.value||(i.value=o,S("rate",o))}function w(){return i.value}function B(o=!0){c.value=o}return k({getData:w,toggleReadonly:B}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`background:${t.value.style.backgroundColor};font-family:${t.value.style.fontFamily};width:100%`),class:"vue-ui-rating",onMouseover:a[2]||(a[2]=l=>p.value=!0),onMouseleave:a[3]||(a[3]=l=>{p.value=!1,r.value=void 0})},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",{style:e.normalizeStyle(`color:${t.value.style.title.color};font-weight:${t.value.style.title.bold?"bold":"normal"};text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.offsetY}px;font-size:${t.value.style.title.fontSize}px`)},e.toDisplayString(t.value.style.title.text),5),t.value.style.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`color:${t.value.style.title.subtitle.color};font-size:${t.value.style.title.subtitle.fontSize}px;text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.subtitle.offsetY}px;font-weight:${t.value.style.title.subtitle.bold?"bold":"normal"}`)},e.toDisplayString(t.value.style.title.subtitle.text),5)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.value.style.rating.show&&t.value.style.rating.position==="top"?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width:100%;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};margin-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"vue-ui-rating-wrapper",style:e.normalizeStyle(`height:${t.value.style.itemSize}px;width:100%;display:flex;align-items:center;justify-content:center`)},[t.value.style.rating.show&&t.value.style.rating.position==="left"?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};padding-right:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(l,v)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-rating-unit-container",style:e.normalizeStyle(`position:relative;height:${t.value.style.itemSize}px;width:${t.value.style.itemSize}px`)},[f.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.value.style.image.src,height:t.value.style.itemSize,width:t.value.style.itemSize,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;opacity:${isNaN(r.value)?t.value.style.image.inactiveOpacity:y(l,!0)}`)},null,12,F)):(e.openBlock(),e.createElementBlock("svg",{key:1,xmlns:e.unref(n.XMLNS),viewBox:"0 0 100 100",height:t.value.style.itemSize,width:t.value.style.itemSize,class:"vue-ui-rating-unit"},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`star_gradient_under_${d.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(n.shiftHue)(t.value.style.star.activeColor,.05)}`},null,8,R),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.star.activeColor},null,8,X)],8,D)]),e.createElementVNode("polygon",{points:e.unref(n.createStar)({plot:{x:50,y:50},radius:30,apexes:t.value.style.star.apexes}),fill:isNaN(r.value)?t.value.style.star.inactiveColor:y(l),stroke:t.value.style.star.borderColor?t.value.style.star.borderColor:r.value?y(l):t.value.style.star.inactiveColor,"stroke-width":t.value.style.star.borderWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,j)],8,A)),f.value?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.style.image.src,alt:`${t.value.style.image.alt} ${l}`,height:t.value.style.itemSize,width:t.value.style.itemSize,id:`active_${d.value}_${l}`,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;clip:rect(0px,${m(v,!0)*t.value.style.itemSize}px,${t.value.style.itemSize}px,0px`)},null,12,I)):(e.openBlock(),e.createElementBlock("svg",{key:3,xmlns:e.unref(n.XMLNS),viewBox:`0 0 ${m(v)} 100`,height:t.value.style.itemSize,class:"vue-ui-rating-unit",id:`active_${d.value}_${l}`,style:{position:"absolute",top:"0",left:"0"}},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`star_gradient_over_${d.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(n.shiftHue)(t.value.style.star.activeColor,.05)}`},null,8,G),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.star.activeColor},null,8,L)],8,Y)]),e.createElementVNode("polygon",{points:e.unref(n.createStar)({plot:{x:50,y:50},radius:30,apexes:t.value.style.star.apexes}),fill:t.value.style.star.useGradient?`url(#star_gradient_over_${d.value})`:t.value.style.star.activeColor,stroke:t.value.style.star.activeColor},null,8,q)],8,O)),(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(n.XMLNS),viewBox:"0 0 100 100",height:t.value.style.itemSize,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;${c.value?"":"cursor:pointer"}`)},[c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("rect",{key:0,class:"vue-ui-rating-mouse-trap",x:0,y:0,width:100,height:100,fill:"transparent",onClick:u=>x(l),onMouseenter:u=>r.value=l,onMouseleave:a[0]||(a[0]=u=>r.value=void 0),tabindex:"0",onKeyup:e.withKeys(u=>x(l),["enter"])},null,40,U)),c.value?(e.openBlock(),e.createElementBlock("rect",{key:1,class:"vue-ui-rating-mouse-trap",x:0,y:0,width:100,height:100,fill:"transparent",onMouseenter:u=>r.value=l,onMouseleave:a[1]||(a[1]=u=>r.value=void 0)},null,40,H)):e.createCommentVNode("",!0)],12,T)),t.value.style.tooltip.show&&N.value&&c.value?(e.openBlock(),e.createElementBlock("div",{key:4,class:"vue-ui-rating-tooltip",style:e.normalizeStyle(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48+t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${r.value===l?"block":"none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)},[e.createElementVNode("div",{style:e.normalizeStyle(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)},[e.createElementVNode("span",{style:e.normalizeStyle(`font-size:${t.value.style.tooltip.fontSize}px`)},e.toDisplayString(l),5),e.createTextVNode(" : "),e.createElementVNode("span",{style:e.normalizeStyle(`font-weight:${t.value.style.tooltip.bold?"bold":"normal"};font-size:${t.value.style.tooltip.fontSize}px`)},e.toDisplayString(s.dataset.rating[l]),5),e.createElementVNode("div",{style:e.normalizeStyle(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)}," ▼ ",4)],4)],4)):e.createCommentVNode("",!0)],4))),256)),t.value.style.rating.show&&t.value.style.rating.position==="right"?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};padding-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0)],4),t.value.style.rating.show&&t.value.style.rating.position==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,style:e.normalizeStyle(`width:100%;text-align:center;margin-top:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};margin-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0)],36))}},P=V._export_sfc(K,[["__scopeId","data-v-86ced882"]]);exports.default=P;
|