vue-data-ui 2.3.60 → 2.3.62
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-BJ47KXjY.js → Arrow-Dho8ylDy.js} +1 -1
- package/dist/{Arrow-VxZlHkwt.cjs → Arrow-ov-EIAPu.cjs} +1 -1
- package/dist/{BaseIcon-Bv5uh10R.cjs → BaseIcon-B6v-Txn-.cjs} +1 -1
- package/dist/{BaseIcon-Fm7sUbd2.js → BaseIcon-BNStcP8c.js} +1 -1
- package/dist/{DataTable-1VV0us-8.js → DataTable-luIjNnne.js} +2 -2
- package/dist/{DataTable-CPAt686N.cjs → DataTable-yf_eyv8c.cjs} +1 -1
- package/dist/{Legend-BJ2Mynop.cjs → Legend-6JY5pUsT.cjs} +1 -1
- package/dist/{Legend-DB6v_LvZ.js → Legend-B9dawQa7.js} +1 -1
- package/dist/{Shape-DWZSJJ6-.cjs → Shape-BoXM3HKY.cjs} +1 -1
- package/dist/{Shape-B_f1_6Ob.js → Shape-BsAETTif.js} +1 -1
- package/dist/Slicer-DoMAeSUY.cjs +1 -0
- package/dist/{Slicer-CHiUxRAh.js → Slicer-iGmqxtRQ.js} +51 -54
- package/dist/{Title-CR-JDJwq.cjs → Title-CBcoQe02.cjs} +1 -1
- package/dist/{Title-xP0rAF4q.js → Title-fb3BzoXj.js} +1 -1
- package/dist/{Tooltip-B4DNihSF.cjs → Tooltip-BhuD1Kc5.cjs} +1 -1
- package/dist/{Tooltip-DfBa_7Ur.js → Tooltip-CBugtvWB.js} +5 -5
- package/dist/{index-CpHoINpJ.js → index-BshV7sX1.js} +538 -515
- package/dist/{index-CDK3omwG.cjs → index-D2ZScauW.cjs} +4 -4
- package/dist/style.css +1 -1
- package/dist/{useNestedProp-BOjw3Yqn.js → useNestedProp-B235bkr5.js} +1 -1
- package/dist/{useNestedProp-CaaW8JIS.cjs → useNestedProp-BU7yyXFA.cjs} +1 -1
- package/dist/{usePrinter-BHy-mfVg.js → usePrinter-Culo-aKo.js} +1 -1
- package/dist/{usePrinter-vQu-8tRD.cjs → usePrinter-eqT4IYET.cjs} +1 -1
- package/dist/{vue-data-ui-Ccdrn4OV.cjs → vue-data-ui-B7ebF4_E.cjs} +1 -1
- package/dist/{vue-data-ui-Dcg7DPMn.js → vue-data-ui-aJ6K70wA.js} +57 -57
- package/dist/vue-data-ui.cjs +1 -1
- package/dist/vue-data-ui.js +7 -7
- package/dist/{vue-ui-3d-bar-BqtnNU7h.js → vue-ui-3d-bar-BYgxIW27.js} +7 -7
- package/dist/{vue-ui-3d-bar-DdBlV5AX.cjs → vue-ui-3d-bar-DFv8qpsI.cjs} +1 -1
- package/dist/{vue-ui-accordion-BZloYo0L.js → vue-ui-accordion-B6AxEnAr.js} +3 -3
- package/dist/{vue-ui-accordion-EVAolVkD.cjs → vue-ui-accordion-BhCJcWDd.cjs} +1 -1
- package/dist/vue-ui-age-pyramid-BBRjCRtS.cjs +1 -0
- package/dist/{vue-ui-age-pyramid-CTxkOn4v.js → vue-ui-age-pyramid-yZrvdnPP.js} +226 -226
- package/dist/{vue-ui-annotator-D_AK0JCi.cjs → vue-ui-annotator-CEVmAufb.cjs} +1 -1
- package/dist/{vue-ui-annotator-BDWKiQ6S.js → vue-ui-annotator-ZKUlOqUq.js} +1 -1
- package/dist/{vue-ui-candlestick-CIKgu0F2.cjs → vue-ui-candlestick-CUNLZRIM.cjs} +2 -2
- package/dist/{vue-ui-candlestick-ByA9FGZb.js → vue-ui-candlestick-De4WgpPk.js} +158 -158
- package/dist/{vue-ui-carousel-table-ez9gbOZ7.cjs → vue-ui-carousel-table-C968uL6J.cjs} +1 -1
- package/dist/{vue-ui-carousel-table-BnYxbq5A.js → vue-ui-carousel-table-DJ0AWPea.js} +4 -4
- package/dist/{vue-ui-chestnut-BumsSmCv.js → vue-ui-chestnut-Cl0UKWsI.js} +65 -64
- package/dist/{vue-ui-chestnut-CnYqa2Fx.cjs → vue-ui-chestnut-DmjmL02K.cjs} +3 -3
- package/dist/{vue-ui-cursor-D-4-MMw7.js → vue-ui-cursor-BWyE3tgm.js} +2 -2
- package/dist/{vue-ui-cursor-Drl8jibt.cjs → vue-ui-cursor-D5XEblLW.cjs} +1 -1
- package/dist/{vue-ui-dashboard-CX0jA181.cjs → vue-ui-dashboard-BJLi81kg.cjs} +1 -1
- package/dist/{vue-ui-dashboard-B_iV-3hq.js → vue-ui-dashboard-D9dQIIti.js} +2 -2
- package/dist/{vue-ui-digits-DMhl9plv.js → vue-ui-digits-DkYpomD9.js} +2 -2
- package/dist/{vue-ui-digits-RAZl_4Kb.cjs → vue-ui-digits-IIiSTczs.cjs} +1 -1
- package/dist/{vue-ui-donut-BG28U01c.cjs → vue-ui-donut-Bq66xmG0.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-DPU-Nd8y.js → vue-ui-donut-evolution-Bto1ZaWx.js} +95 -95
- package/dist/vue-ui-donut-evolution-CNVUtEEk.cjs +1 -0
- package/dist/{vue-ui-donut-BpQC9-Uz.js → vue-ui-donut-uujhj36t.js} +42 -42
- package/dist/vue-ui-dumbbell-CLNVYG0j.cjs +9 -0
- package/dist/{vue-ui-dumbbell-C4JnuC1b.js → vue-ui-dumbbell-D6Xyfvff.js} +72 -72
- package/dist/vue-ui-flow-BwrqexSU.cjs +1 -0
- package/dist/vue-ui-flow-Cg4oKZz8.js +469 -0
- package/dist/{vue-ui-galaxy-148JtEdK.js → vue-ui-galaxy-D_s9dfYN.js} +91 -91
- package/dist/vue-ui-galaxy-DixlciaO.cjs +1 -0
- package/dist/{vue-ui-gauge-DOJ98R_N.js → vue-ui-gauge-DGQVW6UO.js} +84 -84
- package/dist/vue-ui-gauge-Jse5ZYyj.cjs +1 -0
- package/dist/{vue-ui-gizmo-KeWvd226.js → vue-ui-gizmo-DDTaLaSI.js} +2 -2
- package/dist/{vue-ui-gizmo-a6WNWyf7.cjs → vue-ui-gizmo-sgq75uBG.cjs} +1 -1
- package/dist/vue-ui-heatmap-4-gnNgQ_.cjs +1 -0
- package/dist/{vue-ui-heatmap-BGsSOTPJ.js → vue-ui-heatmap-Dvd5ZGVw.js} +257 -239
- package/dist/{vue-ui-kpi-Dhah6Fgx.cjs → vue-ui-kpi-Co1WqN3k.cjs} +1 -1
- package/dist/{vue-ui-kpi-Leb1rK38.js → vue-ui-kpi-aLwUkIjv.js} +3 -3
- package/dist/{vue-ui-mini-loader-BLH4ncUB.js → vue-ui-mini-loader-Bm2xpTIh.js} +2 -2
- package/dist/{vue-ui-mini-loader-Dpa9uYkn.cjs → vue-ui-mini-loader-D98KCpoT.cjs} +1 -1
- package/dist/{vue-ui-molecule-DjvOvDUa.cjs → vue-ui-molecule-C3-9ojnv.cjs} +1 -1
- package/dist/{vue-ui-molecule-DuPAOQcj.js → vue-ui-molecule-Dv4hYPVd.js} +20 -20
- package/dist/{vue-ui-mood-radar-AOHK6R10.cjs → vue-ui-mood-radar-Dh3Q2NiI.cjs} +1 -1
- package/dist/{vue-ui-mood-radar-BmcIz0JR.js → vue-ui-mood-radar-DsIPsXTh.js} +9 -9
- package/dist/{vue-ui-nested-donuts-CMmcmAd9.cjs → vue-ui-nested-donuts-CFC8tyGY.cjs} +2 -2
- package/dist/{vue-ui-nested-donuts-BYLc86qs.js → vue-ui-nested-donuts-CZ9vcclX.js} +120 -120
- package/dist/{vue-ui-onion-BjG8xbMh.cjs → vue-ui-onion-BLV33CBr.cjs} +1 -1
- package/dist/{vue-ui-onion-shZ4g9mJ.js → vue-ui-onion-CI9ARfRM.js} +9 -9
- package/dist/{vue-ui-parallel-coordinate-plot-O7lS6u2q.cjs → vue-ui-parallel-coordinate-plot-CIhpHeCI.cjs} +1 -1
- package/dist/{vue-ui-parallel-coordinate-plot-wv0O9t7U.js → vue-ui-parallel-coordinate-plot-CxzFJuza.js} +69 -69
- package/dist/{vue-ui-quadrant-CuB8sYgF.cjs → vue-ui-quadrant-CS3LAiCu.cjs} +1 -1
- package/dist/{vue-ui-quadrant-BRF5Czj4.js → vue-ui-quadrant-DenUcNcS.js} +36 -36
- package/dist/{vue-ui-quick-chart-BQdUHrm2.js → vue-ui-quick-chart-BdpKv0ES.js} +549 -515
- package/dist/vue-ui-quick-chart-UxaO0jzI.cjs +15 -0
- package/dist/vue-ui-radar-CQ-LymAS.cjs +1 -0
- package/dist/{vue-ui-radar-CLUs0tD9.js → vue-ui-radar-Dd24aGwh.js} +59 -59
- package/dist/{vue-ui-rating-Dcy1l1PB.js → vue-ui-rating-CQWK2lk1.js} +9 -9
- package/dist/{vue-ui-rating-CA25nHJe.cjs → vue-ui-rating-DTuDjrt8.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-DC-RFa9X.js → vue-ui-relation-circle-BcOzK8Iz.js} +5 -5
- package/dist/{vue-ui-relation-circle-Drr6Gdnq.cjs → vue-ui-relation-circle-DMhNCwpg.cjs} +1 -1
- package/dist/vue-ui-rings--pu1fIcl.cjs +2 -0
- package/dist/{vue-ui-rings-DbPbelCU.js → vue-ui-rings-yyFx2W1b.js} +188 -185
- package/dist/{vue-ui-scatter-D2jYZ4Wu.js → vue-ui-scatter-BV4sXNqz.js} +378 -375
- package/dist/{vue-ui-scatter-xyLvaw0d.cjs → vue-ui-scatter-CrmsJjjl.cjs} +1 -1
- package/dist/{vue-ui-screenshot-DXCBzrPZ.js → vue-ui-screenshot-C6wYv3cc.js} +6 -6
- package/dist/{vue-ui-screenshot-DGqjaE1x.cjs → vue-ui-screenshot-eoAWixSo.cjs} +1 -1
- package/dist/{vue-ui-skeleton-DuM6yey6.js → vue-ui-skeleton-7qakoAGH.js} +23 -23
- package/dist/{vue-ui-skeleton-DRDC3yxK.cjs → vue-ui-skeleton-BLhbQje-.cjs} +1 -1
- package/dist/{vue-ui-smiley-DQrvx_S9.js → vue-ui-smiley-DG3_ORXA.js} +2 -2
- package/dist/{vue-ui-smiley-BCmY1siL.cjs → vue-ui-smiley-sS92V85O.cjs} +1 -1
- package/dist/vue-ui-spark-trend-C9Ii4Ue5.cjs +1 -0
- package/dist/vue-ui-spark-trend-D8_rEspZ.js +251 -0
- package/dist/{vue-ui-sparkbar-C_vNsxM_.cjs → vue-ui-sparkbar-CQz9GWxh.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-DiU5Yt-V.js → vue-ui-sparkbar-DuNNnbs9.js} +3 -3
- package/dist/{vue-ui-sparkgauge-BnF9Vbs0.js → vue-ui-sparkgauge-Buo2ms6b.js} +64 -64
- package/dist/vue-ui-sparkgauge-Dxsnkehz.cjs +1 -0
- package/dist/{vue-ui-sparkhistogram-BUBwn9A4.cjs → vue-ui-sparkhistogram-Cw-w_Rhv.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-CsOfCo_3.js → vue-ui-sparkhistogram-edeeQ1HN.js} +4 -4
- package/dist/{vue-ui-sparkline-CoUeD8Np.cjs → vue-ui-sparkline-Cyddej9t.cjs} +1 -1
- package/dist/{vue-ui-sparkline-B628G3Nl.js → vue-ui-sparkline-DGIqGoR2.js} +25 -25
- package/dist/{vue-ui-sparkstackbar-Cr-Q7uDo.cjs → vue-ui-sparkstackbar-DN0XiDpQ.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-DIHGbrF5.js → vue-ui-sparkstackbar-G7Ojd39B.js} +3 -3
- package/dist/{vue-ui-stackbar-DCbJhdZy.js → vue-ui-stackbar-CfK9lv_E.js} +35 -35
- package/dist/{vue-ui-stackbar-DMyP3IRK.cjs → vue-ui-stackbar-kiZ9J1eh.cjs} +1 -1
- package/dist/vue-ui-strip-plot-Bd4NwUia.cjs +1 -0
- package/dist/{vue-ui-strip-plot-CNb3VtYF.js → vue-ui-strip-plot-d-bNHZDG.js} +64 -64
- package/dist/{vue-ui-table-CjuXpy2d.cjs → vue-ui-table-ChORiy2h.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-D6px_Z1a.cjs → vue-ui-table-heatmap-BcA1TmV1.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-nbBDuSiw.js → vue-ui-table-heatmap-BcPqaYXz.js} +26 -26
- package/dist/{vue-ui-table-BqcI8E7E.js → vue-ui-table-ipCsGZPx.js} +1 -1
- package/dist/{vue-ui-table-sparkline-Blbaz2zX.js → vue-ui-table-sparkline-BwwiWOX_.js} +13 -13
- package/dist/{vue-ui-table-sparkline-CqNPx5Zw.cjs → vue-ui-table-sparkline-dXyBTv6X.cjs} +1 -1
- package/dist/vue-ui-thermometer-DpWtOskJ.cjs +1 -0
- package/dist/{vue-ui-thermometer-BCGHbgj9.js → vue-ui-thermometer-U5IIot6j.js} +116 -116
- package/dist/{vue-ui-timer-BjqbxjQO.cjs → vue-ui-timer-DqVQjRdU.cjs} +1 -1
- package/dist/{vue-ui-timer-DhpBvc_5.js → vue-ui-timer-cCfNkOpe.js} +4 -4
- package/dist/{vue-ui-tiremarks-CNhB7Iqe.js → vue-ui-tiremarks-BcXrnO0N.js} +71 -71
- package/dist/vue-ui-tiremarks-C8pNPR_E.cjs +1 -0
- package/dist/vue-ui-treemap-24TuOX-H.cjs +1 -0
- package/dist/{vue-ui-treemap-C4memkYu.js → vue-ui-treemap-CVCaxcwW.js} +89 -82
- package/dist/{vue-ui-vertical-bar-LZ-GMZ2T.js → vue-ui-vertical-bar-Cuz2Qxi6.js} +246 -242
- package/dist/vue-ui-vertical-bar-kZxc3vG5.cjs +4 -0
- package/dist/{vue-ui-waffle-Cd4IU62n.js → vue-ui-waffle-BVFZf7mm.js} +44 -44
- package/dist/{vue-ui-waffle-CtY5CSX9.cjs → vue-ui-waffle-X-mNfs6F.cjs} +1 -1
- package/dist/{vue-ui-wheel-Do3pWPFB.cjs → vue-ui-wheel-CWOh-9CT.cjs} +1 -1
- package/dist/{vue-ui-wheel-CaEAQhJt.js → vue-ui-wheel-SUtbKs4l.js} +5 -5
- package/dist/vue-ui-word-cloud-BE_jkp2h.cjs +1 -0
- package/dist/{vue-ui-word-cloud-BSalPYqO.js → vue-ui-word-cloud-DAa0far7.js} +68 -65
- package/dist/vue-ui-xy-BTocPMsA.cjs +3 -0
- package/dist/{vue-ui-xy-C7tpVpGu.js → vue-ui-xy-B_dmMYPU.js} +82 -82
- package/dist/vue-ui-xy-canvas-BtuD8xjy.cjs +9 -0
- package/dist/{vue-ui-xy-canvas-rHcYmvec.js → vue-ui-xy-canvas-jq1j84oA.js} +122 -121
- package/package.json +1 -1
- package/dist/Slicer-PPS43jOo.cjs +0 -1
- package/dist/vue-ui-age-pyramid-Ce3DbeqC.cjs +0 -1
- package/dist/vue-ui-donut-evolution-BWvrYKlH.cjs +0 -1
- package/dist/vue-ui-dumbbell-2Lsks-8o.cjs +0 -9
- package/dist/vue-ui-flow-DBhdVKxF.cjs +0 -1
- package/dist/vue-ui-flow-DSdWqWgh.js +0 -465
- package/dist/vue-ui-galaxy-BMsdd9Rh.cjs +0 -1
- package/dist/vue-ui-gauge-fVk9B_1W.cjs +0 -1
- package/dist/vue-ui-heatmap-DFpSo2gr.cjs +0 -1
- package/dist/vue-ui-quick-chart-DsVFRO68.cjs +0 -15
- package/dist/vue-ui-radar-lcS6n5TC.cjs +0 -1
- package/dist/vue-ui-rings-DxqSAs9h.cjs +0 -2
- package/dist/vue-ui-spark-trend-B9PR0wxN.js +0 -251
- package/dist/vue-ui-spark-trend-Kj1bJmBL.cjs +0 -1
- package/dist/vue-ui-sparkgauge-SlYA1lqc.cjs +0 -1
- package/dist/vue-ui-strip-plot-Da_TQpOq.cjs +0 -1
- package/dist/vue-ui-thermometer-coTC0T6k.cjs +0 -1
- package/dist/vue-ui-tiremarks-DgbTo_Cb.cjs +0 -1
- package/dist/vue-ui-treemap-B5moKzuO.cjs +0 -1
- package/dist/vue-ui-vertical-bar-DtkGW5Tk.cjs +0 -4
- package/dist/vue-ui-word-cloud-pzaBe3Et.cjs +0 -1
- package/dist/vue-ui-xy-BgLF5ZNP.cjs +0 -3
- package/dist/vue-ui-xy-canvas-OuDGiOOW.cjs +0 -9
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { computed as p, ref as c, onMounted as Le, onBeforeUnmount as Pe, openBlock as r, createElementBlock as i, normalizeClass as O, normalizeStyle as V, createVNode as K, createCommentVNode as v, createBlock as
|
|
2
|
-
import { u as Oe, c as Q, t as Fe, a as We, p as L, o as Ie, e as Z, g as pe, b as Me, d as ye,
|
|
3
|
-
import { t as
|
|
4
|
-
import { _ as
|
|
5
|
-
import { u as
|
|
6
|
-
import { _ as
|
|
7
|
-
import { D as
|
|
8
|
-
import
|
|
9
|
-
import { _ as
|
|
10
|
-
import
|
|
11
|
-
import { u as be } from "./useNestedProp-
|
|
12
|
-
import { _ as
|
|
13
|
-
const
|
|
1
|
+
import { computed as p, ref as c, onMounted as Le, onBeforeUnmount as Pe, openBlock as r, createElementBlock as i, normalizeClass as O, normalizeStyle as V, createVNode as K, createCommentVNode as v, createBlock as B, unref as h, createSlots as Se, withCtx as f, renderSlot as m, normalizeProps as H, guardReactiveProps as R, Fragment as g, renderList as C, createElementVNode as x, toDisplayString as T, mergeProps as ze, createTextVNode as Ae, nextTick as Ne } from "vue";
|
|
2
|
+
import { u as Oe, c as Q, t as Fe, a as We, p as L, o as Ie, e as Z, g as pe, b as Me, d as ye, F as De, B as Ge, f as U, X as Ee, i as ee, l as Ve, h as Be, x as fe, y as He, q as Re, r as Ue, D as Xe } from "./index-BshV7sX1.js";
|
|
3
|
+
import { t as je, u as Ye } from "./useResponsive-NZB-WLRF.js";
|
|
4
|
+
import { _ as Je } from "./Title-fb3BzoXj.js";
|
|
5
|
+
import { u as qe, U as Ke } from "./usePrinter-Culo-aKo.js";
|
|
6
|
+
import { _ as Qe } from "./Tooltip-CBugtvWB.js";
|
|
7
|
+
import { D as Ze } from "./DataTable-luIjNnne.js";
|
|
8
|
+
import et from "./vue-ui-skeleton-7qakoAGH.js";
|
|
9
|
+
import { _ as tt } from "./Shape-BsAETTif.js";
|
|
10
|
+
import lt from "./vue-ui-accordion-B6AxEnAr.js";
|
|
11
|
+
import { u as be } from "./useNestedProp-B235bkr5.js";
|
|
12
|
+
import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
13
|
+
const ot = ["id"], st = ["xmlns", "viewBox"], rt = { key: 0 }, ut = { key: 0 }, it = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], nt = { key: 1 }, ct = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], dt = ["x", "y", "fill", "font-size"], pt = ["x", "y", "font-size", "fill"], yt = ["fill", "font-size", "transform"], ft = ["fill", "font-size", "x", "y"], bt = ["x1", "x2", "y1", "y2", "stroke"], mt = ["cx", "cy", "fill"], gt = ["cx", "cy", "fill"], xt = ["id"], kt = ["stop-color"], Ct = ["stop-color"], wt = ["stop-color"], _t = { key: 0 }, $t = ["x", "y", "font-size", "fill"], Tt = {
|
|
14
14
|
key: 3,
|
|
15
15
|
class: "vue-data-ui-watermark"
|
|
16
|
-
},
|
|
16
|
+
}, Lt = ["innerHTML"], Pt = {
|
|
17
17
|
__name: "vue-ui-strip-plot",
|
|
18
18
|
props: {
|
|
19
19
|
config: {
|
|
@@ -80,12 +80,12 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
80
80
|
});
|
|
81
81
|
});
|
|
82
82
|
}), e.value.responsive) {
|
|
83
|
-
const t =
|
|
84
|
-
const { width: o, height: l } =
|
|
83
|
+
const t = je(() => {
|
|
84
|
+
const { width: o, height: l } = Ye({
|
|
85
85
|
chart: S.value,
|
|
86
86
|
title: e.value.style.chart.title.text ? le.value : null
|
|
87
87
|
});
|
|
88
|
-
W.value = l, P.value.width = o, P.value.height = l, A.value = (o - y.value.left - y.value.right) / b.dataset.length, I.value =
|
|
88
|
+
W.value = l, P.value.width = o, P.value.height = l, A.value = (o - y.value.left - y.value.right) / b.dataset.length, I.value = Xe({
|
|
89
89
|
relator: Math.min(l, o),
|
|
90
90
|
adjuster: 600,
|
|
91
91
|
source: e.value.style.chart.plots.radius,
|
|
@@ -101,7 +101,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
101
101
|
}), Pe(() => {
|
|
102
102
|
F.value && F.value.disconnect();
|
|
103
103
|
});
|
|
104
|
-
const { isPrinting: oe, isImaging: se, generatePdf: re, generateImage: ue } =
|
|
104
|
+
const { isPrinting: oe, isImaging: se, generatePdf: re, generateImage: ue } = qe({
|
|
105
105
|
elementId: `strip-plot_${X.value}`,
|
|
106
106
|
fileName: e.value.style.chart.title.text || "vue-ui-strip-plot"
|
|
107
107
|
}), ie = p(() => Me(e.value.customPalette)), z = c(e.value.useCssAnimation), d = c({
|
|
@@ -137,7 +137,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
137
137
|
...t,
|
|
138
138
|
id: l,
|
|
139
139
|
color: t.color ? ye(t.color) : ie.value[o] || L[o] || L[o % L.length],
|
|
140
|
-
plots: t.plots.map((s) => ({
|
|
140
|
+
plots: De(t.plots, ["value"]).map((s) => ({
|
|
141
141
|
...s,
|
|
142
142
|
parentId: l,
|
|
143
143
|
color: t.color ? ye(t.color) : ie.value[o] || L[o] || L[o % L.length],
|
|
@@ -156,7 +156,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
156
156
|
max: Math.max(...t),
|
|
157
157
|
min: Math.min(...t)
|
|
158
158
|
};
|
|
159
|
-
}), _ = p(() =>
|
|
159
|
+
}), _ = p(() => Ge(J.value.min < 0 ? J.value.min : 0, J.value.max, e.value.style.chart.grid.scaleSteps)), we = p(() => (k.value || []).map((t, o) => ({
|
|
160
160
|
...t,
|
|
161
161
|
plots: t.plots.map((l) => ({
|
|
162
162
|
...l,
|
|
@@ -188,7 +188,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
188
188
|
s += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.value.style.chart.plots.gradient.show ? `url(#${t.parentId})` : t.color}"/></svg>${t.name}</div>`, s += `<div>${ee(
|
|
189
189
|
e.value.style.chart.labels.formatter,
|
|
190
190
|
t.value,
|
|
191
|
-
|
|
191
|
+
U({
|
|
192
192
|
p: e.value.style.chart.labels.prefix,
|
|
193
193
|
v: t.value,
|
|
194
194
|
s: e.value.style.chart.labels.suffix,
|
|
@@ -218,7 +218,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
218
218
|
e.value.table.columnNames.series,
|
|
219
219
|
e.value.table.columnNames.value
|
|
220
220
|
], o = D.value.head.map((u, $) => {
|
|
221
|
-
const E =
|
|
221
|
+
const E = U({
|
|
222
222
|
p: e.value.style.chart.labels.prefix,
|
|
223
223
|
v: D.value.body[$],
|
|
224
224
|
s: e.value.style.chart.labels.suffix,
|
|
@@ -290,7 +290,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
290
290
|
ref: le,
|
|
291
291
|
style: V(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:24px`)
|
|
292
292
|
}, [
|
|
293
|
-
K(
|
|
293
|
+
K(Je, {
|
|
294
294
|
config: {
|
|
295
295
|
title: {
|
|
296
296
|
cy: "donut-div-title",
|
|
@@ -303,7 +303,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
303
303
|
}
|
|
304
304
|
}, null, 8, ["config"])
|
|
305
305
|
], 4)) : v("", !0),
|
|
306
|
-
e.value.userOptions.show && w.value ? (r(),
|
|
306
|
+
e.value.userOptions.show && w.value ? (r(), B(Ke, {
|
|
307
307
|
ref: "details",
|
|
308
308
|
key: `user_option_${te.value}`,
|
|
309
309
|
backgroundColor: e.value.style.chart.backgroundColor,
|
|
@@ -375,20 +375,20 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
375
375
|
t.$slots.optionFullscreen ? {
|
|
376
376
|
name: "optionFullscreen",
|
|
377
377
|
fn: f(({ toggleFullscreen: l, isFullscreen: s }) => [
|
|
378
|
-
m(t.$slots, "optionFullscreen", R(
|
|
378
|
+
m(t.$slots, "optionFullscreen", H(R({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
|
|
379
379
|
]),
|
|
380
380
|
key: "6"
|
|
381
381
|
} : void 0
|
|
382
382
|
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : v("", !0),
|
|
383
383
|
w.value ? (r(), i("svg", {
|
|
384
384
|
key: 2,
|
|
385
|
-
xmlns: h(
|
|
385
|
+
xmlns: h(Ee),
|
|
386
386
|
class: O({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value }),
|
|
387
387
|
viewBox: `0 0 ${P.value.width <= 0 ? 10 : P.value.width} ${P.value.height <= 0 ? 10 : P.value.height}`,
|
|
388
388
|
style: V(`max-width:100%; overflow: visible; background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};`)
|
|
389
389
|
}, [
|
|
390
|
-
e.value.style.chart.grid.show ? (r(), i("g",
|
|
391
|
-
e.value.style.chart.grid.horizontalGrid.show ? (r(), i("g",
|
|
390
|
+
e.value.style.chart.grid.show ? (r(), i("g", rt, [
|
|
391
|
+
e.value.style.chart.grid.horizontalGrid.show ? (r(), i("g", ut, [
|
|
392
392
|
(r(!0), i(g, null, C(ne.value, (l) => (r(), i("line", {
|
|
393
393
|
x1: l.x1,
|
|
394
394
|
x2: l.x2,
|
|
@@ -398,9 +398,9 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
398
398
|
"stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
|
|
399
399
|
"stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray,
|
|
400
400
|
"stroke-linecap": "round"
|
|
401
|
-
}, null, 8,
|
|
401
|
+
}, null, 8, it))), 256))
|
|
402
402
|
])) : v("", !0),
|
|
403
|
-
e.value.style.chart.grid.verticalGrid.show ? (r(), i("g",
|
|
403
|
+
e.value.style.chart.grid.verticalGrid.show ? (r(), i("g", nt, [
|
|
404
404
|
(r(!0), i(g, null, C(k.value, (l, s) => (r(), i("line", {
|
|
405
405
|
x1: a.value.left + (s + 1) * a.value.stripWidth,
|
|
406
406
|
x2: a.value.left + (s + 1) * a.value.stripWidth,
|
|
@@ -410,7 +410,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
410
410
|
"stroke-width": e.value.style.chart.grid.verticalGrid.strokeWidth,
|
|
411
411
|
"stroke-dasharray": e.value.style.chart.grid.verticalGrid.strokeDasharray,
|
|
412
412
|
"stroke-linecap": "round"
|
|
413
|
-
}, null, 8,
|
|
413
|
+
}, null, 8, ct))), 256))
|
|
414
414
|
])) : v("", !0),
|
|
415
415
|
x("line", {
|
|
416
416
|
x1: a.value.left,
|
|
@@ -420,7 +420,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
420
420
|
stroke: e.value.style.chart.grid.stroke,
|
|
421
421
|
"stroke-width": e.value.style.chart.grid.strokeWidth,
|
|
422
422
|
"stroke-linecap": "round"
|
|
423
|
-
}, null, 8,
|
|
423
|
+
}, null, 8, vt),
|
|
424
424
|
x("line", {
|
|
425
425
|
x1: a.value.left,
|
|
426
426
|
x2: a.value.right,
|
|
@@ -429,7 +429,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
429
429
|
stroke: e.value.style.chart.grid.stroke,
|
|
430
430
|
"stroke-width": e.value.style.chart.grid.strokeWidth,
|
|
431
431
|
"stroke-linecap": "round"
|
|
432
|
-
}, null, 8,
|
|
432
|
+
}, null, 8, ht)
|
|
433
433
|
])) : v("", !0),
|
|
434
434
|
e.value.style.chart.labels.yAxisLabels.show ? (r(!0), i(g, { key: 1 }, C(ne.value, (l, s) => (r(), i("text", {
|
|
435
435
|
x: l.x1 - e.value.style.chart.labels.yAxisLabels.fontSize / 2 + e.value.style.chart.labels.yAxisLabels.offsetX,
|
|
@@ -440,28 +440,28 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
440
440
|
}, T(h(ee)(
|
|
441
441
|
e.value.style.chart.labels.formatter,
|
|
442
442
|
l.value,
|
|
443
|
-
h(
|
|
443
|
+
h(U)({
|
|
444
444
|
p: e.value.style.chart.labels.prefix,
|
|
445
445
|
v: l.value,
|
|
446
446
|
s: e.value.style.chart.labels.suffix,
|
|
447
447
|
r: e.value.style.chart.labels.yAxisLabels.rounding
|
|
448
448
|
}),
|
|
449
449
|
{ datapoint: l, seriesIndex: s }
|
|
450
|
-
)), 9,
|
|
450
|
+
)), 9, dt))), 256)) : v("", !0),
|
|
451
451
|
e.value.style.chart.labels.xAxisLabels.show ? (r(!0), i(g, { key: 2 }, C(k.value, (l, s) => (r(), i("text", {
|
|
452
452
|
x: a.value.left + (s + 1) * a.value.stripWidth - a.value.stripWidth / 2,
|
|
453
453
|
y: a.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize * 2 + e.value.style.chart.labels.xAxisLabels.offsetY,
|
|
454
454
|
"font-size": e.value.style.chart.labels.xAxisLabels.fontSize,
|
|
455
455
|
fill: e.value.style.chart.labels.xAxisLabels.color,
|
|
456
456
|
"text-anchor": "middle"
|
|
457
|
-
}, T(l.name), 9,
|
|
457
|
+
}, T(l.name), 9, pt))), 256)) : v("", !0),
|
|
458
458
|
e.value.style.chart.labels.axis.yLabel ? (r(), i("text", {
|
|
459
459
|
key: 3,
|
|
460
460
|
fill: e.value.style.chart.labels.axis.color,
|
|
461
461
|
"font-size": e.value.style.chart.labels.axis.fontSize,
|
|
462
462
|
transform: `translate(${e.value.style.chart.labels.axis.fontSize + e.value.style.chart.labels.axis.yLabelOffsetX}, ${a.value.top + a.value.height / 2}) rotate(-90)`,
|
|
463
463
|
"text-anchor": "middle"
|
|
464
|
-
}, T(e.value.style.chart.labels.axis.yLabel), 9,
|
|
464
|
+
}, T(e.value.style.chart.labels.axis.yLabel), 9, yt)) : v("", !0),
|
|
465
465
|
e.value.style.chart.labels.axis.xLabel ? (r(), i("text", {
|
|
466
466
|
key: 4,
|
|
467
467
|
fill: e.value.style.chart.labels.axis.color,
|
|
@@ -469,7 +469,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
469
469
|
x: a.value.left + a.value.width / 2,
|
|
470
470
|
y: a.value.absoluteHeight,
|
|
471
471
|
"text-anchor": "middle"
|
|
472
|
-
}, T(e.value.style.chart.labels.axis.xLabel), 9,
|
|
472
|
+
}, T(e.value.style.chart.labels.axis.xLabel), 9, ft)) : v("", !0),
|
|
473
473
|
n.value ? (r(), i(g, { key: 5 }, [
|
|
474
474
|
x("line", {
|
|
475
475
|
x1: a.value.left,
|
|
@@ -479,21 +479,21 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
479
479
|
stroke: n.value.color,
|
|
480
480
|
"stroke-width": 1,
|
|
481
481
|
class: O({ "select-circle": e.value.useCssAnimation })
|
|
482
|
-
}, null, 10,
|
|
482
|
+
}, null, 10, bt),
|
|
483
483
|
x("circle", {
|
|
484
484
|
cx: a.value.left,
|
|
485
485
|
cy: n.value.y,
|
|
486
486
|
r: 3,
|
|
487
487
|
fill: n.value.color,
|
|
488
488
|
class: O({ "select-circle": e.value.useCssAnimation })
|
|
489
|
-
}, null, 10,
|
|
489
|
+
}, null, 10, mt),
|
|
490
490
|
x("circle", {
|
|
491
491
|
cx: a.value.right,
|
|
492
492
|
cy: n.value.y,
|
|
493
493
|
r: 3,
|
|
494
494
|
fill: n.value.color,
|
|
495
495
|
class: O({ "select-circle": e.value.useCssAnimation })
|
|
496
|
-
}, null, 10,
|
|
496
|
+
}, null, 10, gt)
|
|
497
497
|
], 64)) : v("", !0),
|
|
498
498
|
x("defs", null, [
|
|
499
499
|
(r(!0), i(g, null, C(k.value, (l) => (r(), i("radialGradient", {
|
|
@@ -502,20 +502,20 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
502
502
|
}, [
|
|
503
503
|
x("stop", {
|
|
504
504
|
offset: "10%",
|
|
505
|
-
"stop-color": h(
|
|
506
|
-
}, null, 8,
|
|
505
|
+
"stop-color": h(Ve)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
|
|
506
|
+
}, null, 8, kt),
|
|
507
507
|
x("stop", {
|
|
508
508
|
offset: "90%",
|
|
509
|
-
"stop-color": h(
|
|
510
|
-
}, null, 8,
|
|
509
|
+
"stop-color": h(Be)(l.color, 0.1)
|
|
510
|
+
}, null, 8, Ct),
|
|
511
511
|
x("stop", {
|
|
512
512
|
offset: "100%",
|
|
513
513
|
"stop-color": l.color
|
|
514
|
-
}, null, 8,
|
|
515
|
-
], 8,
|
|
514
|
+
}, null, 8, wt)
|
|
515
|
+
], 8, xt))), 256))
|
|
516
516
|
]),
|
|
517
517
|
(r(!0), i(g, null, C(we.value, (l, s) => (r(), i(g, null, [
|
|
518
|
-
(r(!0), i(g, null, C(l.plots, (u, $) => (r(),
|
|
518
|
+
(r(!0), i(g, null, C(l.plots, (u, $) => (r(), B(tt, ze({
|
|
519
519
|
plot: { x: u.x, y: ae.value ? u.y : a.value.top },
|
|
520
520
|
radius: n.value && n.value.id === u.id ? I.value * 1.5 : I.value,
|
|
521
521
|
shape: e.value.style.chart.plots.shape,
|
|
@@ -530,7 +530,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
530
530
|
style: `transition: all 0.2s ease-in-out; opacity:${n.value ? n.value.id === u.id ? 1 : 0.2 : e.value.style.chart.plots.opacity};${z.value ? `transition-delay:${$ * 50}ms` : ""}`,
|
|
531
531
|
class: { "vue-ui-strip-plot-animated": e.value.useCssAnimation && z.value, "vue-ui-strip-plot-select-circle": e.value.useCssAnimation && !z.value }
|
|
532
532
|
}, t.$attrs), null, 16, ["plot", "radius", "shape", "stroke", "strokeWidth", "color", "onMouseenter", "onClick", "style", "class"]))), 256)),
|
|
533
|
-
d.value.dataLabels.show ? (r(), i("g",
|
|
533
|
+
d.value.dataLabels.show ? (r(), i("g", _t, [
|
|
534
534
|
(r(!0), i(g, null, C(l.plots, (u, $) => (r(), i(g, null, [
|
|
535
535
|
$ === l.plots.length - 1 || n.value && n.value.id === u.id && !d.value.showTooltip ? (r(), i("text", {
|
|
536
536
|
key: 0,
|
|
@@ -543,23 +543,23 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
543
543
|
}, T(u.name) + " " + T(e.value.style.chart.labels.bestPlotLabel.showValue ? h(ee)(
|
|
544
544
|
e.value.style.chart.labels.formatter,
|
|
545
545
|
u.value,
|
|
546
|
-
h(
|
|
546
|
+
h(U)({
|
|
547
547
|
p: `(${e.value.style.chart.labels.prefix}`,
|
|
548
548
|
v: u.value,
|
|
549
549
|
s: `${e.value.style.chart.labels.suffix})`,
|
|
550
550
|
r: e.value.style.chart.labels.bestPlotLabel.rounding
|
|
551
551
|
}),
|
|
552
552
|
{ datapoint: u, seriesIndex: $ }
|
|
553
|
-
) : ""), 13,
|
|
553
|
+
) : ""), 13, $t)) : v("", !0)
|
|
554
554
|
], 64))), 256))
|
|
555
555
|
])) : v("", !0)
|
|
556
556
|
], 64))), 256)),
|
|
557
557
|
m(t.$slots, "svg", { svg: a.value }, void 0, !0)
|
|
558
|
-
], 14,
|
|
559
|
-
t.$slots.watermark ? (r(), i("div",
|
|
560
|
-
m(t.$slots, "watermark", R(
|
|
558
|
+
], 14, st)) : v("", !0),
|
|
559
|
+
t.$slots.watermark ? (r(), i("div", Tt, [
|
|
560
|
+
m(t.$slots, "watermark", H(R({ isPrinting: h(oe) || h(se) })), void 0, !0)
|
|
561
561
|
])) : v("", !0),
|
|
562
|
-
w.value ? v("", !0) : (r(),
|
|
562
|
+
w.value ? v("", !0) : (r(), B(et, {
|
|
563
563
|
key: 4,
|
|
564
564
|
config: {
|
|
565
565
|
type: "stripPlot",
|
|
@@ -571,7 +571,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
571
571
|
}
|
|
572
572
|
}
|
|
573
573
|
}, null, 8, ["config"])),
|
|
574
|
-
K(
|
|
574
|
+
K(Qe, {
|
|
575
575
|
show: d.value.showTooltip && j.value,
|
|
576
576
|
backgroundColor: e.value.style.chart.tooltip.backgroundColor,
|
|
577
577
|
color: e.value.style.chart.tooltip.color,
|
|
@@ -587,14 +587,14 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
587
587
|
isCustom: h(fe)(e.value.style.chart.tooltip.customFormat)
|
|
588
588
|
}, {
|
|
589
589
|
"tooltip-before": f(() => [
|
|
590
|
-
m(t.$slots, "tooltip-before", R(
|
|
590
|
+
m(t.$slots, "tooltip-before", H(R({ ...q.value })), void 0, !0)
|
|
591
591
|
]),
|
|
592
592
|
"tooltip-after": f(() => [
|
|
593
|
-
m(t.$slots, "tooltip-after", R(
|
|
593
|
+
m(t.$slots, "tooltip-after", H(R({ ...q.value })), void 0, !0)
|
|
594
594
|
]),
|
|
595
595
|
_: 3
|
|
596
596
|
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
|
|
597
|
-
w.value ? (r(),
|
|
597
|
+
w.value ? (r(), B(lt, {
|
|
598
598
|
key: 5,
|
|
599
599
|
hideDetails: "",
|
|
600
600
|
config: {
|
|
@@ -611,7 +611,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
611
611
|
}
|
|
612
612
|
}, {
|
|
613
613
|
content: f(() => [
|
|
614
|
-
K(
|
|
614
|
+
K(Ze, {
|
|
615
615
|
colNames: G.value.colNames,
|
|
616
616
|
head: G.value.head,
|
|
617
617
|
body: G.value.body,
|
|
@@ -623,7 +623,7 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
623
623
|
x("div", {
|
|
624
624
|
innerHTML: l,
|
|
625
625
|
style: { display: "flex", "align-items": "center" }
|
|
626
|
-
}, null, 8,
|
|
626
|
+
}, null, 8, Lt)
|
|
627
627
|
]),
|
|
628
628
|
td: f(({ td: l }) => [
|
|
629
629
|
Ae(T(l.name || l), 1)
|
|
@@ -633,9 +633,9 @@ const at = ["id"], ot = ["xmlns", "viewBox"], st = { key: 0 }, rt = { key: 0 },
|
|
|
633
633
|
]),
|
|
634
634
|
_: 1
|
|
635
635
|
}, 8, ["config"])) : v("", !0)
|
|
636
|
-
], 14,
|
|
636
|
+
], 14, ot));
|
|
637
637
|
}
|
|
638
|
-
},
|
|
638
|
+
}, Vt = /* @__PURE__ */ at(Pt, [["__scopeId", "data-v-1a1c4118"]]);
|
|
639
639
|
export {
|
|
640
|
-
|
|
640
|
+
Vt as default
|
|
641
641
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index-D2ZScauW.cjs"),e=require("vue"),b=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),C={name:"vue-ui-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},data(){return{uid:`vue-ui-table-${Math.random()}`,bodyCopy:JSON.parse(JSON.stringify(this.dataset.body)).map((l,o)=>({...l,absoluteIndex:o})),buttonTimeout:null,canMoveChart:!1,chart:{height:316,type:"bar",width:512},constants:{ASC:1,BAR:"bar",DATE:"date",DESC:-1,DONUT:"donut",LINE:"line",NUMERIC:"numeric",PERCENTAGE:"percentage",TEXT:"text"},clientX:100,clientY:100,cssClass:{CELL:"smart-td-selected",FIRST_TD:"smart-td-selected-first",LAST_TD:"smart-td-selected-last",ROW:"smart-td-selected-neighbor"},currentDonut:void 0,currentFilter:void 0,currentSearch:void 0,currentSelectionSpan:{col:void 0,rows:[]},currentPage:0,dates:{},filteredDatesIndexes:{},hasNaN:{},iconColor:"#2D353C",iconSize:20,immutableRangeFilters:{},isExportRequest:!1,isLoading:!1,itemsPerPage:this.config.rowsPerPage?this.config.rowsPerPage:25,multiselects:{},paginatorOptions:[...new Set([10,25,50,100,250,500,this.config.rowsPerPage?this.config.rowsPerPage:25,this.dataset.body.length])].sort((l,o)=>l-o),palette:g.palette,percentages:{},rafId:null,rangeFilters:{},searches:{},selectedColumn:void 0,selectedDonutCategory:void 0,selectedPlot:void 0,showChart:!1,showDonutOptions:!1,sorts:{},tableBody:JSON.parse(JSON.stringify(this.dataset.body)).map((l,o)=>({...l,absoluteIndex:o})),tableHead:JSON.parse(JSON.stringify(this.dataset.header)).map(l=>({average:Object.hasOwn(l,"average")?l.average:!1,decimals:Object.hasOwn(l,"decimals")?l.decimals:0,isMultiselect:Object.hasOwn(l,"isMultiselect")?l.isMultiselect:!1,isPercentage:Object.hasOwn(l,"isPercentage")?l.isPercentage:!1,isSearch:Object.hasOwn(l,"isSearch")?l.isSearch:!1,isSort:Object.hasOwn(l,"isSort")?l.isSort:!1,name:l.name,percentageTo:Object.hasOwn(l,"percentageTo")?l.percentageTo:void 0,prefix:Object.hasOwn(l,"prefix")?l.prefix:"",rangeFilter:Object.hasOwn(l,"rangeFilter")?l.rangeFilter:!1,suffix:Object.hasOwn(l,"suffix")?l.suffix:"",sum:Object.hasOwn(l,"sum")?l.sum:!1,type:l.type}))}},mounted(){if(this.dataset.header.length===0)throw new Error(`vue-ui-table error: missing header data.
|
|
2
2
|
Provide an array of objects of type:
|
|
3
3
|
{
|
|
4
4
|
name: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-D2ZScauW.cjs"),C=require("./useNestedProp-BU7yyXFA.cjs"),P=require("./usePrinter-eqT4IYET.cjs"),z=require("./Shape-BoXM3HKY.cjs"),R=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),O=["id"],T={role:"cell"},M={role:"row"},G=["data-cell"],q={key:0,style:{display:"flex","flex-direction":"row",gap:"2px","align-items":"center"}},U=["height","width"],L={key:0,role:"cell","data-cell":"sum"},A={key:1,role:"cell","data-cell":"average"},D={key:2,role:"cell","data-cell":"median"},H={__name:"vue-ui-table-heatmap",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(_,{expose:B}){const d=_;e.useCssVars(t=>({bb8dc4a0:V.value,"44bd448b":S.value}));const{vue_ui_table_heatmap:I}=r.useConfig(),p=e.ref(r.createUid()),s=e.ref(!1),c=e.ref(null),m=e.ref(!1),v=e.ref(0),o=e.computed(()=>{const t=C.useNestedProp({userConfig:d.config,defaultConfig:I});return t.theme?{...C.useNestedProp({userConfig:r.themes.vue_ui_table_heatmap[t.theme]||d.config,defaultConfig:t})}:t}),{isPrinting:$,isImaging:N,generatePdf:f,generateImage:g}=P.usePrinter({elementId:`table_heatmap_${p.value}`,fileName:"vue-ui-table-heatmap"}),x=e.computed(()=>o.value.table.responsiveBreakpoint),E=e.computed(()=>!!d.dataset&&d.dataset.length);e.onMounted(()=>{r.objectIsEmpty(d.dataset)&&r.error({componentName:"VueUiTableHeatmap",type:"dataset"});const t=new ResizeObserver(l=>{l.forEach(a=>{s.value=a.contentRect.width<x.value})});c.value&&t.observe(c.value)});const h=e.computed(()=>d.dataset.map(t=>{const l=t.values.map(n=>isNaN(n)?0:n),a=l.reduce((n,i)=>n+i,0);return{...t,values:l,serieExtremes:{max:Math.max(...l),min:Math.min(...l)},sum:a,average:a/l.length,median:r.calcMedian(l),displayValues:[t.name,...t.values],id:r.createUid()}})),b=e.computed(()=>{const t=h.value.flatMap(l=>l.values);return{min:Math.min(...t),max:Math.max(...t)}});function w(t,l){const a=o.value.style.heatmapColors.useIndividualScale;return r.interpolateColorHex(o.value.style.heatmapColors.min,o.value.style.heatmapColors.max,a?l.min:b.value.min,a?l.max:b.value.max,t)}const y=e.computed(()=>h.value.map(t=>({...t,colors:t.displayValues.map(l=>isNaN(l)?o.value.style.backgroundColor:w(l,t.serieExtremes))}))),S=e.computed(()=>o.value.style.backgroundColor),V=e.computed(()=>`${o.value.table.borderWidth}px`);function k(){e.nextTick(()=>{const t=y.value.map(n=>[[n.name],n.displayValues,[n.sum],[n.average],[n.median]]),l=[[[""],o.value.table.head.values,["sum"],["average"],["median"]]].concat(t),a=r.createCsvContent(l);r.downloadCsv({csvContent:a,title:"vue-ui-table-heatmap"})})}function F(t){m.value=t,v.value+=1}return B({generatePdf:f,generateCsv:k,generateImage:g}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableContainer",ref:c,style:e.normalizeStyle(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${o.value.userOptions.show?"36px":""}; ${m.value?"vue-data-ui-wrapper-fullscreen":""}; position:relative;`),class:e.normalizeClass({"vue-ui-responsive":s.value}),id:`table_heatmap_${p.value}`},[o.value.userOptions.show&&E.value?(e.openBlock(),e.createBlock(P.UserOptions,{ref:"details",key:`user_option_${v.value}`,backgroundColor:o.value.style.backgroundColor,color:o.value.style.color,isPrinting:e.unref($),isImaging:e.unref(N),uid:p.value,hasPdf:o.value.userOptions.buttons.pdf,hasXls:o.value.userOptions.buttons.csv,hasImg:o.value.userOptions.buttons.img,hasFullscreen:o.value.userOptions.buttons.fullscreen,isFullscreen:m.value,titles:{...o.value.userOptions.buttonTitles},chartElement:c.value,onToggleFullscreen:F,onGeneratePdf:e.unref(f),onGenerateCsv:k,onGenerateImage:e.unref(g)},e.createSlots({_:2},[t.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,t.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,t.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,t.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:a,isFullscreen:n})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:n})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasFullscreen","isFullscreen","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),e.createElementVNode("table",{class:e.normalizeClass({"vue-ui-table-heatmap":!0}),style:e.normalizeStyle(`width:100%;font-family:${o.value.style.fontFamily};background:${o.value.style.backgroundColor};`)},[e.createElementVNode("caption",null,[e.renderSlot(t.$slots,"caption",{},void 0,!0)]),e.createElementVNode("thead",null,[e.createElementVNode("tr",{role:"row",style:e.normalizeStyle(`background:${o.value.table.head.backgroundColor};color:${o.value.table.head.color}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.table.head.values,(a,n)=>(e.openBlock(),e.createElementBlock("th",T,[e.renderSlot(t.$slots,"head",e.normalizeProps(e.guardReactiveProps({value:a,rowIndex:n,type:typeof a,isResponsive:s.value})),void 0,!0)]))),256))],4)]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(a,n)=>(e.openBlock(),e.createElementBlock("tr",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.displayValues,(i,u)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":o.value.table.head.values[u]},[a.color&&u===0?(e.openBlock(),e.createElementBlock("div",q,[a.color?(e.openBlock(),e.createElementBlock("svg",{key:0,height:o.value.style.shapeSize,width:o.value.style.shapeSize,viewBox:"0 0 20 20",style:{background:"none",overflow:"visible"}},[e.createVNode(z._sfc_main,{plot:{x:10,y:10},color:a.color,radius:9,shape:a.shape||"circle"},null,8,["color","shape"])],8,U)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"rowTitle",e.normalizeProps(e.guardReactiveProps({value:i,rowIndex:n,colIndex:u,type:typeof i,isResponsive:s.value})),void 0,!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[u===0?e.renderSlot(t.$slots,"rowTitle",e.normalizeProps(e.mergeProps({key:0},{value:i,rowIndex:n,colIndex:u,type:typeof i,isResponsive:s.value})),void 0,!0):e.createCommentVNode("",!0),u>0?e.renderSlot(t.$slots,"cell",e.normalizeProps(e.mergeProps({key:1},{value:i,rowIndex:n,colIndex:u,type:typeof i,isResponsive:s.value,color:a.colors[u],textColor:e.unref(r.adaptColorToBackground)(a.colors[u])})),void 0,!0):e.createCommentVNode("",!0)],64))],8,G))),256)),o.value.table.showSum?(e.openBlock(),e.createElementBlock("td",L,[e.renderSlot(t.$slots,"sum",e.normalizeProps(e.guardReactiveProps({value:a.sum,rowIndex:n,isResponsive:s.value})),void 0,!0)])):e.createCommentVNode("",!0),o.value.table.showAverage?(e.openBlock(),e.createElementBlock("td",A,[e.renderSlot(t.$slots,"average",e.normalizeProps(e.guardReactiveProps({value:a.average,rowIndex:n,isResponsive:s.value})),void 0,!0)])):e.createCommentVNode("",!0),o.value.table.showMedian?(e.openBlock(),e.createElementBlock("td",D,[e.renderSlot(t.$slots,"median",e.normalizeProps(e.guardReactiveProps({value:a.median,rowIndex:n,isResponsive:s.value})),void 0,!0)])):e.createCommentVNode("",!0)]))),256))])],4)],14,O))}},X=R._export_sfc(H,[["__scopeId","data-v-3d431bc6"]]);exports.default=X;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { useCssVars as J, ref as h, computed as c, onMounted as K, openBlock as n, createElementBlock as l, normalizeStyle as $, normalizeClass as
|
|
2
|
-
import { u as ee, c as
|
|
3
|
-
import { u as M } from "./useNestedProp-
|
|
4
|
-
import { u as ie, U as de } from "./usePrinter-
|
|
5
|
-
import { _ as ce } from "./Shape-
|
|
1
|
+
import { useCssVars as J, ref as h, computed as c, onMounted as K, openBlock as n, createElementBlock as l, normalizeStyle as $, normalizeClass as T, createBlock as Q, unref as g, createSlots as Y, withCtx as C, renderSlot as r, normalizeProps as v, guardReactiveProps as f, createCommentVNode as p, createElementVNode as b, Fragment as _, renderList as w, createVNode as Z, mergeProps as V, nextTick as j } from "vue";
|
|
2
|
+
import { u as ee, c as z, t as te, o as ae, e as oe, U as se, E as ne, L as le, q as re, r as ue } from "./index-BshV7sX1.js";
|
|
3
|
+
import { u as M } from "./useNestedProp-B235bkr5.js";
|
|
4
|
+
import { u as ie, U as de } from "./usePrinter-Culo-aKo.js";
|
|
5
|
+
import { _ as ce } from "./Shape-BsAETTif.js";
|
|
6
6
|
import { _ as ve } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
7
7
|
const pe = ["id"], me = { role: "cell" }, fe = { role: "row" }, he = ["data-cell"], ge = {
|
|
8
8
|
key: 0,
|
|
@@ -35,16 +35,16 @@ const pe = ["id"], me = { role: "cell" }, fe = { role: "row" }, he = ["data-cell
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
|
-
setup(
|
|
39
|
-
const m =
|
|
38
|
+
setup(G, { expose: S }) {
|
|
39
|
+
const m = G;
|
|
40
40
|
J((e) => ({
|
|
41
41
|
bb8dc4a0: W.value,
|
|
42
42
|
"44bd448b": X.value
|
|
43
43
|
}));
|
|
44
|
-
const { vue_ui_table_heatmap:
|
|
44
|
+
const { vue_ui_table_heatmap: U } = ee(), k = h(z()), u = h(!1), y = h(null), I = h(!1), x = h(0), t = c(() => {
|
|
45
45
|
const e = M({
|
|
46
46
|
userConfig: m.config,
|
|
47
|
-
defaultConfig:
|
|
47
|
+
defaultConfig: U
|
|
48
48
|
});
|
|
49
49
|
return e.theme ? {
|
|
50
50
|
...M({
|
|
@@ -52,10 +52,10 @@ const pe = ["id"], me = { role: "cell" }, fe = { role: "row" }, he = ["data-cell
|
|
|
52
52
|
defaultConfig: e
|
|
53
53
|
})
|
|
54
54
|
} : e;
|
|
55
|
-
}), { isPrinting:
|
|
55
|
+
}), { isPrinting: B, isImaging: A, generatePdf: F, generateImage: P } = ie({
|
|
56
56
|
elementId: `table_heatmap_${k.value}`,
|
|
57
57
|
fileName: "vue-ui-table-heatmap"
|
|
58
|
-
}),
|
|
58
|
+
}), D = c(() => t.value.table.responsiveBreakpoint), L = c(() => !!m.dataset && m.dataset.length);
|
|
59
59
|
K(() => {
|
|
60
60
|
ae(m.dataset) && oe({
|
|
61
61
|
componentName: "VueUiTableHeatmap",
|
|
@@ -63,7 +63,7 @@ const pe = ["id"], me = { role: "cell" }, fe = { role: "row" }, he = ["data-cell
|
|
|
63
63
|
});
|
|
64
64
|
const e = new ResizeObserver((s) => {
|
|
65
65
|
s.forEach((a) => {
|
|
66
|
-
u.value = a.contentRect.width <
|
|
66
|
+
u.value = a.contentRect.width < D.value;
|
|
67
67
|
});
|
|
68
68
|
});
|
|
69
69
|
y.value && e.observe(y.value);
|
|
@@ -81,7 +81,7 @@ const pe = ["id"], me = { role: "cell" }, fe = { role: "row" }, he = ["data-cell
|
|
|
81
81
|
average: a / s.length,
|
|
82
82
|
median: se(s),
|
|
83
83
|
displayValues: [e.name, ...e.values],
|
|
84
|
-
id:
|
|
84
|
+
id: z()
|
|
85
85
|
};
|
|
86
86
|
})), O = c(() => {
|
|
87
87
|
const e = N.value.flatMap((s) => s.values);
|
|
@@ -90,15 +90,15 @@ const pe = ["id"], me = { role: "cell" }, fe = { role: "row" }, he = ["data-cell
|
|
|
90
90
|
max: Math.max(...e)
|
|
91
91
|
};
|
|
92
92
|
});
|
|
93
|
-
function
|
|
93
|
+
function H(e, s) {
|
|
94
94
|
const a = t.value.style.heatmapColors.useIndividualScale;
|
|
95
95
|
return le(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, a ? s.min : O.value.min, a ? s.max : O.value.max, e);
|
|
96
96
|
}
|
|
97
97
|
const R = c(() => N.value.map((e) => ({
|
|
98
98
|
...e,
|
|
99
|
-
colors: e.displayValues.map((s) => isNaN(s) ? t.value.style.backgroundColor :
|
|
99
|
+
colors: e.displayValues.map((s) => isNaN(s) ? t.value.style.backgroundColor : H(s, e.serieExtremes))
|
|
100
100
|
}))), X = c(() => t.value.style.backgroundColor), W = c(() => `${t.value.table.borderWidth}px`);
|
|
101
|
-
function
|
|
101
|
+
function E() {
|
|
102
102
|
j(() => {
|
|
103
103
|
const e = R.value.map((o) => [
|
|
104
104
|
[o.name],
|
|
@@ -113,24 +113,24 @@ const pe = ["id"], me = { role: "cell" }, fe = { role: "row" }, he = ["data-cell
|
|
|
113
113
|
function q(e) {
|
|
114
114
|
I.value = e, x.value += 1;
|
|
115
115
|
}
|
|
116
|
-
return
|
|
116
|
+
return S({
|
|
117
117
|
generatePdf: F,
|
|
118
|
-
generateCsv:
|
|
118
|
+
generateCsv: E,
|
|
119
119
|
generateImage: P
|
|
120
120
|
}), (e, s) => (n(), l("div", {
|
|
121
121
|
ref_key: "tableContainer",
|
|
122
122
|
ref: y,
|
|
123
123
|
style: $(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${t.value.userOptions.show ? "36px" : ""}; ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}; position:relative;`),
|
|
124
|
-
class:
|
|
124
|
+
class: T({ "vue-ui-responsive": u.value }),
|
|
125
125
|
id: `table_heatmap_${k.value}`
|
|
126
126
|
}, [
|
|
127
|
-
t.value.userOptions.show &&
|
|
127
|
+
t.value.userOptions.show && L.value ? (n(), Q(de, {
|
|
128
128
|
ref: "details",
|
|
129
129
|
key: `user_option_${x.value}`,
|
|
130
130
|
backgroundColor: t.value.style.backgroundColor,
|
|
131
131
|
color: t.value.style.color,
|
|
132
|
-
isPrinting: g(
|
|
133
|
-
isImaging: g(
|
|
132
|
+
isPrinting: g(B),
|
|
133
|
+
isImaging: g(A),
|
|
134
134
|
uid: k.value,
|
|
135
135
|
hasPdf: t.value.userOptions.buttons.pdf,
|
|
136
136
|
hasXls: t.value.userOptions.buttons.csv,
|
|
@@ -141,7 +141,7 @@ const pe = ["id"], me = { role: "cell" }, fe = { role: "row" }, he = ["data-cell
|
|
|
141
141
|
chartElement: y.value,
|
|
142
142
|
onToggleFullscreen: q,
|
|
143
143
|
onGeneratePdf: g(F),
|
|
144
|
-
onGenerateCsv:
|
|
144
|
+
onGenerateCsv: E,
|
|
145
145
|
onGenerateImage: g(P)
|
|
146
146
|
}, Y({ _: 2 }, [
|
|
147
147
|
e.$slots.optionPdf ? {
|
|
@@ -174,7 +174,7 @@ const pe = ["id"], me = { role: "cell" }, fe = { role: "row" }, he = ["data-cell
|
|
|
174
174
|
} : void 0
|
|
175
175
|
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : p("", !0),
|
|
176
176
|
b("table", {
|
|
177
|
-
class:
|
|
177
|
+
class: T({ "vue-ui-table-heatmap": !0 }),
|
|
178
178
|
style: $(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
|
|
179
179
|
}, [
|
|
180
180
|
b("caption", null, [
|
|
@@ -213,8 +213,8 @@ const pe = ["id"], me = { role: "cell" }, fe = { role: "row" }, he = ["data-cell
|
|
|
213
213
|
], 8, be)) : p("", !0),
|
|
214
214
|
r(e.$slots, "rowTitle", v(f({ value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value })), void 0, !0)
|
|
215
215
|
])) : (n(), l(_, { key: 1 }, [
|
|
216
|
-
i === 0 ? r(e.$slots, "rowTitle", v(
|
|
217
|
-
i > 0 ? r(e.$slots, "cell", v(
|
|
216
|
+
i === 0 ? r(e.$slots, "rowTitle", v(V({ key: 0 }, { value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value })), void 0, !0) : p("", !0),
|
|
217
|
+
i > 0 ? r(e.$slots, "cell", v(V({ key: 1 }, { value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value, color: a.colors[i], textColor: g(ne)(a.colors[i]) })), void 0, !0) : p("", !0)
|
|
218
218
|
], 64))
|
|
219
219
|
], 8, he))), 256)),
|
|
220
220
|
t.value.table.showSum ? (n(), l("td", ye, [
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as D, u as x,
|
|
1
|
+
import { p as D, u as x, z as G, m as M, d as T, A as E, q as z, r as B, V as H } from "./index-BshV7sX1.js";
|
|
2
2
|
import { openBlock as i, createElementBlock as c, normalizeStyle as g, createElementVNode as a, toDisplayString as u, Fragment as b, renderList as _, normalizeClass as f, createTextVNode as I, createCommentVNode as N, withDirectives as k, vModelText as w, withKeys as S, withModifiers as O, vModelSelect as P, createStaticVNode as R, pushScopeId as U, popScopeId as V } from "vue";
|
|
3
3
|
import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const X = {
|