vue-data-ui 2.7.4 → 2.7.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-Kbu7LT-f.js → Arrow-CVF6YwCJ.js} +1 -1
- package/dist/{Arrow-Bslu6In_.cjs → Arrow-Cqs0YJpy.cjs} +1 -1
- package/dist/{BaseIcon-BLhJaEYy.js → BaseIcon-BgweA3_M.js} +1 -1
- package/dist/{BaseIcon-WIhlX3LN.cjs → BaseIcon-Djhm7pK9.cjs} +1 -1
- package/dist/{ColorPicker-Dlg-p-yo.js → ColorPicker-D7g7tAW9.js} +3 -3
- package/dist/{ColorPicker-mXlj2N11.cjs → ColorPicker-Dp1Scn6A.cjs} +1 -1
- package/dist/{DataTable-DOKlm7k4.js → DataTable-CHYXVb7x.js} +2 -2
- package/dist/{DataTable-c3nDhwbO.cjs → DataTable-uo_v6Lsv.cjs} +1 -1
- package/dist/{Legend-CIjMjfNk.js → Legend-DaxkoMfq.js} +2 -2
- package/dist/{Legend-Bhl2d6oj.cjs → Legend-DbP3f92j.cjs} +1 -1
- package/dist/{PackageVersion-DFYAej2o.cjs → PackageVersion-DeCFUiB-.cjs} +1 -1
- package/dist/{PackageVersion-BCLALL_i.js → PackageVersion-DraICSbU.js} +1 -1
- package/dist/{PenAndPaper-CZs431Nx.js → PenAndPaper-5RjZRtvd.js} +54 -53
- package/dist/PenAndPaper-CbaM0xks.cjs +1 -0
- package/dist/{Shape-D9MuIPm8.js → Shape-Bh9WhF9X.js} +1 -1
- package/dist/{Shape-wMij_bxG.cjs → Shape-bMQxpWJQ.cjs} +1 -1
- package/dist/{Slicer-Duh-nBCD.cjs → Slicer-BarYwls5.cjs} +1 -1
- package/dist/{Slicer-CqYLlNlU.js → Slicer-Cz0xo7Xl.js} +2 -2
- package/dist/{Title-C5w8bVlo.cjs → Title-B-RSvsOL.cjs} +1 -1
- package/dist/{Title-UjBqdYyD.js → Title-M90cFItU.js} +1 -1
- package/dist/{Tooltip-Dbe23pmt.cjs → Tooltip-BBFZLNTE.cjs} +1 -1
- package/dist/{Tooltip-3NNIdJ6N.js → Tooltip-Ch5n4L4f.js} +1 -1
- package/dist/{dom-to-png-C-_IolaZ.cjs → dom-to-png-D2Eam6qe.cjs} +1 -1
- package/dist/{dom-to-png-6NoDv4_U.js → dom-to-png-r4yepQXo.js} +1 -1
- package/dist/{img-BxGd_UqS.js → img-B5APHrxW.js} +1 -1
- package/dist/{img-DCkGlbCr.cjs → img-CnVji25y.cjs} +1 -1
- package/dist/{index-MIJJ8liG.cjs → index-B5i_oOe8.cjs} +1 -1
- package/dist/{index-D3VntmA9.js → index-C-ICcmxG.js} +1 -1
- package/dist/{pdf-BpVckOt1.js → pdf-CeaEjaK9.js} +1 -1
- package/dist/{pdf-BGp1xMhT.cjs → pdf-CuyQmwk3.cjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/{useNestedProp-DwR4JSzw.cjs → useNestedProp-BPLMSXYf.cjs} +1 -1
- package/dist/{useNestedProp-DTlOqz2P.js → useNestedProp-PLbxZ2bv.js} +1 -1
- package/dist/{usePrinter-H3tAjGXs.js → usePrinter-Cz6ivW9o.js} +3 -3
- package/dist/{usePrinter-U1x-RAEA.cjs → usePrinter-DaLLwnEh.cjs} +1 -1
- package/dist/{vue-data-ui-DFwVHeO8.js → vue-data-ui-BoHviF-r.js} +60 -60
- package/dist/{vue-data-ui-BuY9ggUz.cjs → vue-data-ui-C0DC8mo3.cjs} +1 -1
- package/dist/vue-data-ui.cjs +1 -1
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-DeTBYGV_.cjs → vue-ui-3d-bar-67xAOw1W.cjs} +1 -1
- package/dist/{vue-ui-3d-bar-NNib9NTc.js → vue-ui-3d-bar-Yj9yLlSB.js} +9 -9
- package/dist/{vue-ui-accordion-cBSqrYy3.cjs → vue-ui-accordion-D8fBDKkc.cjs} +1 -1
- package/dist/{vue-ui-accordion-DGJQIcdB.js → vue-ui-accordion-jPts3xJT.js} +3 -3
- package/dist/{vue-ui-age-pyramid-DWG7C-nA.js → vue-ui-age-pyramid-Dmnymd8E.js} +10 -10
- package/dist/{vue-ui-age-pyramid-DfGSS3SE.cjs → vue-ui-age-pyramid-IaXwRAds.cjs} +1 -1
- package/dist/{vue-ui-annotator-Bpy0V7AA.cjs → vue-ui-annotator-DOhjqN5w.cjs} +1 -1
- package/dist/{vue-ui-annotator-D21j4NL0.js → vue-ui-annotator-Y51qCIJq.js} +2 -2
- package/dist/{vue-ui-bullet-MrNlqcTX.js → vue-ui-bullet-C9hNkImH.js} +8 -8
- package/dist/{vue-ui-bullet-CrgeKJBE.cjs → vue-ui-bullet-D3Qe-3cd.cjs} +1 -1
- package/dist/{vue-ui-candlestick-DfEQ057F.cjs → vue-ui-candlestick-Dg1e9PVy.cjs} +1 -1
- package/dist/{vue-ui-candlestick-Dgwjzuq0.js → vue-ui-candlestick-T7CdgjDp.js} +11 -11
- package/dist/{vue-ui-carousel-table-B9AHiJLA.cjs → vue-ui-carousel-table-4e9biZ3P.cjs} +1 -1
- package/dist/{vue-ui-carousel-table-TOSDOJ0J.js → vue-ui-carousel-table-CusD_OuB.js} +4 -4
- package/dist/{vue-ui-chestnut-DAlxKIqD.js → vue-ui-chestnut-DI7Y_a4c.js} +8 -8
- package/dist/{vue-ui-chestnut-BQwGKI2l.cjs → vue-ui-chestnut-qq3eBGfI.cjs} +1 -1
- package/dist/{vue-ui-circle-pack-BjD7UG4l.js → vue-ui-circle-pack-CdenQpeO.js} +9 -9
- package/dist/{vue-ui-circle-pack-B9HW-E4V.cjs → vue-ui-circle-pack-xNYWighC.cjs} +1 -1
- package/dist/{vue-ui-cursor-CS0L4MjH.js → vue-ui-cursor-CmCKuMUd.js} +2 -2
- package/dist/{vue-ui-cursor-Bv_hn_5f.cjs → vue-ui-cursor-Y5T1vCKD.cjs} +1 -1
- package/dist/{vue-ui-dashboard-DGJjS8TM.cjs → vue-ui-dashboard-BXL0il9T.cjs} +1 -1
- package/dist/{vue-ui-dashboard-Cu4QabFb.js → vue-ui-dashboard-bPMW2OYy.js} +3 -3
- package/dist/{vue-ui-digits-BusMzORo.cjs → vue-ui-digits-6b0pC4O_.cjs} +1 -1
- package/dist/{vue-ui-digits-CrqD5QXP.js → vue-ui-digits-DNpTvVe_.js} +2 -2
- package/dist/{vue-ui-donut-vqs5auMD.cjs → vue-ui-donut-C9Sz2mBs.cjs} +1 -1
- package/dist/{vue-ui-donut-CbDkvk9s.js → vue-ui-donut-DMISmgL1.js} +12 -12
- package/dist/{vue-ui-donut-evolution-DKD_efmP.js → vue-ui-donut-evolution-DiAv0aPS.js} +11 -11
- package/dist/{vue-ui-donut-evolution-Dul--Pi_.cjs → vue-ui-donut-evolution-MMkktxlR.cjs} +1 -1
- package/dist/{vue-ui-dumbbell-BGN-Rshy.js → vue-ui-dumbbell-B1EoJIVU.js} +10 -10
- package/dist/{vue-ui-dumbbell-CB6lYwMc.cjs → vue-ui-dumbbell-DMw9c5hB.cjs} +1 -1
- package/dist/{vue-ui-flow-CDPkL02l.cjs → vue-ui-flow-BMB2pRGa.cjs} +1 -1
- package/dist/{vue-ui-flow-g93Xo1mO.js → vue-ui-flow-CkIBb2yz.js} +9 -9
- package/dist/{vue-ui-funnel-r_WI2IRS.js → vue-ui-funnel-8LsFttC7.js} +9 -9
- package/dist/{vue-ui-funnel-D1PhFKgP.cjs → vue-ui-funnel-uRjUjMoO.cjs} +1 -1
- package/dist/{vue-ui-galaxy-B4JnwjLW.js → vue-ui-galaxy-CL1SM3RN.js} +11 -11
- package/dist/{vue-ui-galaxy-DSXcoM3k.cjs → vue-ui-galaxy-kS2m_ucq.cjs} +1 -1
- package/dist/{vue-ui-gauge-BPz7mbOb.js → vue-ui-gauge-B3JDrc0y.js} +7 -7
- package/dist/{vue-ui-gauge-Ct1Knstr.cjs → vue-ui-gauge-BaY1OWsE.cjs} +1 -1
- package/dist/{vue-ui-gizmo-tet3qRDX.cjs → vue-ui-gizmo-BamEruvt.cjs} +1 -1
- package/dist/{vue-ui-gizmo-BbUqDkQz.js → vue-ui-gizmo-sYcGzf8S.js} +3 -3
- package/dist/{vue-ui-heatmap-BbmFxESu.js → vue-ui-heatmap-B4aaxkb8.js} +10 -10
- package/dist/{vue-ui-heatmap-RHN_eSK2.cjs → vue-ui-heatmap-Bd5t4P1x.cjs} +1 -1
- package/dist/{vue-ui-history-plot-CJFtY1Rm.js → vue-ui-history-plot-C7Zr-ic-.js} +11 -11
- package/dist/{vue-ui-history-plot-B8_Kig_-.cjs → vue-ui-history-plot-u9MctDP_.cjs} +1 -1
- package/dist/{vue-ui-kpi-CQo8VsEv.js → vue-ui-kpi-B5meIJwp.js} +3 -3
- package/dist/{vue-ui-kpi-C0IWPkaZ.cjs → vue-ui-kpi-ljIEjqdh.cjs} +1 -1
- package/dist/{vue-ui-mini-loader-8wZYNxLC.js → vue-ui-mini-loader-B3_2vKm5.js} +2 -2
- package/dist/{vue-ui-mini-loader-DoOFKxep.cjs → vue-ui-mini-loader-Bo-T35zT.cjs} +1 -1
- package/dist/{vue-ui-molecule-HnReqNMq.cjs → vue-ui-molecule-BzfcmBu0.cjs} +1 -1
- package/dist/{vue-ui-molecule-DHb8Roml.js → vue-ui-molecule-DlD1MspS.js} +11 -11
- package/dist/{vue-ui-mood-radar-BjmCUY0q.cjs → vue-ui-mood-radar-Bx66Nmsx.cjs} +1 -1
- package/dist/{vue-ui-mood-radar-CdBmESCg.js → vue-ui-mood-radar-j3CwDs5O.js} +11 -11
- package/dist/{vue-ui-nested-donuts-CO7sSeR-.js → vue-ui-nested-donuts-BfqUsX9W.js} +11 -11
- package/dist/{vue-ui-nested-donuts-SBaCzHQP.cjs → vue-ui-nested-donuts-DXgocrWm.cjs} +1 -1
- package/dist/{vue-ui-onion-Ci15BQ0y.js → vue-ui-onion-F5W4SDM5.js} +11 -11
- package/dist/{vue-ui-onion-BehdICTa.cjs → vue-ui-onion-UVtHx1wq.cjs} +1 -1
- package/dist/{vue-ui-parallel-coordinate-plot-BJbrb-Mp.js → vue-ui-parallel-coordinate-plot-Ce-REHJS.js} +12 -12
- package/dist/{vue-ui-parallel-coordinate-plot-BLLONfts.cjs → vue-ui-parallel-coordinate-plot-htq91Aov.cjs} +1 -1
- package/dist/{vue-ui-quadrant-BZTZY3LG.js → vue-ui-quadrant-BBc7O8tT.js} +12 -12
- package/dist/{vue-ui-quadrant-ntmlYIVx.cjs → vue-ui-quadrant-C4XaVZXb.cjs} +1 -1
- package/dist/{vue-ui-quick-chart-BCdm0tx2.cjs → vue-ui-quick-chart-CFUjwX9I.cjs} +1 -1
- package/dist/{vue-ui-quick-chart-B2OUF1Pk.js → vue-ui-quick-chart-D2sF1JQ5.js} +9 -9
- package/dist/{vue-ui-radar-CUoLdojY.cjs → vue-ui-radar-2FTmSNAt.cjs} +1 -1
- package/dist/{vue-ui-radar-D8DHrSPP.js → vue-ui-radar-CFo9twQf.js} +12 -12
- package/dist/{vue-ui-rating-D4H6cT0d.js → vue-ui-rating-AC8-Hf8s.js} +2 -2
- package/dist/{vue-ui-rating-BWlmz08s.cjs → vue-ui-rating-cuYKssSc.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-CWvX8cvJ.js → vue-ui-relation-circle-C6oGMGHu.js} +7 -7
- package/dist/{vue-ui-relation-circle-DighSxmd.cjs → vue-ui-relation-circle-CINBPeoO.cjs} +1 -1
- package/dist/{vue-ui-rings-Dq5YT7h-.js → vue-ui-rings-BKGkELVF.js} +12 -12
- package/dist/{vue-ui-rings-CPIzjzdm.cjs → vue-ui-rings-NepJd9nu.cjs} +1 -1
- package/dist/{vue-ui-scatter-BMuJyp6q.js → vue-ui-scatter-D4YofTKH.js} +12 -12
- package/dist/{vue-ui-scatter-BSgMQLjw.cjs → vue-ui-scatter-QzL7elkt.cjs} +1 -1
- package/dist/{vue-ui-skeleton-DOE444ST.cjs → vue-ui-skeleton-CHy5aDUT.cjs} +1 -1
- package/dist/{vue-ui-skeleton-pHcbvN3-.js → vue-ui-skeleton-CpIxx3VV.js} +3 -3
- package/dist/{vue-ui-smiley-BsPExuQ7.js → vue-ui-smiley-dhB85jY8.js} +2 -2
- package/dist/{vue-ui-smiley-bHv8hVve.cjs → vue-ui-smiley-hdUbeZnX.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-eJ5IZSRQ.js → vue-ui-spark-trend-BvuARbOi.js} +5 -5
- package/dist/{vue-ui-spark-trend-S0FbKqDW.cjs → vue-ui-spark-trend-DP9FXphz.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-B1pwFeeg.cjs → vue-ui-sparkbar-BDNhgZLf.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-B9E03kBf.js → vue-ui-sparkbar-CCiELUCQ.js} +4 -4
- package/dist/{vue-ui-sparkgauge-BpAFpJN9.cjs → vue-ui-sparkgauge-BHgbaYnr.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-CbtRwF8H.js → vue-ui-sparkgauge-BamOT-F1.js} +4 -4
- package/dist/{vue-ui-sparkhistogram-BJfFPQ-X.js → vue-ui-sparkhistogram-DBmHnKbf.js} +5 -5
- package/dist/{vue-ui-sparkhistogram-4gAnz36n.cjs → vue-ui-sparkhistogram-DKJ_BD8u.cjs} +1 -1
- package/dist/{vue-ui-sparkline-CJ8rlJiI.cjs → vue-ui-sparkline-Cc2oHHab.cjs} +1 -1
- package/dist/{vue-ui-sparkline-CLz-PMi0.js → vue-ui-sparkline-gB40bCw2.js} +4 -4
- package/dist/{vue-ui-sparkstackbar-ja3t34Mt.cjs → vue-ui-sparkstackbar-CH_FPtpc.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-C5ZzOhRM.js → vue-ui-sparkstackbar-DogUyA-M.js} +5 -5
- package/dist/{vue-ui-stackbar-BnuJOk6L.js → vue-ui-stackbar-BgDWL9z7.js} +13 -13
- package/dist/{vue-ui-stackbar-DSWEq3Pa.cjs → vue-ui-stackbar-D45RsE5w.cjs} +1 -1
- package/dist/{vue-ui-strip-plot-Cbr3Dkmd.js → vue-ui-strip-plot-D20--e93.js} +11 -11
- package/dist/{vue-ui-strip-plot-CyiaXAxw.cjs → vue-ui-strip-plot-mTP3QRGq.cjs} +1 -1
- package/dist/{vue-ui-table-CPJeRMDV.cjs → vue-ui-table-CPHnZM--.cjs} +1 -1
- package/dist/{vue-ui-table-Cr6jEi4z.js → vue-ui-table-D3EJmktD.js} +1 -1
- package/dist/{vue-ui-table-heatmap-C0J52xWN.js → vue-ui-table-heatmap-CC4Ds1xU.js} +4 -4
- package/dist/{vue-ui-table-heatmap-BfKruH6W.cjs → vue-ui-table-heatmap-DQ1bFlzE.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-C9PHXjbW.js → vue-ui-table-sparkline-CB0O_GYs.js} +5 -5
- package/dist/{vue-ui-table-sparkline-CGUs_6Ij.cjs → vue-ui-table-sparkline-X8yvauaz.cjs} +1 -1
- package/dist/{vue-ui-thermometer-Cs8Xt7tQ.js → vue-ui-thermometer-Da4w35gh.js} +7 -7
- package/dist/{vue-ui-thermometer-DWC--OtD.cjs → vue-ui-thermometer-JDXOJ8hO.cjs} +1 -1
- package/dist/{vue-ui-timer-DDZHmPLV.js → vue-ui-timer-BKOQE0jx.js} +5 -5
- package/dist/{vue-ui-timer-DD0VvMEs.cjs → vue-ui-timer-BoM6IddW.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-B_koqVkj.cjs → vue-ui-tiremarks-B4hOs-xZ.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-DHAdNbAA.js → vue-ui-tiremarks-DcpwfK6V.js} +7 -7
- package/dist/{vue-ui-treemap-CfH-P5Oh.js → vue-ui-treemap-CRt1eRSe.js} +12 -12
- package/dist/{vue-ui-treemap-C_yhbpyF.cjs → vue-ui-treemap-v_5BjQXX.cjs} +1 -1
- package/dist/{vue-ui-vertical-bar-oBdc4YQS.js → vue-ui-vertical-bar-BgSIP4Kr.js} +12 -12
- package/dist/{vue-ui-vertical-bar-BRplGFjj.cjs → vue-ui-vertical-bar-DoR_WBGZ.cjs} +1 -1
- package/dist/{vue-ui-waffle-Bg5T7RVn.cjs → vue-ui-waffle-BIrXpK2D.cjs} +1 -1
- package/dist/{vue-ui-waffle-DZ2zIujl.js → vue-ui-waffle-CH5K6tu1.js} +12 -12
- package/dist/{vue-ui-wheel-BerXCO4A.js → vue-ui-wheel-C3ShtYay.js} +7 -7
- package/dist/{vue-ui-wheel-Bj3Z92nh.cjs → vue-ui-wheel-CJFaM2OA.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-BWQ1ogz9.cjs → vue-ui-word-cloud-5xctr93P.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-U5KISxTe.js → vue-ui-word-cloud-CpxsXTE1.js} +10 -10
- package/dist/{vue-ui-xy-C078AHoi.cjs → vue-ui-xy-B2UsSMA0.cjs} +2 -2
- package/dist/{vue-ui-xy-y9zEQYMK.js → vue-ui-xy-CdNQO0LT.js} +16 -16
- package/dist/{vue-ui-xy-canvas-BpblELcE.js → vue-ui-xy-canvas-D-YG1gQf.js} +126 -125
- package/dist/{vue-ui-xy-canvas-C76OoGNJ.cjs → vue-ui-xy-canvas-DYC5CQ49.cjs} +2 -2
- package/package.json +1 -1
- package/dist/PenAndPaper-CAqWCUZx.cjs +0 -1
|
@@ -1,15 +1,11 @@
|
|
|
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,
|
|
2
|
-
import T from "./BaseIcon-
|
|
3
|
-
import { C as we } from "./ColorPicker-
|
|
4
|
-
import { l as
|
|
1
|
+
import { ref as c, computed as ge, watch as X, nextTick as le, onMounted as pe, onBeforeUnmount as me, createElementBlock as Y, createCommentVNode as q, openBlock as z, normalizeStyle as x, createElementVNode as k, withDirectives as ae, createVNode as R, normalizeClass as G, toDisplayString as Ae, unref as he, vModelText as oe } from "vue";
|
|
2
|
+
import T from "./BaseIcon-BgweA3_M.js";
|
|
3
|
+
import { C as we } from "./ColorPicker-D7g7tAW9.js";
|
|
4
|
+
import { l as be, f as xe } from "./index-C-ICcmxG.js";
|
|
5
5
|
const ye = {
|
|
6
|
-
key: 0,
|
|
7
|
-
"data-dom-to-png-ignore": "",
|
|
8
|
-
class: "vue-ui-pen-and-paper-actions"
|
|
9
|
-
}, Ce = {
|
|
10
6
|
class: "vue-ui-pen-and-paper-action",
|
|
11
7
|
style: { padding: "0 !important" }
|
|
12
|
-
},
|
|
8
|
+
}, Ce = ["disabled"], Be = {
|
|
13
9
|
__name: "PenAndPaper",
|
|
14
10
|
props: {
|
|
15
11
|
svgRef: {
|
|
@@ -35,15 +31,15 @@ const ye = {
|
|
|
35
31
|
},
|
|
36
32
|
emits: ["close"],
|
|
37
33
|
setup(d, { emit: se }) {
|
|
38
|
-
const s = d, re = se,
|
|
34
|
+
const s = d, re = se, b = c([]), E = c([]), S = c(s.color), $ = c(2), M = c(!1), P = c(""), o = c(null), A = c(null), F = c(null), h = 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
35
|
function O(l) {
|
|
40
|
-
if (!o.value ||
|
|
36
|
+
if (!o.value || h.value !== "text" || Q.value) return;
|
|
41
37
|
const { x: e, y: n } = V(l);
|
|
42
38
|
H.value = { x: e, y: n }, N.value = [""], D.value = { row: 0, col: 0 };
|
|
43
39
|
const t = document.createElementNS("http://www.w3.org/2000/svg", "text");
|
|
44
40
|
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
41
|
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();
|
|
42
|
+
a.setAttribute("x", e), a.setAttribute("dy", "0"), a.textContent = "", t.appendChild(a), t.style.pointerEvents = "none", t.style.userSelect = "none", o.value.appendChild(t), f.value = t, Q.value = !0, window.addEventListener("keydown", j), window.addEventListener("mousedown", _, !0), J(), Z();
|
|
47
43
|
}
|
|
48
44
|
function j(l) {
|
|
49
45
|
if (!Q.value) return;
|
|
@@ -119,9 +115,9 @@ const ye = {
|
|
|
119
115
|
const r = n[0].textContent;
|
|
120
116
|
t = !r || r === "";
|
|
121
117
|
}
|
|
122
|
-
l || t ? f.value && o.value.contains(f.value) && o.value.removeChild(f.value) : f.value && o.value.contains(f.value) &&
|
|
118
|
+
l || t ? f.value && o.value.contains(f.value) && o.value.removeChild(f.value) : f.value && o.value.contains(f.value) && b.value.push(f.value), Q.value = !1, f.value = null, N.value = [""], D.value = { row: 0, col: 0 };
|
|
123
119
|
}
|
|
124
|
-
const y = ge(() =>
|
|
120
|
+
const y = ge(() => be(s.color, 0.6));
|
|
125
121
|
function te() {
|
|
126
122
|
if (!o.value) return;
|
|
127
123
|
const l = o.value.querySelector(".vue-data-ui-mask");
|
|
@@ -188,50 +184,50 @@ const ye = {
|
|
|
188
184
|
return n;
|
|
189
185
|
}
|
|
190
186
|
function I(l) {
|
|
191
|
-
if (
|
|
187
|
+
if (h.value !== "draw" || !s.active || !o.value) return;
|
|
192
188
|
M.value = !0;
|
|
193
189
|
const { x: e, y: n } = V(l);
|
|
194
|
-
F.value = { x: e, y: n }, P.value = `M ${e} ${n}`,
|
|
190
|
+
F.value = { x: e, y: n }, P.value = `M ${e} ${n}`, A.value = document.createElementNS("http://www.w3.org/2000/svg", "path"), A.value.setAttribute("stroke", S.value), A.value.setAttribute("stroke-width", $.value * s.scale), A.value.setAttribute("fill", "none"), A.value.setAttribute("stroke-linecap", "round"), A.value.setAttribute("stroke-linejoin", "round"), A.value.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(A.value);
|
|
195
191
|
}
|
|
196
192
|
function K(l) {
|
|
197
|
-
if (!M.value || !o.value || !
|
|
193
|
+
if (!M.value || !o.value || !A.value) return;
|
|
198
194
|
const { x: e, y: n } = V(l);
|
|
199
|
-
P.value += ` ${e} ${n}`,
|
|
195
|
+
P.value += ` ${e} ${n}`, A.value.setAttribute("d", P.value);
|
|
200
196
|
}
|
|
201
197
|
function B(l) {
|
|
202
|
-
if (M.value && o.value &&
|
|
198
|
+
if (M.value && o.value && A.value) {
|
|
203
199
|
const { x: e, y: n } = V(l);
|
|
204
200
|
if (F.value && F.value.x === e && F.value.y === n) {
|
|
205
201
|
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),
|
|
202
|
+
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), b.value.push(t);
|
|
207
203
|
} else {
|
|
208
|
-
const t =
|
|
209
|
-
t.setAttribute("d", ve(ue(P.value))),
|
|
204
|
+
const t = A.value;
|
|
205
|
+
t.setAttribute("d", ve(ue(P.value))), b.value.push(t);
|
|
210
206
|
}
|
|
211
|
-
E.value = [],
|
|
207
|
+
E.value = [], A.value = "";
|
|
212
208
|
}
|
|
213
209
|
M.value = !1;
|
|
214
210
|
}
|
|
215
211
|
function ce() {
|
|
216
|
-
if (
|
|
217
|
-
const l =
|
|
212
|
+
if (b.value.length > 0) {
|
|
213
|
+
const l = b.value.pop();
|
|
218
214
|
E.value.push(l), o.value && o.value.removeChild(l);
|
|
219
215
|
}
|
|
220
216
|
}
|
|
221
217
|
function de() {
|
|
222
218
|
if (E.value.length > 0) {
|
|
223
219
|
const l = E.value.pop();
|
|
224
|
-
|
|
220
|
+
b.value.push(l), o.value && o.value.appendChild(l);
|
|
225
221
|
}
|
|
226
222
|
}
|
|
227
223
|
function fe() {
|
|
228
|
-
o.value && (o.value.innerHTML = ""),
|
|
224
|
+
o.value && (o.value.innerHTML = ""), b.value = [], E.value = [], te();
|
|
229
225
|
}
|
|
230
|
-
X(
|
|
231
|
-
s.active && (U(), ne(),
|
|
226
|
+
X(h, () => {
|
|
227
|
+
s.active && (U(), ne(), h.value === "text" ? o.value.style.cursor = "text" : o.value.style.cursor = W.value);
|
|
232
228
|
});
|
|
233
229
|
function ne() {
|
|
234
|
-
!s.svgRef || !s.active || (
|
|
230
|
+
!s.svgRef || !s.active || (h.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)) : h.value === "text" && s.svgRef.addEventListener("mousedown", O), o.value && (o.value.style.pointerEvents = "auto"));
|
|
235
231
|
}
|
|
236
232
|
function U() {
|
|
237
233
|
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"));
|
|
@@ -248,11 +244,16 @@ const ye = {
|
|
|
248
244
|
});
|
|
249
245
|
}), me(() => {
|
|
250
246
|
o.value && s.svgRef && (s.svgRef.removeChild(o.value), U());
|
|
251
|
-
}), (l, e) => d.active ? (z(), Y("div",
|
|
247
|
+
}), (l, e) => d.active ? (z(), Y("div", {
|
|
248
|
+
key: 0,
|
|
249
|
+
"data-dom-to-png-ignore": "",
|
|
250
|
+
class: "vue-ui-pen-and-paper-actions",
|
|
251
|
+
style: x({ backgroundColor: d.backgroundColor })
|
|
252
|
+
}, [
|
|
252
253
|
k("button", {
|
|
253
254
|
class: "vue-ui-pen-and-paper-action",
|
|
254
255
|
onClick: e[0] || (e[0] = (n) => re("close")),
|
|
255
|
-
style:
|
|
256
|
+
style: x({
|
|
256
257
|
backgroundColor: d.backgroundColor,
|
|
257
258
|
border: `1px solid ${y.value}`
|
|
258
259
|
})
|
|
@@ -262,7 +263,7 @@ const ye = {
|
|
|
262
263
|
stroke: d.color
|
|
263
264
|
}, null, 8, ["stroke"])
|
|
264
265
|
], 4),
|
|
265
|
-
k("button",
|
|
266
|
+
k("button", ye, [
|
|
266
267
|
R(we, {
|
|
267
268
|
value: S.value,
|
|
268
269
|
"onUpdate:value": e[1] || (e[1] = (n) => S.value = n),
|
|
@@ -271,19 +272,19 @@ const ye = {
|
|
|
271
272
|
}, null, 8, ["value", "backgroundColor", "buttonBorderColor"])
|
|
272
273
|
]),
|
|
273
274
|
k("button", {
|
|
274
|
-
class: G(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-active":
|
|
275
|
-
onClick: e[2] || (e[2] = (n) =>
|
|
276
|
-
style:
|
|
275
|
+
class: G(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-active": h.value === "text" }]),
|
|
276
|
+
onClick: e[2] || (e[2] = (n) => h.value = h.value === "text" ? "draw" : "text"),
|
|
277
|
+
style: x({
|
|
277
278
|
backgroundColor: d.backgroundColor,
|
|
278
279
|
border: `1px solid ${y.value}`
|
|
279
280
|
})
|
|
280
281
|
}, [
|
|
281
282
|
R(T, {
|
|
282
|
-
name:
|
|
283
|
+
name: h.value === "draw" ? "annotator" : "text",
|
|
283
284
|
stroke: d.color
|
|
284
285
|
}, null, 8, ["name", "stroke"]),
|
|
285
286
|
k("div", {
|
|
286
|
-
style:
|
|
287
|
+
style: x({
|
|
287
288
|
position: "absolute",
|
|
288
289
|
bottom: "-20px",
|
|
289
290
|
color: y.value,
|
|
@@ -292,17 +293,17 @@ const ye = {
|
|
|
292
293
|
fontSize: "12px",
|
|
293
294
|
fontVariantNumeric: "tabular-nums"
|
|
294
295
|
})
|
|
295
|
-
}, he(
|
|
296
|
-
v:
|
|
296
|
+
}, Ae(he(xe)({
|
|
297
|
+
v: h.value === "draw" ? $.value : L.value,
|
|
297
298
|
s: "px",
|
|
298
299
|
r: 1
|
|
299
300
|
})), 5)
|
|
300
301
|
], 6),
|
|
301
302
|
k("button", {
|
|
302
|
-
class: G(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !
|
|
303
|
-
disabled: !
|
|
303
|
+
class: G(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !b.value.length }]),
|
|
304
|
+
disabled: !b.value.length,
|
|
304
305
|
onClick: ce,
|
|
305
|
-
style:
|
|
306
|
+
style: x({
|
|
306
307
|
backgroundColor: d.backgroundColor,
|
|
307
308
|
border: `1px solid ${y.value}`,
|
|
308
309
|
marginTop: "20px"
|
|
@@ -312,11 +313,11 @@ const ye = {
|
|
|
312
313
|
name: "restart",
|
|
313
314
|
stroke: d.color
|
|
314
315
|
}, null, 8, ["stroke"])
|
|
315
|
-
], 14,
|
|
316
|
+
], 14, Ce),
|
|
316
317
|
k("button", {
|
|
317
318
|
class: G(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !E.value.length }]),
|
|
318
319
|
onClick: de,
|
|
319
|
-
style:
|
|
320
|
+
style: x({
|
|
320
321
|
backgroundColor: d.backgroundColor,
|
|
321
322
|
border: `1px solid ${y.value}`
|
|
322
323
|
})
|
|
@@ -328,9 +329,9 @@ const ye = {
|
|
|
328
329
|
}, null, 8, ["stroke"])
|
|
329
330
|
], 6),
|
|
330
331
|
k("button", {
|
|
331
|
-
class: G(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !
|
|
332
|
+
class: G(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !b.value.length }]),
|
|
332
333
|
onClick: fe,
|
|
333
|
-
style:
|
|
334
|
+
style: x({
|
|
334
335
|
backgroundColor: d.backgroundColor,
|
|
335
336
|
border: `1px solid ${y.value}`
|
|
336
337
|
})
|
|
@@ -340,7 +341,7 @@ const ye = {
|
|
|
340
341
|
stroke: d.color
|
|
341
342
|
}, null, 8, ["stroke"])
|
|
342
343
|
], 6),
|
|
343
|
-
|
|
344
|
+
h.value === "draw" ? ae((z(), Y("input", {
|
|
344
345
|
key: 0,
|
|
345
346
|
ref: "range",
|
|
346
347
|
type: "range",
|
|
@@ -349,11 +350,11 @@ const ye = {
|
|
|
349
350
|
max: 12,
|
|
350
351
|
step: 0.1,
|
|
351
352
|
"onUpdate:modelValue": e[3] || (e[3] = (n) => $.value = n),
|
|
352
|
-
style:
|
|
353
|
+
style: x({ accentColor: d.color })
|
|
353
354
|
}, null, 4)), [
|
|
354
355
|
[oe, $.value]
|
|
355
356
|
]) : q("", !0),
|
|
356
|
-
|
|
357
|
+
h.value === "text" ? ae((z(), Y("input", {
|
|
357
358
|
key: 1,
|
|
358
359
|
ref: "range",
|
|
359
360
|
type: "range",
|
|
@@ -362,13 +363,13 @@ const ye = {
|
|
|
362
363
|
max: 48,
|
|
363
364
|
step: 0.1,
|
|
364
365
|
"onUpdate:modelValue": e[4] || (e[4] = (n) => L.value = n),
|
|
365
|
-
style:
|
|
366
|
+
style: x({ accentColor: d.color })
|
|
366
367
|
}, null, 4)), [
|
|
367
368
|
[oe, L.value]
|
|
368
369
|
]) : q("", !0)
|
|
369
|
-
])) : q("", !0);
|
|
370
|
+
], 4)) : q("", !0);
|
|
370
371
|
}
|
|
371
372
|
};
|
|
372
373
|
export {
|
|
373
|
-
|
|
374
|
+
Be as _
|
|
374
375
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const a=require("vue"),R=require("./BaseIcon-Djhm7pK9.cjs"),ae=require("./ColorPicker-Dp1Scn6A.cjs"),O=require("./index-B5i_oOe8.cjs"),oe={class:"vue-ui-pen-and-paper-action",style:{padding:"0 !important"}},re=["disabled"],se={__name:"PenAndPaper",props:{svgRef:{type:[Object,null],required:!0},color:{type:String,default:"#2D353C"},backgroundColor:{type:String,default:"#FFFFFF"},active:{type:Boolean,default:!1},scale:{type:Number,default:1}},emits:["close"],setup(d,{emit:j}){const s=d,J=j,x=a.ref([]),k=a.ref([]),C=a.ref(s.color),N=a.ref(2),$=a.ref(!1),V=a.ref(""),r=a.ref(null),h=a.ref(null),D=a.ref(null),A=a.ref("draw"),T=a.ref(!1),f=a.ref(null),z=a.ref({x:0,y:0}),B=a.ref([""]),L=a.ref({row:0,col:0}),E=a.ref(16),I=a.ref("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");function K(l){if(!r.value||A.value!=="text"||T.value)return;const{x:e,y:n}=M(l);z.value={x:e,y:n},B.value=[""],L.value={row:0,col:0};const t=document.createElementNS("http://www.w3.org/2000/svg","text");t.setAttribute("x",e),t.setAttribute("y",n),t.setAttribute("fill",C.value),t.setAttribute("font-size",E.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");const o=document.createElementNS("http://www.w3.org/2000/svg","tspan");o.setAttribute("x",e),o.setAttribute("dy","0"),o.textContent="",t.appendChild(o),t.style.pointerEvents="none",t.style.userSelect="none",r.value.appendChild(t),f.value=t,T.value=!0,window.addEventListener("keydown",U),window.addEventListener("mousedown",H,!0),q(),G()}function U(l){if(!T.value)return;let{row:e,col:n}=L.value,t=B.value.slice(),o=!1;if(l.key==="Enter"){const u=t[e],i=u.slice(0,n),v=u.slice(n);t.splice(e,1,i,v),e+=1,n=0,o=!0,l.preventDefault()}else if(l.key==="Backspace"){if(n>0)t[e]=t[e].slice(0,n-1)+t[e].slice(n),n-=1,o=!0;else if(e>0){const u=t[e-1].length;t[e-1]+=t[e],t.splice(e,1),e-=1,n=u,o=!0}l.preventDefault()}else if(l.key==="Delete")n<t[e].length?(t[e]=t[e].slice(0,n)+t[e].slice(n+1),o=!0):e<t.length-1&&(t[e]+=t[e+1],t.splice(e+1,1),o=!0),l.preventDefault();else if(l.key==="ArrowLeft")n>0?n-=1:e>0&&(e-=1,n=t[e].length),o=!0,l.preventDefault();else if(l.key==="ArrowRight")n<t[e].length?n+=1:e<t.length-1&&(e+=1,n=0),o=!0,l.preventDefault();else if(l.key==="ArrowUp")e>0&&(e-=1,n=Math.min(n,t[e].length),o=!0),l.preventDefault();else if(l.key==="ArrowDown")e<t.length-1&&(e+=1,n=Math.min(n,t[e].length),o=!0),l.preventDefault();else if(l.key.length===1&&!l.ctrlKey&&!l.metaKey&&!l.altKey)t[e]=t[e].slice(0,n)+l.key+t[e].slice(n),n+=1,o=!0,l.preventDefault();else if(l.key==="Escape"){X(!0);return}else l.key==="Tab"&&l.preventDefault();o&&(B.value=t,L.value={row:e,col:n},q(),G())}function q(){const l=f.value,{x:e}=z.value;for(;l.firstChild;)l.removeChild(l.firstChild);B.value.forEach((n,t)=>{const o=document.createElementNS("http://www.w3.org/2000/svg","tspan");o.setAttribute("x",e),o.setAttribute("dy",t===0?"0":`${E.value*1.2*s.scale}`),o.textContent=n.length?n:"",l.appendChild(o)})}function G(){const l=r.value.querySelector(".vue-data-ui-svg-caret");l&&r.value.removeChild(l);const e=f.value;if(!e)return;const{x:n,y:t}=z.value,{row:o,col:u}=L.value,i=E.value*s.scale,v=e.childNodes[o];if(!v)return;let g=v.textContent.slice(0,u);g.endsWith(" ")&&(g+=" ");const c=document.createElementNS("http://www.w3.org/2000/svg","text");c.setAttribute("x",n),c.setAttribute("y",t),c.setAttribute("font-size",i),c.setAttribute("font-family","sans-serif"),c.textContent=g||"",r.value.appendChild(c);const m=c.getBBox();r.value.removeChild(c);let p=t+o*i*1.2,b=n+m.width;const w=document.createElementNS("http://www.w3.org/2000/svg","rect");w.setAttribute("x",b),w.setAttribute("y",p),w.setAttribute("width",2),w.setAttribute("height",i),w.setAttribute("fill",C.value),w.setAttribute("class","vue-data-ui-svg-caret"),r.value.appendChild(w)}function H(l){if(f.value&&!f.value.contains(l.target)){const e=f.value.children;e.length===1&&(e[0].textContent===""||e[0].textContent==="")&&f.value.remove(),X(!1)}}function X(l=!1){var o;window.removeEventListener("keydown",U),window.removeEventListener("mousedown",H,!0);const e=r.value.querySelector(".vue-data-ui-svg-caret");e&&r.value.removeChild(e);const n=(o=f.value)==null?void 0:o.children;let t=!1;if(n&&n.length===1){const u=n[0].textContent;t=!u||u===""}l||t?f.value&&r.value.contains(f.value)&&r.value.removeChild(f.value):f.value&&r.value.contains(f.value)&&x.value.push(f.value),T.value=!1,f.value=null,B.value=[""],L.value={row:0,col:0}}const y=a.computed(()=>O.lightenHexColor(s.color,.6));function Y(){if(!r.value)return;const l=r.value.querySelector(".vue-data-ui-mask");if(l&&r.value.removeChild(l),s.active){const e=document.createElementNS("http://www.w3.org/2000/svg","rect");e.setAttribute("class","vue-data-ui-mask"),e.setAttribute("width","100%"),e.setAttribute("height","100%"),e.setAttribute("fill","transparent"),e.setAttribute("pointer-events","all"),r.value.insertBefore(e,r.value.firstChild)}}function M(l){var o;const e=s.svgRef;if(!e)return{x:0,y:0};const n=e.createSVGPoint();n.x=l.clientX,n.y=l.clientY;const t=(o=e.getScreenCTM())==null?void 0:o.inverse();return t?n.matrixTransform(t):{x:0,y:0}}function Z(l){const e=l.trim().split(/\s+/);if(e.length<4)return l;const n=e.slice(1).map(Number);if(n.length%2!==0)return l;const t=_(n),o=[`M ${t[0]} ${t[1]}`];for(let v=2;v<t.length-2;v+=2){const g=t[v-2],c=t[v-1],m=t[v],p=t[v+1],b=(g+m)/2,w=(c+p)/2;o.push(`Q ${g} ${c} ${b} ${w}`)}const u=t[t.length-2],i=t[t.length-1];return o.push(`L ${u} ${i}`),o.join(" ")}function _(l,e=1){const n=[...l];for(let t=2;t<l.length-2;t+=2){const o=l[t],u=l[t+1],i=l[t-2],v=l[t-1],g=l[t+2],c=l[t+3];n[t]=o+e*((i+g)/2-o),n[t+1]=u+e*((v+c)/2-u)}return n}function ee(l){const e=l.trim().split(/\s+/);let n="",t="",o=null,u=null;for(let i=0;i<e.length;i+=1){const v=e[i];if(isNaN(v)){if(t=v,t==="M"||t==="L")o=parseFloat(e[++i]),u=parseFloat(e[++i]),n+=`${t}${o} ${u}`;else if(t==="Q"){const g=parseFloat(e[++i]),c=parseFloat(e[++i]),m=parseFloat(e[++i]),p=parseFloat(e[++i]);g===o&&c===u?n+=`t${m-o} ${p-u}`:n+=`q${g-o} ${c-u} ${m-o} ${p-u}`,o=m,u=p}}else{const g=parseFloat(v),c=parseFloat(e[++i]);if(t==="L"){const m=g-o,p=c-u;m===0?n+=`v${p}`:p===0?n+=`h${m}`:n+=`l${m} ${p}`,o=g,u=c}else if(t==="Q"){const m=g,p=c,b=parseFloat(e[++i]),w=parseFloat(e[++i]);m===o&&p===u?n+=`t${b-o} ${w-u}`:n+=`q${m-o} ${p-u} ${b-o} ${w-u}`,o=b,u=w}}}return n}function P(l){if(A.value!=="draw"||!s.active||!r.value)return;$.value=!0;const{x:e,y:n}=M(l);D.value={x:e,y:n},V.value=`M ${e} ${n}`,h.value=document.createElementNS("http://www.w3.org/2000/svg","path"),h.value.setAttribute("stroke",C.value),h.value.setAttribute("stroke-width",N.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"),r.value.appendChild(h.value)}function F(l){if(!$.value||!r.value||!h.value)return;const{x:e,y:n}=M(l);V.value+=` ${e} ${n}`,h.value.setAttribute("d",V.value)}function S(l){if($.value&&r.value&&h.value){const{x:e,y:n}=M(l);if(D.value&&D.value.x===e&&D.value.y===n){const t=document.createElementNS("http://www.w3.org/2000/svg","circle");t.setAttribute("cx",e),t.setAttribute("cy",n),t.setAttribute("r",N.value*s.scale/2),t.setAttribute("fill",C.value),t.setAttribute("class","vue-data-ui-doodle"),r.value.appendChild(t),x.value.push(t)}else{const t=h.value;t.setAttribute("d",ee(Z(V.value))),x.value.push(t)}k.value=[],h.value=""}$.value=!1}function te(){if(x.value.length>0){const l=x.value.pop();k.value.push(l),r.value&&r.value.removeChild(l)}}function ne(){if(k.value.length>0){const l=k.value.pop();x.value.push(l),r.value&&r.value.appendChild(l)}}function le(){r.value&&(r.value.innerHTML=""),x.value=[],k.value=[],Y()}a.watch(A,()=>{s.active&&(Q(),W(),A.value==="text"?r.value.style.cursor="text":r.value.style.cursor=I.value)});function W(){!s.svgRef||!s.active||(A.value==="draw"?(s.svgRef.addEventListener("mousedown",P),s.svgRef.addEventListener("mousemove",F),s.svgRef.addEventListener("mouseup",S),s.svgRef.addEventListener("mouseleave",S),s.svgRef.addEventListener("touchstart",P,{passive:!1}),s.svgRef.addEventListener("touchmove",F,{passive:!1}),s.svgRef.addEventListener("touchend",S)):A.value==="text"&&s.svgRef.addEventListener("mousedown",K),r.value&&(r.value.style.pointerEvents="auto"))}function Q(){s.svgRef&&(s.svgRef.removeEventListener("mousedown",P),s.svgRef.removeEventListener("mousemove",F),s.svgRef.removeEventListener("mouseup",S),s.svgRef.removeEventListener("mouseleave",S),s.svgRef.removeEventListener("touchstart",P),s.svgRef.removeEventListener("touchmove",F),s.svgRef.removeEventListener("touchend",S),s.svgRef.removeEventListener("mousedown",K),r.value&&(r.value.style.pointerEvents="none"))}return a.watch(()=>s.active,l=>{l?W():Q()}),a.watch(()=>s.active,()=>{a.nextTick(()=>{Y()})}),a.onMounted(()=>{a.nextTick(()=>{s.svgRef&&(r.value=document.createElementNS("http://www.w3.org/2000/svg","g"),r.value.setAttribute("class","vue-data-ui-doodles"),r.value.style.cursor=I.value,s.svgRef.appendChild(r.value),Q())})}),a.onBeforeUnmount(()=>{r.value&&s.svgRef&&(s.svgRef.removeChild(r.value),Q())}),(l,e)=>d.active?(a.openBlock(),a.createElementBlock("div",{key:0,"data-dom-to-png-ignore":"",class:"vue-ui-pen-and-paper-actions",style:a.normalizeStyle({backgroundColor:d.backgroundColor})},[a.createElementVNode("button",{class:"vue-ui-pen-and-paper-action",onClick:e[0]||(e[0]=n=>J("close")),style:a.normalizeStyle({backgroundColor:d.backgroundColor,border:`1px solid ${y.value}`})},[a.createVNode(R.default,{name:"close",stroke:d.color},null,8,["stroke"])],4),a.createElementVNode("button",oe,[a.createVNode(ae.ColorPicker,{value:C.value,"onUpdate:value":e[1]||(e[1]=n=>C.value=n),backgroundColor:d.backgroundColor,buttonBorderColor:y.value},null,8,["value","backgroundColor","buttonBorderColor"])]),a.createElementVNode("button",{class:a.normalizeClass(["vue-ui-pen-and-paper-action",{"vue-ui-pen-and-paper-action-active":A.value==="text"}]),onClick:e[2]||(e[2]=n=>A.value=A.value==="text"?"draw":"text"),style:a.normalizeStyle({backgroundColor:d.backgroundColor,border:`1px solid ${y.value}`})},[a.createVNode(R.default,{name:A.value==="draw"?"annotator":"text",stroke:d.color},null,8,["name","stroke"]),a.createElementVNode("div",{style:a.normalizeStyle({position:"absolute",bottom:"-20px",color:y.value,width:"100%",textAlign:"center",fontSize:"12px",fontVariantNumeric:"tabular-nums"})},a.toDisplayString(a.unref(O.dataLabel)({v:A.value==="draw"?N.value:E.value,s:"px",r:1})),5)],6),a.createElementVNode("button",{class:a.normalizeClass(["vue-ui-pen-and-paper-action",{"vue-ui-pen-and-paper-action-disabled":!x.value.length}]),disabled:!x.value.length,onClick:te,style:a.normalizeStyle({backgroundColor:d.backgroundColor,border:`1px solid ${y.value}`,marginTop:"20px"})},[a.createVNode(R.default,{name:"restart",stroke:d.color},null,8,["stroke"])],14,re),a.createElementVNode("button",{class:a.normalizeClass(["vue-ui-pen-and-paper-action",{"vue-ui-pen-and-paper-action-disabled":!k.value.length}]),onClick:ne,style:a.normalizeStyle({backgroundColor:d.backgroundColor,border:`1px solid ${y.value}`})},[a.createVNode(R.default,{name:"restart",stroke:d.color,style:{transform:"scaleX(-1)"}},null,8,["stroke"])],6),a.createElementVNode("button",{class:a.normalizeClass(["vue-ui-pen-and-paper-action",{"vue-ui-pen-and-paper-action-disabled":!x.value.length}]),onClick:le,style:a.normalizeStyle({backgroundColor:d.backgroundColor,border:`1px solid ${y.value}`})},[a.createVNode(R.default,{name:"trash",stroke:d.color},null,8,["stroke"])],6),A.value==="draw"?a.withDirectives((a.openBlock(),a.createElementBlock("input",{key:0,ref:"range",type:"range",class:"vertical-range",min:.5,max:12,step:.1,"onUpdate:modelValue":e[3]||(e[3]=n=>N.value=n),style:a.normalizeStyle({accentColor:d.color})},null,4)),[[a.vModelText,N.value]]):a.createCommentVNode("",!0),A.value==="text"?a.withDirectives((a.openBlock(),a.createElementBlock("input",{key:1,ref:"range",type:"range",class:"vertical-range",min:3,max:48,step:.1,"onUpdate:modelValue":e[4]||(e[4]=n=>E.value=n),style:a.normalizeStyle({accentColor:d.color})},null,4)),[[a.vModelText,E.value]]):a.createCommentVNode("",!0)],4)):a.createCommentVNode("",!0)}};exports._sfc_main=se;
|
|
@@ -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-C-ICcmxG.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-B5i_oOe8.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 +1 @@
|
|
|
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
|
+
"use strict";const e=require("vue"),xe=require("./BaseIcon-Djhm7pK9.cjs"),Y=require("./useResponsive-DQmBAoBf.cjs"),f=require("./index-B5i_oOe8.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,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-BgweA3_M.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-C-ICcmxG.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"),r=require("./useNestedProp-
|
|
1
|
+
"use strict";const e=require("vue"),r=require("./useNestedProp-BPLMSXYf.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-PLbxZ2bv.js";
|
|
3
3
|
const x = {
|
|
4
4
|
__name: "Title",
|
|
5
5
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("vue"),p=require("./index-
|
|
1
|
+
"use strict";const t=require("vue"),p=require("./index-B5i_oOe8.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,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-C-ICcmxG.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,3 +1,3 @@
|
|
|
1
|
-
"use strict";const x=require("./index-
|
|
1
|
+
"use strict";const x=require("./index-B5i_oOe8.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-D2Eam6qe.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;
|