vue-data-ui 3.0.23 → 3.1.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/dist/{Arrow-B1Op9F3x.js → Arrow-xQM7mBzd.js} +1 -1
- package/dist/{BaseDraggableDialog-B4OaMIom.js → BaseDraggableDialog-B2BQC0-h.js} +72 -59
- package/dist/{BaseIcon-CgUOIGjr.js → BaseIcon-DLesaZpW.js} +1 -1
- package/dist/{useLoading-D7YHNtLX.js → BaseScanner-BgWxam9d.js} +11 -11
- package/dist/{ColorPicker-C0nf8VH0.js → ColorPicker-BKvJvFtX.js} +2 -2
- package/dist/DataTable-BAf4Obr9.js +140 -0
- package/dist/{Legend-CyYXMSsW.js → Legend-8_V5egWW.js} +2 -2
- package/dist/{NonSvgPenAndPaper-D63qeScu.js → NonSvgPenAndPaper-Cq4fHmA0.js} +3 -3
- package/dist/{PackageVersion-B6M-3jRt.js → PackageVersion-Cv_ypT0N.js} +1 -1
- package/dist/{PenAndPaper-zym5uEeN.js → PenAndPaper-B6OvfyHH.js} +3 -3
- package/dist/{Shape-CYVs2kYz.js → Shape-Cjca5zta.js} +1 -1
- package/dist/{Slicer-BTIFUO4x.js → Slicer-6w3K8gAc.js} +2 -2
- package/dist/{SparkTooltip-CNz7AYUL.js → SparkTooltip-BV4Z-NMp.js} +1 -1
- package/dist/{Title-D_e0SFWS.js → Title-Dz-j6ERs.js} +1 -1
- package/dist/{Tooltip-DjVoFYj1.js → Tooltip-BTGOEC7w.js} +1 -1
- package/dist/{UserOptions-z0NWZ7aQ.js → UserOptions-CsDlFB0L.js} +2 -2
- package/dist/{dom-to-png-DD0au3Qz.js → dom-to-png-BOu5-Ohz.js} +1 -1
- package/dist/{img-z5p1gGfY.js → img-gBDz7xQQ.js} +1 -1
- package/dist/{index-BEuUtONc.js → index-BKQqb9lF.js} +37 -2
- package/dist/{pdf-BmUjVBni.js → pdf-Cjsn5GEE.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +35 -0
- package/dist/types/vue-data-ui.d.ts +35 -0
- package/dist/{useAutoSizeLabelsInsideViewbox-CchB8S-o.js → useAutoSizeLabelsInsideViewbox-IO2dh0Uq.js} +1 -1
- package/dist/{useNestedProp-DhLFhguL.js → useNestedProp-aBOhgs4U.js} +1 -1
- package/dist/{usePrinter-DiB0_UNt.js → usePrinter-BzuXiubT.js} +2 -2
- package/dist/useTableResponsive-Cbx-ACcP.js +22 -0
- package/dist/{vue-data-ui-DJIAas-7.js → vue-data-ui-B6eM6hF3.js} +64 -64
- package/dist/vue-data-ui.js +1 -1
- package/dist/vue-ui-3d-bar-DBeWmnvH.js +1369 -0
- package/dist/{vue-ui-accordion-B4YfUjZ5.js → vue-ui-accordion-B5QeV3BK.js} +3 -3
- package/dist/{vue-ui-age-pyramid-CkXXNN79.js → vue-ui-age-pyramid-rZFdUsgz.js} +333 -286
- package/dist/{vue-ui-annotator-DnSsIkvU.js → vue-ui-annotator-CCCuslrT.js} +2 -2
- package/dist/{vue-ui-bullet-kZkBsWPY.js → vue-ui-bullet-DhJf9mvK.js} +8 -8
- package/dist/{vue-ui-candlestick-CIn0xZm0.js → vue-ui-candlestick-CGVtDKqZ.js} +453 -406
- package/dist/{vue-ui-carousel-table-f1FDOAqH.js → vue-ui-carousel-table-DLAR3WY8.js} +4 -4
- package/dist/{vue-ui-chestnut-B-jSj7FT.js → vue-ui-chestnut-BXnSxoXB.js} +563 -520
- package/dist/vue-ui-chord-DH_MwAKX.js +1100 -0
- package/dist/vue-ui-circle-pack-Cx_E1R63.js +755 -0
- package/dist/{vue-ui-cursor-DdBrui6i.js → vue-ui-cursor-CEvH1qDS.js} +2 -2
- package/dist/{vue-ui-dashboard-DSUfW7mI.js → vue-ui-dashboard-CvduVgEy.js} +62 -62
- package/dist/{vue-ui-digits-Cb3Wq5WR.js → vue-ui-digits-PTozKs3l.js} +2 -2
- package/dist/{vue-ui-donut-BCZqlAO3.js → vue-ui-donut-CsEtKJJD.js} +477 -431
- package/dist/{vue-ui-donut-evolution-HmQBq9VP.js → vue-ui-donut-evolution-DD7o-CxF.js} +482 -435
- package/dist/{vue-ui-dumbbell-B5w2oqNO.js → vue-ui-dumbbell-DfPYl3fu.js} +443 -398
- package/dist/vue-ui-flow-CSTTZHwg.js +900 -0
- package/dist/vue-ui-funnel-C-NUZqIo.js +666 -0
- package/dist/vue-ui-galaxy-BwsZnU6T.js +744 -0
- package/dist/{vue-ui-gauge-C_KLPWk2.js → vue-ui-gauge-D9MUneq0.js} +8 -8
- package/dist/{vue-ui-gizmo-CsPX25Ti.js → vue-ui-gizmo-Dnzs9wSf.js} +4 -4
- package/dist/{vue-ui-heatmap-BHq6hBaL.js → vue-ui-heatmap-CYaQIhy8.js} +501 -461
- package/dist/{vue-ui-history-plot-DgpYiaUD.js → vue-ui-history-plot-DMTFzl-_.js} +408 -361
- package/dist/{vue-ui-kpi-DOgibU7W.js → vue-ui-kpi-CkPotdff.js} +3 -3
- package/dist/{vue-ui-mini-loader-BjsQAxDx.js → vue-ui-mini-loader-CCE-bDOJ.js} +2 -2
- package/dist/vue-ui-molecule-DaN5lroq.js +702 -0
- package/dist/{vue-ui-mood-radar-DMwVl3wz.js → vue-ui-mood-radar-tM0mmZh8.js} +342 -291
- package/dist/{vue-ui-nested-donuts-H0GzIAF0.js → vue-ui-nested-donuts-RB4r6beI.js} +548 -502
- package/dist/{vue-ui-onion-A6nKcus1.js → vue-ui-onion-CxDozHg3.js} +363 -317
- package/dist/vue-ui-parallel-coordinate-plot-CK9nNExU.js +979 -0
- package/dist/vue-ui-quadrant-C7tLJYn7.js +1483 -0
- package/dist/{vue-ui-quick-chart-mwXE3w_o.js → vue-ui-quick-chart-MUBAkrHb.js} +7 -7
- package/dist/vue-ui-radar-Br4K80I9.js +858 -0
- package/dist/{vue-ui-rating-CleNHFo5.js → vue-ui-rating-NtvT9r_M.js} +2 -2
- package/dist/{vue-ui-relation-circle-CMCH7Ia6.js → vue-ui-relation-circle-CPQjAy1g.js} +8 -8
- package/dist/vue-ui-ridgeline-C2M_Cjlh.js +1204 -0
- package/dist/vue-ui-rings-DEru-cWN.js +785 -0
- package/dist/{vue-ui-scatter-kv28dsT3.js → vue-ui-scatter-CJKkiKle.js} +594 -548
- package/dist/{vue-ui-skeleton-DCNOYh9x.js → vue-ui-skeleton--twnjS2t.js} +3 -3
- package/dist/{vue-ui-smiley-DcS0CM-z.js → vue-ui-smiley-CNccdPZ7.js} +2 -2
- package/dist/{vue-ui-spark-trend-LHgReXth.js → vue-ui-spark-trend-9BFkkC0u.js} +4 -4
- package/dist/{vue-ui-sparkbar-Da315uRq.js → vue-ui-sparkbar-RYAThoA4.js} +4 -4
- package/dist/{vue-ui-sparkgauge-BeAkjGap.js → vue-ui-sparkgauge-DkPlmgMF.js} +4 -4
- package/dist/{vue-ui-sparkhistogram-Cy19W3y1.js → vue-ui-sparkhistogram-6EkCyYRF.js} +5 -5
- package/dist/{vue-ui-sparkline-IjlQWgs3.js → vue-ui-sparkline-Bl3nj8zd.js} +4 -4
- package/dist/{vue-ui-sparkstackbar-CoFgOa3r.js → vue-ui-sparkstackbar-B88lA7iy.js} +4 -4
- package/dist/{vue-ui-stackbar-fbCs4sHF.js → vue-ui-stackbar-Csj7NhT6.js} +525 -479
- package/dist/{vue-ui-strip-plot-Cm8Zr6RE.js → vue-ui-strip-plot-yY9NsUUI.js} +390 -343
- package/dist/{vue-ui-table-q7jWgS26.js → vue-ui-table-Dg6U31ex.js} +3 -3
- package/dist/{vue-ui-table-heatmap-CsK9gR1G.js → vue-ui-table-heatmap-BWU7CAWP.js} +5 -5
- package/dist/{vue-ui-table-sparkline-CXTPucPr.js → vue-ui-table-sparkline-DV4Y9aRL.js} +4 -4
- package/dist/{vue-ui-thermometer-BFxdNgrd.js → vue-ui-thermometer-C3fKamV-.js} +8 -8
- package/dist/{vue-ui-timer-BsoeDFjK.js → vue-ui-timer-6VAK9XyF.js} +5 -5
- package/dist/{vue-ui-tiremarks-BW_jSayT.js → vue-ui-tiremarks-BB-KAkF7.js} +7 -7
- package/dist/vue-ui-treemap-GrXkD_3Z.js +1092 -0
- package/dist/{vue-ui-vertical-bar-OrLV4CxH.js → vue-ui-vertical-bar-Mmz6u4aX.js} +504 -461
- package/dist/{vue-ui-waffle-BA6rNfVs.js → vue-ui-waffle-DzPVRUOA.js} +416 -370
- package/dist/{vue-ui-wheel-B_BkI-5f.js → vue-ui-wheel-idRCvS5t.js} +7 -7
- package/dist/vue-ui-word-cloud-B2641uNP.js +811 -0
- package/dist/{vue-ui-world-B4mKuSSn.js → vue-ui-world-D6s5Eph8.js} +512 -466
- package/dist/{vue-ui-xy-m1SWJk77.js → vue-ui-xy-BKTGSvfU.js} +1551 -1500
- package/dist/vue-ui-xy-canvas-BOQyxVRl.js +1291 -0
- package/package.json +1 -1
- package/dist/DataTable-nO6ydJO2.js +0 -133
- package/dist/vue-ui-3d-bar-B56WqLJ-.js +0 -1323
- package/dist/vue-ui-chord-Ck4yV3Tb.js +0 -1049
- package/dist/vue-ui-circle-pack-BAfRk_Hd.js +0 -709
- package/dist/vue-ui-flow-BXkxtUoF.js +0 -852
- package/dist/vue-ui-funnel-DFvDO--q.js +0 -620
- package/dist/vue-ui-galaxy-BXNLLc3U.js +0 -691
- package/dist/vue-ui-molecule-BtyMTwEn.js +0 -656
- package/dist/vue-ui-parallel-coordinate-plot-DZ9_0F5c.js +0 -927
- package/dist/vue-ui-quadrant-CUggSeUN.js +0 -1432
- package/dist/vue-ui-radar-BRKZ8e_X.js +0 -807
- package/dist/vue-ui-ridgeline-xW7UrSfR.js +0 -1157
- package/dist/vue-ui-rings-D3NfFMaO.js +0 -739
- package/dist/vue-ui-treemap-DhAYSVB9.js +0 -1046
- package/dist/vue-ui-word-cloud-CrSLGFOK.js +0 -765
- package/dist/vue-ui-xy-canvas-CX2JT6T3.js +0 -1243
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { computed as u, createElementBlock as k, openBlock as m, createElementVNode as t, unref as o } from "vue";
|
|
2
|
-
import { c as n } from "./index-
|
|
2
|
+
import { c as n } from "./index-BKQqb9lF.js";
|
|
3
3
|
const s = { class: "vue-ui-element-arrow" }, f = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], c = ["d", "fill"], h = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], y = ["d", "fill"], v = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray", "marker-end", "marker-start"], z = {
|
|
4
4
|
__name: "Arrow",
|
|
5
5
|
props: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import { X as
|
|
4
|
-
import { _ as
|
|
5
|
-
const
|
|
1
|
+
import { ref as L, reactive as P, computed as N, onMounted as R, onUnmounted as F, createBlock as I, openBlock as z, Teleport as V, createElementBlock as B, createCommentVNode as j, withModifiers as s, normalizeStyle as D, createElementVNode as o, unref as K, renderSlot as S, createVNode as U, normalizeClass as q, nextTick as A } from "vue";
|
|
2
|
+
import G from "./BaseIcon-DLesaZpW.js";
|
|
3
|
+
import { X as J } from "./index-BKQqb9lF.js";
|
|
4
|
+
import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
+
const Z = ["xmlns"], _ = { class: "modal-title" }, ee = { class: "draggable-dialog-actions" }, te = {
|
|
6
6
|
__name: "BaseDraggableDialog",
|
|
7
7
|
props: {
|
|
8
8
|
backgroundColor: { type: String },
|
|
@@ -11,17 +11,19 @@ const J = ["xmlns"], K = { class: "modal-title" }, Q = {
|
|
|
11
11
|
headerColor: { type: String },
|
|
12
12
|
fullscreenParent: { type: HTMLElement },
|
|
13
13
|
isFullscreen: { type: Boolean, default: !1 },
|
|
14
|
-
withPadding: { type: Boolean, default: !1 }
|
|
14
|
+
withPadding: { type: Boolean, default: !1 },
|
|
15
|
+
forcedWidth: { type: Number, default: 400 }
|
|
15
16
|
},
|
|
16
17
|
emits: ["close"],
|
|
17
|
-
setup(r, { expose:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
setup(r, { expose: W, emit: X }) {
|
|
19
|
+
const p = r, C = X, v = L(!1), x = L(!1), y = L(0);
|
|
20
|
+
function g() {
|
|
21
|
+
y.value += 1;
|
|
22
|
+
}
|
|
23
|
+
const e = P({
|
|
22
24
|
left: window.innerWidth / 2 - 200,
|
|
23
25
|
top: window.innerHeight / 2 - 120,
|
|
24
|
-
width:
|
|
26
|
+
width: p.forcedWidth,
|
|
25
27
|
height: 400,
|
|
26
28
|
dragging: !1,
|
|
27
29
|
resizing: !1,
|
|
@@ -32,16 +34,16 @@ const J = ["xmlns"], K = { class: "modal-title" }, Q = {
|
|
|
32
34
|
resizeStartW: 0,
|
|
33
35
|
resizeStartH: 0
|
|
34
36
|
});
|
|
35
|
-
function
|
|
36
|
-
|
|
37
|
-
|
|
37
|
+
function H() {
|
|
38
|
+
v.value = !0, A(() => {
|
|
39
|
+
x.value || (e.left = Math.max(0, window.innerWidth / 2 - e.width / 2), e.top = Math.max(0, window.innerHeight / 2 - e.height / 2), x.value = !0);
|
|
38
40
|
});
|
|
39
41
|
}
|
|
40
42
|
function w() {
|
|
41
|
-
|
|
43
|
+
v.value = !1, C("close");
|
|
42
44
|
}
|
|
43
|
-
|
|
44
|
-
const
|
|
45
|
+
W({ open: H, close: w });
|
|
46
|
+
const Y = N(() => ({
|
|
45
47
|
position: "fixed",
|
|
46
48
|
left: `${e.left}px`,
|
|
47
49
|
top: `${e.top}px`,
|
|
@@ -49,17 +51,18 @@ const J = ["xmlns"], K = { class: "modal-title" }, Q = {
|
|
|
49
51
|
height: `${e.height}px`,
|
|
50
52
|
padding: 0,
|
|
51
53
|
border: "none",
|
|
52
|
-
background:
|
|
54
|
+
background: p.backgroundColor,
|
|
53
55
|
boxShadow: "0 4px 24px rgba(0,0,0,0.15)",
|
|
54
56
|
zIndex: 9999,
|
|
55
57
|
overflow: "visible",
|
|
56
|
-
borderRadius: "2px"
|
|
58
|
+
borderRadius: "2px",
|
|
59
|
+
"--dlg-color": p.color
|
|
57
60
|
}));
|
|
58
61
|
function d(t) {
|
|
59
62
|
return t.touches && t.touches.length ? { x: t.touches[0].clientX, y: t.touches[0].clientY } : { x: t.clientX, y: t.clientY };
|
|
60
63
|
}
|
|
61
|
-
function
|
|
62
|
-
t.preventDefault?.(), e.dragging = !0;
|
|
64
|
+
function E(t) {
|
|
65
|
+
t.preventDefault?.(), g(), e.dragging = !0;
|
|
63
66
|
const n = d(t);
|
|
64
67
|
e.dragOffsetX = n.x - e.left, e.dragOffsetY = n.y - e.top, document.addEventListener("mousemove", m), document.addEventListener("mouseup", l), document.addEventListener("touchmove", m, { passive: !1 }), document.addEventListener("touchend", l);
|
|
65
68
|
}
|
|
@@ -73,8 +76,8 @@ const J = ["xmlns"], K = { class: "modal-title" }, Q = {
|
|
|
73
76
|
function l() {
|
|
74
77
|
e.dragging = !1, document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", l), document.removeEventListener("touchmove", m), document.removeEventListener("touchend", l);
|
|
75
78
|
}
|
|
76
|
-
function
|
|
77
|
-
t.preventDefault?.(), e.resizing = !0;
|
|
79
|
+
function M(t) {
|
|
80
|
+
t.preventDefault?.(), g(), e.resizing = !0;
|
|
78
81
|
const n = d(t);
|
|
79
82
|
e.pointerStartX = n.x, e.pointerStartY = n.y, e.resizeStartW = e.width, e.resizeStartH = e.height, document.addEventListener("mousemove", h), document.addEventListener("mouseup", u), document.addEventListener("touchmove", h, { passive: !1 }), document.addEventListener("touchend", u);
|
|
80
83
|
}
|
|
@@ -88,8 +91,8 @@ const J = ["xmlns"], K = { class: "modal-title" }, Q = {
|
|
|
88
91
|
function u() {
|
|
89
92
|
e.resizing = !1, document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", u), document.removeEventListener("touchmove", h), document.removeEventListener("touchend", u);
|
|
90
93
|
}
|
|
91
|
-
function
|
|
92
|
-
t.preventDefault?.(), e.resizing = !0;
|
|
94
|
+
function k(t) {
|
|
95
|
+
t.preventDefault?.(), g(), e.resizing = !0;
|
|
93
96
|
const n = d(t);
|
|
94
97
|
e.pointerStartX = n.x, e.pointerStartY = n.y, e.resizeStartW = e.width, e.resizeStartH = e.height, e.resizeStartLeft = e.left, e.resizeStartTop = e.top, document.addEventListener("mousemove", f), document.addEventListener("mouseup", c), document.addEventListener("touchmove", f, { passive: !1 }), document.addEventListener("touchend", c);
|
|
95
98
|
}
|
|
@@ -101,38 +104,45 @@ const J = ["xmlns"], K = { class: "modal-title" }, Q = {
|
|
|
101
104
|
Math.max(0, e.resizeStartLeft + a),
|
|
102
105
|
e.resizeStartLeft + e.resizeStartW - 240
|
|
103
106
|
// min width
|
|
104
|
-
),
|
|
105
|
-
e.left = i, e.width =
|
|
107
|
+
), T = e.resizeStartW - (i - e.resizeStartLeft), O = n.y - e.pointerStartY, $ = Math.max(400, e.resizeStartH + O);
|
|
108
|
+
e.left = i, e.width = T, e.height = $;
|
|
106
109
|
}
|
|
107
110
|
function c() {
|
|
108
111
|
e.resizing = !1, document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", c), document.removeEventListener("touchmove", f), document.removeEventListener("touchend", c);
|
|
109
112
|
}
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
})
|
|
113
|
-
|
|
113
|
+
R(() => {
|
|
114
|
+
document.addEventListener("keydown", b);
|
|
115
|
+
});
|
|
116
|
+
function b(t) {
|
|
117
|
+
t.key && t.key === "Escape" && w();
|
|
118
|
+
}
|
|
119
|
+
return F(() => {
|
|
120
|
+
l(), u(), c(), document.removeEventListener("keydown", b);
|
|
121
|
+
}), (t, n) => (z(), I(V, {
|
|
122
|
+
to: r.isFullscreen ? r.fullscreenParent : "body",
|
|
123
|
+
key: y.value
|
|
114
124
|
}, [
|
|
115
|
-
|
|
125
|
+
v.value ? (z(), B("div", {
|
|
116
126
|
key: 0,
|
|
117
127
|
class: "modal vue-ui-draggable-dialog",
|
|
118
|
-
style:
|
|
128
|
+
style: D(Y.value),
|
|
119
129
|
onClick: n[0] || (n[0] = s(() => {
|
|
120
130
|
}, ["stop"]))
|
|
121
131
|
}, [
|
|
122
132
|
o("div", {
|
|
123
133
|
class: "modal-header",
|
|
124
|
-
style:
|
|
134
|
+
style: D({
|
|
125
135
|
backgroundColor: r.headerBg,
|
|
126
136
|
color: r.headerColor
|
|
127
137
|
})
|
|
128
138
|
}, [
|
|
129
139
|
o("span", {
|
|
130
140
|
class: "drag-handle",
|
|
131
|
-
onMousedown: s(
|
|
132
|
-
onTouchstart: s(
|
|
141
|
+
onMousedown: s(E, ["stop", "prevent"]),
|
|
142
|
+
onTouchstart: s(E, ["stop", "prevent"])
|
|
133
143
|
}, [
|
|
134
|
-
(
|
|
135
|
-
xmlns:
|
|
144
|
+
(z(), B("svg", {
|
|
145
|
+
xmlns: K(J),
|
|
136
146
|
width: "20",
|
|
137
147
|
height: "20",
|
|
138
148
|
viewBox: "0 0 24 24",
|
|
@@ -148,40 +158,43 @@ const J = ["xmlns"], K = { class: "modal-title" }, Q = {
|
|
|
148
158
|
o("path", { d: "M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
|
|
149
159
|
o("path", { d: "M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
|
|
150
160
|
o("path", { d: "M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
|
|
151
|
-
])], 8,
|
|
161
|
+
])], 8, Z))
|
|
152
162
|
], 32),
|
|
153
|
-
o("span",
|
|
154
|
-
|
|
163
|
+
o("span", _, [
|
|
164
|
+
S(t.$slots, "title", {}, void 0, !0)
|
|
155
165
|
]),
|
|
156
|
-
o("
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
166
|
+
o("div", ee, [
|
|
167
|
+
S(t.$slots, "actions", {}, void 0, !0),
|
|
168
|
+
o("button", {
|
|
169
|
+
class: "close",
|
|
170
|
+
onClick: w
|
|
171
|
+
}, [
|
|
172
|
+
U(G, {
|
|
173
|
+
name: "close",
|
|
174
|
+
stroke: r.headerColor
|
|
175
|
+
}, null, 8, ["stroke"])
|
|
176
|
+
])
|
|
164
177
|
])
|
|
165
178
|
], 4),
|
|
166
179
|
o("div", {
|
|
167
|
-
class:
|
|
180
|
+
class: q({ "modal-body": !r.withPadding, "modal-body-pad": r.withPadding })
|
|
168
181
|
}, [
|
|
169
|
-
|
|
182
|
+
S(t.$slots, "content", {}, void 0, !0)
|
|
170
183
|
], 2),
|
|
171
184
|
o("div", {
|
|
172
185
|
class: "resize-handle",
|
|
173
|
-
onMousedown: s(
|
|
174
|
-
onTouchstart: s(
|
|
186
|
+
onMousedown: s(M, ["stop", "prevent"]),
|
|
187
|
+
onTouchstart: s(M, ["stop", "prevent"])
|
|
175
188
|
}, null, 32),
|
|
176
189
|
o("div", {
|
|
177
190
|
class: "resize-handle resize-handle-left",
|
|
178
|
-
onMousedown: s(
|
|
179
|
-
onTouchstart: s(
|
|
191
|
+
onMousedown: s(k, ["stop", "prevent"]),
|
|
192
|
+
onTouchstart: s(k, ["stop", "prevent"])
|
|
180
193
|
}, null, 32)
|
|
181
|
-
], 4)) :
|
|
194
|
+
], 4)) : j("", !0)
|
|
182
195
|
], 8, ["to"]));
|
|
183
196
|
}
|
|
184
|
-
},
|
|
197
|
+
}, ae = /* @__PURE__ */ Q(te, [["__scopeId", "data-v-1be15e28"]]);
|
|
185
198
|
export {
|
|
186
|
-
|
|
199
|
+
ae as default
|
|
187
200
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { computed as e, createElementBlock as n, openBlock as i, normalizeClass as k, unref as L } from "vue";
|
|
2
|
-
import { X as l } from "./index-
|
|
2
|
+
import { X as l } from "./index-BKQqb9lF.js";
|
|
3
3
|
import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
|
|
5
5
|
__name: "BaseIcon",
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ref as d, computed as v, unref as c, watchEffect as g, createElementBlock as h, openBlock as A } from "vue";
|
|
2
2
|
import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
|
-
|
|
4
|
-
function L(o, e) {
|
|
5
|
-
return g(), v("div", E);
|
|
6
|
-
}
|
|
7
|
-
const S = /* @__PURE__ */ y(B, [["render", L], ["__scopeId", "data-v-d6376e44"]]);
|
|
8
|
-
function T({
|
|
3
|
+
function S({
|
|
9
4
|
config: o,
|
|
10
5
|
dataset: e,
|
|
11
6
|
skeletonDataset: r,
|
|
@@ -15,15 +10,20 @@ function T({
|
|
|
15
10
|
callback: t = null,
|
|
16
11
|
dsIsNumber: _ = !1
|
|
17
12
|
}) {
|
|
18
|
-
const u = d(!1), a =
|
|
13
|
+
const u = d(!1), a = v(() => {
|
|
19
14
|
const m = c(o)?.loading ?? !1, n = c(e), p = _ ? [null, void 0].includes(n) : n == null || Array.isArray(n) && n.length === 0 || Object.keys(n).length === 0;
|
|
20
15
|
return u.value || m || p;
|
|
21
16
|
}), l = d(c(e));
|
|
22
|
-
return
|
|
17
|
+
return g(() => {
|
|
23
18
|
l.value = a.value ? r : c(e), i.value = a.value ? s : f(), t && t();
|
|
24
19
|
}), { loading: a, FINAL_DATASET: l, manualLoading: u, skeletonDataset: r, skeletonConfig: s };
|
|
25
20
|
}
|
|
21
|
+
const B = {}, E = { class: "vue-data-ui-scanner" };
|
|
22
|
+
function L(o, e) {
|
|
23
|
+
return A(), h("div", E);
|
|
24
|
+
}
|
|
25
|
+
const T = /* @__PURE__ */ y(B, [["render", L], ["__scopeId", "data-v-d6376e44"]]);
|
|
26
26
|
export {
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
T as B,
|
|
28
|
+
S as u
|
|
29
29
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ref as l, computed as k, watch as I, withDirectives as P, createElementBlock as r, openBlock as n, withKeys as S, createElementVNode as u, createCommentVNode as z, normalizeStyle as a, createVNode as F, Fragment as E, renderList as N, unref as O } from "vue";
|
|
2
|
-
import C from "./BaseIcon-
|
|
3
|
-
import { F as V } from "./index-
|
|
2
|
+
import C from "./BaseIcon-DLesaZpW.js";
|
|
3
|
+
import { F as V } from "./index-BKQqb9lF.js";
|
|
4
4
|
import { v as D } from "./vClickOutside-C6WiFswA.js";
|
|
5
5
|
import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const $ = ["onClick"], L = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -46%)" } }, T = ["value"], j = {
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { useCssVars as A, unref as e, computed as D, ref as k, onMounted as E, createElementBlock as o, openBlock as l, normalizeClass as C, normalizeStyle as r, createCommentVNode as m, createElementVNode as a, withKeys as R, createVNode as B, toDisplayString as I, Fragment as g, renderList as p, renderSlot as N } from "vue";
|
|
2
|
+
import { _ as K } from "./Shape-Cjca5zta.js";
|
|
3
|
+
import O from "./BaseIcon-DLesaZpW.js";
|
|
4
|
+
import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
+
const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align-items": "center", "justify-content": "flex-end", "padding-right": "3px", gap: "3px" } }, L = { style: { width: "12px", height: "12px" } }, M = {
|
|
6
|
+
key: 0,
|
|
7
|
+
height: "12",
|
|
8
|
+
width: "12",
|
|
9
|
+
viewBox: "0 0 20 20",
|
|
10
|
+
style: { background: "none" }
|
|
11
|
+
}, q = ["fill"], G = ["data-cell"], H = {
|
|
12
|
+
dir: "auto",
|
|
13
|
+
style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" }
|
|
14
|
+
}, J = {
|
|
15
|
+
key: 0,
|
|
16
|
+
height: "12",
|
|
17
|
+
width: "12",
|
|
18
|
+
viewBox: "0 0 20 20",
|
|
19
|
+
style: { background: "none", overflow: "visible" }
|
|
20
|
+
}, P = {
|
|
21
|
+
__name: "DataTable",
|
|
22
|
+
props: {
|
|
23
|
+
colNames: {
|
|
24
|
+
type: Array,
|
|
25
|
+
default() {
|
|
26
|
+
return [];
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
head: Array,
|
|
30
|
+
body: Array,
|
|
31
|
+
title: String,
|
|
32
|
+
config: Object,
|
|
33
|
+
withCloseButton: { type: Boolean, default: !0 }
|
|
34
|
+
},
|
|
35
|
+
emits: ["close"],
|
|
36
|
+
setup(t, { emit: $ }) {
|
|
37
|
+
A((s) => ({
|
|
38
|
+
"06f59ff2": e(_)
|
|
39
|
+
}));
|
|
40
|
+
const h = t, { backgroundColor: f, color: b, outline: v } = h.config.th, { backgroundColor: z, color: S, outline: _ } = h.config.td, V = D(() => h.config.breakpoint), y = k(null), w = k(!1);
|
|
41
|
+
E(() => {
|
|
42
|
+
const s = new ResizeObserver((i) => {
|
|
43
|
+
i.forEach((n) => {
|
|
44
|
+
w.value = n.contentRect.width < V.value;
|
|
45
|
+
});
|
|
46
|
+
});
|
|
47
|
+
y.value && s.observe(y.value);
|
|
48
|
+
});
|
|
49
|
+
const x = $;
|
|
50
|
+
return (s, i) => (l(), o("div", {
|
|
51
|
+
ref_key: "tableContainer",
|
|
52
|
+
ref: y,
|
|
53
|
+
style: r(`width: 100%; container-type: inline-size; position:relative;${t.withCloseButton ? "padding-top: 36px;" : ""}overflow:auto`),
|
|
54
|
+
class: C({
|
|
55
|
+
"atom-data-table": !0,
|
|
56
|
+
"vue-ui-responsive": w.value
|
|
57
|
+
})
|
|
58
|
+
}, [
|
|
59
|
+
t.withCloseButton ? (l(), o("div", {
|
|
60
|
+
key: 0,
|
|
61
|
+
"data-dom-to-png-ignore": "",
|
|
62
|
+
role: "button",
|
|
63
|
+
tabindex: "0",
|
|
64
|
+
style: r(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e(f)};`),
|
|
65
|
+
onClick: i[0] || (i[0] = (n) => x("close")),
|
|
66
|
+
onKeypress: i[1] || (i[1] = R((n) => x("close"), ["enter"]))
|
|
67
|
+
}, [
|
|
68
|
+
B(O, {
|
|
69
|
+
name: "close",
|
|
70
|
+
stroke: e(b),
|
|
71
|
+
"stroke-width": 2
|
|
72
|
+
}, null, 8, ["stroke"])
|
|
73
|
+
], 36)) : m("", !0),
|
|
74
|
+
a("table", j, [
|
|
75
|
+
a("caption", {
|
|
76
|
+
style: r({ backgroundColor: e(f), color: e(b), outline: e(v) }),
|
|
77
|
+
class: "vue-ui-data-table__caption"
|
|
78
|
+
}, I(t.title), 5),
|
|
79
|
+
a("thead", null, [
|
|
80
|
+
a("tr", {
|
|
81
|
+
role: "row",
|
|
82
|
+
style: r([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: e(f), color: e(b) }]),
|
|
83
|
+
class: "vue-ui-data-table__thead-row"
|
|
84
|
+
}, [
|
|
85
|
+
(l(!0), o(g, null, p(t.head, (n, c) => (l(), o("th", {
|
|
86
|
+
role: "cell",
|
|
87
|
+
style: r({
|
|
88
|
+
outline: e(v)
|
|
89
|
+
}),
|
|
90
|
+
key: `th_${c}`
|
|
91
|
+
}, [
|
|
92
|
+
a("div", F, [
|
|
93
|
+
a("div", L, [
|
|
94
|
+
n.color ? (l(), o("svg", M, [
|
|
95
|
+
a("circle", {
|
|
96
|
+
cx: "10",
|
|
97
|
+
cy: "10",
|
|
98
|
+
r: "10",
|
|
99
|
+
fill: n.color
|
|
100
|
+
}, null, 8, q)
|
|
101
|
+
])) : m("", !0)
|
|
102
|
+
]),
|
|
103
|
+
N(s.$slots, "th", { th: n }, void 0, !0)
|
|
104
|
+
])
|
|
105
|
+
], 4))), 128))
|
|
106
|
+
], 4)
|
|
107
|
+
]),
|
|
108
|
+
a("tbody", null, [
|
|
109
|
+
(l(!0), o(g, null, p(t.body, (n, c) => (l(), o("tr", {
|
|
110
|
+
role: "row",
|
|
111
|
+
style: r([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: e(z), color: e(S) }]),
|
|
112
|
+
class: C({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": c % 2 === 0, "vue-ui-data-table__tbody__row-odd": c % 2 !== 0 })
|
|
113
|
+
}, [
|
|
114
|
+
(l(!0), o(g, null, p(n, (d, u) => (l(), o("td", {
|
|
115
|
+
role: "cell",
|
|
116
|
+
"data-cell": (t.colNames[u] && t.colNames[u].name ? t.colNames[u].name : "") || t.colNames[u] || "",
|
|
117
|
+
style: r({ outline: e(_) }),
|
|
118
|
+
class: "vue-ui-data-table__tbody__td"
|
|
119
|
+
}, [
|
|
120
|
+
a("div", H, [
|
|
121
|
+
d.color ? (l(), o("svg", J, [
|
|
122
|
+
B(K, {
|
|
123
|
+
plot: { x: 10, y: 10 },
|
|
124
|
+
color: d.color,
|
|
125
|
+
radius: 9,
|
|
126
|
+
shape: t.config.shape || d.shape || "circle"
|
|
127
|
+
}, null, 8, ["color", "shape"])
|
|
128
|
+
])) : m("", !0),
|
|
129
|
+
N(s.$slots, "td", { td: d }, void 0, !0)
|
|
130
|
+
])
|
|
131
|
+
], 12, G))), 256))
|
|
132
|
+
], 6))), 256))
|
|
133
|
+
])
|
|
134
|
+
])
|
|
135
|
+
], 6));
|
|
136
|
+
}
|
|
137
|
+
}, Y = /* @__PURE__ */ T(P, [["__scopeId", "data-v-c1adf71f"]]);
|
|
138
|
+
export {
|
|
139
|
+
Y as default
|
|
140
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createElementBlock as n, openBlock as a, normalizeStyle as c, renderSlot as r, Fragment as u, renderList as m, normalizeClass as g, createCommentVNode as h, createVNode as k, mergeProps as p, unref as y } from "vue";
|
|
2
|
-
import { a2 as $ } from "./index-
|
|
3
|
-
import { _ as v } from "./Shape-
|
|
2
|
+
import { a2 as $ } from "./index-BKQqb9lF.js";
|
|
3
|
+
import { _ as v } from "./Shape-Cjca5zta.js";
|
|
4
4
|
import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const S = ["id"], b = ["onClick", "height", "width", "viewBox"], w = {
|
|
6
6
|
__name: "Legend",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ref as i, computed as we, onMounted as ke, nextTick as be, onBeforeUnmount as Ce, watch as oe, createElementBlock as x, openBlock as y, Fragment as q, createCommentVNode as Y, normalizeStyle as b, normalizeClass as D, createElementVNode as C, withDirectives as ae, createVNode as M, toDisplayString as re, unref as se, vModelText as ue, withModifiers as ie, renderList as ce } from "vue";
|
|
2
|
-
import { l as $e, i as Se, X as Ae } from "./index-
|
|
3
|
-
import R from "./BaseIcon-
|
|
4
|
-
import { C as Ee } from "./ColorPicker-
|
|
2
|
+
import { l as $e, i as Se, X as Ae } from "./index-BKQqb9lF.js";
|
|
3
|
+
import R from "./BaseIcon-DLesaZpW.js";
|
|
4
|
+
import { C as Ee } from "./ColorPicker-BKvJvFtX.js";
|
|
5
5
|
import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const Te = {
|
|
7
7
|
class: /* @__PURE__ */ D({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createElementBlock as e, openBlock as t, toDisplayString as o, unref as r } from "vue";
|
|
2
|
-
const n = "3.
|
|
2
|
+
const n = "3.1.1", a = { "aria-hidden": "true" }, p = {
|
|
3
3
|
__name: "PackageVersion",
|
|
4
4
|
setup(s) {
|
|
5
5
|
return (c, i) => (t(), e("desc", a, "Composed with Vue Data UI " + o(r(n)), 1));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ref as c, computed as ge, watch as X, nextTick as le, onMounted as pe, onBeforeUnmount as me, createElementBlock as Y, createCommentVNode as q, openBlock as z, normalizeStyle as x, createElementVNode as C, withDirectives as ae, createVNode as $, normalizeClass as G, toDisplayString as Ae, unref as he, vModelText as oe } from "vue";
|
|
2
|
-
import T from "./BaseIcon-
|
|
3
|
-
import { C as we } from "./ColorPicker-
|
|
4
|
-
import { l as be, i as xe } from "./index-
|
|
2
|
+
import T from "./BaseIcon-DLesaZpW.js";
|
|
3
|
+
import { C as we } from "./ColorPicker-BKvJvFtX.js";
|
|
4
|
+
import { l as be, i as xe } from "./index-BKQqb9lF.js";
|
|
5
5
|
const ye = {
|
|
6
6
|
class: "vue-ui-pen-and-paper-action",
|
|
7
7
|
style: { padding: "0 !important" }
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { computed as u, createElementBlock as r, openBlock as l, createCommentVNode as a, normalizeStyle as d } from "vue";
|
|
2
|
-
import { _ as f, R as p } from "./index-
|
|
2
|
+
import { _ as f, R as p } from "./index-BKQqb9lF.js";
|
|
3
3
|
const g = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], S = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], w = {
|
|
4
4
|
__name: "Shape",
|
|
5
5
|
props: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useCssVars as Oe, computed as v, ref as i, onMounted as he, onBeforeUnmount as te, watch as T, nextTick as le, onUpdated as Ze, createElementBlock as c, openBlock as m, createElementVNode as d, createCommentVNode as w, renderSlot as je, normalizeStyle as M, createVNode as Ge, withDirectives as ge, unref as U, Fragment as be, renderList as xe, normalizeClass as B, vModelText as ye, toDisplayString as ae } from "vue";
|
|
2
|
-
import qe from "./BaseIcon-
|
|
2
|
+
import qe from "./BaseIcon-DLesaZpW.js";
|
|
3
3
|
import { t as we, u as Je } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import { c as Ke, V as pe, U as Se, X as Qe, F as ne } from "./index-
|
|
4
|
+
import { c as Ke, V as pe, U as Se, X as Qe, F as ne } from "./index-BKQqb9lF.js";
|
|
5
5
|
import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const _e = {
|
|
7
7
|
class: "vue-data-ui-slicer-labels",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { toRef as c, ref as a, computed as v, onMounted as m, watch as y, createElementBlock as b, openBlock as g, normalizeStyle as x, renderSlot as k, nextTick as S } from "vue";
|
|
2
|
-
import { s as _, aq as i } from "./index-
|
|
2
|
+
import { s as _, aq as i } from "./index-BKQqb9lF.js";
|
|
3
3
|
import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const R = {
|
|
5
5
|
__name: "SparkTooltip",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createElementBlock as l, openBlock as n, Fragment as f, createElementVNode as p, createCommentVNode as o, normalizeStyle as d, unref as e, toDisplayString as g, renderSlot as r } from "vue";
|
|
2
|
-
import { u as c } from "./useNestedProp-
|
|
2
|
+
import { u as c } from "./useNestedProp-aBOhgs4U.js";
|
|
3
3
|
const x = {
|
|
4
4
|
__name: "Title",
|
|
5
5
|
props: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref as d, onMounted as k, onUnmounted as g, watch as p, nextTick as F, computed as x, createBlock as S, openBlock as h, Teleport as $, createElementBlock as B, createCommentVNode as C, normalizeStyle as w, normalizeClass as N, renderSlot as m, createElementVNode as Y } from "vue";
|
|
2
|
-
import { s as z } from "./index-
|
|
2
|
+
import { s as z } from "./index-BKQqb9lF.js";
|
|
3
3
|
function M({ tooltip: e, chart: a, clientPosition: t, positionPreference: s = "center", defaultOffsetY: c = 24, blockShiftY: u = !1 }) {
|
|
4
4
|
const o = d(0), i = d(c);
|
|
5
5
|
if (e && a) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ref as m, computed as w, onMounted as Q, onBeforeUnmount as Y, withDirectives as Z, createElementBlock as s, openBlock as o, normalizeStyle as v, createElementVNode as X, withKeys as p, withModifiers as _, renderSlot as d, normalizeProps as S, guardReactiveProps as ee, createVNode as te, normalizeClass as k, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as T, unref as oe } from "vue";
|
|
2
2
|
import { v as ne } from "./vClickOutside-C6WiFswA.js";
|
|
3
|
-
import r from "./BaseIcon-
|
|
4
|
-
import z from "./img-
|
|
3
|
+
import r from "./BaseIcon-DLesaZpW.js";
|
|
4
|
+
import z from "./img-gBDz7xQQ.js";
|
|
5
5
|
import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const ie = ["title"], se = ["data-open"], ae = {
|
|
7
7
|
__name: "UserOptions",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as n } from "./dom-to-png-
|
|
1
|
+
import { d as n } from "./dom-to-png-BOu5-Ohz.js";
|
|
2
2
|
async function u({ domElement: t, fileName: c, format: f = "png", scale: i = 2, base64: a = !1, img: g = !1 }) {
|
|
3
3
|
if (!t) return Promise.reject("No element provided");
|
|
4
4
|
const h = typeof navigator < "u" && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
|