vue-data-ui 3.1.3 → 3.1.5
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-DBaAWGvq.js → Arrow-BFbcF5Sq.js} +1 -1
- package/dist/{BaseDraggableDialog-BmN9jTP8.js → BaseDraggableDialog-BO4B1Kwa.js} +2 -2
- package/dist/{BaseIcon-BcOSijbz.js → BaseIcon-BQQGRQ2U.js} +1 -1
- package/dist/{ColorPicker-D1yNPt76.js → ColorPicker-d1kmGapq.js} +2 -2
- package/dist/{DataTable-Cm8Tt9PQ.js → DataTable-D6voeZvO.js} +2 -2
- package/dist/{Legend-5qvgVkrY.js → Legend-nPGcCxG_.js} +2 -2
- package/dist/{NonSvgPenAndPaper-D3QGd7vP.js → NonSvgPenAndPaper-xRGRe41H.js} +3 -3
- package/dist/{PackageVersion-0XlRFsI_.js → PackageVersion-BeStrsPr.js} +1 -1
- package/dist/{PenAndPaper-CyH7Ip2i.js → PenAndPaper-C6tiapdo.js} +3 -3
- package/dist/{Shape-DiplSMFy.js → Shape-DBVq0fdK.js} +1 -1
- package/dist/Slicer-Duqm7KZK.js +597 -0
- package/dist/{SparkTooltip-VveQSwlw.js → SparkTooltip-wNGmXZSx.js} +1 -1
- package/dist/{Title-CqYBs02Y.js → Title-ydtId0LC.js} +1 -1
- package/dist/Tooltip-oeu9knGI.js +200 -0
- package/dist/{UserOptions-ZmwlARCV.js → UserOptions-CnJxN2Vo.js} +29 -29
- package/dist/{dom-to-png-DGA4a3xT.js → dom-to-png-CMCYtLrX.js} +1 -1
- package/dist/{img-DSrvx9J6.js → img-Neec0VVb.js} +1 -1
- package/dist/{index-CaxArMHL.js → index-BkfuZCRT.js} +7 -2
- package/dist/{pdf-BG8PiGFH.js → pdf-CpQ-dqJh.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +12 -0
- package/dist/types/vue-data-ui.d.ts +12 -0
- package/dist/{useAutoSizeLabelsInsideViewbox-DmtFf4bt.js → useAutoSizeLabelsInsideViewbox-DR2HExYc.js} +1 -1
- package/dist/{useNestedProp-tWT02_6S.js → useNestedProp-BMzw9VUz.js} +1 -1
- package/dist/{usePrinter-BYtPmEo8.js → usePrinter-CEdg3j8S.js} +2 -2
- package/dist/{vue-data-ui-DVb8r5z7.js → vue-data-ui-D5B7a84o.js} +64 -64
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-BLKyWpz7.js → vue-ui-3d-bar-C8_Qu1rf.js} +6 -6
- package/dist/{vue-ui-accordion-DUlNpLir.js → vue-ui-accordion-DFxAHGEZ.js} +3 -3
- package/dist/{vue-ui-age-pyramid-LLqbXP1m.js → vue-ui-age-pyramid-D_kTImtX.js} +43 -41
- package/dist/{vue-ui-annotator-CcYIlcKF.js → vue-ui-annotator-B1vSlzfu.js} +2 -2
- package/dist/{vue-ui-bullet-BKmts_u4.js → vue-ui-bullet-VPchh2r2.js} +7 -7
- package/dist/{vue-ui-candlestick-C9l_NpXu.js → vue-ui-candlestick-CB3bj7_-.js} +42 -40
- package/dist/{vue-ui-carousel-table-H7xS6aBC.js → vue-ui-carousel-table-CUiSyrTY.js} +4 -4
- package/dist/{vue-ui-chestnut-CAW0IOdY.js → vue-ui-chestnut-BE5ZEt1N.js} +5 -5
- package/dist/{vue-ui-chord-CK5YhCqM.js → vue-ui-chord-DVSBY9ou.js} +8 -8
- package/dist/{vue-ui-circle-pack-NLyZgTGF.js → vue-ui-circle-pack-BfDjZFaF.js} +6 -6
- package/dist/{vue-ui-cursor-CyGUrKWU.js → vue-ui-cursor-BIuc6nds.js} +2 -2
- package/dist/{vue-ui-dashboard-Cf5pvEzD.js → vue-ui-dashboard-C7xIcrvD.js} +79 -80
- package/dist/{vue-ui-digits-BZWwwp7c.js → vue-ui-digits-C3mI-0Fg.js} +2 -2
- package/dist/{vue-ui-donut-g1WHrj6G.js → vue-ui-donut-BApz1ho5.js} +52 -50
- package/dist/{vue-ui-donut-evolution-CaEYMVZj.js → vue-ui-donut-evolution-B2PJiYY9.js} +8 -8
- package/dist/{vue-ui-dumbbell-BArS1nXS.js → vue-ui-dumbbell-DQjVvBH_.js} +7 -7
- package/dist/{vue-ui-flow-BR0CB5qt.js → vue-ui-flow-COtJRNLE.js} +40 -38
- package/dist/{vue-ui-funnel-D2OCItvq.js → vue-ui-funnel-BY2qeg-m.js} +6 -6
- package/dist/{vue-ui-galaxy-qgGF1AAf.js → vue-ui-galaxy-3zec_QLi.js} +58 -56
- package/dist/{vue-ui-gauge-BIXmGyQL.js → vue-ui-gauge-CFUA5ORH.js} +8 -8
- package/dist/{vue-ui-gizmo-DHEoS051.js → vue-ui-gizmo-CUPFU8GE.js} +3 -3
- package/dist/{vue-ui-heatmap-tRzq9BnI.js → vue-ui-heatmap-DakytdCv.js} +68 -66
- package/dist/{vue-ui-history-plot-DmwHhrDk.js → vue-ui-history-plot-DnSB7au4.js} +85 -83
- package/dist/{vue-ui-kpi-C2b2R5i1.js → vue-ui-kpi-UmcKQftv.js} +3 -3
- package/dist/{vue-ui-mini-loader-Bs1Mi1tD.js → vue-ui-mini-loader-Bl8GHasa.js} +2 -2
- package/dist/{vue-ui-molecule-BsUvf2v7.js → vue-ui-molecule-BZrmSVps.js} +63 -61
- package/dist/{vue-ui-mood-radar-D3JIpVvX.js → vue-ui-mood-radar-CVM8vl5N.js} +7 -7
- package/dist/{vue-ui-nested-donuts-dJEgQXTH.js → vue-ui-nested-donuts-LTzijeVK.js} +70 -68
- package/dist/{vue-ui-onion-D8dF1DdA.js → vue-ui-onion-aHCc3r7L.js} +38 -36
- package/dist/{vue-ui-parallel-coordinate-plot-LmFsg7UA.js → vue-ui-parallel-coordinate-plot-0xXe6A-6.js} +54 -52
- package/dist/{vue-ui-quadrant-C4O8ki4N.js → vue-ui-quadrant-BlM9WNN7.js} +203 -201
- package/dist/{vue-ui-quick-chart-6bEtTQBG.js → vue-ui-quick-chart-CJ2Wdln9.js} +152 -150
- package/dist/{vue-ui-radar-CfjGWGk3.js → vue-ui-radar-Cgnooz7-.js} +121 -119
- package/dist/{vue-ui-rating-D3WSs2OD.js → vue-ui-rating-DF71ymNG.js} +2 -2
- package/dist/{vue-ui-relation-circle-DzTfi7Tf.js → vue-ui-relation-circle-DsuEL1gY.js} +7 -7
- package/dist/{vue-ui-ridgeline-NtYOJvDy.js → vue-ui-ridgeline-DxP8uxgx.js} +8 -8
- package/dist/{vue-ui-rings-CYQ4i71V.js → vue-ui-rings-C4hKgrft.js} +162 -160
- package/dist/{vue-ui-scatter-meJEHdAD.js → vue-ui-scatter-B_SzTSE5.js} +157 -155
- package/dist/{vue-ui-skeleton-BtILTxx-.js → vue-ui-skeleton-DCAlHSMV.js} +3 -3
- package/dist/{vue-ui-smiley-B5bELpYD.js → vue-ui-smiley-B_JFtrl6.js} +2 -2
- package/dist/{vue-ui-spark-trend-lixdWq_N.js → vue-ui-spark-trend-CC7q1UbE.js} +3 -3
- package/dist/{vue-ui-sparkbar-CaGPav-J.js → vue-ui-sparkbar-C2YRX4mJ.js} +3 -3
- package/dist/{vue-ui-sparkgauge-BZBGYDjs.js → vue-ui-sparkgauge-BO4c3j-8.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-Bp6KxpjH.js → vue-ui-sparkhistogram-BuGOHT9h.js} +4 -4
- package/dist/{vue-ui-sparkline-CF-EAZa6.js → vue-ui-sparkline-hOyPCIt8.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-Cj1LAYC8.js → vue-ui-sparkstackbar-DhSc-U8u.js} +36 -34
- package/dist/{vue-ui-stackbar-BrzKhqAK.js → vue-ui-stackbar-VdBWv1wm.js} +14 -12
- package/dist/{vue-ui-strip-plot-BfVVaSFn.js → vue-ui-strip-plot-CBj5ntWM.js} +58 -56
- package/dist/{vue-ui-table-CBzNgzVP.js → vue-ui-table-BItmKbvF.js} +156 -121
- package/dist/{vue-ui-table-heatmap-CKz5bA7N.js → vue-ui-table-heatmap-DziHVKba.js} +5 -5
- package/dist/{vue-ui-table-sparkline-O-Z0YH6u.js → vue-ui-table-sparkline-CpWDqm7q.js} +4 -4
- package/dist/{vue-ui-thermometer-DpNyTGNH.js → vue-ui-thermometer-CWt0q_Tu.js} +7 -7
- package/dist/{vue-ui-timer-uvshaRMI.js → vue-ui-timer-BIv2sfQA.js} +5 -5
- package/dist/{vue-ui-tiremarks-A8Akuz-q.js → vue-ui-tiremarks-BE_VWjK-.js} +6 -6
- package/dist/{vue-ui-treemap-Dvmuo3tM.js → vue-ui-treemap-2AIbDpTo.js} +41 -39
- package/dist/{vue-ui-vertical-bar-eMgRMSKN.js → vue-ui-vertical-bar-CP-XFVV5.js} +53 -51
- package/dist/{vue-ui-waffle-Cm8VfnG8.js → vue-ui-waffle-CewP8k-W.js} +67 -65
- package/dist/{vue-ui-wheel-Bhsklf_m.js → vue-ui-wheel-Ik8FoLfz.js} +6 -6
- package/dist/{vue-ui-word-cloud-C9HGLsG4.js → vue-ui-word-cloud-CEEc5ep_.js} +83 -80
- package/dist/{vue-ui-world-B_MrjwGJ.js → vue-ui-world-CuwXMI3D.js} +11 -9
- package/dist/{vue-ui-xy-DnYJw2aS.js → vue-ui-xy-Bsh2OBHp.js} +1326 -1329
- package/dist/{vue-ui-xy-canvas-C0Snw0Dz.js → vue-ui-xy-canvas-CKzjhhNg.js} +46 -44
- package/package.json +1 -1
- package/dist/Slicer-DG99wPTy.js +0 -604
- package/dist/Tooltip-CP0tVHAf.js +0 -161
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { defineAsyncComponent as L, computed as p, ref as i, toRefs as
|
|
2
|
-
import { u as Pt, c as ye, t as Dt, a as Nt, p as P, b as
|
|
1
|
+
import { defineAsyncComponent as L, computed as p, ref as i, toRefs as Tt, watch as q, shallowRef as Ve, onMounted as $t, onBeforeUnmount as Xe, watchEffect as St, createElementBlock as n, openBlock as r, unref as v, normalizeStyle as J, normalizeClass as E, createBlock as z, createCommentVNode as c, createVNode as be, createSlots as je, withCtx as b, renderSlot as y, normalizeProps as F, guardReactiveProps as I, createElementVNode as m, Fragment as g, renderList as _, toDisplayString as T, mergeProps as Ye, resolveDynamicComponent as Ot, createTextVNode as qe, nextTick as zt } from "vue";
|
|
2
|
+
import { u as Pt, c as ye, t as Dt, a as Nt, p as P, b as Ft, o as Je, f as me, g as Ke, d as It, e as Qe, h as Mt, D as Rt, i as K, X as Wt, k as ge, I as Bt, ab as Et, l as Gt, j as Ht, y as Ze, E as Ut, v as Vt, w as Xt, z as jt } from "./index-BkfuZCRT.js";
|
|
3
3
|
import { t as et, u as Yt } from "./useResponsive-DfdjqQps.js";
|
|
4
4
|
import { u as qt, B as Jt } from "./BaseScanner-BgWxam9d.js";
|
|
5
|
-
import { u as Kt } from "./usePrinter-
|
|
6
|
-
import { u as tt } from "./useNestedProp-
|
|
5
|
+
import { u as Kt } from "./usePrinter-CEdg3j8S.js";
|
|
6
|
+
import { u as tt } from "./useNestedProp-BMzw9VUz.js";
|
|
7
7
|
import { u as Qt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
8
8
|
import { u as Zt } from "./useChartAccessibility-9icAAmYg.js";
|
|
9
9
|
import { u as el } from "./useTimeLabelCollider-CIsgDrl9.js";
|
|
10
|
-
import tl from "./img-
|
|
11
|
-
import { _ as ll } from "./Shape-
|
|
12
|
-
import al from "./Title-
|
|
10
|
+
import tl from "./img-Neec0VVb.js";
|
|
11
|
+
import { _ as ll } from "./Shape-DBVq0fdK.js";
|
|
12
|
+
import al from "./Title-ydtId0LC.js";
|
|
13
13
|
import { _ as ol } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
14
|
-
const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"], nl = { key: 1 }, il = { key: 0 }, vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], cl = { key: 1 }, hl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fl = ["x", "y", "fill", "font-size"], bl = ["transform", "font-size", "fill", "text-anchor"], yl = ["transform", "font-size", "fill", "text-anchor", "innerHTML"], ml = ["fill", "font-size", "transform"], gl = ["fill", "font-size", "x", "y"], xl = ["x1", "x2", "y1", "y2", "stroke"], kl = ["cx", "cy", "fill"], wl = ["cx", "cy", "fill"], Cl = ["id"], Al = ["stop-color"], Ll = ["stop-color"], _l = ["stop-color"],
|
|
14
|
+
const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"], nl = { key: 1 }, il = { key: 0 }, vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], cl = { key: 1 }, hl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fl = ["x", "y", "fill", "font-size"], bl = ["transform", "font-size", "fill", "text-anchor"], yl = ["transform", "font-size", "fill", "text-anchor", "innerHTML"], ml = ["fill", "font-size", "transform"], gl = ["fill", "font-size", "x", "y"], xl = ["x1", "x2", "y1", "y2", "stroke"], kl = ["cx", "cy", "fill"], wl = ["cx", "cy", "fill"], Cl = ["id"], Al = ["stop-color"], Ll = ["stop-color"], _l = ["stop-color"], Tl = { key: 0 }, $l = ["x", "y", "font-size", "fill"], Sl = {
|
|
15
15
|
key: 4,
|
|
16
16
|
class: "vue-data-ui-watermark"
|
|
17
17
|
}, Ol = ["innerHTML"], zl = {
|
|
@@ -32,15 +32,15 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
32
32
|
},
|
|
33
33
|
emits: ["selectDatapoint"],
|
|
34
34
|
setup(lt, { expose: at, emit: ot }) {
|
|
35
|
-
const st = L(() => import("./Tooltip-
|
|
35
|
+
const st = L(() => import("./Tooltip-oeu9knGI.js")), rt = L(() => import("./BaseIcon-BQQGRQ2U.js")), ut = L(() => import("./vue-ui-accordion-DFxAHGEZ.js")), nt = L(() => import("./DataTable-D6voeZvO.js")), it = L(() => import("./UserOptions-CnJxN2Vo.js")), vt = L(() => import("./PenAndPaper-C6tiapdo.js")), ct = L(() => import("./PackageVersion-BeStrsPr.js")), ht = L(() => import("./BaseDraggableDialog-BO4B1Kwa.js")), { vue_ui_strip_plot: dt } = Pt(), x = lt, pt = ot, G = p({
|
|
36
36
|
get() {
|
|
37
37
|
return !!x.dataset && x.dataset.length;
|
|
38
38
|
},
|
|
39
39
|
set(t) {
|
|
40
40
|
return t;
|
|
41
41
|
}
|
|
42
|
-
}), Q = i(ye()), xe = i(0), Z = i(!1), ee = i(""), w = i(null), ke = i(null), we = i(null), Ce = i(null), Ae = i(!1), Le = i(0), _e = i(0),
|
|
43
|
-
|
|
42
|
+
}), Q = i(ye()), xe = i(0), Z = i(!1), ee = i(""), w = i(null), ke = i(null), we = i(null), Ce = i(null), Ae = i(!1), Le = i(0), _e = i(0), M = i(null), te = i(null), le = i(null), ae = i(null), H = i(null), oe = i(null), e = i(ne()), { loading: se, FINAL_DATASET: Te, manualLoading: re } = qt({
|
|
43
|
+
...Tt(x),
|
|
44
44
|
FINAL_CONFIG: e,
|
|
45
45
|
prepareConfig: ne,
|
|
46
46
|
skeletonDataset: [
|
|
@@ -129,7 +129,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
131
|
})
|
|
132
|
-
}), { userOptionsVisible: ue, setUserOptionsVisibility:
|
|
132
|
+
}), { userOptionsVisible: ue, setUserOptionsVisibility: $e, keepUserOptionState: Se } = Qt({ config: e.value }), { svgRef: Oe } = Zt({ config: e.value.style.chart.title });
|
|
133
133
|
function ne() {
|
|
134
134
|
const t = tt({
|
|
135
135
|
userConfig: x.config,
|
|
@@ -137,19 +137,19 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
137
137
|
});
|
|
138
138
|
return t.theme ? {
|
|
139
139
|
...tt({
|
|
140
|
-
userConfig:
|
|
140
|
+
userConfig: Ft.vue_ui_strip_plot[t.theme] || x.config,
|
|
141
141
|
defaultConfig: t
|
|
142
142
|
}),
|
|
143
143
|
customPalette: Nt[t.theme] || P
|
|
144
144
|
} : t;
|
|
145
145
|
}
|
|
146
146
|
q(() => x.config, async (t) => {
|
|
147
|
-
se.value || (e.value = ne()), ue.value = !e.value.userOptions.showOnChartHover, ze(), Le.value += 1, _e.value += 1, h.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, h.value.showTable = e.value.table.show, h.value.showTooltip = e.value.style.chart.tooltip.show,
|
|
147
|
+
se.value || (e.value = ne()), ue.value = !e.value.userOptions.showOnChartHover, ze(), Le.value += 1, _e.value += 1, h.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, h.value.showTable = e.value.table.show, h.value.showTooltip = e.value.style.chart.tooltip.show, $.value = e.value.style.chart.width, C.value = e.value.style.chart.height, W.value = e.value.style.chart.plots.radius;
|
|
148
148
|
}, { deep: !0 }), q(() => x.dataset, (t) => {
|
|
149
149
|
Array.isArray(t) && t.length > 0 && (re.value = !1);
|
|
150
150
|
}, { deep: !0 });
|
|
151
151
|
const A = Ve(null), D = Ve(null);
|
|
152
|
-
|
|
152
|
+
$t(() => {
|
|
153
153
|
ze();
|
|
154
154
|
});
|
|
155
155
|
const ie = p(() => !!e.value.debug);
|
|
@@ -193,7 +193,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
193
193
|
noTitle: Ce.value
|
|
194
194
|
});
|
|
195
195
|
requestAnimationFrame(() => {
|
|
196
|
-
bt.value = l,
|
|
196
|
+
bt.value = l, $.value = Math.max(0.1, a), C.value = Math.max(0.1, l - 12), e.value.responsiveProportionalSizing ? W.value = Ut({
|
|
197
197
|
relator: Math.min(l, a),
|
|
198
198
|
adjuster: 600,
|
|
199
199
|
source: e.value.style.chart.plots.radius,
|
|
@@ -211,16 +211,16 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
211
211
|
Xe(() => {
|
|
212
212
|
A.value && (D.value && A.value.unobserve(D.value), A.value.disconnect());
|
|
213
213
|
});
|
|
214
|
-
const { isPrinting: Pe, isImaging: De, generatePdf: Ne, generateImage:
|
|
214
|
+
const { isPrinting: Pe, isImaging: De, generatePdf: Ne, generateImage: Fe } = Kt({
|
|
215
215
|
elementId: `strip-plot_${Q.value}`,
|
|
216
216
|
fileName: e.value.style.chart.title.text || "vue-ui-strip-plot",
|
|
217
217
|
options: e.value.userOptions.print
|
|
218
|
-
}), ft = p(() => e.value.userOptions.show && !e.value.style.chart.title.text),
|
|
218
|
+
}), ft = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ie = p(() => It(e.value.customPalette)), R = i(e.value.useCssAnimation), N = i({
|
|
219
219
|
top: e.value.style.chart.padding.top,
|
|
220
220
|
bottom: e.value.style.chart.padding.bottom,
|
|
221
221
|
left: e.value.style.chart.padding.left,
|
|
222
222
|
right: e.value.style.chart.padding.right
|
|
223
|
-
}),
|
|
223
|
+
}), $ = i(e.value.style.chart.width), C = i(e.value.style.chart.height), bt = i(e.value.style.chart.height), W = i(e.value.style.chart.plots.radius), h = i({
|
|
224
224
|
showTable: e.value.table.show,
|
|
225
225
|
dataLabels: {
|
|
226
226
|
show: e.value.style.chart.labels.bestPlotLabel.show
|
|
@@ -234,7 +234,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
234
234
|
show: e.value.style.chart.labels.bestPlotLabel.show
|
|
235
235
|
},
|
|
236
236
|
showTooltip: e.value.style.chart.tooltip.show
|
|
237
|
-
},
|
|
237
|
+
}, $.value = e.value.style.chart.width, C.value = e.value.style.chart.height, W.value = e.value.style.chart.plots.radius;
|
|
238
238
|
}, { immediate: !0 });
|
|
239
239
|
const ve = p(() => Math.min(W.value, o.value.stripWidth / 2 * 0.9));
|
|
240
240
|
function yt() {
|
|
@@ -259,37 +259,37 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
259
259
|
}), Xe(() => {
|
|
260
260
|
ce.value = 0;
|
|
261
261
|
});
|
|
262
|
-
const
|
|
262
|
+
const Me = p(() => {
|
|
263
263
|
let t = 0;
|
|
264
264
|
le.value && (t = le.value.getBBox().height + e.value.style.chart.labels.axis.fontSize / 3 + 12 + e.value.style.chart.labels.axis.xLabelOffsetY);
|
|
265
265
|
let a = 0;
|
|
266
266
|
return H.value && (a = ce.value + 12), t + a;
|
|
267
267
|
}), o = p(() => {
|
|
268
|
-
const t = yt(), a =
|
|
268
|
+
const t = yt(), a = $.value - t - e.value.style.chart.padding.left - e.value.style.chart.padding.right - e.value.style.chart.labels.axis.yLabelOffsetX - 5;
|
|
269
269
|
return {
|
|
270
270
|
left: N.value.left + t + e.value.style.chart.labels.axis.yLabelOffsetX + 5,
|
|
271
|
-
right:
|
|
271
|
+
right: $.value - N.value.right,
|
|
272
272
|
top: N.value.top,
|
|
273
|
-
bottom: C.value - N.value.bottom -
|
|
273
|
+
bottom: C.value - N.value.bottom - Me.value,
|
|
274
274
|
width: a,
|
|
275
|
-
height: C.value - N.value.top - N.value.bottom -
|
|
276
|
-
stripWidth: a /
|
|
275
|
+
height: C.value - N.value.top - N.value.bottom - Me.value,
|
|
276
|
+
stripWidth: a / Te.value.length,
|
|
277
277
|
absoluteHeight: C.value
|
|
278
278
|
};
|
|
279
|
-
}), U = p(() =>
|
|
279
|
+
}), U = p(() => Te.value.map((t, a) => {
|
|
280
280
|
const l = ye();
|
|
281
281
|
return {
|
|
282
282
|
...t,
|
|
283
283
|
id: l,
|
|
284
|
-
color: t.color ? Qe(t.color) :
|
|
284
|
+
color: t.color ? Qe(t.color) : Ie.value[a] || P[a] || P[a % P.length],
|
|
285
285
|
plots: t.plots.map((s, u) => ({
|
|
286
286
|
...s,
|
|
287
|
-
value:
|
|
287
|
+
value: Mt(s.value),
|
|
288
288
|
parentId: l,
|
|
289
289
|
parentName: t.name,
|
|
290
290
|
parentIndex: a,
|
|
291
291
|
plotIndex: u,
|
|
292
|
-
color: t.color ? Qe(t.color) :
|
|
292
|
+
color: t.color ? Qe(t.color) : Ie.value[a] || P[a] || P[a % P.length],
|
|
293
293
|
id: ye()
|
|
294
294
|
})).sort((s, u) => s.value - u.value)
|
|
295
295
|
};
|
|
@@ -449,7 +449,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
449
449
|
rotationPath: ["style", "chart", "labels", "xAxisLabels", "rotation"],
|
|
450
450
|
autoRotatePath: ["style", "chart", "labels", "xAxisLabels", "autoRotate", "enable"],
|
|
451
451
|
isAutoSize: !1,
|
|
452
|
-
width:
|
|
452
|
+
width: $,
|
|
453
453
|
height: C,
|
|
454
454
|
targetClass: ".vue-ui-strip-plot-category-name",
|
|
455
455
|
rotation: e.value.style.chart.labels.xAxisLabels.autoRotate.angle
|
|
@@ -485,7 +485,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
485
485
|
};
|
|
486
486
|
});
|
|
487
487
|
q(() => h.value.showTable, (t) => {
|
|
488
|
-
e.value.table.show || (t && e.value.table.useDialog &&
|
|
488
|
+
e.value.table.show || (t && e.value.table.useDialog && M.value ? M.value.open() : "close" in M.value && M.value.close());
|
|
489
489
|
});
|
|
490
490
|
function Ue() {
|
|
491
491
|
h.value.showTable = !1, te.value && te.value.setTableIconState(!1);
|
|
@@ -495,7 +495,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
495
495
|
getImage: Lt,
|
|
496
496
|
generatePdf: Ne,
|
|
497
497
|
generateCsv: pe,
|
|
498
|
-
generateImage:
|
|
498
|
+
generateImage: Fe,
|
|
499
499
|
toggleTable: Be,
|
|
500
500
|
toggleLabels: Ee,
|
|
501
501
|
toggleTooltip: Ge,
|
|
@@ -507,8 +507,8 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
507
507
|
class: E(`vue-ui-strip-plot ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
|
|
508
508
|
style: J(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
|
|
509
509
|
id: `strip-plot_${Q.value}`,
|
|
510
|
-
onMouseenter: a[1] || (a[1] = () => v(
|
|
511
|
-
onMouseleave: a[2] || (a[2] = () => v(
|
|
510
|
+
onMouseenter: a[1] || (a[1] = () => v($e)(!0)),
|
|
511
|
+
onMouseleave: a[2] || (a[2] = () => v($e)(!1))
|
|
512
512
|
}, [
|
|
513
513
|
e.value.userOptions.buttons.annotator ? (r(), z(v(vt), {
|
|
514
514
|
key: 0,
|
|
@@ -574,7 +574,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
574
574
|
onToggleFullscreen: We,
|
|
575
575
|
onGeneratePdf: v(Ne),
|
|
576
576
|
onGenerateCsv: pe,
|
|
577
|
-
onGenerateImage: v(
|
|
577
|
+
onGenerateImage: v(Fe),
|
|
578
578
|
onToggleTable: Be,
|
|
579
579
|
onToggleLabels: Ee,
|
|
580
580
|
onToggleTooltip: Ge,
|
|
@@ -586,7 +586,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
586
586
|
t.$slots.menuIcon ? {
|
|
587
587
|
name: "menuIcon",
|
|
588
588
|
fn: b(({ isOpen: l, color: s }) => [
|
|
589
|
-
y(t.$slots, "menuIcon", I(
|
|
589
|
+
y(t.$slots, "menuIcon", F(I({ isOpen: l, color: s })), void 0, !0)
|
|
590
590
|
]),
|
|
591
591
|
key: "0"
|
|
592
592
|
} : void 0,
|
|
@@ -635,14 +635,14 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
635
635
|
t.$slots.optionFullscreen ? {
|
|
636
636
|
name: "optionFullscreen",
|
|
637
637
|
fn: b(({ toggleFullscreen: l, isFullscreen: s }) => [
|
|
638
|
-
y(t.$slots, "optionFullscreen", I(
|
|
638
|
+
y(t.$slots, "optionFullscreen", F(I({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
|
|
639
639
|
]),
|
|
640
640
|
key: "7"
|
|
641
641
|
} : void 0,
|
|
642
642
|
t.$slots.optionAnnotator ? {
|
|
643
643
|
name: "optionAnnotator",
|
|
644
644
|
fn: b(({ toggleAnnotator: l, isAnnotator: s }) => [
|
|
645
|
-
y(t.$slots, "optionAnnotator", I(
|
|
645
|
+
y(t.$slots, "optionAnnotator", F(I({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
|
|
646
646
|
]),
|
|
647
647
|
key: "8"
|
|
648
648
|
} : void 0
|
|
@@ -652,7 +652,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
652
652
|
ref: Oe,
|
|
653
653
|
xmlns: v(Wt),
|
|
654
654
|
class: E({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
|
|
655
|
-
viewBox: `0 0 ${
|
|
655
|
+
viewBox: `0 0 ${$.value} ${C.value}`,
|
|
656
656
|
style: J(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
|
|
657
657
|
}, [
|
|
658
658
|
be(v(ct)),
|
|
@@ -723,7 +723,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
723
723
|
fill: e.value.style.chart.labels.yAxisLabels.color,
|
|
724
724
|
"font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
|
|
725
725
|
"text-anchor": "end"
|
|
726
|
-
},
|
|
726
|
+
}, T(v(ge)(
|
|
727
727
|
e.value.style.chart.labels.formatter,
|
|
728
728
|
l.value,
|
|
729
729
|
v(K)({
|
|
@@ -763,7 +763,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
763
763
|
"font-size": e.value.style.chart.labels.xAxisLabels.fontSize,
|
|
764
764
|
fill: e.value.style.chart.labels.xAxisLabels.color,
|
|
765
765
|
"text-anchor": e.value.style.chart.labels.xAxisLabels.rotation > 0 ? "start" : e.value.style.chart.labels.xAxisLabels.rotation < 0 ? "end" : "middle"
|
|
766
|
-
},
|
|
766
|
+
}, T(String(l)), 9, bl))
|
|
767
767
|
]))), 256))
|
|
768
768
|
], 512)) : c("", !0),
|
|
769
769
|
e.value.style.chart.labels.axis.yLabel ? (r(), n("text", {
|
|
@@ -774,7 +774,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
774
774
|
"font-size": e.value.style.chart.labels.axis.fontSize,
|
|
775
775
|
transform: `translate(${e.value.style.chart.labels.axis.fontSize}, ${o.value.top + o.value.height / 2}) rotate(-90)`,
|
|
776
776
|
"text-anchor": "middle"
|
|
777
|
-
},
|
|
777
|
+
}, T(e.value.style.chart.labels.axis.yLabel), 9, ml)) : c("", !0),
|
|
778
778
|
e.value.style.chart.labels.axis.xLabel ? (r(), n("text", {
|
|
779
779
|
key: 5,
|
|
780
780
|
ref_key: "xAxisLabel",
|
|
@@ -784,7 +784,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
784
784
|
x: o.value.left + o.value.width / 2,
|
|
785
785
|
y: C.value - e.value.style.chart.labels.axis.fontSize / 3,
|
|
786
786
|
"text-anchor": "middle"
|
|
787
|
-
},
|
|
787
|
+
}, T(e.value.style.chart.labels.axis.xLabel), 9, gl)) : c("", !0),
|
|
788
788
|
d.value ? (r(), n(g, { key: 6 }, [
|
|
789
789
|
m("line", {
|
|
790
790
|
x1: o.value.left,
|
|
@@ -843,7 +843,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
843
843
|
onMouseleave: (Y) => kt({ datapoint: u, seriesIndex: f }),
|
|
844
844
|
onClick: (Y) => wt({ datapoint: u, seriesIndex: f })
|
|
845
845
|
}), null, 16, ["plot", "radius", "shape", "stroke", "strokeWidth", "color", "style", "class", "onMouseenter", "onMouseleave", "onClick"]))), 256)),
|
|
846
|
-
h.value.dataLabels.show ? (r(), n("g",
|
|
846
|
+
h.value.dataLabels.show ? (r(), n("g", Tl, [
|
|
847
847
|
(r(!0), n(g, null, _(l.plots, (u, f) => (r(), n(g, null, [
|
|
848
848
|
f === l.plots.length - 1 || d.value && d.value.id === u.id && !h.value.showTooltip ? (r(), n("text", {
|
|
849
849
|
key: 0,
|
|
@@ -853,7 +853,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
853
853
|
fill: e.value.style.chart.labels.bestPlotLabel.color,
|
|
854
854
|
"text-anchor": "middle",
|
|
855
855
|
style: J(`opacity:${e.value.useCssAnimation && R.value ? 0 : 1};transition:opacity 0.2s ease-in;`)
|
|
856
|
-
},
|
|
856
|
+
}, T(u.name) + " " + T(e.value.style.chart.labels.bestPlotLabel.showValue ? v(ge)(
|
|
857
857
|
e.value.style.chart.labels.formatter,
|
|
858
858
|
u.value,
|
|
859
859
|
v(K)({
|
|
@@ -863,14 +863,14 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
863
863
|
r: e.value.style.chart.labels.bestPlotLabel.rounding
|
|
864
864
|
}),
|
|
865
865
|
{ datapoint: u, seriesIndex: f }
|
|
866
|
-
) : ""), 13,
|
|
866
|
+
) : ""), 13, $l)) : c("", !0)
|
|
867
867
|
], 64))), 256))
|
|
868
868
|
])) : c("", !0)
|
|
869
869
|
], 64))), 256)),
|
|
870
870
|
y(t.$slots, "svg", { svg: o.value }, void 0, !0)
|
|
871
871
|
], 14, rl)),
|
|
872
872
|
t.$slots.watermark ? (r(), n("div", Sl, [
|
|
873
|
-
y(t.$slots, "watermark", I(
|
|
873
|
+
y(t.$slots, "watermark", F(I({ isPrinting: v(Pe) || v(De) })), void 0, !0)
|
|
874
874
|
])) : c("", !0),
|
|
875
875
|
t.$slots.source ? (r(), n("div", {
|
|
876
876
|
key: 5,
|
|
@@ -896,19 +896,21 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
896
896
|
isFullscreen: O.value,
|
|
897
897
|
isCustom: v(Ze)(e.value.style.chart.tooltip.customFormat),
|
|
898
898
|
smooth: e.value.style.chart.tooltip.smooth,
|
|
899
|
-
backdropFilter: e.value.style.chart.tooltip.backdropFilter
|
|
899
|
+
backdropFilter: e.value.style.chart.tooltip.backdropFilter,
|
|
900
|
+
smoothForce: e.value.style.chart.tooltip.smoothForce,
|
|
901
|
+
smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
|
|
900
902
|
}, {
|
|
901
903
|
"tooltip-before": b(() => [
|
|
902
|
-
y(t.$slots, "tooltip-before", I(
|
|
904
|
+
y(t.$slots, "tooltip-before", F(I({ ...de.value })), void 0, !0)
|
|
903
905
|
]),
|
|
904
906
|
"tooltip-after": b(() => [
|
|
905
|
-
y(t.$slots, "tooltip-after", I(
|
|
907
|
+
y(t.$slots, "tooltip-after", F(I({ ...de.value })), void 0, !0)
|
|
906
908
|
]),
|
|
907
909
|
_: 3
|
|
908
|
-
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
|
|
910
|
+
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
|
|
909
911
|
G.value ? (r(), z(Ot(B.value.component), Ye({ key: 6 }, B.value.props, {
|
|
910
912
|
ref_key: "tableUnit",
|
|
911
|
-
ref:
|
|
913
|
+
ref: M,
|
|
912
914
|
onClose: Ue
|
|
913
915
|
}), je({
|
|
914
916
|
content: b(() => [
|
|
@@ -929,7 +931,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
929
931
|
}, null, 8, Ol)
|
|
930
932
|
]),
|
|
931
933
|
td: b(({ td: l }) => [
|
|
932
|
-
qe(
|
|
934
|
+
qe(T(l.name || l), 1)
|
|
933
935
|
]),
|
|
934
936
|
_: 1
|
|
935
937
|
}, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
|
|
@@ -939,7 +941,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
939
941
|
e.value.table.useDialog ? {
|
|
940
942
|
name: "title",
|
|
941
943
|
fn: b(() => [
|
|
942
|
-
qe(
|
|
944
|
+
qe(T(B.value.title), 1)
|
|
943
945
|
]),
|
|
944
946
|
key: "0"
|
|
945
947
|
} : void 0,
|
|
@@ -963,7 +965,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
|
|
|
963
965
|
v(se) ? (r(), z(Jt, { key: 7 })) : c("", !0)
|
|
964
966
|
], 46, sl));
|
|
965
967
|
}
|
|
966
|
-
}, Vl = /* @__PURE__ */ ol(zl, [["__scopeId", "data-v-
|
|
968
|
+
}, Vl = /* @__PURE__ */ ol(zl, [["__scopeId", "data-v-68cd12a0"]]);
|
|
967
969
|
export {
|
|
968
970
|
Vl as default
|
|
969
971
|
};
|