vue-data-ui 2.12.6 → 2.12.7-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Arrow-Bd9ZVBnX.js → Arrow-CmqjRRUl.js} +1 -1
- package/dist/BaseDraggableDialog-BMlyvt7E.js +180 -0
- package/dist/{BaseIcon-CNbwMh_-.js → BaseIcon-CZdMutjs.js} +1 -1
- package/dist/{ColorPicker-B_FoQwtO.js → ColorPicker-DvVKgyAl.js} +23 -24
- package/dist/{DataTable-Rajdtaf6.js → DataTable-Cv9CIz-a.js} +11 -11
- package/dist/{Legend-BxtDQCIv.js → Legend-DFunFf8i.js} +8 -8
- package/dist/NonSvgPenAndPaper-pVuHj6_A.js +467 -0
- package/dist/PackageVersion-CLY-udAA.js +10 -0
- package/dist/{PenAndPaper-BkP3J-Ft.js → PenAndPaper-B9na2mbr.js} +8 -10
- package/dist/RecursiveCircles-Dn3TGoL6.js +96 -0
- package/dist/RecursiveLabels-NTMB9w5C.js +49 -0
- package/dist/RecursiveLinks-ld_gDZH4.js +64 -0
- package/dist/{Shape-C69a0f29.js → Shape-D3w9qas1.js} +2 -2
- package/dist/{Slicer-7qFdY-bT.js → Slicer-ncY8krrM.js} +2 -2
- package/dist/SparkTooltip-CwThutH2.js +68 -0
- package/dist/{Title-CzaCeCOm.js → Title-B5qqUI3M.js} +2 -2
- package/dist/Tooltip-C9rxJ-Ru.js +149 -0
- package/dist/{usePrinter-C5bLp34h.js → UserOptions-Ddy6CuLC.js} +172 -231
- package/dist/{dom-to-png-Bm0D0yPL.js → dom-to-png-DDlooC9r.js} +1 -1
- package/dist/{img-BN9AzqUr.js → img-m9g7lR5d.js} +1 -1
- package/dist/{index-BFzQMJda.js → index-BiHmNd1-.js} +21 -21
- package/dist/{pdf-uTbs813M.js → pdf-BqM953uL.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/useChartAccessibility-9icAAmYg.js +12 -0
- package/dist/useMouse-AicQS8Vf.js +13 -0
- package/dist/{useNestedProp-v7KPpwuP.js → useNestedProp-tRqS0ZAM.js} +1 -1
- package/dist/{usePanZoom-CUkkqW81.js → usePanZoom-BQMvRXEQ.js} +16 -17
- package/dist/usePrinter-CRCbl1WG.js +53 -0
- package/dist/vClickOutside-C6WiFswA.js +13 -0
- package/dist/{vue-data-ui-D1k8FeRp.js → vue-data-ui-D9uTDt73.js} +63 -63
- package/dist/vue-data-ui.js +19 -19
- package/dist/{vue-ui-3d-bar-DoklA4DT.js → vue-ui-3d-bar-rtuSc8FS.js} +397 -402
- package/dist/{vue-ui-accordion-BUz4JIIX.js → vue-ui-accordion-CmCs2yR2.js} +3 -3
- package/dist/{vue-ui-age-pyramid-4kyBq-Dy.js → vue-ui-age-pyramid-BrzMSiyu.js} +215 -218
- package/dist/{vue-ui-annotator-Bq1ZeFfb.js → vue-ui-annotator-CYxmTpf6.js} +2 -2
- package/dist/{vue-ui-bullet-DU10avvA.js → vue-ui-bullet-D25qNQfb.js} +137 -140
- package/dist/{vue-ui-candlestick-BI1t3flz.js → vue-ui-candlestick-BuerNa-r.js} +265 -271
- package/dist/{vue-ui-carousel-table-VowLf_oc.js → vue-ui-carousel-table-aN0HLsOO.js} +137 -137
- package/dist/{vue-ui-chestnut-BHjV3d94.js → vue-ui-chestnut-oUj2ocsZ.js} +397 -400
- package/dist/{vue-ui-chord-CPr7r-2_.js → vue-ui-chord-C4evlXYB.js} +356 -365
- package/dist/vue-ui-circle-pack-CWrNiKTY.js +656 -0
- package/dist/{vue-ui-cursor-C9teAbVI.js → vue-ui-cursor-DgpSttlt.js} +2 -2
- package/dist/{vue-ui-dashboard-CwDYB8tP.js → vue-ui-dashboard-BN2ha1Eh.js} +62 -62
- package/dist/{vue-ui-digits-CHmkL0hn.js → vue-ui-digits-BhjAxXgm.js} +2 -2
- package/dist/vue-ui-donut-D3_z61HI.js +1291 -0
- package/dist/vue-ui-donut-evolution-oKtmZPx4.js +864 -0
- package/dist/{vue-ui-dumbbell-DTKLLd1N.js → vue-ui-dumbbell-C8Lokx-F.js} +265 -270
- package/dist/{vue-ui-flow-BLBhsU2n.js → vue-ui-flow-BVRkH0PS.js} +291 -300
- package/dist/{vue-ui-funnel-CIrWdeBk.js → vue-ui-funnel-DFxcmAB5.js} +216 -219
- package/dist/{vue-ui-galaxy-ByhKyIV4.js → vue-ui-galaxy-CGE0hlBC.js} +227 -235
- package/dist/{vue-ui-gauge-BbfBMpng.js → vue-ui-gauge-B48eMvOR.js} +240 -243
- package/dist/{vue-ui-gizmo-BM-_QfHM.js → vue-ui-gizmo-zTKNpjvv.js} +57 -58
- package/dist/{vue-ui-heatmap-BA4z4hsw.js → vue-ui-heatmap-UNfTt8SM.js} +239 -242
- package/dist/{vue-ui-history-plot-8vM_IUy8.js → vue-ui-history-plot-CbCWmvtg.js} +257 -262
- package/dist/{vue-ui-kpi-D57QLK6A.js → vue-ui-kpi-Drf_lrlh.js} +29 -30
- package/dist/{vue-ui-mini-loader-CR4c-xJQ.js → vue-ui-mini-loader-DU3G6BVs.js} +2 -2
- package/dist/vue-ui-molecule-B5MOXYEA.js +580 -0
- package/dist/{vue-ui-mood-radar-Brc9cxoD.js → vue-ui-mood-radar-CC_CVLvn.js} +180 -186
- package/dist/{vue-ui-nested-donuts-W3Z5F--L.js → vue-ui-nested-donuts-D_H962kk.js} +366 -374
- package/dist/{vue-ui-onion-BNBlGNlF.js → vue-ui-onion-P8k6T724.js} +252 -258
- package/dist/{vue-ui-parallel-coordinate-plot-B5G3jyvg.js → vue-ui-parallel-coordinate-plot-B5Los0vX.js} +296 -303
- package/dist/{vue-ui-quadrant-CUy9mVIA.js → vue-ui-quadrant-B3wzCTxK.js} +402 -409
- package/dist/{vue-ui-quick-chart-D4_8mRXU.js → vue-ui-quick-chart-oucj6hXk.js} +611 -616
- package/dist/{vue-ui-radar-BUk56jGL.js → vue-ui-radar-Cjqlyu6d.js} +270 -277
- package/dist/{vue-ui-rating-B9TQl5KP.js → vue-ui-rating-gryk_h_6.js} +2 -2
- package/dist/vue-ui-relation-circle-ielvWC-1.js +525 -0
- package/dist/{vue-ui-ridgeline-Cl06bGom.js → vue-ui-ridgeline-Dydqo68b.js} +321 -326
- package/dist/{vue-ui-rings-B6bpFlFp.js → vue-ui-rings-BRBXektJ.js} +262 -269
- package/dist/{vue-ui-scatter--WUuVw5G.js → vue-ui-scatter-Df-BM7Ts.js} +372 -379
- package/dist/{vue-ui-skeleton-B_YI7Yuc.js → vue-ui-skeleton-CbYQYRvD.js} +19 -19
- package/dist/{vue-ui-smiley-Bbam2fDz.js → vue-ui-smiley-BfHaQMaW.js} +2 -2
- package/dist/{vue-ui-spark-trend-DavXuwGt.js → vue-ui-spark-trend-z3fUChs_.js} +114 -117
- package/dist/{vue-ui-sparkbar-9N1FU9-J.js → vue-ui-sparkbar-ChtFIugH.js} +104 -106
- package/dist/{vue-ui-sparkgauge-_9ntq4EK.js → vue-ui-sparkgauge-DtpODCww.js} +72 -74
- package/dist/{vue-ui-sparkhistogram-BEzOV4HV.js → vue-ui-sparkhistogram-C3XnYiXI.js} +83 -86
- package/dist/vue-ui-sparkline-CoL8jiX8.js +459 -0
- package/dist/{vue-ui-sparkstackbar-BSWcs3v0.js → vue-ui-sparkstackbar-CYk3mZJH.js} +102 -105
- package/dist/{vue-ui-stackbar-gG5BLlAr.js → vue-ui-stackbar-D9LGbuG5.js} +433 -437
- package/dist/{vue-ui-strip-plot-BJouRmxh.js → vue-ui-strip-plot-C5r1Ee2R.js} +245 -252
- package/dist/{vue-ui-table-D9Ry8s4N.js → vue-ui-table-DBaT_TfA.js} +3 -3
- package/dist/{vue-ui-table-heatmap-Bizzpi31.js → vue-ui-table-heatmap-CYW4YfKN.js} +93 -94
- package/dist/{vue-ui-table-sparkline-Dg54Ovs2.js → vue-ui-table-sparkline-Di0MYR4p.js} +212 -212
- package/dist/{vue-ui-thermometer-6MSdF_Gm.js → vue-ui-thermometer-BF1btHY2.js} +154 -157
- package/dist/{vue-ui-timer-ByaKokk8.js → vue-ui-timer-D9FfRWN5.js} +180 -181
- package/dist/vue-ui-tiremarks-CQ0lk8fJ.js +341 -0
- package/dist/vue-ui-treemap-1Lx7YRtc.js +947 -0
- package/dist/{vue-ui-vertical-bar-CE4oBwBv.js → vue-ui-vertical-bar-DdVVQ1ED.js} +397 -403
- package/dist/{vue-ui-waffle-DNEEnY_G.js → vue-ui-waffle-BhnuPiRD.js} +317 -324
- package/dist/vue-ui-wheel-BIjJ0fg8.js +335 -0
- package/dist/vue-ui-word-cloud-3-r8HwO_.js +642 -0
- package/dist/{vue-ui-world-Brhq17TE.js → vue-ui-world-CPIGEswq.js} +430 -442
- package/dist/{vue-ui-xy-K2G7QQxG.js → vue-ui-xy-9e_epIN4.js} +845 -846
- package/dist/vue-ui-xy-canvas-DcGgQ7s4.js +1206 -0
- package/package.json +6 -6
- package/dist/BaseDraggableDialog-Bzwlfmy1.js +0 -186
- package/dist/PackageVersion-BjrblLPQ.js +0 -10
- package/dist/Tooltip-CWmRmhJr.js +0 -158
- package/dist/useChartAccessibility-BWojgys7.js +0 -13
- package/dist/vue-ui-circle-pack-D_jYpsuD.js +0 -659
- package/dist/vue-ui-donut-WRUDvvZa.js +0 -1292
- package/dist/vue-ui-donut-evolution-BQxV5D_L.js +0 -871
- package/dist/vue-ui-molecule-Bq69N7rC.js +0 -782
- package/dist/vue-ui-relation-circle-T6aTibIU.js +0 -528
- package/dist/vue-ui-sparkline-D__GCUAz.js +0 -519
- package/dist/vue-ui-tiremarks-Z8pjUT1g.js +0 -344
- package/dist/vue-ui-treemap-pRJ3be5l.js +0 -956
- package/dist/vue-ui-wheel-DWPYZxdT.js +0 -338
- package/dist/vue-ui-word-cloud-DAR7R8F8.js +0 -648
- package/dist/vue-ui-xy-canvas-ml44sPHS.js +0 -1673
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
import { ref as n, useSlots as
|
|
2
|
-
import { u as
|
|
3
|
-
import { u as
|
|
4
|
-
import { u as
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
|
|
1
|
+
import { defineAsyncComponent as ce, ref as n, useSlots as ze, onMounted as A, computed as P, watch as H, onBeforeUnmount as G, shallowRef as Se, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as N, createBlock as he, createCommentVNode as R, normalizeClass as Ee, normalizeStyle as f, createTextVNode as D, renderSlot as p, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as w, normalizeProps as ge, guardReactiveProps as be } from "vue";
|
|
2
|
+
import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-BiHmNd1-.js";
|
|
3
|
+
import { u as Le } from "./useNestedProp-tRqS0ZAM.js";
|
|
4
|
+
import { u as Ge } from "./usePrinter-CRCbl1WG.js";
|
|
5
|
+
import { u as De } from "./useUserOptionState-BIvW1Kz7.js";
|
|
6
|
+
import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
7
|
+
const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
|
|
9
8
|
key: 2,
|
|
10
9
|
ref: "source",
|
|
11
10
|
dir: "auto"
|
|
12
|
-
},
|
|
11
|
+
}, We = {
|
|
13
12
|
__name: "vue-ui-carousel-table",
|
|
14
13
|
props: {
|
|
15
14
|
config: {
|
|
@@ -25,123 +24,123 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
|
|
|
25
24
|
}
|
|
26
25
|
}
|
|
27
26
|
},
|
|
28
|
-
setup(T, { expose:
|
|
29
|
-
const { vue_ui_carousel_table:
|
|
27
|
+
setup(T, { expose: ye }) {
|
|
28
|
+
const Ce = ce(() => import("./vue-ui-skeleton-CbYQYRvD.js")), $e = ce(() => import("./UserOptions-Ddy6CuLC.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, U = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = ze();
|
|
30
29
|
A(() => {
|
|
31
|
-
|
|
30
|
+
Y();
|
|
32
31
|
}), A(() => {
|
|
33
|
-
|
|
32
|
+
ke["chart-background"] && console.warn("VueUiCarouselTable does not support the #chart-background slot.");
|
|
34
33
|
});
|
|
35
|
-
function
|
|
36
|
-
|
|
34
|
+
function Y() {
|
|
35
|
+
K(i.dataset) ? Q({
|
|
37
36
|
componentName: "VueUiCarouselTable",
|
|
38
37
|
type: "dataset"
|
|
39
|
-
}) : ((!i.dataset.head ||
|
|
38
|
+
}) : ((!i.dataset.head || K(i.dataset.head)) && (Q({
|
|
40
39
|
componentName: "VueUiCarouselTable",
|
|
41
40
|
type: "datasetAttribute",
|
|
42
41
|
property: "head"
|
|
43
|
-
}), O.value = !1), (!i.dataset.body ||
|
|
42
|
+
}), O.value = !1), (!i.dataset.body || K(i.dataset.body)) && (Q({
|
|
44
43
|
componentName: "VueUiCarouselTable",
|
|
45
44
|
type: "datasetAttribute",
|
|
46
45
|
property: "body"
|
|
47
46
|
}), O.value = !1));
|
|
48
47
|
}
|
|
49
48
|
const e = P({
|
|
50
|
-
get: () =>
|
|
49
|
+
get: () => ee(),
|
|
51
50
|
set: (t) => t
|
|
52
|
-
}), { userOptionsVisible:
|
|
53
|
-
function
|
|
54
|
-
return
|
|
51
|
+
}), { userOptionsVisible: V, setUserOptionsVisibility: Z, keepUserOptionState: _ } = De({ config: e.value });
|
|
52
|
+
function ee() {
|
|
53
|
+
return Le({
|
|
55
54
|
userConfig: i.config,
|
|
56
|
-
defaultConfig:
|
|
55
|
+
defaultConfig: Te
|
|
57
56
|
});
|
|
58
57
|
}
|
|
59
|
-
|
|
60
|
-
e.value =
|
|
61
|
-
}, { deep: !0 }),
|
|
62
|
-
|
|
58
|
+
H(() => i.config, (t) => {
|
|
59
|
+
e.value = ee(), V.value = !e.value.userOptions.showOnChartHover, Y();
|
|
60
|
+
}, { deep: !0 }), H(() => i.dataset, (t) => {
|
|
61
|
+
M();
|
|
63
62
|
}, { deep: !0 });
|
|
64
|
-
const { isPrinting:
|
|
65
|
-
elementId: `carousel-table_${
|
|
63
|
+
const { isPrinting: te, isImaging: ae, generatePdf: Ae, generateImage: oe } = Ge({
|
|
64
|
+
elementId: `carousel-table_${U.value}`,
|
|
66
65
|
fileName: e.value.caption.text || "vue-ui-carousel-table",
|
|
67
66
|
options: e.value.userOptions.print
|
|
68
67
|
}), h = n({
|
|
69
68
|
showAnimation: e.value.animation.use
|
|
70
|
-
}), l = n(null),
|
|
71
|
-
function
|
|
69
|
+
}), l = n(null), ne = n(null), x = n(null), I = n(null), F = n(0), z = n(0), S = n(!1), B = n(null), b = n(null), k = n(0);
|
|
70
|
+
function M() {
|
|
72
71
|
B.value && (b.value = {
|
|
73
72
|
elements: B.value.getElementsByTagName("tr"),
|
|
74
73
|
heights: Array.from(B.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
|
|
75
74
|
});
|
|
76
75
|
}
|
|
77
|
-
A(
|
|
78
|
-
const
|
|
76
|
+
A(M);
|
|
77
|
+
const we = P(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + z.value), Oe = P(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), xe = P(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * Oe.value + F.value + z.value), c = n(0), y = n(null), d = n(0), C = n(!1), le = n(0);
|
|
79
78
|
A(() => {
|
|
80
|
-
x.value && (F.value = x.value.getBoundingClientRect().height), I.value && (z.value = I.value.getBoundingClientRect().height), h.value.showAnimation && b.value &&
|
|
79
|
+
x.value && (F.value = x.value.getBoundingClientRect().height), I.value && (z.value = I.value.getBoundingClientRect().height), h.value.showAnimation && b.value && ie();
|
|
81
80
|
}), A(() => {
|
|
82
81
|
if (l.value) {
|
|
83
|
-
let
|
|
82
|
+
let o = function() {
|
|
84
83
|
const s = t.getBoundingClientRect().bottom;
|
|
85
|
-
|
|
84
|
+
a.forEach((g) => {
|
|
86
85
|
g.getBoundingClientRect().top < s ? g.style.visibility = "hidden" : g.style.visibility = "visible";
|
|
87
86
|
});
|
|
88
87
|
};
|
|
89
|
-
const t = l.value.querySelector("thead"),
|
|
90
|
-
l.value.addEventListener("scroll",
|
|
91
|
-
l.value.removeEventListener("scroll",
|
|
88
|
+
const t = l.value.querySelector("thead"), a = Array.from(B.value.querySelectorAll("tr"));
|
|
89
|
+
l.value.addEventListener("scroll", o), o(), G(() => {
|
|
90
|
+
l.value.removeEventListener("scroll", o);
|
|
92
91
|
});
|
|
93
92
|
}
|
|
94
93
|
});
|
|
95
|
-
function
|
|
96
|
-
|
|
94
|
+
function Ie(t) {
|
|
95
|
+
W.value = t, le.value += 1;
|
|
97
96
|
}
|
|
98
|
-
function
|
|
99
|
-
!y.value && !C.value && (e.value.animation.type === "scroll" ? y.value = requestAnimationFrame(
|
|
97
|
+
function ie() {
|
|
98
|
+
!y.value && !C.value && (e.value.animation.type === "scroll" ? y.value = requestAnimationFrame(se) : y.value = requestAnimationFrame(ue));
|
|
100
99
|
}
|
|
101
|
-
function
|
|
100
|
+
function Fe() {
|
|
102
101
|
if (!l.value) return !1;
|
|
103
|
-
const { scrollTop: t, scrollHeight:
|
|
104
|
-
return t +
|
|
102
|
+
const { scrollTop: t, scrollHeight: a, clientHeight: o } = l.value;
|
|
103
|
+
return t + o >= a;
|
|
105
104
|
}
|
|
106
|
-
function
|
|
105
|
+
function se(t) {
|
|
107
106
|
if (C.value) return;
|
|
108
|
-
d.value || (d.value = t), t - d.value >= e.value.animation.speedMs && (c.value += b.value.heights[k.value], (
|
|
107
|
+
d.value || (d.value = t), t - d.value >= e.value.animation.speedMs && (c.value += b.value.heights[k.value], (Fe() || k.value >= b.value.heights.length) && (c.value = 0, k.value = -1), k.value += 1, l.value && l.value.scrollTo({
|
|
109
108
|
top: c.value,
|
|
110
109
|
behavior: "smooth"
|
|
111
|
-
}), d.value = t), y.value = requestAnimationFrame(
|
|
110
|
+
}), d.value = t), y.value = requestAnimationFrame(se);
|
|
112
111
|
}
|
|
113
|
-
function
|
|
112
|
+
function ue(t) {
|
|
114
113
|
if (C.value) return;
|
|
115
114
|
d.value || (d.value = t);
|
|
116
|
-
const
|
|
117
|
-
|
|
115
|
+
const a = t - d.value, o = e.value.animation.speedMs / 4 / 1e3;
|
|
116
|
+
a >= o && (c.value += o, c.value >= l.value.scrollHeight - l.value.clientHeight && (c.value = 0), l.value && l.value.scrollTo({
|
|
118
117
|
top: c.value,
|
|
119
118
|
behavior: "auto"
|
|
120
|
-
}), d.value = t), y.value = requestAnimationFrame(
|
|
119
|
+
}), d.value = t), y.value = requestAnimationFrame(ue);
|
|
121
120
|
}
|
|
122
121
|
function m() {
|
|
123
122
|
C.value = !0, cancelAnimationFrame(y.value), y.value = null;
|
|
124
123
|
}
|
|
125
|
-
|
|
124
|
+
G(m);
|
|
126
125
|
function $() {
|
|
127
|
-
!C.value || !h.value.showAnimation || (C.value = !1, d.value = 0,
|
|
126
|
+
!C.value || !h.value.showAnimation || (C.value = !1, d.value = 0, ie());
|
|
128
127
|
}
|
|
129
|
-
function
|
|
128
|
+
function Be() {
|
|
130
129
|
e.value.animation.pauseOnHover && m();
|
|
131
130
|
}
|
|
132
|
-
const
|
|
133
|
-
function
|
|
134
|
-
m(), clearTimeout(
|
|
131
|
+
const q = n(null);
|
|
132
|
+
function Pe() {
|
|
133
|
+
m(), clearTimeout(q.value);
|
|
135
134
|
}
|
|
136
|
-
function
|
|
137
|
-
clearTimeout(
|
|
135
|
+
function re() {
|
|
136
|
+
clearTimeout(q.value), q.value = setTimeout($, 1e3);
|
|
138
137
|
}
|
|
139
|
-
|
|
138
|
+
H(
|
|
140
139
|
() => e.value.animation.use,
|
|
141
140
|
(t) => {
|
|
142
141
|
t ? (h.value.showAnimation = !0, $()) : (h.value.showAnimation = !1, m());
|
|
143
142
|
}
|
|
144
|
-
),
|
|
143
|
+
), H(
|
|
145
144
|
() => e.value.animation.type,
|
|
146
145
|
(t) => {
|
|
147
146
|
m(), c.value = 0, k.value = 0, l.value.scrollTo({
|
|
@@ -150,71 +149,72 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
|
|
|
150
149
|
}), $();
|
|
151
150
|
}
|
|
152
151
|
);
|
|
153
|
-
const
|
|
152
|
+
const Re = P(() => e.value.responsiveBreakpoint), E = Se(null);
|
|
154
153
|
A(() => {
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
S.value = a.contentRect.width <
|
|
158
|
-
}), F.value = x.value ? x.value.getBoundingClientRect().height : 0, z.value = I.value ? I.value.getBoundingClientRect().height : 0, k.value = 0,
|
|
159
|
-
m(), d.value = 0, c.value = 0,
|
|
154
|
+
E.value = new ResizeObserver((t) => {
|
|
155
|
+
t.forEach((a) => {
|
|
156
|
+
S.value = a.contentRect.width < Re.value;
|
|
157
|
+
}), F.value = x.value ? x.value.getBoundingClientRect().height : 0, z.value = I.value ? I.value.getBoundingClientRect().height : 0, k.value = 0, fe(() => {
|
|
158
|
+
m(), d.value = 0, c.value = 0, M(), $();
|
|
160
159
|
});
|
|
161
|
-
});
|
|
162
|
-
|
|
160
|
+
}), l.value && E.value.observe(l.value);
|
|
161
|
+
}), G(() => {
|
|
162
|
+
E.value && E.value.disconnect();
|
|
163
163
|
});
|
|
164
|
-
function
|
|
165
|
-
|
|
164
|
+
function de() {
|
|
165
|
+
Ae();
|
|
166
166
|
}
|
|
167
|
-
function
|
|
167
|
+
function ve() {
|
|
168
168
|
h.value.showAnimation = !h.value.showAnimation, h.value.showAnimation ? $() : m();
|
|
169
169
|
}
|
|
170
|
-
function
|
|
171
|
-
|
|
170
|
+
function pe() {
|
|
171
|
+
fe(() => {
|
|
172
172
|
const t = i.dataset.head.map((s, g) => [
|
|
173
173
|
[i.dataset.body[g]]
|
|
174
|
-
]),
|
|
174
|
+
]), a = [
|
|
175
175
|
[e.value.caption.text],
|
|
176
176
|
[i.dataset.head.map((s) => [s])]
|
|
177
|
-
].concat(t),
|
|
178
|
-
|
|
179
|
-
csvContent:
|
|
177
|
+
].concat(t), o = Me(a);
|
|
178
|
+
qe({
|
|
179
|
+
csvContent: o,
|
|
180
180
|
title: e.value.caption.text || "vue-ui-carousel-table"
|
|
181
181
|
});
|
|
182
182
|
});
|
|
183
183
|
}
|
|
184
|
-
return
|
|
184
|
+
return ye({
|
|
185
185
|
pauseAnimation: m,
|
|
186
186
|
resumeAnimation: $,
|
|
187
|
-
toggleAnimation:
|
|
188
|
-
generateCsv:
|
|
189
|
-
generatePdf:
|
|
190
|
-
generateImage:
|
|
191
|
-
}), (t,
|
|
187
|
+
toggleAnimation: ve,
|
|
188
|
+
generateCsv: pe,
|
|
189
|
+
generatePdf: de,
|
|
190
|
+
generateImage: oe
|
|
191
|
+
}), (t, a) => (r(), v("div", {
|
|
192
192
|
class: "vue-ui-carousel-table",
|
|
193
193
|
style: { position: "relative", overflow: "visible" },
|
|
194
194
|
ref_key: "chartContainer",
|
|
195
|
-
ref:
|
|
196
|
-
onMouseenter:
|
|
197
|
-
onMouseleave:
|
|
195
|
+
ref: ne,
|
|
196
|
+
onMouseenter: a[5] || (a[5] = () => u(Z)(!0)),
|
|
197
|
+
onMouseleave: a[6] || (a[6] = () => u(Z)(!1))
|
|
198
198
|
}, [
|
|
199
|
-
|
|
199
|
+
N("div", {
|
|
200
200
|
ref_key: "tableContainer",
|
|
201
201
|
ref: l,
|
|
202
|
-
id: `carousel-table_${
|
|
202
|
+
id: `carousel-table_${U.value}`,
|
|
203
203
|
style: f({
|
|
204
|
-
height:
|
|
204
|
+
height: u(te) || u(ae) ? "auto" : `${Math.max(xe.value, we.value)}px`,
|
|
205
205
|
containerType: "inline-size",
|
|
206
206
|
position: "relative",
|
|
207
207
|
overflow: "auto",
|
|
208
208
|
fontFamily: e.value.fontFamily
|
|
209
209
|
}),
|
|
210
|
-
class:
|
|
211
|
-
onMouseover:
|
|
212
|
-
onMouseleave:
|
|
213
|
-
onTouchstart:
|
|
214
|
-
onTouchend:
|
|
215
|
-
onTouchcancel:
|
|
210
|
+
class: Ee({ "vue-ui-responsive": S.value, "is-playing": e.value.scrollbar.hide || !C.value && e.value.scrollbar.showOnlyOnHover }),
|
|
211
|
+
onMouseover: a[0] || (a[0] = (o) => Be()),
|
|
212
|
+
onMouseleave: a[1] || (a[1] = (o) => $()),
|
|
213
|
+
onTouchstart: a[2] || (a[2] = (o) => Pe()),
|
|
214
|
+
onTouchend: a[3] || (a[3] = (o) => re()),
|
|
215
|
+
onTouchcancel: a[4] || (a[4] = (o) => re())
|
|
216
216
|
}, [
|
|
217
|
-
O.value ? (
|
|
217
|
+
O.value ? (r(), v("table", {
|
|
218
218
|
key: 0,
|
|
219
219
|
class: "vue-data-ui-carousel-table",
|
|
220
220
|
style: f({
|
|
@@ -225,7 +225,7 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
|
|
|
225
225
|
backgroundColor: e.value.tbody.backgroundColor
|
|
226
226
|
})
|
|
227
227
|
}, [
|
|
228
|
-
|
|
228
|
+
N("caption", {
|
|
229
229
|
ref_key: "caption",
|
|
230
230
|
ref: x,
|
|
231
231
|
class: "vue-data-ui-carousel-table-caption",
|
|
@@ -244,13 +244,13 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
|
|
|
244
244
|
display: t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? "" : "none"
|
|
245
245
|
})
|
|
246
246
|
}, [
|
|
247
|
-
|
|
247
|
+
D(X(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
|
|
248
248
|
p(t.$slots, "caption", {}, void 0, !0)
|
|
249
249
|
], 4),
|
|
250
|
-
|
|
250
|
+
N("thead", {
|
|
251
251
|
style: f({ ...e.value.thead.style, position: "sticky", top: `${t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? F.value : 0}px`, zIndex: 1 })
|
|
252
252
|
}, [
|
|
253
|
-
|
|
253
|
+
N("tr", {
|
|
254
254
|
ref_key: "tableRow",
|
|
255
255
|
ref: I,
|
|
256
256
|
role: "row",
|
|
@@ -261,7 +261,7 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
|
|
|
261
261
|
}),
|
|
262
262
|
height: `${e.value.thead.tr.height}px`
|
|
263
263
|
}, [
|
|
264
|
-
(
|
|
264
|
+
(r(!0), v(j, null, J(T.dataset.head, (o, s) => (r(), v("th", {
|
|
265
265
|
role: "cell",
|
|
266
266
|
key: `th_${s}`,
|
|
267
267
|
style: f({
|
|
@@ -273,12 +273,12 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
|
|
|
273
273
|
paddingLeft: e.value.thead.tr.th.padding.left + "px"
|
|
274
274
|
})
|
|
275
275
|
}, [
|
|
276
|
-
|
|
277
|
-
p(t.$slots, "th",
|
|
276
|
+
D(X(t.$slots.th ? "" : o) + " ", 1),
|
|
277
|
+
p(t.$slots, "th", me({ ref_for: !0 }, { th: o, colIndex: s }), void 0, !0)
|
|
278
278
|
], 4))), 128))
|
|
279
|
-
], 12,
|
|
279
|
+
], 12, Je)
|
|
280
280
|
], 4),
|
|
281
|
-
T.dataset.body && T.dataset.head ? (
|
|
281
|
+
T.dataset.body && T.dataset.head ? (r(), v("tbody", {
|
|
282
282
|
key: 0,
|
|
283
283
|
ref_key: "tbody",
|
|
284
284
|
ref: B,
|
|
@@ -286,20 +286,20 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
|
|
|
286
286
|
clipPath: "inset(0,0,0,0)"
|
|
287
287
|
}
|
|
288
288
|
}, [
|
|
289
|
-
(
|
|
289
|
+
(r(!0), v(j, null, J(T.dataset.body, (o, s) => (r(), v("tr", {
|
|
290
290
|
style: f({
|
|
291
291
|
...e.value.tbody.tr.style,
|
|
292
292
|
border: `${e.value.tbody.tr.border.size}px solid ${e.value.tbody.tr.border.color}`,
|
|
293
293
|
verticalAlign: "middle"
|
|
294
294
|
})
|
|
295
295
|
}, [
|
|
296
|
-
(
|
|
296
|
+
(r(!0), v(j, null, J(o, (g, L) => (r(), v("td", {
|
|
297
297
|
role: "cell",
|
|
298
|
-
"data-cell": T.dataset.head[
|
|
298
|
+
"data-cell": T.dataset.head[L] || "",
|
|
299
299
|
style: f({
|
|
300
300
|
...e.value.tbody.tr.td.style,
|
|
301
301
|
border: `${e.value.tbody.tr.td.border.size}px solid ${e.value.tbody.tr.td.border.color}`,
|
|
302
|
-
backgroundColor:
|
|
302
|
+
backgroundColor: u(Ve)(e.value.tbody.tr.td.style.backgroundColor, s % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100),
|
|
303
303
|
paddingTop: e.value.tbody.tr.td.padding.top + "px",
|
|
304
304
|
paddingRight: e.value.tbody.tr.td.padding.right + "px",
|
|
305
305
|
paddingBottom: e.value.tbody.tr.td.padding.bottom + "px",
|
|
@@ -308,27 +308,27 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
|
|
|
308
308
|
}),
|
|
309
309
|
height: `${e.value.tbody.tr.height}px`
|
|
310
310
|
}, [
|
|
311
|
-
|
|
312
|
-
p(t.$slots, "td",
|
|
313
|
-
], 12,
|
|
311
|
+
D(X(t.$slots.td ? "" : g) + " ", 1),
|
|
312
|
+
p(t.$slots, "td", me({ ref_for: !0 }, { td: g, rowIndex: s, colIndex: L }), void 0, !0)
|
|
313
|
+
], 12, Ke))), 256))
|
|
314
314
|
], 4))), 256))
|
|
315
315
|
], 512)) : R("", !0)
|
|
316
316
|
], 4)) : R("", !0)
|
|
317
|
-
], 46,
|
|
318
|
-
O.value ? R("", !0) : (
|
|
317
|
+
], 46, je),
|
|
318
|
+
O.value ? R("", !0) : (r(), he(u(Ce), {
|
|
319
319
|
key: 0,
|
|
320
320
|
config: {
|
|
321
321
|
type: "table"
|
|
322
322
|
}
|
|
323
323
|
})),
|
|
324
|
-
e.value.userOptions.show && O.value && (
|
|
324
|
+
e.value.userOptions.show && O.value && (u(_) || u(V)) ? (r(), he(u($e), {
|
|
325
325
|
ref: "details",
|
|
326
|
-
key: `user_option_${
|
|
326
|
+
key: `user_option_${le.value}`,
|
|
327
327
|
backgroundColor: e.value.style.backgroundColor,
|
|
328
328
|
color: e.value.style.color,
|
|
329
|
-
isPrinting:
|
|
330
|
-
isImaging:
|
|
331
|
-
uid:
|
|
329
|
+
isPrinting: u(te),
|
|
330
|
+
isImaging: u(ae),
|
|
331
|
+
uid: U.value,
|
|
332
332
|
hasTooltip: !1,
|
|
333
333
|
hasPdf: e.value.userOptions.buttons.pdf,
|
|
334
334
|
hasImg: e.value.userOptions.buttons.img,
|
|
@@ -338,25 +338,25 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
|
|
|
338
338
|
hasAnimation: e.value.userOptions.buttons.animation,
|
|
339
339
|
isAnimation: !h.value.showAnimation,
|
|
340
340
|
hasFullscreen: e.value.userOptions.buttons.fullscreen,
|
|
341
|
-
isFullscreen:
|
|
342
|
-
chartElement:
|
|
341
|
+
isFullscreen: W.value,
|
|
342
|
+
chartElement: ne.value,
|
|
343
343
|
position: e.value.userOptions.position,
|
|
344
344
|
titles: { ...e.value.userOptions.buttonTitles },
|
|
345
345
|
zIndex: 3,
|
|
346
346
|
offsetX: 12,
|
|
347
|
-
onGeneratePdf:
|
|
348
|
-
onGenerateCsv:
|
|
349
|
-
onGenerateImage:
|
|
350
|
-
onToggleAnimation:
|
|
351
|
-
onToggleFullscreen:
|
|
347
|
+
onGeneratePdf: de,
|
|
348
|
+
onGenerateCsv: pe,
|
|
349
|
+
onGenerateImage: u(oe),
|
|
350
|
+
onToggleAnimation: ve,
|
|
351
|
+
onToggleFullscreen: Ie,
|
|
352
352
|
style: f({
|
|
353
|
-
visibility:
|
|
353
|
+
visibility: u(_) ? u(V) ? "visible" : "hidden" : "visible"
|
|
354
354
|
})
|
|
355
|
-
},
|
|
355
|
+
}, He({ _: 2 }, [
|
|
356
356
|
t.$slots.menuIcon ? {
|
|
357
357
|
name: "menuIcon",
|
|
358
|
-
fn: w(({ isOpen:
|
|
359
|
-
p(t.$slots, "menuIcon",
|
|
358
|
+
fn: w(({ isOpen: o, color: s }) => [
|
|
359
|
+
p(t.$slots, "menuIcon", ge(be({ isOpen: o, color: s })), void 0, !0)
|
|
360
360
|
]),
|
|
361
361
|
key: "0"
|
|
362
362
|
} : void 0,
|
|
@@ -390,18 +390,18 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
|
|
|
390
390
|
} : void 0,
|
|
391
391
|
t.$slots.optionFullscreen ? {
|
|
392
392
|
name: "optionFullscreen",
|
|
393
|
-
fn: w(({ toggleFullscreen:
|
|
394
|
-
p(t.$slots, "optionFullscreen",
|
|
393
|
+
fn: w(({ toggleFullscreen: o, isFullscreen: s }) => [
|
|
394
|
+
p(t.$slots, "optionFullscreen", ge(be({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
|
|
395
395
|
]),
|
|
396
396
|
key: "5"
|
|
397
397
|
} : void 0
|
|
398
398
|
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "onGenerateImage", "style"])) : R("", !0),
|
|
399
|
-
t.$slots.source ? (
|
|
399
|
+
t.$slots.source ? (r(), v("div", Qe, [
|
|
400
400
|
p(t.$slots, "source", {}, void 0, !0)
|
|
401
401
|
], 512)) : R("", !0)
|
|
402
402
|
], 544));
|
|
403
403
|
}
|
|
404
|
-
},
|
|
404
|
+
}, ot = /* @__PURE__ */ Xe(We, [["__scopeId", "data-v-66be1fbe"]]);
|
|
405
405
|
export {
|
|
406
|
-
|
|
406
|
+
ot as default
|
|
407
407
|
};
|