vue-data-ui 2.16.5 → 2.17.0
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 +85 -55
- package/dist/{Arrow-D9B36pfx.js → Arrow-BAEkZGzL.js} +1 -1
- package/dist/{BaseDraggableDialog-DloHiD4h.js → BaseDraggableDialog-ChCkcmj_.js} +2 -2
- package/dist/{BaseIcon-DJab5OQD.js → BaseIcon-naqtCxVi.js} +1 -1
- package/dist/{ColorPicker-Br0rMnNb.js → ColorPicker-CfIPgxcj.js} +2 -2
- package/dist/{DataTable-B6MXw9cG.js → DataTable-D0VYDhfx.js} +2 -2
- package/dist/{Legend-DoxQwq_u.js → Legend-Bxlv67uY.js} +2 -2
- package/dist/{NonSvgPenAndPaper-DhbyLXKW.js → NonSvgPenAndPaper-b_oVy-Dd.js} +3 -3
- package/dist/{PackageVersion-DCreTQN4.js → PackageVersion-5TR4ocqp.js} +1 -1
- package/dist/{PenAndPaper-BS60tkQN.js → PenAndPaper-D6AqipIO.js} +32 -32
- package/dist/{Shape-CrstrfQ9.js → Shape-DtFT5EJa.js} +1 -1
- package/dist/{Slicer-Bd0AkciG.js → Slicer-CL6-MRI6.js} +2 -2
- package/dist/{SparkTooltip-B4j_rvhG.js → SparkTooltip-Bcv1aoA5.js} +1 -1
- package/dist/{Title-BQLtfM0P.js → Title-B-2bV0SW.js} +1 -1
- package/dist/{Tooltip-5JmGL7sR.js → Tooltip-CoQnTnr-.js} +1 -1
- package/dist/{UserOptions-DMGkAAIO.js → UserOptions-Dd34lEKb.js} +137 -129
- package/dist/{dom-to-png-g3Q8kjna.js → dom-to-png-2AA0wHlX.js} +1 -1
- package/dist/img-Y_hYz-ZC.js +27 -0
- package/dist/{index-CZNLCg7T.js → index-pPGk-uhD.js} +1 -1
- package/dist/{pdf-DJVOD0cz.js → pdf-yfk3d1is.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +1098 -162
- package/dist/types/vue-data-ui.d.ts +1098 -162
- package/dist/{useNestedProp-BcPDA6Xr.js → useNestedProp-DjACxgdZ.js} +1 -1
- package/dist/{usePrinter-ButWuZVm.js → usePrinter-DDHcrl0A.js} +2 -2
- package/dist/vue-data-ui-CIWxgKjd.js +312 -0
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-o8P0DCbz.js → vue-ui-3d-bar-D5Wpdqfk.js} +244 -235
- package/dist/{vue-ui-accordion-CO4hmfuX.js → vue-ui-accordion-CVnA550V.js} +3 -3
- package/dist/{vue-ui-age-pyramid-C9T5bAEl.js → vue-ui-age-pyramid-BuAl-zC5.js} +167 -158
- package/dist/{vue-ui-annotator-CyOygaxE.js → vue-ui-annotator-gl2A20m3.js} +2 -2
- package/dist/{vue-ui-bullet-CPT1jdcz.js → vue-ui-bullet-D-VMKpwe.js} +131 -122
- package/dist/{vue-ui-candlestick-BfZTMGE0.js → vue-ui-candlestick-1r6YwiUV.js} +248 -239
- package/dist/{vue-ui-carousel-table-Bam9qqkj.js → vue-ui-carousel-table-B6UJoNtP.js} +17 -16
- package/dist/{vue-ui-chestnut-BAIMBFaQ.js → vue-ui-chestnut-DnlBYpC5.js} +257 -248
- package/dist/{vue-ui-chord-92E1yKdu.js → vue-ui-chord-D3kpzYjp.js} +229 -220
- package/dist/{vue-ui-circle-pack-DxXPqA7Z.js → vue-ui-circle-pack-CHgdpoYu.js} +200 -191
- package/dist/{vue-ui-cursor-Bvy_o8wb.js → vue-ui-cursor-63EAvElT.js} +2 -2
- package/dist/{vue-ui-dashboard--QRCkp7q.js → vue-ui-dashboard-Da6CPET-.js} +62 -62
- package/dist/{vue-ui-digits-Dl8RHLvt.js → vue-ui-digits-CA8pUKej.js} +2 -2
- package/dist/{vue-ui-donut-BxSTOFDt.js → vue-ui-donut-CKa7nFjt.js} +352 -343
- package/dist/{vue-ui-donut-evolution-DNzTtWnJ.js → vue-ui-donut-evolution-qeBEA4W8.js} +267 -258
- package/dist/{vue-ui-dumbbell-D01p3t3P.js → vue-ui-dumbbell-Bm0PvAKT.js} +146 -137
- package/dist/{vue-ui-flow-BMvaRn7E.js → vue-ui-flow-C2dqXvrU.js} +171 -162
- package/dist/{vue-ui-funnel-Bd_3wouw.js → vue-ui-funnel-Dvy5rRld.js} +134 -125
- package/dist/{vue-ui-galaxy-D4HJH1qq.js → vue-ui-galaxy-Y8LYp5n2.js} +181 -172
- package/dist/{vue-ui-gauge-CgIlk2pu.js → vue-ui-gauge-BBo0jWAP.js} +166 -157
- package/dist/{vue-ui-gizmo-C1-QYvsn.js → vue-ui-gizmo-DjXfTOWn.js} +3 -3
- package/dist/{vue-ui-heatmap-tUn_BlSp.js → vue-ui-heatmap-BbxRpltP.js} +242 -229
- package/dist/{vue-ui-history-plot-TfVRzyIK.js → vue-ui-history-plot-ChYf3Nvc.js} +218 -209
- package/dist/{vue-ui-kpi-BuL8MAMD.js → vue-ui-kpi-Vfc5-JnE.js} +3 -3
- package/dist/{vue-ui-mini-loader-DIeG36P8.js → vue-ui-mini-loader-C0-Nsz8K.js} +2 -2
- package/dist/{vue-ui-molecule-8RJNzWIw.js → vue-ui-molecule-B7Yu7vzF.js} +155 -146
- package/dist/{vue-ui-mood-radar-DftzG_Bi.js → vue-ui-mood-radar-C8JUTwNw.js} +130 -121
- package/dist/{vue-ui-nested-donuts-B9JC_0xK.js → vue-ui-nested-donuts-D0RgFifU.js} +255 -246
- package/dist/{vue-ui-onion-DTjaH-Bu.js → vue-ui-onion-D4U7TL_N.js} +150 -141
- package/dist/{vue-ui-parallel-coordinate-plot-DwqfVqFB.js → vue-ui-parallel-coordinate-plot-CXMT7Rjr.js} +194 -185
- package/dist/{vue-ui-quadrant-Cv3VWA6d.js → vue-ui-quadrant-B13pTVVZ.js} +248 -239
- package/dist/{vue-ui-quick-chart-imc0KrbF.js → vue-ui-quick-chart-C0UL4o63.js} +328 -319
- package/dist/{vue-ui-radar-kNySclk1.js → vue-ui-radar-XpdiXnhz.js} +165 -156
- package/dist/{vue-ui-rating-DBhEbgwD.js → vue-ui-rating-CM8ZrUb1.js} +2 -2
- package/dist/{vue-ui-relation-circle-BJQhS0aG.js → vue-ui-relation-circle-CYoFNekk.js} +145 -136
- package/dist/{vue-ui-ridgeline-Bhd1Uwm8.js → vue-ui-ridgeline-QUquE6ck.js} +198 -189
- package/dist/{vue-ui-rings-C_IT2mi0.js → vue-ui-rings-DwT0IfOh.js} +136 -127
- package/dist/{vue-ui-scatter-i8XZreWa.js → vue-ui-scatter-zDpy1udm.js} +207 -199
- package/dist/{vue-ui-skeleton-D9B8DY_k.js → vue-ui-skeleton-DJPjyNYn.js} +3 -3
- package/dist/{vue-ui-smiley-gmdnUWcW.js → vue-ui-smiley-DoDXl6k0.js} +2 -2
- package/dist/{vue-ui-spark-trend-DOF3vl8_.js → vue-ui-spark-trend-CniV6Cpr.js} +3 -3
- package/dist/{vue-ui-sparkbar-BVOVq3dA.js → vue-ui-sparkbar-Ds2ITgwn.js} +3 -3
- package/dist/{vue-ui-sparkgauge-DVO2Z0Rg.js → vue-ui-sparkgauge-CosfK-kw.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-CbV86a2i.js → vue-ui-sparkhistogram-C7O1wPAJ.js} +4 -4
- package/dist/{vue-ui-sparkline-jDNAVZu-.js → vue-ui-sparkline-B_iUj3F2.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-auT8CUXm.js → vue-ui-sparkstackbar-DBhWrysr.js} +3 -3
- package/dist/{vue-ui-stackbar-DmO02We2.js → vue-ui-stackbar-C3aV4IcL.js} +242 -233
- package/dist/{vue-ui-strip-plot-B25s87lj.js → vue-ui-strip-plot-Bvr1GAzH.js} +204 -195
- package/dist/{vue-ui-table-B4xbQdK_.js → vue-ui-table-DQKKRgyo.js} +3 -3
- package/dist/{vue-ui-table-heatmap-DI57VcvH.js → vue-ui-table-heatmap-Dyqj5XJC.js} +26 -25
- package/dist/{vue-ui-table-sparkline-DRgsZztN.js → vue-ui-table-sparkline-D4RubyLj.js} +8 -7
- package/dist/{vue-ui-thermometer-DkeT5DV_.js → vue-ui-thermometer-B0FKI5cG.js} +149 -140
- package/dist/{vue-ui-timer-uon_DLeH.js → vue-ui-timer-DUCBRIl-.js} +5 -5
- package/dist/{vue-ui-tiremarks-BV0qXRF2.js → vue-ui-tiremarks-CRt4UQZD.js} +114 -105
- package/dist/{vue-ui-treemap-DzJsjtz7.js → vue-ui-treemap-CWP5nYDx.js} +298 -289
- package/dist/{vue-ui-vertical-bar-CkLS_DGb.js → vue-ui-vertical-bar-C5fPYltO.js} +294 -285
- package/dist/{vue-ui-waffle-B2XiLGQx.js → vue-ui-waffle-BpWLlfpg.js} +190 -181
- package/dist/{vue-ui-wheel-BR1DDpKU.js → vue-ui-wheel-CTzuCroy.js} +96 -87
- package/dist/{vue-ui-word-cloud-BvOT6hu2.js → vue-ui-word-cloud-BPokdaP1.js} +212 -203
- package/dist/{vue-ui-world-BeP91MNX.js → vue-ui-world-CS6k-oil.js} +201 -192
- package/dist/{vue-ui-xy-BaR-ZDba.js → vue-ui-xy-CQ425kLR.js} +517 -510
- package/dist/{vue-ui-xy-canvas-B4ZmECCK.js → vue-ui-xy-canvas-D2IFwAr7.js} +364 -355
- package/package.json +1 -1
- package/dist/img-CTC5DLKL.js +0 -20
- package/dist/vue-data-ui-BB8Upnjm.js +0 -301
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
|
|
|
@@ -582,10 +582,10 @@ You can pass a callback trhough the config, for each button, to override the def
|
|
|
582
582
|
const config = {
|
|
583
583
|
userOptions: {
|
|
584
584
|
callbacks: {
|
|
585
|
-
pdf: (chartElement
|
|
585
|
+
pdf: ({ chartElement, imageUri, base64 }) => {
|
|
586
586
|
console.log(chartElement);
|
|
587
587
|
},
|
|
588
|
-
img: (base64
|
|
588
|
+
img: ({ chartElement, imageUri, base64 }) => {
|
|
589
589
|
console.log(base64);
|
|
590
590
|
},
|
|
591
591
|
csv: (csvStr: string) => {
|
|
@@ -1116,3 +1116,33 @@ 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 } = await componentRef.value.getImage({ scale: 2 }); // optional scale, defaults to 2, increase for better image quality
|
|
1145
|
+
console.log(imageUri);
|
|
1146
|
+
}
|
|
1147
|
+
});
|
|
1148
|
+
```
|
|
@@ -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-pPGk-uhD.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-naqtCxVi.js";
|
|
3
|
+
import { X as q } from "./index-pPGk-uhD.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-pPGk-uhD.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-naqtCxVi.js";
|
|
3
|
+
import { F as V } from "./index-pPGk-uhD.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-DtFT5EJa.js";
|
|
3
|
+
import O from "./BaseIcon-naqtCxVi.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-pPGk-uhD.js";
|
|
3
|
+
import { _ as v } from "./Shape-DtFT5EJa.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-pPGk-uhD.js";
|
|
3
|
+
import R from "./BaseIcon-naqtCxVi.js";
|
|
4
|
+
import { C as Ee } from "./ColorPicker-CfIPgxcj.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.0", 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-naqtCxVi.js";
|
|
3
|
+
import { C as we } from "./ColorPicker-CfIPgxcj.js";
|
|
4
|
+
import { l as be, f as xe } from "./index-pPGk-uhD.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-pPGk-uhD.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-naqtCxVi.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-pPGk-uhD.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-pPGk-uhD.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-DjACxgdZ.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-pPGk-uhD.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) {
|