vue-data-ui 3.4.9 → 3.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +114 -37
- package/dist/{ColorPicker-J5wOPCeB.js → ColorPicker-ChuwChMo.js} +58 -56
- package/dist/{NonSvgPenAndPaper-C7TRn0_3.js → NonSvgPenAndPaper-DVgKKLIf.js} +1 -1
- package/dist/{PackageVersion-CTUqGqWV.js → PackageVersion-DQvyATVa.js} +1 -1
- package/dist/PenAndPaper-SZQIAgkg.js +388 -0
- package/dist/{Title-l36lOBMx.js → Title-isbiM8i8.js} +1 -1
- package/dist/components/vue-ui-3d-bar.js +1 -1
- package/dist/components/vue-ui-accordion.js +1 -1
- package/dist/components/vue-ui-age-pyramid.js +1 -1
- package/dist/components/vue-ui-annotator.js +1 -1
- package/dist/components/vue-ui-bullet.js +1 -1
- package/dist/components/vue-ui-candlestick.js +1 -1
- package/dist/components/vue-ui-carousel-table.js +1 -1
- package/dist/components/vue-ui-chestnut.js +1 -1
- package/dist/components/vue-ui-chord.js +1 -1
- package/dist/components/vue-ui-circle-pack.js +1 -1
- package/dist/components/vue-ui-cursor.js +1 -1
- package/dist/components/vue-ui-dashboard.js +1 -1
- package/dist/components/vue-ui-digits.js +1 -1
- package/dist/components/vue-ui-donut-evolution.js +1 -1
- package/dist/components/vue-ui-donut.js +1 -1
- package/dist/components/vue-ui-dumbbell.js +1 -1
- package/dist/components/vue-ui-flow.js +1 -1
- package/dist/components/vue-ui-funnel.js +1 -1
- package/dist/components/vue-ui-galaxy.js +1 -1
- package/dist/components/vue-ui-gauge.js +1 -1
- package/dist/components/vue-ui-gizmo.js +1 -1
- package/dist/components/vue-ui-heatmap.js +1 -1
- package/dist/components/vue-ui-history-plot.js +1 -1
- package/dist/components/vue-ui-horizontal-bar.js +1 -1
- package/dist/components/vue-ui-kpi.js +1 -1
- package/dist/components/vue-ui-mini-loader.js +1 -1
- package/dist/components/vue-ui-molecule.js +1 -1
- package/dist/components/vue-ui-mood-radar.js +1 -1
- package/dist/components/vue-ui-nested-donuts.js +1 -1
- package/dist/components/vue-ui-onion.js +1 -1
- package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
- package/dist/components/vue-ui-quadrant.js +1 -1
- package/dist/components/vue-ui-quick-chart.js +1 -1
- package/dist/components/vue-ui-radar.js +1 -1
- package/dist/components/vue-ui-rating.js +1 -1
- package/dist/components/vue-ui-relation-circle.js +1 -1
- package/dist/components/vue-ui-ridgeline.js +1 -1
- package/dist/components/vue-ui-rings.js +1 -1
- package/dist/components/vue-ui-scatter.js +1 -1
- package/dist/components/vue-ui-skeleton.js +1 -1
- package/dist/components/vue-ui-smiley.js +1 -1
- package/dist/components/vue-ui-spark-trend.js +1 -1
- package/dist/components/vue-ui-sparkbar.js +1 -1
- package/dist/components/vue-ui-sparkgauge.js +1 -1
- package/dist/components/vue-ui-sparkhistogram.js +1 -1
- package/dist/components/vue-ui-sparkline.js +1 -1
- package/dist/components/vue-ui-sparkstackbar.js +1 -1
- package/dist/components/vue-ui-stackbar.js +1 -1
- package/dist/components/vue-ui-strip-plot.js +1 -1
- package/dist/components/vue-ui-table-heatmap.js +1 -1
- package/dist/components/vue-ui-table-sparkline.js +1 -1
- package/dist/components/vue-ui-table.js +1 -1
- package/dist/components/vue-ui-thermometer.js +1 -1
- package/dist/components/vue-ui-timer.js +1 -1
- package/dist/components/vue-ui-tiremarks.js +1 -1
- package/dist/components/vue-ui-treemap.js +1 -1
- package/dist/components/vue-ui-vertical-bar.js +1 -1
- package/dist/components/vue-ui-waffle.js +1 -1
- package/dist/components/vue-ui-wheel.js +1 -1
- package/dist/components/vue-ui-word-cloud.js +1 -1
- package/dist/components/vue-ui-world.js +1 -1
- package/dist/components/vue-ui-xy-canvas.js +1 -1
- package/dist/components/vue-ui-xy.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.ts +17 -8
- package/dist/{useNestedProp-BjZe1Y85.js → useNestedProp-DjGXw6S9.js} +22 -8
- package/dist/{vue-data-ui-DjxWWa78.js → vue-data-ui-B_RxfmEm.js} +113 -107
- package/dist/vue-data-ui.js +64 -64
- package/dist/{vue-ui-3d-bar-CLE7f9pl.js → vue-ui-3d-bar-CMNYyVa2.js} +454 -434
- package/dist/{vue-ui-accordion-CZ0thhxa.js → vue-ui-accordion-CqhVCfc2.js} +1 -1
- package/dist/{vue-ui-age-pyramid-D73uIOPm.js → vue-ui-age-pyramid-Vqa9iYXE.js} +180 -160
- package/dist/{vue-ui-annotator-BylDgUVb.js → vue-ui-annotator-nNv10fBm.js} +3 -3
- package/dist/{vue-ui-bullet-Bybo0xK2.js → vue-ui-bullet-BWEBeYV5.js} +190 -170
- package/dist/{vue-ui-candlestick-D_FyMdqH.js → vue-ui-candlestick-BoLzL0g1.js} +201 -181
- package/dist/{vue-ui-carousel-table-BvMlNdVo.js → vue-ui-carousel-table-Bi6wvUUU.js} +2 -2
- package/dist/{vue-ui-chestnut-DA0g0bDV.js → vue-ui-chestnut-BGz1TLXG.js} +375 -355
- package/dist/vue-ui-chord-CebhS7ln.js +1153 -0
- package/dist/{vue-ui-circle-pack-BPDm-ro5.js → vue-ui-circle-pack-7PJVyKjp.js} +289 -269
- package/dist/{vue-ui-cursor-ik59bfC4.js → vue-ui-cursor-qYLAwvzn.js} +1 -1
- package/dist/vue-ui-dashboard-DcmMvhgM.js +432 -0
- package/dist/{vue-ui-digits-ByNNcWXi.js → vue-ui-digits-DyE8eU1m.js} +1 -1
- package/dist/vue-ui-donut-CxZcJFTo.js +1681 -0
- package/dist/{vue-ui-donut-evolution-Ca3Svr0B.js → vue-ui-donut-evolution-BVYL-BUJ.js} +480 -444
- package/dist/{vue-ui-dumbbell-CxCE2luV.js → vue-ui-dumbbell-QxZn86A3.js} +210 -190
- package/dist/{vue-ui-flow-DEvwXd4W.js → vue-ui-flow-DEI5LRch.js} +339 -319
- package/dist/{vue-ui-funnel-Bgcx7xia.js → vue-ui-funnel-B_A5orFg.js} +218 -198
- package/dist/{vue-ui-galaxy-BWr1EMob.js → vue-ui-galaxy-CUoDRr-O.js} +313 -277
- package/dist/{vue-ui-gauge-DQricvo2.js → vue-ui-gauge-46tSRZN5.js} +311 -291
- package/dist/{vue-ui-gizmo-C-fKe3io.js → vue-ui-gizmo-BOgbsXao.js} +2 -2
- package/dist/{vue-ui-heatmap-B-o_i7Hu.js → vue-ui-heatmap-DKKjl1A2.js} +303 -283
- package/dist/{vue-ui-history-plot-DzQ9DPUJ.js → vue-ui-history-plot-C6p_aThr.js} +478 -442
- package/dist/{vue-ui-kpi-BGGff8LM.js → vue-ui-kpi-B1yJ83aF.js} +2 -2
- package/dist/{vue-ui-mini-loader-CSF-7TJL.js → vue-ui-mini-loader-BudcNBg-.js} +1 -1
- package/dist/{vue-ui-molecule-I2OhrCR2.js → vue-ui-molecule-L90GnHee.js} +156 -136
- package/dist/{vue-ui-mood-radar-BAT7kZUy.js → vue-ui-mood-radar-Dhigm5rw.js} +266 -246
- package/dist/{vue-ui-nested-donuts-CjhJDAQi.js → vue-ui-nested-donuts-D0MCLs5n.js} +597 -557
- package/dist/vue-ui-onion-B7yPJ3gL.js +915 -0
- package/dist/vue-ui-parallel-coordinate-plot-DY21ivNe.js +1051 -0
- package/dist/{vue-ui-quadrant-DGnasrCR.js → vue-ui-quadrant-b0vMRaq-.js} +532 -495
- package/dist/{vue-ui-quick-chart-Cam_sWet.js → vue-ui-quick-chart-VK2EN7sh.js} +288 -268
- package/dist/{vue-ui-radar-DNI9WI2R.js → vue-ui-radar-B5Vkoz9M.js} +412 -373
- package/dist/{vue-ui-rating-CiMoFM_c.js → vue-ui-rating-BH4DW1ZY.js} +1 -1
- package/dist/{vue-ui-relation-circle-Dj1jhcsl.js → vue-ui-relation-circle-XHbE-ZUX.js} +228 -208
- package/dist/{vue-ui-ridgeline-adIls6bj.js → vue-ui-ridgeline-CAMNq-p_.js} +517 -481
- package/dist/vue-ui-rings-ImGOqm_J.js +855 -0
- package/dist/vue-ui-scatter-CterNJYe.js +1590 -0
- package/dist/{vue-ui-skeleton-DUdI2uOO.js → vue-ui-skeleton-CykXHWj-.js} +2 -2
- package/dist/{vue-ui-smiley-sGFRbn31.js → vue-ui-smiley-DnGm6qrK.js} +1 -1
- package/dist/{vue-ui-spark-trend-DxpRfUJz.js → vue-ui-spark-trend-N1AsNQJA.js} +2 -2
- package/dist/{vue-ui-sparkbar-B44oER5n.js → vue-ui-sparkbar-Bvsi5DTT.js} +2 -2
- package/dist/{vue-ui-sparkgauge-ix12NZ7M.js → vue-ui-sparkgauge-DyJmWCWT.js} +2 -2
- package/dist/{vue-ui-sparkhistogram-Cs-QDYBR.js → vue-ui-sparkhistogram-5eKrkmSb.js} +143 -140
- package/dist/{vue-ui-sparkline-Cb8ZmyUq.js → vue-ui-sparkline-ChKAzlVq.js} +2 -2
- package/dist/vue-ui-sparkstackbar-BXNy6nuw.js +441 -0
- package/dist/vue-ui-stackbar-1IwvUYBO.js +1827 -0
- package/dist/{vue-ui-strip-plot-BjG-Jxnb.js → vue-ui-strip-plot-B1wGxP8-.js} +245 -225
- package/dist/{vue-ui-table-DdBdLrAL.js → vue-ui-table-DSsIrT4L.js} +3 -3
- package/dist/{vue-ui-table-heatmap-BqCEBoUf.js → vue-ui-table-heatmap-DXFHy7-E.js} +1 -1
- package/dist/{vue-ui-table-sparkline-EpCo2Be5.js → vue-ui-table-sparkline-DpqY_4ay.js} +2 -2
- package/dist/vue-ui-thermometer-CMKvSA8p.js +584 -0
- package/dist/{vue-ui-timer-Br3wp8hG.js → vue-ui-timer-BpdCY_wg.js} +3 -3
- package/dist/vue-ui-tiremarks-CNipzVli.js +450 -0
- package/dist/vue-ui-treemap-DPE8SY0_.js +1330 -0
- package/dist/{vue-ui-vertical-bar-yfbEfLqy.js → vue-ui-vertical-bar-ZU1GCbX0.js} +484 -448
- package/dist/{vue-ui-waffle-m-9sqQik.js → vue-ui-waffle-z7nuSuSV.js} +398 -362
- package/dist/vue-ui-wheel-DLRoRjeM.js +663 -0
- package/dist/{vue-ui-word-cloud-vNwswYZD.js → vue-ui-word-cloud-D2r5E3pP.js} +248 -228
- package/dist/{vue-ui-world-BsCNyZy_.js → vue-ui-world-goXYnTyM.js} +287 -267
- package/dist/{vue-ui-xy-CIrw1lWQ.js → vue-ui-xy-NDDbNbds.js} +1263 -1227
- package/dist/{vue-ui-xy-canvas-DXnLFwW3.js → vue-ui-xy-canvas-2a6NlQe3.js} +338 -322
- package/package.json +4 -4
- package/dist/PenAndPaper-DSvu9dwa.js +0 -373
- package/dist/vue-ui-chord-CDgzolI-.js +0 -1133
- package/dist/vue-ui-dashboard-CeJwbiON.js +0 -412
- package/dist/vue-ui-donut-DjQXHBJE.js +0 -1645
- package/dist/vue-ui-onion-DTY2p87s.js +0 -873
- package/dist/vue-ui-parallel-coordinate-plot-C8aWTcNn.js +0 -1014
- package/dist/vue-ui-rings-CnTMFK6R.js +0 -813
- package/dist/vue-ui-scatter-fzR2c0St.js +0 -1554
- package/dist/vue-ui-sparkstackbar-BiRZ51OU.js +0 -424
- package/dist/vue-ui-stackbar-DubS6Pg8.js +0 -1708
- package/dist/vue-ui-thermometer-DTnfnf9z.js +0 -564
- package/dist/vue-ui-tiremarks-CrC_tlIx.js +0 -430
- package/dist/vue-ui-treemap-kyuyi2ES.js +0 -1294
- package/dist/vue-ui-wheel-BasM7FWt.js +0 -643
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref as c, computed as _, onMounted as R, onBeforeUnmount as S, createElementBlock as l, createCommentVNode as o, openBlock as i, normalizeStyle as E, unref as m, createElementVNode as r, normalizeClass as C, toDisplayString as p, nextTick as b } from "vue";
|
|
2
|
-
import { u as F, a as L } from "./useNestedProp-
|
|
2
|
+
import { u as F, a as L } from "./useNestedProp-DjGXw6S9.js";
|
|
3
3
|
import { c as z, X as O, s as I } from "./lib-C_mNZmhD.js";
|
|
4
4
|
import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const N = ["xmlns", "height", "width"], T = {
|
|
@@ -0,0 +1,432 @@
|
|
|
1
|
+
import { useCssVars as we, computed as y, defineAsyncComponent as t, ref as r, watch as W, createElementBlock as S, openBlock as U, createElementVNode as k, createBlock as N, createCommentVNode as _, normalizeStyle as C, Fragment as K, renderList as Te, normalizeClass as Ce, renderSlot as c, resolveDynamicComponent as $e, mergeProps as Ie, withCtx as v, normalizeProps as w, guardReactiveProps as T, unref as $, createSlots as Me } from "vue";
|
|
2
|
+
import { u as Oe, a as Pe } from "./useNestedProp-DjGXw6S9.js";
|
|
3
|
+
import { c as Se } from "./lib-C_mNZmhD.js";
|
|
4
|
+
import { u as Re } from "./usePrinter-DTzqpYKF.js";
|
|
5
|
+
import ze from "./UserOptions-CGnQt6Fd.js";
|
|
6
|
+
import { u as Ae } from "./useUserOptionState-BIvW1Kz7.js";
|
|
7
|
+
import Xe from "./PenAndPaper-SZQIAgkg.js";
|
|
8
|
+
import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
9
|
+
const De = ["id"], Ye = ["onMousedown", "onTouchstart"], We = ["onMousedown", "onTouchstart"], Ne = ["onMousedown", "onTouchstart"], _e = ["onMousedown", "onTouchstart"], Ee = ["onMousedown", "onTouchstart"], H = 1, Le = {
|
|
10
|
+
__name: "vue-ui-dashboard",
|
|
11
|
+
props: {
|
|
12
|
+
dataset: Array,
|
|
13
|
+
config: Object
|
|
14
|
+
},
|
|
15
|
+
emits: ["change"],
|
|
16
|
+
setup(q, { expose: J, emit: Z }) {
|
|
17
|
+
we((e) => ({
|
|
18
|
+
v7cae28ee: fe.value,
|
|
19
|
+
e73f87a8: he.value
|
|
20
|
+
}));
|
|
21
|
+
const ee = {
|
|
22
|
+
VueDataUi: t(() => import("./vue-data-ui-B_RxfmEm.js")),
|
|
23
|
+
VueUi3dBar: t(() => import("./vue-ui-3d-bar-CMNYyVa2.js")),
|
|
24
|
+
VueUiAccordion: t(() => import("./vue-ui-accordion-CqhVCfc2.js")),
|
|
25
|
+
VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-Vqa9iYXE.js")),
|
|
26
|
+
VueUiAnnotator: t(() => import("./vue-ui-annotator-nNv10fBm.js")),
|
|
27
|
+
VueUiCandlestick: t(() => import("./vue-ui-candlestick-BoLzL0g1.js")),
|
|
28
|
+
VueUiChestnut: t(() => import("./vue-ui-chestnut-BGz1TLXG.js")),
|
|
29
|
+
VueUiDigits: t(() => import("./vue-ui-digits-DyE8eU1m.js")),
|
|
30
|
+
VueUiDonut: t(() => import("./vue-ui-donut-CxZcJFTo.js")),
|
|
31
|
+
VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-BVYL-BUJ.js")),
|
|
32
|
+
VueUiDumbbell: t(() => import("./vue-ui-dumbbell-QxZn86A3.js")),
|
|
33
|
+
VueUiFlow: t(() => import("./vue-ui-flow-DEI5LRch.js")),
|
|
34
|
+
VueUiGalaxy: t(() => import("./vue-ui-galaxy-CUoDRr-O.js")),
|
|
35
|
+
VueUiGauge: t(() => import("./vue-ui-gauge-46tSRZN5.js")),
|
|
36
|
+
VueUiHeatmap: t(() => import("./vue-ui-heatmap-DKKjl1A2.js")),
|
|
37
|
+
VueUiKpi: t(() => import("./vue-ui-kpi-B1yJ83aF.js")),
|
|
38
|
+
VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-BudcNBg-.js")),
|
|
39
|
+
VueUiMolecule: t(() => import("./vue-ui-molecule-L90GnHee.js")),
|
|
40
|
+
VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-Dhigm5rw.js")),
|
|
41
|
+
VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-D0MCLs5n.js")),
|
|
42
|
+
VueUiOnion: t(() => import("./vue-ui-onion-B7yPJ3gL.js")),
|
|
43
|
+
VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-DY21ivNe.js")),
|
|
44
|
+
VueUiQuadrant: t(() => import("./vue-ui-quadrant-b0vMRaq-.js")),
|
|
45
|
+
VueUiQuickChart: t(() => import("./vue-ui-quick-chart-VK2EN7sh.js")),
|
|
46
|
+
VueUiRadar: t(() => import("./vue-ui-radar-B5Vkoz9M.js")),
|
|
47
|
+
VueUiRating: t(() => import("./vue-ui-rating-BH4DW1ZY.js")),
|
|
48
|
+
VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-XHbE-ZUX.js")),
|
|
49
|
+
VueUiRings: t(() => import("./vue-ui-rings-ImGOqm_J.js")),
|
|
50
|
+
VueUiScatter: t(() => import("./vue-ui-scatter-CterNJYe.js")),
|
|
51
|
+
VueUiSkeleton: t(() => import("./vue-ui-skeleton-CykXHWj-.js")),
|
|
52
|
+
VueUiSmiley: t(() => import("./vue-ui-smiley-DnGm6qrK.js")),
|
|
53
|
+
VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-5eKrkmSb.js")),
|
|
54
|
+
VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-BXNy6nuw.js")),
|
|
55
|
+
VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-N1AsNQJA.js")),
|
|
56
|
+
VueUiSparkbar: t(() => import("./vue-ui-sparkbar-Bvsi5DTT.js")),
|
|
57
|
+
VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-DyJmWCWT.js")),
|
|
58
|
+
VueUiSparkline: t(() => import("./vue-ui-sparkline-ChKAzlVq.js")),
|
|
59
|
+
VueUiStripPlot: t(() => import("./vue-ui-strip-plot-B1wGxP8-.js")),
|
|
60
|
+
VueUiTable: t(() => import("./vue-ui-table-DSsIrT4L.js")),
|
|
61
|
+
VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-DXFHy7-E.js")),
|
|
62
|
+
VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-DpqY_4ay.js")),
|
|
63
|
+
VueUiThermometer: t(() => import("./vue-ui-thermometer-CMKvSA8p.js")),
|
|
64
|
+
VueUiTimer: t(() => import("./vue-ui-timer-BpdCY_wg.js")),
|
|
65
|
+
VueUiTiremarks: t(() => import("./vue-ui-tiremarks-CNipzVli.js")),
|
|
66
|
+
VueUiTreemap: t(() => import("./vue-ui-treemap-DPE8SY0_.js")),
|
|
67
|
+
VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-ZU1GCbX0.js")),
|
|
68
|
+
VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-ZU1GCbX0.js")),
|
|
69
|
+
VueUiWaffle: t(() => import("./vue-ui-waffle-z7nuSuSV.js")),
|
|
70
|
+
VueUiWheel: t(() => import("./vue-ui-wheel-DLRoRjeM.js")),
|
|
71
|
+
VueUiWordCloud: t(() => import("./vue-ui-word-cloud-D2r5E3pP.js")),
|
|
72
|
+
VueUiXy: t(() => import("./vue-ui-xy-NDDbNbds.js")),
|
|
73
|
+
VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-2a6NlQe3.js")),
|
|
74
|
+
VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-Bi6wvUUU.js")),
|
|
75
|
+
VueUiGizmo: t(() => import("./vue-ui-gizmo-BOgbsXao.js")),
|
|
76
|
+
VueUiStackbar: t(() => import("./vue-ui-stackbar-1IwvUYBO.js")),
|
|
77
|
+
VueUiBullet: t(() => import("./vue-ui-bullet-BWEBeYV5.js")),
|
|
78
|
+
VueUiFunnel: t(() => import("./vue-ui-funnel-B_A5orFg.js")),
|
|
79
|
+
VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-C6p_aThr.js")),
|
|
80
|
+
VueUiCirclePack: t(() => import("./vue-ui-circle-pack-7PJVyKjp.js")),
|
|
81
|
+
VueUiWorld: t(() => import("./vue-ui-world-goXYnTyM.js")),
|
|
82
|
+
VueUiChord: t(() => import("./vue-ui-chord-CebhS7ln.js")),
|
|
83
|
+
VueUiRidgeline: t(() => import("./vue-ui-ridgeline-CAMNq-p_.js"))
|
|
84
|
+
}, { vue_ui_dashboard: oe } = Oe(), te = r(null), ne = r(null), D = r(null), R = q, i = y(() => Pe({
|
|
85
|
+
userConfig: R.config,
|
|
86
|
+
defaultConfig: oe
|
|
87
|
+
})), Y = r(Se()), f = r(i.value.locked);
|
|
88
|
+
function ae() {
|
|
89
|
+
f.value = !f.value;
|
|
90
|
+
}
|
|
91
|
+
W(() => R.config, () => {
|
|
92
|
+
f.value = i.value.locked, Q.value = !i.value.userOptions.showOnChartHover;
|
|
93
|
+
});
|
|
94
|
+
function E() {
|
|
95
|
+
return R.dataset.map((e, o) => ({
|
|
96
|
+
...e,
|
|
97
|
+
index: o
|
|
98
|
+
}));
|
|
99
|
+
}
|
|
100
|
+
const s = r(E());
|
|
101
|
+
W(() => R.dataset, () => {
|
|
102
|
+
s.value = E();
|
|
103
|
+
});
|
|
104
|
+
const I = y(
|
|
105
|
+
() => s.value.map((e) => ({
|
|
106
|
+
...e,
|
|
107
|
+
resolvedComponent: typeof e.component == "string" ? ee[e.component] : e.component
|
|
108
|
+
}))
|
|
109
|
+
), h = r(null), l = r(null), m = r({ x: 0, y: 0 }), g = r({ x: 0, y: 0 }), d = r(null), p = r(!1), b = r(null), M = r(!1);
|
|
110
|
+
function L(e) {
|
|
111
|
+
const o = e.target;
|
|
112
|
+
(o.tagName === "INPUT" && o.type === "range" || o.classList.contains("range-handle")) && (M.value = !0);
|
|
113
|
+
}
|
|
114
|
+
function B(e) {
|
|
115
|
+
const o = e.target;
|
|
116
|
+
o.tagName === "INPUT" && o.type === "range" && (M.value = !1);
|
|
117
|
+
}
|
|
118
|
+
const { isPrinting: ie, isImaging: ue, generatePdf: G, generateImage: le } = Re({
|
|
119
|
+
elementId: `vue-ui-dashboard_${Y.value}`,
|
|
120
|
+
fileName: i.value.userOptions.print.filename || "dashboard",
|
|
121
|
+
options: {
|
|
122
|
+
...i.value.userOptions.print,
|
|
123
|
+
aspectRatio: i.value.style.board.aspectRatio
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
function re(e) {
|
|
127
|
+
if (!f.value && (p.value = !0, b.value = e, l.value === null)) {
|
|
128
|
+
h.value = e, m.value = { x: event.clientX, y: event.clientY };
|
|
129
|
+
const o = s.value[e], n = 100 - o.width, a = 100 - o.height;
|
|
130
|
+
o.left < 0 && (o.left = 0), o.top < 0 && (o.top = 0), o.left > n && (o.left = n), o.top > a && (o.top = a), o.left < 0 && (o.left = 0), o.top < 0 && (o.top = 0), o.left + o.width > 100 && (o.left = 100 - o.width), o.top + o.height > 100 && (o.top = 100 - o.height);
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
function z(e, o) {
|
|
134
|
+
p.value = !0, b.value = e, l.value = { index: e, direction: o };
|
|
135
|
+
const n = s.value[e];
|
|
136
|
+
g.value = { x: event.clientX, y: event.clientY, initialWidth: n.width, initialHeight: n.height };
|
|
137
|
+
}
|
|
138
|
+
function F(e, o, n) {
|
|
139
|
+
if (l.value.direction.includes("top")) {
|
|
140
|
+
const a = e.height - n / d.value.offsetHeight * 100;
|
|
141
|
+
a >= H && (e.top += n / d.value.offsetHeight * 100, e.height = a);
|
|
142
|
+
}
|
|
143
|
+
if (l.value.direction.includes("bottom")) {
|
|
144
|
+
const a = e.height + n / d.value.offsetHeight * 100;
|
|
145
|
+
a >= H && (e.height = a);
|
|
146
|
+
}
|
|
147
|
+
if (l.value.direction.includes("left")) {
|
|
148
|
+
const a = e.width - o / d.value.offsetWidth * 100;
|
|
149
|
+
a >= H && (e.left += o / d.value.offsetWidth * 100, e.width = a);
|
|
150
|
+
}
|
|
151
|
+
if (l.value.direction.includes("right")) {
|
|
152
|
+
const a = e.width + o / d.value.offsetWidth * 100;
|
|
153
|
+
a >= H && (e.width = a);
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
function se(e) {
|
|
157
|
+
if (!(f.value || M.value)) {
|
|
158
|
+
if (p.value = !0, h.value !== null) {
|
|
159
|
+
const o = s.value[h.value], n = e.clientX - m.value.x, a = e.clientY - m.value.y, u = o.left + n / d.value.offsetWidth * 100, V = o.top + a / d.value.offsetHeight * 100;
|
|
160
|
+
u >= 0 && V >= 0 && u + o.width <= 100 && V + o.height <= 100 && (o.left = u, o.top = V), m.value = { x: e.clientX, y: e.clientY };
|
|
161
|
+
}
|
|
162
|
+
if (l.value !== null) {
|
|
163
|
+
const o = s.value[l.value.index], n = e.clientX - g.value.x, a = e.clientY - g.value.y;
|
|
164
|
+
F(o, n, a), g.value = { x: e.clientX, y: e.clientY };
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
const de = Z;
|
|
169
|
+
W(
|
|
170
|
+
s,
|
|
171
|
+
(e) => {
|
|
172
|
+
e && !p.value && de("change", s.value);
|
|
173
|
+
},
|
|
174
|
+
{ deep: !0 }
|
|
175
|
+
);
|
|
176
|
+
function ce() {
|
|
177
|
+
h.value = null, l.value = null, p.value = !1, b.value = null, s.value.forEach((e) => {
|
|
178
|
+
e.left = Math.round(e.left / 100 * 100), e.top = Math.round(e.top / 100 * 100), e.width = Math.round(e.width / 100 * 100), e.height = Math.round(e.height / 100 * 100);
|
|
179
|
+
});
|
|
180
|
+
}
|
|
181
|
+
function pe(e) {
|
|
182
|
+
f.value || M.value || (p.value = !0, b.value = e, l.value === null && (h.value = e, m.value = { x: event.touches[0].clientX, y: event.touches[0].clientY }));
|
|
183
|
+
}
|
|
184
|
+
function A(e, o, n) {
|
|
185
|
+
if (p.value = !0, b.value = e, l.value === null) {
|
|
186
|
+
l.value = { index: e, direction: o };
|
|
187
|
+
const a = s.value[e];
|
|
188
|
+
g.value = { x: n.touches[0].clientX, y: n.touches[0].clientY, initialWidth: a.width, initialHeight: a.height };
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
function X(e) {
|
|
192
|
+
if (p.value = !0, e.preventDefault(), l.value !== null) {
|
|
193
|
+
const o = s.value[l.value.index], n = e.touches[0].clientX - g.value.x, a = e.touches[0].clientY - g.value.y;
|
|
194
|
+
F(o, n, a), g.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
function ve(e) {
|
|
198
|
+
if (!(f.value || M.value) && (p.value = !0, e.preventDefault(), h.value !== null)) {
|
|
199
|
+
const o = s.value[h.value], n = e.touches[0].clientX - m.value.x, a = e.touches[0].clientY - m.value.y, u = o.left + n / d.value.offsetWidth * 100, V = o.top + a / d.value.offsetHeight * 100;
|
|
200
|
+
u >= 0 && V >= 0 && u + o.width <= 100 && V + o.height <= 100 && (o.left = u, o.top = V), m.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
function O() {
|
|
204
|
+
p.value = !1, b.value = null, h.value = null, l.value = null, s.value.forEach((e) => {
|
|
205
|
+
e.left = Math.round(e.left / 100 * 100), e.top = Math.round(e.top / 100 * 100), e.width = Math.round(e.width / 100 * 100), e.height = Math.round(e.height / 100 * 100);
|
|
206
|
+
});
|
|
207
|
+
}
|
|
208
|
+
const fe = y(() => i.value.style.item.borderColor), he = y(() => i.value.style.resizeHandles.backgroundColor), me = y(() => i.value.style.board.aspectRatio), ge = y(() => i.value.style.board.backgroundColor), be = y(() => i.value.style.board.border);
|
|
209
|
+
function Ue() {
|
|
210
|
+
return s.value;
|
|
211
|
+
}
|
|
212
|
+
const { userOptionsVisible: Q, setUserOptionsVisibility: j, keepUserOptionState: Ve } = Ae({ config: i.value }), P = r(!1);
|
|
213
|
+
function x() {
|
|
214
|
+
P.value = !P.value;
|
|
215
|
+
}
|
|
216
|
+
function ye() {
|
|
217
|
+
j(!0);
|
|
218
|
+
}
|
|
219
|
+
function ke() {
|
|
220
|
+
j(!1);
|
|
221
|
+
}
|
|
222
|
+
return J({
|
|
223
|
+
generatePdf: G,
|
|
224
|
+
getItemsPositions: Ue,
|
|
225
|
+
toggleLock: ae
|
|
226
|
+
}), (e, o) => (U(), S("div", {
|
|
227
|
+
id: `vue-ui-dashboard_${Y.value}`,
|
|
228
|
+
onMousedown: L,
|
|
229
|
+
onMouseup: B,
|
|
230
|
+
onTouchstart: L,
|
|
231
|
+
onTouchend: B,
|
|
232
|
+
onMouseenter: ye,
|
|
233
|
+
onMouseleave: ke,
|
|
234
|
+
ref_key: "dashboardRef",
|
|
235
|
+
ref: te,
|
|
236
|
+
style: {
|
|
237
|
+
position: "relative"
|
|
238
|
+
},
|
|
239
|
+
class: "vue-data-ui-component"
|
|
240
|
+
}, [
|
|
241
|
+
k("div", {
|
|
242
|
+
class: "vue-ui-dashboard-container",
|
|
243
|
+
ref_key: "dashboardContainer",
|
|
244
|
+
ref: d,
|
|
245
|
+
style: C(`outline:${be.value}; background:${ge.value}; aspect-ratio:${me.value};${P.value ? "pointer-events:none" : ""}`)
|
|
246
|
+
}, [
|
|
247
|
+
k("div", {
|
|
248
|
+
class: "vue-ui-dashboard-grid-container",
|
|
249
|
+
ref: "container",
|
|
250
|
+
onMousemove: se,
|
|
251
|
+
onMouseup: ce,
|
|
252
|
+
onTouchmove: ve,
|
|
253
|
+
onTouchend: O,
|
|
254
|
+
style: C(`background:${i.value.style.board.backgroundColor}`)
|
|
255
|
+
}, [
|
|
256
|
+
o[4] || (o[4] = k("div", { class: "vue-ui-dashboard-grid" }, null, -1)),
|
|
257
|
+
(U(!0), S(K, null, Te(I.value, (n, a) => (U(), S("div", {
|
|
258
|
+
key: n.id,
|
|
259
|
+
class: Ce({ "vue-ui-dashboard-grid-item": !0, "vue-ui-dashboard-grid-item--locked": f.value }),
|
|
260
|
+
style: C({
|
|
261
|
+
width: `${n.width}%`,
|
|
262
|
+
height: `${n.height}%`,
|
|
263
|
+
left: `${n.left}%`,
|
|
264
|
+
top: `${n.top}%`,
|
|
265
|
+
cursor: "move",
|
|
266
|
+
boxShadow: b.value === a ? "0 6px 12px -3px rgba(0,0,0,0.3)" : "",
|
|
267
|
+
zIndex: b.value === a ? I.value.length + 1 : n.index,
|
|
268
|
+
backgroundColor: i.value.style.item.backgroundColor
|
|
269
|
+
}),
|
|
270
|
+
onMousedown: (u) => re(a),
|
|
271
|
+
onTouchstart: (u) => pe(a)
|
|
272
|
+
}, [
|
|
273
|
+
f.value ? _("", !0) : (U(), S(K, { key: 0 }, [
|
|
274
|
+
k("div", {
|
|
275
|
+
class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-left",
|
|
276
|
+
onMousedown: (u) => z(a, "top-left"),
|
|
277
|
+
onTouchstart: (u) => A(a, "top-left", u),
|
|
278
|
+
onTouchmove: o[0] || (o[0] = (u) => X(u)),
|
|
279
|
+
onTouchend: O
|
|
280
|
+
}, null, 40, We),
|
|
281
|
+
k("div", {
|
|
282
|
+
class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-right",
|
|
283
|
+
onMousedown: (u) => z(a, "top-right"),
|
|
284
|
+
onTouchstart: (u) => A(a, "top-right", u),
|
|
285
|
+
onTouchmove: o[1] || (o[1] = (u) => X(u)),
|
|
286
|
+
onTouchend: O
|
|
287
|
+
}, null, 40, Ne),
|
|
288
|
+
k("div", {
|
|
289
|
+
class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-left",
|
|
290
|
+
onMousedown: (u) => z(a, "bottom-left"),
|
|
291
|
+
onTouchstart: (u) => A(a, "bottom-left", u),
|
|
292
|
+
onTouchmove: o[2] || (o[2] = (u) => X(u)),
|
|
293
|
+
onTouchend: O
|
|
294
|
+
}, null, 40, _e),
|
|
295
|
+
k("div", {
|
|
296
|
+
class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-right",
|
|
297
|
+
onMousedown: (u) => z(a, "bottom-right"),
|
|
298
|
+
onTouchstart: (u) => A(a, "bottom-right", u),
|
|
299
|
+
onTouchmove: o[3] || (o[3] = (u) => X(u)),
|
|
300
|
+
onTouchend: O
|
|
301
|
+
}, null, 40, Ee)
|
|
302
|
+
], 64)),
|
|
303
|
+
c(e.$slots, "top", {
|
|
304
|
+
item: n,
|
|
305
|
+
index: a
|
|
306
|
+
}, void 0, !0),
|
|
307
|
+
n.resolvedComponent ? (U(), N($e(n.resolvedComponent), Ie({
|
|
308
|
+
key: 1,
|
|
309
|
+
ref_for: !0
|
|
310
|
+
}, n.props), null, 16)) : c(e.$slots, "content", {
|
|
311
|
+
key: 2,
|
|
312
|
+
item: n,
|
|
313
|
+
index: a,
|
|
314
|
+
left: n.left,
|
|
315
|
+
top: n.top,
|
|
316
|
+
height: n.height,
|
|
317
|
+
width: n.width
|
|
318
|
+
}, void 0, !0),
|
|
319
|
+
c(e.$slots, "bottom", {
|
|
320
|
+
item: n,
|
|
321
|
+
index: a
|
|
322
|
+
}, void 0, !0)
|
|
323
|
+
], 46, Ye))), 128))
|
|
324
|
+
], 36)
|
|
325
|
+
], 4),
|
|
326
|
+
(U(), S("svg", {
|
|
327
|
+
style: C({
|
|
328
|
+
width: "100%",
|
|
329
|
+
height: "100%",
|
|
330
|
+
pointerEvents: "none",
|
|
331
|
+
position: "absolute",
|
|
332
|
+
top: 0,
|
|
333
|
+
left: 0,
|
|
334
|
+
zIndex: I.value.length + 1
|
|
335
|
+
}),
|
|
336
|
+
ref_key: "svgRef",
|
|
337
|
+
ref: D
|
|
338
|
+
}, null, 4)),
|
|
339
|
+
i.value.userOptions.buttons.annotator && d.value && D.value ? (U(), N(Xe, {
|
|
340
|
+
key: 0,
|
|
341
|
+
color: i.value.style.board.color,
|
|
342
|
+
backgroundColor: i.value.style.board.backgroundColor,
|
|
343
|
+
active: P.value,
|
|
344
|
+
svgRef: D.value,
|
|
345
|
+
onClose: x,
|
|
346
|
+
style: C({
|
|
347
|
+
zIndex: I.value.length + 1
|
|
348
|
+
})
|
|
349
|
+
}, {
|
|
350
|
+
"annotator-action-close": v(() => [
|
|
351
|
+
c(e.$slots, "annotator-action-close", {}, void 0, !0)
|
|
352
|
+
]),
|
|
353
|
+
"annotator-action-color": v(({ color: n }) => [
|
|
354
|
+
c(e.$slots, "annotator-action-color", w(T({ color: n })), void 0, !0)
|
|
355
|
+
]),
|
|
356
|
+
"annotator-action-draw": v(({ mode: n }) => [
|
|
357
|
+
c(e.$slots, "annotator-action-draw", w(T({ mode: n })), void 0, !0)
|
|
358
|
+
]),
|
|
359
|
+
"annotator-action-undo": v(({ disabled: n }) => [
|
|
360
|
+
c(e.$slots, "annotator-action-undo", w(T({ disabled: n })), void 0, !0)
|
|
361
|
+
]),
|
|
362
|
+
"annotator-action-redo": v(({ disabled: n }) => [
|
|
363
|
+
c(e.$slots, "annotator-action-redo", w(T({ disabled: n })), void 0, !0)
|
|
364
|
+
]),
|
|
365
|
+
"annotator-action-delete": v(({ disabled: n }) => [
|
|
366
|
+
c(e.$slots, "annotator-action-delete", w(T({ disabled: n })), void 0, !0)
|
|
367
|
+
]),
|
|
368
|
+
_: 3
|
|
369
|
+
}, 8, ["color", "backgroundColor", "active", "svgRef", "style"])) : _("", !0),
|
|
370
|
+
(i.value.allowPrint || i.value.userOptions.show) && (i.value.userOptions.buttons.pdf || i.value.userOptions.buttons.img) ? (U(), N(ze, {
|
|
371
|
+
key: 1,
|
|
372
|
+
ref_key: "userOptionsRef",
|
|
373
|
+
ref: ne,
|
|
374
|
+
backgroundColor: i.value.style.board.backgroundColor,
|
|
375
|
+
color: i.value.style.board.color,
|
|
376
|
+
isPrinting: $(ie),
|
|
377
|
+
isImaging: $(ue),
|
|
378
|
+
uid: Y.value,
|
|
379
|
+
position: i.value.userOptions.position,
|
|
380
|
+
hasTooltip: !1,
|
|
381
|
+
hasPdf: i.value.userOptions.buttons.pdf,
|
|
382
|
+
hasImg: i.value.userOptions.buttons.img,
|
|
383
|
+
hasXls: !1,
|
|
384
|
+
hasTable: !1,
|
|
385
|
+
hasLabel: !1,
|
|
386
|
+
hasFullscreen: !1,
|
|
387
|
+
chartElement: d.value,
|
|
388
|
+
callbacks: i.value.userOptions.callbacks,
|
|
389
|
+
hasAnnotator: i.value.userOptions.buttons.annotator,
|
|
390
|
+
isAnnotation: P.value,
|
|
391
|
+
printScale: i.value.userOptions.print.scale,
|
|
392
|
+
titles: { ...i.value.userOptions.buttonTitles },
|
|
393
|
+
onGeneratePdf: $(G),
|
|
394
|
+
onGenerateImage: $(le),
|
|
395
|
+
onToggleAnnotator: x,
|
|
396
|
+
style: C({ visibility: $(Ve) ? $(Q) ? "visible" : "hidden" : "visible", zIndex: I.value.length + 1 })
|
|
397
|
+
}, Me({ _: 2 }, [
|
|
398
|
+
e.$slots.menuIcon ? {
|
|
399
|
+
name: "menuIcon",
|
|
400
|
+
fn: v(({ isOpen: n, color: a }) => [
|
|
401
|
+
c(e.$slots, "menuIcon", w(T({ isOpen: n, color: a })), void 0, !0)
|
|
402
|
+
]),
|
|
403
|
+
key: "0"
|
|
404
|
+
} : void 0,
|
|
405
|
+
e.$slots.optionPdf ? {
|
|
406
|
+
name: "optionPdf",
|
|
407
|
+
fn: v(() => [
|
|
408
|
+
c(e.$slots, "optionPdf", {}, void 0, !0)
|
|
409
|
+
]),
|
|
410
|
+
key: "1"
|
|
411
|
+
} : void 0,
|
|
412
|
+
e.$slots.optionImg ? {
|
|
413
|
+
name: "optionImg",
|
|
414
|
+
fn: v(() => [
|
|
415
|
+
c(e.$slots, "optionImg", {}, void 0, !0)
|
|
416
|
+
]),
|
|
417
|
+
key: "2"
|
|
418
|
+
} : void 0,
|
|
419
|
+
e.$slots.optionAnnotator ? {
|
|
420
|
+
name: "optionAnnotator",
|
|
421
|
+
fn: v(({ toggleAnnotator: n, isAnnotator: a }) => [
|
|
422
|
+
c(e.$slots, "optionAnnotator", w(T({ toggleAnnotator: n, isAnnotator: a })), void 0, !0)
|
|
423
|
+
]),
|
|
424
|
+
key: "3"
|
|
425
|
+
} : void 0
|
|
426
|
+
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "position", "hasPdf", "hasImg", "chartElement", "callbacks", "hasAnnotator", "isAnnotation", "printScale", "titles", "onGeneratePdf", "onGenerateImage", "style"])) : _("", !0)
|
|
427
|
+
], 40, De));
|
|
428
|
+
}
|
|
429
|
+
}, Je = /* @__PURE__ */ He(Le, [["__scopeId", "data-v-f1ae6c41"]]);
|
|
430
|
+
export {
|
|
431
|
+
Je as default
|
|
432
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref as v, computed as d, createElementBlock as i, openBlock as $, Fragment as m, createCommentVNode as o, createElementVNode as l, normalizeStyle as k, unref as C, renderList as b, createBlock as N } from "vue";
|
|
2
|
-
import { u as q, a as M } from "./useNestedProp-
|
|
2
|
+
import { u as q, a as M } from "./useNestedProp-DjGXw6S9.js";
|
|
3
3
|
import { X as S } from "./lib-C_mNZmhD.js";
|
|
4
4
|
const w = { key: 0 }, B = ["d", "fill"], F = ["d", "fill"], X = ["d", "fill"], E = ["d", "fill"], I = ["d", "fill"], O = ["d", "fill"], A = ["d", "fill"], D = { key: 1 }, G = ["cx", "cy", "fill"], V = {
|
|
5
5
|
__name: "Digit",
|