vue-data-ui 3.1.5 → 3.1.7
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 +37 -37
- package/dist/{Arrow-BFbcF5Sq.js → Arrow-BZ8rnWYn.js} +1 -1
- package/dist/{BaseDraggableDialog-BO4B1Kwa.js → BaseDraggableDialog-Bdva4JFr.js} +2 -2
- package/dist/{BaseIcon-BQQGRQ2U.js → BaseIcon-BCS8aIf4.js} +1 -1
- package/dist/{ColorPicker-d1kmGapq.js → ColorPicker-DF6PDOhr.js} +2 -2
- package/dist/{DataTable-D6voeZvO.js → DataTable-Ddu14t59.js} +2 -2
- package/dist/{Legend-nPGcCxG_.js → Legend-C3I0iaLM.js} +2 -2
- package/dist/{NonSvgPenAndPaper-xRGRe41H.js → NonSvgPenAndPaper-LSG0MLRC.js} +3 -3
- package/dist/{PackageVersion-BeStrsPr.js → PackageVersion-CtYY8jBZ.js} +1 -1
- package/dist/{PenAndPaper-C6tiapdo.js → PenAndPaper-DtlEAsLw.js} +3 -3
- package/dist/{Shape-DBVq0fdK.js → Shape-B8Cdu8s1.js} +1 -1
- package/dist/{Slicer-Duqm7KZK.js → Slicer-Bk01kWGC.js} +66 -67
- package/dist/{SparkTooltip-wNGmXZSx.js → SparkTooltip-qMi3IzXb.js} +1 -1
- package/dist/{Title-ydtId0LC.js → Title-BUVvr0U8.js} +1 -1
- package/dist/{Tooltip-oeu9knGI.js → Tooltip-VlJQQsYu.js} +1 -1
- package/dist/{UserOptions-CnJxN2Vo.js → UserOptions-sSygisu3.js} +2 -2
- package/dist/{dom-to-png-CMCYtLrX.js → dom-to-png-BqX4MBZN.js} +1 -1
- package/dist/{img-Neec0VVb.js → img-DN0--Lx6.js} +1 -1
- package/dist/{index-BkfuZCRT.js → index-BlRUhv0O.js} +1 -1
- package/dist/{pdf-CpQ-dqJh.js → pdf-Cm5HZB7J.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/{useAutoSizeLabelsInsideViewbox-DR2HExYc.js → useAutoSizeLabelsInsideViewbox-wLT3gJAJ.js} +1 -1
- package/dist/{useNestedProp-BMzw9VUz.js → useNestedProp-OxTlfHdh.js} +1 -1
- package/dist/{usePrinter-CEdg3j8S.js → usePrinter-DR__HfSR.js} +2 -2
- package/dist/{vue-data-ui-D5B7a84o.js → vue-data-ui-Ci8pH3va.js} +64 -64
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-C8_Qu1rf.js → vue-ui-3d-bar-h-8AQQKD.js} +8 -8
- package/dist/{vue-ui-accordion-DFxAHGEZ.js → vue-ui-accordion-DejV6zJ2.js} +3 -3
- package/dist/{vue-ui-age-pyramid-D_kTImtX.js → vue-ui-age-pyramid-yTcDoeqi.js} +8 -8
- package/dist/{vue-ui-annotator-B1vSlzfu.js → vue-ui-annotator-HqsIz-FI.js} +2 -2
- package/dist/{vue-ui-bullet-VPchh2r2.js → vue-ui-bullet-Co4ZttnE.js} +7 -7
- package/dist/{vue-ui-candlestick-CB3bj7_-.js → vue-ui-candlestick-BQQR9K33.js} +58 -58
- package/dist/{vue-ui-carousel-table-CUiSyrTY.js → vue-ui-carousel-table-BzDik-6R.js} +4 -4
- package/dist/{vue-ui-chestnut-BE5ZEt1N.js → vue-ui-chestnut-5VG75w-T.js} +37 -37
- package/dist/{vue-ui-chord-DVSBY9ou.js → vue-ui-chord-5HE-ZTDA.js} +11 -11
- package/dist/{vue-ui-circle-pack-BfDjZFaF.js → vue-ui-circle-pack-BVcr-3fG.js} +232 -228
- package/dist/{vue-ui-cursor-BIuc6nds.js → vue-ui-cursor-BDH4YPCA.js} +2 -2
- package/dist/{vue-ui-dashboard-C7xIcrvD.js → vue-ui-dashboard-VtafJ36J.js} +67 -67
- package/dist/{vue-ui-digits-C3mI-0Fg.js → vue-ui-digits-Bh5fmCge.js} +2 -2
- package/dist/{vue-ui-donut-BApz1ho5.js → vue-ui-donut-PiILi3WQ.js} +10 -10
- package/dist/{vue-ui-donut-evolution-B2PJiYY9.js → vue-ui-donut-evolution-DVp2UID9.js} +38 -38
- package/dist/{vue-ui-dumbbell-DQjVvBH_.js → vue-ui-dumbbell-DIX_gcC_.js} +84 -84
- package/dist/{vue-ui-flow-COtJRNLE.js → vue-ui-flow-DY64szfV.js} +55 -55
- package/dist/{vue-ui-funnel-BY2qeg-m.js → vue-ui-funnel-DnQFZe9P.js} +31 -31
- package/dist/{vue-ui-galaxy-3zec_QLi.js → vue-ui-galaxy-C0TCFGXT.js} +31 -31
- package/dist/{vue-ui-gauge-CFUA5ORH.js → vue-ui-gauge-BNIAJlUC.js} +7 -7
- package/dist/{vue-ui-gizmo-CUPFU8GE.js → vue-ui-gizmo-BnHruhLB.js} +3 -3
- package/dist/{vue-ui-heatmap-DakytdCv.js → vue-ui-heatmap-CH_twICb.js} +10 -10
- package/dist/{vue-ui-history-plot-DnSB7au4.js → vue-ui-history-plot-CtJrkyG8.js} +88 -88
- package/dist/{vue-ui-kpi-UmcKQftv.js → vue-ui-kpi-Co0app61.js} +3 -3
- package/dist/{vue-ui-mini-loader-Bl8GHasa.js → vue-ui-mini-loader-DXrdP_7p.js} +2 -2
- package/dist/{vue-ui-molecule-BZrmSVps.js → vue-ui-molecule-C2cNArDQ.js} +8 -8
- package/dist/{vue-ui-mood-radar-CVM8vl5N.js → vue-ui-mood-radar-BrLLsYz5.js} +9 -9
- package/dist/{vue-ui-nested-donuts-LTzijeVK.js → vue-ui-nested-donuts-DRysa4v_.js} +42 -42
- package/dist/{vue-ui-onion-aHCc3r7L.js → vue-ui-onion-znQ-OGaR.js} +12 -11
- package/dist/{vue-ui-parallel-coordinate-plot-0xXe6A-6.js → vue-ui-parallel-coordinate-plot-DIX2Hytk.js} +10 -10
- package/dist/{vue-ui-quadrant-BlM9WNN7.js → vue-ui-quadrant-B4X5ePQQ.js} +10 -10
- package/dist/{vue-ui-quick-chart-CJ2Wdln9.js → vue-ui-quick-chart-Cm7iAsdB.js} +6 -6
- package/dist/{vue-ui-radar-Cgnooz7-.js → vue-ui-radar-CMXnDLdC.js} +10 -10
- package/dist/{vue-ui-rating-DF71ymNG.js → vue-ui-rating-wAMAKVA8.js} +2 -2
- package/dist/{vue-ui-relation-circle-DsuEL1gY.js → vue-ui-relation-circle-snHKlhA3.js} +7 -7
- package/dist/{vue-ui-ridgeline-DxP8uxgx.js → vue-ui-ridgeline-Bx7_nnJ7.js} +10 -10
- package/dist/{vue-ui-rings-C4hKgrft.js → vue-ui-rings-BGTPLeaD.js} +10 -10
- package/dist/{vue-ui-scatter-B_SzTSE5.js → vue-ui-scatter-D-rI3hK1.js} +10 -10
- package/dist/{vue-ui-skeleton-DCAlHSMV.js → vue-ui-skeleton-B-6lN9xS.js} +3 -3
- package/dist/{vue-ui-smiley-B_JFtrl6.js → vue-ui-smiley-DeLEE9m9.js} +2 -2
- package/dist/{vue-ui-spark-trend-CC7q1UbE.js → vue-ui-spark-trend-BvrboxYt.js} +3 -3
- package/dist/{vue-ui-sparkbar-C2YRX4mJ.js → vue-ui-sparkbar-nW5DeWC5.js} +3 -3
- package/dist/{vue-ui-sparkgauge-BO4c3j-8.js → vue-ui-sparkgauge-Isge2K7-.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-BuGOHT9h.js → vue-ui-sparkhistogram-ChSw4gHY.js} +4 -4
- package/dist/{vue-ui-sparkline-hOyPCIt8.js → vue-ui-sparkline-DH-VRt5o.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-DhSc-U8u.js → vue-ui-sparkstackbar-l45aaRR1.js} +3 -3
- package/dist/{vue-ui-stackbar-VdBWv1wm.js → vue-ui-stackbar-ByVq83Og.js} +11 -11
- package/dist/{vue-ui-strip-plot-CBj5ntWM.js → vue-ui-strip-plot-CwooqV7G.js} +9 -9
- package/dist/{vue-ui-table-BItmKbvF.js → vue-ui-table-BRPcCRq-.js} +3 -3
- package/dist/{vue-ui-table-heatmap-DziHVKba.js → vue-ui-table-heatmap-CaAadUo0.js} +5 -5
- package/dist/{vue-ui-table-sparkline-CpWDqm7q.js → vue-ui-table-sparkline-Bt7VtPKK.js} +4 -4
- package/dist/{vue-ui-thermometer-CWt0q_Tu.js → vue-ui-thermometer-B-CWjknr.js} +7 -7
- package/dist/{vue-ui-timer-BIv2sfQA.js → vue-ui-timer-CxLcOKNv.js} +5 -5
- package/dist/{vue-ui-tiremarks-BE_VWjK-.js → vue-ui-tiremarks-DYEZvwDv.js} +6 -6
- package/dist/{vue-ui-treemap-2AIbDpTo.js → vue-ui-treemap-CeuebtPa.js} +10 -10
- package/dist/{vue-ui-vertical-bar-CP-XFVV5.js → vue-ui-vertical-bar-D8_txlgd.js} +50 -50
- package/dist/{vue-ui-waffle-CewP8k-W.js → vue-ui-waffle-B5Qe5PKA.js} +32 -32
- package/dist/{vue-ui-wheel-Ik8FoLfz.js → vue-ui-wheel-CxpLOCGw.js} +6 -6
- package/dist/{vue-ui-word-cloud-CEEc5ep_.js → vue-ui-word-cloud-DCoL3uD5.js} +38 -38
- package/dist/{vue-ui-world-CuwXMI3D.js → vue-ui-world-DmnwTNAv.js} +8 -8
- package/dist/{vue-ui-xy-Bsh2OBHp.js → vue-ui-xy-CzdchisK.js} +1090 -1075
- package/dist/{vue-ui-xy-canvas-CKzjhhNg.js → vue-ui-xy-canvas-CJp0mlzr.js} +12 -12
- package/package.json +4 -2
package/README.md
CHANGED
|
@@ -443,43 +443,43 @@ From the dataset you pass into the props, this component will produce the most a
|
|
|
443
443
|
|
|
444
444
|
### Charts
|
|
445
445
|
|
|
446
|
-
| Name | dataset type | config type | emits / exposed methods | slots
|
|
447
|
-
| ----------------------------- | ------------------------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
448
|
-
| `VueUiAgePyramid` | `Array<Array<string / number>>` | `VueUiSparklineConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`
|
|
449
|
-
| `VueUiCandlestick` | `Array<Array<string / number>>` | `VueUiCandlestickConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`
|
|
450
|
-
| `VueUiChestnut` | `VueUiChestnutDatasetRoot[]` | `VueUiChestnutConfig` | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`
|
|
451
|
-
| `VueUiChord` | `VueUiChordDataset` | `VueUiChordConfig` | `@selectLegend`, `@selectGroup`, `@selectRibbon`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern`
|
|
452
|
-
| `VueUiCirclePack` | `VueUiCirclePackDatasetItem[]` | `VueUiCirclePackConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` , `#pattern`, `#zoom-label`, `#data-label`
|
|
453
|
-
| `VueUiDonutEvolution` | `VueUiDonutEvolutionDatasetItem[]` | `VueUiDonutEvolutionConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#reset-action`, `#watermark`, `#chart-background`
|
|
454
|
-
| `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`
|
|
455
|
-
| `VueUiDumbbell` | `VueUiDumbbellDataset[]` | `VueUiDumbbellConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`
|
|
456
|
-
| `VueUiFlow` | `VueUiFlowDatasetItem[]` | `VueUiFlowConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#tooltip-before`, `#tooltip-after`,
|
|
457
|
-
| `VueUiFunnel` | `VueUiFunnelDatasetItem[]` | `VueUiFunnelConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#watermark`, `#chart-background`
|
|
458
|
-
| `VueUiGalaxy` | `VueUiGalaxyDatasetItem[]` | `VueUiGalaxyConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`,`#tooltip-before`, `#tooltip-after`, `#chart-background`
|
|
459
|
-
| `VueUiGauge` | `VueUiGaugeDataset` | `VueUiGaugeConfig` | `generatePdf`, `generateImage`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern`
|
|
460
|
-
| `VueUiHeatmap` | `VueUiHeatmapDatasetItem[]` | `VueUiHeatmapConfig` | `@selectDatapoint`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`
|
|
461
|
-
| `VueUiHistoryPlot` | `VueUiHistoryPlotDatasetItem[]` | `VueUiHistoryPlotConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`
|
|
462
|
-
| `VueUiMolecule` | `VueUiMoleculeDatasetNode[]` | `VueUiMoleculeConfig` | `@selectNode`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#node`, `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`
|
|
463
|
-
| `VueUiMoodRadar` | `VueUiMoodRadarDataset` | `VueUiMoodRadarConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`
|
|
464
|
-
| `VueUiNestedDonuts` | `VueUiNestedDonutsDatasetItem[]` | `VueUiNestedDonutsConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`
|
|
465
|
-
| `VueUiOnion` | `VueUiOnionDatasetItem[]` | `VueUiOnionConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`
|
|
466
|
-
| `VueUiParallelCoordinatePlot` | `VueUiParallelCoordinatePlotDatasetItem[]` | `VueUiParallelCoordinatePlotConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`
|
|
467
|
-
| `VueUiQuadrant` | `VueUiQuadrantDatasetItem[]` | `VueUiQuadrantConfig` | `@selectLegend`, `@selectPlot`, `@selectSide`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`
|
|
468
|
-
| `VueUiRadar` | `VueUiRadarDataset` | `VueUiRadarConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`
|
|
469
|
-
| `VueUiRidgeline` | `VueUiRidgelineDatasetItem[]` | `VueUiRidgelineConfig` | `@selectLegend`, `@selectX`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#time-label`,`#watermark`, `#chart-background`, `#pattern`
|
|
470
|
-
| `VueUiRings` | `VueUiRingsDatasetItem[]` | `VueUiRingsConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`
|
|
471
|
-
| `VueUiScatter` | `VueUiScatterDatasetItem[]` | `VueUiScatterConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`
|
|
472
|
-
| `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`
|
|
473
|
-
| `VueUiStripPlot` | `VueUiStripPlotDataset[]` | `VueUiStripPlotConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`
|
|
474
|
-
| `VueUiThermometer` | `VueUiThermometerDataset` | `VueUiThermometerConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#watermark`, `#chart-background`
|
|
475
|
-
| `VueUiTiremarks` | `VueUiTiremarksDataset` | `VueUiTiremarksConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`
|
|
476
|
-
| `VueUiTreemap` | `VueUiTreemapDatasetItem[]` | `VueUiTreemapConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#rect`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#breadcrumb-label`, `#breadcrumb-arrow`
|
|
477
|
-
| `VueUiHorizontalBar` | `VueUiHorizontalBarDatasetItem[]` | `VueUiWheelConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleSort`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`
|
|
478
|
-
| `VueUiWaffle` | `VueUiWaffleDatasetItem[]` | `VueUiWaffleConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#pattern`
|
|
479
|
-
| `VueUiWheel` | `VueUiWheelDataset` | `VueUiWheelConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#watermark`, `#chart-background`
|
|
480
|
-
| `VueUiWordCloud` | `VueUiWordCloudDatasetItem[] / string` | `VueUiWordCloudConfig` | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip` , `getImage` | `#svg`, `#reset-action`, `#watermark`, `#tooltip-before`, `#tooltip-after`, `#chart-background`
|
|
481
|
-
| `VueUiXyCanvas` | `VueUiXyCanvasDatasetItem[]` | `VueUiXyCanvasConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage` | `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`
|
|
482
|
-
| `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` | ✅ | ✅ |
|
|
446
|
+
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
447
|
+
| ----------------------------- | ------------------------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ |
|
|
448
|
+
| `VueUiAgePyramid` | `Array<Array<string / number>>` | `VueUiSparklineConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
449
|
+
| `VueUiCandlestick` | `Array<Array<string / number>>` | `VueUiCandlestickConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
450
|
+
| `VueUiChestnut` | `VueUiChestnutDatasetRoot[]` | `VueUiChestnutConfig` | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
451
|
+
| `VueUiChord` | `VueUiChordDataset` | `VueUiChordConfig` | `@selectLegend`, `@selectGroup`, `@selectRibbon`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
452
|
+
| `VueUiCirclePack` | `VueUiCirclePackDatasetItem[]` | `VueUiCirclePackConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` , `#pattern`, `#zoom-label`, `#data-label` | ✅ | ✅ |
|
|
453
|
+
| `VueUiDonutEvolution` | `VueUiDonutEvolutionDatasetItem[]` | `VueUiDonutEvolutionConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#reset-action`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
454
|
+
| `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` | ✅ | ✅ |
|
|
455
|
+
| `VueUiDumbbell` | `VueUiDumbbellDataset[]` | `VueUiDumbbellConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
456
|
+
| `VueUiFlow` | `VueUiFlowDatasetItem[]` | `VueUiFlowConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#tooltip-before`, `#tooltip-after`, | ✅ | ✅ |
|
|
457
|
+
| `VueUiFunnel` | `VueUiFunnelDatasetItem[]` | `VueUiFunnelConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
458
|
+
| `VueUiGalaxy` | `VueUiGalaxyDatasetItem[]` | `VueUiGalaxyConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`,`#tooltip-before`, `#tooltip-after`, `#chart-background` | ✅ | ✅ |
|
|
459
|
+
| `VueUiGauge` | `VueUiGaugeDataset` | `VueUiGaugeConfig` | `generatePdf`, `generateImage`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
460
|
+
| `VueUiHeatmap` | `VueUiHeatmapDatasetItem[]` | `VueUiHeatmapConfig` | `@selectDatapoint`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
461
|
+
| `VueUiHistoryPlot` | `VueUiHistoryPlotDatasetItem[]` | `VueUiHistoryPlotConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
462
|
+
| `VueUiMolecule` | `VueUiMoleculeDatasetNode[]` | `VueUiMoleculeConfig` | `@selectNode`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#node`, `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
463
|
+
| `VueUiMoodRadar` | `VueUiMoodRadarDataset` | `VueUiMoodRadarConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
464
|
+
| `VueUiNestedDonuts` | `VueUiNestedDonutsDatasetItem[]` | `VueUiNestedDonutsConfig` | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
465
|
+
| `VueUiOnion` | `VueUiOnionDatasetItem[]` | `VueUiOnionConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
466
|
+
| `VueUiParallelCoordinatePlot` | `VueUiParallelCoordinatePlotDatasetItem[]` | `VueUiParallelCoordinatePlotConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
467
|
+
| `VueUiQuadrant` | `VueUiQuadrantDatasetItem[]` | `VueUiQuadrantConfig` | `@selectLegend`, `@selectPlot`, `@selectSide`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
468
|
+
| `VueUiRadar` | `VueUiRadarDataset` | `VueUiRadarConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
469
|
+
| `VueUiRidgeline` | `VueUiRidgelineDatasetItem[]` | `VueUiRidgelineConfig` | `@selectLegend`, `@selectX`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage` | `#svg`, `#legend`, `#time-label`,`#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
470
|
+
| `VueUiRings` | `VueUiRingsDatasetItem[]` | `VueUiRingsConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
471
|
+
| `VueUiScatter` | `VueUiScatterDatasetItem[]` | `VueUiScatterConfig` | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
472
|
+
| `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` | ✅ | ✅ |
|
|
473
|
+
| `VueUiStripPlot` | `VueUiStripPlotDataset[]` | `VueUiStripPlotConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
474
|
+
| `VueUiThermometer` | `VueUiThermometerDataset` | `VueUiThermometerConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
475
|
+
| `VueUiTiremarks` | `VueUiTiremarksDataset` | `VueUiTiremarksConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
476
|
+
| `VueUiTreemap` | `VueUiTreemapDatasetItem[]` | `VueUiTreemapConfig` | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#rect`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#breadcrumb-label`, `#breadcrumb-arrow` | ✅ | ✅ |
|
|
477
|
+
| `VueUiHorizontalBar` | `VueUiHorizontalBarDatasetItem[]` | `VueUiWheelConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleSort`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
|
|
478
|
+
| `VueUiWaffle` | `VueUiWaffleDatasetItem[]` | `VueUiWaffleConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#pattern` | ✅ | ✅ |
|
|
479
|
+
| `VueUiWheel` | `VueUiWheelDataset` | `VueUiWheelConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
480
|
+
| `VueUiWordCloud` | `VueUiWordCloudDatasetItem[] / string` | `VueUiWordCloudConfig` | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip` , `getImage` | `#svg`, `#reset-action`, `#watermark`, `#tooltip-before`, `#tooltip-after`, `#chart-background` | ✅ | ✅ |
|
|
481
|
+
| `VueUiXyCanvas` | `VueUiXyCanvasDatasetItem[]` | `VueUiXyCanvasConfig` | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage` | `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark` | ✅ | ✅ |
|
|
482
|
+
| `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`, `#area-gradient`, `#bar-gradient` | ✅ | ✅ |
|
|
483
483
|
|
|
484
484
|
### 3D charts
|
|
485
485
|
|
|
@@ -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-BlRUhv0O.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 { ref as L, reactive as P, computed as N, onMounted as R, onUnmounted as F, createBlock as I, openBlock as z, Teleport as V, createElementBlock as B, createCommentVNode as j, withModifiers as s, normalizeStyle as D, createElementVNode as o, unref as K, renderSlot as S, createVNode as U, normalizeClass as q, nextTick as A } from "vue";
|
|
2
|
-
import G from "./BaseIcon-
|
|
3
|
-
import { X as J } from "./index-
|
|
2
|
+
import G from "./BaseIcon-BCS8aIf4.js";
|
|
3
|
+
import { X as J } from "./index-BlRUhv0O.js";
|
|
4
4
|
import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const Z = ["xmlns"], _ = { class: "modal-title" }, ee = { class: "draggable-dialog-actions" }, te = {
|
|
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-BlRUhv0O.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-BCS8aIf4.js";
|
|
3
|
+
import { F as V } from "./index-BlRUhv0O.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 k, onMounted as E, createElementBlock as o, openBlock as l, normalizeClass as C, normalizeStyle as r, createCommentVNode as m, createElementVNode as a, withKeys as R, createVNode as B, toDisplayString as I, Fragment as g, renderList as p, renderSlot as N } from "vue";
|
|
2
|
-
import { _ as K } from "./Shape-
|
|
3
|
-
import O from "./BaseIcon-
|
|
2
|
+
import { _ as K } from "./Shape-B8Cdu8s1.js";
|
|
3
|
+
import O from "./BaseIcon-BCS8aIf4.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 a, normalizeStyle as d, renderSlot as r, Fragment as f, renderList as m, normalizeClass as g, createCommentVNode as p, createVNode as h, mergeProps as k, unref as v } from "vue";
|
|
2
|
-
import { a2 as y } from "./index-
|
|
3
|
-
import { _ as x } from "./Shape-
|
|
2
|
+
import { a2 as y } from "./index-BlRUhv0O.js";
|
|
3
|
+
import { _ as x } from "./Shape-B8Cdu8s1.js";
|
|
4
4
|
import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const b = ["id"], $ = ["onClick", "viewBox"], B = {
|
|
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, i as Se, X as Ae } from "./index-
|
|
3
|
-
import R from "./BaseIcon-
|
|
4
|
-
import { C as Ee } from "./ColorPicker-
|
|
2
|
+
import { l as $e, i as Se, X as Ae } from "./index-BlRUhv0O.js";
|
|
3
|
+
import R from "./BaseIcon-BCS8aIf4.js";
|
|
4
|
+
import { C as Ee } from "./ColorPicker-DF6PDOhr.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 = "3.1.
|
|
2
|
+
const n = "3.1.7", 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 C, withDirectives as ae, createVNode as $, 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, i as xe } from "./index-
|
|
2
|
+
import T from "./BaseIcon-BCS8aIf4.js";
|
|
3
|
+
import { C as we } from "./ColorPicker-DF6PDOhr.js";
|
|
4
|
+
import { l as be, i as xe } from "./index-BlRUhv0O.js";
|
|
5
5
|
const ye = {
|
|
6
6
|
class: "vue-ui-pen-and-paper-action",
|
|
7
7
|
style: { padding: "0 !important" }
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { computed as u, createElementBlock as r, openBlock as l, createCommentVNode as a, normalizeStyle as d } from "vue";
|
|
2
|
-
import { _ as f, R as p } from "./index-
|
|
2
|
+
import { _ as f, R as p } from "./index-BlRUhv0O.js";
|
|
3
3
|
const g = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], S = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], w = {
|
|
4
4
|
__name: "Shape",
|
|
5
5
|
props: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useCssVars as qe, computed as
|
|
2
|
-
import { c as Ye, V as pe, U as Se, X as _e, F as te } from "./index-
|
|
1
|
+
import { useCssVars as qe, computed as d, ref as i, onMounted as ge, onBeforeUnmount as Y, watch as P, nextTick as _, onUpdated as Ke, createElementBlock as m, openBlock as f, createElementVNode as v, createCommentVNode as y, renderSlot as Je, normalizeStyle as M, createVNode as Qe, withDirectives as be, unref as U, Fragment as xe, renderList as we, normalizeClass as T, vModelText as ye, toDisplayString as ee } from "vue";
|
|
2
|
+
import { c as Ye, V as pe, U as Se, X as _e, F as te } from "./index-BlRUhv0O.js";
|
|
3
3
|
import { t as Ce, u as et } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import tt from "./BaseIcon-
|
|
4
|
+
import tt from "./BaseIcon-BCS8aIf4.js";
|
|
5
5
|
import { _ as lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const at = {
|
|
7
7
|
class: "vue-data-ui-slicer-labels",
|
|
@@ -13,7 +13,7 @@ const at = {
|
|
|
13
13
|
key: 0,
|
|
14
14
|
class: "minimap",
|
|
15
15
|
style: { width: "100%" }
|
|
16
|
-
}, ut = ["xmlns", "viewBox"], ot = ["id"], rt = ["stop-color"], st = ["d", "stroke"],
|
|
16
|
+
}, ut = ["xmlns", "viewBox"], ot = ["id"], rt = ["stop-color"], st = ["d", "stroke"], dt = ["x", "width", "height", "fill", "rx"], vt = ["d", "fill"], ct = ["x", "width", "height", "rx", "fill"], mt = ["x", "width", "height", "fill", "rx"], ft = ["d", "fill"], ht = ["d", "stroke"], gt = ["cx", "cy", "stroke", "fill"], bt = ["cx", "cy", "stroke", "fill"], xt = ["x1", "x2", "y2", "stroke"], wt = ["x", "height", "width", "onMouseenter"], yt = ["min", "max"], pt = ["min", "max"], St = 48, Ct = {
|
|
17
17
|
__name: "Slicer",
|
|
18
18
|
props: {
|
|
19
19
|
background: {
|
|
@@ -124,16 +124,16 @@ const at = {
|
|
|
124
124
|
emits: ["update:start", "update:end", "reset", "trapMouse"],
|
|
125
125
|
setup(l, { expose: ke, emit: $e }) {
|
|
126
126
|
qe((t) => ({
|
|
127
|
-
|
|
128
|
-
"
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
"
|
|
127
|
+
"27c3b9e7": Re.value,
|
|
128
|
+
"808d7b4a": p.value,
|
|
129
|
+
e82d40e8: Ne.value,
|
|
130
|
+
c022f8ea: l.selectColor,
|
|
131
|
+
"2dd03099": Me.value
|
|
132
132
|
}));
|
|
133
|
-
const a = l, g = i(null), r = i(a.min),
|
|
133
|
+
const a = l, g = i(null), r = i(a.min), s = i(a.max), B = d(() => !!a.minimap.length), O = i(Ye()), Z = i(0);
|
|
134
134
|
ge(() => {
|
|
135
135
|
const t = () => {
|
|
136
|
-
g.value && (
|
|
136
|
+
g.value && (Z.value = g.value.getBoundingClientRect().width);
|
|
137
137
|
};
|
|
138
138
|
t();
|
|
139
139
|
const e = Ce(t, 50);
|
|
@@ -141,19 +141,19 @@ const at = {
|
|
|
141
141
|
window.removeEventListener("resize", e);
|
|
142
142
|
});
|
|
143
143
|
});
|
|
144
|
-
const Le =
|
|
145
|
-
const t = a.max - a.min, e = (r.value - a.min) / t * 100, n = (
|
|
144
|
+
const Le = d(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), L = $e, b = d(() => {
|
|
145
|
+
const t = a.max - a.min, e = (r.value - a.min) / t * 100, n = (s.value - a.min) / t * 100, u = (e + n) / 2, c = G.value ? `calc(${u}% - ${H.value.width}px)` : j.value ? `calc(${u}%)` : `calc(${u}% - ${H.value.width / 2}px)`;
|
|
146
146
|
return {
|
|
147
147
|
left: `${e}%`,
|
|
148
148
|
width: `${n - e}%`,
|
|
149
149
|
background: a.selectColor,
|
|
150
150
|
tooltipLeft: `calc(${e}% - ${j.value ? 0 : Q.value / 2}px)`,
|
|
151
|
-
tooltipRight: `calc(${n}% - ${G.value ?
|
|
151
|
+
tooltipRight: `calc(${n}% - ${G.value ? X.value : X.value / 2}px)`,
|
|
152
152
|
tooltipCenter: c,
|
|
153
153
|
arrowLeft: !j.value,
|
|
154
154
|
arrowRight: !G.value
|
|
155
155
|
};
|
|
156
|
-
}), j =
|
|
156
|
+
}), j = d(() => g.value ? g.value.getBoundingClientRect().width * ((r.value - a.min) / (a.max - a.min)) - Q.value / 2 < 0 : !1), G = d(() => g.value ? g.value.getBoundingClientRect().width * ((s.value - a.min) / (a.max - a.min)) + X.value / 2 > g.value.getBoundingClientRect().width : !1), Re = d(() => a.inputColor), Me = d(() => a.background), Ne = d(() => `${a.selectColor}33`), p = d(() => a.borderColor), le = d(() => {
|
|
157
157
|
const t = [];
|
|
158
158
|
for (let e = 0; e < a.minimap.length; e += 1)
|
|
159
159
|
t.push(e);
|
|
@@ -163,20 +163,20 @@ const at = {
|
|
|
163
163
|
L("reset");
|
|
164
164
|
}
|
|
165
165
|
function Ee() {
|
|
166
|
-
Number(r.value) > Number(
|
|
166
|
+
Number(r.value) > Number(s.value) - 1 && (r.value = Number(s.value) - 1), L("update:start", Number(r.value));
|
|
167
167
|
}
|
|
168
168
|
function Pe() {
|
|
169
|
-
Number(
|
|
169
|
+
Number(s.value) < Number(r.value) + 1 && (s.value = Number(r.value) + 1), L("update:end", Number(s.value));
|
|
170
170
|
}
|
|
171
171
|
P(
|
|
172
172
|
() => a.min,
|
|
173
173
|
(t) => {
|
|
174
|
-
Number(r.value) < Number(t) && (r.value = Number(t)), Number(
|
|
174
|
+
Number(r.value) < Number(t) && (r.value = Number(t)), Number(s.value) < Number(t) && (s.value = Number(t));
|
|
175
175
|
}
|
|
176
176
|
), P(
|
|
177
177
|
() => a.max,
|
|
178
178
|
(t) => {
|
|
179
|
-
Number(r.value) > Number(t) && (r.value = Number(t)), Number(
|
|
179
|
+
Number(r.value) > Number(t) && (r.value = Number(t)), Number(s.value) > Number(t) && (s.value = Number(t));
|
|
180
180
|
}
|
|
181
181
|
);
|
|
182
182
|
const q = i(null), o = i({
|
|
@@ -196,7 +196,7 @@ const at = {
|
|
|
196
196
|
}), Y(() => {
|
|
197
197
|
N.value && N.value.disconnect();
|
|
198
198
|
});
|
|
199
|
-
const h =
|
|
199
|
+
const h = d(() => a.minimap.length ? o.value.width / a.minimap.length : 0), x = d(() => {
|
|
200
200
|
if (!a.minimap.length) return [];
|
|
201
201
|
const t = Math.max(...a.minimap), e = Math.min(...a.minimap) - 10, n = t - (e > 0 ? 0 : e), u = a.minimap.map((Ze, je) => {
|
|
202
202
|
const Ge = Ze - e;
|
|
@@ -212,9 +212,9 @@ const at = {
|
|
|
212
212
|
firstPlot: u[a.valueStart],
|
|
213
213
|
lastPlot: u[a.valueEnd - 1]
|
|
214
214
|
};
|
|
215
|
-
}), w =
|
|
215
|
+
}), w = d(() => ({
|
|
216
216
|
x: h.value * r.value + h.value / 2,
|
|
217
|
-
width: o.value.width * ((
|
|
217
|
+
width: o.value.width * ((s.value - r.value) / a.max) - h.value
|
|
218
218
|
})), D = i(a.minimapSelectedIndex);
|
|
219
219
|
P(
|
|
220
220
|
() => a.minimapSelectedIndex,
|
|
@@ -231,12 +231,11 @@ const at = {
|
|
|
231
231
|
r.value = t, K.value && (K.value.value = t), L("update:start", Number(r.value));
|
|
232
232
|
}
|
|
233
233
|
function ie(t) {
|
|
234
|
-
|
|
234
|
+
s.value = t, J.value && (J.value.value = t), L("update:end", Number(s.value));
|
|
235
235
|
}
|
|
236
|
-
const
|
|
236
|
+
const W = d(() => a.valueEnd - a.valueStart), z = i(!1);
|
|
237
237
|
let De = i(null);
|
|
238
|
-
|
|
239
|
-
const ze = s(() => (W.value - 48) / (a.max - a.min) * X.value), Ie = s(() => Math.max(1, W.value - St - ze.value)), Ae = s(() => Math.max(1, a.max - a.min - X.value)), Fe = s(() => Ae.value / Ie.value), ue = i(0), oe = i(0), He = i(0), re = i(0);
|
|
238
|
+
const ze = d(() => (Z.value - 48) / (a.max - a.min) * W.value), Ie = d(() => Math.max(1, Z.value - St - ze.value)), Ae = d(() => Math.max(1, a.max - a.min - W.value)), Fe = d(() => Ae.value / Ie.value), ue = i(0), oe = i(0), He = i(0), re = i(0);
|
|
240
239
|
let S = null, C = null, k = null, $ = null;
|
|
241
240
|
const se = (t) => {
|
|
242
241
|
if (R.value = !0, !a.enableSelectionDrag) return;
|
|
@@ -246,10 +245,10 @@ const at = {
|
|
|
246
245
|
if (!u || !(u instanceof Element) || u.classList && u.classList.contains("range-handle")) return;
|
|
247
246
|
z.value = !0;
|
|
248
247
|
const c = e ? n ? n.clientX : 0 : t.clientX;
|
|
249
|
-
De.value = c, ue.value = c, oe.value = Number(r.value), He.value = Number(
|
|
248
|
+
De.value = c, ue.value = c, oe.value = Number(r.value), He.value = Number(s.value), re.value = Fe.value, S = e ? "touchmove" : "mousemove", C = e ? "touchend" : "mouseup", k = e ? We : Ve, $ = e ? Ue : Xe, window.addEventListener(S, k, { passive: !1 }), window.addEventListener(C, $);
|
|
250
249
|
};
|
|
251
250
|
function Ve(t) {
|
|
252
|
-
z.value &&
|
|
251
|
+
z.value && de(t.clientX);
|
|
253
252
|
}
|
|
254
253
|
function We(t) {
|
|
255
254
|
if (!z.value || !g.value) return;
|
|
@@ -257,31 +256,31 @@ const at = {
|
|
|
257
256
|
if (!(e instanceof Element) || !g.value.contains(e) || e.classList && e.classList.contains("range-handle")) return;
|
|
258
257
|
t.preventDefault();
|
|
259
258
|
const n = t.targetTouches && t.targetTouches[0] ? t.targetTouches[0] : null;
|
|
260
|
-
n &&
|
|
259
|
+
n && de(n.clientX);
|
|
261
260
|
}
|
|
262
|
-
function
|
|
261
|
+
function de(t) {
|
|
263
262
|
if (!z.value) return;
|
|
264
263
|
const n = (t - ue.value) * re.value;
|
|
265
264
|
let u = Math.round(oe.value + n);
|
|
266
|
-
u = Math.max(a.min, Math.min(u, a.max -
|
|
267
|
-
const c = u +
|
|
265
|
+
u = Math.max(a.min, Math.min(u, a.max - W.value));
|
|
266
|
+
const c = u + W.value;
|
|
268
267
|
ne(u), ie(c);
|
|
269
268
|
}
|
|
270
269
|
function Xe() {
|
|
271
|
-
|
|
270
|
+
ve();
|
|
272
271
|
}
|
|
273
272
|
function Ue() {
|
|
274
|
-
|
|
273
|
+
ve();
|
|
275
274
|
}
|
|
276
|
-
function
|
|
275
|
+
function ve() {
|
|
277
276
|
z.value = !1, S && k && window.removeEventListener(S, k), C && $ && window.removeEventListener(C, $), S = C = null, k = $ = null;
|
|
278
277
|
}
|
|
279
|
-
const E = i(!1), I = i(null), A = i(null), Q = i(1),
|
|
278
|
+
const E = i(!1), I = i(null), A = i(null), Q = i(1), X = i(1), R = i(!1);
|
|
280
279
|
function ce() {
|
|
281
280
|
I.value && (Q.value = I.value.getBoundingClientRect().width);
|
|
282
281
|
}
|
|
283
282
|
function me() {
|
|
284
|
-
A.value && (
|
|
283
|
+
A.value && (X.value = A.value.getBoundingClientRect().width);
|
|
285
284
|
}
|
|
286
285
|
const fe = i(0);
|
|
287
286
|
function he(t) {
|
|
@@ -291,7 +290,7 @@ const at = {
|
|
|
291
290
|
width: 0,
|
|
292
291
|
left: 0
|
|
293
292
|
});
|
|
294
|
-
return P([r,
|
|
293
|
+
return P([r, s], async () => {
|
|
295
294
|
if (await _(), !I.value || !A.value) {
|
|
296
295
|
F.value = !1, H.value = { width: 0, left: 0 };
|
|
297
296
|
return;
|
|
@@ -332,7 +331,7 @@ const at = {
|
|
|
332
331
|
onTouchstart: se,
|
|
333
332
|
onTouchend: e[11] || (e[11] = (n) => R.value = !1)
|
|
334
333
|
}, [
|
|
335
|
-
|
|
334
|
+
v("div", at, [
|
|
336
335
|
l.valueStart !== l.refreshStartPoint || l.valueEnd !== Le.value ? (f(), m("div", nt, [
|
|
337
336
|
l.useResetSlot ? Je(t.$slots, "reset-action", {
|
|
338
337
|
key: 1,
|
|
@@ -355,7 +354,7 @@ const at = {
|
|
|
355
354
|
], 4))
|
|
356
355
|
])) : y("", !0)
|
|
357
356
|
]),
|
|
358
|
-
|
|
357
|
+
v("div", {
|
|
359
358
|
class: "double-range-slider",
|
|
360
359
|
ref_key: "minimapWrapper",
|
|
361
360
|
ref: q,
|
|
@@ -365,28 +364,28 @@ const at = {
|
|
|
365
364
|
}, [
|
|
366
365
|
B.value ? (f(), m("div", it, [
|
|
367
366
|
(f(), m("svg", {
|
|
368
|
-
xmlns:
|
|
367
|
+
xmlns: U(_e),
|
|
369
368
|
viewBox: `0 0 ${o.value.width < 0 ? 0 : o.value.width} ${o.value.height < 0 ? 0 : o.value.height}`
|
|
370
369
|
}, [
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
id:
|
|
370
|
+
v("defs", null, [
|
|
371
|
+
v("linearGradient", {
|
|
372
|
+
id: O.value,
|
|
374
373
|
x1: "0%",
|
|
375
374
|
y1: "0%",
|
|
376
375
|
x2: "0%",
|
|
377
376
|
y2: "100%"
|
|
378
377
|
}, [
|
|
379
|
-
|
|
378
|
+
v("stop", {
|
|
380
379
|
offset: "0%",
|
|
381
380
|
"stop-color": `${l.minimapLineColor}50`
|
|
382
381
|
}, null, 8, rt),
|
|
383
|
-
e[12] || (e[12] =
|
|
382
|
+
e[12] || (e[12] = v("stop", {
|
|
384
383
|
offset: "100%",
|
|
385
384
|
"stop-color": "transparent"
|
|
386
385
|
}, null, -1))
|
|
387
386
|
], 8, ot)
|
|
388
387
|
]),
|
|
389
|
-
|
|
388
|
+
v("path", {
|
|
390
389
|
d: `M${x.value.fullSet}`,
|
|
391
390
|
stroke: `${l.minimapLineColor}`,
|
|
392
391
|
fill: "none",
|
|
@@ -395,7 +394,7 @@ const at = {
|
|
|
395
394
|
"stroke-linejoin": "round",
|
|
396
395
|
style: { opacity: "1" }
|
|
397
396
|
}, null, 8, st),
|
|
398
|
-
|
|
397
|
+
v("rect", {
|
|
399
398
|
x: w.value.x,
|
|
400
399
|
width: w.value.width < 0 ? 0 : w.value.width,
|
|
401
400
|
height: Math.max(o.value.height, 0),
|
|
@@ -403,14 +402,14 @@ const at = {
|
|
|
403
402
|
fill: p.value,
|
|
404
403
|
rx: l.minimapSelectionRadius,
|
|
405
404
|
stroke: "none"
|
|
406
|
-
}, null, 8,
|
|
407
|
-
|
|
405
|
+
}, null, 8, dt),
|
|
406
|
+
v("path", {
|
|
408
407
|
d: `M${h.value / 2},${Math.max(o.value.height, 0)} ${x.value.fullSet} L${o.value.width - h.value / 2},${Math.max(o.value.height, 0)}Z`,
|
|
409
|
-
fill: `url(#${
|
|
408
|
+
fill: `url(#${O.value})`,
|
|
410
409
|
stroke: "none",
|
|
411
410
|
style: { opacity: "1" }
|
|
412
|
-
}, null, 8,
|
|
413
|
-
|
|
411
|
+
}, null, 8, vt),
|
|
412
|
+
v("rect", {
|
|
414
413
|
x: w.value.x,
|
|
415
414
|
width: w.value.width < 0 ? 0 : w.value.width,
|
|
416
415
|
height: Math.max(o.value.height, 0),
|
|
@@ -418,7 +417,7 @@ const at = {
|
|
|
418
417
|
rx: l.minimapSelectionRadius,
|
|
419
418
|
fill: p.value
|
|
420
419
|
}, null, 8, ct),
|
|
421
|
-
|
|
420
|
+
v("rect", {
|
|
422
421
|
x: w.value.x,
|
|
423
422
|
width: w.value.width < 0 ? 0 : w.value.width,
|
|
424
423
|
height: Math.max(o.value.height, 0),
|
|
@@ -429,13 +428,13 @@ const at = {
|
|
|
429
428
|
opacity: l.minimapSelectedColorOpacity
|
|
430
429
|
})
|
|
431
430
|
}, null, 12, mt),
|
|
432
|
-
|
|
431
|
+
v("path", {
|
|
433
432
|
d: `M${x.value.sliced[0].x},${Math.max(o.value.height, 0)} ${x.value.selectionSet} L${x.value.sliced.at(-1).x},${Math.max(o.value.height, 0)}Z`,
|
|
434
|
-
fill: `url(#${
|
|
433
|
+
fill: `url(#${O.value})`,
|
|
435
434
|
stroke: "none",
|
|
436
435
|
style: { opacity: "1" }
|
|
437
436
|
}, null, 8, ft),
|
|
438
|
-
|
|
437
|
+
v("path", {
|
|
439
438
|
d: `M ${x.value.selectionSet}`,
|
|
440
439
|
stroke: `${l.minimapLineColor}`,
|
|
441
440
|
fill: "transparent",
|
|
@@ -443,7 +442,7 @@ const at = {
|
|
|
443
442
|
"stroke-linecap": "round",
|
|
444
443
|
"stroke-linejoin": "round"
|
|
445
444
|
}, null, 8, ht),
|
|
446
|
-
|
|
445
|
+
v("circle", {
|
|
447
446
|
cx: x.value.firstPlot.x,
|
|
448
447
|
cy: x.value.firstPlot.y,
|
|
449
448
|
"stroke-width": "0.5",
|
|
@@ -451,7 +450,7 @@ const at = {
|
|
|
451
450
|
r: "3",
|
|
452
451
|
fill: l.minimapLineColor
|
|
453
452
|
}, null, 8, gt),
|
|
454
|
-
|
|
453
|
+
v("circle", {
|
|
455
454
|
cx: x.value.lastPlot.x,
|
|
456
455
|
cy: x.value.lastPlot.y,
|
|
457
456
|
"stroke-width": "0.5",
|
|
@@ -490,8 +489,8 @@ const at = {
|
|
|
490
489
|
}, null, 44, wt))), 256))
|
|
491
490
|
], 8, ut))
|
|
492
491
|
])) : y("", !0),
|
|
493
|
-
e[13] || (e[13] =
|
|
494
|
-
|
|
492
|
+
e[13] || (e[13] = v("div", { class: "slider-track" }, null, -1)),
|
|
493
|
+
v("div", {
|
|
495
494
|
class: T({
|
|
496
495
|
"range-highlight": !0,
|
|
497
496
|
move: l.enableSelectionDrag
|
|
@@ -525,11 +524,11 @@ const at = {
|
|
|
525
524
|
class: T({ "range-right": !0, "range-handle": !0, "range-minimap": B.value && l.verticalHandles }),
|
|
526
525
|
min: l.min,
|
|
527
526
|
max: l.max,
|
|
528
|
-
"onUpdate:modelValue": e[7] || (e[7] = (n) =>
|
|
527
|
+
"onUpdate:modelValue": e[7] || (e[7] = (n) => s.value = n),
|
|
529
528
|
onInput: Pe,
|
|
530
529
|
onMouseenter: e[8] || (e[8] = (n) => he("end"))
|
|
531
530
|
}, null, 42, pt)), [
|
|
532
|
-
[ye,
|
|
531
|
+
[ye, s.value]
|
|
533
532
|
]) : y("", !0),
|
|
534
533
|
l.labelLeft ? (f(), m("div", {
|
|
535
534
|
key: 3,
|
|
@@ -543,7 +542,7 @@ const at = {
|
|
|
543
542
|
}),
|
|
544
543
|
style: M({
|
|
545
544
|
left: b.value.tooltipLeft,
|
|
546
|
-
color:
|
|
545
|
+
color: U(te)(l.selectColor),
|
|
547
546
|
backgroundColor: l.selectColor,
|
|
548
547
|
border: `1px solid ${p.value}`,
|
|
549
548
|
zIndex: `${fe.value + 4}`,
|
|
@@ -563,7 +562,7 @@ const at = {
|
|
|
563
562
|
style: M({
|
|
564
563
|
left: b.value.tooltipCenter,
|
|
565
564
|
width: H.value.width + "px",
|
|
566
|
-
color:
|
|
565
|
+
color: U(te)(l.selectColor),
|
|
567
566
|
backgroundColor: l.selectColor,
|
|
568
567
|
border: `1px solid ${p.value}`,
|
|
569
568
|
zIndex: "4"
|
|
@@ -581,7 +580,7 @@ const at = {
|
|
|
581
580
|
}),
|
|
582
581
|
style: M({
|
|
583
582
|
left: b.value.tooltipRight,
|
|
584
|
-
color:
|
|
583
|
+
color: U(te)(l.selectColor),
|
|
585
584
|
backgroundColor: l.selectColor,
|
|
586
585
|
border: `1px solid ${p.value}`,
|
|
587
586
|
zIndex: "4",
|
|
@@ -591,7 +590,7 @@ const at = {
|
|
|
591
590
|
], 544)
|
|
592
591
|
], 544));
|
|
593
592
|
}
|
|
594
|
-
}, Nt = /* @__PURE__ */ lt(Ct, [["__scopeId", "data-v-
|
|
593
|
+
}, Nt = /* @__PURE__ */ lt(Ct, [["__scopeId", "data-v-d86f2c1b"]]);
|
|
595
594
|
export {
|
|
596
595
|
Nt as S
|
|
597
596
|
};
|