vue-data-ui 2.16.6 → 2.17.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 +84 -53
- package/dist/{Arrow-DCqxVwey.js → Arrow-BDCVJzQB.js} +1 -1
- package/dist/{BaseDraggableDialog-6DIKXIBU.js → BaseDraggableDialog-BvuWrldK.js} +2 -2
- package/dist/{BaseIcon-Bn996RXm.js → BaseIcon-D9Tz8ARD.js} +1 -1
- package/dist/{ColorPicker-OFfLkKNb.js → ColorPicker-wGf46G2G.js} +2 -2
- package/dist/{DataTable-CHBLjKtZ.js → DataTable-Dt-TIOyY.js} +2 -2
- package/dist/{Legend-nBXoxXJH.js → Legend-3LNqqLDg.js} +2 -2
- package/dist/{NonSvgPenAndPaper-Cls2idJS.js → NonSvgPenAndPaper-iDdMuUEo.js} +3 -3
- package/dist/{PackageVersion-Bg_9KCU-.js → PackageVersion-C-4Ee8BQ.js} +1 -1
- package/dist/{PenAndPaper-BPTpbnay.js → PenAndPaper-Cde-wJ3N.js} +32 -32
- package/dist/{Shape-Bnf512BA.js → Shape-C75836Jl.js} +1 -1
- package/dist/{Slicer-BrqtJG2E.js → Slicer-CpSu7plp.js} +2 -2
- package/dist/{SparkTooltip-C-rLATAw.js → SparkTooltip-B_GXa2tb.js} +1 -1
- package/dist/{Title-Gi81VwUM.js → Title-DpERl1yr.js} +1 -1
- package/dist/{Tooltip-CJxVw7-T.js → Tooltip-DA0bYKFG.js} +1 -1
- package/dist/{UserOptions-CBEK6_jo.js → UserOptions-DTEJ3UM_.js} +2 -2
- package/dist/{dom-to-png-CRHNL8VU.js → dom-to-png-DWDGYXFL.js} +1 -1
- package/dist/{img-BgOg8opa.js → img-utitT2Gd.js} +1 -1
- package/dist/{index-DvIXJm6t.js → index-CobsZUkv.js} +22 -8
- package/dist/{pdf-DhTxBrbJ.js → pdf-DWZ8IB56.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +999 -160
- package/dist/types/vue-data-ui.d.ts +999 -160
- package/dist/{useNestedProp-DrYHm61t.js → useNestedProp-BwL5wmVa.js} +1 -1
- package/dist/{usePrinter-CWnXbGMb.js → usePrinter-DPh6U_Qk.js} +2 -2
- package/dist/vue-data-ui-D7ZgRDQ_.js +312 -0
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-CtlB4p7i.js → vue-ui-3d-bar-ORUAjkg7.js} +246 -231
- package/dist/{vue-ui-accordion-D55kCO5G.js → vue-ui-accordion-UewqY6OI.js} +3 -3
- package/dist/{vue-ui-age-pyramid-DSshyUn-.js → vue-ui-age-pyramid-Yl4aRpNc.js} +225 -210
- package/dist/{vue-ui-annotator-DQSMv_k2.js → vue-ui-annotator-B1gqiBqq.js} +2 -2
- package/dist/{vue-ui-bullet-FeScjj7q.js → vue-ui-bullet-C307lCPt.js} +168 -153
- package/dist/{vue-ui-candlestick-Drupgyoi.js → vue-ui-candlestick-BE6PcEdh.js} +218 -203
- package/dist/{vue-ui-carousel-table-BTZQRZfO.js → vue-ui-carousel-table-Cpvjr677.js} +4 -4
- package/dist/{vue-ui-chestnut-DLWjPwRL.js → vue-ui-chestnut-CUw74AgC.js} +412 -397
- package/dist/{vue-ui-chord-BgLbFBT9.js → vue-ui-chord-CCPGeAiY.js} +202 -187
- package/dist/{vue-ui-circle-pack-VXcRh2gy.js → vue-ui-circle-pack-dfyPiQmy.js} +222 -207
- package/dist/{vue-ui-cursor-DWmfnM25.js → vue-ui-cursor-C2zmfeoD.js} +2 -2
- package/dist/{vue-ui-dashboard-CGIocEHj.js → vue-ui-dashboard-CotAqRbX.js} +62 -62
- package/dist/{vue-ui-digits-BgQch3Fc.js → vue-ui-digits-7qJFCuoI.js} +2 -2
- package/dist/{vue-ui-donut-B59bCV5_.js → vue-ui-donut-D41WeqQU.js} +420 -411
- package/dist/{vue-ui-donut-evolution-CI8qBIQd.js → vue-ui-donut-evolution-Deg0dsYg.js} +352 -340
- package/dist/{vue-ui-dumbbell-CXv7sk88.js → vue-ui-dumbbell-DDwNoTPG.js} +214 -199
- package/dist/{vue-ui-flow-DxF0ELtv.js → vue-ui-flow-6oR7IMyi.js} +215 -200
- package/dist/{vue-ui-funnel-Bco8rqF8.js → vue-ui-funnel-BnXtOJmh.js} +212 -197
- package/dist/{vue-ui-galaxy-CaPJwwOj.js → vue-ui-galaxy-75XC8SpV.js} +213 -201
- package/dist/{vue-ui-gauge-D7arhDmb.js → vue-ui-gauge-w31j915C.js} +218 -203
- package/dist/{vue-ui-gizmo-Dwli-Mip.js → vue-ui-gizmo-bZqk6oZS.js} +3 -3
- package/dist/{vue-ui-heatmap-Cyn-ahGO.js → vue-ui-heatmap-BfU62tMW.js} +242 -223
- package/dist/{vue-ui-history-plot-C2AEToqx.js → vue-ui-history-plot-CFfco-Yj.js} +267 -252
- package/dist/{vue-ui-kpi-DKDibSdl.js → vue-ui-kpi-DaJ1U3wf.js} +3 -3
- package/dist/{vue-ui-mini-loader-B8OVutUx.js → vue-ui-mini-loader-CF_2jAI8.js} +2 -2
- package/dist/{vue-ui-molecule-BVSrqIGw.js → vue-ui-molecule-Tdk3Gd8M.js} +207 -192
- package/dist/{vue-ui-mood-radar-DvlyS3RN.js → vue-ui-mood-radar-Dg5wS7W5.js} +204 -189
- package/dist/{vue-ui-nested-donuts-D9ssSus6.js → vue-ui-nested-donuts-CpRe0sQB.js} +248 -240
- package/dist/{vue-ui-onion-Buu4VX3u.js → vue-ui-onion-B8o4ft2v.js} +184 -169
- package/dist/{vue-ui-parallel-coordinate-plot-DFLUvhxD.js → vue-ui-parallel-coordinate-plot-zW-CNqWC.js} +192 -177
- package/dist/{vue-ui-quadrant-BMC7NBGd.js → vue-ui-quadrant-DiRtZ16w.js} +259 -244
- package/dist/{vue-ui-quick-chart-DB9RKUkb.js → vue-ui-quick-chart-BRlYC_yT.js} +324 -309
- package/dist/{vue-ui-radar-68NMPxxQ.js → vue-ui-radar-DKgX1Ibx.js} +195 -180
- package/dist/{vue-ui-rating-swH9kRr3.js → vue-ui-rating-DlklKr-X.js} +2 -2
- package/dist/{vue-ui-relation-circle-CT-EdSjO.js → vue-ui-relation-circle-MHiAp8dC.js} +186 -171
- package/dist/{vue-ui-ridgeline-DftROPaX.js → vue-ui-ridgeline-DA8verAe.js} +227 -212
- package/dist/{vue-ui-rings-M-9dPI5D.js → vue-ui-rings-Dh6lFqun.js} +214 -202
- package/dist/{vue-ui-scatter-CsGhaFJh.js → vue-ui-scatter-CLC5sTOi.js} +270 -256
- package/dist/{vue-ui-skeleton-BAOt2neL.js → vue-ui-skeleton-8s4xts8z.js} +3 -3
- package/dist/{vue-ui-smiley-7_kIgPg-.js → vue-ui-smiley-utuzw8uI.js} +2 -2
- package/dist/{vue-ui-spark-trend-DHlQQpwz.js → vue-ui-spark-trend-BODEqGRr.js} +3 -3
- package/dist/{vue-ui-sparkbar-BnHhzuKf.js → vue-ui-sparkbar-B8MB-kn9.js} +3 -3
- package/dist/{vue-ui-sparkgauge-WtfkCK8g.js → vue-ui-sparkgauge-CuD7kTS3.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-B2u4XLVd.js → vue-ui-sparkhistogram-BYJszvna.js} +4 -4
- package/dist/{vue-ui-sparkline-DKIyUlSm.js → vue-ui-sparkline-D77GyWzG.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-BLGz2qIb.js → vue-ui-sparkstackbar-DNb1yD64.js} +3 -3
- package/dist/{vue-ui-stackbar-BDpMsTYe.js → vue-ui-stackbar-C6rjCYDD.js} +251 -236
- package/dist/{vue-ui-strip-plot-5qDcYPnR.js → vue-ui-strip-plot-B6cYojHQ.js} +239 -224
- package/dist/{vue-ui-table-Bg5HIQ3O.js → vue-ui-table-IC7SmWVd.js} +3 -3
- package/dist/{vue-ui-table-heatmap-DmjNy1q1.js → vue-ui-table-heatmap-DHFpJMpA.js} +5 -5
- package/dist/{vue-ui-table-sparkline-CnkJkBk5.js → vue-ui-table-sparkline-D7wz-sCj.js} +4 -4
- package/dist/{vue-ui-thermometer-RlD-9mJf.js → vue-ui-thermometer-D-oiVT3n.js} +168 -153
- package/dist/{vue-ui-timer-Bes74INL.js → vue-ui-timer-C9jVyX5l.js} +5 -5
- package/dist/vue-ui-tiremarks-B1bM9Aoo.js +358 -0
- package/dist/{vue-ui-treemap-BG1Omm38.js → vue-ui-treemap-DX48YlU5.js} +374 -362
- package/dist/{vue-ui-vertical-bar-CwqQyZFX.js → vue-ui-vertical-bar-6SjKPQWR.js} +252 -237
- package/dist/{vue-ui-waffle-Ce3T4BPp.js → vue-ui-waffle-CYao9MMw.js} +232 -220
- package/dist/vue-ui-wheel-USuDhMwW.js +352 -0
- package/dist/vue-ui-word-cloud-TOBTs7yF.js +659 -0
- package/dist/{vue-ui-world-B9PxVO4n.js → vue-ui-world-C2qikqBa.js} +237 -222
- package/dist/{vue-ui-xy-DtJ7qJib.js → vue-ui-xy-DxwgKoO-.js} +557 -544
- package/dist/{vue-ui-xy-canvas-S6YpFgzs.js → vue-ui-xy-canvas-N69OpVn8.js} +395 -380
- package/package.json +1 -1
- package/dist/vue-data-ui-B8EWlMIK.js +0 -301
- package/dist/vue-ui-tiremarks-DiLS3akQ.js +0 -343
- package/dist/vue-ui-wheel-6B0WTkf2.js +0 -337
- package/dist/vue-ui-word-cloud-ByYZCOh7.js +0 -644
package/README.md
CHANGED
|
@@ -413,68 +413,68 @@ From the dataset you pass into the props, this component will produce the most a
|
|
|
413
413
|
|
|
414
414
|
### Mini charts
|
|
415
415
|
|
|
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` | ❌ | ✅ |
|
|
416
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
417
|
+
| --------------------- | ---------------------------------- | --------------------------- | --------------------------------------------------- | ---------------------------------------------------- | -------------- | ------ |
|
|
418
|
+
| `VueUiSparkline` | `VueUiSparklineDatasetItem[]` | `VueUiSparklineConfig` | `@selectDatapoint` | `#svg`, `#before`, `#chart-background`, `#tooltip` | ✅ | ✅ |
|
|
419
|
+
| `VueUiSparkbar` | `VueUiSparkbarDatasetItem[]` | `VueUiSparkbarConfig` | `@selectDatapoint` | `#data-label`, `#title` | ❌ | ✅ |
|
|
420
|
+
| `VueUiSparkStackbar` | `VueUiSparkStackbarDatasetItem[]` | `VueUiSparkStackbarConfig` | `@selectDatapoint` | `#tooltip-before`, `#tooltip-after` | ✅ | ✅ |
|
|
421
|
+
| `VueUiSparkHistogram` | `VueUiSparkHistogramDatasetItem[]` | `VueUiSparkHistogramConfig` | `@selectDatapoint` | `#chart-background` | ❌ | ✅ |
|
|
422
|
+
| `VueUiSparkGauge` | `VueUiSparkGaugeDataset` | `VueUiSparkGaugeConfig` | ❌ | `#chart-background` | ❌ | ✅ |
|
|
423
|
+
| `VueUiSparkTrend` | `number[]` | `VueUiSparkTrendConfig` | ❌ | `#chart-background` | ❌ | ✅ |
|
|
424
|
+
| `VueUiGizmo` | `VueUiGizmoDataset` | `VueUiGizmoConfig` | ❌ | ❌ | ❌ | ❌ |
|
|
425
|
+
| `VueUiBullet` | `VueUiBulletDataset` | `VueUiBulletConfig` | `generatePdf`, `generateImg`, `getData`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
426
426
|
|
|
427
427
|
### Charts
|
|
428
428
|
|
|
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` | ✅ | ✅ |
|
|
429
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
430
|
+
| ----------------------------- | ------------------------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ |
|
|
431
|
+
| `VueUiAgePyramid` | `Array<Array<string / number>>` | `VueUiSparklineConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
432
|
+
| `VueUiCandlestick` | `Array<Array<string / number>>` | `VueUiCandlestickConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
433
|
+
| `VueUiChestnut` | `VueUiChestnutDatasetRoot[]` | `VueUiChestnutConfig` | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
434
|
+
| `VueUiChord` | `VueUiChordDataset` | `VueUiChordConfig` | `@selectLegend`, `@selectGroup`, `@selectRibbon`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
435
|
+
| `VueUiCirclePack` | `VueUiCirclePackDatasetItem[]` | `VueUiCirclePackConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` , `#pattern`, `#zoom-label`, `#data-label` | ✅ | ✅ |
|
|
436
|
+
| `VueUiDonutEvolution` | `VueUiDonutEvolutionDatasetItem[]` | `VueUiDonutEvolutionConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#reset-action`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
437
|
+
| `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` | ✅ | ✅ |
|
|
438
|
+
| `VueUiDumbbell` | `VueUiDumbbellDataset[]` | `VueUiDumbbellConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
439
|
+
| `VueUiFlow` | `VueUiFlowDatasetItem[]` | `VueUiFlowConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#tooltip-before`, `#tooltip-after`, | ✅ | ✅ |
|
|
440
|
+
| `VueUiFunnel` | `VueUiFunnelDatasetItem[]` | `VueUiFunnelConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
441
|
+
| `VueUiGalaxy` | `VueUiGalaxyDatasetItem[]` | `VueUiGalaxyConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`,`#tooltip-before`, `#tooltip-after`, `#chart-background` | ✅ | ✅ |
|
|
442
|
+
| `VueUiGauge` | `VueUiGaugeDataset` | `VueUiGaugeConfig` | `generatePdf`, `generateImage`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
443
|
+
| `VueUiHeatmap` | `VueUiHeatmapDatasetItem[]` | `VueUiHeatmapConfig` | `@selectDatapoint`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
444
|
+
| `VueUiHistoryPlot` | `VueUiHistoryPlotDatasetItem[]` | `VueUiHistoryPlotConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
445
|
+
| `VueUiMolecule` | `VueUiMoleculeDatasetNode[]` | `VueUiMoleculeConfig` | `@selectNode`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#node`, `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
446
|
+
| `VueUiMoodRadar` | `VueUiMoodRadarDataset` | `VueUiMoodRadarConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
447
|
+
| `VueUiNestedDonuts` | `VueUiNestedDonutsDatasetItem[]` | `VueUiNestedDonutsConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
448
|
+
| `VueUiOnion` | `VueUiOnionDatasetItem[]` | `VueUiOnionConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
449
|
+
| `VueUiParallelCoordinatePlot` | `VueUiParallelCoordinatePlotDatasetItem[]` | `VueUiParallelCoordinatePlotConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
450
|
+
| `VueUiQuadrant` | `VueUiQuadrantDatasetItem[]` | `VueUiQuadrantConfig` | `@selectLegend`, `@selectPlot`, `@selectSide`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
451
|
+
| `VueUiRadar` | `VueUiRadarDataset` | `VueUiRadarConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
452
|
+
| `VueUiRidgeline` | `VueUiRidgelineDatasetItem[]` | `VueUiRidgelineConfig` | `@selectLegend`, `@selectX`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#time-label`,`#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
453
|
+
| `VueUiRings` | `VueUiRingsDatasetItem[]` | `VueUiRingsConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
454
|
+
| `VueUiScatter` | `VueUiScatterDatasetItem[]` | `VueUiScatterConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
455
|
+
| `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` | ✅ | ✅ |
|
|
456
|
+
| `VueUiStripPlot` | `VueUiStripPlotDataset[]` | `VueUiStripPlotConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
457
|
+
| `VueUiThermometer` | `VueUiThermometerDataset` | `VueUiThermometerConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
458
|
+
| `VueUiTiremarks` | `VueUiTiremarksDataset` | `VueUiTiremarksConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
459
|
+
| `VueUiTreemap` | `VueUiTreemapDatasetItem[]` | `VueUiTreemapConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#rect`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#breadcrumb-label`, `#breadcrumb-arrow` | ✅ | ✅ |
|
|
460
|
+
| `VueUiVerticalBar` | `VueUiVerticalBarDatasetItem[]` | `VueUiWheelConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleSort`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
461
|
+
| `VueUiWaffle` | `VueUiWaffleDatasetItem[]` | `VueUiWaffleConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#pattern` | ✅ | ✅ |
|
|
462
|
+
| `VueUiWheel` | `VueUiWheelDataset` | `VueUiWheelConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
463
|
+
| `VueUiWordCloud` | `VueUiWordCloudDatasetItem[] / string` | `VueUiWordCloudConfig` | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip` , `getImage` | `#svg`, `#reset-action`, `#watermark`, `#tooltip-before`, `#tooltip-after`, `#chart-background` | ✅ | ✅ |
|
|
464
|
+
| `VueUiXyCanvas` | `VueUiXyCanvasDatasetItem[]` | `VueUiXyCanvasConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage` | `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark` | ✅ | ✅ |
|
|
465
|
+
| `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
466
|
|
|
467
467
|
### 3D charts
|
|
468
468
|
|
|
469
|
-
| Name | dataset type | config type | emits / exposed methods
|
|
470
|
-
| ------------ | ------------------- | ------------------ |
|
|
471
|
-
| `VueUi3dBar` | `VueUi3dBarDataset` | `VueUi3dBarConfig` | `generatePdf`, `generateImage`, `toggleTable` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
469
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
470
|
+
| ------------ | ------------------- | ------------------ | --------------------------------------------------------- | ----------------------------------------- | -------------- | ------ |
|
|
471
|
+
| `VueUi3dBar` | `VueUi3dBarDataset` | `VueUi3dBarConfig` | `generatePdf`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
472
472
|
|
|
473
473
|
### Maps
|
|
474
474
|
|
|
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` | ✅ | ❌ |
|
|
475
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
476
|
+
| ------------ | ------------------- | ------------------ | -------------------------------------------------------------------------------------------------------- | ----------------------------------------------------- | -------------- | ------ |
|
|
477
|
+
| `VueUiWorld` | `VueUiWorldDataset` | `VueUiWorldConfig` | `getData`, `generatePdf`, `generateImage`, `toggleTable`, `toggleTooltip`, `toggleAnnotator`, `getImage` | `#svg`, `#watermark`, `#pattern`, `#chart-background` | ✅ | ❌ |
|
|
478
478
|
|
|
479
479
|
### Data tables
|
|
480
480
|
|
|
@@ -1116,3 +1116,34 @@ You can then use these in your template:
|
|
|
1116
1116
|
</div>
|
|
1117
1117
|
</template>
|
|
1118
1118
|
```
|
|
1119
|
+
|
|
1120
|
+
## Exposed methods
|
|
1121
|
+
|
|
1122
|
+
Most chart components expose the following methods:
|
|
1123
|
+
|
|
1124
|
+
### getData
|
|
1125
|
+
|
|
1126
|
+
```js
|
|
1127
|
+
const componentRef = ref(null);
|
|
1128
|
+
|
|
1129
|
+
onMounted(async () => {
|
|
1130
|
+
if (componentRef) {
|
|
1131
|
+
const data = await componentRef.value.getData();
|
|
1132
|
+
console.log(data);
|
|
1133
|
+
}
|
|
1134
|
+
});
|
|
1135
|
+
```
|
|
1136
|
+
|
|
1137
|
+
### getImage
|
|
1138
|
+
|
|
1139
|
+
```js
|
|
1140
|
+
const componentRef = ref(null);
|
|
1141
|
+
|
|
1142
|
+
onMounted(async () => {
|
|
1143
|
+
if (componentRef) {
|
|
1144
|
+
const { imgUri, base64, title, width, height, aspectRatio } =
|
|
1145
|
+
await componentRef.value.getImage({ scale: 2 }); // optional scale, defaults to 2, increase for better image quality
|
|
1146
|
+
console.log(imageUri);
|
|
1147
|
+
}
|
|
1148
|
+
});
|
|
1149
|
+
```
|
|
@@ -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-CobsZUkv.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 z, reactive as T, computed as $, onUnmounted as R, createBlock as N, openBlock as v, Teleport as V, createElementBlock as E, createCommentVNode as I, withModifiers as a, normalizeStyle as y, createElementVNode as o, unref as P, renderSlot as M, createVNode as F, nextTick as j } from "vue";
|
|
2
|
-
import U from "./BaseIcon-
|
|
3
|
-
import { X as q } from "./index-
|
|
2
|
+
import U from "./BaseIcon-D9Tz8ARD.js";
|
|
3
|
+
import { X as q } from "./index-CobsZUkv.js";
|
|
4
4
|
import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const G = ["xmlns"], J = { class: "modal-title" }, K = { class: "modal-body" }, 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-CobsZUkv.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-D9Tz8ARD.js";
|
|
3
|
+
import { F as V } from "./index-CobsZUkv.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-C75836Jl.js";
|
|
3
|
+
import O from "./BaseIcon-D9Tz8ARD.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
1
|
import { createElementBlock as n, openBlock as o, 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 { a0 as p } from "./index-
|
|
3
|
-
import { _ as v } from "./Shape-
|
|
2
|
+
import { a0 as p } from "./index-CobsZUkv.js";
|
|
3
|
+
import { _ as v } from "./Shape-C75836Jl.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",
|
|
@@ -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-CobsZUkv.js";
|
|
3
|
+
import R from "./BaseIcon-D9Tz8ARD.js";
|
|
4
|
+
import { C as Ee } from "./ColorPicker-wGf46G2G.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 r } from "vue";
|
|
2
|
-
const n = "2.
|
|
2
|
+
const n = "2.17.1", 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(r(n)), 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-D9Tz8ARD.js";
|
|
3
|
+
import { C as we } from "./ColorPicker-wGf46G2G.js";
|
|
4
|
+
import { l as be, f as xe } from "./index-CobsZUkv.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-CobsZUkv.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-D9Tz8ARD.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-CobsZUkv.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-CobsZUkv.js";
|
|
3
3
|
import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const R = {
|
|
5
5
|
__name: "SparkTooltip",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createElementBlock as l, openBlock as n, Fragment as f, createElementVNode as p, createCommentVNode as o, normalizeStyle as d, unref as e, toDisplayString as g, renderSlot as r } from "vue";
|
|
2
|
-
import { u as c } from "./useNestedProp-
|
|
2
|
+
import { u as c } from "./useNestedProp-BwL5wmVa.js";
|
|
3
3
|
const x = {
|
|
4
4
|
__name: "Title",
|
|
5
5
|
props: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ref as m, watch as p, nextTick as g, onUnmounted as S, computed as x, createBlock as k, openBlock as h, Teleport as $, createElementBlock as C, createCommentVNode as F, normalizeStyle as B, normalizeClass as N, renderSlot as v, createElementVNode as w } from "vue";
|
|
2
2
|
import { u as z } from "./useMouse-AicQS8Vf.js";
|
|
3
|
-
import { s as T } from "./index-
|
|
3
|
+
import { s as T } from "./index-CobsZUkv.js";
|
|
4
4
|
function Y({ tooltip: t, chart: n, clientPosition: l, positionPreference: s = "center", defaultOffsetY: d = 24, blockShiftY: u = !1 }) {
|
|
5
5
|
const e = m(0), i = m(d);
|
|
6
6
|
if (t && n) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ref as m, computed as w, onMounted as Q, onBeforeUnmount as Y, withDirectives as Z, createElementBlock as s, openBlock as o, normalizeStyle as v, createElementVNode as X, withKeys as p, withModifiers as _, renderSlot as d, normalizeProps as S, guardReactiveProps as ee, createVNode as te, normalizeClass as k, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as T, unref as oe } from "vue";
|
|
2
2
|
import { v as ne } from "./vClickOutside-C6WiFswA.js";
|
|
3
|
-
import r from "./BaseIcon-
|
|
4
|
-
import z from "./img-
|
|
3
|
+
import r from "./BaseIcon-D9Tz8ARD.js";
|
|
4
|
+
import z from "./img-utitT2Gd.js";
|
|
5
5
|
import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const ie = ["title"], se = ["data-open"], ae = {
|
|
7
7
|
__name: "UserOptions",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as a } from "./dom-to-png-
|
|
1
|
+
import { d as a } from "./dom-to-png-DWDGYXFL.js";
|
|
2
2
|
async function s({ domElement: t, fileName: c, format: h = "png", scale: n = 2, base64: o = !1, img: g = !1 }) {
|
|
3
3
|
if (!t) return Promise.reject("No element provided");
|
|
4
4
|
if (o && g)
|