vue-data-ui 2.7.2 → 2.7.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/dist/{Arrow-Cuf9zUpa.cjs → Arrow-Bslu6In_.cjs} +1 -1
- package/dist/{Arrow-SOQeOwmT.js → Arrow-Kbu7LT-f.js} +1 -1
- package/dist/{BaseIcon-DqYzMisq.js → BaseIcon-BLhJaEYy.js} +4 -3
- package/dist/{BaseIcon-C0unoacb.cjs → BaseIcon-WIhlX3LN.cjs} +1 -1
- package/dist/{ColorPicker-DyOTLjAA.js → ColorPicker-Dlg-p-yo.js} +3 -3
- package/dist/{ColorPicker-DLNc3kpl.cjs → ColorPicker-mXlj2N11.cjs} +1 -1
- package/dist/{DataTable-C_28ZqiP.js → DataTable-DOKlm7k4.js} +2 -2
- package/dist/{DataTable-ByOfBGEi.cjs → DataTable-c3nDhwbO.cjs} +1 -1
- package/dist/{Legend-mrAy7yUC.cjs → Legend-Bhl2d6oj.cjs} +1 -1
- package/dist/{Legend-CmKaL7xe.js → Legend-CIjMjfNk.js} +2 -2
- package/dist/{PackageVersion-39l3KkzC.js → PackageVersion-BCLALL_i.js} +1 -1
- package/dist/{PackageVersion-By81XV8X.cjs → PackageVersion-DFYAej2o.cjs} +1 -1
- package/dist/PenAndPaper-CAqWCUZx.cjs +1 -0
- package/dist/PenAndPaper-CZs431Nx.js +374 -0
- package/dist/{Shape-iIO-95sh.js → Shape-D9MuIPm8.js} +1 -1
- package/dist/{Shape-x7U3IhoM.cjs → Shape-wMij_bxG.cjs} +1 -1
- package/dist/{Slicer-C49MotZz.js → Slicer-CqYLlNlU.js} +2 -2
- package/dist/{Slicer-Ct66sqV1.cjs → Slicer-Duh-nBCD.cjs} +1 -1
- package/dist/{Title-BgVFZwZZ.cjs → Title-C5w8bVlo.cjs} +1 -1
- package/dist/{Title-Co3F59jq.js → Title-UjBqdYyD.js} +1 -1
- package/dist/{Tooltip-Cr89wMKa.js → Tooltip-3NNIdJ6N.js} +1 -1
- package/dist/{Tooltip-B8E9uCVm.cjs → Tooltip-Dbe23pmt.cjs} +1 -1
- package/dist/{dom-to-png-DtBlqZMR.js → dom-to-png-6NoDv4_U.js} +1 -1
- package/dist/{dom-to-png-D9eujpXB.cjs → dom-to-png-C-_IolaZ.cjs} +1 -1
- package/dist/{img-DQDP5JIH.js → img-BxGd_UqS.js} +1 -1
- package/dist/{img-DgRUFehB.cjs → img-DCkGlbCr.cjs} +1 -1
- package/dist/{index-gC66Se26.js → index-D3VntmA9.js} +1 -1
- package/dist/{index-BeJeDy5m.cjs → index-MIJJ8liG.cjs} +1 -1
- package/dist/{pdf-Bu1ahAX2.cjs → pdf-BGp1xMhT.cjs} +1 -1
- package/dist/{pdf-lJiGVhtL.js → pdf-BpVckOt1.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +2 -1
- package/dist/types/vue-data-ui.d.ts +2 -1
- package/dist/{useNestedProp-BusTOV-6.js → useNestedProp-DTlOqz2P.js} +1 -1
- package/dist/{useNestedProp-CF-iHhIC.cjs → useNestedProp-DwR4JSzw.cjs} +1 -1
- package/dist/{usePrinter-KMFl0n0s.js → usePrinter-H3tAjGXs.js} +3 -3
- package/dist/{usePrinter-Bz_kd3vb.cjs → usePrinter-U1x-RAEA.cjs} +1 -1
- package/dist/{vue-data-ui-Bak-lr4I.cjs → vue-data-ui-BuY9ggUz.cjs} +1 -1
- package/dist/{vue-data-ui-BApY_erH.js → vue-data-ui-DFwVHeO8.js} +60 -60
- package/dist/vue-data-ui.cjs +1 -1
- package/dist/vue-data-ui.js +1 -1
- package/dist/vue-ui-3d-bar-DeTBYGV_.cjs +19 -0
- package/dist/{vue-ui-3d-bar-BWjU0K3_.js → vue-ui-3d-bar-NNib9NTc.js} +30 -30
- package/dist/{vue-ui-accordion-j2beIma_.js → vue-ui-accordion-DGJQIcdB.js} +3 -3
- package/dist/{vue-ui-accordion-CZBJSHT_.cjs → vue-ui-accordion-cBSqrYy3.cjs} +1 -1
- package/dist/{vue-ui-age-pyramid-Cmw4WVB4.js → vue-ui-age-pyramid-DWG7C-nA.js} +22 -22
- package/dist/vue-ui-age-pyramid-DfGSS3SE.cjs +1 -0
- package/dist/{vue-ui-annotator-BVv5XkoE.cjs → vue-ui-annotator-Bpy0V7AA.cjs} +1 -1
- package/dist/{vue-ui-annotator-CKmqZjUD.js → vue-ui-annotator-D21j4NL0.js} +2 -2
- package/dist/vue-ui-bullet-CrgeKJBE.cjs +34 -0
- package/dist/{vue-ui-bullet-U_yJjO0m.js → vue-ui-bullet-MrNlqcTX.js} +36 -36
- package/dist/vue-ui-candlestick-DfEQ057F.cjs +2 -0
- package/dist/{vue-ui-candlestick-DhdlFIQE.js → vue-ui-candlestick-Dgwjzuq0.js} +11 -11
- package/dist/{vue-ui-carousel-table-BhC5cEe3.cjs → vue-ui-carousel-table-B9AHiJLA.cjs} +1 -1
- package/dist/{vue-ui-carousel-table-Ej7qzKkp.js → vue-ui-carousel-table-TOSDOJ0J.js} +4 -4
- package/dist/{vue-ui-chestnut-BzNHXzDj.cjs → vue-ui-chestnut-BQwGKI2l.cjs} +1 -1
- package/dist/{vue-ui-chestnut-L0bS5jtX.js → vue-ui-chestnut-DAlxKIqD.js} +32 -32
- package/dist/vue-ui-circle-pack-B9HW-E4V.cjs +1 -0
- package/dist/{vue-ui-circle-pack-DwCzeO3L.js → vue-ui-circle-pack-BjD7UG4l.js} +44 -44
- package/dist/{vue-ui-cursor-0mZP5nBc.cjs → vue-ui-cursor-Bv_hn_5f.cjs} +1 -1
- package/dist/{vue-ui-cursor-DwHdXwLS.js → vue-ui-cursor-CS0L4MjH.js} +2 -2
- package/dist/{vue-ui-dashboard-DILmOchy.js → vue-ui-dashboard-Cu4QabFb.js} +3 -3
- package/dist/{vue-ui-dashboard-CegApY8_.cjs → vue-ui-dashboard-DGJjS8TM.cjs} +1 -1
- package/dist/{vue-ui-digits-me8Nky0A.cjs → vue-ui-digits-BusMzORo.cjs} +1 -1
- package/dist/{vue-ui-digits-Dbwzk-sl.js → vue-ui-digits-CrqD5QXP.js} +2 -2
- package/dist/{vue-ui-donut-DwE-iZSV.js → vue-ui-donut-CbDkvk9s.js} +12 -12
- package/dist/{vue-ui-donut-evolution-DhFABvEv.js → vue-ui-donut-evolution-DKD_efmP.js} +69 -69
- package/dist/vue-ui-donut-evolution-Dul--Pi_.cjs +1 -0
- package/dist/vue-ui-donut-vqs5auMD.cjs +1 -0
- package/dist/{vue-ui-dumbbell-Cqq4iV6-.js → vue-ui-dumbbell-BGN-Rshy.js} +52 -52
- package/dist/{vue-ui-dumbbell-CL15d-aQ.cjs → vue-ui-dumbbell-CB6lYwMc.cjs} +1 -1
- package/dist/vue-ui-flow-CDPkL02l.cjs +1 -0
- package/dist/{vue-ui-flow-CU-orj9I.js → vue-ui-flow-g93Xo1mO.js} +75 -75
- package/dist/vue-ui-funnel-D1PhFKgP.cjs +1 -0
- package/dist/{vue-ui-funnel-DQmQmdNV.js → vue-ui-funnel-r_WI2IRS.js} +28 -28
- package/dist/{vue-ui-galaxy-nqyCbQ9j.js → vue-ui-galaxy-B4JnwjLW.js} +39 -39
- package/dist/vue-ui-galaxy-DSXcoM3k.cjs +1 -0
- package/dist/{vue-ui-gauge-BV3CJfqe.js → vue-ui-gauge-BPz7mbOb.js} +26 -26
- package/dist/vue-ui-gauge-Ct1Knstr.cjs +1 -0
- package/dist/{vue-ui-gizmo-CJwSAsxs.js → vue-ui-gizmo-BbUqDkQz.js} +3 -3
- package/dist/{vue-ui-gizmo-CNRAH2zT.cjs → vue-ui-gizmo-tet3qRDX.cjs} +1 -1
- package/dist/{vue-ui-heatmap-B1s7KejC.js → vue-ui-heatmap-BbmFxESu.js} +10 -10
- package/dist/vue-ui-heatmap-RHN_eSK2.cjs +1 -0
- package/dist/vue-ui-history-plot-B8_Kig_-.cjs +1 -0
- package/dist/{vue-ui-history-plot-z_KFt5z_.js → vue-ui-history-plot-CJFtY1Rm.js} +35 -35
- package/dist/{vue-ui-kpi-FaGp6_XP.cjs → vue-ui-kpi-C0IWPkaZ.cjs} +1 -1
- package/dist/{vue-ui-kpi-DabR5K70.js → vue-ui-kpi-CQo8VsEv.js} +3 -3
- package/dist/{vue-ui-mini-loader-w-BmywLJ.js → vue-ui-mini-loader-8wZYNxLC.js} +2 -2
- package/dist/{vue-ui-mini-loader-_plxZxma.cjs → vue-ui-mini-loader-DoOFKxep.cjs} +1 -1
- package/dist/{vue-ui-molecule-aiWG--to.js → vue-ui-molecule-DHb8Roml.js} +45 -45
- package/dist/{vue-ui-molecule-3ClCLk7L.cjs → vue-ui-molecule-HnReqNMq.cjs} +1 -1
- package/dist/vue-ui-mood-radar-BjmCUY0q.cjs +1 -0
- package/dist/{vue-ui-mood-radar-DwxCn06q.js → vue-ui-mood-radar-CdBmESCg.js} +40 -40
- package/dist/{vue-ui-nested-donuts-ONgAaLY-.js → vue-ui-nested-donuts-CO7sSeR-.js} +65 -65
- package/dist/vue-ui-nested-donuts-SBaCzHQP.cjs +17 -0
- package/dist/vue-ui-onion-BehdICTa.cjs +5 -0
- package/dist/{vue-ui-onion-DjoQuBo8.js → vue-ui-onion-Ci15BQ0y.js} +75 -75
- package/dist/{vue-ui-parallel-coordinate-plot-DWGVzaHE.js → vue-ui-parallel-coordinate-plot-BJbrb-Mp.js} +38 -38
- package/dist/vue-ui-parallel-coordinate-plot-BLLONfts.cjs +8 -0
- package/dist/{vue-ui-quadrant-CgiD9c7i.js → vue-ui-quadrant-BZTZY3LG.js} +54 -54
- package/dist/vue-ui-quadrant-ntmlYIVx.cjs +1 -0
- package/dist/{vue-ui-quick-chart-5NiRxtpD.js → vue-ui-quick-chart-B2OUF1Pk.js} +9 -9
- package/dist/vue-ui-quick-chart-BCdm0tx2.cjs +15 -0
- package/dist/vue-ui-radar-CUoLdojY.cjs +1 -0
- package/dist/{vue-ui-radar-CfKAy0nI.js → vue-ui-radar-D8DHrSPP.js} +55 -55
- package/dist/{vue-ui-rating-yiM_5H0W.cjs → vue-ui-rating-BWlmz08s.cjs} +1 -1
- package/dist/{vue-ui-rating-CbZvsZNv.js → vue-ui-rating-D4H6cT0d.js} +2 -2
- package/dist/{vue-ui-relation-circle-RRK2jhHr.js → vue-ui-relation-circle-CWvX8cvJ.js} +7 -7
- package/dist/vue-ui-relation-circle-DighSxmd.cjs +1 -0
- package/dist/vue-ui-rings-CPIzjzdm.cjs +2 -0
- package/dist/{vue-ui-rings-CiMKMEpp.js → vue-ui-rings-Dq5YT7h-.js} +62 -62
- package/dist/{vue-ui-scatter-9PFXuvoo.js → vue-ui-scatter-BMuJyp6q.js} +44 -44
- package/dist/vue-ui-scatter-BSgMQLjw.cjs +1 -0
- package/dist/{vue-ui-skeleton-KW-jcPRN.cjs → vue-ui-skeleton-DOE444ST.cjs} +1 -1
- package/dist/{vue-ui-skeleton-7Zfds6H1.js → vue-ui-skeleton-pHcbvN3-.js} +3 -3
- package/dist/{vue-ui-smiley-D0jhMBUh.js → vue-ui-smiley-BsPExuQ7.js} +2 -2
- package/dist/{vue-ui-smiley-BNQlshyY.cjs → vue-ui-smiley-bHv8hVve.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-CLm12POW.cjs → vue-ui-spark-trend-S0FbKqDW.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-D8nDY0fS.js → vue-ui-spark-trend-eJ5IZSRQ.js} +5 -5
- package/dist/{vue-ui-sparkbar-ChEbpWYC.cjs → vue-ui-sparkbar-B1pwFeeg.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-wKlwMCph.js → vue-ui-sparkbar-B9E03kBf.js} +4 -4
- package/dist/{vue-ui-sparkgauge-DG824sGI.cjs → vue-ui-sparkgauge-BpAFpJN9.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-CvhIe_mP.js → vue-ui-sparkgauge-CbtRwF8H.js} +4 -4
- package/dist/{vue-ui-sparkhistogram-B8k8a538.cjs → vue-ui-sparkhistogram-4gAnz36n.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-CVmbTFTc.js → vue-ui-sparkhistogram-BJfFPQ-X.js} +5 -5
- package/dist/{vue-ui-sparkline-7wnWuXDQ.cjs → vue-ui-sparkline-CJ8rlJiI.cjs} +1 -1
- package/dist/{vue-ui-sparkline-CtqAbSzZ.js → vue-ui-sparkline-CLz-PMi0.js} +4 -4
- package/dist/{vue-ui-sparkstackbar-DfwEeUC5.js → vue-ui-sparkstackbar-C5ZzOhRM.js} +5 -5
- package/dist/{vue-ui-sparkstackbar-57SONMGP.cjs → vue-ui-sparkstackbar-ja3t34Mt.cjs} +1 -1
- package/dist/{vue-ui-stackbar-CGSVPiPx.js → vue-ui-stackbar-BnuJOk6L.js} +86 -86
- package/dist/vue-ui-stackbar-DSWEq3Pa.cjs +6 -0
- package/dist/{vue-ui-strip-plot-fJFkn8_0.js → vue-ui-strip-plot-Cbr3Dkmd.js} +36 -36
- package/dist/vue-ui-strip-plot-CyiaXAxw.cjs +1 -0
- package/dist/{vue-ui-table-Das3959J.cjs → vue-ui-table-CPJeRMDV.cjs} +1 -1
- package/dist/{vue-ui-table-CliL2Wsp.js → vue-ui-table-Cr6jEi4z.js} +1 -1
- package/dist/{vue-ui-table-heatmap-C28ozf2S.cjs → vue-ui-table-heatmap-BfKruH6W.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-ZsJMMGpG.js → vue-ui-table-heatmap-C0J52xWN.js} +4 -4
- package/dist/{vue-ui-table-sparkline-CrQNShdH.js → vue-ui-table-sparkline-C9PHXjbW.js} +5 -5
- package/dist/{vue-ui-table-sparkline-0i9FAXug.cjs → vue-ui-table-sparkline-CGUs_6Ij.cjs} +1 -1
- package/dist/{vue-ui-thermometer-BaGL6WSb.js → vue-ui-thermometer-Cs8Xt7tQ.js} +50 -50
- package/dist/vue-ui-thermometer-DWC--OtD.cjs +1 -0
- package/dist/{vue-ui-timer-CFtgJ_Vi.cjs → vue-ui-timer-DD0VvMEs.cjs} +1 -1
- package/dist/{vue-ui-timer-Nk94fV-n.js → vue-ui-timer-DDZHmPLV.js} +5 -5
- package/dist/vue-ui-tiremarks-B_koqVkj.cjs +1 -0
- package/dist/{vue-ui-tiremarks-zYgdq_99.js → vue-ui-tiremarks-DHAdNbAA.js} +25 -25
- package/dist/vue-ui-treemap-C_yhbpyF.cjs +1 -0
- package/dist/{vue-ui-treemap-CAxPcxn-.js → vue-ui-treemap-CfH-P5Oh.js} +12 -12
- package/dist/vue-ui-vertical-bar-BRplGFjj.cjs +4 -0
- package/dist/{vue-ui-vertical-bar-Di3FBkwJ.js → vue-ui-vertical-bar-oBdc4YQS.js} +80 -80
- package/dist/vue-ui-waffle-Bg5T7RVn.cjs +1 -0
- package/dist/{vue-ui-waffle-DBJAQsEf.js → vue-ui-waffle-DZ2zIujl.js} +45 -45
- package/dist/{vue-ui-wheel-BTZEr2Vs.js → vue-ui-wheel-BerXCO4A.js} +27 -27
- package/dist/vue-ui-wheel-Bj3Z92nh.cjs +1 -0
- package/dist/{vue-ui-word-cloud-BEaRWIu-.cjs → vue-ui-word-cloud-BWQ1ogz9.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-DBCVUkLM.js → vue-ui-word-cloud-U5KISxTe.js} +72 -72
- package/dist/{vue-ui-xy-DbN93Pcf.cjs → vue-ui-xy-C078AHoi.cjs} +2 -2
- package/dist/vue-ui-xy-canvas-BpblELcE.js +1672 -0
- package/dist/vue-ui-xy-canvas-C76OoGNJ.cjs +9 -0
- package/dist/{vue-ui-xy-aKaGgYGL.js → vue-ui-xy-y9zEQYMK.js} +16 -16
- package/package.json +1 -1
- package/dist/PenAndPaper-CmcfpltX.js +0 -243
- package/dist/PenAndPaper-DNbX5hR8.cjs +0 -1
- package/dist/vue-ui-3d-bar-CmbTiJVx.cjs +0 -19
- package/dist/vue-ui-age-pyramid-Sv-HbbDJ.cjs +0 -1
- package/dist/vue-ui-bullet-vcmTY4AX.cjs +0 -34
- package/dist/vue-ui-candlestick-DQT-8PRz.cjs +0 -2
- package/dist/vue-ui-circle-pack-CVLJs0XP.cjs +0 -1
- package/dist/vue-ui-donut-FoRYusUX.cjs +0 -1
- package/dist/vue-ui-donut-evolution-BIK2yfIJ.cjs +0 -1
- package/dist/vue-ui-flow-N825fjRf.cjs +0 -1
- package/dist/vue-ui-funnel-B6XMYl89.cjs +0 -1
- package/dist/vue-ui-galaxy-p-sbDnSY.cjs +0 -1
- package/dist/vue-ui-gauge-DsZFk8T_.cjs +0 -1
- package/dist/vue-ui-heatmap-VXgeMOwT.cjs +0 -1
- package/dist/vue-ui-history-plot-JmeGiR--.cjs +0 -1
- package/dist/vue-ui-mood-radar-CO5sPVVG.cjs +0 -1
- package/dist/vue-ui-nested-donuts-D0nALasd.cjs +0 -17
- package/dist/vue-ui-onion-CBqx4q4k.cjs +0 -5
- package/dist/vue-ui-parallel-coordinate-plot-uNCmnSvz.cjs +0 -8
- package/dist/vue-ui-quadrant-BOkyMgCm.cjs +0 -1
- package/dist/vue-ui-quick-chart-BRp_bNso.cjs +0 -15
- package/dist/vue-ui-radar-BpicgiWF.cjs +0 -1
- package/dist/vue-ui-relation-circle-Dg6rdyGP.cjs +0 -1
- package/dist/vue-ui-rings-A49lyv-J.cjs +0 -2
- package/dist/vue-ui-scatter-C_jHsy8M.cjs +0 -1
- package/dist/vue-ui-stackbar--0FZ_eBi.cjs +0 -6
- package/dist/vue-ui-strip-plot-C_ggDAQ-.cjs +0 -1
- package/dist/vue-ui-thermometer-h0rymM2v.cjs +0 -1
- package/dist/vue-ui-tiremarks-Cj8-XGcp.cjs +0 -1
- package/dist/vue-ui-treemap-CybL6mVf.cjs +0 -1
- package/dist/vue-ui-vertical-bar-D4IkwvAB.cjs +0 -4
- package/dist/vue-ui-waffle-7otLUrER.cjs +0 -1
- package/dist/vue-ui-wheel-BUJXtmeP.cjs +0 -1
- package/dist/vue-ui-xy-canvas-CF_lqLg-.cjs +0 -9
- package/dist/vue-ui-xy-canvas-CVQ__d4u.js +0 -1500
|
@@ -0,0 +1,374 @@
|
|
|
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, createElementVNode as k, withDirectives as ae, normalizeStyle as b, createVNode as R, normalizeClass as G, toDisplayString as he, unref as Ae, vModelText as oe } from "vue";
|
|
2
|
+
import T from "./BaseIcon-BLhJaEYy.js";
|
|
3
|
+
import { C as we } from "./ColorPicker-Dlg-p-yo.js";
|
|
4
|
+
import { l as xe, f as be } from "./index-D3VntmA9.js";
|
|
5
|
+
const ye = {
|
|
6
|
+
key: 0,
|
|
7
|
+
"data-dom-to-png-ignore": "",
|
|
8
|
+
class: "vue-ui-pen-and-paper-actions"
|
|
9
|
+
}, Ce = {
|
|
10
|
+
class: "vue-ui-pen-and-paper-action",
|
|
11
|
+
style: { padding: "0 !important" }
|
|
12
|
+
}, ke = ["disabled"], Re = {
|
|
13
|
+
__name: "PenAndPaper",
|
|
14
|
+
props: {
|
|
15
|
+
svgRef: {
|
|
16
|
+
type: [Object, null],
|
|
17
|
+
required: !0
|
|
18
|
+
},
|
|
19
|
+
color: {
|
|
20
|
+
type: String,
|
|
21
|
+
default: "#2D353C"
|
|
22
|
+
},
|
|
23
|
+
backgroundColor: {
|
|
24
|
+
type: String,
|
|
25
|
+
default: "#FFFFFF"
|
|
26
|
+
},
|
|
27
|
+
active: {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
default: !1
|
|
30
|
+
},
|
|
31
|
+
scale: {
|
|
32
|
+
type: Number,
|
|
33
|
+
default: 1
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
emits: ["close"],
|
|
37
|
+
setup(d, { emit: se }) {
|
|
38
|
+
const s = d, re = se, x = c([]), E = c([]), S = c(s.color), $ = c(2), M = c(!1), P = c(""), o = c(null), h = c(null), F = c(null), A = c("draw"), Q = c(!1), f = c(null), H = c({ x: 0, y: 0 }), N = c([""]), D = c({ row: 0, col: 0 }), L = c(16), W = c("url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto");
|
|
39
|
+
function O(l) {
|
|
40
|
+
if (!o.value || A.value !== "text" || Q.value) return;
|
|
41
|
+
const { x: e, y: n } = V(l);
|
|
42
|
+
H.value = { x: e, y: n }, N.value = [""], D.value = { row: 0, col: 0 };
|
|
43
|
+
const t = document.createElementNS("http://www.w3.org/2000/svg", "text");
|
|
44
|
+
t.setAttribute("x", e), t.setAttribute("y", n), t.setAttribute("fill", S.value), t.setAttribute("font-size", L.value * s.scale), t.setAttribute("font-family", "sans-serif"), t.setAttribute("class", "vue-data-ui-doodle"), t.setAttribute("dominant-baseline", "hanging"), t.setAttribute("pointer-events", "all");
|
|
45
|
+
const a = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
|
|
46
|
+
a.setAttribute("x", e), a.setAttribute("dy", "0"), a.textContent = "", t.appendChild(a), t.style.pointerEvents = "none", o.value.appendChild(t), f.value = t, Q.value = !0, window.addEventListener("keydown", j), window.addEventListener("mousedown", _, !0), J(), Z();
|
|
47
|
+
}
|
|
48
|
+
function j(l) {
|
|
49
|
+
if (!Q.value) return;
|
|
50
|
+
let { row: e, col: n } = D.value, t = N.value.slice(), a = !1;
|
|
51
|
+
if (l.key === "Enter") {
|
|
52
|
+
const r = t[e], u = r.slice(0, n), v = r.slice(n);
|
|
53
|
+
t.splice(e, 1, u, v), e += 1, n = 0, a = !0, l.preventDefault();
|
|
54
|
+
} else if (l.key === "Backspace") {
|
|
55
|
+
if (n > 0)
|
|
56
|
+
t[e] = t[e].slice(0, n - 1) + t[e].slice(n), n -= 1, a = !0;
|
|
57
|
+
else if (e > 0) {
|
|
58
|
+
const r = t[e - 1].length;
|
|
59
|
+
t[e - 1] += t[e], t.splice(e, 1), e -= 1, n = r, a = !0;
|
|
60
|
+
}
|
|
61
|
+
l.preventDefault();
|
|
62
|
+
} else if (l.key === "Delete")
|
|
63
|
+
n < t[e].length ? (t[e] = t[e].slice(0, n) + t[e].slice(n + 1), a = !0) : e < t.length - 1 && (t[e] += t[e + 1], t.splice(e + 1, 1), a = !0), l.preventDefault();
|
|
64
|
+
else if (l.key === "ArrowLeft")
|
|
65
|
+
n > 0 ? n -= 1 : e > 0 && (e -= 1, n = t[e].length), a = !0, l.preventDefault();
|
|
66
|
+
else if (l.key === "ArrowRight")
|
|
67
|
+
n < t[e].length ? n += 1 : e < t.length - 1 && (e += 1, n = 0), a = !0, l.preventDefault();
|
|
68
|
+
else if (l.key === "ArrowUp")
|
|
69
|
+
e > 0 && (e -= 1, n = Math.min(n, t[e].length), a = !0), l.preventDefault();
|
|
70
|
+
else if (l.key === "ArrowDown")
|
|
71
|
+
e < t.length - 1 && (e += 1, n = Math.min(n, t[e].length), a = !0), l.preventDefault();
|
|
72
|
+
else if (l.key.length === 1 && !l.ctrlKey && !l.metaKey && !l.altKey)
|
|
73
|
+
t[e] = t[e].slice(0, n) + l.key + t[e].slice(n), n += 1, a = !0, l.preventDefault();
|
|
74
|
+
else if (l.key === "Escape") {
|
|
75
|
+
ee(!0);
|
|
76
|
+
return;
|
|
77
|
+
} else l.key === "Tab" && l.preventDefault();
|
|
78
|
+
a && (N.value = t, D.value = { row: e, col: n }, J(), Z());
|
|
79
|
+
}
|
|
80
|
+
function J() {
|
|
81
|
+
const l = f.value, { x: e } = H.value;
|
|
82
|
+
for (; l.firstChild; ) l.removeChild(l.firstChild);
|
|
83
|
+
N.value.forEach((n, t) => {
|
|
84
|
+
const a = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
|
|
85
|
+
a.setAttribute("x", e), a.setAttribute("dy", t === 0 ? "0" : `${L.value * 1.2 * s.scale}`), a.textContent = n.length ? n : "", l.appendChild(a);
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
function Z() {
|
|
89
|
+
const l = o.value.querySelector(".vue-data-ui-svg-caret");
|
|
90
|
+
l && o.value.removeChild(l);
|
|
91
|
+
const e = f.value;
|
|
92
|
+
if (!e) return;
|
|
93
|
+
const { x: n, y: t } = H.value, { row: a, col: r } = D.value, u = L.value * s.scale, v = e.childNodes[a];
|
|
94
|
+
if (!v) return;
|
|
95
|
+
let g = v.textContent.slice(0, r);
|
|
96
|
+
g.endsWith(" ") && (g += " ");
|
|
97
|
+
const i = document.createElementNS("http://www.w3.org/2000/svg", "text");
|
|
98
|
+
i.setAttribute("x", n), i.setAttribute("y", t), i.setAttribute("font-size", u), i.setAttribute("font-family", "sans-serif"), i.textContent = g || "", o.value.appendChild(i);
|
|
99
|
+
const p = i.getBBox();
|
|
100
|
+
o.value.removeChild(i);
|
|
101
|
+
let m = t + a * u * 1.2, C = n + p.width;
|
|
102
|
+
const w = document.createElementNS("http://www.w3.org/2000/svg", "rect");
|
|
103
|
+
w.setAttribute("x", C), w.setAttribute("y", m), w.setAttribute("width", 2), w.setAttribute("height", u), w.setAttribute("fill", S.value), w.setAttribute("class", "vue-data-ui-svg-caret"), o.value.appendChild(w);
|
|
104
|
+
}
|
|
105
|
+
function _(l) {
|
|
106
|
+
if (f.value && !f.value.contains(l.target)) {
|
|
107
|
+
const e = f.value.children;
|
|
108
|
+
e.length === 1 && (e[0].textContent === "" || e[0].textContent === "") && f.value.remove(), ee(!1);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
function ee(l = !1) {
|
|
112
|
+
var a;
|
|
113
|
+
window.removeEventListener("keydown", j), window.removeEventListener("mousedown", _, !0);
|
|
114
|
+
const e = o.value.querySelector(".vue-data-ui-svg-caret");
|
|
115
|
+
e && o.value.removeChild(e);
|
|
116
|
+
const n = (a = f.value) == null ? void 0 : a.children;
|
|
117
|
+
let t = !1;
|
|
118
|
+
if (n && n.length === 1) {
|
|
119
|
+
const r = n[0].textContent;
|
|
120
|
+
t = !r || r === "";
|
|
121
|
+
}
|
|
122
|
+
l || t ? f.value && o.value.contains(f.value) && o.value.removeChild(f.value) : f.value && o.value.contains(f.value) && x.value.push(f.value), Q.value = !1, f.value = null, N.value = [""], D.value = { row: 0, col: 0 };
|
|
123
|
+
}
|
|
124
|
+
const y = ge(() => xe(s.color, 0.6));
|
|
125
|
+
function te() {
|
|
126
|
+
if (!o.value) return;
|
|
127
|
+
const l = o.value.querySelector(".vue-data-ui-mask");
|
|
128
|
+
if (l && o.value.removeChild(l), s.active) {
|
|
129
|
+
const e = document.createElementNS("http://www.w3.org/2000/svg", "rect");
|
|
130
|
+
e.setAttribute("class", "vue-data-ui-mask"), e.setAttribute("width", "100%"), e.setAttribute("height", "100%"), e.setAttribute("fill", "transparent"), e.setAttribute("pointer-events", "all"), o.value.insertBefore(e, o.value.firstChild);
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
function V(l) {
|
|
134
|
+
var a;
|
|
135
|
+
const e = s.svgRef;
|
|
136
|
+
if (!e) return { x: 0, y: 0 };
|
|
137
|
+
const n = e.createSVGPoint();
|
|
138
|
+
n.x = l.clientX, n.y = l.clientY;
|
|
139
|
+
const t = (a = e.getScreenCTM()) == null ? void 0 : a.inverse();
|
|
140
|
+
return t ? n.matrixTransform(t) : { x: 0, y: 0 };
|
|
141
|
+
}
|
|
142
|
+
function ue(l) {
|
|
143
|
+
const e = l.trim().split(/\s+/);
|
|
144
|
+
if (e.length < 4)
|
|
145
|
+
return l;
|
|
146
|
+
const n = e.slice(1).map(Number);
|
|
147
|
+
if (n.length % 2 !== 0)
|
|
148
|
+
return l;
|
|
149
|
+
const t = ie(n), a = [`M ${t[0]} ${t[1]}`];
|
|
150
|
+
for (let v = 2; v < t.length - 2; v += 2) {
|
|
151
|
+
const g = t[v - 2], i = t[v - 1], p = t[v], m = t[v + 1], C = (g + p) / 2, w = (i + m) / 2;
|
|
152
|
+
a.push(`Q ${g} ${i} ${C} ${w}`);
|
|
153
|
+
}
|
|
154
|
+
const r = t[t.length - 2], u = t[t.length - 1];
|
|
155
|
+
return a.push(`L ${r} ${u}`), a.join(" ");
|
|
156
|
+
}
|
|
157
|
+
function ie(l, e = 1) {
|
|
158
|
+
const n = [...l];
|
|
159
|
+
for (let t = 2; t < l.length - 2; t += 2) {
|
|
160
|
+
const a = l[t], r = l[t + 1], u = l[t - 2], v = l[t - 1], g = l[t + 2], i = l[t + 3];
|
|
161
|
+
n[t] = a + e * ((u + g) / 2 - a), n[t + 1] = r + e * ((v + i) / 2 - r);
|
|
162
|
+
}
|
|
163
|
+
return n;
|
|
164
|
+
}
|
|
165
|
+
function ve(l) {
|
|
166
|
+
const e = l.trim().split(/\s+/);
|
|
167
|
+
let n = "", t = "", a = null, r = null;
|
|
168
|
+
for (let u = 0; u < e.length; u += 1) {
|
|
169
|
+
const v = e[u];
|
|
170
|
+
if (isNaN(v)) {
|
|
171
|
+
if (t = v, t === "M" || t === "L")
|
|
172
|
+
a = parseFloat(e[++u]), r = parseFloat(e[++u]), n += `${t}${a} ${r}`;
|
|
173
|
+
else if (t === "Q") {
|
|
174
|
+
const g = parseFloat(e[++u]), i = parseFloat(e[++u]), p = parseFloat(e[++u]), m = parseFloat(e[++u]);
|
|
175
|
+
g === a && i === r ? n += `t${p - a} ${m - r}` : n += `q${g - a} ${i - r} ${p - a} ${m - r}`, a = p, r = m;
|
|
176
|
+
}
|
|
177
|
+
} else {
|
|
178
|
+
const g = parseFloat(v), i = parseFloat(e[++u]);
|
|
179
|
+
if (t === "L") {
|
|
180
|
+
const p = g - a, m = i - r;
|
|
181
|
+
p === 0 ? n += `v${m}` : m === 0 ? n += `h${p}` : n += `l${p} ${m}`, a = g, r = i;
|
|
182
|
+
} else if (t === "Q") {
|
|
183
|
+
const p = g, m = i, C = parseFloat(e[++u]), w = parseFloat(e[++u]);
|
|
184
|
+
p === a && m === r ? n += `t${C - a} ${w - r}` : n += `q${p - a} ${m - r} ${C - a} ${w - r}`, a = C, r = w;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
return n;
|
|
189
|
+
}
|
|
190
|
+
function I(l) {
|
|
191
|
+
if (A.value !== "draw" || !s.active || !o.value) return;
|
|
192
|
+
M.value = !0;
|
|
193
|
+
const { x: e, y: n } = V(l);
|
|
194
|
+
F.value = { x: e, y: n }, P.value = `M ${e} ${n}`, h.value = document.createElementNS("http://www.w3.org/2000/svg", "path"), h.value.setAttribute("stroke", S.value), h.value.setAttribute("stroke-width", $.value * s.scale), h.value.setAttribute("fill", "none"), h.value.setAttribute("stroke-linecap", "round"), h.value.setAttribute("stroke-linejoin", "round"), h.value.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(h.value);
|
|
195
|
+
}
|
|
196
|
+
function K(l) {
|
|
197
|
+
if (!M.value || !o.value || !h.value) return;
|
|
198
|
+
const { x: e, y: n } = V(l);
|
|
199
|
+
P.value += ` ${e} ${n}`, h.value.setAttribute("d", P.value);
|
|
200
|
+
}
|
|
201
|
+
function B(l) {
|
|
202
|
+
if (M.value && o.value && h.value) {
|
|
203
|
+
const { x: e, y: n } = V(l);
|
|
204
|
+
if (F.value && F.value.x === e && F.value.y === n) {
|
|
205
|
+
const t = document.createElementNS("http://www.w3.org/2000/svg", "circle");
|
|
206
|
+
t.setAttribute("cx", e), t.setAttribute("cy", n), t.setAttribute("r", $.value * s.scale / 2), t.setAttribute("fill", S.value), t.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(t), x.value.push(t);
|
|
207
|
+
} else {
|
|
208
|
+
const t = h.value;
|
|
209
|
+
t.setAttribute("d", ve(ue(P.value))), x.value.push(t);
|
|
210
|
+
}
|
|
211
|
+
E.value = [], h.value = "";
|
|
212
|
+
}
|
|
213
|
+
M.value = !1;
|
|
214
|
+
}
|
|
215
|
+
function ce() {
|
|
216
|
+
if (x.value.length > 0) {
|
|
217
|
+
const l = x.value.pop();
|
|
218
|
+
E.value.push(l), o.value && o.value.removeChild(l);
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
function de() {
|
|
222
|
+
if (E.value.length > 0) {
|
|
223
|
+
const l = E.value.pop();
|
|
224
|
+
x.value.push(l), o.value && o.value.appendChild(l);
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
function fe() {
|
|
228
|
+
o.value && (o.value.innerHTML = ""), x.value = [], E.value = [], te();
|
|
229
|
+
}
|
|
230
|
+
X(A, () => {
|
|
231
|
+
s.active && (U(), ne(), A.value === "text" ? o.value.style.cursor = "text" : o.value.style.cursor = W.value);
|
|
232
|
+
});
|
|
233
|
+
function ne() {
|
|
234
|
+
!s.svgRef || !s.active || (A.value === "draw" ? (s.svgRef.addEventListener("mousedown", I), s.svgRef.addEventListener("mousemove", K), s.svgRef.addEventListener("mouseup", B), s.svgRef.addEventListener("mouseleave", B), s.svgRef.addEventListener("touchstart", I, { passive: !1 }), s.svgRef.addEventListener("touchmove", K, { passive: !1 }), s.svgRef.addEventListener("touchend", B)) : A.value === "text" && s.svgRef.addEventListener("mousedown", O), o.value && (o.value.style.pointerEvents = "auto"));
|
|
235
|
+
}
|
|
236
|
+
function U() {
|
|
237
|
+
s.svgRef && (s.svgRef.removeEventListener("mousedown", I), s.svgRef.removeEventListener("mousemove", K), s.svgRef.removeEventListener("mouseup", B), s.svgRef.removeEventListener("mouseleave", B), s.svgRef.removeEventListener("touchstart", I), s.svgRef.removeEventListener("touchmove", K), s.svgRef.removeEventListener("touchend", B), s.svgRef.removeEventListener("mousedown", O), o.value && (o.value.style.pointerEvents = "none"));
|
|
238
|
+
}
|
|
239
|
+
return X(() => s.active, (l) => {
|
|
240
|
+
l ? ne() : U();
|
|
241
|
+
}), X(() => s.active, () => {
|
|
242
|
+
le(() => {
|
|
243
|
+
te();
|
|
244
|
+
});
|
|
245
|
+
}), pe(() => {
|
|
246
|
+
le(() => {
|
|
247
|
+
s.svgRef && (o.value = document.createElementNS("http://www.w3.org/2000/svg", "g"), o.value.setAttribute("class", "vue-data-ui-doodles"), o.value.style.cursor = W.value, s.svgRef.appendChild(o.value), U());
|
|
248
|
+
});
|
|
249
|
+
}), me(() => {
|
|
250
|
+
o.value && s.svgRef && (s.svgRef.removeChild(o.value), U());
|
|
251
|
+
}), (l, e) => d.active ? (z(), Y("div", ye, [
|
|
252
|
+
k("button", {
|
|
253
|
+
class: "vue-ui-pen-and-paper-action",
|
|
254
|
+
onClick: e[0] || (e[0] = (n) => re("close")),
|
|
255
|
+
style: b({
|
|
256
|
+
backgroundColor: d.backgroundColor,
|
|
257
|
+
border: `1px solid ${y.value}`
|
|
258
|
+
})
|
|
259
|
+
}, [
|
|
260
|
+
R(T, {
|
|
261
|
+
name: "close",
|
|
262
|
+
stroke: d.color
|
|
263
|
+
}, null, 8, ["stroke"])
|
|
264
|
+
], 4),
|
|
265
|
+
k("button", Ce, [
|
|
266
|
+
R(we, {
|
|
267
|
+
value: S.value,
|
|
268
|
+
"onUpdate:value": e[1] || (e[1] = (n) => S.value = n),
|
|
269
|
+
backgroundColor: d.backgroundColor,
|
|
270
|
+
buttonBorderColor: y.value
|
|
271
|
+
}, null, 8, ["value", "backgroundColor", "buttonBorderColor"])
|
|
272
|
+
]),
|
|
273
|
+
k("button", {
|
|
274
|
+
class: G(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-active": A.value === "text" }]),
|
|
275
|
+
onClick: e[2] || (e[2] = (n) => A.value = A.value === "text" ? "draw" : "text"),
|
|
276
|
+
style: b({
|
|
277
|
+
backgroundColor: d.backgroundColor,
|
|
278
|
+
border: `1px solid ${y.value}`
|
|
279
|
+
})
|
|
280
|
+
}, [
|
|
281
|
+
R(T, {
|
|
282
|
+
name: A.value === "draw" ? "annotator" : "text",
|
|
283
|
+
stroke: d.color
|
|
284
|
+
}, null, 8, ["name", "stroke"]),
|
|
285
|
+
k("div", {
|
|
286
|
+
style: b({
|
|
287
|
+
position: "absolute",
|
|
288
|
+
bottom: "-20px",
|
|
289
|
+
color: y.value,
|
|
290
|
+
width: "100%",
|
|
291
|
+
textAlign: "center",
|
|
292
|
+
fontSize: "12px",
|
|
293
|
+
fontVariantNumeric: "tabular-nums"
|
|
294
|
+
})
|
|
295
|
+
}, he(Ae(be)({
|
|
296
|
+
v: A.value === "draw" ? $.value : L.value,
|
|
297
|
+
s: "px",
|
|
298
|
+
r: 1
|
|
299
|
+
})), 5)
|
|
300
|
+
], 6),
|
|
301
|
+
k("button", {
|
|
302
|
+
class: G(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !x.value.length }]),
|
|
303
|
+
disabled: !x.value.length,
|
|
304
|
+
onClick: ce,
|
|
305
|
+
style: b({
|
|
306
|
+
backgroundColor: d.backgroundColor,
|
|
307
|
+
border: `1px solid ${y.value}`,
|
|
308
|
+
marginTop: "20px"
|
|
309
|
+
})
|
|
310
|
+
}, [
|
|
311
|
+
R(T, {
|
|
312
|
+
name: "restart",
|
|
313
|
+
stroke: d.color
|
|
314
|
+
}, null, 8, ["stroke"])
|
|
315
|
+
], 14, ke),
|
|
316
|
+
k("button", {
|
|
317
|
+
class: G(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !E.value.length }]),
|
|
318
|
+
onClick: de,
|
|
319
|
+
style: b({
|
|
320
|
+
backgroundColor: d.backgroundColor,
|
|
321
|
+
border: `1px solid ${y.value}`
|
|
322
|
+
})
|
|
323
|
+
}, [
|
|
324
|
+
R(T, {
|
|
325
|
+
name: "restart",
|
|
326
|
+
stroke: d.color,
|
|
327
|
+
style: { transform: "scaleX(-1)" }
|
|
328
|
+
}, null, 8, ["stroke"])
|
|
329
|
+
], 6),
|
|
330
|
+
k("button", {
|
|
331
|
+
class: G(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !x.value.length }]),
|
|
332
|
+
onClick: fe,
|
|
333
|
+
style: b({
|
|
334
|
+
backgroundColor: d.backgroundColor,
|
|
335
|
+
border: `1px solid ${y.value}`
|
|
336
|
+
})
|
|
337
|
+
}, [
|
|
338
|
+
R(T, {
|
|
339
|
+
name: "trash",
|
|
340
|
+
stroke: d.color
|
|
341
|
+
}, null, 8, ["stroke"])
|
|
342
|
+
], 6),
|
|
343
|
+
A.value === "draw" ? ae((z(), Y("input", {
|
|
344
|
+
key: 0,
|
|
345
|
+
ref: "range",
|
|
346
|
+
type: "range",
|
|
347
|
+
class: "vertical-range",
|
|
348
|
+
min: 0.5,
|
|
349
|
+
max: 12,
|
|
350
|
+
step: 0.1,
|
|
351
|
+
"onUpdate:modelValue": e[3] || (e[3] = (n) => $.value = n),
|
|
352
|
+
style: b({ accentColor: d.color })
|
|
353
|
+
}, null, 4)), [
|
|
354
|
+
[oe, $.value]
|
|
355
|
+
]) : q("", !0),
|
|
356
|
+
A.value === "text" ? ae((z(), Y("input", {
|
|
357
|
+
key: 1,
|
|
358
|
+
ref: "range",
|
|
359
|
+
type: "range",
|
|
360
|
+
class: "vertical-range",
|
|
361
|
+
min: 3,
|
|
362
|
+
max: 48,
|
|
363
|
+
step: 0.1,
|
|
364
|
+
"onUpdate:modelValue": e[4] || (e[4] = (n) => L.value = n),
|
|
365
|
+
style: b({ accentColor: d.color })
|
|
366
|
+
}, null, 4)), [
|
|
367
|
+
[oe, L.value]
|
|
368
|
+
]) : q("", !0)
|
|
369
|
+
])) : q("", !0);
|
|
370
|
+
}
|
|
371
|
+
};
|
|
372
|
+
export {
|
|
373
|
+
Re as _
|
|
374
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { computed as u, createElementBlock as r, openBlock as l, createCommentVNode as a } from "vue";
|
|
2
|
-
import { Y as c, Q as f } from "./index-
|
|
2
|
+
import { Y as c, Q as f } from "./index-D3VntmA9.js";
|
|
3
3
|
const y = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], g = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], h = {
|
|
4
4
|
__name: "Shape",
|
|
5
5
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const o=require("vue"),a=require("./index-
|
|
1
|
+
"use strict";const o=require("vue"),a=require("./index-MIJJ8liG.cjs"),c=["cx","cy","r","fill","stroke","stroke-width"],v=["d","fill","stroke","stroke-width"],p=["points","fill","stroke","stroke-width"],y={__name:"Shape",props:{color:String,isSelected:{type:Boolean,default:!1},limit:{type:Number,default:3},plot:Object,radius:Number,shape:String,stroke:String,strokeWidth:Number,zoom:{type:Number,default:1.3}},emits:["mouseover","mouseout","click"],setup(n,{emit:d}){const e=n,i=d;function m(u){return{circle:{points:1,rotation:0},line:{points:2,rotation:0},triangle:{points:3,rotation:.52},square:{points:4,rotation:.783},diamond:{points:4,rotation:0},pentagon:{points:5,rotation:.95},hexagon:{points:6,rotation:0}}[u]}const r=o.computed(()=>m(e.shape)),s=o.computed(()=>e.shape!=="star"?null:a.createStar({plot:{x:e.plot.x,y:e.plot.y},radius:e.radius*(e.isSelected?e.zoom:1)})),k=o.computed(()=>a.createPolygonPath({plot:{x:e.plot.x,y:e.plot.y},radius:e.radius*(e.isSelected?e.zoom:1),sides:r.value.points,rotation:r.value.rotation}).path);return(u,t)=>(o.openBlock(),o.createElementBlock("g",null,[r.value&&r.value.points===1?(o.openBlock(),o.createElementBlock("circle",{key:0,class:"vdui-shape-circle",cx:n.plot.x,cy:n.plot.y,r:e.radius*(e.isSelected?e.zoom:1),fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[0]||(t[0]=l=>i("mouseover")),onMouseout:t[1]||(t[1]=l=>i("mouseout")),onClick:t[2]||(t[2]=l=>i("click"))},null,40,c)):o.createCommentVNode("",!0),r.value&&r.value.points>=n.limit?(o.openBlock(),o.createElementBlock("path",{key:1,class:"vdui-shape-polygon",d:k.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[3]||(t[3]=l=>i("mouseover")),onMouseout:t[4]||(t[4]=l=>i("mouseout")),onClick:t[5]||(t[5]=l=>i("click"))},null,40,v)):o.createCommentVNode("",!0),s.value?(o.openBlock(),o.createElementBlock("polygon",{key:2,class:"vdui-shape-star",points:s.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[6]||(t[6]=l=>i("mouseover")),onMouseout:t[7]||(t[7]=l=>i("mouseout")),onClick:t[8]||(t[8]=l=>i("click"))},null,40,p)):o.createCommentVNode("",!0)]))}};exports._sfc_main=y;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useCssVars as Ie, computed as s, ref as u, watch as R, onMounted as Pe, onBeforeUnmount as ze, onUpdated as Ae, nextTick as ue, createElementBlock as v, openBlock as m, createElementVNode as d, createCommentVNode as x, renderSlot as Fe, normalizeStyle as $, createVNode as He, withDirectives as oe, unref as Z, Fragment as re, renderList as se, normalizeClass as L, vModelText as de, toDisplayString as ve } from "vue";
|
|
2
|
-
import Ve from "./BaseIcon-
|
|
2
|
+
import Ve from "./BaseIcon-BLhJaEYy.js";
|
|
3
3
|
import { t as We, u as Xe } from "./useResponsive-Cw4oZ8sQ.js";
|
|
4
|
-
import { c as Ue, T as me, S as ce, X as Oe, G as he } from "./index-
|
|
4
|
+
import { c as Ue, T as me, S as ce, X as Oe, G as he } from "./index-D3VntmA9.js";
|
|
5
5
|
import { _ as Ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const Ge = {
|
|
7
7
|
class: "vue-data-ui-slicer-labels",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),xe=require("./BaseIcon-C0unoacb.cjs"),Y=require("./useResponsive-DQmBAoBf.cjs"),f=require("./index-BeJeDy5m.cjs"),ye=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),be={class:"vue-data-ui-slicer-labels",style:{position:"relative","z-index":"1","pointer-events":"none"}},ke={key:0,style:{width:"100%",position:"relative"}},we={key:0,class:"minimap",style:{width:"100%"}},Se=["xmlns","viewBox"],Ne=["id"],Ce=["stop-color"],Ee=["d","stroke"],Be=["x","width","height","fill","rx"],Me=["d","fill"],$e=["x","width","height","rx","fill"],Re=["x","width","height","fill","rx"],Le=["d","fill"],Ve=["d","stroke"],ze=["cx","cy","stroke","fill"],De=["cx","cy","stroke","fill"],Te=["x1","x2","y2","stroke"],Pe=["x","height","width","onMouseenter"],Ie=["min","max"],Fe=["min","max"],Ae={__name:"Slicer",props:{background:{type:String,default:"#FFFFFF"},borderColor:{type:String,default:"#FFFFFF"},fontSize:{type:Number,default:14},labelLeft:{type:String,default:""},labelRight:{type:String,default:""},textColor:{type:String,default:"#1A1A1A"},inputColor:{type:String,default:"#1A1A1A"},max:{type:Number,default:0},min:{type:Number,default:0},selectColor:{type:String,default:"#4A4A4A"},useResetSlot:{type:Boolean,default:!1},valueStart:{type:[Number,String],default:0},valueEnd:{type:[Number,String],default:0},minimap:{type:Array,default:[]},smoothMinimap:{type:Boolean,default:!1},minimapSelectedColor:{type:String,default:"#1f77b4"},minimapSelectionRadius:{type:Number,default:12},minimapLineColor:{type:String,default:"#2D353C"},minimapSelectedColorOpacity:{type:Number,default:.2},minimapSelectedIndex:{type:Number,default:null},minimapIndicatorColor:{type:String,default:"#2D353C"},refreshStartPoint:{type:Number,default:0},refreshEndPoint:{type:Number,default:null},enableRangeHandles:{type:Boolean,default:!1},enableSelectionDrag:{type:Boolean,default:!0},verticalHandles:{type:Boolean,default:!1}},emits:["update:start","update:end","reset","trapMouse"],setup(n,{expose:_,emit:ee}){e.useCssVars(t=>({"05c06dde":le.value,d5d55cf6:p.value,"1783e736":ne.value,"754a92b5":n.selectColor,"6a46ca7a":ae.value}));const l=n,c=e.ref(null),u=e.ref(l.min),r=e.ref(l.max),k=e.computed(()=>!!l.minimap.length),C=e.ref(f.createUid()),te=e.computed(()=>l.refreshEndPoint===null?l.max:l.refreshEndPoint),h=ee,g=e.computed(()=>{const t=l.max-l.min,a=(u.value-l.min)/t*100,o=(r.value-l.min)/t*100;return{left:`${a}%`,width:`${o-a}%`,background:l.selectColor,tooltipLeft:`calc(${a}% - ${F.value?0:P.value/2}px)`,tooltipRight:`calc(${o}% - ${A.value?N.value:N.value/2}px)`,arrowLeft:!F.value,arrowRight:!A.value}}),F=e.computed(()=>c.value?c.value.getBoundingClientRect().width*((u.value-l.min)/(l.max-l.min))-P.value/2<0:!1),A=e.computed(()=>c.value?c.value.getBoundingClientRect().width*((r.value-l.min)/(l.max-l.min))+N.value/2>c.value.getBoundingClientRect().width:!1),le=e.computed(()=>l.inputColor),ae=e.computed(()=>l.background),ne=e.computed(()=>`${l.selectColor}33`),p=e.computed(()=>l.borderColor),H=e.computed(()=>{let t=[];for(let a=0;a<l.minimap.length;a+=1)t.push(a);return t});function W(){h("reset")}function oe(){Number(u.value)>Number(r.value)-1&&(u.value=Number(r.value)-1),h("update:start",Number(u.value))}function ie(){Number(r.value)<Number(u.value)+1&&(r.value=Number(u.value)+1),h("update:end",Number(r.value))}e.watch(()=>l.min,t=>{Number(u.value)<Number(t)&&(u.value=Number(t)),Number(r.value)<Number(t)&&(r.value=Number(t))}),e.watch(()=>l.max,t=>{Number(u.value)>Number(t)&&(u.value=Number(t)),Number(r.value)>Number(t)&&(r.value=Number(t))});const E=e.ref(null),i=e.ref({width:1,height:1}),S=e.ref(null);e.onMounted(()=>{if(k.value){const t=Y.throttle(()=>{const{width:a,height:o}=Y.useResponsive({chart:E.value});i.value.width=a,i.value.height=o-47});S.value=new ResizeObserver(t),S.value.observe(E.value)}}),e.onBeforeUnmount(()=>{S.value&&S.value.disconnect()});const s=e.computed(()=>l.minimap.length?i.value.width/l.minimap.length:0),m=e.computed(()=>{if(!l.minimap.length)return[];const t=Math.max(...l.minimap),a=Math.min(...l.minimap)-10,o=t-(a>0?0:a),d=l.minimap.map((he,ge)=>{const pe=he-a;return{x:i.value.width/l.minimap.length*ge+s.value/2,y:i.value.height-pe/o*(i.value.height*.9)}}),x=l.smoothMinimap?f.createSmoothPath(d):f.createStraightPath(d),I=[...d].slice(l.valueStart,l.valueEnd),fe=l.smoothMinimap?f.createSmoothPath(I):f.createStraightPath(I);return{fullSet:x,selectionSet:fe,sliced:I,firstPlot:d[l.valueStart],lastPlot:d[l.valueEnd-1]}}),v=e.computed(()=>({x:s.value*u.value+s.value/2,width:i.value.width*((r.value-u.value)/l.max)-s.value})),w=e.ref(l.minimapSelectedIndex);e.watch(()=>l.minimapSelectedIndex,t=>{w.value=t+l.valueStart},{immediate:!0});function ue(t){w.value=t,t>=l.valueStart&&t<l.valueEnd&&h("trapMouse",t-l.valueStart)}const re=e.ref(0),B=e.ref(null),M=e.ref(null);function $(t){u.value=t,B.value&&(B.value.value=t),h("update:start",Number(u.value))}function R(t){r.value=t,M.value&&(M.value.value=t),h("update:end",Number(r.value))}const L=e.computed(()=>l.valueEnd-l.valueStart),V=e.ref(!1);let z=e.ref(null);const se=e.computed(()=>c.value?(c.value.getBoundingClientRect().width-48)/(l.max-l.min):20),de=e.computed(()=>(c.value.getBoundingClientRect().width-48)/(l.max-l.min)*L.value),ce=e.ref(2.5),X=e.computed(()=>{const t=c.value.getBoundingClientRect().width-48;return Math.ceil((l.max-l.min)/((t-de.value)/ce.value))}),q=t=>{if(b.value=!0,!l.enableSelectionDrag)return;const a=t.type==="touchstart";if((a?t.targetTouches[0].target:t.target).classList.contains("range-handle"))return;V.value=!0,z.value=a?t.targetTouches[0].clientX:t.clientX;const d=a?me:U,x=a?ve:Z;window.addEventListener(a?"touchmove":"mousemove",d,{passive:!1}),window.addEventListener(a?"touchend":"mouseup",x)};function U(t){O(t.clientX)}function me(t){c.value.contains(t.target)&&(t.target.classList.contains("range-handle")||(t.preventDefault(),O(t.targetTouches[0].clientX)))}function O(t){if(!V.value)return;const a=t-z.value;if(Math.abs(a)>se.value){if(a>0){if(Number(r.value)+1<=l.max){const o=Math.min(l.max,Number(r.value)+X.value);R(o),$(o-L.value)}}else if(Number(u.value)-1>=l.min){const o=Math.max(0,Number(u.value)-X.value);$(o),R(o+L.value)}z.value=t}}function Z(){j("mousemove","mouseup")}function ve(){j("touchmove","touchend")}function j(t,a){V.value=!1,window.removeEventListener(t,U),window.removeEventListener(a,Z)}const y=e.ref(!1),D=e.ref(null),T=e.ref(null),P=e.ref(1),N=e.ref(1),b=e.ref(!1);function G(){D.value&&(P.value=D.value.getBoundingClientRect().width)}function J(){T.value&&(N.value=T.value.getBoundingClientRect().width)}const K=e.ref(0);function Q(t){K.value=t==="start"?1:0}return e.onUpdated(()=>{G(),J()}),e.watch(()=>l.labelLeft,()=>{e.nextTick(G)},{deep:!0}),e.watch(()=>l.labelRight,()=>{e.nextTick(J)},{deep:!0}),_({setStartValue:$,setEndValue:R}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{"data-dom-to-png-ignore":"",style:{padding:"0 24px"},class:"vue-data-ui-zoom",ref_key:"zoomWrapper",ref:c,onMousedown:q,onTouchstart:q,onTouchend:a[11]||(a[11]=o=>b.value=!1)},[e.createElementVNode("div",be,[n.valueStart!==n.refreshStartPoint||n.valueEnd!==te.value?(e.openBlock(),e.createElementBlock("div",ke,[n.useResetSlot?e.renderSlot(t.$slots,"reset-action",{key:1,reset:W},void 0,!0):(e.openBlock(),e.createElementBlock("button",{key:0,tabindex:"0",role:"button",class:"vue-data-ui-refresh-button",style:e.normalizeStyle({top:k.value?"36px":"-16px",pointerEvents:"all !important"}),onClick:W},[e.createVNode(xe.default,{name:"refresh",stroke:n.textColor},null,8,["stroke"])],4))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"double-range-slider",ref_key:"minimapWrapper",ref:E,style:{"z-index":"0"},onMouseenter:a[9]||(a[9]=o=>b.value=!0),onMouseleave:a[10]||(a[10]=o=>b.value=!1)},[k.value?(e.openBlock(),e.createElementBlock("div",we,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(f.XMLNS),viewBox:`0 0 ${i.value.width<0?0:i.value.width} ${i.value.height<0?0:i.value.height}`},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:C.value,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${n.minimapLineColor}50`},null,8,Ce),a[12]||(a[12]=e.createElementVNode("stop",{offset:"100%","stop-color":"transparent"},null,-1))],8,Ne)]),e.createElementVNode("path",{d:`M${m.value.fullSet}`,stroke:`${n.minimapLineColor}`,fill:"none","stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round",style:{opacity:"1"}},null,8,Ee),e.createElementVNode("rect",{x:v.value.x,width:v.value.width<0?0:v.value.width,height:Math.max(i.value.height,0),y:0,fill:p.value,rx:n.minimapSelectionRadius,stroke:"none"},null,8,Be),e.createElementVNode("path",{d:`M${s.value/2},${Math.max(i.value.height,0)} ${m.value.fullSet} L${i.value.width-s.value/2},${Math.max(i.value.height,0)}Z`,fill:`url(#${C.value})`,stroke:"none",style:{opacity:"1"}},null,8,Me),e.createElementVNode("rect",{x:v.value.x,width:v.value.width<0?0:v.value.width,height:Math.max(i.value.height,0),y:0,rx:n.minimapSelectionRadius,fill:p.value},null,8,$e),e.createElementVNode("rect",{x:v.value.x,width:v.value.width<0?0:v.value.width,height:Math.max(i.value.height,0),y:0,fill:n.minimapSelectedColor,rx:n.minimapSelectionRadius,style:e.normalizeStyle({opacity:n.minimapSelectedColorOpacity})},null,12,Re),e.createElementVNode("path",{d:`M${m.value.sliced[0].x},${Math.max(i.value.height,0)} ${m.value.selectionSet} L${m.value.sliced.at(-1).x},${Math.max(i.value.height,0)}Z`,fill:`url(#${C.value})`,stroke:"none",style:{opacity:"1"}},null,8,Le),e.createElementVNode("path",{d:`M ${m.value.selectionSet}`,stroke:`${n.minimapLineColor}`,fill:"transparent","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,Ve),e.createElementVNode("circle",{cx:m.value.firstPlot.x,cy:m.value.firstPlot.y,"stroke-width":"0.5",stroke:p.value,r:"3",fill:n.minimapLineColor},null,8,ze),e.createElementVNode("circle",{cx:m.value.lastPlot.x,cy:m.value.lastPlot.y,"stroke-width":"0.5",stroke:p.value,r:"3",fill:n.minimapLineColor},null,8,De),w.value!==null?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(H.value,(o,d)=>(e.openBlock(),e.createElementBlock("g",null,[w.value===o&&o>=n.valueStart&&o<n.valueEnd?(e.openBlock(),e.createElementBlock("line",{key:0,x1:s.value*d+s.value/2,x2:s.value*d+s.value/2,y1:0,y2:Math.max(i.value.height,0),stroke:n.minimapIndicatorColor,"stroke-linecap":"round","stroke-dasharray":"2","stroke-width":"1"},null,8,Te)):e.createCommentVNode("",!0)]))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value,(o,d)=>(e.openBlock(),e.createElementBlock("rect",{x:s.value*d,y:0,height:Math.max(i.value.height,0),width:s.value<0?0:s.value,fill:"transparent",style:e.normalizeStyle([{"pointer-events":"all !important"},{cursor:o>=n.valueStart&&o<n.valueEnd&&n.enableSelectionDrag?y.value?"grabbing":"grab":"default"}]),onMousedown:a[0]||(a[0]=x=>y.value=!0),onMouseup:a[1]||(a[1]=x=>y.value=!1),onMouseenter:x=>ue(o),onMouseleave:a[2]||(a[2]=x=>{w.value=null,h("trapMouse",null)})},null,44,Pe))),256))],8,Se))])):e.createCommentVNode("",!0),a[13]||(a[13]=e.createElementVNode("div",{class:"slider-track"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass({"range-highlight":!0,move:n.enableSelectionDrag}),onMousedown:a[3]||(a[3]=o=>y.value=!0),onMouseup:a[4]||(a[4]=o=>y.value=!1),style:e.normalizeStyle({...g.value,cursor:y.value?"grabbing":"grab"})},null,38),n.enableRangeHandles?e.withDirectives((e.openBlock(),e.createElementBlock("input",{ref_key:"rangeStart",ref:B,key:`range-min${re.value}`,type:"range",class:e.normalizeClass({"range-left":!0,"range-handle":!0,"range-minimap":k.value&&n.verticalHandles}),min:n.min,max:n.max,"onUpdate:modelValue":a[5]||(a[5]=o=>u.value=o),onInput:oe,onMouseenter:a[6]||(a[6]=o=>Q("start"))},null,42,Ie)),[[e.vModelText,u.value]]):e.createCommentVNode("",!0),n.enableRangeHandles?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:2,ref_key:"rangeEnd",ref:M,type:"range",class:e.normalizeClass({"range-right":!0,"range-handle":!0,"range-minimap":k.value&&n.verticalHandles}),min:n.min,max:n.max,"onUpdate:modelValue":a[7]||(a[7]=o=>r.value=o),onInput:ie,onMouseenter:a[8]||(a[8]=o=>Q("end"))},null,42,Fe)),[[e.vModelText,r.value]]):e.createCommentVNode("",!0),n.labelLeft?(e.openBlock(),e.createElementBlock("div",{key:3,ref_key:"tooltipLeft",ref:D,class:e.normalizeClass({"range-tooltip":!0,"range-tooltip-visible":b.value,"range-tooltip-arrow":g.value.arrowLeft&&!n.verticalHandles,"range-tooltip-arrow-left":!g.value.arrowLeft&&!n.verticalHandles}),style:e.normalizeStyle({left:g.value.tooltipLeft,color:e.unref(f.adaptColorToBackground)(n.selectColor),backgroundColor:n.selectColor,border:`1px solid ${p.value}`,zIndex:`${K.value+4}`})},e.toDisplayString(n.labelLeft),7)):e.createCommentVNode("",!0),n.labelRight?(e.openBlock(),e.createElementBlock("div",{key:4,ref_key:"tooltipRight",ref:T,class:e.normalizeClass({"range-tooltip":!0,"range-tooltip-visible":b.value,"range-tooltip-arrow":g.value.arrowRight&&!n.verticalHandles,"range-tooltip-arrow-right":!g.value.arrowRight&&!n.verticalHandles}),style:e.normalizeStyle({left:g.value.tooltipRight,color:e.unref(f.adaptColorToBackground)(n.selectColor),backgroundColor:n.selectColor,border:`1px solid ${p.value}`,zIndex:"4"})},e.toDisplayString(n.labelRight),7)):e.createCommentVNode("",!0)],544)],544))}},He=ye._export_sfc(Ae,[["__scopeId","data-v-8948b724"]]);exports.Slicer=He;
|
|
1
|
+
"use strict";const e=require("vue"),xe=require("./BaseIcon-WIhlX3LN.cjs"),Y=require("./useResponsive-DQmBAoBf.cjs"),f=require("./index-MIJJ8liG.cjs"),ye=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),be={class:"vue-data-ui-slicer-labels",style:{position:"relative","z-index":"1","pointer-events":"none"}},ke={key:0,style:{width:"100%",position:"relative"}},we={key:0,class:"minimap",style:{width:"100%"}},Se=["xmlns","viewBox"],Ne=["id"],Ce=["stop-color"],Ee=["d","stroke"],Be=["x","width","height","fill","rx"],Me=["d","fill"],$e=["x","width","height","rx","fill"],Re=["x","width","height","fill","rx"],Le=["d","fill"],Ve=["d","stroke"],ze=["cx","cy","stroke","fill"],De=["cx","cy","stroke","fill"],Te=["x1","x2","y2","stroke"],Pe=["x","height","width","onMouseenter"],Ie=["min","max"],Fe=["min","max"],Ae={__name:"Slicer",props:{background:{type:String,default:"#FFFFFF"},borderColor:{type:String,default:"#FFFFFF"},fontSize:{type:Number,default:14},labelLeft:{type:String,default:""},labelRight:{type:String,default:""},textColor:{type:String,default:"#1A1A1A"},inputColor:{type:String,default:"#1A1A1A"},max:{type:Number,default:0},min:{type:Number,default:0},selectColor:{type:String,default:"#4A4A4A"},useResetSlot:{type:Boolean,default:!1},valueStart:{type:[Number,String],default:0},valueEnd:{type:[Number,String],default:0},minimap:{type:Array,default:[]},smoothMinimap:{type:Boolean,default:!1},minimapSelectedColor:{type:String,default:"#1f77b4"},minimapSelectionRadius:{type:Number,default:12},minimapLineColor:{type:String,default:"#2D353C"},minimapSelectedColorOpacity:{type:Number,default:.2},minimapSelectedIndex:{type:Number,default:null},minimapIndicatorColor:{type:String,default:"#2D353C"},refreshStartPoint:{type:Number,default:0},refreshEndPoint:{type:Number,default:null},enableRangeHandles:{type:Boolean,default:!1},enableSelectionDrag:{type:Boolean,default:!0},verticalHandles:{type:Boolean,default:!1}},emits:["update:start","update:end","reset","trapMouse"],setup(n,{expose:_,emit:ee}){e.useCssVars(t=>({"05c06dde":le.value,d5d55cf6:p.value,"1783e736":ne.value,"754a92b5":n.selectColor,"6a46ca7a":ae.value}));const l=n,c=e.ref(null),u=e.ref(l.min),r=e.ref(l.max),k=e.computed(()=>!!l.minimap.length),C=e.ref(f.createUid()),te=e.computed(()=>l.refreshEndPoint===null?l.max:l.refreshEndPoint),h=ee,g=e.computed(()=>{const t=l.max-l.min,a=(u.value-l.min)/t*100,o=(r.value-l.min)/t*100;return{left:`${a}%`,width:`${o-a}%`,background:l.selectColor,tooltipLeft:`calc(${a}% - ${F.value?0:P.value/2}px)`,tooltipRight:`calc(${o}% - ${A.value?N.value:N.value/2}px)`,arrowLeft:!F.value,arrowRight:!A.value}}),F=e.computed(()=>c.value?c.value.getBoundingClientRect().width*((u.value-l.min)/(l.max-l.min))-P.value/2<0:!1),A=e.computed(()=>c.value?c.value.getBoundingClientRect().width*((r.value-l.min)/(l.max-l.min))+N.value/2>c.value.getBoundingClientRect().width:!1),le=e.computed(()=>l.inputColor),ae=e.computed(()=>l.background),ne=e.computed(()=>`${l.selectColor}33`),p=e.computed(()=>l.borderColor),H=e.computed(()=>{let t=[];for(let a=0;a<l.minimap.length;a+=1)t.push(a);return t});function W(){h("reset")}function oe(){Number(u.value)>Number(r.value)-1&&(u.value=Number(r.value)-1),h("update:start",Number(u.value))}function ie(){Number(r.value)<Number(u.value)+1&&(r.value=Number(u.value)+1),h("update:end",Number(r.value))}e.watch(()=>l.min,t=>{Number(u.value)<Number(t)&&(u.value=Number(t)),Number(r.value)<Number(t)&&(r.value=Number(t))}),e.watch(()=>l.max,t=>{Number(u.value)>Number(t)&&(u.value=Number(t)),Number(r.value)>Number(t)&&(r.value=Number(t))});const E=e.ref(null),i=e.ref({width:1,height:1}),S=e.ref(null);e.onMounted(()=>{if(k.value){const t=Y.throttle(()=>{const{width:a,height:o}=Y.useResponsive({chart:E.value});i.value.width=a,i.value.height=o-47});S.value=new ResizeObserver(t),S.value.observe(E.value)}}),e.onBeforeUnmount(()=>{S.value&&S.value.disconnect()});const s=e.computed(()=>l.minimap.length?i.value.width/l.minimap.length:0),m=e.computed(()=>{if(!l.minimap.length)return[];const t=Math.max(...l.minimap),a=Math.min(...l.minimap)-10,o=t-(a>0?0:a),d=l.minimap.map((he,ge)=>{const pe=he-a;return{x:i.value.width/l.minimap.length*ge+s.value/2,y:i.value.height-pe/o*(i.value.height*.9)}}),x=l.smoothMinimap?f.createSmoothPath(d):f.createStraightPath(d),I=[...d].slice(l.valueStart,l.valueEnd),fe=l.smoothMinimap?f.createSmoothPath(I):f.createStraightPath(I);return{fullSet:x,selectionSet:fe,sliced:I,firstPlot:d[l.valueStart],lastPlot:d[l.valueEnd-1]}}),v=e.computed(()=>({x:s.value*u.value+s.value/2,width:i.value.width*((r.value-u.value)/l.max)-s.value})),w=e.ref(l.minimapSelectedIndex);e.watch(()=>l.minimapSelectedIndex,t=>{w.value=t+l.valueStart},{immediate:!0});function ue(t){w.value=t,t>=l.valueStart&&t<l.valueEnd&&h("trapMouse",t-l.valueStart)}const re=e.ref(0),B=e.ref(null),M=e.ref(null);function $(t){u.value=t,B.value&&(B.value.value=t),h("update:start",Number(u.value))}function R(t){r.value=t,M.value&&(M.value.value=t),h("update:end",Number(r.value))}const L=e.computed(()=>l.valueEnd-l.valueStart),V=e.ref(!1);let z=e.ref(null);const se=e.computed(()=>c.value?(c.value.getBoundingClientRect().width-48)/(l.max-l.min):20),de=e.computed(()=>(c.value.getBoundingClientRect().width-48)/(l.max-l.min)*L.value),ce=e.ref(2.5),X=e.computed(()=>{const t=c.value.getBoundingClientRect().width-48;return Math.ceil((l.max-l.min)/((t-de.value)/ce.value))}),q=t=>{if(b.value=!0,!l.enableSelectionDrag)return;const a=t.type==="touchstart";if((a?t.targetTouches[0].target:t.target).classList.contains("range-handle"))return;V.value=!0,z.value=a?t.targetTouches[0].clientX:t.clientX;const d=a?me:U,x=a?ve:Z;window.addEventListener(a?"touchmove":"mousemove",d,{passive:!1}),window.addEventListener(a?"touchend":"mouseup",x)};function U(t){O(t.clientX)}function me(t){c.value.contains(t.target)&&(t.target.classList.contains("range-handle")||(t.preventDefault(),O(t.targetTouches[0].clientX)))}function O(t){if(!V.value)return;const a=t-z.value;if(Math.abs(a)>se.value){if(a>0){if(Number(r.value)+1<=l.max){const o=Math.min(l.max,Number(r.value)+X.value);R(o),$(o-L.value)}}else if(Number(u.value)-1>=l.min){const o=Math.max(0,Number(u.value)-X.value);$(o),R(o+L.value)}z.value=t}}function Z(){j("mousemove","mouseup")}function ve(){j("touchmove","touchend")}function j(t,a){V.value=!1,window.removeEventListener(t,U),window.removeEventListener(a,Z)}const y=e.ref(!1),D=e.ref(null),T=e.ref(null),P=e.ref(1),N=e.ref(1),b=e.ref(!1);function G(){D.value&&(P.value=D.value.getBoundingClientRect().width)}function J(){T.value&&(N.value=T.value.getBoundingClientRect().width)}const K=e.ref(0);function Q(t){K.value=t==="start"?1:0}return e.onUpdated(()=>{G(),J()}),e.watch(()=>l.labelLeft,()=>{e.nextTick(G)},{deep:!0}),e.watch(()=>l.labelRight,()=>{e.nextTick(J)},{deep:!0}),_({setStartValue:$,setEndValue:R}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{"data-dom-to-png-ignore":"",style:{padding:"0 24px"},class:"vue-data-ui-zoom",ref_key:"zoomWrapper",ref:c,onMousedown:q,onTouchstart:q,onTouchend:a[11]||(a[11]=o=>b.value=!1)},[e.createElementVNode("div",be,[n.valueStart!==n.refreshStartPoint||n.valueEnd!==te.value?(e.openBlock(),e.createElementBlock("div",ke,[n.useResetSlot?e.renderSlot(t.$slots,"reset-action",{key:1,reset:W},void 0,!0):(e.openBlock(),e.createElementBlock("button",{key:0,tabindex:"0",role:"button",class:"vue-data-ui-refresh-button",style:e.normalizeStyle({top:k.value?"36px":"-16px",pointerEvents:"all !important"}),onClick:W},[e.createVNode(xe.default,{name:"refresh",stroke:n.textColor},null,8,["stroke"])],4))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"double-range-slider",ref_key:"minimapWrapper",ref:E,style:{"z-index":"0"},onMouseenter:a[9]||(a[9]=o=>b.value=!0),onMouseleave:a[10]||(a[10]=o=>b.value=!1)},[k.value?(e.openBlock(),e.createElementBlock("div",we,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(f.XMLNS),viewBox:`0 0 ${i.value.width<0?0:i.value.width} ${i.value.height<0?0:i.value.height}`},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:C.value,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${n.minimapLineColor}50`},null,8,Ce),a[12]||(a[12]=e.createElementVNode("stop",{offset:"100%","stop-color":"transparent"},null,-1))],8,Ne)]),e.createElementVNode("path",{d:`M${m.value.fullSet}`,stroke:`${n.minimapLineColor}`,fill:"none","stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round",style:{opacity:"1"}},null,8,Ee),e.createElementVNode("rect",{x:v.value.x,width:v.value.width<0?0:v.value.width,height:Math.max(i.value.height,0),y:0,fill:p.value,rx:n.minimapSelectionRadius,stroke:"none"},null,8,Be),e.createElementVNode("path",{d:`M${s.value/2},${Math.max(i.value.height,0)} ${m.value.fullSet} L${i.value.width-s.value/2},${Math.max(i.value.height,0)}Z`,fill:`url(#${C.value})`,stroke:"none",style:{opacity:"1"}},null,8,Me),e.createElementVNode("rect",{x:v.value.x,width:v.value.width<0?0:v.value.width,height:Math.max(i.value.height,0),y:0,rx:n.minimapSelectionRadius,fill:p.value},null,8,$e),e.createElementVNode("rect",{x:v.value.x,width:v.value.width<0?0:v.value.width,height:Math.max(i.value.height,0),y:0,fill:n.minimapSelectedColor,rx:n.minimapSelectionRadius,style:e.normalizeStyle({opacity:n.minimapSelectedColorOpacity})},null,12,Re),e.createElementVNode("path",{d:`M${m.value.sliced[0].x},${Math.max(i.value.height,0)} ${m.value.selectionSet} L${m.value.sliced.at(-1).x},${Math.max(i.value.height,0)}Z`,fill:`url(#${C.value})`,stroke:"none",style:{opacity:"1"}},null,8,Le),e.createElementVNode("path",{d:`M ${m.value.selectionSet}`,stroke:`${n.minimapLineColor}`,fill:"transparent","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,Ve),e.createElementVNode("circle",{cx:m.value.firstPlot.x,cy:m.value.firstPlot.y,"stroke-width":"0.5",stroke:p.value,r:"3",fill:n.minimapLineColor},null,8,ze),e.createElementVNode("circle",{cx:m.value.lastPlot.x,cy:m.value.lastPlot.y,"stroke-width":"0.5",stroke:p.value,r:"3",fill:n.minimapLineColor},null,8,De),w.value!==null?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(H.value,(o,d)=>(e.openBlock(),e.createElementBlock("g",null,[w.value===o&&o>=n.valueStart&&o<n.valueEnd?(e.openBlock(),e.createElementBlock("line",{key:0,x1:s.value*d+s.value/2,x2:s.value*d+s.value/2,y1:0,y2:Math.max(i.value.height,0),stroke:n.minimapIndicatorColor,"stroke-linecap":"round","stroke-dasharray":"2","stroke-width":"1"},null,8,Te)):e.createCommentVNode("",!0)]))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value,(o,d)=>(e.openBlock(),e.createElementBlock("rect",{x:s.value*d,y:0,height:Math.max(i.value.height,0),width:s.value<0?0:s.value,fill:"transparent",style:e.normalizeStyle([{"pointer-events":"all !important"},{cursor:o>=n.valueStart&&o<n.valueEnd&&n.enableSelectionDrag?y.value?"grabbing":"grab":"default"}]),onMousedown:a[0]||(a[0]=x=>y.value=!0),onMouseup:a[1]||(a[1]=x=>y.value=!1),onMouseenter:x=>ue(o),onMouseleave:a[2]||(a[2]=x=>{w.value=null,h("trapMouse",null)})},null,44,Pe))),256))],8,Se))])):e.createCommentVNode("",!0),a[13]||(a[13]=e.createElementVNode("div",{class:"slider-track"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass({"range-highlight":!0,move:n.enableSelectionDrag}),onMousedown:a[3]||(a[3]=o=>y.value=!0),onMouseup:a[4]||(a[4]=o=>y.value=!1),style:e.normalizeStyle({...g.value,cursor:y.value?"grabbing":"grab"})},null,38),n.enableRangeHandles?e.withDirectives((e.openBlock(),e.createElementBlock("input",{ref_key:"rangeStart",ref:B,key:`range-min${re.value}`,type:"range",class:e.normalizeClass({"range-left":!0,"range-handle":!0,"range-minimap":k.value&&n.verticalHandles}),min:n.min,max:n.max,"onUpdate:modelValue":a[5]||(a[5]=o=>u.value=o),onInput:oe,onMouseenter:a[6]||(a[6]=o=>Q("start"))},null,42,Ie)),[[e.vModelText,u.value]]):e.createCommentVNode("",!0),n.enableRangeHandles?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:2,ref_key:"rangeEnd",ref:M,type:"range",class:e.normalizeClass({"range-right":!0,"range-handle":!0,"range-minimap":k.value&&n.verticalHandles}),min:n.min,max:n.max,"onUpdate:modelValue":a[7]||(a[7]=o=>r.value=o),onInput:ie,onMouseenter:a[8]||(a[8]=o=>Q("end"))},null,42,Fe)),[[e.vModelText,r.value]]):e.createCommentVNode("",!0),n.labelLeft?(e.openBlock(),e.createElementBlock("div",{key:3,ref_key:"tooltipLeft",ref:D,class:e.normalizeClass({"range-tooltip":!0,"range-tooltip-visible":b.value,"range-tooltip-arrow":g.value.arrowLeft&&!n.verticalHandles,"range-tooltip-arrow-left":!g.value.arrowLeft&&!n.verticalHandles}),style:e.normalizeStyle({left:g.value.tooltipLeft,color:e.unref(f.adaptColorToBackground)(n.selectColor),backgroundColor:n.selectColor,border:`1px solid ${p.value}`,zIndex:`${K.value+4}`})},e.toDisplayString(n.labelLeft),7)):e.createCommentVNode("",!0),n.labelRight?(e.openBlock(),e.createElementBlock("div",{key:4,ref_key:"tooltipRight",ref:T,class:e.normalizeClass({"range-tooltip":!0,"range-tooltip-visible":b.value,"range-tooltip-arrow":g.value.arrowRight&&!n.verticalHandles,"range-tooltip-arrow-right":!g.value.arrowRight&&!n.verticalHandles}),style:e.normalizeStyle({left:g.value.tooltipRight,color:e.unref(f.adaptColorToBackground)(n.selectColor),backgroundColor:n.selectColor,border:`1px solid ${p.value}`,zIndex:"4"})},e.toDisplayString(n.labelRight),7)):e.createCommentVNode("",!0)],544)],544))}},He=ye._export_sfc(Ae,[["__scopeId","data-v-8948b724"]]);exports.Slicer=He;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),r=require("./useNestedProp-
|
|
1
|
+
"use strict";const e=require("vue"),r=require("./useNestedProp-DwR4JSzw.cjs"),o={__name:"Title",props:{config:{type:Object,default(){return{}}},lineHeight:{type:[String,Boolean],default:!1}},setup(i){const n=i,t=r.useNestedProp({userConfig:n.config,defaultConfig:{title:{cy:"",text:"",color:"",fontSize:20,bold:!0,textAlign:"center",paddingLeft:0,paddingRight:0},subtitle:{cy:"",text:"",color:"",fontSize:14,bold:!1}}});return(l,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:"atom-title",style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).title.color};font-size:${e.unref(t).title.fontSize}px;font-weight:${e.unref(t).title.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).title.text),5),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"atom-subtitle",style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).subtitle.text),5)):e.createCommentVNode("",!0),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},[e.renderSlot(l.$slots,"default")],4)):e.createCommentVNode("",!0)],64))}};exports._sfc_main=o;
|
|
@@ -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-DTlOqz2P.js";
|
|
3
3
|
const x = {
|
|
4
4
|
__name: "Title",
|
|
5
5
|
props: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref as a, onMounted as b, onUnmounted as h, computed as p, createBlock as g, openBlock as v, Teleport as x, createElementBlock as S, createCommentVNode as k, normalizeStyle as $, normalizeClass as C, renderSlot as c, createElementVNode as B } from "vue";
|
|
2
|
-
import { s as F } from "./index-
|
|
2
|
+
import { s as F } from "./index-D3VntmA9.js";
|
|
3
3
|
function w({ tooltip: e, chart: o, clientPosition: t, positionPreference: r = "center", defaultOffsetY: u = 24, blockShiftY: s = !1 }) {
|
|
4
4
|
const l = a(0), f = a(u);
|
|
5
5
|
if (e && o) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("vue"),p=require("./index-
|
|
1
|
+
"use strict";const t=require("vue"),p=require("./index-MIJJ8liG.cjs");function y({tooltip:e,chart:l,clientPosition:o,positionPreference:u="center",defaultOffsetY:a=24,blockShiftY:f=!1}){const n=t.ref(0),s=t.ref(a);if(e&&l){const{width:r,height:c}=e.getBoundingClientRect(),{right:i,left:d,bottom:v}=l.getBoundingClientRect();u==="center"&&(o.x+r/2>i?n.value=-r+(i-o.x):o.x-r/2<d?n.value=-r+(r-(o.x-d)):n.value=-r/2),u==="right"&&(o.x+r>i?n.value=-r+(i-o.x):n.value=0),u==="left"&&(o.x<d+r?n.value=-r+(r-(o.x-d)):n.value=-r),o.y+c>v&&!f&&(s.value=-c-a)}return{top:o.y+s.value,left:o.x+n.value}}function b(e,l,o){t.onMounted(()=>e.addEventListener(l,o)),t.onUnmounted(()=>e.removeEventListener(l,o))}function m(){const e=t.ref(0),l=t.ref(0);return b(window,"mousemove",o=>{e.value=o.clientX,l.value=o.clientY}),{x:e,y:l}}const h=["aria-hidden"],g=["innerHTML"],x={__name:"Tooltip",props:{backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#000000"},content:String,maxWidth:{type:String,default:"300px"},parent:{type:Object},show:{type:Boolean,default:!1},isCustom:{type:Boolean,default:!1},fontSize:{type:[Number,String],default:14},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"#e1e5e8"},borderWidth:{type:Number,default:1},backgroundOpacity:{type:Number,default:100},position:{type:String,default:"center"},offsetY:{type:Number,default:24},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1}},setup(e){const l=e,o=t.ref(null),u=t.ref(m(l.parent)),a=t.computed(()=>y({tooltip:o.value,chart:l.parent,clientPosition:u.value,positionPreference:l.position,defaultOffsetY:l.offsetY,blockShiftY:l.blockShiftY})),f=t.computed(()=>p.setOpacity(l.backgroundColor,l.backgroundOpacity));return(n,s)=>(t.openBlock(),t.createBlock(t.Teleport,{to:e.isFullscreen?e.parent:"body"},[e.show?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"tooltip",ref:o,role:"tooltip","aria-hidden":!e.show,"aria-live":"polite",class:t.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:t.normalizeStyle(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${f.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};z-index:2147483647;`)},[t.renderSlot(n.$slots,"tooltip-before"),t.renderSlot(n.$slots,"default"),t.createElementVNode("div",{innerHTML:e.content},null,8,g),t.renderSlot(n.$slots,"tooltip-after")],14,h)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";const x=require("./index-
|
|
1
|
+
"use strict";const x=require("./index-MIJJ8liG.cjs");async function A(n){const i=n.querySelectorAll("img"),o=Array.from(i).map(t=>new Promise(s=>{if(!t.src||t.src.startsWith("data:"))return s();if(t.complete&&t.naturalWidth!==0){try{const e=document.createElement("canvas");e.width=t.naturalWidth,e.height=t.naturalHeight,e.getContext("2d").drawImage(t,0,0),t.src=e.toDataURL()}catch{}return s()}const a=new window.Image;a.crossOrigin="anonymous",a.onload=function(){try{const e=document.createElement("canvas");e.width=a.naturalWidth,e.height=a.naturalHeight,e.getContext("2d").drawImage(a,0,0),t.src=e.toDataURL()}catch{}s()},a.onerror=function(){s()},a.src=t.src}));await Promise.all(o)}function T(n){n.querySelectorAll("[data-dom-to-png-ignore]").forEach(o=>{o.remove()})}function v(n,i,o){const t=window.getComputedStyle(i),s=i.getBoundingClientRect(),a=t.display.includes("flex");let e={},c=n.getAttribute("style");typeof c!="string"&&(c=""),c.split(";").forEach(r=>{if(typeof r=="string"&&r.trim()){const[d,m]=r.split(":");d&&m!==void 0&&(e[d.trim()]=m.trim())}});for(let r=0;r<t.length;r+=1){const d=t[r],m=t.getPropertyValue(d);e[d]=m}e.color=t.color,e["background-color"]=t.backgroundColor;let l=t.fontFamily||o||"";(!l||l.trim()===""||l==="inherit"||l==="initial"||l.toLowerCase().startsWith("system-ui")||l.toLowerCase()==="sans-serif"||l.toLowerCase()==="serif"||l.toLowerCase()==="monospace")&&(l="Helvetica, Arial, sans-serif"),e["font-family"]=l,e["font-size"]=t.fontSize,e["font-weight"]=t.fontWeight,(a||t.display.includes("grid")||["inline-block","absolute","fixed"].includes(t.position))&&(s.width>0&&(e.width=s.width+"px"),s.height>0&&(e.height=s.height+"px")),a&&t.flexWrap==="nowrap"&&(e["white-space"]="nowrap"),["box-sizing","padding","margin","border"].forEach(r=>{e[r]=t.getPropertyValue(r)}),e.overflow="visible",e["overflow-x"]="visible",e["overflow-y"]="visible";let u="";for(const r in e)u+=`${r}:${e[r]};`;n.setAttribute("style",u);const g=n.children||[],y=i.children||[];for(let r=0;r<g.length;r++)g[r].nodeType===1&&y[r]&&v(g[r],y[r],l)}function I(n,i){n.querySelectorAll("text").forEach(t=>{t.setAttribute("font-family",i),t.style.fontFamily=i})}function E(n){const i=new TextEncoder().encode(n);let o="";return i.forEach(t=>o+=String.fromCharCode(t)),btoa(o)}function $(n,i,o){let s=new XMLSerializer().serializeToString(n);s.match(/^<svg[^>]+xmlns="http\:\/\/www\.w3\.org\/2000\/svg"/)||(s=s.replace(/^<svg/,'<svg xmlns="http://www.w3.org/2000/svg"'));const a=window.btoa(unescape(encodeURIComponent(s))),e=new window.Image;return e.src=`data:image/svg+xml;base64,${a}`,new Promise((c,l)=>{e.onload=function(){const u=document.createElement("canvas");u.width=i,u.height=o,u.getContext("2d").drawImage(e,0,0,i,o),c(u.toDataURL("image/png",1))},e.onerror=u=>l(u)})}function O(n){if(n.nodeType!==1)return;const i=window.getComputedStyle(n);let o="";for(let t=0;t<i.length;t++){const s=i[t];o+=`${s}:${i.getPropertyValue(s)};`}n.setAttribute("style",o);for(let t=0;t<n.children.length;t++)O(n.children[t])}function M(){const n=[];for(const i of document.styleSheets)try{const o=i.cssRules;if(!o)continue;for(const t of o)(typeof CSSFontFaceRule<"u"&&t instanceof CSSFontFaceRule||t.cssText.trim().startsWith("@font-face"))&&n.push(t.cssText)}catch{continue}return n}function W(n){const i=M();if(!i.length)return;const o=document.createElement("style");o.setAttribute("type","text/css"),o.textContent=i.join(`
|
|
2
2
|
`);const t=n.querySelector("defs")||document.createElementNS(x.XMLNS,"defs");t.appendChild(o),n.querySelector("defs")||n.insertBefore(t,n.firstChild)}function P(n,i){const o=n.querySelectorAll("foreignObject"),t=i.querySelectorAll("foreignObject");o.forEach((s,a)=>{const e=t[a];if(!e)return;function c(l,u){if(!l||!u)return;if(l.nodeType===1&&u.nodeType===1){const r=window.getComputedStyle(u);let d="";for(let m=0;m<r.length;m++){const C=r[m];d+=`${C}:${r.getPropertyValue(C)};`}l.setAttribute("style",d)}const g=l.children||[],y=u.children||[];for(let r=0;r<g.length;r++)c(g[r],y[r])}c(s,e)})}function z(n){n.querySelectorAll("foreignObject").forEach(o=>{let t="";const s=Array.from(o.querySelectorAll("*"));if(s.length!==0){for(const a of document.styleSheets){let e;try{e=a.cssRules}catch{continue}if(e){for(const c of e)if(!(typeof CSSStyleRule<"u"&&!(c instanceof CSSStyleRule)))try{s.some(l=>l.matches(c.selectorText))&&(t+=c.cssText+`
|
|
3
3
|
`)}catch{continue}}}if(t){const a=document.createElement("style");a.textContent=t,o.insertBefore(a,o.firstChild)}}})}function H(n){n.querySelectorAll("foreignObject").forEach(o=>{const t=o.firstElementChild;t&&t.tagName.toLowerCase()!=="svg"&&t.setAttribute("xmlns","http://www.w3.org/1999/xhtml")})}function D(n,i){const o=n.querySelectorAll("foreignObject"),t=i.querySelectorAll("foreignObject");o.forEach((s,a)=>{const e=t[a];if(!s||!e)return;const c=s.firstElementChild,l=e.firstElementChild;c&&l&&R(c,l)})}function R(n,i){if(n.nodeType!==1||!i)return;v(n,i);const o=n.children||[],t=i.children||[];for(let s=0;s<o.length;s++)R(o[s],t[s])}function F(n,i){const o=Array.from(i.querySelectorAll("img"));n.querySelectorAll("img").forEach(t=>{const s=t.getAttribute("src"),a=o.find(e=>e.getAttribute("src")===s);if(a){const e=window.getComputedStyle(a);let c="";for(let l=0;l<e.length;l++){const u=e[l];c+=`${u}:${e.getPropertyValue(u)};`}t.setAttribute("style",c)}})}async function U({container:n,scale:i=2}){if(!n)throw new Error("No container provided");await document.fonts.ready;let o=window.getComputedStyle(n).fontFamily||"Helvetica";o.toLowerCase().includes("helvetica")||(o+=", Helvetica");const t=n.cloneNode(!0),s=t.querySelectorAll("canvas"),a=n.querySelectorAll("canvas");for(let p=0;p<a.length;p+=1){const f=a[p],h=s[p];if(f&&h){const w=document.createElement("img");w.src=f.toDataURL("image/png"),w.width=f.width,w.height=f.height,w.style.width=f.style.width||f.width+"px",w.style.height=f.style.height||f.height+"px",h.replaceWith(w)}}const e=n.querySelector("svg[aria-label]"),c=t.querySelector("svg[aria-label]");if(e&&c){H(c),z(c),P(c,e),D(c,e),O(c),I(c,o),F(c,e),await A(c);const p=e.getBoundingClientRect(),f=p.width,h=p.height,w=Math.round(f*i),q=Math.round(h*i),L=await $(c,w,q),S=document.createElement("img");S.src=L,S.width=f,S.height=h,S.style.width=f+"px",S.style.height=h+"px",c.parentNode.replaceChild(S,c)}v(t,n,o),F(t,n),T(t),await A(t);const{width:l,height:u}=n.getBoundingClientRect(),g=Math.round(Math.max(t.scrollWidth,l)*i),y=Math.round(Math.max(t.scrollHeight,u)*1.01*i),r=document.createElementNS(x.XMLNS,"svg");r.setAttribute("viewBox",`0 0 ${g} ${y}`),r.setAttribute("width",g),r.setAttribute("height",y),r.setAttribute("style",`font-family:${o};`);const d=document.createElementNS(x.XMLNS,"foreignObject");d.setAttribute("x",0),d.setAttribute("y",0),d.setAttribute("width",g),d.setAttribute("height",y),d.setAttribute("style",`font-family:${o};`),t.style.transform=`scale(${i})`,t.style.transformOrigin="top left",t.style.width=l+"px",t.style.height=u+"px",t.style.background=window.getComputedStyle(n).backgroundColor,d.appendChild(t),W(r),r.appendChild(d);const C=new XMLSerializer().serializeToString(r),j=E(C),b=new window.Image;return b.crossOrigin="anonymous",b.src=`data:image/svg+xml;base64,${j}`,new Promise((p,f)=>{b.onload=function(){try{const h=document.createElement("canvas");h.width=g,h.height=y,h.getContext("2d").drawImage(b,0,0,g,y),p(h.toDataURL("image/png",1))}catch(h){f("Failed to draw SVG on canvas: "+h)}},b.onerror=function(){f("Failed to load SVG image for conversion")}})}exports.domToPng=U;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./dom-to-png-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./dom-to-png-C-_IolaZ.cjs");async function d({domElement:r,fileName:n,format:t="png",scale:c=2}){if(!r)return Promise.reject("No element provided");if(t==="svg"){const o=converter.convertToImg({container:r,scale:c});if(!o)return Promise.reject("Could not create SVG image");const e=document.createElement("a");return e.href=o.src,e.download=`${n}.svg`,document.body.appendChild(e),e.click(),document.body.removeChild(e),Promise.resolve()}try{const o=await i.domToPng({container:r,scale:c}),e=document.createElement("a");e.href=o,e.download=`${n}.${t}`,document.body.appendChild(e),e.click(),document.body.removeChild(e)}catch(o){throw console.error("Error generating image:",o),o}}exports.default=d;
|
|
@@ -6638,7 +6638,7 @@ function Ne(o, l) {
|
|
|
6638
6638
|
const r = O(o);
|
|
6639
6639
|
return ft(r, l);
|
|
6640
6640
|
}
|
|
6641
|
-
const Pe = C(() => import("./Arrow-
|
|
6641
|
+
const Pe = C(() => import("./Arrow-Kbu7LT-f.js")), Te = C(() => import("./vue-data-ui-DFwVHeO8.js")), Me = C(() => import("./vue-ui-3d-bar-NNib9NTc.js")), Ve = C(() => import("./vue-ui-accordion-DGJQIcdB.js")), Ie = C(() => import("./vue-ui-age-pyramid-DWG7C-nA.js")), We = C(() => import("./vue-ui-annotator-D21j4NL0.js")), $e = C(() => import("./vue-ui-candlestick-Dgwjzuq0.js")), Ue = C(() => import("./vue-ui-chestnut-DAlxKIqD.js")), Ye = C(() => import("./vue-ui-cursor-CS0L4MjH.js")), Ge = C(() => import("./vue-ui-dashboard-Cu4QabFb.js")), He = C(() => import("./vue-ui-digits-CrqD5QXP.js")), Xe = C(() => import("./vue-ui-donut-CbDkvk9s.js")), Ke = C(() => import("./vue-ui-donut-evolution-DKD_efmP.js")), je = C(() => import("./vue-ui-dumbbell-BGN-Rshy.js")), qe = C(() => import("./vue-ui-flow-g93Xo1mO.js")), Qe = C(() => import("./vue-ui-galaxy-B4JnwjLW.js")), Ze = C(() => import("./vue-ui-gauge-BPz7mbOb.js")), Je = C(() => import("./vue-ui-heatmap-BbmFxESu.js")), ol = C(() => import("./BaseIcon-BLhJaEYy.js")), rl = C(() => import("./vue-ui-kpi-CQo8VsEv.js")), tl = C(() => import("./vue-ui-mini-loader-8wZYNxLC.js")), el = C(() => import("./vue-ui-molecule-DHb8Roml.js")), ll = C(() => import("./vue-ui-mood-radar-CdBmESCg.js")), al = C(() => import("./vue-ui-nested-donuts-CO7sSeR-.js")), cl = C(() => import("./vue-ui-onion-Ci15BQ0y.js")), nl = C(() => import("./vue-ui-parallel-coordinate-plot-BJbrb-Mp.js")), sl = C(() => import("./vue-ui-quadrant-BZTZY3LG.js")), il = C(() => import("./vue-ui-quick-chart-B2OUF1Pk.js")), ul = C(() => import("./vue-ui-radar-D8DHrSPP.js")), dl = C(() => import("./vue-ui-rating-D4H6cT0d.js")), bl = C(() => import("./vue-ui-relation-circle-CWvX8cvJ.js")), fl = C(() => import("./vue-ui-rings-Dq5YT7h-.js")), gl = C(() => import("./vue-ui-scatter-BMuJyp6q.js")), Al = C(() => import("./vue-ui-skeleton-pHcbvN3-.js")), Cl = C(() => import("./vue-ui-smiley-BsPExuQ7.js")), hl = C(() => import("./vue-ui-sparkhistogram-BJfFPQ-X.js")), Fl = C(() => import("./vue-ui-sparkstackbar-C5ZzOhRM.js")), kl = C(() => import("./vue-ui-spark-trend-eJ5IZSRQ.js")), El = C(() => import("./vue-ui-sparkbar-B9E03kBf.js")), pl = C(() => import("./vue-ui-sparkgauge-CbtRwF8H.js")), Dl = C(() => import("./vue-ui-sparkline-CLz-PMi0.js")), Bl = C(() => import("./vue-ui-strip-plot-Cbr3Dkmd.js")), yl = C(() => import("./vue-ui-table-Cr6jEi4z.js")), ml = C(() => import("./vue-ui-table-heatmap-C0J52xWN.js")), xl = C(() => import("./vue-ui-table-sparkline-C9PHXjbW.js")), wl = C(() => import("./vue-ui-thermometer-Cs8Xt7tQ.js")), Ll = C(() => import("./vue-ui-timer-DDZHmPLV.js")), Sl = C(() => import("./vue-ui-tiremarks-DHAdNbAA.js")), vl = C(() => import("./vue-ui-treemap-CfH-P5Oh.js")), _l = C(() => import("./vue-ui-vertical-bar-oBdc4YQS.js")), zl = C(() => import("./vue-ui-waffle-DZ2zIujl.js")), Rl = C(() => import("./vue-ui-wheel-BerXCO4A.js")), Ol = C(() => import("./vue-ui-word-cloud-U5KISxTe.js")), Nl = C(() => import("./vue-ui-xy-y9zEQYMK.js")), Pl = C(() => import("./vue-ui-xy-canvas-BpblELcE.js")), Tl = C(() => import("./vue-ui-carousel-table-TOSDOJ0J.js")), Ml = C(() => import("./vue-ui-gizmo-BbUqDkQz.js")), Vl = C(() => import("./vue-ui-stackbar-BnuJOk6L.js")), Il = C(() => import("./vue-ui-bullet-MrNlqcTX.js")), Wl = C(() => import("./vue-ui-funnel-r_WI2IRS.js")), $l = C(() => import("./vue-ui-history-plot-CJFtY1Rm.js")), Ul = C(() => import("./vue-ui-pattern-DsYgSZWn.js")), Yl = C(() => import("./vue-ui-circle-pack-BjD7UG4l.js"));
|
|
6642
6642
|
export {
|
|
6643
6643
|
De as $,
|
|
6644
6644
|
st as A,
|