vue-data-ui 3.28.0 → 3.28.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +89 -63
- package/dist/{Arrow-D6OAn5rm.js → Arrow-CITPKnWF.js} +1 -1
- package/dist/{BaseDraggableDialog-Bw_azO0n.js → BaseDraggableDialog-DHgIPVmz.js} +1 -1
- package/dist/{BaseIcon-DDctLkeT.js → BaseIcon-Cm-IJ179.js} +1 -1
- package/dist/{BaseLegendToggle-BOcw1ke8.js → BaseLegendToggle-Q3TiW9u1.js} +1 -1
- package/dist/{BaseZoomControls-Cq5AOHQ0.js → BaseZoomControls-ByS_7fmI.js} +1 -1
- package/dist/{ColorPicker-DHQvvLT9.js → ColorPicker-Dmus34hN.js} +1 -1
- package/dist/{DataTable-BcVZLSs8.js → DataTable-0Vv-aGHD.js} +1 -1
- package/dist/HillActions-qz6J_uK7.js +1 -0
- package/dist/{Legend-D8NunRPr.js → Legend-DM0ClX3D.js} +1 -1
- package/dist/{NonSvgPenAndPaper-CxQZ0YED.js → NonSvgPenAndPaper-Do6RcwEr.js} +1 -1
- package/dist/{PackageVersion-ATrKWi8V.js → PackageVersion-C4ZM3Vf7.js} +1 -1
- package/dist/PenAndPaper-BGEp-TUm.js +1 -0
- package/dist/{Shape-gDVRWM6n.js → Shape-CRe8woTu.js} +1 -1
- package/dist/SlicerPreview-CFFUOlQr.js +1 -0
- package/dist/{SparkTooltip-cWKhrsKX.js → SparkTooltip-Ch06CV71.js} +1 -1
- package/dist/{Title-BLA0tM3g.js → Title-BliHuXfT.js} +1 -1
- package/dist/Tooltip-C1q0Qoh7.js +1 -0
- package/dist/UserOptions-uWHV_zPB.js +1 -0
- package/dist/{useResponsive-D2CPcpda.js → canvas-lib-22VpOI4_.js} +1 -1
- package/dist/{chartImage-r-G4CkRK.js → chartImage-DPGnEuYM.js} +1 -1
- package/dist/components/arrow.js +1 -1
- package/dist/components/vue-ui-3d-bar.js +1 -1
- package/dist/components/vue-ui-accordion.js +1 -1
- package/dist/components/vue-ui-age-pyramid.js +1 -1
- package/dist/components/vue-ui-annotator.js +1 -1
- package/dist/components/vue-ui-bullet.js +1 -1
- package/dist/components/vue-ui-bump.js +1 -1
- package/dist/components/vue-ui-candlestick.js +1 -1
- package/dist/components/vue-ui-carousel-table.js +1 -1
- package/dist/components/vue-ui-chestnut.js +1 -1
- package/dist/components/vue-ui-chord.js +1 -1
- package/dist/components/vue-ui-circle-pack.js +1 -1
- package/dist/components/vue-ui-cursor.js +1 -1
- package/dist/components/vue-ui-dag.js +1 -1
- package/dist/components/vue-ui-dashboard.js +1 -1
- package/dist/components/vue-ui-digits.js +1 -1
- package/dist/components/vue-ui-donut-evolution.js +1 -1
- package/dist/components/vue-ui-donut.js +1 -1
- package/dist/components/vue-ui-dumbbell.js +1 -1
- package/dist/components/vue-ui-flow.js +1 -1
- package/dist/components/vue-ui-funnel.js +1 -1
- package/dist/components/vue-ui-galaxy.js +1 -1
- package/dist/components/vue-ui-gauge.js +1 -1
- package/dist/components/vue-ui-geo.js +1 -1
- package/dist/components/vue-ui-gizmo.js +1 -1
- package/dist/components/vue-ui-graph.js +1 -1
- package/dist/components/vue-ui-heatmap.js +1 -1
- package/dist/components/vue-ui-hill.js +1 -1
- package/dist/components/vue-ui-history-plot.js +1 -1
- package/dist/components/vue-ui-horizontal-bar.js +1 -1
- package/dist/components/vue-ui-icon.js +1 -1
- package/dist/components/vue-ui-kpi.js +1 -1
- package/dist/components/vue-ui-label.js +1 -1
- package/dist/components/vue-ui-mini-loader.js +1 -1
- package/dist/components/vue-ui-molecule.js +1 -1
- package/dist/components/vue-ui-mood-radar.js +1 -1
- package/dist/components/vue-ui-nested-donuts.js +1 -1
- package/dist/components/vue-ui-onion.js +1 -1
- package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
- package/dist/components/vue-ui-pattern-seed.js +1 -1
- package/dist/components/vue-ui-pattern.js +1 -1
- package/dist/components/vue-ui-quadrant.js +1 -1
- package/dist/components/vue-ui-quick-chart.js +1 -1
- package/dist/components/vue-ui-radar.js +1 -1
- package/dist/components/vue-ui-rating.js +1 -1
- package/dist/components/vue-ui-relation-circle.js +1 -1
- package/dist/components/vue-ui-ridgeline.js +1 -1
- package/dist/components/vue-ui-rings.js +1 -1
- package/dist/components/vue-ui-scatter.js +1 -1
- package/dist/components/vue-ui-skeleton.js +1 -1
- package/dist/components/vue-ui-smiley.js +1 -1
- package/dist/components/vue-ui-spark-trend.js +1 -1
- package/dist/components/vue-ui-sparkbar.js +1 -1
- package/dist/components/vue-ui-sparkgauge.js +1 -1
- package/dist/components/vue-ui-sparkhistogram.js +1 -1
- package/dist/components/vue-ui-sparkline.js +1 -1
- package/dist/components/vue-ui-sparkstackbar.js +1 -1
- package/dist/components/vue-ui-stackbar.js +1 -1
- package/dist/components/vue-ui-stackline.js +1 -1
- package/dist/components/vue-ui-strip-plot.js +1 -1
- package/dist/components/vue-ui-table-heatmap.js +1 -1
- package/dist/components/vue-ui-table-sparkline.js +1 -1
- package/dist/components/vue-ui-table.js +1 -1
- package/dist/components/vue-ui-thermometer.js +1 -1
- package/dist/components/vue-ui-timer.js +1 -1
- package/dist/components/vue-ui-tiremarks.js +1 -1
- package/dist/components/vue-ui-treemap.js +1 -1
- package/dist/components/vue-ui-vertical-bar.js +1 -1
- package/dist/components/vue-ui-waffle.js +1 -1
- package/dist/components/vue-ui-wheel.js +1 -1
- package/dist/components/vue-ui-word-cloud.js +1 -1
- package/dist/components/vue-ui-world.js +1 -1
- package/dist/components/vue-ui-xy-canvas.js +1 -1
- package/dist/components/vue-ui-xy.js +1 -1
- package/dist/{dom-to-png-Cp6rAdnI.js → dom-to-png-D56-Zgv4.js} +1 -1
- package/dist/{exposedLib-BDGMSW1B.js → exposedLib-BRtClmZy.js} +1 -1
- package/dist/{img-DiP2_5_r.js → img-D4RQwASc.js} +1 -1
- package/dist/{labelUtils-DXiFpsZl.js → labelUtils-CdtU-yB_.js} +1 -1
- package/dist/{lib-DqD8nbyX.js → lib-rPeBMZrn.js} +2 -2
- package/dist/package-DGRUegc-.js +1 -0
- package/dist/{pdf-y3S8SBFk.js → pdf-DAicVFxx.js} +1 -1
- package/dist/{render-common-tsNLeNaX.js → render-common-CJz0wn0I.js} +1 -1
- package/dist/{resolveChartConfig-ChGWTt5l.js → resolveChartConfig-CIhClE5R.js} +1 -1
- package/dist/ssr/vue-ui-donut.js +1 -1
- package/dist/ssr/vue-ui-xy.js +1 -1
- package/dist/ssr.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.ts +126 -0
- package/dist/useChartExport-BZts4KFb.js +1 -0
- package/dist/{useConfig-DM9fSqjh.js → useConfig-6jO1fkp5.js} +1 -1
- package/dist/{useNestedProp-DrLnzyHO.js → useNestedProp-DnGoh-XS.js} +1 -1
- package/dist/{useObjectBindings-Cn4Vz0RY.js → useObjectBindings-DiMX4HGv.js} +1 -1
- package/dist/{usePrinter-Cj4eIYC_.js → usePrinter-sVoTzet1.js} +1 -1
- package/dist/useResponsive-CENUxfEL.js +1 -0
- package/dist/useSvgLabelLayout-D1I8sQUi.js +1 -0
- package/dist/useTimeLabelCollider-BTybMUFi.js +1 -0
- package/dist/useTransitions-ChGGrtrv.js +1 -0
- package/dist/utils.js +1 -1
- package/dist/vue-data-ui-CxiWUtNw.js +1 -0
- package/dist/vue-data-ui.js +1 -1
- package/dist/vue-ui-3d-bar-CW8ahywt.js +19 -0
- package/dist/{vue-ui-accordion-3lBpCjGm.js → vue-ui-accordion-S3nRtTU-.js} +1 -1
- package/dist/vue-ui-age-pyramid-CxMwKICA.js +1 -0
- package/dist/{vue-ui-annotator-CpTZHnPw.js → vue-ui-annotator-CdCDYzdK.js} +3 -3
- package/dist/vue-ui-bullet-ClnewIWQ.js +34 -0
- package/dist/vue-ui-bump-C6FuNDUg.js +8 -0
- package/dist/vue-ui-candlestick-CyewIjJk.js +22 -0
- package/dist/vue-ui-carousel-table-D0dD4kai.js +1 -0
- package/dist/vue-ui-chestnut-nS1vjCqH.js +1 -0
- package/dist/vue-ui-chord-B963Q_26.js +21 -0
- package/dist/vue-ui-circle-pack-DEY9X3jA.js +13 -0
- package/dist/{vue-ui-cursor-Dn-IBaP8.js → vue-ui-cursor-CNv12HQG.js} +1 -1
- package/dist/vue-ui-dag-s3-TMmid.js +9 -0
- package/dist/vue-ui-dashboard-B5zrGAvS.js +1 -0
- package/dist/{vue-ui-digits-BBiRMr01.js → vue-ui-digits-DXQwmTUx.js} +1 -1
- package/dist/vue-ui-donut-CDryub1L.js +47 -0
- package/dist/{vue-ui-donut-CGyBWxzh.js → vue-ui-donut-DHfOfLBF.js} +1 -1
- package/dist/vue-ui-donut-evolution-C5pHSrza.js +2 -0
- package/dist/vue-ui-dumbbell-CQbGR7yM.js +9 -0
- package/dist/vue-ui-flow-B16Mj6MW.js +3 -0
- package/dist/vue-ui-funnel-Dh-xi_Qi.js +1 -0
- package/dist/vue-ui-galaxy-U_ZIP5vm.js +1 -0
- package/dist/vue-ui-gauge-Dr4zsf6D.js +1 -0
- package/dist/vue-ui-geo-DFebja0s.js +1 -0
- package/dist/{vue-ui-gizmo-K1lfslsA.js → vue-ui-gizmo-CssVcz-O.js} +1 -1
- package/dist/vue-ui-graph-BB_97Qz7.js +7 -0
- package/dist/vue-ui-heatmap-DEBbVnrg.js +1 -0
- package/dist/vue-ui-hill-C1sHz3TI.js +1 -0
- package/dist/vue-ui-history-plot-CsBTJXR3.js +2 -0
- package/dist/vue-ui-horizontal-bar-D0kfcpEW.js +4 -0
- package/dist/{vue-ui-kpi-BZjfQxmY.js → vue-ui-kpi-CltKSYUI.js} +1 -1
- package/dist/vue-ui-label-B_1kM28r.js +7 -0
- package/dist/{vue-ui-mini-loader-ltQXdeeW.js → vue-ui-mini-loader-7gqQI5jy.js} +1 -1
- package/dist/vue-ui-molecule-DtoyWWTf.js +1 -0
- package/dist/vue-ui-mood-radar-ClOxfeH8.js +1 -0
- package/dist/vue-ui-nested-donuts-CULAXTg1.js +19 -0
- package/dist/vue-ui-onion-D7zu861i.js +5 -0
- package/dist/vue-ui-parallel-coordinate-plot-Cjbc-WUG.js +9 -0
- package/dist/vue-ui-quadrant-DWAb_t6r.js +2 -0
- package/dist/vue-ui-quick-chart-oDZwgVo8.js +17 -0
- package/dist/vue-ui-radar-BWG_N0xO.js +1 -0
- package/dist/{vue-ui-rating-B33u3iIn.js → vue-ui-rating-CV2b0tjA.js} +1 -1
- package/dist/vue-ui-relation-circle-BCRiS2n6.js +1 -0
- package/dist/vue-ui-ridgeline-VYcGUP_p.js +2 -0
- package/dist/vue-ui-rings-Dl0AjrRj.js +1 -0
- package/dist/vue-ui-scatter-DTa48HvG.js +9 -0
- package/dist/{vue-ui-skeleton-DTn7uIui.js → vue-ui-skeleton-C5mGG8hR.js} +1 -1
- package/dist/{vue-ui-smiley-qCRUFmpq.js → vue-ui-smiley-VTdQetY0.js} +1 -1
- package/dist/vue-ui-spark-trend--frxeJ8f.js +1 -0
- package/dist/{vue-ui-sparkbar-DPFzdX-D.js → vue-ui-sparkbar-BS5v3HMo.js} +1 -1
- package/dist/{vue-ui-sparkgauge-DlEPsxc0.js → vue-ui-sparkgauge-B1TGfXvR.js} +1 -1
- package/dist/vue-ui-sparkhistogram-Cs97AL6h.js +1 -0
- package/dist/vue-ui-sparkline-Bp9J6x7z.js +1 -0
- package/dist/vue-ui-sparkstackbar-BVuuRD10.js +1 -0
- package/dist/vue-ui-stackbar-CRuXn3XI.js +29 -0
- package/dist/vue-ui-stackline-Besmr9vq.js +39 -0
- package/dist/vue-ui-strip-plot-D-aRJkR7.js +2 -0
- package/dist/{vue-ui-table-3F8i2ZjT.js → vue-ui-table-D_UdQwV3.js} +1 -1
- package/dist/{vue-ui-table-heatmap-CtYPYMIJ.js → vue-ui-table-heatmap-BtziURiu.js} +1 -1
- package/dist/vue-ui-table-sparkline-BdNo8fW_.js +1 -0
- package/dist/vue-ui-thermometer-TFg1SGY7.js +1 -0
- package/dist/{vue-ui-timer-DsWRNtRa.js → vue-ui-timer-BdPksC26.js} +2 -2
- package/dist/vue-ui-tiremarks-HWuO-eyj.js +1 -0
- package/dist/vue-ui-treemap-IegiAqaX.js +1 -0
- package/dist/vue-ui-waffle-BEyGfPks.js +1 -0
- package/dist/vue-ui-wheel-k8GNPGET.js +1 -0
- package/dist/vue-ui-word-cloud-D9_15Ve7.js +4 -0
- package/dist/{vue-ui-world-DQWjoFDx.js → vue-ui-world-rCp5Vb7u.js} +2 -2
- package/dist/{vue-ui-xy-DfvcqUwW.js → vue-ui-xy-42AXepcQ.js} +2 -2
- package/dist/vue-ui-xy-CFgFg11v.js +24 -0
- package/dist/vue-ui-xy-canvas-CeC3gcrW.js +9 -0
- package/package.json +3 -3
- package/dist/HillActions-Bq3UJ1Ut.js +0 -1
- package/dist/PenAndPaper-BsBFp16i.js +0 -1
- package/dist/SlicerPreview-Dpu4nMz6.js +0 -1
- package/dist/Tooltip-Iyb_S6oQ.js +0 -1
- package/dist/UserOptions-BSJ_S_us.js +0 -1
- package/dist/package-UBaXe2y9.js +0 -1
- package/dist/useChartExport-DtPNpc9M.js +0 -1
- package/dist/useTimeLabelCollider-XQf_S7-z.js +0 -1
- package/dist/useTransitions-DfSHzsdz.js +0 -1
- package/dist/vue-data-ui-yeD7UyUU.js +0 -1
- package/dist/vue-ui-3d-bar-COrzyTkO.js +0 -19
- package/dist/vue-ui-age-pyramid-CAoVjkOA.js +0 -1
- package/dist/vue-ui-bullet-yvY_gdw2.js +0 -34
- package/dist/vue-ui-bump-ChsFkIq9.js +0 -10
- package/dist/vue-ui-candlestick-D9UXZQoN.js +0 -22
- package/dist/vue-ui-carousel-table-CKyE4hME.js +0 -1
- package/dist/vue-ui-chestnut-BuLjW5nb.js +0 -1
- package/dist/vue-ui-chord-Bjwt2_BK.js +0 -21
- package/dist/vue-ui-circle-pack-BpAuZruK.js +0 -13
- package/dist/vue-ui-dag-CyY3cSa6.js +0 -9
- package/dist/vue-ui-dashboard-DmyStkQM.js +0 -1
- package/dist/vue-ui-donut-DMF74OY0.js +0 -47
- package/dist/vue-ui-donut-evolution-Du4zLc8D.js +0 -2
- package/dist/vue-ui-dumbbell-CxL_AY5e.js +0 -9
- package/dist/vue-ui-flow-h6kTMamJ.js +0 -3
- package/dist/vue-ui-funnel-BG5Addzr.js +0 -1
- package/dist/vue-ui-galaxy-CgnshY8i.js +0 -1
- package/dist/vue-ui-gauge-a13ojQPr.js +0 -1
- package/dist/vue-ui-geo-CflzhtuD.js +0 -1
- package/dist/vue-ui-graph-C2Se8bnB.js +0 -7
- package/dist/vue-ui-heatmap-5NsQkMwS.js +0 -1
- package/dist/vue-ui-hill-COnjVS2L.js +0 -1
- package/dist/vue-ui-history-plot-BRJdXsNo.js +0 -2
- package/dist/vue-ui-horizontal-bar-G0wEKTRu.js +0 -4
- package/dist/vue-ui-label-BD_hTtgZ.js +0 -7
- package/dist/vue-ui-molecule-DI-CS5w8.js +0 -1
- package/dist/vue-ui-mood-radar-B5ar9WAZ.js +0 -1
- package/dist/vue-ui-nested-donuts-BP2YzVma.js +0 -19
- package/dist/vue-ui-onion-CCiZ6jmF.js +0 -5
- package/dist/vue-ui-parallel-coordinate-plot-3E0CysDx.js +0 -9
- package/dist/vue-ui-quadrant-BwgwvKy8.js +0 -2
- package/dist/vue-ui-quick-chart-BXNg0LNe.js +0 -17
- package/dist/vue-ui-radar-B9Ntj_Gj.js +0 -1
- package/dist/vue-ui-relation-circle-B60IUw50.js +0 -1
- package/dist/vue-ui-ridgeline-BPbYng2A.js +0 -2
- package/dist/vue-ui-rings-BXo9p3Ab.js +0 -1
- package/dist/vue-ui-scatter-BwrYPDzh.js +0 -9
- package/dist/vue-ui-spark-trend-wKFu-O7B.js +0 -1
- package/dist/vue-ui-sparkhistogram-DLZxE6oz.js +0 -1
- package/dist/vue-ui-sparkline-BflZPl7s.js +0 -1
- package/dist/vue-ui-sparkstackbar-DvSQfGeA.js +0 -1
- package/dist/vue-ui-stackbar-JKC9qE6M.js +0 -29
- package/dist/vue-ui-stackline-G7-oqfzp.js +0 -39
- package/dist/vue-ui-strip-plot-54u7AUip.js +0 -2
- package/dist/vue-ui-table-sparkline-CTfYTzhA.js +0 -1
- package/dist/vue-ui-thermometer-BpFbPqxK.js +0 -1
- package/dist/vue-ui-tiremarks-C4wVcSVP.js +0 -1
- package/dist/vue-ui-treemap-mYRv6gga.js +0 -1
- package/dist/vue-ui-waffle-DNBIZqZz.js +0 -1
- package/dist/vue-ui-wheel-DPHDp0t1.js +0 -1
- package/dist/vue-ui-word-cloud-BY4YsW7-.js +0 -4
- package/dist/vue-ui-xy-M9aD-G5a.js +0 -24
- package/dist/vue-ui-xy-canvas-BpwG1Ipj.js +0 -9
package/README.md
CHANGED
|
@@ -235,7 +235,7 @@ const config = ref({
|
|
|
235
235
|
|
|
236
236
|
## #svg slot
|
|
237
237
|
|
|
238
|
-
Most Vue Data UI chart components include a
|
|
238
|
+
Most Vue Data UI chart components include a `#svg` slot you can use to introduce custom SVG elements (shapes, text, etc.) above the chart content.
|
|
239
239
|
|
|
240
240
|
```html
|
|
241
241
|
<VueUiXy :dataset="dataset" :config="config">
|
|
@@ -247,7 +247,33 @@ Most Vue Data UI chart components include a #svg slot you can use to introduce c
|
|
|
247
247
|
</VueUiXy>
|
|
248
248
|
```
|
|
249
249
|
|
|
250
|
-
The svg slot also works when using the VueDataUi universal component, if the component it wraps supports it.
|
|
250
|
+
The `#svg` slot also works when using the `VueDataUi` universal component, if the component it wraps supports it.
|
|
251
|
+
|
|
252
|
+
## #svg-underlayer slot
|
|
253
|
+
|
|
254
|
+
Every component with a `#svg` slot also exposes `#svg-underlayer` for custom SVG content beneath the chart. Use it for background shapes, highlighted regions, or other decorations that should appear behind the data.
|
|
255
|
+
|
|
256
|
+
The underlayer exposes exactly the same slot props and uses the same coordinates as the component's `#svg` slot. Props vary by component; for example, `VueUiXy` exposes dimensions, `drawingArea`, `data`, `slicer`, and export flags inside `svg`. Both slots use the same TypeScript slot props type, such as `VueUiXySvgSlotProps`.
|
|
257
|
+
|
|
258
|
+
```html
|
|
259
|
+
<VueUiXy :dataset="dataset" :config="config">
|
|
260
|
+
<template #svg-underlayer="{ svg }">
|
|
261
|
+
<rect
|
|
262
|
+
:x="svg.drawingArea.left"
|
|
263
|
+
:y="svg.drawingArea.top"
|
|
264
|
+
:width="svg.drawingArea.width / 2"
|
|
265
|
+
:height="svg.drawingArea.height"
|
|
266
|
+
fill="chocolate"
|
|
267
|
+
opacity="0.15"
|
|
268
|
+
pointer-events="none"
|
|
269
|
+
/>
|
|
270
|
+
</template>
|
|
271
|
+
</VueUiXy>
|
|
272
|
+
```
|
|
273
|
+
|
|
274
|
+
Underlayer content renders beneath the chart content, including the `#chart-background` slot. Opaque chart backgrounds can cover it.
|
|
275
|
+
|
|
276
|
+
The `#svg-underlayer` slot also works through the `VueDataUi` universal component when the wrapped component supports `#svg`.
|
|
251
277
|
|
|
252
278
|
## #legend slot (since v.2.0.41)
|
|
253
279
|
|
|
@@ -545,73 +571,73 @@ From the dataset you pass into the props, this component will produce the most a
|
|
|
545
571
|
|
|
546
572
|
### Mini charts
|
|
547
573
|
|
|
548
|
-
| Name | dataset type | config type | emits / exposed methods | slots
|
|
549
|
-
| --------------------- | ---------------------------------- | --------------------------- | -------------------------------------------------------- |
|
|
550
|
-
| `VueUiSparkline` | `VueUiSparklineDatasetItem[]` | `VueUiSparklineConfig` | `@selectDatapoint`, `@hoverIndex`, `@zoom`, `@zoomReset` | `#svg`, `#before`, `#chart-background`, `#tooltip`, `#hint` | ✅ | ✅ |
|
|
551
|
-
| `VueUiSparkbar` | `VueUiSparkbarDatasetItem[]` | `VueUiSparkbarConfig` | `@selectDatapoint` | `#data-label`, `#title`
|
|
552
|
-
| `VueUiSparkStackbar` | `VueUiSparkStackbarDatasetItem[]` | `VueUiSparkStackbarConfig` | `@selectDatapoint`, `@selectLegend` | `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#hint`
|
|
553
|
-
| `VueUiSparkHistogram` | `VueUiSparkHistogramDatasetItem[]` | `VueUiSparkHistogramConfig` | `@selectDatapoint` | `#chart-background`, `#hint`
|
|
554
|
-
| `VueUiSparkGauge` | `VueUiSparkGaugeDataset` | `VueUiSparkGaugeConfig` | ❌ | `#chart-background`
|
|
555
|
-
| `VueUiSparkTrend` | `number[]` | `VueUiSparkTrendConfig` | ❌ | `#chart-background`
|
|
556
|
-
| `VueUiGizmo` | `VueUiGizmoDataset` | `VueUiGizmoConfig` | ❌ | ❌
|
|
557
|
-
| `VueUiBullet` | `VueUiBulletDataset` | `VueUiBulletConfig` | `generatePdf`, `generateImg`, `getData`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
574
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
575
|
+
| --------------------- | ---------------------------------- | --------------------------- | -------------------------------------------------------- | ------------------------------------------------------------------------------ | -------------- | ------ |
|
|
576
|
+
| `VueUiSparkline` | `VueUiSparklineDatasetItem[]` | `VueUiSparklineConfig` | `@selectDatapoint`, `@hoverIndex`, `@zoom`, `@zoomReset` | `#svg`, `#svg-underlayer`, `#before`, `#chart-background`, `#tooltip`, `#hint` | ✅ | ✅ |
|
|
577
|
+
| `VueUiSparkbar` | `VueUiSparkbarDatasetItem[]` | `VueUiSparkbarConfig` | `@selectDatapoint` | `#data-label`, `#title` | ❌ | ✅ |
|
|
578
|
+
| `VueUiSparkStackbar` | `VueUiSparkStackbarDatasetItem[]` | `VueUiSparkStackbarConfig` | `@selectDatapoint`, `@selectLegend` | `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#hint` | ✅ | ✅ |
|
|
579
|
+
| `VueUiSparkHistogram` | `VueUiSparkHistogramDatasetItem[]` | `VueUiSparkHistogramConfig` | `@selectDatapoint` | `#chart-background`, `#hint` | ❌ | ✅ |
|
|
580
|
+
| `VueUiSparkGauge` | `VueUiSparkGaugeDataset` | `VueUiSparkGaugeConfig` | ❌ | `#chart-background` | ❌ | ✅ |
|
|
581
|
+
| `VueUiSparkTrend` | `number[]` | `VueUiSparkTrendConfig` | ❌ | `#chart-background` | ❌ | ✅ |
|
|
582
|
+
| `VueUiGizmo` | `VueUiGizmoDataset` | `VueUiGizmoConfig` | ❌ | ❌ | ❌ | ❌ |
|
|
583
|
+
| `VueUiBullet` | `VueUiBulletDataset` | `VueUiBulletConfig` | `generatePdf`, `generateImg`, `getData`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
558
584
|
|
|
559
585
|
### Charts
|
|
560
586
|
|
|
561
|
-
| Name | dataset type | config type | emits / exposed methods | slots
|
|
562
|
-
| ----------------------------- | ------------------------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
563
|
-
| `VueUiAgePyramid` | `Array<Array<string / number>>` | `VueUiSparklineConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
564
|
-
| `VueUiBump` | `VueUiBumpDatapointItem[]` | `VueUiBumpConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getData`, `getImage` | `#svg`, `#watermark`, `#chart-background`, `#time-label`, `#hint` | ❌ | ✅ |
|
|
565
|
-
| `VueUiCandlestick` | `Array<Array<string / number>>` | `VueUiCandlestickConfig` | `@selectX`, `@zoomStart`, `@zoomEnd`, `@zoomReset`, `@copyAlt`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
566
|
-
| `VueUiChestnut` | `VueUiChestnutDatasetRoot[]` | `VueUiChestnutConfig` | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#hint`, `#hint` | ❌ | ✅ |
|
|
567
|
-
| `VueUiChord` | `VueUiChordDataset` | `VueUiChordConfig` | `@selectLegend`, `@selectGroup`, `@selectRibbon`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern`, `#hint` | ❌ | ✅ |
|
|
568
|
-
| `VueUiCirclePack` | `VueUiCirclePackDatasetItem[]` | `VueUiCirclePackConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` , `#pattern`, `#zoom-label`, `#data-label`, `#tooltip-before`, `#tooltip-after`, `#hint` | ✅ | ✅ |
|
|
569
|
-
| `VueUiDag` | `VueUiDagDataset` | `VueUiDagConfig` | `@onNodeClick`, `@onMidpointEnter`, `@onMidpointLeave`, `focusOnNode`, `getData`, `getImage`, `generatePdf`, `generateImage`, `generateSvg`, `toggleAnnotator`, `toggleFullscreen`, `zoomIn`, `zoomOut`, `resetZoom`, `switchDirection` | `#svg`, `#source`, `#node-label`, `#node`, `#tooltip-midpoint`, `#tooltip-node`, `#background-pattern`, `#hint` | ❌ | ✅ |
|
|
570
|
-
| `VueUiDonutEvolution` | `VueUiDonutEvolutionDatasetItem[]` | `VueUiDonutEvolutionConfig` | `@zoomStart`, `@zoomEnd`, `@zoomReset`, `@copyAlt`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#reset-action`, `#watermark`, `#chart-background`, `#hint` | ❌ | ✅ |
|
|
571
|
-
| `VueUiDonut` | `VueUiDonutDatasetItem[]` | `VueUiDonutConfig` | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#dataLabel`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`, `#pattern`, `#hint` | ✅ | ✅ |
|
|
572
|
-
| `VueUiDumbbell` | `VueUiDumbbellDataset[]` | `VueUiDumbbellConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#hint` | ❌ | ✅ |
|
|
573
|
-
| `VueUiFlow` | `VueUiFlowDatasetItem[]` | `VueUiFlowConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#hint` | ✅ | ✅ |
|
|
574
|
-
| `VueUiFunnel` | `VueUiFunnelDatasetItem[]` | `VueUiFunnelConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#watermark`, `#chart-background`, `#hint` | ❌ | ✅ |
|
|
575
|
-
| `VueUiGalaxy` | `VueUiGalaxyDatasetItem[]` | `VueUiGalaxyConfig` | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`,`#tooltip`, `#tooltip-before`, `#tooltip-after`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
576
|
-
| `VueUiGauge` | `VueUiGaugeDataset` | `VueUiGaugeConfig` | `generatePdf`, `generateImage`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
577
|
-
| `VueUiGraph` | `VueUiGraphDataset` | `VueUiGraphConfig` | `@selectNode`, `@hoverNode`, `@zoom`, `@zoomReset`, `@layoutStart`, `@layoutEnd`, `@copyAlt`, `zoomIn`, `zoomOut`, `resetZoom`, `fitToView`, `focusNode`, `resetLayout`, `getData`, `getImage`, `generatePdf`, `generateImage`, `generateSvg`, `generateCsv`, `toggleTable`, `toggleTooltip`, `toggleFullscreen`, `toggleZoom`, `toggleAnnotator`, `copyAlt` | `#node`, `#svg`, `#chart-background`, `#watermark`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#hint`, `#source`, `#skeleton` | ✅ | ✅ |
|
|
578
|
-
| `VueUiHeatmap` | `VueUiHeatmapDatasetItem[]` | `VueUiHeatmapConfig` | `@selectDatapoint`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
579
|
-
| `VueUiHistoryPlot` | `VueUiHistoryPlotDatasetItem[]` | `VueUiHistoryPlotConfig` | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
580
|
-
| `VueUiHorizontalBar` | `VueUiHorizontalBarDatasetItem[]` | `VueUiWheelConfig` | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleSort`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`, `#hint` | ✅ | ✅ |
|
|
581
|
-
| `VueUiMolecule` | `VueUiMoleculeDatasetNode[]` | `VueUiMoleculeConfig` | `@selectNode`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#node`, `#svg`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
582
|
-
| `VueUiMoodRadar` | `VueUiMoodRadarDataset` | `VueUiMoodRadarConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#hint` | ❌ | ✅ |
|
|
583
|
-
| `VueUiNestedDonuts` | `VueUiNestedDonutsDatasetItem[]` | `VueUiNestedDonutsConfig` | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
584
|
-
| `VueUiOnion` | `VueUiOnionDatasetItem[]` | `VueUiOnionConfig` | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
585
|
-
| `VueUiParallelCoordinatePlot` | `VueUiParallelCoordinatePlotDatasetItem[]` | `VueUiParallelCoordinatePlotConfig` | `@selectLegend`, `@selectDatapoint`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
586
|
-
| `VueUiQuadrant` | `VueUiQuadrantDatasetItem[]` | `VueUiQuadrantConfig` | `@selectLegend`, `@selectPlot`, `@selectSide`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#datapoint`, `#hint` | ✅ | ✅ |
|
|
587
|
-
| `VueUiRadar` | `VueUiRadarDataset` | `VueUiRadarConfig` | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
588
|
-
| `VueUiRidgeline` | `VueUiRidgelineDatasetItem[]` | `VueUiRidgelineConfig` | `@selectLegend`, `@selectX`, `@selectDatapoint`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#time-label`,`#watermark`, `#chart-background`, `#pattern`, `#hint` | ❌ | ✅ |
|
|
589
|
-
| `VueUiRings` | `VueUiRingsDatasetItem[]` | `VueUiRingsConfig` | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `toggleLabels`, `getImage` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`, `#hint` | ✅ | ✅ |
|
|
590
|
-
| `VueUiScatter` | `VueUiScatterDatasetItem[]` | `VueUiScatterConfig` | `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
591
|
-
| `VueUiStackbar` | `VueUiStackbarDatasetItem[]` | `VueUiStackbarConfig` | `@selectX`, `@zoomStart`, `@zoomEnd`, `@zoomReset`, `@copyAlt`, `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#time-label`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern`, `#hint` | ✅ | ✅ |
|
|
592
|
-
| `VueUiStackline` | `VueUiStacklineDatasetItem[]` | `VueUiStacklineConfig` | `@selectX`, `@zoomStart`, `@zoomEnd`, `@zoomReset`, `@copyAlt`, `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#time-label`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern`, `#hint` | ✅ | ✅ |
|
|
593
|
-
| `VueUiStripPlot` | `VueUiStripPlotDataset[]` | `VueUiStripPlotConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
594
|
-
| `VueUiThermometer` | `VueUiThermometerDataset` | `VueUiThermometerConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
595
|
-
| `VueUiTiremarks` | `VueUiTiremarksDataset` | `VueUiTiremarksConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
596
|
-
| `VueUiTreemap` | `VueUiTreemapDatasetItem[]` | `VueUiTreemapConfig` | `@selectLegend`, `@selectDatapoint`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`, `#hint` | `#svg`, `#rect`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#breadcrumb-label`, `#breadcrumb-arrow`, `#group-label` | ✅ | ✅ |
|
|
597
|
-
| `VueUiWaffle` | `VueUiWaffleDatasetItem[]` | `VueUiWaffleConfig` | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`, `#hint` | `#svg`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#pattern` | ✅ | ✅ |
|
|
598
|
-
| `VueUiWheel` | `VueUiWheelDataset` | `VueUiWheelConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
599
|
-
| `VueUiWordCloud` | `VueUiWordCloudDatasetItem[] / string` | `VueUiWordCloudConfig` | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip` , `getImage`, `#hint` | `#svg`, `#reset-action`, `#watermark`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#chart-background` | ✅ | ✅ |
|
|
600
|
-
| `VueUiXyCanvas` | `VueUiXyCanvasDatasetItem[]` | `VueUiXyCanvasConfig` | `@selectX`, `@zoomStart`, `@zoomEnd`, `@zoomReset`, `@copyAlt`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage`, `#hint` | `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`
|
|
601
|
-
| `VueUiXy` | `VueUiXyDatasetItem[]` | `VueUiXyConfig` | `@selectLegend`, `@selectX`, `@selectTimeLabel`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage`, `#hint` | `#svg`, `#legend`, `#time-label`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#plot-comment`,`#watermark`, `#chart-background`, `#pattern`, `#area-gradient`, `#bar-gradient` | ✅ | ✅ |
|
|
587
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
588
|
+
| ----------------------------- | ------------------------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ |
|
|
589
|
+
| `VueUiAgePyramid` | `Array<Array<string / number>>` | `VueUiSparklineConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
590
|
+
| `VueUiBump` | `VueUiBumpDatapointItem[]` | `VueUiBumpConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getData`, `getImage` | `#svg`, `#svg-underlayer`, `#watermark`, `#chart-background`, `#time-label`, `#hint` | ❌ | ✅ |
|
|
591
|
+
| `VueUiCandlestick` | `Array<Array<string / number>>` | `VueUiCandlestickConfig` | `@selectX`, `@zoomStart`, `@zoomEnd`, `@zoomReset`, `@copyAlt`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
592
|
+
| `VueUiChestnut` | `VueUiChestnutDatasetRoot[]` | `VueUiChestnutConfig` | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#watermark`, `#chart-background`, `#hint`, `#hint` | ❌ | ✅ |
|
|
593
|
+
| `VueUiChord` | `VueUiChordDataset` | `VueUiChordConfig` | `@selectLegend`, `@selectGroup`, `@selectRibbon`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#watermark`, `#chart-background`, `#pattern`, `#hint` | ❌ | ✅ |
|
|
594
|
+
| `VueUiCirclePack` | `VueUiCirclePackDatasetItem[]` | `VueUiCirclePackConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#watermark`, `#chart-background` , `#pattern`, `#zoom-label`, `#data-label`, `#tooltip-before`, `#tooltip-after`, `#hint` | ✅ | ✅ |
|
|
595
|
+
| `VueUiDag` | `VueUiDagDataset` | `VueUiDagConfig` | `@onNodeClick`, `@onMidpointEnter`, `@onMidpointLeave`, `focusOnNode`, `getData`, `getImage`, `generatePdf`, `generateImage`, `generateSvg`, `toggleAnnotator`, `toggleFullscreen`, `zoomIn`, `zoomOut`, `resetZoom`, `switchDirection` | `#svg`, `#svg-underlayer`, `#source`, `#node-label`, `#node`, `#tooltip-midpoint`, `#tooltip-node`, `#background-pattern`, `#hint` | ❌ | ✅ |
|
|
596
|
+
| `VueUiDonutEvolution` | `VueUiDonutEvolutionDatasetItem[]` | `VueUiDonutEvolutionConfig` | `@zoomStart`, `@zoomEnd`, `@zoomReset`, `@copyAlt`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#reset-action`, `#watermark`, `#chart-background`, `#hint` | ❌ | ✅ |
|
|
597
|
+
| `VueUiDonut` | `VueUiDonutDatasetItem[]` | `VueUiDonutConfig` | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#dataLabel`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`, `#pattern`, `#hint` | ✅ | ✅ |
|
|
598
|
+
| `VueUiDumbbell` | `VueUiDumbbellDataset[]` | `VueUiDumbbellConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#watermark`, `#chart-background`, `#hint` | ❌ | ✅ |
|
|
599
|
+
| `VueUiFlow` | `VueUiFlowDatasetItem[]` | `VueUiFlowConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#watermark`, `#chart-background`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#hint` | ✅ | ✅ |
|
|
600
|
+
| `VueUiFunnel` | `VueUiFunnelDatasetItem[]` | `VueUiFunnelConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#svg-underlayer`, `#watermark`, `#chart-background`, `#hint` | ❌ | ✅ |
|
|
601
|
+
| `VueUiGalaxy` | `VueUiGalaxyDatasetItem[]` | `VueUiGalaxyConfig` | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#svg-underlayer`, `#legend`,`#tooltip`, `#tooltip-before`, `#tooltip-after`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
602
|
+
| `VueUiGauge` | `VueUiGaugeDataset` | `VueUiGaugeConfig` | `generatePdf`, `generateImage`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
603
|
+
| `VueUiGraph` | `VueUiGraphDataset` | `VueUiGraphConfig` | `@selectNode`, `@hoverNode`, `@zoom`, `@zoomReset`, `@layoutStart`, `@layoutEnd`, `@copyAlt`, `zoomIn`, `zoomOut`, `resetZoom`, `fitToView`, `focusNode`, `resetLayout`, `getData`, `getImage`, `generatePdf`, `generateImage`, `generateSvg`, `generateCsv`, `toggleTable`, `toggleTooltip`, `toggleFullscreen`, `toggleZoom`, `toggleAnnotator`, `copyAlt` | `#node`, `#svg`, `#svg-underlayer`, `#chart-background`, `#watermark`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#hint`, `#source`, `#skeleton` | ✅ | ✅ |
|
|
604
|
+
| `VueUiHeatmap` | `VueUiHeatmapDatasetItem[]` | `VueUiHeatmapConfig` | `@selectDatapoint`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#svg-underlayer`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
605
|
+
| `VueUiHistoryPlot` | `VueUiHistoryPlotDatasetItem[]` | `VueUiHistoryPlotConfig` | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
606
|
+
| `VueUiHorizontalBar` | `VueUiHorizontalBarDatasetItem[]` | `VueUiWheelConfig` | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleSort`, `toggleTooltip` , `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`, `#hint` | ✅ | ✅ |
|
|
607
|
+
| `VueUiMolecule` | `VueUiMoleculeDatasetNode[]` | `VueUiMoleculeConfig` | `@selectNode`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#node`, `#svg`, `#svg-underlayer`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
608
|
+
| `VueUiMoodRadar` | `VueUiMoodRadarDataset` | `VueUiMoodRadarConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#watermark`, `#chart-background`, `#hint` | ❌ | ✅ |
|
|
609
|
+
| `VueUiNestedDonuts` | `VueUiNestedDonutsDatasetItem[]` | `VueUiNestedDonutsConfig` | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
610
|
+
| `VueUiOnion` | `VueUiOnionDatasetItem[]` | `VueUiOnionConfig` | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
611
|
+
| `VueUiParallelCoordinatePlot` | `VueUiParallelCoordinatePlotDatasetItem[]` | `VueUiParallelCoordinatePlotConfig` | `@selectLegend`, `@selectDatapoint`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
612
|
+
| `VueUiQuadrant` | `VueUiQuadrantDatasetItem[]` | `VueUiQuadrantConfig` | `@selectLegend`, `@selectPlot`, `@selectSide`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#datapoint`, `#hint` | ✅ | ✅ |
|
|
613
|
+
| `VueUiRadar` | `VueUiRadarDataset` | `VueUiRadarConfig` | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
614
|
+
| `VueUiRidgeline` | `VueUiRidgelineDatasetItem[]` | `VueUiRidgelineConfig` | `@selectLegend`, `@selectX`, `@selectDatapoint`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#time-label`,`#watermark`, `#chart-background`, `#pattern`, `#hint` | ❌ | ✅ |
|
|
615
|
+
| `VueUiRings` | `VueUiRingsDatasetItem[]` | `VueUiRingsConfig` | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `toggleLabels`, `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`, `#hint` | ✅ | ✅ |
|
|
616
|
+
| `VueUiScatter` | `VueUiScatterDatasetItem[]` | `VueUiScatterConfig` | `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
617
|
+
| `VueUiStackbar` | `VueUiStackbarDatasetItem[]` | `VueUiStackbarConfig` | `@selectX`, `@zoomStart`, `@zoomEnd`, `@zoomReset`, `@copyAlt`, `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#time-label`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern`, `#hint` | ✅ | ✅ |
|
|
618
|
+
| `VueUiStackline` | `VueUiStacklineDatasetItem[]` | `VueUiStacklineConfig` | `@selectX`, `@zoomStart`, `@zoomEnd`, `@zoomReset`, `@copyAlt`, `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#time-label`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern`, `#hint` | ✅ | ✅ |
|
|
619
|
+
| `VueUiStripPlot` | `VueUiStripPlotDataset[]` | `VueUiStripPlotConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint` | ✅ | ✅ |
|
|
620
|
+
| `VueUiThermometer` | `VueUiThermometerDataset` | `VueUiThermometerConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#svg-underlayer`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
621
|
+
| `VueUiTiremarks` | `VueUiTiremarksDataset` | `VueUiTiremarksConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#svg-underlayer`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
622
|
+
| `VueUiTreemap` | `VueUiTreemapDatasetItem[]` | `VueUiTreemapConfig` | `@selectLegend`, `@selectDatapoint`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`, `#hint` | `#svg`, `#svg-underlayer`, `#rect`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#breadcrumb-label`, `#breadcrumb-arrow`, `#group-label` | ✅ | ✅ |
|
|
623
|
+
| `VueUiWaffle` | `VueUiWaffleDatasetItem[]` | `VueUiWaffleConfig` | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`, `#hint` | `#svg`, `#svg-underlayer`, `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#pattern` | ✅ | ✅ |
|
|
624
|
+
| `VueUiWheel` | `VueUiWheelDataset` | `VueUiWheelConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#svg-underlayer`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
625
|
+
| `VueUiWordCloud` | `VueUiWordCloudDatasetItem[] / string` | `VueUiWordCloudConfig` | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip` , `getImage`, `#hint` | `#svg`, `#svg-underlayer`, `#reset-action`, `#watermark`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#chart-background` | ✅ | ✅ |
|
|
626
|
+
| `VueUiXyCanvas` | `VueUiXyCanvasDatasetItem[]` | `VueUiXyCanvasConfig` | `@selectX`, `@zoomStart`, `@zoomEnd`, `@zoomReset`, `@copyAlt`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage`, `#hint` | `#legend`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark` | ✅ | ✅ |
|
|
627
|
+
| `VueUiXy` | `VueUiXyDatasetItem[]` | `VueUiXyConfig` | `@selectLegend`, `@selectX`, `@selectTimeLabel`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage`, `#hint` | `#svg`, `#svg-underlayer`, `#legend`, `#time-label`, `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#plot-comment`,`#watermark`, `#chart-background`, `#pattern`, `#area-gradient`, `#bar-gradient` | ✅ | ✅ |
|
|
602
628
|
|
|
603
629
|
### 3D charts
|
|
604
630
|
|
|
605
|
-
| Name | dataset type | config type | emits / exposed methods | slots
|
|
606
|
-
| ------------ | ------------------- | ------------------ | --------------------------------------------------------- |
|
|
607
|
-
| `VueUi3dBar` | `VueUi3dBarDataset` | `VueUi3dBarConfig` | `generatePdf`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#watermark`, `#chart-background`, `#hint` | ❌ | ✅ |
|
|
631
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
632
|
+
| ------------ | ------------------- | ------------------ | --------------------------------------------------------- | --------------------------------------------------------------------- | -------------- | ------ |
|
|
633
|
+
| `VueUi3dBar` | `VueUi3dBarDataset` | `VueUi3dBarConfig` | `generatePdf`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#svg-underlayer`, `#watermark`, `#chart-background`, `#hint` | ❌ | ✅ |
|
|
608
634
|
|
|
609
635
|
### Maps
|
|
610
636
|
|
|
611
|
-
| Name | dataset type | config type | emits / exposed methods | slots
|
|
612
|
-
| ------------ | ----------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
613
|
-
| `VueUiGeo` | `VueUiGeoDatasetItem[]` | `VueUiGeoConfig` | `generatePdf`, `generateImage`, `toggleTooltip`, `toggleAnnotator`, `getImage`, `zoomIn`, `zoomOut`, `resetZoom`, `focusLocation`, `#hint` | `#svg`, `#watermark`, `#pattern`, `#chart-background`, `#datapoint` | ✅ | ✅ |
|
|
614
|
-
| `VueUiWorld` | `VueUiWorldDataset` | `VueUiWorldConfig` | `getData`, `generatePdf`, `generateImage`, `toggleTable`, `toggleTooltip`, `toggleAnnotator`, `getImage` | `#svg`, `#watermark`, `#pattern`, `#chart-background` | ✅ | ❌ |
|
|
637
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
638
|
+
| ------------ | ----------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------- | -------------- | ------ |
|
|
639
|
+
| `VueUiGeo` | `VueUiGeoDatasetItem[]` | `VueUiGeoConfig` | `generatePdf`, `generateImage`, `toggleTooltip`, `toggleAnnotator`, `getImage`, `zoomIn`, `zoomOut`, `resetZoom`, `focusLocation`, `#hint` | `#svg`, `#svg-underlayer`, `#watermark`, `#pattern`, `#chart-background`, `#datapoint` | ✅ | ✅ |
|
|
640
|
+
| `VueUiWorld` | `VueUiWorldDataset` | `VueUiWorldConfig` | `getData`, `generatePdf`, `generateImage`, `toggleTable`, `toggleTooltip`, `toggleAnnotator`, `getImage` | `#svg`, `#svg-underlayer`, `#watermark`, `#pattern`, `#chart-background` | ✅ | ❌ |
|
|
615
641
|
|
|
616
642
|
### Data tables
|
|
617
643
|
|
|
@@ -631,9 +657,9 @@ From the dataset you pass into the props, this component will produce the most a
|
|
|
631
657
|
|
|
632
658
|
### Productivity
|
|
633
659
|
|
|
634
|
-
| Name | dataset type | config type | emits / exposed methods | slots
|
|
635
|
-
| ----------- | ---------------------- | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
636
|
-
| `VueUiHill` | `VueUiHillDatasetItem` | `VueUiHillConfig` | `edit`, `save`, `cancel`, `copyAlt`, `dragStart`, `dragEnd`, `datapointEnter`, `datapointLeave`, `selectDatapoint`, `generatePdf`, `generateImage`, `getImage` | `#svg`, `#analysis`, `#loading`, `#watermark`, `#chart-background`, `#hill-edit`, `#hill-cancel`, `#hill-save` | ❌ | ✅ |
|
|
660
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
661
|
+
| ----------- | ---------------------- | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ |
|
|
662
|
+
| `VueUiHill` | `VueUiHillDatasetItem` | `VueUiHillConfig` | `edit`, `save`, `cancel`, `copyAlt`, `dragStart`, `dragEnd`, `datapointEnter`, `datapointLeave`, `selectDatapoint`, `generatePdf`, `generateImage`, `getImage` | `#svg`, `#svg-underlayer`, `#analysis`, `#loading`, `#watermark`, `#chart-background`, `#hill-edit`, `#hill-cancel`, `#hill-save` | ❌ | ✅ |
|
|
637
663
|
|
|
638
664
|
### Utilities
|
|
639
665
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{X as e}from"./lib-
|
|
1
|
+
import{X as e}from"./lib-rPeBMZrn.js";import{computed as t,createElementBlock as n,createElementVNode as r,openBlock as i,unref as a}from"vue";var o={class:`vue-ui-element-arrow`},s=[`id`,`viewBox`,`refX`,`refY`,`markerWidth`,`markerHeight`],c=[`d`,`fill`],l=[`id`,`viewBox`,`refX`,`refY`,`markerWidth`,`markerHeight`],u=[`d`,`fill`],d=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`,`stroke-linecap`,`stroke-dasharray`,`marker-end`,`marker-start`],f={__name:`Arrow`,props:{markerEnd:{type:Boolean,default:!0},markerSize:{type:Number,default:10},markerStart:{type:Boolean,default:!1},stroke:{type:String,default:`#2D353C`},strokeDasharray:{type:Number,default:0},strokeLinecap:{type:String,default:`round`},strokeWidth:{type:Number,default:1},x1:{type:Number,default:0},x2:{type:Number,default:0},y1:{type:Number,default:0},y2:{type:Number,default:0}},setup(f){let p=f,m=e(),h=t(()=>`0 0 ${p.markerSize} ${p.markerSize}`),g=t(()=>p.markerSize/2),_=t(()=>g.value+p.markerSize/10);return(e,t)=>(i(),n(`g`,o,[r(`defs`,null,[r(`marker`,{id:`arrow_end_${a(m)}`,orient:`auto`,viewBox:h.value,refX:g.value,refY:g.value,markerWidth:_.value,markerHeight:_.value},[r(`path`,{d:`M 0 0 L ${f.markerSize} ${g.value} L 0 ${f.markerSize} z`,fill:f.stroke},null,8,c)],8,s),r(`marker`,{id:`arrow_start_${a(m)}`,orient:`auto-start-reverse`,viewBox:h.value,refX:g.value,refY:g.value,markerWidth:_.value,markerHeight:_.value},[r(`path`,{d:`M 0 0 L ${f.markerSize} ${g.value} L 0 ${f.markerSize} z`,fill:f.stroke},null,8,u)],8,l)]),r(`line`,{x1:f.x1,y1:f.y1,x2:f.x2,y2:f.y2,stroke:f.stroke,"stroke-width":f.strokeWidth,"stroke-linecap":f.strokeLinecap,"stroke-dasharray":f.strokeDasharray,"marker-end":f.markerEnd?`url(#arrow_end_${a(m)})`:``,"marker-start":f.markerStart?`url(#arrow_start_${a(m)})`:``},null,8,d)]))}};export{f as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{X as t,t as n}from"./lib-
|
|
1
|
+
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{X as t,t as n}from"./lib-rPeBMZrn.js";import{t as r}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as i}from"./BaseIcon-Cm-IJ179.js";import{Teleport as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createVNode as d,nextTick as f,normalizeClass as p,normalizeStyle as m,onMounted as h,onUnmounted as g,openBlock as _,reactive as v,ref as y,renderSlot as b,unref as x,withModifiers as S}from"vue";var C=/* @__PURE__ */ e({default:()=>E}),w=[`xmlns`],T={class:`draggable-dialog-actions`},E=/*#__PURE__*/ r({__name:`BaseDraggableDialog`,props:{backgroundColor:{type:String},color:{type:String},headerBg:{type:String},headerColor:{type:String},fullscreenParent:{type:HTMLElement},isFullscreen:{type:Boolean,default:!1},withPadding:{type:Boolean,default:!1},forcedWidth:{type:Number,default:400},forcedHeight:{type:Number,default:400},isCursorPointer:{type:Boolean,default:!1},forceAspectRatio:{type:Boolean,default:!1},withFullWidth:{type:Boolean,default:!1},noLayerUpdate:{type:Boolean,default:!1}},emits:[`close`,`size`],setup(e,{expose:r,emit:C}){let E=e,D=C,O=y(!1),k=y(!1),A=y(0),j=y(null),M=y(null),N=y(null),P=`vue-ui-draggable-dialog-${t()}`,F=`${P}-title`,I=`${P}-body`;function L(){E.noLayerUpdate||(A.value+=1)}let R=v({left:window.innerWidth/2-200,top:window.innerHeight/2-120,width:E.forcedWidth,height:E.forcedHeight,dragging:!1,resizing:!1,dragOffsetX:0,dragOffsetY:0,pointerStartX:0,pointerStartY:0,resizeStartW:0,resizeStartH:0});function z(){N.value=document.activeElement instanceof HTMLElement?document.activeElement:null,O.value=!0,f(()=>{k.value||=(R.left=Math.max(0,window.innerWidth/2-R.width/2),R.top=Math.max(0,window.innerHeight/2-R.height/2),!0);let e=M.value||j.value;e&&typeof e.focus==`function`&&e.focus()})}function B(){O.value=!1,D(`close`),N.value&&typeof N.value.focus==`function`&&N.value.focus()}r({open:z,close:B});let V=o(()=>({position:`fixed`,left:`${R.left}px`,top:`${R.top}px`,width:`${R.width}px`,height:`${R.height}px`,padding:0,border:`none`,background:E.backgroundColor,boxShadow:`0 4px 24px rgba(0,0,0,0.15)`,zIndex:9999,overflow:`visible`,borderRadius:`2px`,"--dlg-color":E.color}));function H(e){return e.touches&&e.touches.length?{x:e.touches[0].clientX,y:e.touches[0].clientY}:{x:e.clientX,y:e.clientY}}function U(e){e.preventDefault?.(),L(),R.dragging=!0;let t=H(e);R.dragOffsetX=t.x-R.left,R.dragOffsetY=t.y-R.top,document.addEventListener(`mousemove`,W),document.addEventListener(`mouseup`,G),document.addEventListener(`touchmove`,W,{passive:!1}),document.addEventListener(`touchend`,G)}function W(e){if(!R.dragging)return;e.preventDefault?.();let t=H(e),n=t.x-R.dragOffsetX,r=t.y-R.dragOffsetY;n=Math.max(0,Math.min(n,window.innerWidth-R.width)),r=Math.max(0,Math.min(r,window.innerHeight-R.height)),R.left=n,R.top=r}function G(){R.dragging=!1,document.removeEventListener(`mousemove`,W),document.removeEventListener(`mouseup`,G),document.removeEventListener(`touchmove`,W),document.removeEventListener(`touchend`,G)}function K(e){e.preventDefault?.(),L(),R.resizing=!0;let t=H(e);R.pointerStartX=t.x,R.pointerStartY=t.y,R.resizeStartW=R.width,R.resizeStartH=R.height,document.addEventListener(`mousemove`,q),document.addEventListener(`mouseup`,J),document.addEventListener(`touchmove`,q,{passive:!1}),document.addEventListener(`touchend`,J)}function q(e){if(!R.resizing)return;e.preventDefault?.();let t=H(e),n=t.x-R.pointerStartX,r=t.y-R.pointerStartY;R.width=Math.max(240,R.resizeStartW+n),R.height=Math.max(400,R.resizeStartH+r),D(`size`,{width:R.width,height:R.height})}function J(){R.resizing=!1,document.removeEventListener(`mousemove`,q),document.removeEventListener(`mouseup`,J),document.removeEventListener(`touchmove`,q),document.removeEventListener(`touchend`,J),D(`size`,{width:R.width,height:R.height})}h(()=>{D(`size`,{width:R.width,height:R.height})});function Y(e){e.preventDefault?.(),L(),R.resizing=!0;let t=H(e);R.pointerStartX=t.x,R.pointerStartY=t.y,R.resizeStartW=R.width,R.resizeStartH=R.height,R.resizeStartLeft=R.left,R.resizeStartTop=R.top,document.addEventListener(`mousemove`,X),document.addEventListener(`mouseup`,Z),document.addEventListener(`touchmove`,X,{passive:!1}),document.addEventListener(`touchend`,Z)}function X(e){if(!R.resizing)return;e.preventDefault?.();let t=H(e),n=t.x-R.pointerStartX,r=Math.min(Math.max(0,R.resizeStartLeft+n),R.resizeStartLeft+R.resizeStartW-240),i=R.resizeStartW-(r-R.resizeStartLeft),a=t.y-R.pointerStartY,o=Math.max(400,R.resizeStartH+a);R.left=r,R.width=i,R.height=o}function Z(){R.resizing=!1,document.removeEventListener(`mousemove`,X),document.removeEventListener(`mouseup`,Z),document.removeEventListener(`touchmove`,X),document.removeEventListener(`touchend`,Z)}h(()=>{document.addEventListener(`keydown`,Q)});function Q(e){e.key&&e.key===`Escape`&&B()}g(()=>{G(),J(),Z(),document.removeEventListener(`keydown`,Q)});function $(e){e.key===`Tab`&&ee(e)}function ee(e){if(!j.value)return;let t=j.value.querySelectorAll(`a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]`);if(!t.length)return;let n=t[0],r=t[t.length-1];e.shiftKey?document.activeElement===n&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),n.focus())}return(t,r)=>(_(),s(a,{to:e.isFullscreen?e.fullscreenParent:`body`,key:A.value},[O.value?(_(),l(`div`,{key:0,ref_key:`draggableDialog`,ref:j,class:`vue-ui-draggable-dialog`,style:m(V.value),role:`dialog`,"aria-modal":!0,"aria-labelledby":F,"aria-describedby":I,tabindex:`-1`,onClick:r[0]||=S(()=>{},[`stop`]),onKeydown:$},[u(`div`,{class:`vue-ui-draggable-dialog-header`,style:m({backgroundColor:e.headerBg,color:e.headerColor})},[u(`span`,{class:`drag-handle`,"aria-hidden":`true`,onMousedown:S(U,[`stop`,`prevent`]),onTouchstart:S(U,[`stop`,`prevent`])},[(_(),l(`svg`,{xmlns:x(n),width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[...r[1]||=[u(`path`,{d:`M5 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0`},null,-1),u(`path`,{d:`M5 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0`},null,-1),u(`path`,{d:`M12 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0`},null,-1),u(`path`,{d:`M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0`},null,-1),u(`path`,{d:`M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0`},null,-1),u(`path`,{d:`M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0`},null,-1)]],8,w))],32),u(`span`,{class:`vue-ui-draggable-dialog-title`,id:F},[b(t.$slots,`title`,{},void 0,!0)]),u(`div`,T,[b(t.$slots,`actions`,{},void 0,!0),u(`button`,{ref_key:`closeButtonElement`,ref:M,class:`close`,type:`button`,"aria-label":`Close dialog`,onClick:B,style:m({cursor:e.isCursorPointer?`pointer`:`default`})},[d(i,{name:`close`,stroke:e.headerColor},null,8,[`stroke`])],4)])],4),u(`div`,{id:I,role:`document`,class:p({"vue-ui-draggable-dialog-body":!e.withPadding,"vue-ui-draggable-dialog-body-pad":e.withPadding,"vue-ui-draggable-dialog-body-full-width":e.withFullWidth})},[b(t.$slots,`before`,{},void 0,!0),b(t.$slots,`content`,{},void 0,!0),b(t.$slots,`after`,{},void 0,!0)],2),u(`div`,{class:`resize-handle`,"aria-hidden":`true`,onMousedown:S(K,[`stop`,`prevent`]),onTouchstart:S(K,[`stop`,`prevent`])},null,32),u(`div`,{class:`resize-handle resize-handle-left`,"aria-hidden":`true`,onMousedown:S(Y,[`stop`,`prevent`]),onTouchstart:S(Y,[`stop`,`prevent`])},null,32)],36)):c(``,!0)],8,[`to`]))}},[[`__scopeId`,`data-v-41359ac7`]]);export{C as n,E as t};
|