vue-data-ui 3.0.0-next.0 → 3.0.0-next.10
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 +109 -68
- package/dist/{Arrow-CzFtSJ1v.js → Arrow-8Wnel_lw.js} +1 -1
- package/dist/{BaseDraggableDialog-0S5xhs2P.js → BaseDraggableDialog-D-IcFGSE.js} +2 -2
- package/dist/{BaseIcon-DoDjTdD5.js → BaseIcon-RLse0qy8.js} +1 -1
- package/dist/{ColorPicker-BGRchgqQ.js → ColorPicker-D9dpnizT.js} +2 -2
- package/dist/{DataTable-BBbOgI-a.js → DataTable-IzCJ9gby.js} +2 -2
- package/dist/{Legend-Q4bOb-Nf.js → Legend-SfJ53F5x.js} +12 -11
- package/dist/{NonSvgPenAndPaper-DNKRvsBB.js → NonSvgPenAndPaper-3oZlBiCt.js} +3 -3
- package/dist/{PackageVersion-D0VPY8-5.js → PackageVersion-u8Hc4rJi.js} +1 -1
- package/dist/{PenAndPaper-DhBJsnob.js → PenAndPaper-6iArlmj7.js} +32 -32
- package/dist/{Shape-DbsLJ-SE.js → Shape-vSWSsIaU.js} +1 -1
- package/dist/{Slicer-DZEFp2GU.js → Slicer-CPMTQDCj.js} +2 -2
- package/dist/{SparkTooltip-CoOJR62O.js → SparkTooltip-sazd7MmK.js} +1 -1
- package/dist/{Title-D29apS4l.js → Title-CTsOHFNh.js} +1 -1
- package/dist/Tooltip-4cn1szzA.js +157 -0
- package/dist/{UserOptions-Bdit7AWO.js → UserOptions-X9Ckvwp-.js} +137 -129
- package/dist/{dom-to-png-BdPIrHOF.js → dom-to-png-C3BKllTG.js} +1 -1
- package/dist/img-D9CjuW6g.js +33 -0
- package/dist/{index-DMqAxz7R.js → index-DBSLpcPM.js} +1515 -1426
- package/dist/pdf-V4tIjxUb.js +58 -0
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +1098 -222
- package/dist/types/vue-data-ui.d.ts +1098 -222
- package/dist/useLoading-Bt5Doa8m.js +28 -0
- package/dist/{useNestedProp-YgN3FV_8.js → useNestedProp-BQFkJRtL.js} +1 -1
- package/dist/{usePrinter-COkTjv6C.js → usePrinter-CjyE7ii3.js} +2 -2
- package/dist/{useTimeLabels-Mrr0jrpL.js → useTimeLabels-DG97x2hL.js} +139 -132
- package/dist/vue-data-ui-BgN2CPSV.js +320 -0
- package/dist/vue-data-ui.js +53 -52
- package/dist/{vue-ui-3d-bar-Ojgjl20n.js → vue-ui-3d-bar-DlnRLAbw.js} +261 -245
- package/dist/{vue-ui-accordion-P6eFHGQp.js → vue-ui-accordion-yWXqkLfQ.js} +3 -3
- package/dist/{vue-ui-age-pyramid-IcMpAhiw.js → vue-ui-age-pyramid-C_4kFlWe.js} +233 -217
- package/dist/{vue-ui-annotator-Bk7d86-x.js → vue-ui-annotator-DVXA74Er.js} +2 -2
- package/dist/{vue-ui-bullet-DCvWbCPk.js → vue-ui-bullet-DoxSEGR4.js} +172 -156
- package/dist/{vue-ui-candlestick-DCf-88Yv.js → vue-ui-candlestick-Bke-ZK92.js} +271 -254
- package/dist/{vue-ui-carousel-table-DEsl0XUh.js → vue-ui-carousel-table-CqRuHaU6.js} +17 -16
- package/dist/{vue-ui-chestnut-Cg10-3wu.js → vue-ui-chestnut-BYIowBXd.js} +419 -403
- package/dist/{vue-ui-chord-BWYzR6vf.js → vue-ui-chord-DyA4jvyD.js} +256 -240
- package/dist/{vue-ui-circle-pack-CO2Ra2-5.js → vue-ui-circle-pack-BVT22rGO.js} +230 -214
- package/dist/{vue-ui-cursor-BbYHJDbV.js → vue-ui-cursor-B3RyMKwx.js} +2 -2
- package/dist/{vue-ui-dashboard-DkCnNuse.js → vue-ui-dashboard-Cgqpnpao.js} +62 -62
- package/dist/{vue-ui-digits-DRsphHt2.js → vue-ui-digits-Db9yuqjo.js} +2 -2
- package/dist/vue-ui-donut-CdsBUcPD.js +1547 -0
- package/dist/{vue-ui-donut-evolution-B5F2-0bh.js → vue-ui-donut-evolution-D5eUZJuU.js} +370 -357
- package/dist/{vue-ui-dumbbell-DqqSxoSh.js → vue-ui-dumbbell-CWgs8sB6.js} +216 -200
- package/dist/{vue-ui-flow-CTIcUJgV.js → vue-ui-flow-CL5jxEBp.js} +217 -201
- package/dist/{vue-ui-funnel-k7KD7Xoc.js → vue-ui-funnel-DT9BzBp3.js} +213 -197
- package/dist/{vue-ui-galaxy-C9EHaP4I.js → vue-ui-galaxy-hwr5J-b7.js} +215 -202
- package/dist/{vue-ui-gauge-CBiM_1-n.js → vue-ui-gauge-D_fnRyKs.js} +220 -204
- package/dist/{vue-ui-gizmo-CAc7b2oK.js → vue-ui-gizmo-CLni95HP.js} +3 -3
- package/dist/{vue-ui-heatmap-B3ubrP2v.js → vue-ui-heatmap-Bd8qoV2F.js} +244 -224
- package/dist/{vue-ui-history-plot-XCqccO3b.js → vue-ui-history-plot-BJvaJkPO.js} +268 -252
- package/dist/{vue-ui-kpi-DTGMDjaZ.js → vue-ui-kpi-B7uO6vRA.js} +3 -3
- package/dist/{vue-ui-mini-loader-Cn_7nvVq.js → vue-ui-mini-loader-CTDfGO91.js} +2 -2
- package/dist/{vue-ui-molecule-BugMXFAK.js → vue-ui-molecule-BSE6LaGt.js} +204 -188
- package/dist/{vue-ui-mood-radar-Cv4dHZPL.js → vue-ui-mood-radar-CN24P-Tk.js} +206 -190
- package/dist/vue-ui-nested-donuts-CWL3uP-u.js +1212 -0
- package/dist/{vue-ui-onion-Bha2hRAb.js → vue-ui-onion-Bib32nel.js} +196 -180
- package/dist/{vue-ui-parallel-coordinate-plot-DWJ2DWx4.js → vue-ui-parallel-coordinate-plot-l0O-i93L.js} +194 -178
- package/dist/{vue-ui-quadrant-BKHZoTml.js → vue-ui-quadrant-D0pzeobL.js} +321 -305
- package/dist/{vue-ui-quick-chart-D_k3lbU8.js → vue-ui-quick-chart-CaLIrn96.js} +347 -331
- package/dist/{vue-ui-radar-Co4EOjSk.js → vue-ui-radar-DXJ1WS7s.js} +193 -177
- package/dist/{vue-ui-rating-dtNN0EdX.js → vue-ui-rating-C6qqU59J.js} +2 -2
- package/dist/{vue-ui-relation-circle-CR4UpQzM.js → vue-ui-relation-circle-SpPQ2WhH.js} +188 -172
- package/dist/{vue-ui-ridgeline-BKX97EnR.js → vue-ui-ridgeline-BMsbiTjU.js} +212 -196
- package/dist/{vue-ui-rings-EPTwyt6D.js → vue-ui-rings-ES4LhrT0.js} +223 -210
- package/dist/{vue-ui-scatter-BlxzblSR.js → vue-ui-scatter-yV6nLFs6.js} +288 -273
- package/dist/{vue-ui-skeleton-CjN2ZdgT.js → vue-ui-skeleton-7gkY0oe-.js} +3 -3
- package/dist/{vue-ui-smiley-DdF_ErYG.js → vue-ui-smiley-CYLqgGm1.js} +2 -2
- package/dist/{vue-ui-spark-trend-RdOlCuT9.js → vue-ui-spark-trend-kQ3dsaGO.js} +3 -3
- package/dist/{vue-ui-sparkbar-DWufRGcN.js → vue-ui-sparkbar-Bfe8SMeM.js} +3 -3
- package/dist/{vue-ui-sparkgauge-IP1O3qyT.js → vue-ui-sparkgauge-Dxts3pPS.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-Cnv9xZ8H.js → vue-ui-sparkhistogram-CC6-gQ2R.js} +4 -4
- package/dist/{vue-ui-sparkline-CYgeD5V3.js → vue-ui-sparkline-Ba6FPyOS.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-BCwoK9xd.js → vue-ui-sparkstackbar-CQr6s7Ij.js} +3 -3
- package/dist/{vue-ui-stackbar-CqFIvfrK.js → vue-ui-stackbar-cJAK-x5g.js} +497 -474
- package/dist/{vue-ui-strip-plot-Dq-kDRai.js → vue-ui-strip-plot-DyU5K6-X.js} +241 -225
- package/dist/{vue-ui-table-vaIdQnPl.js → vue-ui-table-B_KeSP8f.js} +3 -3
- package/dist/{vue-ui-table-heatmap-U_Td0cdh.js → vue-ui-table-heatmap-CzGGjLl6.js} +26 -25
- package/dist/{vue-ui-table-sparkline-DkOaHx5L.js → vue-ui-table-sparkline-BoW1Y5Hh.js} +8 -7
- package/dist/{vue-ui-thermometer-CzckBZgs.js → vue-ui-thermometer-ROH_nY6z.js} +170 -154
- package/dist/{vue-ui-timer-DSdUshUs.js → vue-ui-timer-DmgpfYIT.js} +5 -5
- package/dist/vue-ui-tiremarks-CkmD6BQB.js +358 -0
- package/dist/vue-ui-treemap-BOxeG-ql.js +965 -0
- package/dist/vue-ui-vertical-bar-BoKi7wHJ.js +1106 -0
- package/dist/{vue-ui-waffle-DusUVY6y.js → vue-ui-waffle-BIM_Qg3a.js} +234 -221
- package/dist/vue-ui-wheel-CGZgFZax.js +352 -0
- package/dist/{vue-ui-word-cloud-_7uYjJ5A.js → vue-ui-word-cloud-Dt-X1dFo.js} +249 -233
- package/dist/{vue-ui-world-COIyBHII.js → vue-ui-world-BrPqffT7.js} +239 -223
- package/dist/vue-ui-xy-CYko0Jmo.js +2982 -0
- package/dist/{vue-ui-xy-canvas-CuYRyub2.js → vue-ui-xy-canvas-DVRWryRe.js} +447 -431
- package/package.json +2 -2
- package/dist/Tooltip-hVZUY_s5.js +0 -149
- package/dist/img-BeMVTwmF.js +0 -20
- package/dist/pdf-DPxOdzfi.js +0 -51
- package/dist/useMouse-AicQS8Vf.js +0 -13
- package/dist/vue-data-ui-nceqWRts.js +0 -301
- package/dist/vue-ui-donut-DSE7ubVv.js +0 -1315
- package/dist/vue-ui-nested-donuts-CYe0Are_.js +0 -1154
- package/dist/vue-ui-tiremarks-B2WWklqG.js +0 -342
- package/dist/vue-ui-treemap-D1dgDhjG.js +0 -952
- package/dist/vue-ui-vertical-bar-Dd4sYeAC.js +0 -958
- package/dist/vue-ui-wheel-ClsKBh52.js +0 -336
- package/dist/vue-ui-xy-C_OUyzTC.js +0 -3135
package/README.md
CHANGED
|
@@ -53,7 +53,7 @@ Available components
|
|
|
53
53
|
- [VueUiThermometer](https://vue-data-ui.graphieros.com/docs#vue-ui-thermometer)
|
|
54
54
|
- [VueUiTiremarks](https://vue-data-ui.graphieros.com/docs#vue-ui-tiremarks)
|
|
55
55
|
- [VueUiTreemap](https://vue-data-ui.graphieros.com/docs#vue-ui-treemap)
|
|
56
|
-
- [VueUiVerticalBar](https://vue-data-ui.graphieros.com/docs#vue-ui-vertical-bar)
|
|
56
|
+
- [VueUiVerticalBar](https://vue-data-ui.graphieros.com/docs#vue-ui-vertical-bar) // Renamed as VueUiHorizontalBar in v3
|
|
57
57
|
- [VueUiWaffle](https://vue-data-ui.graphieros.com/docs#vue-ui-waffle)
|
|
58
58
|
- [VueUiWheel](https://vue-data-ui.graphieros.com/docs#vue-ui-wheel)
|
|
59
59
|
- [VueUiWordCloud](https://vue-data-ui.graphieros.com/docs#vue-ui-word-cloud)
|
|
@@ -133,7 +133,7 @@ Or you can import just what you need in your files:
|
|
|
133
133
|
<script setup>import {(VueUiRadar, VueUiXy)} from "vue-data-ui";</script>
|
|
134
134
|
```
|
|
135
135
|
|
|
136
|
-
|
|
136
|
+
You can also use the "VueDataUi" universal component, just specifying which component you are using. You can of course use the slots provided, if the target component has them.
|
|
137
137
|
|
|
138
138
|
```js
|
|
139
139
|
<script setup>
|
|
@@ -169,6 +169,21 @@ Note that the following utility components are not supported by the universal Vu
|
|
|
169
169
|
|
|
170
170
|
Types are available in the 'vue-data-ui.d.ts' file under the types directory of the package.
|
|
171
171
|
|
|
172
|
+
## Vue Data UI version2 -> version3 migration
|
|
173
|
+
|
|
174
|
+
Vue Data UI v3 is easy to migrate to:
|
|
175
|
+
|
|
176
|
+
- If a component has new v3 features, it contains the `config.autoSize` attribute, set to `true` by default
|
|
177
|
+
- To restore v2 behavior set config.autoSize to `false`
|
|
178
|
+
|
|
179
|
+
### Version 3 features
|
|
180
|
+
|
|
181
|
+
- `config.autoSize` (default: true) set to true, sets up the chart layout automatically, hides or shows some data labels when they can be
|
|
182
|
+
|
|
183
|
+
- `config.loading` (default: false) toggle loading state manually, to display a beautiful skeleton loader which uses the same chart component and shares layout features derived from your config. This skeleton loader is also triggered automatically if the provided dataset is undefined.
|
|
184
|
+
|
|
185
|
+
- `config.debug` (default: false) set to true to show warning messages during development, turn off for production.
|
|
186
|
+
|
|
172
187
|
## Nuxt
|
|
173
188
|
|
|
174
189
|
[This repo contains a boilerplate implementation of the vue-data-ui package in Nuxt](https://github.com/graphieros/vue-data-ui-nuxt)
|
|
@@ -413,68 +428,68 @@ From the dataset you pass into the props, this component will produce the most a
|
|
|
413
428
|
|
|
414
429
|
### Mini charts
|
|
415
430
|
|
|
416
|
-
| Name | dataset type | config type | emits / exposed methods
|
|
417
|
-
| --------------------- | ---------------------------------- | --------------------------- |
|
|
418
|
-
| `VueUiSparkline` | `VueUiSparklineDatasetItem[]` | `VueUiSparklineConfig` | `@selectDatapoint`
|
|
419
|
-
| `VueUiSparkbar` | `VueUiSparkbarDatasetItem[]` | `VueUiSparkbarConfig` | `@selectDatapoint`
|
|
420
|
-
| `VueUiSparkStackbar` | `VueUiSparkStackbarDatasetItem[]` | `VueUiSparkStackbarConfig` | `@selectDatapoint`
|
|
421
|
-
| `VueUiSparkHistogram` | `VueUiSparkHistogramDatasetItem[]` | `VueUiSparkHistogramConfig` | `@selectDatapoint`
|
|
422
|
-
| `VueUiSparkGauge` | `VueUiSparkGaugeDataset` | `VueUiSparkGaugeConfig` | ❌
|
|
423
|
-
| `VueUiSparkTrend` | `number[]` | `VueUiSparkTrendConfig` | ❌
|
|
424
|
-
| `VueUiGizmo` | `VueUiGizmoDataset` | `VueUiGizmoConfig` | ❌
|
|
425
|
-
| `VueUiBullet` | `VueUiBulletDataset` | `VueUiBulletConfig` | `generatePdf`, `generateImg`, `getData` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
431
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
432
|
+
| --------------------- | ---------------------------------- | --------------------------- | --------------------------------------------------- | ---------------------------------------------------- | -------------- | ------ |
|
|
433
|
+
| `VueUiSparkline` | `VueUiSparklineDatasetItem[]` | `VueUiSparklineConfig` | `@selectDatapoint` | `#svg`, `#before`, `#chart-background`, `#tooltip` | ✅ | ✅ |
|
|
434
|
+
| `VueUiSparkbar` | `VueUiSparkbarDatasetItem[]` | `VueUiSparkbarConfig` | `@selectDatapoint` | `#data-label`, `#title` | ❌ | ✅ |
|
|
435
|
+
| `VueUiSparkStackbar` | `VueUiSparkStackbarDatasetItem[]` | `VueUiSparkStackbarConfig` | `@selectDatapoint` | `#tooltip-before`, `#tooltip-after` | ✅ | ✅ |
|
|
436
|
+
| `VueUiSparkHistogram` | `VueUiSparkHistogramDatasetItem[]` | `VueUiSparkHistogramConfig` | `@selectDatapoint` | `#chart-background` | ❌ | ✅ |
|
|
437
|
+
| `VueUiSparkGauge` | `VueUiSparkGaugeDataset` | `VueUiSparkGaugeConfig` | ❌ | `#chart-background` | ❌ | ✅ |
|
|
438
|
+
| `VueUiSparkTrend` | `number[]` | `VueUiSparkTrendConfig` | ❌ | `#chart-background` | ❌ | ✅ |
|
|
439
|
+
| `VueUiGizmo` | `VueUiGizmoDataset` | `VueUiGizmoConfig` | ❌ | ❌ | ❌ | ❌ |
|
|
440
|
+
| `VueUiBullet` | `VueUiBulletDataset` | `VueUiBulletConfig` | `generatePdf`, `generateImg`, `getData`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
426
441
|
|
|
427
442
|
### Charts
|
|
428
443
|
|
|
429
|
-
| Name | dataset type | config type | emits / exposed methods
|
|
430
|
-
| ----------------------------- | ------------------------------------------ | ----------------------------------- |
|
|
431
|
-
| `VueUiAgePyramid` | `Array<Array<string / number>>` | `VueUiSparklineConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`
|
|
432
|
-
| `VueUiCandlestick` | `Array<Array<string / number>>` | `VueUiCandlestickConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`
|
|
433
|
-
| `VueUiChestnut` | `VueUiChestnutDatasetRoot[]` | `VueUiChestnutConfig` | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`
|
|
434
|
-
| `VueUiChord` | `VueUiChordDataset` | `VueUiChordConfig` | `@selectLegend`, `@selectGroup`, `@selectRibbon`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`
|
|
435
|
-
| `VueUiCirclePack` | `VueUiCirclePackDatasetItem[]` | `VueUiCirclePackConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`
|
|
436
|
-
| `VueUiDonutEvolution` | `VueUiDonutEvolutionDatasetItem[]` | `VueUiDonutEvolutionConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` | `#svg`, `#legend`, `#reset-action`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
437
|
-
| `VueUiDonut` | `VueUiDonutDatasetItem[]` | `VueUiDonutConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`
|
|
438
|
-
| `VueUiDumbbell` | `VueUiDumbbellDataset[]` | `VueUiDumbbellConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`
|
|
439
|
-
| `VueUiFlow` | `VueUiFlowDatasetItem[]` | `VueUiFlowConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`
|
|
440
|
-
| `VueUiFunnel` | `VueUiFunnelDatasetItem[]` | `VueUiFunnelConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`
|
|
441
|
-
| `VueUiGalaxy` | `VueUiGalaxyDatasetItem[]` | `VueUiGalaxyConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` | `#svg`, `#legend`,`#tooltip-before`, `#tooltip-after`, `#chart-background` | ✅ | ✅ |
|
|
442
|
-
| `VueUiGauge` | `VueUiGaugeDataset` | `VueUiGaugeConfig` | `generatePdf`, `generateImage`
|
|
443
|
-
| `VueUiHeatmap` | `VueUiHeatmapDatasetItem[]` | `VueUiHeatmapConfig` | `@selectDatapoint`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`
|
|
444
|
-
| `VueUiHistoryPlot` | `VueUiHistoryPlotDatasetItem[]` | `VueUiHistoryPlotConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`
|
|
445
|
-
| `VueUiMolecule` | `VueUiMoleculeDatasetNode[]` | `VueUiMoleculeConfig` | `@selectNode`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`
|
|
446
|
-
| `VueUiMoodRadar` | `VueUiMoodRadarDataset` | `VueUiMoodRadarConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
447
|
-
| `VueUiNestedDonuts` | `VueUiNestedDonutsDatasetItem[]` | `VueUiNestedDonutsConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
448
|
-
| `VueUiOnion` | `VueUiOnionDatasetItem[]` | `VueUiOnionConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`
|
|
449
|
-
| `VueUiParallelCoordinatePlot` | `VueUiParallelCoordinatePlotDatasetItem[]` | `VueUiParallelCoordinatePlotConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`
|
|
450
|
-
| `VueUiQuadrant` | `VueUiQuadrantDatasetItem[]` | `VueUiQuadrantConfig` | `@selectLegend`, `@selectPlot`, `@selectSide`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`
|
|
451
|
-
| `VueUiRadar` | `VueUiRadarDataset` | `VueUiRadarConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
452
|
-
| `VueUiRidgeline` | `VueUiRidgelineDatasetItem[]` | `VueUiRidgelineConfig` | `@selectLegend`, `@selectX`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` | `#svg`, `#legend`, `#time-label`,`#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
453
|
-
| `VueUiRings` | `VueUiRingsDatasetItem[]` | `VueUiRingsConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
454
|
-
| `VueUiScatter` | `VueUiScatterDatasetItem[]` | `VueUiScatterConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
455
|
-
| `VueUiStackbar` | `VueUiStackbarDatasetItem[]` | `VueUiStackbarConfig` | `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
456
|
-
| `VueUiStripPlot` | `VueUiStripPlotDataset[]` | `VueUiStripPlotConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
457
|
-
| `VueUiThermometer` | `VueUiThermometerDataset` | `VueUiThermometerConfig` | `generatePdf`, `generateImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
458
|
-
| `VueUiTiremarks` | `VueUiTiremarksDataset` | `VueUiTiremarksConfig` | `generatePdf`, `generateImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
459
|
-
| `VueUiTreemap` | `VueUiTreemapDatasetItem[]` | `VueUiTreemapConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` | `#svg`, `#rect`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#breadcrumb-label`, `#breadcrumb-arrow` | ✅ | ✅ |
|
|
460
|
-
| `VueUiVerticalBar` | `VueUiVerticalBarDatasetItem[]` | `VueUiWheelConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleSort`, `toggleTooltip` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
461
|
-
| `VueUiWaffle` | `VueUiWaffleDatasetItem[]` | `VueUiWaffleConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#pattern` | ✅ | ✅ |
|
|
462
|
-
| `VueUiWheel` | `VueUiWheelDataset` | `VueUiWheelConfig` | `generatePdf`, `generateImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
463
|
-
| `VueUiWordCloud` | `VueUiWordCloudDatasetItem[] / string` | `VueUiWordCloudConfig` | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip` | `#svg`, `#reset-action`, `#watermark`, `#tooltip-before`, `#tooltip-after`, `#chart-background` | ✅ | ✅ |
|
|
464
|
-
| `VueUiXyCanvas` | `VueUiXyCanvasDatasetItem[]` | `VueUiXyCanvasConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` | `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark` | ✅ | ✅ |
|
|
465
|
-
| `VueUiXy` | `VueUiXyDatasetItem[]` | `VueUiXyConfig` | `@selectLegend`, `@selectX`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#plot-comment`,`#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
444
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
445
|
+
| ----------------------------- | ------------------------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ |
|
|
446
|
+
| `VueUiAgePyramid` | `Array<Array<string / number>>` | `VueUiSparklineConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
447
|
+
| `VueUiCandlestick` | `Array<Array<string / number>>` | `VueUiCandlestickConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
448
|
+
| `VueUiChestnut` | `VueUiChestnutDatasetRoot[]` | `VueUiChestnutConfig` | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
449
|
+
| `VueUiChord` | `VueUiChordDataset` | `VueUiChordConfig` | `@selectLegend`, `@selectGroup`, `@selectRibbon`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
450
|
+
| `VueUiCirclePack` | `VueUiCirclePackDatasetItem[]` | `VueUiCirclePackConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` , `#pattern`, `#zoom-label`, `#data-label` | ✅ | ✅ |
|
|
451
|
+
| `VueUiDonutEvolution` | `VueUiDonutEvolutionDatasetItem[]` | `VueUiDonutEvolutionConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#reset-action`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
452
|
+
| `VueUiDonut` | `VueUiDonutDatasetItem[]` | `VueUiDonutConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#dataLabel`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
453
|
+
| `VueUiDumbbell` | `VueUiDumbbellDataset[]` | `VueUiDumbbellConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
454
|
+
| `VueUiFlow` | `VueUiFlowDatasetItem[]` | `VueUiFlowConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#tooltip-before`, `#tooltip-after`, | ✅ | ✅ |
|
|
455
|
+
| `VueUiFunnel` | `VueUiFunnelDatasetItem[]` | `VueUiFunnelConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
456
|
+
| `VueUiGalaxy` | `VueUiGalaxyDatasetItem[]` | `VueUiGalaxyConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`,`#tooltip-before`, `#tooltip-after`, `#chart-background` | ✅ | ✅ |
|
|
457
|
+
| `VueUiGauge` | `VueUiGaugeDataset` | `VueUiGaugeConfig` | `generatePdf`, `generateImage`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
458
|
+
| `VueUiHeatmap` | `VueUiHeatmapDatasetItem[]` | `VueUiHeatmapConfig` | `@selectDatapoint`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
459
|
+
| `VueUiHistoryPlot` | `VueUiHistoryPlotDatasetItem[]` | `VueUiHistoryPlotConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
460
|
+
| `VueUiMolecule` | `VueUiMoleculeDatasetNode[]` | `VueUiMoleculeConfig` | `@selectNode`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#node`, `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
461
|
+
| `VueUiMoodRadar` | `VueUiMoodRadarDataset` | `VueUiMoodRadarConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
462
|
+
| `VueUiNestedDonuts` | `VueUiNestedDonutsDatasetItem[]` | `VueUiNestedDonutsConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
463
|
+
| `VueUiOnion` | `VueUiOnionDatasetItem[]` | `VueUiOnionConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
464
|
+
| `VueUiParallelCoordinatePlot` | `VueUiParallelCoordinatePlotDatasetItem[]` | `VueUiParallelCoordinatePlotConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
465
|
+
| `VueUiQuadrant` | `VueUiQuadrantDatasetItem[]` | `VueUiQuadrantConfig` | `@selectLegend`, `@selectPlot`, `@selectSide`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
466
|
+
| `VueUiRadar` | `VueUiRadarDataset` | `VueUiRadarConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
467
|
+
| `VueUiRidgeline` | `VueUiRidgelineDatasetItem[]` | `VueUiRidgelineConfig` | `@selectLegend`, `@selectX`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#time-label`,`#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
468
|
+
| `VueUiRings` | `VueUiRingsDatasetItem[]` | `VueUiRingsConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
469
|
+
| `VueUiScatter` | `VueUiScatterDatasetItem[]` | `VueUiScatterConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
470
|
+
| `VueUiStackbar` | `VueUiStackbarDatasetItem[]` | `VueUiStackbarConfig` | `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
471
|
+
| `VueUiStripPlot` | `VueUiStripPlotDataset[]` | `VueUiStripPlotConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
472
|
+
| `VueUiThermometer` | `VueUiThermometerDataset` | `VueUiThermometerConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
473
|
+
| `VueUiTiremarks` | `VueUiTiremarksDataset` | `VueUiTiremarksConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
474
|
+
| `VueUiTreemap` | `VueUiTreemapDatasetItem[]` | `VueUiTreemapConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#rect`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#breadcrumb-label`, `#breadcrumb-arrow` | ✅ | ✅ |
|
|
475
|
+
| `VueUiVerticalBar` | `VueUiVerticalBarDatasetItem[]` | `VueUiWheelConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleSort`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
476
|
+
| `VueUiWaffle` | `VueUiWaffleDatasetItem[]` | `VueUiWaffleConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#pattern` | ✅ | ✅ |
|
|
477
|
+
| `VueUiWheel` | `VueUiWheelDataset` | `VueUiWheelConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
478
|
+
| `VueUiWordCloud` | `VueUiWordCloudDatasetItem[] / string` | `VueUiWordCloudConfig` | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip` , `getImage` | `#svg`, `#reset-action`, `#watermark`, `#tooltip-before`, `#tooltip-after`, `#chart-background` | ✅ | ✅ |
|
|
479
|
+
| `VueUiXyCanvas` | `VueUiXyCanvasDatasetItem[]` | `VueUiXyCanvasConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage` | `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark` | ✅ | ✅ |
|
|
480
|
+
| `VueUiXy` | `VueUiXyDatasetItem[]` | `VueUiXyConfig` | `@selectLegend`, `@selectX`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#plot-comment`,`#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
466
481
|
|
|
467
482
|
### 3D charts
|
|
468
483
|
|
|
469
|
-
| Name | dataset type | config type | emits / exposed methods
|
|
470
|
-
| ------------ | ------------------- | ------------------ |
|
|
471
|
-
| `VueUi3dBar` | `VueUi3dBarDataset` | `VueUi3dBarConfig` | `generatePdf`, `generateImage`, `toggleTable` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
484
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
485
|
+
| ------------ | ------------------- | ------------------ | --------------------------------------------------------- | ----------------------------------------- | -------------- | ------ |
|
|
486
|
+
| `VueUi3dBar` | `VueUi3dBarDataset` | `VueUi3dBarConfig` | `generatePdf`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
472
487
|
|
|
473
488
|
### Maps
|
|
474
489
|
|
|
475
|
-
| Name | dataset type | config type | emits / exposed methods
|
|
476
|
-
| ------------ | ------------------- | ------------------ |
|
|
477
|
-
| `VueUiWorld` | `VueUiWorldDataset` | `VueUiWorldConfig` | `getData`, `generatePdf`, `generateImage`, `toggleTable`, `toggleTooltip`, `toggleAnnotator` | `#svg`, `#watermark`, `#pattern`, `#chart-background` | ✅ | ❌ |
|
|
490
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
491
|
+
| ------------ | ------------------- | ------------------ | -------------------------------------------------------------------------------------------------------- | ----------------------------------------------------- | -------------- | ------ |
|
|
492
|
+
| `VueUiWorld` | `VueUiWorldDataset` | `VueUiWorldConfig` | `getData`, `generatePdf`, `generateImage`, `toggleTable`, `toggleTooltip`, `toggleAnnotator`, `getImage` | `#svg`, `#watermark`, `#pattern`, `#chart-background` | ✅ | ❌ |
|
|
478
493
|
|
|
479
494
|
### Data tables
|
|
480
495
|
|
|
@@ -582,10 +597,10 @@ You can pass a callback trhough the config, for each button, to override the def
|
|
|
582
597
|
const config = {
|
|
583
598
|
userOptions: {
|
|
584
599
|
callbacks: {
|
|
585
|
-
pdf: (chartElement
|
|
600
|
+
pdf: ({ chartElement, imageUri, base64 }) => {
|
|
586
601
|
console.log(chartElement);
|
|
587
602
|
},
|
|
588
|
-
img: (base64
|
|
603
|
+
img: ({ chartElement, imageUri, base64 }) => {
|
|
589
604
|
console.log(base64);
|
|
590
605
|
},
|
|
591
606
|
csv: (csvStr: string) => {
|
|
@@ -1091,17 +1106,9 @@ A composable that **flattens** a reactive object into a set of refs (one for eac
|
|
|
1091
1106
|
- **Dynamic path support**: New paths added at runtime are discovered automatically (and proxied), so you never lose reactivity when mutating the structure.
|
|
1092
1107
|
|
|
1093
1108
|
```js
|
|
1094
|
-
import { useObjectBindings } from "vue-data-ui";
|
|
1109
|
+
import { useObjectBindings, getVueDataUiConfig } from "vue-data-ui";
|
|
1095
1110
|
|
|
1096
|
-
const config = ref(
|
|
1097
|
-
customPalette: ["#CCCCCC", "#1A1A1A"],
|
|
1098
|
-
style: {
|
|
1099
|
-
chart: {
|
|
1100
|
-
backgroundColor: "#FFFFFF",
|
|
1101
|
-
color: "#1A1A1A",
|
|
1102
|
-
},
|
|
1103
|
-
},
|
|
1104
|
-
});
|
|
1111
|
+
const config = ref(getVueDataUiConfig("vue_ui_donut")); // or your custom config for this component
|
|
1105
1112
|
|
|
1106
1113
|
const bindings = useObjectBindings(config);
|
|
1107
1114
|
// Now `bindings` has computed refs for each leaf path:
|
|
@@ -1117,7 +1124,41 @@ You can then use these in your template:
|
|
|
1117
1124
|
```html
|
|
1118
1125
|
<template>
|
|
1119
1126
|
<div>
|
|
1120
|
-
<input
|
|
1127
|
+
<input
|
|
1128
|
+
type="color"
|
|
1129
|
+
v-model="bindings['style.chart.backgroundColor'].value"
|
|
1130
|
+
/>
|
|
1121
1131
|
</div>
|
|
1122
1132
|
</template>
|
|
1123
1133
|
```
|
|
1134
|
+
|
|
1135
|
+
## Exposed methods
|
|
1136
|
+
|
|
1137
|
+
Most chart components expose the following methods:
|
|
1138
|
+
|
|
1139
|
+
### getData
|
|
1140
|
+
|
|
1141
|
+
```js
|
|
1142
|
+
const componentRef = ref(null);
|
|
1143
|
+
|
|
1144
|
+
onMounted(async () => {
|
|
1145
|
+
if (componentRef) {
|
|
1146
|
+
const data = await componentRef.value.getData();
|
|
1147
|
+
console.log(data);
|
|
1148
|
+
}
|
|
1149
|
+
});
|
|
1150
|
+
```
|
|
1151
|
+
|
|
1152
|
+
### getImage
|
|
1153
|
+
|
|
1154
|
+
```js
|
|
1155
|
+
const componentRef = ref(null);
|
|
1156
|
+
|
|
1157
|
+
onMounted(async () => {
|
|
1158
|
+
if (componentRef) {
|
|
1159
|
+
const { imgUri, base64, title, width, height, aspectRatio } =
|
|
1160
|
+
await componentRef.value.getImage({ scale: 2 }); // optional scale, defaults to 2, increase for better image quality
|
|
1161
|
+
console.log(imageUri);
|
|
1162
|
+
}
|
|
1163
|
+
});
|
|
1164
|
+
```
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { computed as u, createElementBlock as k, openBlock as m, createElementVNode as t, unref as o } from "vue";
|
|
2
|
-
import { c as n } from "./index-
|
|
2
|
+
import { c as n } from "./index-DBSLpcPM.js";
|
|
3
3
|
const s = { class: "vue-ui-element-arrow" }, f = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], c = ["d", "fill"], h = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], y = ["d", "fill"], v = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray", "marker-end", "marker-start"], z = {
|
|
4
4
|
__name: "Arrow",
|
|
5
5
|
props: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useCssVars as O, ref as S, reactive as T, computed as P, onUnmounted as $, createBlock as R, openBlock as v, Teleport as N, createElementBlock as E, createCommentVNode as V, withModifiers as s, normalizeStyle as y, createElementVNode as o, unref as I, renderSlot as M, createVNode as F, normalizeClass as j, nextTick as U } from "vue";
|
|
2
|
-
import q from "./BaseIcon-
|
|
3
|
-
import { X as A } from "./index-
|
|
2
|
+
import q from "./BaseIcon-RLse0qy8.js";
|
|
3
|
+
import { X as A } from "./index-DBSLpcPM.js";
|
|
4
4
|
import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const J = ["xmlns"], K = { class: "modal-title" }, Q = {
|
|
6
6
|
__name: "BaseDraggableDialog",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { computed as e, createElementBlock as n, openBlock as i, normalizeClass as k, unref as L } from "vue";
|
|
2
|
-
import { X as l } from "./index-
|
|
2
|
+
import { X as l } from "./index-DBSLpcPM.js";
|
|
3
3
|
import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
|
|
5
5
|
__name: "BaseIcon",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ref as l, computed as k, watch as I, withDirectives as P, createElementBlock as r, openBlock as n, withKeys as S, createElementVNode as u, createCommentVNode as z, normalizeStyle as a, createVNode as F, Fragment as E, renderList as N, unref as O } from "vue";
|
|
2
|
-
import C from "./BaseIcon-
|
|
3
|
-
import { F as V } from "./index-
|
|
2
|
+
import C from "./BaseIcon-RLse0qy8.js";
|
|
3
|
+
import { F as V } from "./index-DBSLpcPM.js";
|
|
4
4
|
import { v as D } from "./vClickOutside-C6WiFswA.js";
|
|
5
5
|
import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const $ = ["onClick"], L = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -46%)" } }, T = ["value"], j = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useCssVars as A, unref as e, computed as D, ref as w, onMounted as E, createElementBlock as n, openBlock as a, normalizeClass as k, createElementVNode as t, withKeys as R, normalizeStyle as i, createVNode as C, toDisplayString as I, Fragment as f, renderList as m, renderSlot as N, createCommentVNode as $ } from "vue";
|
|
2
|
-
import { _ as K } from "./Shape-
|
|
3
|
-
import O from "./BaseIcon-
|
|
2
|
+
import { _ as K } from "./Shape-vSWSsIaU.js";
|
|
3
|
+
import O from "./BaseIcon-RLse0qy8.js";
|
|
4
4
|
import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align-items": "center", "justify-content": "flex-end", "padding-right": "3px", gap: "3px" } }, L = { style: { width: "12px", height: "12px" } }, M = {
|
|
6
6
|
key: 0,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
2
|
-
import {
|
|
3
|
-
import { _ as v } from "./Shape-
|
|
1
|
+
import { createElementBlock as o, openBlock as a, normalizeStyle as d, renderSlot as l, Fragment as u, renderList as g, normalizeClass as m, createCommentVNode as h, createVNode as k, mergeProps as y, unref as $ } from "vue";
|
|
2
|
+
import { a3 as p } from "./index-DBSLpcPM.js";
|
|
3
|
+
import { _ as v } from "./Shape-vSWSsIaU.js";
|
|
4
4
|
import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const S = ["id"], x = ["onClick", "height", "width"], z = {
|
|
6
6
|
__name: "Legend",
|
|
@@ -32,18 +32,19 @@ const S = ["id"], x = ["onClick", "height", "width"], z = {
|
|
|
32
32
|
function s(i, r) {
|
|
33
33
|
f("clickMarker", { legend: i, i: r });
|
|
34
34
|
}
|
|
35
|
-
return (i, r) => (
|
|
35
|
+
return (i, r) => (a(), o("div", {
|
|
36
36
|
id: e.id,
|
|
37
37
|
class: "vue-data-ui-legend",
|
|
38
38
|
style: d(`background:${e.config.backgroundColor};font-size:${e.config.fontSize}px;color:${e.config.color};padding-bottom:${e.config.paddingBottom}px;padding-top:${e.config.paddingTop || 12}px;font-weight:${e.config.fontWeight}`)
|
|
39
39
|
}, [
|
|
40
40
|
l(i.$slots, "legendTitle", { titleSet: e.legendSet }, void 0, !0),
|
|
41
|
-
(
|
|
41
|
+
(a(!0), o(u, null, g(e.legendSet, (t, n) => (a(), o("div", {
|
|
42
|
+
key: `legend_${n}`,
|
|
42
43
|
class: m({ "vue-data-ui-legend-item": !0, active: e.clickable })
|
|
43
44
|
}, [
|
|
44
|
-
t.shape ? (
|
|
45
|
+
t.shape ? (a(), o("svg", {
|
|
45
46
|
key: 0,
|
|
46
|
-
onClick: (C) => s(t,
|
|
47
|
+
onClick: (C) => s(t, n),
|
|
47
48
|
height: e.config.fontSize,
|
|
48
49
|
width: e.config.fontSize,
|
|
49
50
|
viewBox: "0 0 60 60",
|
|
@@ -56,16 +57,16 @@ const S = ["id"], x = ["onClick", "height", "width"], z = {
|
|
|
56
57
|
plot: { x: 30, y: 30 },
|
|
57
58
|
fill: t.color
|
|
58
59
|
}, null, 8, ["shape", "fill"]),
|
|
59
|
-
l(i.$slots, "legend-pattern", y({ ref_for: !0 }, { legend: t, index: $(p)(t.absoluteIndex) ? t.absoluteIndex :
|
|
60
|
+
l(i.$slots, "legend-pattern", y({ ref_for: !0 }, { legend: t, index: $(p)(t.absoluteIndex) ? t.absoluteIndex : n }), void 0, !0)
|
|
60
61
|
], 12, x)) : h("", !0),
|
|
61
62
|
l(i.$slots, "item", {
|
|
62
63
|
legend: t,
|
|
63
|
-
index:
|
|
64
|
+
index: n
|
|
64
65
|
}, void 0, !0)
|
|
65
|
-
], 2))),
|
|
66
|
+
], 2))), 128))
|
|
66
67
|
], 12, S));
|
|
67
68
|
}
|
|
68
|
-
}, L = /* @__PURE__ */ b(z, [["__scopeId", "data-v-
|
|
69
|
+
}, L = /* @__PURE__ */ b(z, [["__scopeId", "data-v-2b9117cf"]]);
|
|
69
70
|
export {
|
|
70
71
|
L as default
|
|
71
72
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ref as i, computed as we, onMounted as ke, nextTick as be, onBeforeUnmount as Ce, watch as oe, createElementBlock as x, openBlock as y, Fragment as q, createCommentVNode as Y, normalizeStyle as b, normalizeClass as D, createElementVNode as C, withDirectives as ae, createVNode as M, toDisplayString as re, unref as se, vModelText as ue, withModifiers as ie, renderList as ce } from "vue";
|
|
2
|
-
import { l as $e, f as Se, X as Ae } from "./index-
|
|
3
|
-
import R from "./BaseIcon-
|
|
4
|
-
import { C as Ee } from "./ColorPicker-
|
|
2
|
+
import { l as $e, f as Se, X as Ae } from "./index-DBSLpcPM.js";
|
|
3
|
+
import R from "./BaseIcon-RLse0qy8.js";
|
|
4
|
+
import { C as Ee } from "./ColorPicker-D9dpnizT.js";
|
|
5
5
|
import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const Te = {
|
|
7
7
|
class: /* @__PURE__ */ D({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createElementBlock as e, openBlock as t, toDisplayString as o, unref as n } from "vue";
|
|
2
|
-
const r = "3.0.0-next.
|
|
2
|
+
const r = "3.0.0-next.10", a = { "aria-hidden": "true" }, p = {
|
|
3
3
|
__name: "PackageVersion",
|
|
4
4
|
setup(s) {
|
|
5
5
|
return (c, i) => (t(), e("desc", a, "Composed with Vue Data UI " + o(n(r)), 1));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
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-
|
|
3
|
-
import { C as we } from "./ColorPicker-
|
|
4
|
-
import { l as be, f as xe } from "./index-
|
|
2
|
+
import T from "./BaseIcon-RLse0qy8.js";
|
|
3
|
+
import { C as we } from "./ColorPicker-D9dpnizT.js";
|
|
4
|
+
import { l as be, f as xe } from "./index-DBSLpcPM.js";
|
|
5
5
|
const ye = {
|
|
6
6
|
class: "vue-ui-pen-and-paper-action",
|
|
7
7
|
style: { padding: "0 !important" }
|
|
@@ -9,7 +9,7 @@ const ye = {
|
|
|
9
9
|
__name: "PenAndPaper",
|
|
10
10
|
props: {
|
|
11
11
|
svgRef: {
|
|
12
|
-
type: [Object, null],
|
|
12
|
+
type: [Object, null, void 0],
|
|
13
13
|
required: !0
|
|
14
14
|
},
|
|
15
15
|
color: {
|
|
@@ -31,7 +31,7 @@ const ye = {
|
|
|
31
31
|
},
|
|
32
32
|
emits: ["close"],
|
|
33
33
|
setup(d, { emit: se }) {
|
|
34
|
-
const s = d,
|
|
34
|
+
const s = d, ue = 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");
|
|
35
35
|
function O(l) {
|
|
36
36
|
if (!o.value || h.value !== "text" || Q.value) return;
|
|
37
37
|
const { x: e, y: n } = V(l);
|
|
@@ -45,14 +45,14 @@ const ye = {
|
|
|
45
45
|
if (!Q.value) return;
|
|
46
46
|
let { row: e, col: n } = D.value, t = N.value.slice(), a = !1;
|
|
47
47
|
if (l.key === "Enter") {
|
|
48
|
-
const
|
|
49
|
-
t.splice(e, 1,
|
|
48
|
+
const u = t[e], r = u.slice(0, n), v = u.slice(n);
|
|
49
|
+
t.splice(e, 1, r, v), e += 1, n = 0, a = !0, l.preventDefault();
|
|
50
50
|
} else if (l.key === "Backspace") {
|
|
51
51
|
if (n > 0)
|
|
52
52
|
t[e] = t[e].slice(0, n - 1) + t[e].slice(n), n -= 1, a = !0;
|
|
53
53
|
else if (e > 0) {
|
|
54
|
-
const
|
|
55
|
-
t[e - 1] += t[e], t.splice(e, 1), e -= 1, n =
|
|
54
|
+
const u = t[e - 1].length;
|
|
55
|
+
t[e - 1] += t[e], t.splice(e, 1), e -= 1, n = u, a = !0;
|
|
56
56
|
}
|
|
57
57
|
l.preventDefault();
|
|
58
58
|
} else if (l.key === "Delete")
|
|
@@ -86,17 +86,17 @@ const ye = {
|
|
|
86
86
|
l && o.value.removeChild(l);
|
|
87
87
|
const e = f.value;
|
|
88
88
|
if (!e) return;
|
|
89
|
-
const { x: n, y: t } = H.value, { row: a, col:
|
|
89
|
+
const { x: n, y: t } = H.value, { row: a, col: u } = D.value, r = L.value * s.scale, v = e.childNodes[a];
|
|
90
90
|
if (!v) return;
|
|
91
|
-
let g = v.textContent.slice(0,
|
|
91
|
+
let g = v.textContent.slice(0, u);
|
|
92
92
|
g.endsWith(" ") && (g += " ");
|
|
93
93
|
const i = document.createElementNS("http://www.w3.org/2000/svg", "text");
|
|
94
|
-
i.setAttribute("x", n), i.setAttribute("y", t), i.setAttribute("font-size",
|
|
94
|
+
i.setAttribute("x", n), i.setAttribute("y", t), i.setAttribute("font-size", r), i.setAttribute("font-family", "sans-serif"), i.textContent = g || "", o.value.appendChild(i);
|
|
95
95
|
const p = i.getBBox();
|
|
96
96
|
o.value.removeChild(i);
|
|
97
|
-
let m = t + a *
|
|
97
|
+
let m = t + a * r * 1.2, C = n + p.width;
|
|
98
98
|
const w = document.createElementNS("http://www.w3.org/2000/svg", "rect");
|
|
99
|
-
w.setAttribute("x", C), w.setAttribute("y", m), w.setAttribute("width", 2), w.setAttribute("height",
|
|
99
|
+
w.setAttribute("x", C), w.setAttribute("y", m), w.setAttribute("width", 2), w.setAttribute("height", r), w.setAttribute("fill", S.value), w.setAttribute("class", "vue-data-ui-svg-caret"), o.value.appendChild(w);
|
|
100
100
|
}
|
|
101
101
|
function _(l) {
|
|
102
102
|
if (f.value && !f.value.contains(l.target)) {
|
|
@@ -133,7 +133,7 @@ const ye = {
|
|
|
133
133
|
const t = e.getScreenCTM()?.inverse();
|
|
134
134
|
return t ? n.matrixTransform(t) : { x: 0, y: 0 };
|
|
135
135
|
}
|
|
136
|
-
function
|
|
136
|
+
function re(l) {
|
|
137
137
|
const e = l.trim().split(/\s+/);
|
|
138
138
|
if (e.length < 4)
|
|
139
139
|
return l;
|
|
@@ -145,37 +145,37 @@ const ye = {
|
|
|
145
145
|
const g = t[v - 2], i = t[v - 1], p = t[v], m = t[v + 1], C = (g + p) / 2, w = (i + m) / 2;
|
|
146
146
|
a.push(`Q ${g} ${i} ${C} ${w}`);
|
|
147
147
|
}
|
|
148
|
-
const
|
|
149
|
-
return a.push(`L ${
|
|
148
|
+
const u = t[t.length - 2], r = t[t.length - 1];
|
|
149
|
+
return a.push(`L ${u} ${r}`), a.join(" ");
|
|
150
150
|
}
|
|
151
151
|
function ie(l, e = 1) {
|
|
152
152
|
const n = [...l];
|
|
153
153
|
for (let t = 2; t < l.length - 2; t += 2) {
|
|
154
|
-
const a = l[t],
|
|
155
|
-
n[t] = a + e * ((
|
|
154
|
+
const a = l[t], u = l[t + 1], r = l[t - 2], v = l[t - 1], g = l[t + 2], i = l[t + 3];
|
|
155
|
+
n[t] = a + e * ((r + g) / 2 - a), n[t + 1] = u + e * ((v + i) / 2 - u);
|
|
156
156
|
}
|
|
157
157
|
return n;
|
|
158
158
|
}
|
|
159
159
|
function ve(l) {
|
|
160
160
|
const e = l.trim().split(/\s+/);
|
|
161
|
-
let n = "", t = "", a = null,
|
|
162
|
-
for (let
|
|
163
|
-
const v = e[
|
|
161
|
+
let n = "", t = "", a = null, u = null;
|
|
162
|
+
for (let r = 0; r < e.length; r += 1) {
|
|
163
|
+
const v = e[r];
|
|
164
164
|
if (isNaN(v)) {
|
|
165
165
|
if (t = v, t === "M" || t === "L")
|
|
166
|
-
a = parseFloat(e[++
|
|
166
|
+
a = parseFloat(e[++r]), u = parseFloat(e[++r]), n += `${t}${a} ${u}`;
|
|
167
167
|
else if (t === "Q") {
|
|
168
|
-
const g = parseFloat(e[++
|
|
169
|
-
g === a && i ===
|
|
168
|
+
const g = parseFloat(e[++r]), i = parseFloat(e[++r]), p = parseFloat(e[++r]), m = parseFloat(e[++r]);
|
|
169
|
+
g === a && i === u ? n += `t${p - a} ${m - u}` : n += `q${g - a} ${i - u} ${p - a} ${m - u}`, a = p, u = m;
|
|
170
170
|
}
|
|
171
171
|
} else {
|
|
172
|
-
const g = parseFloat(v), i = parseFloat(e[++
|
|
172
|
+
const g = parseFloat(v), i = parseFloat(e[++r]);
|
|
173
173
|
if (t === "L") {
|
|
174
|
-
const p = g - a, m = i -
|
|
175
|
-
p === 0 ? n += `v${m}` : m === 0 ? n += `h${p}` : n += `l${p} ${m}`, a = g,
|
|
174
|
+
const p = g - a, m = i - u;
|
|
175
|
+
p === 0 ? n += `v${m}` : m === 0 ? n += `h${p}` : n += `l${p} ${m}`, a = g, u = i;
|
|
176
176
|
} else if (t === "Q") {
|
|
177
|
-
const p = g, m = i, C = parseFloat(e[++
|
|
178
|
-
p === a && m ===
|
|
177
|
+
const p = g, m = i, C = parseFloat(e[++r]), w = parseFloat(e[++r]);
|
|
178
|
+
p === a && m === u ? n += `t${C - a} ${w - u}` : n += `q${p - a} ${m - u} ${C - a} ${w - u}`, a = C, u = w;
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
181
|
}
|
|
@@ -200,7 +200,7 @@ const ye = {
|
|
|
200
200
|
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);
|
|
201
201
|
} else {
|
|
202
202
|
const t = A.value;
|
|
203
|
-
t.setAttribute("d", ve(
|
|
203
|
+
t.setAttribute("d", ve(re(P.value))), b.value.push(t);
|
|
204
204
|
}
|
|
205
205
|
E.value = [], A.value = "";
|
|
206
206
|
}
|
|
@@ -250,7 +250,7 @@ const ye = {
|
|
|
250
250
|
}, [
|
|
251
251
|
k("button", {
|
|
252
252
|
class: "vue-ui-pen-and-paper-action",
|
|
253
|
-
onClick: e[0] || (e[0] = (n) =>
|
|
253
|
+
onClick: e[0] || (e[0] = (n) => ue("close")),
|
|
254
254
|
style: x({
|
|
255
255
|
backgroundColor: d.backgroundColor,
|
|
256
256
|
border: `1px solid ${y.value}`
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { computed as u, createElementBlock as r, openBlock as l, createCommentVNode as a } from "vue";
|
|
2
|
-
import { _ as c, R as f } from "./index-
|
|
2
|
+
import { _ as c, R as f } from "./index-DBSLpcPM.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,7 +1,7 @@
|
|
|
1
1
|
import { useCssVars as ze, computed as d, ref as i, watch as D, onMounted as Ae, onBeforeUnmount as Fe, watchEffect as He, nextTick as Y, onUpdated as Ve, createElementBlock as c, openBlock as m, createElementVNode as v, createCommentVNode as p, renderSlot as We, normalizeStyle as $, createVNode as Xe, withDirectives as me, unref as F, Fragment as he, renderList as fe, normalizeClass as L, vModelText as ge, toDisplayString as _ } from "vue";
|
|
2
|
-
import Ue from "./BaseIcon-
|
|
2
|
+
import Ue from "./BaseIcon-RLse0qy8.js";
|
|
3
3
|
import { t as Oe, u as Ze } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import { c as je, V as be, U as xe, X as Ge, F as ee } from "./index-
|
|
4
|
+
import { c as je, V as be, U as xe, X as Ge, F as ee } from "./index-DBSLpcPM.js";
|
|
5
5
|
import { _ as qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const Je = {
|
|
7
7
|
class: "vue-data-ui-slicer-labels",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { toRef as c, ref as a, computed as v, onMounted as m, watch as y, createElementBlock as b, openBlock as g, normalizeStyle as x, renderSlot as k, nextTick as S } from "vue";
|
|
2
|
-
import { s as _, ao as i } from "./index-
|
|
2
|
+
import { s as _, ao as i } from "./index-DBSLpcPM.js";
|
|
3
3
|
import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const R = {
|
|
5
5
|
__name: "SparkTooltip",
|