vue-data-ui 2.12.8-beta.2 → 2.12.8-beta.4
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 +21 -0
- package/dist/{Arrow-HbfibAF0.js → Arrow-XoY1VXNf.js} +1 -1
- package/dist/{BaseDraggableDialog-DGrErCX-.js → BaseDraggableDialog-CXe0WfN-.js} +2 -2
- package/dist/{BaseIcon-j0c6lJUs.js → BaseIcon-d4dmqhkb.js} +1 -1
- package/dist/{ColorPicker-DitXXl-H.js → ColorPicker-B3v0IhDO.js} +2 -2
- package/dist/{DataTable-CsoAI95B.js → DataTable-CmbjnjRg.js} +2 -2
- package/dist/{Legend-ZW-PFcHg.js → Legend-YPYnzTBz.js} +2 -2
- package/dist/{NonSvgPenAndPaper-DJTUaQ94.js → NonSvgPenAndPaper-SD-bH_GI.js} +3 -3
- package/dist/{PackageVersion-DCAZ9Z7V.js → PackageVersion-OcbP0WH2.js} +1 -1
- package/dist/{PenAndPaper-B9RP4oFj.js → PenAndPaper-BgPXmpGI.js} +3 -3
- package/dist/{Shape-BBbhObHC.js → Shape-WvXjwML_.js} +1 -1
- package/dist/{Slicer-Vh74fjdf.js → Slicer-CaMHCF_p.js} +2 -2
- package/dist/{SparkTooltip-CG-HMbX2.js → SparkTooltip-BTLad6y3.js} +1 -1
- package/dist/{Title-Dx8ctnVy.js → Title-CJcZXNtK.js} +1 -1
- package/dist/{Tooltip-COHlzpZI.js → Tooltip-dXp8FaUj.js} +1 -1
- package/dist/{UserOptions-CGn3YdRV.js → UserOptions-Cs7JW3dK.js} +154 -138
- package/dist/dom-to-png-DGfv21rX.js +247 -0
- package/dist/img-fdViJw1e.js +20 -0
- package/dist/{index-CbcpITE_.js → index-BzQ0j5xI.js} +190 -128
- package/dist/{pdf-Cy09nTjn.js → pdf-Bj65uPK-.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +60 -1
- package/dist/types/vue-data-ui.d.ts +60 -1
- package/dist/{useNestedProp-y56W8I7J.js → useNestedProp-DqpZEE3h.js} +1 -1
- package/dist/{usePrinter-u-gQiRNz.js → usePrinter-CpG5jh_z.js} +2 -2
- package/dist/{vue-data-ui-DGmMT-Yp.js → vue-data-ui-CeIncf6V.js} +63 -63
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-Du4TkjPV.js → vue-ui-3d-bar-fAJK0nIB.js} +175 -174
- package/dist/{vue-ui-accordion-BkA7rtwr.js → vue-ui-accordion-bpaEpjqI.js} +3 -3
- package/dist/{vue-ui-age-pyramid-bw7gLRlR.js → vue-ui-age-pyramid-D5w5EqmV.js} +200 -199
- package/dist/{vue-ui-annotator-C-_zXB7H.js → vue-ui-annotator-CSGemK-O.js} +2 -2
- package/dist/{vue-ui-bullet-BRnz7E8e.js → vue-ui-bullet-FPBahjOr.js} +9 -8
- package/dist/{vue-ui-candlestick-9cPPnO0t.js → vue-ui-candlestick-BpP9MQC2.js} +115 -114
- package/dist/{vue-ui-carousel-table-BJuSGbk2.js → vue-ui-carousel-table-lpdLFAfT.js} +80 -79
- package/dist/{vue-ui-chestnut-D2dnrdHT.js → vue-ui-chestnut-D5um0tmC.js} +453 -452
- package/dist/{vue-ui-chord-Rvygj27H.js → vue-ui-chord-CgrXXOgv.js} +43 -42
- package/dist/{vue-ui-circle-pack-BR79EDAC.js → vue-ui-circle-pack-Jk-Yd8T_.js} +143 -142
- package/dist/{vue-ui-cursor-K11x9TYc.js → vue-ui-cursor-BjmAMjTd.js} +2 -2
- package/dist/{vue-ui-dashboard-BgxqXwqN.js → vue-ui-dashboard-CQ0B1DMq.js} +62 -62
- package/dist/{vue-ui-digits-D7StMUym.js → vue-ui-digits-B3h4BufU.js} +2 -2
- package/dist/{vue-ui-donut-CyOg8kph.js → vue-ui-donut-DcjJqRof.js} +151 -150
- package/dist/{vue-ui-donut-evolution-CVhQaMNQ.js → vue-ui-donut-evolution-DmSbXlMu.js} +111 -110
- package/dist/{vue-ui-dumbbell-C7Wex4VO.js → vue-ui-dumbbell-BLcmTUd_.js} +54 -53
- package/dist/{vue-ui-flow-DFNdP-V9.js → vue-ui-flow-BmIGl6DC.js} +14 -13
- package/dist/{vue-ui-funnel-DqWcZVvF.js → vue-ui-funnel-BJfxaSQC.js} +75 -74
- package/dist/{vue-ui-galaxy-BhPbJqYr.js → vue-ui-galaxy-Cpnr2YW-.js} +84 -83
- package/dist/{vue-ui-gauge-sP6YPTJH.js → vue-ui-gauge-BhPFNziU.js} +33 -32
- package/dist/{vue-ui-gizmo-B4fq_bGX.js → vue-ui-gizmo-B2wA-kmz.js} +3 -3
- package/dist/{vue-ui-heatmap-CpNjtuyD.js → vue-ui-heatmap-CpwNMx3i.js} +222 -221
- package/dist/{vue-ui-history-plot-CtgTg4fG.js → vue-ui-history-plot-DpxHqDZw.js} +234 -233
- package/dist/{vue-ui-kpi-CN2AE1VF.js → vue-ui-kpi-CvqXwiiE.js} +3 -3
- package/dist/{vue-ui-mini-loader-CYt8LlhO.js → vue-ui-mini-loader-DIjSfc7L.js} +2 -2
- package/dist/{vue-ui-molecule-D3kexAu_.js → vue-ui-molecule-3-vg0Re6.js} +44 -43
- package/dist/{vue-ui-mood-radar-hHqR8eS7.js → vue-ui-mood-radar-B7W7wGkW.js} +76 -75
- package/dist/{vue-ui-nested-donuts-DXwaOA_n.js → vue-ui-nested-donuts-ByoeDL-3.js} +53 -52
- package/dist/{vue-ui-onion-C7R2R5tf.js → vue-ui-onion-CNVwf4QX.js} +72 -71
- package/dist/{vue-ui-parallel-coordinate-plot-Dh772r8W.js → vue-ui-parallel-coordinate-plot-C0KJrBX8.js} +13 -12
- package/dist/{vue-ui-quadrant-jrOesLSU.js → vue-ui-quadrant-C-wPn5l5.js} +13 -12
- package/dist/{vue-ui-quick-chart-CtLnhGZA.js → vue-ui-quick-chart-SV-m_FhA.js} +8 -7
- package/dist/{vue-ui-radar-BikYRjfw.js → vue-ui-radar-DqOzvLUy.js} +283 -282
- package/dist/{vue-ui-rating-DUYbT-Ve.js → vue-ui-rating-CsZXcINB.js} +2 -2
- package/dist/{vue-ui-relation-circle-CjnDrflp.js → vue-ui-relation-circle-B0zxq02O.js} +75 -74
- package/dist/{vue-ui-ridgeline-o7-RpeJx.js → vue-ui-ridgeline-CykFyAin.js} +102 -101
- package/dist/{vue-ui-rings-Dinj5ws1.js → vue-ui-rings-DoJwXgd3.js} +110 -109
- package/dist/{vue-ui-scatter-CODAsxBq.js → vue-ui-scatter-BTT3BYrI.js} +166 -165
- package/dist/{vue-ui-skeleton-miKWlCAi.js → vue-ui-skeleton-CavMQlAm.js} +3 -3
- package/dist/{vue-ui-smiley-DwqlNm1O.js → vue-ui-smiley-DdT6TBz8.js} +2 -2
- package/dist/{vue-ui-spark-trend-BjL35phT.js → vue-ui-spark-trend-D9q63V2-.js} +3 -3
- package/dist/{vue-ui-sparkbar-2o2ZLL50.js → vue-ui-sparkbar-DCS_f__b.js} +3 -3
- package/dist/{vue-ui-sparkgauge-CMlBpOcc.js → vue-ui-sparkgauge-CGDjBHjo.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-C7Ue-aaI.js → vue-ui-sparkhistogram-Ctpm0106.js} +4 -4
- package/dist/{vue-ui-sparkline-w29yzdZG.js → vue-ui-sparkline-BVyjNK_A.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-DbIxY7W3.js → vue-ui-sparkstackbar-BsNDucJO.js} +3 -3
- package/dist/{vue-ui-stackbar-CWqpeYW-.js → vue-ui-stackbar-DuGcJQ6F.js} +39 -38
- package/dist/{vue-ui-strip-plot-DyjQVaDX.js → vue-ui-strip-plot-C6vbloAI.js} +82 -81
- package/dist/{vue-ui-table-Bx82XIlz.js → vue-ui-table-Bb6pNaIM.js} +3 -3
- package/dist/{vue-ui-table-heatmap-RvSyx9L6.js → vue-ui-table-heatmap-_ypWL_z2.js} +77 -76
- package/dist/{vue-ui-table-sparkline-DebvtEV3.js → vue-ui-table-sparkline-_pPedR_D.js} +74 -73
- package/dist/{vue-ui-thermometer-yPKRIlqA.js → vue-ui-thermometer-CmLnTIU7.js} +22 -21
- package/dist/{vue-ui-timer-C15nOU7T.js → vue-ui-timer-CpAJT80M.js} +5 -5
- package/dist/{vue-ui-tiremarks-C2G8HtiX.js → vue-ui-tiremarks-DXgmJClr.js} +38 -37
- package/dist/{vue-ui-treemap-cFhw0xSg.js → vue-ui-treemap-Ci2Yi9Gh.js} +109 -108
- package/dist/{vue-ui-vertical-bar-dWiOw4sV.js → vue-ui-vertical-bar-pn_EqFmU.js} +82 -81
- package/dist/{vue-ui-waffle-Uldnmn6D.js → vue-ui-waffle-vqh1kEDT.js} +33 -32
- package/dist/{vue-ui-wheel-Cz79iDLO.js → vue-ui-wheel-BCcK6wwZ.js} +8 -7
- package/dist/{vue-ui-word-cloud-BGeHV6hS.js → vue-ui-word-cloud-Bu8Giu0b.js} +110 -109
- package/dist/{vue-ui-world-D1Dy-4mh.js → vue-ui-world-CzRlg19V.js} +57 -56
- package/dist/{vue-ui-xy-BA7xWU7_.js → vue-ui-xy-0gHPOOwZ.js} +982 -856
- package/dist/{vue-ui-xy-canvas-B2kkKb64.js → vue-ui-xy-canvas-DuAgXbBB.js} +41 -40
- package/package.json +1 -1
- package/dist/dom-to-png-BjSUS-jY.js +0 -243
- package/dist/img-DWfzRJdv.js +0 -19
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ref as $, useSlots as q, onMounted as R, computed as x, watch as J, createElementBlock as o, openBlock as a, normalizeStyle as s, createCommentVNode as p, createElementVNode as r, toDisplayString as f, unref as n, Fragment as B, renderList as Q, renderSlot as j, mergeProps as O, withKeys as ee } from "vue";
|
|
2
|
-
import { u as te, c as le, o as oe, e as ae, i as b, f as _, X as z, w as X, Z as I } from "./index-
|
|
3
|
-
import { u as ie } from "./useNestedProp-
|
|
2
|
+
import { u as te, c as le, o as oe, e as ae, i as b, f as _, X as z, w as X, Z as I } from "./index-BzQ0j5xI.js";
|
|
3
|
+
import { u as ie } from "./useNestedProp-DqpZEE3h.js";
|
|
4
4
|
import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const ne = {
|
|
6
6
|
key: 0,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { useCssVars as Je, computed as y, defineAsyncComponent as R, ref as o, watch as Ke, shallowRef as ke, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as
|
|
2
|
-
import { u as st, c as it, t as
|
|
1
|
+
import { useCssVars as Je, computed as y, defineAsyncComponent as R, ref as o, watch as Ke, shallowRef as ke, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as n, openBlock as i, unref as a, normalizeStyle as L, createBlock as B, createCommentVNode as v, createSlots as et, withCtx as I, renderSlot as h, normalizeProps as E, guardReactiveProps as T, normalizeClass as Y, createVNode as tt, createElementVNode as lt, Fragment as O, renderList as z, mergeProps as be, toDisplayString as N } from "vue";
|
|
2
|
+
import { u as st, c as it, t as at, p as we, a as nt, b as rt, o as ut, e as xe, g as ot, X as ct, G as $e, i as q, f as H, F as J } from "./index-BzQ0j5xI.js";
|
|
3
3
|
import { t as dt, u as vt } from "./useResponsive-JZ9xq-JV.js";
|
|
4
|
-
import { u as _e } from "./useNestedProp-
|
|
5
|
-
import { u as ft } from "./usePrinter-
|
|
4
|
+
import { u as _e } from "./useNestedProp-DqpZEE3h.js";
|
|
5
|
+
import { u as ft } from "./usePrinter-CpG5jh_z.js";
|
|
6
6
|
import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
7
7
|
import { u as ht } from "./useChartAccessibility-9icAAmYg.js";
|
|
8
|
-
import gt from "./Title-
|
|
8
|
+
import gt from "./Title-CJcZXNtK.js";
|
|
9
9
|
import { _ as mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
10
|
-
const pt = ["id"], kt = ["xmlns", "viewBox"],
|
|
10
|
+
const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["cx", "cy", "r", "stroke", "stroke-width"], xt = { key: 1 }, $t = ["stroke", "d", "stroke-width"], _t = { style: { "pointer-events": "none" } }, Ct = ["cx", "cy", "fill", "r", "stroke"], Pt = ["x", "y", "fill", "font-size"], Lt = { key: 2 }, Ot = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], zt = { style: { "pointer-events": "none" } }, At = ["cx", "cy", "fill", "r", "stroke"], It = ["x", "y", "fill", "font-size"], Mt = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], St = ["cx", "cy", "fill", "stroke", "onClick", "r"], Ft = {
|
|
11
11
|
key: 5,
|
|
12
12
|
class: "vue-data-ui-watermark"
|
|
13
13
|
}, Rt = {
|
|
@@ -28,31 +28,31 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
28
28
|
},
|
|
29
29
|
setup(Ce, { expose: Pe }) {
|
|
30
30
|
Je((e) => ({
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
31
|
+
"0da519e6": Be.value,
|
|
32
|
+
"144048c5": Re.value,
|
|
33
|
+
"4bcc49e7": Ee.value
|
|
34
34
|
}));
|
|
35
|
-
const Le = R(() => import("./PackageVersion-
|
|
36
|
-
get: () =>
|
|
35
|
+
const Le = R(() => import("./PackageVersion-OcbP0WH2.js")), Oe = R(() => import("./PenAndPaper-BgPXmpGI.js")), ze = R(() => import("./vue-ui-skeleton-CavMQlAm.js")), Ae = R(() => import("./UserOptions-Cs7JW3dK.js")), { vue_ui_relation_circle: Ie } = st(), k = Ce, j = y(() => !!k.dataset && Object.keys(k.dataset).length), A = o(it()), K = o(0), M = o(null), Q = o(null), Z = o(null), ee = o(null), te = o(0), l = y({
|
|
36
|
+
get: () => ae(),
|
|
37
37
|
set: (e) => e
|
|
38
38
|
}), { userOptionsVisible: U, setUserOptionsVisibility: le, keepUserOptionState: se } = yt({ config: l.value }), { svgRef: ie } = ht({ config: l.value.style.title });
|
|
39
|
-
function
|
|
39
|
+
function ae() {
|
|
40
40
|
const e = _e({
|
|
41
41
|
userConfig: k.config,
|
|
42
42
|
defaultConfig: Ie
|
|
43
43
|
});
|
|
44
44
|
return e.theme ? {
|
|
45
45
|
..._e({
|
|
46
|
-
userConfig:
|
|
46
|
+
userConfig: nt.vue_ui_relation_circle[e.theme] || k.config,
|
|
47
47
|
defaultConfig: e
|
|
48
48
|
}),
|
|
49
|
-
customPalette:
|
|
49
|
+
customPalette: at[e.theme] || we
|
|
50
50
|
} : e;
|
|
51
51
|
}
|
|
52
52
|
Ke(() => k.config, (e) => {
|
|
53
|
-
l.value =
|
|
53
|
+
l.value = ae(), U.value = !l.value.userOptions.showOnChartHover, fe(), te.value += 1;
|
|
54
54
|
}, { deep: !0 });
|
|
55
|
-
const { isPrinting:
|
|
55
|
+
const { isPrinting: ne, isImaging: re, generatePdf: ue, generateImage: oe } = ft({
|
|
56
56
|
elementId: `relation_circle_${A.value}`,
|
|
57
57
|
fileName: l.value.style.title.text || "vue-ui-relation-circle",
|
|
58
58
|
options: l.value.userOptions.print
|
|
@@ -66,7 +66,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
66
66
|
set(e) {
|
|
67
67
|
return e;
|
|
68
68
|
}
|
|
69
|
-
}), Fe = y(() => l.value.style.links.curved), Re = y(() => `${l.value.style.animation.speedMs}ms`), Be = y(() => $.value * 2), Ee = y(() => $.value * 4),
|
|
69
|
+
}), Fe = y(() => l.value.style.links.curved), Re = y(() => `${l.value.style.animation.speedMs}ms`), Be = y(() => $.value * 2), Ee = y(() => $.value * 4), b = ke(null), C = ke(null);
|
|
70
70
|
Qe(() => {
|
|
71
71
|
fe(), document.getElementById(`relation_circle_${A.value}`).addEventListener("click", ye);
|
|
72
72
|
});
|
|
@@ -116,12 +116,12 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
116
116
|
}));
|
|
117
117
|
});
|
|
118
118
|
});
|
|
119
|
-
|
|
119
|
+
b.value && (C.value && b.value.unobserve(C.value), b.value.disconnect()), b.value = new ResizeObserver(e), C.value = M.value.parentNode, b.value.observe(C.value);
|
|
120
120
|
} else
|
|
121
121
|
x.value = [], g.value = [], he(), ge();
|
|
122
122
|
}
|
|
123
123
|
Ze(() => {
|
|
124
|
-
document.getElementById(`relation_circle_${A.value}`).removeEventListener("click", ye),
|
|
124
|
+
document.getElementById(`relation_circle_${A.value}`).removeEventListener("click", ye), b.value && (C.value && b.value.unobserve(C.value), b.value.disconnect());
|
|
125
125
|
});
|
|
126
126
|
function ye(e) {
|
|
127
127
|
const s = e.target;
|
|
@@ -132,7 +132,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
132
132
|
let t = 0, r = 0;
|
|
133
133
|
G.value.forEach((f, d) => {
|
|
134
134
|
const D = f.weights.reduce((qe, He) => qe + He, 0), X = $.value * Math.cos(t) + u.value.width / 2, Ye = $.value * Math.sin(t) + u.value.height / 2 + l.value.style.circle.offsetY;
|
|
135
|
-
x.value.push({ x: X, y: Ye, ...f, color: f.color ? f.color : ce.value[d] ? ce.value[d] :
|
|
135
|
+
x.value.push({ x: X, y: Ye, ...f, color: f.color ? f.color : ce.value[d] ? ce.value[d] : we[d], regAngle: r, totalWeight: D }), t += e, r += s;
|
|
136
136
|
});
|
|
137
137
|
}
|
|
138
138
|
function Te(e, s) {
|
|
@@ -175,7 +175,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
175
175
|
function Ue(e) {
|
|
176
176
|
return Object.hasOwn(c.value, "x") ? m.value.includes(e.id) ? "opacity:1" : "opacity:0.1" : "opacity:1";
|
|
177
177
|
}
|
|
178
|
-
function
|
|
178
|
+
function w(e) {
|
|
179
179
|
return e.colorSource;
|
|
180
180
|
}
|
|
181
181
|
function me(e) {
|
|
@@ -215,31 +215,31 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
215
215
|
generatePdf: ue,
|
|
216
216
|
generateImage: oe,
|
|
217
217
|
toggleAnnotator: W
|
|
218
|
-
}), (e, s) => (i(),
|
|
218
|
+
}), (e, s) => (i(), n("div", {
|
|
219
219
|
ref_key: "relationCircleChart",
|
|
220
220
|
ref: M,
|
|
221
221
|
class: "vue-ui-relation-circle",
|
|
222
222
|
style: L(`width:100%;background:${l.value.style.backgroundColor};text-align:center;${l.value.responsive ? "height: 100%" : ""}`),
|
|
223
223
|
id: `relation_circle_${A.value}`,
|
|
224
|
-
onMouseenter: s[0] || (s[0] = () =>
|
|
225
|
-
onMouseleave: s[1] || (s[1] = () =>
|
|
224
|
+
onMouseenter: s[0] || (s[0] = () => a(le)(!0)),
|
|
225
|
+
onMouseleave: s[1] || (s[1] = () => a(le)(!1))
|
|
226
226
|
}, [
|
|
227
|
-
l.value.userOptions.buttons.annotator ? (i(), B(
|
|
227
|
+
l.value.userOptions.buttons.annotator ? (i(), B(a(Oe), {
|
|
228
228
|
key: 0,
|
|
229
|
-
svgRef:
|
|
229
|
+
svgRef: a(ie),
|
|
230
230
|
backgroundColor: l.value.style.backgroundColor,
|
|
231
231
|
color: l.value.style.color,
|
|
232
232
|
active: F.value,
|
|
233
233
|
onClose: W
|
|
234
234
|
}, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : v("", !0),
|
|
235
|
-
Me.value ? (i(),
|
|
235
|
+
Me.value ? (i(), n("div", {
|
|
236
236
|
key: 1,
|
|
237
237
|
ref_key: "noTitle",
|
|
238
238
|
ref: ee,
|
|
239
239
|
class: "vue-data-ui-no-title-space",
|
|
240
240
|
style: "height:36px; width: 100%;background:transparent"
|
|
241
241
|
}, null, 512)) : v("", !0),
|
|
242
|
-
l.value.style.title.text ? (i(),
|
|
242
|
+
l.value.style.title.text ? (i(), n("div", {
|
|
243
243
|
key: 2,
|
|
244
244
|
ref_key: "chartTitle",
|
|
245
245
|
ref: Q,
|
|
@@ -259,13 +259,13 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
259
259
|
}
|
|
260
260
|
}, null, 8, ["config"]))
|
|
261
261
|
], 512)) : v("", !0),
|
|
262
|
-
l.value.userOptions.show && j.value && (
|
|
262
|
+
l.value.userOptions.show && j.value && (a(se) || a(U)) ? (i(), B(a(Ae), {
|
|
263
263
|
ref: "details",
|
|
264
264
|
key: `user_options_${K.value}`,
|
|
265
265
|
backgroundColor: l.value.style.backgroundColor,
|
|
266
266
|
color: l.value.style.color,
|
|
267
|
-
isPrinting:
|
|
268
|
-
isImaging:
|
|
267
|
+
isPrinting: a(ne),
|
|
268
|
+
isImaging: a(re),
|
|
269
269
|
uid: A.value,
|
|
270
270
|
hasPdf: l.value.userOptions.buttons.pdf,
|
|
271
271
|
hasImg: l.value.userOptions.buttons.img,
|
|
@@ -277,12 +277,13 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
277
277
|
position: l.value.userOptions.position,
|
|
278
278
|
hasAnnotator: l.value.userOptions.buttons.annotator,
|
|
279
279
|
isAnnotation: F.value,
|
|
280
|
+
callbacks: l.value.userOptions.callbacks,
|
|
280
281
|
onToggleFullscreen: Xe,
|
|
281
|
-
onGeneratePdf:
|
|
282
|
-
onGenerateImage:
|
|
282
|
+
onGeneratePdf: a(ue),
|
|
283
|
+
onGenerateImage: a(oe),
|
|
283
284
|
onToggleAnnotator: W,
|
|
284
285
|
style: L({
|
|
285
|
-
visibility:
|
|
286
|
+
visibility: a(se) ? a(U) ? "visible" : "hidden" : "visible"
|
|
286
287
|
})
|
|
287
288
|
}, et({ _: 2 }, [
|
|
288
289
|
e.$slots.menuIcon ? {
|
|
@@ -320,19 +321,19 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
320
321
|
]),
|
|
321
322
|
key: "4"
|
|
322
323
|
} : void 0
|
|
323
|
-
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
|
|
324
|
-
j.value ? (i(),
|
|
324
|
+
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
|
|
325
|
+
j.value ? (i(), n("svg", {
|
|
325
326
|
key: 4,
|
|
326
327
|
ref_key: "svgRef",
|
|
327
328
|
ref: ie,
|
|
328
|
-
xmlns:
|
|
329
|
+
xmlns: a(ct),
|
|
329
330
|
class: Y([{ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }, "relation-circle"]),
|
|
330
331
|
viewBox: `0 0 ${u.value.width <= 0 ? 10 : u.value.width} ${u.value.height <= 0 ? 10 : u.value.height}`,
|
|
331
332
|
width: "100%",
|
|
332
333
|
style: "user-select:none; background:transparent"
|
|
333
334
|
}, [
|
|
334
|
-
tt(
|
|
335
|
-
e.$slots["chart-background"] ? (i(),
|
|
335
|
+
tt(a(Le)),
|
|
336
|
+
e.$slots["chart-background"] ? (i(), n("foreignObject", {
|
|
336
337
|
key: 0,
|
|
337
338
|
x: 0,
|
|
338
339
|
y: 0,
|
|
@@ -343,7 +344,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
343
344
|
}
|
|
344
345
|
}, [
|
|
345
346
|
h(e.$slots, "chart-background", {}, void 0, !0)
|
|
346
|
-
], 8,
|
|
347
|
+
], 8, bt)) : v("", !0),
|
|
347
348
|
lt("circle", {
|
|
348
349
|
cx: (u.value.width <= 0 ? 1e-4 : u.value.width) / 2,
|
|
349
350
|
cy: (u.value.height <= 0 ? 1e-4 : u.value.height) / 2 + l.value.style.circle.offsetY,
|
|
@@ -352,49 +353,49 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
352
353
|
"stroke-width": l.value.style.circle.strokeWidth,
|
|
353
354
|
fill: "transparent",
|
|
354
355
|
class: "main-circle"
|
|
355
|
-
}, null, 8,
|
|
356
|
-
Fe.value ? (i(),
|
|
357
|
-
(i(!0),
|
|
356
|
+
}, null, 8, wt),
|
|
357
|
+
Fe.value ? (i(), n("g", xt, [
|
|
358
|
+
(i(!0), n(O, null, z(g.value, (t, r) => (i(), n("path", {
|
|
358
359
|
key: `relation_${r}`,
|
|
359
360
|
style: L(me(t)),
|
|
360
|
-
stroke:
|
|
361
|
+
stroke: w(t),
|
|
361
362
|
class: Y(["relation", { "vue-ui-relation-circle-selected": c.value.hasOwnProperty("id") && m.value.includes(t.id) }]),
|
|
362
363
|
d: `M${t.x1},${t.y1} C${t.x1},${t.y1} ${u.value.width / 2},${u.value.height / 2 + l.value.style.circle.offsetY} ${t.x2},${t.y2}`,
|
|
363
364
|
fill: "none",
|
|
364
365
|
"stroke-width": V(t),
|
|
365
366
|
"stroke-linecap": "round"
|
|
366
367
|
}, null, 14, $t))), 128)),
|
|
367
|
-
(i(!0),
|
|
368
|
-
P(t) ? h(e.$slots, "dataLabel",
|
|
368
|
+
(i(!0), n(O, null, z(g.value, (t, r) => (i(), n("g", _t, [
|
|
369
|
+
P(t) ? h(e.$slots, "dataLabel", be({
|
|
369
370
|
key: 0,
|
|
370
371
|
ref_for: !0
|
|
371
372
|
}, {
|
|
372
373
|
x: t.midPointBezier.x,
|
|
373
374
|
y: t.midPointBezier.y,
|
|
374
|
-
color:
|
|
375
|
+
color: w(t),
|
|
375
376
|
weight: t.weight,
|
|
376
377
|
fontSize: p.value
|
|
377
378
|
}), void 0, !0) : v("", !0),
|
|
378
|
-
P(t) && !e.$slots.dataLabel ? (i(),
|
|
379
|
+
P(t) && !e.$slots.dataLabel ? (i(), n("circle", {
|
|
379
380
|
key: 1,
|
|
380
381
|
cx: t.midPointBezier.x,
|
|
381
382
|
cy: t.midPointBezier.y,
|
|
382
|
-
fill:
|
|
383
|
+
fill: w(t),
|
|
383
384
|
r: p.value,
|
|
384
385
|
stroke: l.value.style.backgroundColor,
|
|
385
386
|
"stroke-width": "1"
|
|
386
387
|
}, null, 8, Ct)) : v("", !0),
|
|
387
|
-
P(t) && !e.$slots.dataLabel ? (i(),
|
|
388
|
+
P(t) && !e.$slots.dataLabel ? (i(), n("text", {
|
|
388
389
|
key: 2,
|
|
389
390
|
x: t.midPointBezier.x,
|
|
390
391
|
y: t.midPointBezier.y + p.value / 3,
|
|
391
|
-
fill:
|
|
392
|
+
fill: a($e)(w(t)),
|
|
392
393
|
"text-anchor": "middle",
|
|
393
394
|
"font-size": p.value
|
|
394
|
-
}, N(
|
|
395
|
+
}, N(a(q)(
|
|
395
396
|
l.value.style.weightLabels.formatter,
|
|
396
397
|
t.weight,
|
|
397
|
-
|
|
398
|
+
a(H)({
|
|
398
399
|
p: l.value.style.weightLabels.prefix,
|
|
399
400
|
v: t.weight,
|
|
400
401
|
s: l.value.style.weightLabels.suffix,
|
|
@@ -403,10 +404,10 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
403
404
|
{ ...t }
|
|
404
405
|
)), 9, Pt)) : v("", !0)
|
|
405
406
|
]))), 256))
|
|
406
|
-
])) : (i(),
|
|
407
|
-
(i(!0),
|
|
407
|
+
])) : (i(), n("g", Lt, [
|
|
408
|
+
(i(!0), n(O, null, z(g.value, (t, r) => (i(), n("line", {
|
|
408
409
|
key: `relation_${r}`,
|
|
409
|
-
stroke:
|
|
410
|
+
stroke: w(t),
|
|
410
411
|
"stroke-width": V(t),
|
|
411
412
|
style: L(me(t)),
|
|
412
413
|
x1: t.x1,
|
|
@@ -416,37 +417,37 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
416
417
|
class: Y({ "vue-ui-relation-circle-selected": c.value.hasOwnProperty("id") && m.value.includes(t.id) }),
|
|
417
418
|
"stroke-linecap": "round"
|
|
418
419
|
}, null, 14, Ot))), 128)),
|
|
419
|
-
(i(!0),
|
|
420
|
-
P(t) ? h(e.$slots, "dataLabel",
|
|
420
|
+
(i(!0), n(O, null, z(g.value, (t, r) => (i(), n("g", zt, [
|
|
421
|
+
P(t) ? h(e.$slots, "dataLabel", be({
|
|
421
422
|
key: 0,
|
|
422
423
|
ref_for: !0
|
|
423
424
|
}, {
|
|
424
425
|
x: t.midPointLine.x,
|
|
425
426
|
y: t.midPointLine.y,
|
|
426
|
-
color:
|
|
427
|
+
color: w(t),
|
|
427
428
|
weight: t.weight,
|
|
428
429
|
fontSize: p.value
|
|
429
430
|
}), void 0, !0) : v("", !0),
|
|
430
|
-
P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(),
|
|
431
|
+
P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), n("circle", {
|
|
431
432
|
key: 1,
|
|
432
433
|
cx: t.midPointLine.x,
|
|
433
434
|
cy: t.midPointLine.y,
|
|
434
|
-
fill:
|
|
435
|
+
fill: w(t),
|
|
435
436
|
r: p.value,
|
|
436
437
|
stroke: l.value.style.backgroundColor,
|
|
437
438
|
"stroke-width": "1"
|
|
438
439
|
}, null, 8, At)) : v("", !0),
|
|
439
|
-
P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(),
|
|
440
|
+
P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), n("text", {
|
|
440
441
|
key: 2,
|
|
441
442
|
x: t.midPointLine.x,
|
|
442
443
|
y: t.midPointLine.y + p.value / 3,
|
|
443
|
-
fill:
|
|
444
|
+
fill: a($e)(w(t)),
|
|
444
445
|
"text-anchor": "middle",
|
|
445
446
|
"font-size": p.value
|
|
446
|
-
}, N(
|
|
447
|
+
}, N(a(q)(
|
|
447
448
|
l.value.style.weightLabels.formatter,
|
|
448
449
|
t.weight,
|
|
449
|
-
|
|
450
|
+
a(H)({
|
|
450
451
|
p: l.value.style.weightLabels.prefix,
|
|
451
452
|
v: t.weight,
|
|
452
453
|
s: l.value.style.weightLabels.suffix,
|
|
@@ -456,7 +457,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
456
457
|
)), 9, It)) : v("", !0)
|
|
457
458
|
]))), 256))
|
|
458
459
|
])),
|
|
459
|
-
(i(!0),
|
|
460
|
+
(i(!0), n(O, null, z(x.value, (t, r) => (i(), n("text", {
|
|
460
461
|
key: `plot_text_${r}`,
|
|
461
462
|
"text-anchor": Ge(t),
|
|
462
463
|
transform: De(t),
|
|
@@ -469,10 +470,10 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
469
470
|
style: L(`font-family:${l.value.style.fontFamily};${We(t)}`),
|
|
470
471
|
"font-size": ve.value,
|
|
471
472
|
fill: l.value.style.labels.color
|
|
472
|
-
}, N(t.label) + " (" + N(
|
|
473
|
+
}, N(t.label) + " (" + N(a(q)(
|
|
473
474
|
l.value.style.weightLabels.formatter,
|
|
474
475
|
t.totalWeight,
|
|
475
|
-
|
|
476
|
+
a(H)({
|
|
476
477
|
p: l.value.style.weightLabels.prefix,
|
|
477
478
|
v: t.totalWeight,
|
|
478
479
|
s: l.value.style.weightLabels.suffix,
|
|
@@ -480,7 +481,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
480
481
|
}),
|
|
481
482
|
{ ...t }
|
|
482
483
|
)) + ") ", 13, Mt))), 128)),
|
|
483
|
-
(i(!0),
|
|
484
|
+
(i(!0), n(O, null, z(x.value, (t, r) => (i(), n("circle", {
|
|
484
485
|
cx: t.x,
|
|
485
486
|
cy: t.y,
|
|
486
487
|
key: `plot_${r}`,
|
|
@@ -494,10 +495,10 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
494
495
|
}, null, 12, St))), 128)),
|
|
495
496
|
h(e.$slots, "svg", { svg: u.value }, void 0, !0)
|
|
496
497
|
], 10, kt)) : v("", !0),
|
|
497
|
-
e.$slots.watermark ? (i(),
|
|
498
|
-
h(e.$slots, "watermark", E(T({ isPrinting:
|
|
498
|
+
e.$slots.watermark ? (i(), n("div", Ft, [
|
|
499
|
+
h(e.$slots, "watermark", E(T({ isPrinting: a(ne) || a(re) })), void 0, !0)
|
|
499
500
|
])) : v("", !0),
|
|
500
|
-
e.$slots.source ? (i(),
|
|
501
|
+
e.$slots.source ? (i(), n("div", {
|
|
501
502
|
key: 6,
|
|
502
503
|
ref_key: "source",
|
|
503
504
|
ref: Z,
|
|
@@ -505,7 +506,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
505
506
|
}, [
|
|
506
507
|
h(e.$slots, "source", {}, void 0, !0)
|
|
507
508
|
], 512)) : v("", !0),
|
|
508
|
-
j.value ? v("", !0) : (i(), B(
|
|
509
|
+
j.value ? v("", !0) : (i(), B(a(ze), {
|
|
509
510
|
key: 7,
|
|
510
511
|
config: {
|
|
511
512
|
type: "relationCircle",
|
|
@@ -519,7 +520,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
|
|
|
519
520
|
}, null, 8, ["config"]))
|
|
520
521
|
], 44, pt));
|
|
521
522
|
}
|
|
522
|
-
}, Dt = /* @__PURE__ */ mt(Rt, [["__scopeId", "data-v-
|
|
523
|
+
}, Dt = /* @__PURE__ */ mt(Rt, [["__scopeId", "data-v-99ea3a35"]]);
|
|
523
524
|
export {
|
|
524
525
|
Dt as default
|
|
525
526
|
};
|