vue-data-ui 3.5.0 → 3.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -0
- package/dist/{ColorPicker-J5wOPCeB.js → ColorPicker-ChuwChMo.js} +58 -56
- package/dist/{NonSvgPenAndPaper-C7TRn0_3.js → NonSvgPenAndPaper-DVgKKLIf.js} +1 -1
- package/dist/{PackageVersion-Cyx_s25h.js → PackageVersion-Y7t79Jtq.js} +1 -1
- package/dist/PenAndPaper-SZQIAgkg.js +388 -0
- package/dist/{Title-l36lOBMx.js → Title-BzH_LEA3.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-CReNavA0.js} +23 -9
- package/dist/{vue-data-ui-DxgRqCAo.js → vue-data-ui-BRaq4hRp.js} +63 -63
- package/dist/vue-data-ui.js +64 -64
- package/dist/{vue-ui-3d-bar-DmNJp8SY.js → vue-ui-3d-bar-BB4ii8Nt.js} +454 -434
- package/dist/{vue-ui-accordion-CZ0thhxa.js → vue-ui-accordion-BmFTVF1a.js} +1 -1
- package/dist/{vue-ui-age-pyramid-CPAP3sNY.js → vue-ui-age-pyramid-8bUepd28.js} +180 -160
- package/dist/{vue-ui-annotator-BylDgUVb.js → vue-ui-annotator-CcpaXBNK.js} +3 -3
- package/dist/{vue-ui-bullet-Ce6uvCQJ.js → vue-ui-bullet-BvT4scFv.js} +190 -170
- package/dist/{vue-ui-candlestick-DewevWV_.js → vue-ui-candlestick-CMP7UL6z.js} +201 -181
- package/dist/{vue-ui-carousel-table-Dv1CDfE5.js → vue-ui-carousel-table-CzOcKsDj.js} +2 -2
- package/dist/{vue-ui-chestnut-D9sdFZ4E.js → vue-ui-chestnut-S787oASt.js} +375 -355
- package/dist/vue-ui-chord-Dl9Y4mcz.js +1153 -0
- package/dist/{vue-ui-circle-pack-Be74QB_0.js → vue-ui-circle-pack-CU09BzOV.js} +289 -269
- package/dist/{vue-ui-cursor-ik59bfC4.js → vue-ui-cursor-C3yD_TUr.js} +1 -1
- package/dist/vue-ui-dashboard-BfEcVRxQ.js +432 -0
- package/dist/{vue-ui-digits-ByNNcWXi.js → vue-ui-digits-pRh179Gg.js} +1 -1
- package/dist/{vue-ui-donut-BRGFcgxS.js → vue-ui-donut-B_tEm4dT.js} +462 -442
- package/dist/{vue-ui-donut-evolution-DJ0C-7jH.js → vue-ui-donut-evolution-DiGhMwMO.js} +293 -273
- package/dist/{vue-ui-dumbbell-iQJ0BUhm.js → vue-ui-dumbbell-BlF3CLbN.js} +210 -190
- package/dist/{vue-ui-flow-CTYFoib3.js → vue-ui-flow-BQi5L8mJ.js} +339 -319
- package/dist/{vue-ui-funnel-CG55Xcdy.js → vue-ui-funnel-CM_6Sare.js} +218 -198
- package/dist/{vue-ui-galaxy-BQrxjKZJ.js → vue-ui-galaxy-BnZA62Li.js} +201 -181
- package/dist/{vue-ui-gauge-Tc-0NI0Y.js → vue-ui-gauge-DAk72bez.js} +311 -291
- package/dist/{vue-ui-gizmo-P8h-gnLd.js → vue-ui-gizmo-BQzQlUJ8.js} +2 -2
- package/dist/{vue-ui-heatmap-BZimPzsL.js → vue-ui-heatmap-C9MhHWpp.js} +303 -283
- package/dist/{vue-ui-history-plot-BVzbuqYY.js → vue-ui-history-plot-BYQh3E8U.js} +229 -209
- package/dist/{vue-ui-kpi-BGGff8LM.js → vue-ui-kpi-jcrPjW4C.js} +2 -2
- package/dist/{vue-ui-mini-loader-CSF-7TJL.js → vue-ui-mini-loader-DTM98mRN.js} +1 -1
- package/dist/{vue-ui-molecule-BALqwB8c.js → vue-ui-molecule-Bd1OXvl3.js} +156 -136
- package/dist/{vue-ui-mood-radar-QJ5nlZby.js → vue-ui-mood-radar-DuoiTsYn.js} +266 -246
- package/dist/{vue-ui-nested-donuts-CmUabkkQ.js → vue-ui-nested-donuts-BTswQFjz.js} +506 -486
- package/dist/{vue-ui-onion-DAOCf3f8.js → vue-ui-onion-D-1U2Qgl.js} +220 -200
- package/dist/{vue-ui-parallel-coordinate-plot-D8jTuFjq.js → vue-ui-parallel-coordinate-plot-D-7VFHas.js} +235 -215
- package/dist/{vue-ui-quadrant-CO52mSRY.js → vue-ui-quadrant-CeM23s0z.js} +463 -443
- package/dist/{vue-ui-quick-chart-DEaVSldE.js → vue-ui-quick-chart-C0RMQzjC.js} +288 -268
- package/dist/{vue-ui-radar-C5V4hhbW.js → vue-ui-radar-BSfxyur3.js} +331 -311
- package/dist/{vue-ui-rating-CiMoFM_c.js → vue-ui-rating-tj97undO.js} +1 -1
- package/dist/{vue-ui-relation-circle-CbMM0Jka.js → vue-ui-relation-circle-C7uV2mIj.js} +228 -208
- package/dist/{vue-ui-ridgeline-CXCIRDq6.js → vue-ui-ridgeline-CYMfTlwI.js} +242 -222
- package/dist/{vue-ui-rings-BpUcyqo7.js → vue-ui-rings-C96aj57d.js} +189 -169
- package/dist/{vue-ui-scatter--Dxe-hfO.js → vue-ui-scatter-CtvOXUnx.js} +275 -255
- package/dist/{vue-ui-skeleton-BWq-VDzg.js → vue-ui-skeleton-87TORm6s.js} +2 -2
- package/dist/{vue-ui-smiley-sGFRbn31.js → vue-ui-smiley-B74geHT3.js} +1 -1
- package/dist/{vue-ui-spark-trend-T4J_YOa_.js → vue-ui-spark-trend-6_Ibziyv.js} +2 -2
- package/dist/{vue-ui-sparkbar-DnKP55Vu.js → vue-ui-sparkbar-BDCocMLI.js} +2 -2
- package/dist/{vue-ui-sparkgauge-BDQLP-zi.js → vue-ui-sparkgauge-CQ4Zk9-f.js} +2 -2
- package/dist/{vue-ui-sparkhistogram-Dm7QXrA-.js → vue-ui-sparkhistogram-BlTV9wfn.js} +143 -140
- package/dist/{vue-ui-sparkline-tXGDLHRy.js → vue-ui-sparkline-DWESyiqL.js} +2 -2
- package/dist/{vue-ui-sparkstackbar-M53Nt07M.js → vue-ui-sparkstackbar-DK_7X8mL.js} +2 -2
- package/dist/vue-ui-stackbar-BWuw8ff4.js +1827 -0
- package/dist/{vue-ui-strip-plot-BX9i3wMn.js → vue-ui-strip-plot-C1N2n39d.js} +245 -225
- package/dist/{vue-ui-table-7r02N9R9.js → vue-ui-table-CcuoPHgI.js} +3 -3
- package/dist/{vue-ui-table-heatmap-BqCEBoUf.js → vue-ui-table-heatmap-C9EMEM3Z.js} +1 -1
- package/dist/{vue-ui-table-sparkline-DZaAh10E.js → vue-ui-table-sparkline-BAxmZRff.js} +2 -2
- package/dist/vue-ui-thermometer-CDrM-WFq.js +584 -0
- package/dist/{vue-ui-timer-Ds-MJoW2.js → vue-ui-timer-BVsUQJz_.js} +3 -3
- package/dist/vue-ui-tiremarks-BQH2pNkG.js +450 -0
- package/dist/{vue-ui-treemap-BEvl8hiw.js → vue-ui-treemap-6WLoCHsH.js} +453 -433
- package/dist/{vue-ui-vertical-bar-D8dtM8sw.js → vue-ui-vertical-bar-B3gfBqD_.js} +323 -303
- package/dist/{vue-ui-waffle-B3q-2SCR.js → vue-ui-waffle-Bhlqo4xM.js} +219 -199
- package/dist/vue-ui-wheel-CqHw1WuW.js +663 -0
- package/dist/{vue-ui-word-cloud-ChT7uLbN.js → vue-ui-word-cloud-CKuWZGLv.js} +248 -228
- package/dist/{vue-ui-world-CdP4g_3_.js → vue-ui-world-C8KVyDim.js} +287 -267
- package/dist/{vue-ui-xy-B68qQ-gX.js → vue-ui-xy-Cz2qIEfi.js} +389 -369
- package/dist/{vue-ui-xy-canvas-DDngEA1s.js → vue-ui-xy-canvas-y4h7gEFp.js} +4 -4
- package/package.json +4 -4
- package/dist/PenAndPaper-DSvu9dwa.js +0 -373
- package/dist/vue-ui-chord-BG4dxKNA.js +0 -1133
- package/dist/vue-ui-dashboard-C4BLwHey.js +0 -412
- package/dist/vue-ui-stackbar-CkBOjryQ.js +0 -1724
- package/dist/vue-ui-thermometer-CFPt3MOv.js +0 -564
- package/dist/vue-ui-tiremarks-2eIQ6vxu.js +0 -430
- package/dist/vue-ui-wheel-BpirIgAG.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-CReNavA0.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-CReNavA0.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-BRaq4hRp.js")),
|
|
23
|
+
VueUi3dBar: t(() => import("./vue-ui-3d-bar-BB4ii8Nt.js")),
|
|
24
|
+
VueUiAccordion: t(() => import("./vue-ui-accordion-BmFTVF1a.js")),
|
|
25
|
+
VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-8bUepd28.js")),
|
|
26
|
+
VueUiAnnotator: t(() => import("./vue-ui-annotator-CcpaXBNK.js")),
|
|
27
|
+
VueUiCandlestick: t(() => import("./vue-ui-candlestick-CMP7UL6z.js")),
|
|
28
|
+
VueUiChestnut: t(() => import("./vue-ui-chestnut-S787oASt.js")),
|
|
29
|
+
VueUiDigits: t(() => import("./vue-ui-digits-pRh179Gg.js")),
|
|
30
|
+
VueUiDonut: t(() => import("./vue-ui-donut-B_tEm4dT.js")),
|
|
31
|
+
VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-DiGhMwMO.js")),
|
|
32
|
+
VueUiDumbbell: t(() => import("./vue-ui-dumbbell-BlF3CLbN.js")),
|
|
33
|
+
VueUiFlow: t(() => import("./vue-ui-flow-BQi5L8mJ.js")),
|
|
34
|
+
VueUiGalaxy: t(() => import("./vue-ui-galaxy-BnZA62Li.js")),
|
|
35
|
+
VueUiGauge: t(() => import("./vue-ui-gauge-DAk72bez.js")),
|
|
36
|
+
VueUiHeatmap: t(() => import("./vue-ui-heatmap-C9MhHWpp.js")),
|
|
37
|
+
VueUiKpi: t(() => import("./vue-ui-kpi-jcrPjW4C.js")),
|
|
38
|
+
VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-DTM98mRN.js")),
|
|
39
|
+
VueUiMolecule: t(() => import("./vue-ui-molecule-Bd1OXvl3.js")),
|
|
40
|
+
VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-DuoiTsYn.js")),
|
|
41
|
+
VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-BTswQFjz.js")),
|
|
42
|
+
VueUiOnion: t(() => import("./vue-ui-onion-D-1U2Qgl.js")),
|
|
43
|
+
VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-D-7VFHas.js")),
|
|
44
|
+
VueUiQuadrant: t(() => import("./vue-ui-quadrant-CeM23s0z.js")),
|
|
45
|
+
VueUiQuickChart: t(() => import("./vue-ui-quick-chart-C0RMQzjC.js")),
|
|
46
|
+
VueUiRadar: t(() => import("./vue-ui-radar-BSfxyur3.js")),
|
|
47
|
+
VueUiRating: t(() => import("./vue-ui-rating-tj97undO.js")),
|
|
48
|
+
VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-C7uV2mIj.js")),
|
|
49
|
+
VueUiRings: t(() => import("./vue-ui-rings-C96aj57d.js")),
|
|
50
|
+
VueUiScatter: t(() => import("./vue-ui-scatter-CtvOXUnx.js")),
|
|
51
|
+
VueUiSkeleton: t(() => import("./vue-ui-skeleton-87TORm6s.js")),
|
|
52
|
+
VueUiSmiley: t(() => import("./vue-ui-smiley-B74geHT3.js")),
|
|
53
|
+
VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-BlTV9wfn.js")),
|
|
54
|
+
VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-DK_7X8mL.js")),
|
|
55
|
+
VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-6_Ibziyv.js")),
|
|
56
|
+
VueUiSparkbar: t(() => import("./vue-ui-sparkbar-BDCocMLI.js")),
|
|
57
|
+
VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-CQ4Zk9-f.js")),
|
|
58
|
+
VueUiSparkline: t(() => import("./vue-ui-sparkline-DWESyiqL.js")),
|
|
59
|
+
VueUiStripPlot: t(() => import("./vue-ui-strip-plot-C1N2n39d.js")),
|
|
60
|
+
VueUiTable: t(() => import("./vue-ui-table-CcuoPHgI.js")),
|
|
61
|
+
VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-C9EMEM3Z.js")),
|
|
62
|
+
VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-BAxmZRff.js")),
|
|
63
|
+
VueUiThermometer: t(() => import("./vue-ui-thermometer-CDrM-WFq.js")),
|
|
64
|
+
VueUiTimer: t(() => import("./vue-ui-timer-BVsUQJz_.js")),
|
|
65
|
+
VueUiTiremarks: t(() => import("./vue-ui-tiremarks-BQH2pNkG.js")),
|
|
66
|
+
VueUiTreemap: t(() => import("./vue-ui-treemap-6WLoCHsH.js")),
|
|
67
|
+
VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-B3gfBqD_.js")),
|
|
68
|
+
VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-B3gfBqD_.js")),
|
|
69
|
+
VueUiWaffle: t(() => import("./vue-ui-waffle-Bhlqo4xM.js")),
|
|
70
|
+
VueUiWheel: t(() => import("./vue-ui-wheel-CqHw1WuW.js")),
|
|
71
|
+
VueUiWordCloud: t(() => import("./vue-ui-word-cloud-CKuWZGLv.js")),
|
|
72
|
+
VueUiXy: t(() => import("./vue-ui-xy-Cz2qIEfi.js")),
|
|
73
|
+
VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-y4h7gEFp.js")),
|
|
74
|
+
VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-CzOcKsDj.js")),
|
|
75
|
+
VueUiGizmo: t(() => import("./vue-ui-gizmo-BQzQlUJ8.js")),
|
|
76
|
+
VueUiStackbar: t(() => import("./vue-ui-stackbar-BWuw8ff4.js")),
|
|
77
|
+
VueUiBullet: t(() => import("./vue-ui-bullet-BvT4scFv.js")),
|
|
78
|
+
VueUiFunnel: t(() => import("./vue-ui-funnel-CM_6Sare.js")),
|
|
79
|
+
VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-BYQh3E8U.js")),
|
|
80
|
+
VueUiCirclePack: t(() => import("./vue-ui-circle-pack-CU09BzOV.js")),
|
|
81
|
+
VueUiWorld: t(() => import("./vue-ui-world-C8KVyDim.js")),
|
|
82
|
+
VueUiChord: t(() => import("./vue-ui-chord-Dl9Y4mcz.js")),
|
|
83
|
+
VueUiRidgeline: t(() => import("./vue-ui-ridgeline-CYMfTlwI.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-CReNavA0.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",
|