vue-data-ui 3.9.19 → 3.9.21
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/{BaseDraggableDialog-BFDTrOH0.js → BaseDraggableDialog-LQz9Nmbj.js} +1 -1
- package/dist/{BaseIcon-BrCxEtJt.js → BaseIcon-rQpZbUMg.js} +59 -34
- package/dist/{BaseZoomControls-BQ2emGam.js → BaseZoomControls-8e6l8HWf.js} +1 -1
- package/dist/{ColorPicker-BYn8PF2Z.js → ColorPicker-C-M_3O5E.js} +1 -1
- package/dist/{DataTable-BfEbVwm4.js → DataTable-CRLvcC19.js} +1 -1
- package/dist/{NonSvgPenAndPaper-dUUA975O.js → NonSvgPenAndPaper-DHu-zNDR.js} +2 -2
- package/dist/{PackageVersion-By5ZZJ0U.js → PackageVersion-BiGAIrqC.js} +1 -1
- package/dist/{PenAndPaper--ADXtx65.js → PenAndPaper-D6dHXPfu.js} +2 -2
- package/dist/{Slicer-DMWpR3hr.js → Slicer-iEpMHxAy.js} +1 -1
- package/dist/{SlicerPreview-BF9QuD7E.js → SlicerPreview-Dfih1r3H.js} +1 -1
- package/dist/{Title-D0nD-PMs.js → Title-B7pkWzTi.js} +1 -1
- package/dist/Tooltip-DpfUZbt7.js +272 -0
- package/dist/{UserOptions-Cy-iNhZU.js → UserOptions-BlWCqtbi.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-dag.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-geo.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-icon.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-stackline.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 +25 -0
- package/dist/{useNestedProp-DaR1dBmj.js → useNestedProp-gqRzbKJy.js} +4 -1
- package/dist/{vue-data-ui-zfOGDrsy.js → vue-data-ui-C0zyzSI7.js} +67 -67
- package/dist/vue-data-ui.js +70 -70
- package/dist/{vue-ui-3d-bar-nXiSkl4R.js → vue-ui-3d-bar-DlUrsPdB.js} +3 -3
- package/dist/{vue-ui-accordion-DNRtKVZI.js → vue-ui-accordion-Cy3d_0_S.js} +2 -2
- package/dist/{vue-ui-age-pyramid-CaorE7sG.js → vue-ui-age-pyramid-CW2CmApD.js} +6 -5
- package/dist/{vue-ui-annotator-_fLzC18u.js → vue-ui-annotator-DgDMYDKr.js} +4 -4
- package/dist/{vue-ui-bullet-BqTU385w.js → vue-ui-bullet-Dfz8VKqe.js} +3 -3
- package/dist/{vue-ui-candlestick-DUQA8C7N.js → vue-ui-candlestick-xyQGCkr8.js} +89 -88
- package/dist/{vue-ui-carousel-table-DML9r769.js → vue-ui-carousel-table-eqx_-juF.js} +2 -2
- package/dist/{vue-ui-chestnut-lrvwK3sr.js → vue-ui-chestnut-DQM73VJP.js} +2 -2
- package/dist/{vue-ui-chord-C6tMQhyt.js → vue-ui-chord-ij0fy_Vk.js} +3 -3
- package/dist/{vue-ui-circle-pack-CD_RbedP.js → vue-ui-circle-pack-iL6dfKsl.js} +37 -36
- package/dist/{vue-ui-cursor-BbenSTLn.js → vue-ui-cursor-BwtAgyzA.js} +2 -2
- package/dist/{vue-ui-dag-BTSH-AAF.js → vue-ui-dag-DyVpGUMm.js} +4 -4
- package/dist/{vue-ui-dashboard-CRH0nCEI.js → vue-ui-dashboard-Dp8tt7UQ.js} +66 -66
- package/dist/{vue-ui-digits-DXXegZ9T.js → vue-ui-digits-bUDar5q1.js} +1 -1
- package/dist/{vue-ui-donut-BhcFj-OA.js → vue-ui-donut-XhYkW3YB.js} +6 -5
- package/dist/{vue-ui-donut-evolution-CPYvsQDZ.js → vue-ui-donut-evolution-BtSDnqw5.js} +4 -4
- package/dist/{vue-ui-dumbbell-CuOkKbif.js → vue-ui-dumbbell-Dk9GEs9q.js} +3 -3
- package/dist/{vue-ui-flow-Cx1_sP-g.js → vue-ui-flow-Dmadpe5T.js} +6 -5
- package/dist/{vue-ui-funnel-QzmhEBuw.js → vue-ui-funnel-BGZmzIxy.js} +3 -3
- package/dist/{vue-ui-galaxy-r_VxJL-4.js → vue-ui-galaxy-btCfKlLt.js} +36 -35
- package/dist/{vue-ui-gauge-DiTbeHVA.js → vue-ui-gauge-CIq10clu.js} +3 -3
- package/dist/{vue-ui-geo-BmzhC-ya.js → vue-ui-geo-C72smrB2.js} +7 -6
- package/dist/{vue-ui-gizmo-BsUEwsBG.js → vue-ui-gizmo-BCy3dErL.js} +2 -2
- package/dist/{vue-ui-heatmap-CqSh6TWR.js → vue-ui-heatmap-DX1asUT7.js} +46 -45
- package/dist/{vue-ui-history-plot-DhwdZ0Th.js → vue-ui-history-plot-DFtOy7CE.js} +40 -39
- package/dist/{vue-ui-horizontal-bar-DGKL132E.js → vue-ui-horizontal-bar-BpN0u8hd.js} +80 -79
- package/dist/{vue-ui-kpi-Ct5HZzxS.js → vue-ui-kpi-CnmyYRvK.js} +2 -2
- package/dist/{vue-ui-mini-loader-DdzurIs7.js → vue-ui-mini-loader-DVEVYQd5.js} +1 -1
- package/dist/{vue-ui-molecule-BWcZ0BUf.js → vue-ui-molecule-CETOdJ0z.js} +30 -29
- package/dist/{vue-ui-mood-radar-BIUKJ5NK.js → vue-ui-mood-radar-BOq7hUtX.js} +3 -3
- package/dist/{vue-ui-nested-donuts-5qpHwRLA.js → vue-ui-nested-donuts-C6Popcf-.js} +6 -5
- package/dist/{vue-ui-onion-PUQM7BbQ.js → vue-ui-onion-BHIySmN4.js} +6 -5
- package/dist/{vue-ui-parallel-coordinate-plot-DGIMK3-E.js → vue-ui-parallel-coordinate-plot-BAAEnWGD.js} +6 -5
- package/dist/{vue-ui-quadrant-vlnDHF5h.js → vue-ui-quadrant-JvGjWc7P.js} +6 -5
- package/dist/{vue-ui-quick-chart-BHEAUXLc.js → vue-ui-quick-chart-Nffw66GY.js} +6 -5
- package/dist/{vue-ui-radar-BmuyOPnz.js → vue-ui-radar-CdjuAdeB.js} +6 -5
- package/dist/{vue-ui-rating-CDkXzEGU.js → vue-ui-rating-CTN4-Xx3.js} +1 -1
- package/dist/{vue-ui-relation-circle-B9oe4iNu.js → vue-ui-relation-circle-Cb3uKDYx.js} +3 -3
- package/dist/{vue-ui-ridgeline-C7M6j-UK.js → vue-ui-ridgeline-Dgr0nyh1.js} +3 -3
- package/dist/{vue-ui-rings-DQ_clr4X.js → vue-ui-rings-Ctkw20nS.js} +6 -5
- package/dist/{vue-ui-scatter-JrhHtvmt.js → vue-ui-scatter-BpeJpMqR.js} +6 -5
- package/dist/{vue-ui-skeleton-B-Xjf23P.js → vue-ui-skeleton-C8-nUbeq.js} +2 -2
- package/dist/{vue-ui-smiley-BckMTu5I.js → vue-ui-smiley-CxVaJpm8.js} +1 -1
- package/dist/{vue-ui-spark-trend-CdVffvYK.js → vue-ui-spark-trend-BRayrIQ5.js} +2 -2
- package/dist/{vue-ui-sparkbar-Cc54OO-G.js → vue-ui-sparkbar-D5UO6Yae.js} +2 -2
- package/dist/{vue-ui-sparkgauge-CmjkXvRF.js → vue-ui-sparkgauge-DMvYS_KK.js} +2 -2
- package/dist/{vue-ui-sparkhistogram-DAcxFd2j.js → vue-ui-sparkhistogram-CNwDggdT.js} +2 -2
- package/dist/{vue-ui-sparkline-BoXHVulh.js → vue-ui-sparkline-Dh6mAGol.js} +2 -2
- package/dist/{vue-ui-sparkstackbar-oZPlMIio.js → vue-ui-sparkstackbar-CFhUgaiz.js} +24 -23
- package/dist/{vue-ui-stackbar-B4gbEKCS.js → vue-ui-stackbar-g5Sq_ZTb.js} +7 -6
- package/dist/{vue-ui-stackline-B6jTG-zS.js → vue-ui-stackline-CKwIVvUs.js} +7 -6
- package/dist/{vue-ui-strip-plot-CUENJge4.js → vue-ui-strip-plot-CvCBxxNn.js} +27 -26
- package/dist/{vue-ui-table-BpBi54KF.js → vue-ui-table-DswHIBiJ.js} +4 -4
- package/dist/{vue-ui-table-heatmap-CG-w53Bu.js → vue-ui-table-heatmap-Crgh4Fiz.js} +2 -2
- package/dist/{vue-ui-table-sparkline-CLbkFzSK.js → vue-ui-table-sparkline-BJGYRzNL.js} +2 -2
- package/dist/{vue-ui-thermometer-CJ63agpn.js → vue-ui-thermometer-46TB3agk.js} +3 -3
- package/dist/{vue-ui-timer-CrYgTXLa.js → vue-ui-timer-CgEPlDmY.js} +4 -4
- package/dist/{vue-ui-tiremarks-CJMVuTzb.js → vue-ui-tiremarks-DZHVry9u.js} +3 -3
- package/dist/{vue-ui-treemap-Bk5CSaWm.js → vue-ui-treemap-3_8JQzd0.js} +7 -6
- package/dist/{vue-ui-waffle-CwYUPidK.js → vue-ui-waffle-Ck_wiBzc.js} +90 -89
- package/dist/{vue-ui-wheel-CK5obtTV.js → vue-ui-wheel-4ZZLizdv.js} +3 -3
- package/dist/{vue-ui-word-cloud-x2Y6KCQB.js → vue-ui-word-cloud-BPA2fseE.js} +137 -136
- package/dist/{vue-ui-world-DNLYVCse.js → vue-ui-world-K4hMlU7V.js} +27 -26
- package/dist/{vue-ui-xy-bviQN7-m.js → vue-ui-xy-cHQ3KQCE.js} +8 -7
- package/dist/{vue-ui-xy-canvas-q7SUETRs.js → vue-ui-xy-canvas-Qeg6DtP0.js} +52 -51
- package/package.json +1 -1
- package/dist/Tooltip-D0pGX8qz.js +0 -205
|
@@ -0,0 +1,272 @@
|
|
|
1
|
+
import { ref as i, onMounted as L, onUnmounted as R, watch as w, nextTick as W, computed as g, createBlock as j, openBlock as Y, Teleport as q, createElementBlock as H, createCommentVNode as I, normalizeStyle as V, normalizeClass as D, renderSlot as C, createElementVNode as G } from "vue";
|
|
2
|
+
import { s as U } from "./lib-2iaAPQ_c.js";
|
|
3
|
+
function J({ tooltip: n, chart: c, clientPosition: t, positionPreference: v = "center", defaultOffsetY: h = 24, blockShiftY: x = !1 }) {
|
|
4
|
+
const l = i(0), a = i(h);
|
|
5
|
+
if (n && c) {
|
|
6
|
+
const { width: u, height: m } = n.getBoundingClientRect(), { right: f, left: p, bottom: S } = c.getBoundingClientRect();
|
|
7
|
+
v === "center" && (t.x + u / 2 > f ? l.value = -u + (f - t.x) : t.x - u / 2 < p ? l.value = -u + (u - (t.x - p)) : l.value = -u / 2), v === "right" && (t.x + u > f ? l.value = -u + (f - t.x) : l.value = 0), v === "left" && (t.x < p + u ? l.value = -u + (u - (t.x - p)) : l.value = -u), t.y + m > S && !x && (a.value = -m - h);
|
|
8
|
+
}
|
|
9
|
+
return {
|
|
10
|
+
top: t.y + a.value,
|
|
11
|
+
left: t.x + l.value
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
function K(n, c, t) {
|
|
15
|
+
L(() => n.addEventListener(c, t)), R(() => n.removeEventListener(c, t));
|
|
16
|
+
}
|
|
17
|
+
function Q() {
|
|
18
|
+
const n = i(0), c = i(0);
|
|
19
|
+
return K(window, "mousemove", (t) => {
|
|
20
|
+
n.value = t.clientX, c.value = t.clientY;
|
|
21
|
+
}), { x: n, y: c };
|
|
22
|
+
}
|
|
23
|
+
const Z = ["aria-hidden"], P = ["innerHTML"], te = {
|
|
24
|
+
__name: "Tooltip",
|
|
25
|
+
props: {
|
|
26
|
+
teleportTo: {
|
|
27
|
+
type: String,
|
|
28
|
+
default: "body"
|
|
29
|
+
},
|
|
30
|
+
backgroundColor: {
|
|
31
|
+
type: String,
|
|
32
|
+
default: "#FFFFFF"
|
|
33
|
+
},
|
|
34
|
+
color: {
|
|
35
|
+
type: String,
|
|
36
|
+
default: "#000000"
|
|
37
|
+
},
|
|
38
|
+
content: String,
|
|
39
|
+
maxWidth: {
|
|
40
|
+
type: String,
|
|
41
|
+
default: "300px"
|
|
42
|
+
},
|
|
43
|
+
parent: {
|
|
44
|
+
type: Object
|
|
45
|
+
},
|
|
46
|
+
show: {
|
|
47
|
+
type: Boolean,
|
|
48
|
+
default: !1
|
|
49
|
+
},
|
|
50
|
+
isCustom: {
|
|
51
|
+
type: Boolean,
|
|
52
|
+
default: !1
|
|
53
|
+
},
|
|
54
|
+
fontSize: {
|
|
55
|
+
type: [Number, String],
|
|
56
|
+
default: 14
|
|
57
|
+
},
|
|
58
|
+
borderRadius: {
|
|
59
|
+
type: Number,
|
|
60
|
+
default: 4
|
|
61
|
+
},
|
|
62
|
+
borderColor: {
|
|
63
|
+
type: String,
|
|
64
|
+
default: "#e1e5e8"
|
|
65
|
+
},
|
|
66
|
+
borderWidth: {
|
|
67
|
+
type: Number,
|
|
68
|
+
default: 1
|
|
69
|
+
},
|
|
70
|
+
backgroundOpacity: {
|
|
71
|
+
type: Number,
|
|
72
|
+
default: 100
|
|
73
|
+
},
|
|
74
|
+
position: {
|
|
75
|
+
type: String,
|
|
76
|
+
default: "center"
|
|
77
|
+
},
|
|
78
|
+
offsetY: {
|
|
79
|
+
type: Number,
|
|
80
|
+
default: 24
|
|
81
|
+
},
|
|
82
|
+
blockShiftY: {
|
|
83
|
+
type: Boolean,
|
|
84
|
+
default: !1
|
|
85
|
+
},
|
|
86
|
+
isFullscreen: {
|
|
87
|
+
type: Boolean,
|
|
88
|
+
default: !1
|
|
89
|
+
},
|
|
90
|
+
smooth: {
|
|
91
|
+
type: Boolean,
|
|
92
|
+
default: !0
|
|
93
|
+
},
|
|
94
|
+
backdropFilter: {
|
|
95
|
+
type: Boolean,
|
|
96
|
+
default: !0
|
|
97
|
+
},
|
|
98
|
+
smoothForce: {
|
|
99
|
+
type: Number,
|
|
100
|
+
default: 0.18
|
|
101
|
+
},
|
|
102
|
+
smoothSnapThreshold: {
|
|
103
|
+
type: Number,
|
|
104
|
+
default: 0.25
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
setup(n, { expose: c }) {
|
|
108
|
+
const t = n, v = i(null), { x: h, y: x } = Q(t.parent), l = i({ x: 0, y: 0 }), a = i({ x: 0, y: 0 }), u = i(null), m = i(null), f = i({ scaleX: 1, scaleY: 1 }), p = i(null);
|
|
109
|
+
function S() {
|
|
110
|
+
const e = M(v.value);
|
|
111
|
+
if (u.value = e, !e) {
|
|
112
|
+
m.value = null, f.value = { scaleX: 1, scaleY: 1 }, p.value = null;
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
m.value = e.getBoundingClientRect(), f.value = X(e), p.value = t.parent?.getBoundingClientRect?.() || null;
|
|
116
|
+
}
|
|
117
|
+
function T(e) {
|
|
118
|
+
return e ? !!(e.transform && e.transform !== "none" || e.perspective && e.perspective !== "none" || e.filter && e.filter !== "none" || e.backdropFilter && e.backdropFilter !== "none" || e.contain && e.contain.includes("paint") || e.willChange && (e.willChange.includes("transform") || e.willChange.includes("filter"))) : !1;
|
|
119
|
+
}
|
|
120
|
+
function M(e) {
|
|
121
|
+
let o = e?.parentElement || null;
|
|
122
|
+
for (; o && o !== document.documentElement; ) {
|
|
123
|
+
const r = getComputedStyle(o);
|
|
124
|
+
if (T(r)) return o;
|
|
125
|
+
o = o.parentElement;
|
|
126
|
+
}
|
|
127
|
+
return null;
|
|
128
|
+
}
|
|
129
|
+
function X(e) {
|
|
130
|
+
if (!e) return { scaleX: 1, scaleY: 1 };
|
|
131
|
+
const r = getComputedStyle(e).transform;
|
|
132
|
+
if (!r || r === "none") return { scaleX: 1, scaleY: 1 };
|
|
133
|
+
try {
|
|
134
|
+
const d = new DOMMatrixReadOnly(r), s = Math.hypot(d.a, d.b), A = Math.hypot(d.c, d.d);
|
|
135
|
+
return {
|
|
136
|
+
scaleX: s || 1,
|
|
137
|
+
scaleY: A || 1
|
|
138
|
+
};
|
|
139
|
+
} catch {
|
|
140
|
+
return { scaleX: 1, scaleY: 1 };
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
function E({ x: e, y: o }) {
|
|
144
|
+
h.value = e, x.value = o;
|
|
145
|
+
}
|
|
146
|
+
let y = null;
|
|
147
|
+
function k() {
|
|
148
|
+
if (!t.show) {
|
|
149
|
+
b();
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
if (!t.smooth) {
|
|
153
|
+
a.value.x = l.value.x, a.value.y = l.value.y, b();
|
|
154
|
+
return;
|
|
155
|
+
}
|
|
156
|
+
const e = l.value.x - a.value.x, o = l.value.y - a.value.y;
|
|
157
|
+
if (Math.abs(e) <= t.smoothSnapThreshold && Math.abs(o) <= t.smoothSnapThreshold) {
|
|
158
|
+
a.value.x = l.value.x, a.value.y = l.value.y, b();
|
|
159
|
+
return;
|
|
160
|
+
}
|
|
161
|
+
a.value.x += e * t.smoothForce, a.value.y += o * t.smoothForce, y = requestAnimationFrame(k);
|
|
162
|
+
}
|
|
163
|
+
function F() {
|
|
164
|
+
y == null && t.show && t.smooth && (y = requestAnimationFrame(k));
|
|
165
|
+
}
|
|
166
|
+
function b() {
|
|
167
|
+
y != null && (cancelAnimationFrame(y), y = null);
|
|
168
|
+
}
|
|
169
|
+
w([h, x], ([e, o]) => {
|
|
170
|
+
l.value.x = e, l.value.y = o, t.smooth ? F() : (a.value.x = e, a.value.y = o);
|
|
171
|
+
}), w(
|
|
172
|
+
() => t.show,
|
|
173
|
+
async (e) => {
|
|
174
|
+
if (!e) {
|
|
175
|
+
b();
|
|
176
|
+
return;
|
|
177
|
+
}
|
|
178
|
+
const o = h.value, r = x.value;
|
|
179
|
+
l.value.x = o, l.value.y = r, a.value.x = o, a.value.y = r, await W(), S(), F();
|
|
180
|
+
}
|
|
181
|
+
), R(() => {
|
|
182
|
+
b();
|
|
183
|
+
});
|
|
184
|
+
const N = g(() => {
|
|
185
|
+
const e = m.value;
|
|
186
|
+
if (!e) return { x: a.value.x, y: a.value.y };
|
|
187
|
+
const { scaleX: o, scaleY: r } = f.value;
|
|
188
|
+
return {
|
|
189
|
+
x: (a.value.x - e.left) / o,
|
|
190
|
+
y: (a.value.y - e.top) / r
|
|
191
|
+
};
|
|
192
|
+
}), $ = g(() => {
|
|
193
|
+
const e = m.value, o = p.value;
|
|
194
|
+
if (!e || !o) return t.parent;
|
|
195
|
+
const { scaleX: r, scaleY: d } = f.value;
|
|
196
|
+
return {
|
|
197
|
+
...t.parent,
|
|
198
|
+
getBoundingClientRect() {
|
|
199
|
+
const s = o;
|
|
200
|
+
return {
|
|
201
|
+
left: (s.left - e.left) / r,
|
|
202
|
+
top: (s.top - e.top) / d,
|
|
203
|
+
right: (s.right - e.left) / r,
|
|
204
|
+
bottom: (s.bottom - e.top) / d,
|
|
205
|
+
width: s.width / r,
|
|
206
|
+
height: s.height / d,
|
|
207
|
+
x: (s.left - e.left) / r,
|
|
208
|
+
y: (s.top - e.top) / d
|
|
209
|
+
};
|
|
210
|
+
}
|
|
211
|
+
};
|
|
212
|
+
}), B = g(() => {
|
|
213
|
+
const e = J({
|
|
214
|
+
tooltip: v.value,
|
|
215
|
+
chart: $.value,
|
|
216
|
+
clientPosition: N.value,
|
|
217
|
+
positionPreference: t.position,
|
|
218
|
+
defaultOffsetY: t.offsetY,
|
|
219
|
+
blockShiftY: t.blockShiftY
|
|
220
|
+
});
|
|
221
|
+
return {
|
|
222
|
+
top: Math.round(e.top),
|
|
223
|
+
left: Math.round(e.left)
|
|
224
|
+
};
|
|
225
|
+
}), z = g(() => U(t.backgroundColor, t.backgroundOpacity)), O = g(() => {
|
|
226
|
+
const e = {
|
|
227
|
+
pointerEvents: "none",
|
|
228
|
+
position: "fixed",
|
|
229
|
+
top: "0px",
|
|
230
|
+
left: "0px",
|
|
231
|
+
transform: `translate3d(${B.value.left}px, ${B.value.top}px, 0)`,
|
|
232
|
+
borderRadius: `${t.borderRadius}px`,
|
|
233
|
+
border: `${t.borderWidth}px solid ${t.borderColor}`,
|
|
234
|
+
zIndex: 2147483647
|
|
235
|
+
};
|
|
236
|
+
return t.isCustom || Object.assign(e, {
|
|
237
|
+
background: z.value,
|
|
238
|
+
color: t.color,
|
|
239
|
+
maxWidth: t.maxWidth,
|
|
240
|
+
fontSize: `${t.fontSize}px`
|
|
241
|
+
}), e;
|
|
242
|
+
});
|
|
243
|
+
return c({
|
|
244
|
+
placeTooltip: E
|
|
245
|
+
}), (e, o) => (Y(), j(q, {
|
|
246
|
+
to: n.isFullscreen ? n.parent : n.teleportTo
|
|
247
|
+
}, [
|
|
248
|
+
n.show ? (Y(), H("div", {
|
|
249
|
+
key: 0,
|
|
250
|
+
ref_key: "tooltip",
|
|
251
|
+
ref: v,
|
|
252
|
+
role: "tooltip",
|
|
253
|
+
"aria-hidden": !n.show,
|
|
254
|
+
"aria-live": "polite",
|
|
255
|
+
class: D({
|
|
256
|
+
"vue-data-ui-custom-tooltip": n.isCustom,
|
|
257
|
+
"vue-data-ui-tooltip": !n.isCustom,
|
|
258
|
+
"vue-data-ui-tooltip-backdrop": n.backdropFilter
|
|
259
|
+
}),
|
|
260
|
+
style: V(O.value)
|
|
261
|
+
}, [
|
|
262
|
+
C(e.$slots, "tooltip-before"),
|
|
263
|
+
C(e.$slots, "default"),
|
|
264
|
+
G("div", { innerHTML: n.content }, null, 8, P),
|
|
265
|
+
C(e.$slots, "tooltip-after")
|
|
266
|
+
], 14, Z)) : I("", !0)
|
|
267
|
+
], 8, ["to"]));
|
|
268
|
+
}
|
|
269
|
+
};
|
|
270
|
+
export {
|
|
271
|
+
te as default
|
|
272
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ref as m, computed as P, onMounted as ee, onBeforeUnmount as te, withDirectives as oe, createElementBlock as s, openBlock as o, normalizeStyle as v, createElementVNode as x, withKeys as ne, withModifiers as le, renderSlot as k, normalizeProps as h, guardReactiveProps as ie, createVNode as se, normalizeClass as d, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as M, unref as ae } from "vue";
|
|
2
2
|
import { v as ue } from "./vClickOutside-C6WiFswA.js";
|
|
3
|
-
import r from "./BaseIcon-
|
|
3
|
+
import r from "./BaseIcon-rQpZbUMg.js";
|
|
4
4
|
import D from "./img-CqYIrJ8I.js";
|
|
5
5
|
import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const fe = ["title"], ve = ["data-open"], ge = {
|