vue-data-ui 3.9.21 → 3.10.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 +76 -57
- package/dist/{BaseDraggableDialog-LQz9Nmbj.js → BaseDraggableDialog-O2XSymlZ.js} +1 -1
- package/dist/{BaseIcon-rQpZbUMg.js → BaseIcon-B9bGT7HU.js} +22 -8
- package/dist/{BaseZoomControls-8e6l8HWf.js → BaseZoomControls-B4rpv4Kk.js} +1 -1
- package/dist/{ColorPicker-C-M_3O5E.js → ColorPicker-VKEPgk58.js} +1 -1
- package/dist/{DataTable-CRLvcC19.js → DataTable-DEwh__D8.js} +15 -15
- package/dist/{NonSvgPenAndPaper-DHu-zNDR.js → NonSvgPenAndPaper-CxbOhI52.js} +2 -2
- package/dist/{PackageVersion-BiGAIrqC.js → PackageVersion-C-JOGZBL.js} +1 -1
- package/dist/{PenAndPaper-D6dHXPfu.js → PenAndPaper-CulSakut.js} +2 -2
- package/dist/{Slicer-iEpMHxAy.js → Slicer-EQH4YKwe.js} +1 -1
- package/dist/{SlicerPreview-Dfih1r3H.js → SlicerPreview-Ddfxn6es.js} +1 -1
- package/dist/{Title-B7pkWzTi.js → Title-B5L2jweB.js} +1 -1
- package/dist/UserOptions-5pXc4J-c.js +1347 -0
- package/dist/components/vue-ui-3d-bar.js +1 -1
- package/dist/components/vue-ui-accordion.js +1 -1
- package/dist/components/vue-ui-age-pyramid.js +1 -1
- package/dist/components/vue-ui-annotator.js +1 -1
- package/dist/components/vue-ui-bullet.js +1 -1
- package/dist/components/vue-ui-bump.js +5 -0
- package/dist/components/vue-ui-candlestick.js +1 -1
- package/dist/components/vue-ui-carousel-table.js +1 -1
- package/dist/components/vue-ui-chestnut.js +1 -1
- package/dist/components/vue-ui-chord.js +1 -1
- package/dist/components/vue-ui-circle-pack.js +1 -1
- package/dist/components/vue-ui-cursor.js +1 -1
- package/dist/components/vue-ui-dag.js +1 -1
- package/dist/components/vue-ui-dashboard.js +1 -1
- package/dist/components/vue-ui-digits.js +1 -1
- package/dist/components/vue-ui-donut-evolution.js +1 -1
- package/dist/components/vue-ui-donut.js +1 -1
- package/dist/components/vue-ui-dumbbell.js +1 -1
- package/dist/components/vue-ui-flow.js +1 -1
- package/dist/components/vue-ui-funnel.js +1 -1
- package/dist/components/vue-ui-galaxy.js +1 -1
- package/dist/components/vue-ui-gauge.js +1 -1
- package/dist/components/vue-ui-geo.js +1 -1
- package/dist/components/vue-ui-gizmo.js +1 -1
- package/dist/components/vue-ui-heatmap.js +1 -1
- package/dist/components/vue-ui-history-plot.js +1 -1
- package/dist/components/vue-ui-horizontal-bar.js +1 -1
- package/dist/components/vue-ui-icon.js +1 -1
- package/dist/components/vue-ui-kpi.js +1 -1
- package/dist/components/vue-ui-mini-loader.js +1 -1
- package/dist/components/vue-ui-molecule.js +1 -1
- package/dist/components/vue-ui-mood-radar.js +1 -1
- package/dist/components/vue-ui-nested-donuts.js +1 -1
- package/dist/components/vue-ui-onion.js +1 -1
- package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
- package/dist/components/vue-ui-quadrant.js +1 -1
- package/dist/components/vue-ui-quick-chart.js +1 -1
- package/dist/components/vue-ui-radar.js +1 -1
- package/dist/components/vue-ui-rating.js +1 -1
- package/dist/components/vue-ui-relation-circle.js +1 -1
- package/dist/components/vue-ui-ridgeline.js +1 -1
- package/dist/components/vue-ui-rings.js +1 -1
- package/dist/components/vue-ui-scatter.js +1 -1
- package/dist/components/vue-ui-skeleton.js +1 -1
- package/dist/components/vue-ui-smiley.js +1 -1
- package/dist/components/vue-ui-spark-trend.js +1 -1
- package/dist/components/vue-ui-sparkbar.js +1 -1
- package/dist/components/vue-ui-sparkgauge.js +1 -1
- package/dist/components/vue-ui-sparkhistogram.js +1 -1
- package/dist/components/vue-ui-sparkline.js +1 -1
- package/dist/components/vue-ui-sparkstackbar.js +1 -1
- package/dist/components/vue-ui-stackbar.js +1 -1
- package/dist/components/vue-ui-stackline.js +1 -1
- package/dist/components/vue-ui-strip-plot.js +1 -1
- package/dist/components/vue-ui-table-heatmap.js +1 -1
- package/dist/components/vue-ui-table-sparkline.js +1 -1
- package/dist/components/vue-ui-table.js +1 -1
- package/dist/components/vue-ui-thermometer.js +1 -1
- package/dist/components/vue-ui-timer.js +1 -1
- package/dist/components/vue-ui-tiremarks.js +1 -1
- package/dist/components/vue-ui-treemap.js +1 -1
- package/dist/components/vue-ui-vertical-bar.js +1 -1
- package/dist/components/vue-ui-waffle.js +1 -1
- package/dist/components/vue-ui-wheel.js +1 -1
- package/dist/components/vue-ui-word-cloud.js +1 -1
- package/dist/components/vue-ui-world.js +1 -1
- package/dist/components/vue-ui-xy-canvas.js +1 -1
- package/dist/components/vue-ui-xy.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.ts +222 -5
- package/dist/types/vue-ui-bump.d.ts +16 -0
- package/dist/{useNestedProp-gqRzbKJy.js → useNestedProp-BCt4DMkT.js} +271 -163
- package/dist/{vue-data-ui-C0zyzSI7.js → vue-data-ui-CwfD22m4.js} +79 -77
- package/dist/vue-data-ui.js +89 -87
- package/dist/{vue-ui-3d-bar-DlUrsPdB.js → vue-ui-3d-bar-DAr11NEe.js} +3 -3
- package/dist/{vue-ui-accordion-Cy3d_0_S.js → vue-ui-accordion-CAXPDm31.js} +2 -2
- package/dist/{vue-ui-age-pyramid-CW2CmApD.js → vue-ui-age-pyramid-KApqwR11.js} +3 -3
- package/dist/{vue-ui-annotator-DgDMYDKr.js → vue-ui-annotator-D-x-F49X.js} +4 -4
- package/dist/{vue-ui-bullet-Dfz8VKqe.js → vue-ui-bullet-D3ZOexko.js} +3 -3
- package/dist/vue-ui-bump-BJUb7fNz.js +1002 -0
- package/dist/{vue-ui-candlestick-xyQGCkr8.js → vue-ui-candlestick-BBwYtV1-.js} +4 -4
- package/dist/{vue-ui-carousel-table-eqx_-juF.js → vue-ui-carousel-table-DrzQReuc.js} +2 -2
- package/dist/{vue-ui-chestnut-DQM73VJP.js → vue-ui-chestnut-ByqOYfmS.js} +2 -2
- package/dist/{vue-ui-chord-ij0fy_Vk.js → vue-ui-chord-3k3MxDxL.js} +3 -3
- package/dist/{vue-ui-circle-pack-iL6dfKsl.js → vue-ui-circle-pack-U-fW2dBh.js} +3 -3
- package/dist/{vue-ui-cursor-BwtAgyzA.js → vue-ui-cursor-PxyKLKT4.js} +2 -2
- package/dist/{vue-ui-dag-DyVpGUMm.js → vue-ui-dag-BgB4pBHg.js} +4 -4
- package/dist/{vue-ui-dashboard-Dp8tt7UQ.js → vue-ui-dashboard-Bb0qmaCv.js} +66 -66
- package/dist/{vue-ui-digits-bUDar5q1.js → vue-ui-digits-DWt_f5c-.js} +1 -1
- package/dist/{vue-ui-donut-XhYkW3YB.js → vue-ui-donut-Ce4aLPAr.js} +3 -3
- package/dist/{vue-ui-donut-evolution-BtSDnqw5.js → vue-ui-donut-evolution-Dn8sOIr-.js} +4 -4
- package/dist/{vue-ui-dumbbell-Dk9GEs9q.js → vue-ui-dumbbell-Bu8opmEM.js} +3 -3
- package/dist/{vue-ui-flow-Dmadpe5T.js → vue-ui-flow-CavJTxRY.js} +3 -3
- package/dist/{vue-ui-funnel-BGZmzIxy.js → vue-ui-funnel-CWSmOHEt.js} +3 -3
- package/dist/{vue-ui-galaxy-btCfKlLt.js → vue-ui-galaxy-CqeQVqG-.js} +3 -3
- package/dist/{vue-ui-gauge-CIq10clu.js → vue-ui-gauge-DnU9JZ0v.js} +3 -3
- package/dist/{vue-ui-geo-C72smrB2.js → vue-ui-geo-Dg8W127k.js} +4 -4
- package/dist/{vue-ui-gizmo-BCy3dErL.js → vue-ui-gizmo-BfyTXxBY.js} +2 -2
- package/dist/{vue-ui-heatmap-DX1asUT7.js → vue-ui-heatmap-D_JOEm4-.js} +4 -4
- package/dist/{vue-ui-history-plot-DFtOy7CE.js → vue-ui-history-plot-DgMc6-9X.js} +3 -3
- package/dist/{vue-ui-horizontal-bar-BpN0u8hd.js → vue-ui-horizontal-bar-BPX7YBdV.js} +8 -8
- package/dist/{vue-ui-kpi-CnmyYRvK.js → vue-ui-kpi-BqCS6onP.js} +2 -2
- package/dist/{vue-ui-mini-loader-DVEVYQd5.js → vue-ui-mini-loader-CcXuJ3iD.js} +1 -1
- package/dist/{vue-ui-molecule-CETOdJ0z.js → vue-ui-molecule-CX-pPp0u.js} +2 -2
- package/dist/{vue-ui-mood-radar-BOq7hUtX.js → vue-ui-mood-radar-3nHlZfrB.js} +3 -3
- package/dist/{vue-ui-nested-donuts-C6Popcf-.js → vue-ui-nested-donuts-cz79gQlJ.js} +3 -3
- package/dist/{vue-ui-onion-BHIySmN4.js → vue-ui-onion-yseOpPeu.js} +3 -3
- package/dist/{vue-ui-parallel-coordinate-plot-BAAEnWGD.js → vue-ui-parallel-coordinate-plot-Dqg_vJCM.js} +3 -3
- package/dist/{vue-ui-quadrant-JvGjWc7P.js → vue-ui-quadrant-D4UDUZoN.js} +3 -3
- package/dist/{vue-ui-quick-chart-Nffw66GY.js → vue-ui-quick-chart-BMDrPkAJ.js} +3 -3
- package/dist/{vue-ui-radar-CdjuAdeB.js → vue-ui-radar-B_wSZVDb.js} +3 -3
- package/dist/{vue-ui-rating-CTN4-Xx3.js → vue-ui-rating-CBedYtOp.js} +1 -1
- package/dist/{vue-ui-relation-circle-Cb3uKDYx.js → vue-ui-relation-circle-DydZv4Pf.js} +3 -3
- package/dist/{vue-ui-ridgeline-Dgr0nyh1.js → vue-ui-ridgeline-BGerPYkY.js} +3 -3
- package/dist/{vue-ui-rings-Ctkw20nS.js → vue-ui-rings-BdYnuNS7.js} +3 -3
- package/dist/{vue-ui-scatter-BpeJpMqR.js → vue-ui-scatter-QISpPygj.js} +3 -3
- package/dist/{vue-ui-skeleton-C8-nUbeq.js → vue-ui-skeleton-CdpD_Zjk.js} +2 -2
- package/dist/{vue-ui-smiley-CxVaJpm8.js → vue-ui-smiley-CTeSlfZa.js} +1 -1
- package/dist/{vue-ui-spark-trend-BRayrIQ5.js → vue-ui-spark-trend-Jgho2QgC.js} +2 -2
- package/dist/{vue-ui-sparkbar-D5UO6Yae.js → vue-ui-sparkbar-CLqcdko6.js} +2 -2
- package/dist/{vue-ui-sparkgauge-DMvYS_KK.js → vue-ui-sparkgauge-BA3NDOhA.js} +2 -2
- package/dist/{vue-ui-sparkhistogram-CNwDggdT.js → vue-ui-sparkhistogram-fb8hGuCn.js} +2 -2
- package/dist/{vue-ui-sparkline-Dh6mAGol.js → vue-ui-sparkline-BWdvoOYj.js} +2 -2
- package/dist/{vue-ui-sparkstackbar-CFhUgaiz.js → vue-ui-sparkstackbar-DbbdPqIp.js} +2 -2
- package/dist/{vue-ui-stackbar-g5Sq_ZTb.js → vue-ui-stackbar-MYly9iMc.js} +5 -5
- package/dist/{vue-ui-stackline-CKwIVvUs.js → vue-ui-stackline-L0q_GsYv.js} +5 -5
- package/dist/{vue-ui-strip-plot-CvCBxxNn.js → vue-ui-strip-plot-B7W1EZdY.js} +3 -3
- package/dist/{vue-ui-table-DswHIBiJ.js → vue-ui-table-WSRRp_nE.js} +4 -4
- package/dist/{vue-ui-table-heatmap-Crgh4Fiz.js → vue-ui-table-heatmap-Bqr4Eubg.js} +2 -2
- package/dist/{vue-ui-table-sparkline-BJGYRzNL.js → vue-ui-table-sparkline-UhaEz2jD.js} +2 -2
- package/dist/{vue-ui-thermometer-46TB3agk.js → vue-ui-thermometer-BFwmgdMO.js} +3 -3
- package/dist/{vue-ui-timer-CgEPlDmY.js → vue-ui-timer-CoLOwKwP.js} +4 -4
- package/dist/{vue-ui-tiremarks-DZHVry9u.js → vue-ui-tiremarks-CvXOa3z4.js} +3 -3
- package/dist/{vue-ui-treemap-3_8JQzd0.js → vue-ui-treemap-C8HbMbin.js} +4 -4
- package/dist/{vue-ui-waffle-Ck_wiBzc.js → vue-ui-waffle-rS6LRZNV.js} +3 -3
- package/dist/{vue-ui-wheel-4ZZLizdv.js → vue-ui-wheel-BGle0ni9.js} +3 -3
- package/dist/{vue-ui-word-cloud-BPA2fseE.js → vue-ui-word-cloud-Dj1lJdtL.js} +4 -4
- package/dist/{vue-ui-world-K4hMlU7V.js → vue-ui-world-C7d5vM6d.js} +2 -2
- package/dist/{vue-ui-xy-cHQ3KQCE.js → vue-ui-xy-De-FDHwh.js} +5 -5
- package/dist/{vue-ui-xy-canvas-Qeg6DtP0.js → vue-ui-xy-canvas-CoBMpLeE.js} +6 -6
- package/package.json +1 -1
- package/dist/UserOptions-BlWCqtbi.js +0 -649
package/README.md
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
# vue-data-ui
|
|
9
9
|
|
|
10
10
|
[](https://github.com/graphieros/vue-data-ui)
|
|
11
|
-
[](https://github.com/graphieros/vue-data-ui)
|
|
12
12
|
[](https://github.com/graphieros/vue-data-ui/issues)
|
|
13
13
|
[](https://github.com/graphieros/vue-data-ui?tab=MIT-1-ov-file#readme)
|
|
14
14
|
[](https://madewithvuejs.com/p/vue-data-ui/shield-link)
|
|
@@ -24,6 +24,7 @@ Available components
|
|
|
24
24
|
## Charts
|
|
25
25
|
|
|
26
26
|
- [VueUiAgePyramid](https://vue-data-ui.graphieros.com/docs#vue-ui-age-pyramid)
|
|
27
|
+
- [VueUiBump](https://vue-data-ui.graphieros.com/docs#vue-ui-bump)
|
|
27
28
|
- [VueUiCandlestick](https://vue-data-ui.graphieros.com/docs#vue-ui-candlestick)
|
|
28
29
|
- [VueUiChestnut](https://vue-data-ui.graphieros.com/docs#vue-ui-chestnut)
|
|
29
30
|
- [VueUiChord](https://vue-data-ui.graphieros.com/docs#vue-ui-chord)
|
|
@@ -452,6 +453,7 @@ From the dataset you pass into the props, this component will produce the most a
|
|
|
452
453
|
| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes |
|
|
453
454
|
| ----------------------------- | ------------------------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ |
|
|
454
455
|
| `VueUiAgePyramid` | `Array<Array<string / number>>` | `VueUiSparklineConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
456
|
+
| `VueUiBump` | `VueUiBumpDatapointItem[]` | `VueUiBumpConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getData`, `getImage` | `#svg`, `#watermark`, `#chart-background`, `#time-label` | ❌ | ✅ |
|
|
455
457
|
| `VueUiCandlestick` | `Array<Array<string / number>>` | `VueUiCandlestickConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background` | ✅ | ✅ |
|
|
456
458
|
| `VueUiChestnut` | `VueUiChestnutDatasetRoot[]` | `VueUiChestnutConfig` | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
|
|
457
459
|
| `VueUiChord` | `VueUiChordDataset` | `VueUiChordConfig` | `@selectLegend`, `@selectGroup`, `@selectRibbon`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern` | ❌ | ✅ |
|
|
@@ -554,6 +556,19 @@ All names of available icons are available in the vue-data-ui.d.ts file under th
|
|
|
554
556
|
| `isSpin` | `boolean` | `false` |
|
|
555
557
|
| `spinDuration` | `string` | `'1s'` |
|
|
556
558
|
|
|
559
|
+
Icons have 2 slots that can be used to display exp or sub icons:
|
|
560
|
+
|
|
561
|
+
```html
|
|
562
|
+
<VueUiIcon name="database">
|
|
563
|
+
<template #exp v-if="isLoading">
|
|
564
|
+
<VueUiIcon name="spinner2" :is-spin="true"/>
|
|
565
|
+
</template>
|
|
566
|
+
<template #sub>
|
|
567
|
+
<VueUiIcon name="person"/>
|
|
568
|
+
</sub>
|
|
569
|
+
</VueUiIcon>
|
|
570
|
+
```
|
|
571
|
+
|
|
557
572
|
# User options
|
|
558
573
|
|
|
559
574
|
User options menu is accessible in the burger menu located on the top right of the charts, and visible by default.
|
|
@@ -636,60 +651,61 @@ const config = {
|
|
|
636
651
|
|
|
637
652
|
User options actions available per chart:
|
|
638
653
|
|
|
639
|
-
| Chart name | User options actions slot names
|
|
640
|
-
| --------------------------- |
|
|
641
|
-
| VueUi3dBar | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator |
|
|
642
|
-
| VueUiAgePyramid | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator |
|
|
643
|
-
|
|
|
644
|
-
|
|
|
645
|
-
|
|
|
646
|
-
|
|
|
647
|
-
|
|
|
648
|
-
|
|
|
649
|
-
|
|
|
650
|
-
|
|
|
651
|
-
|
|
|
652
|
-
|
|
|
653
|
-
|
|
|
654
|
-
|
|
|
655
|
-
|
|
|
656
|
-
|
|
|
657
|
-
|
|
|
658
|
-
|
|
|
659
|
-
|
|
|
660
|
-
|
|
|
661
|
-
|
|
|
662
|
-
|
|
|
663
|
-
|
|
|
664
|
-
|
|
|
665
|
-
|
|
|
666
|
-
|
|
|
667
|
-
|
|
|
668
|
-
|
|
|
669
|
-
|
|
|
670
|
-
|
|
|
671
|
-
|
|
|
672
|
-
|
|
|
673
|
-
|
|
|
674
|
-
|
|
|
675
|
-
|
|
|
676
|
-
|
|
|
677
|
-
|
|
|
678
|
-
|
|
|
679
|
-
|
|
|
680
|
-
|
|
|
681
|
-
|
|
|
682
|
-
|
|
|
683
|
-
|
|
|
684
|
-
|
|
|
685
|
-
|
|
|
686
|
-
|
|
|
687
|
-
|
|
|
688
|
-
|
|
|
689
|
-
|
|
|
690
|
-
|
|
|
691
|
-
|
|
|
692
|
-
|
|
|
654
|
+
| Chart name | User options actions slot names |
|
|
655
|
+
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
|
|
656
|
+
| VueUi3dBar | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
657
|
+
| VueUiAgePyramid | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
658
|
+
| VueUiBump | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
659
|
+
| VueUiBullet | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg |
|
|
660
|
+
| VueUiCandlestick | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
661
|
+
| VueUiCarouselTable | optionPdf, optionImg, optionCsv, optionAnimation, optionFullscreen |
|
|
662
|
+
| VueUiChestnut | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
663
|
+
| VueUiChord | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
664
|
+
| VueUiCirclePack | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
665
|
+
| VueUiDag | optionPdf, optionImg, optionSvg, optionFullscreen, optionAnnotator, optionZoom |
|
|
666
|
+
| VueUiDonut | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg |
|
|
667
|
+
| VueUiDonutEvolution | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
668
|
+
| VueUiDumbbell | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
669
|
+
| VueUiFlow | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
670
|
+
| VueUiFunnel | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
671
|
+
| VueUiGalaxy | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
672
|
+
| VueUiGauge | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg |
|
|
673
|
+
| VueUiGeo | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionZoom, optionSvg |
|
|
674
|
+
| VueUiHeatmap | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
675
|
+
| VueUiHistoryPlot | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
676
|
+
| VueUiHorizontalBar | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionSort, optionFullscreen, optionAnnotator, optionSvg |
|
|
677
|
+
| VueUiMolecule | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionZoom, optionSvg |
|
|
678
|
+
| VueUiMoodRadar | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
679
|
+
| VueUiNestedDonuts | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg |
|
|
680
|
+
| VueUiOnion | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
681
|
+
| VueUiParallelCoordinatePlot | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg |
|
|
682
|
+
| VueUiQuadrant | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg |
|
|
683
|
+
| VueUiQuickChart | optionTooltip, optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg |
|
|
684
|
+
| VueUiRadar | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
685
|
+
| VueUiRelationCircle | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg |
|
|
686
|
+
| VueUiRidgeline | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
687
|
+
| VueUiRings | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionLabels, optionSvg |
|
|
688
|
+
| VueUiScatter | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
689
|
+
| VueUiSparkHistogram | (no user options menu) |
|
|
690
|
+
| VueUiSparkStackbar | (no user options menu) |
|
|
691
|
+
| VueUiSparkTrend | (no user options menu) |
|
|
692
|
+
| VueUiSparkbar | (no user options menu) |
|
|
693
|
+
| VueUiSparkgauge | (no user options menu) |
|
|
694
|
+
| VueUiSparkline | (no user options menu) |
|
|
695
|
+
| VueUiStackbar | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg |
|
|
696
|
+
| VueUiStackline | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg |
|
|
697
|
+
| VueUiStripPlot | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg |
|
|
698
|
+
| VueUiTableHeatmap | optionPdf, optionImg, optionCsv, optionFullscreen |
|
|
699
|
+
| VueUiTableSparkline | optionPdf, optionImg, optionCsv, optionFullscreen |
|
|
700
|
+
| VueUiThermometer | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg |
|
|
701
|
+
| VueUiTiremarks | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg |
|
|
702
|
+
| VueUiTreemap | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator , optionSvg |
|
|
703
|
+
| VueUiWaffle | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator , optionSvg |
|
|
704
|
+
| VueUiWheel | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg |
|
|
705
|
+
| VueUiWordCloud | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionZoom, optionSvg |
|
|
706
|
+
| VueUiWorld | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg |
|
|
707
|
+
| VueUiXy | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionStack, optionAnnotator, optionSvg |
|
|
708
|
+
| VueUiXyCanvas | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionStack, optionAnnotator |
|
|
693
709
|
|
|
694
710
|
User options menu icon can be customized using the #menuIcon slot:
|
|
695
711
|
|
|
@@ -730,6 +746,7 @@ Since version 3.5.1, slots are exposed to customize the chart annotator sub-menu
|
|
|
730
746
|
It is possible to provide a custom palette in the config prop through config.customPalette (string[]) for the following components:
|
|
731
747
|
|
|
732
748
|
- VueUi3dBar
|
|
749
|
+
- VueUiBump
|
|
733
750
|
- VueUiChestnut
|
|
734
751
|
- VueUiChord
|
|
735
752
|
- VueUiCirclePack
|
|
@@ -739,6 +756,7 @@ It is possible to provide a custom palette in the config prop through config.cus
|
|
|
739
756
|
- VueUiGalaxy
|
|
740
757
|
- VueUiGauge
|
|
741
758
|
- VueUiHistoryPlot
|
|
759
|
+
- VueUiHorizontalBar
|
|
742
760
|
- VueUiMolecule
|
|
743
761
|
- VueUiNestedDonuts
|
|
744
762
|
- VueUiOnion
|
|
@@ -758,7 +776,6 @@ It is possible to provide a custom palette in the config prop through config.cus
|
|
|
758
776
|
- VueUiTableSparkline
|
|
759
777
|
- VueUiThermometer
|
|
760
778
|
- VueUiTreemap
|
|
761
|
-
- VueUiHorizontalBar
|
|
762
779
|
- VueUiWaffle
|
|
763
780
|
- VueUiWordCloud
|
|
764
781
|
- VueUiWorld
|
|
@@ -779,6 +796,7 @@ However the following charts can be made fully responsive, making them better to
|
|
|
779
796
|
| VueUiAgePyramid | ✅ |
|
|
780
797
|
| VueUiAgePyramid | ✅ |
|
|
781
798
|
| VueUiBullet | ✅ |
|
|
799
|
+
| VueUiBump | ✅ |
|
|
782
800
|
| VueUiCarouselTable | - |
|
|
783
801
|
| VueUiChestnut | - |
|
|
784
802
|
| VueUiChord | ✅ |
|
|
@@ -1133,11 +1151,12 @@ const merged = mergeConfigs({
|
|
|
1133
1151
|
|
|
1134
1152
|
## Multiline data labels
|
|
1135
1153
|
|
|
1136
|
-
Some components will display labels on multiple lines when the provided text contains a line break. (example: "I contain\
|
|
1154
|
+
Some components will display labels on multiple lines when the provided text contains a line break. (example: "I contain a\nline break").
|
|
1137
1155
|
Below is a table of the places where such line breaks can be used:
|
|
1138
1156
|
|
|
1139
1157
|
| Component | Label displayed | Where to use line breaks |
|
|
1140
1158
|
| --------------------------- | -------------------- | ------------------------------------------------------ |
|
|
1159
|
+
| VueUiBump | Series labels | dataset names |
|
|
1141
1160
|
| VueUiDag | Node labels | dataset label |
|
|
1142
1161
|
| VueUiDonutEvolution | Time labels (x axis) | config.style.chart.layout.grid.xAxis.dataLabels.values |
|
|
1143
1162
|
| VueUiHistoryPlot | Plot labels | dataset names |
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref as l, reactive as U, computed as q, onMounted as A, onUnmounted as G, createBlock as J, openBlock as S, Teleport as Q, createElementBlock as Y, createCommentVNode as Z, withModifiers as d, normalizeStyle as $, createElementVNode as o, unref as _, renderSlot as x, createVNode as ee, normalizeClass as te, nextTick as ne } from "vue";
|
|
2
|
-
import oe from "./BaseIcon-
|
|
2
|
+
import oe from "./BaseIcon-B9bGT7HU.js";
|
|
3
3
|
import { c as ie, X as re } from "./lib-2iaAPQ_c.js";
|
|
4
4
|
import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const de = ["xmlns"], se = { class: "draggable-dialog-actions" }, le = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { useCssVars as X, computed as l, useSlots as E, createElementBlock as v, openBlock as b, normalizeClass as S, unref as
|
|
2
|
-
import { X as
|
|
1
|
+
import { useCssVars as X, computed as l, useSlots as E, createElementBlock as v, openBlock as b, normalizeClass as S, unref as B } from "vue";
|
|
2
|
+
import { X as z } from "./lib-2iaAPQ_c.js";
|
|
3
3
|
import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const I = ["xmlns", "viewBox", "height", "width", "innerHTML"], V = ["xmlns", "viewBox", "height", "width", "innerHTML"], Y = {
|
|
5
5
|
__name: "BaseIcon",
|
|
@@ -28,7 +28,7 @@ const I = ["xmlns", "viewBox", "height", "width", "innerHTML"], V = ["xmlns", "v
|
|
|
28
28
|
},
|
|
29
29
|
setup(C) {
|
|
30
30
|
X((o) => ({
|
|
31
|
-
|
|
31
|
+
v127099fe: D.value
|
|
32
32
|
}));
|
|
33
33
|
const L = C, T = l(() => L.name === "numbers" ? "0 0 20 21" : "0 0 20 20"), D = l(() => L.spinDuration);
|
|
34
34
|
function $(o, { stroke: n, strokeWidth: e }) {
|
|
@@ -45,7 +45,7 @@ const I = ["xmlns", "viewBox", "height", "width", "innerHTML"], V = ["xmlns", "v
|
|
|
45
45
|
chartDonutEvolution: `<path fill="none" stroke="${n}" stroke-width="${e}" stroke-linecap="round" d="M1 1 1 18C1 19 1 19 2 19L19 19M3 8A1 1 0 007 8 1 1 0 003 8M8 14A1 1 0 0012 14 1 1 0 008 14M14 4A1 1 0 0018 4 1 1 0 0014 4M7 10 9 12M11 12 15 6" />`,
|
|
46
46
|
chartGauge: `<path fill="none" stroke="${n}" stroke-width="${e}" stroke-linecap="round" d="M 19 13 A 1 1 0 0 0 1 13" style="opacity:0.3" /><path fill="none" stroke="${n}" stroke-width="${e}" stroke-linecap="round" d="M 9 15 A 1 1 0 0 0 11 15 A 1 1 0 0 0 9 15 M 10 14 L 10 8 M 10 4 C 6 4 1 7 1 13" />`,
|
|
47
47
|
chartHeatmap: `<path fill="none" stroke="${n}" stroke-width="${e}" stroke-linecap="round" d="M2 3 2 17C2 18 2 18 3 18L17 18C18 18 18 18 18 17L18 3C18 2 18 2 17 2L3 2C2 2 2 2 2 3M10 2 10 18M2 10 18 10M6 2 6 18M14 2 14 18M2 6 18 6M2 14 18 14"/><rect fill="${n}" stroke="none" x="2" y="6" height="4" width="4" style="opacity:0.5" /><rect fill="${n}" stroke="none" x="6" y="10" height="4" width="4" style="opacity:0.5" /><rect fill="${n}" stroke="none" x="6" y="14" height="4" width="4" style="opacity:0.5" /><rect fill="${n}" stroke="none" x="14" y="2" height="4" width="4" style="opacity:0.5" />`,
|
|
48
|
-
chartLine: `<path fill="none" stroke="${n}" stroke-width="${e}" stroke-linecap="round" d="
|
|
48
|
+
chartLine: `<path fill="none" stroke="${n}" stroke-width="${e}" stroke-linecap="round" stroke-linejoin="round" d="M 1 1 L 1 19 L 19 19 M 4 13 C 5 16 6 16 6 16 C 9 16 7 7 10 7 C 11 7 13 12 13 12 C 14 14 16 14 17 3" />`,
|
|
49
49
|
chartMoodRadar: `<path fill="none" stroke="${n}" stroke-width="${e}" stroke-linecap="round" stroke-linejoin="round" d="M10 4 4 9 6 16 14 16 16 9 10 4M9 2A1 1 0 0011 2 1 1 0 009 2M1 8A1 1 0 003 8 1 1 0 001 8M3 18A1 1 0 005 17 1 1 0 003 18M15 18A1 1 0 0017 17 1 1 0 0015 18M17 8A1 1 0 0019 8 1 1 0 0017 8" /><path stroke="none" stroke-width="none" fill="${n}" stroke-linecap="round" stroke-linejoin="round" d="M10 7 13 10 13 14 8 13 7 9 10 7" style="opacity:0.3" />`,
|
|
50
50
|
chartOnion: `<path fill="none" stroke="${n}" stroke-width="${e}" stroke-linecap="round" stroke-linejoin="round" d="M10 1C15 1 19 5 19 10 19 15 15 19 10 19 6 19 1 15 1 10M10 4C13 4 16 6 16 10 16 14 13 16 10 16 7 16 4 14 4 10M10 7C11 7 13 8 13 10 13 12 11 13 10 13 9 13 7 12 7 10" style="opacity:0.3" /><path fill="none" stroke="${n}" stroke-width="${e}" stroke-linecap="round" stroke-linejoin="round" d="M10 1C15 1 19 5 19 10 19 15 15 19 10 19M10 4C13 4 16 6 16 10 16 14 13 16 10 16 7 16 4 14 4 10M10 7C11 7 13 8 13 10" />`,
|
|
51
51
|
chartQuadrant: `<path fill="none" stroke="${n}" stroke-width="${e}" stroke-linecap="round" d="M10 1 10 19M1 10 19 10" /><circle stroke="none" fill="${n}" cx="3" cy="14" r="1"/><circle stroke="none" fill="${n}" cx="5" cy="6" r="1"/><circle stroke="none" fill="${n}" cx="14" cy="17" r="1"/><circle stroke="none" fill="${n}" cx="17" cy="14" r="1"/><circle stroke="none" fill="${n}" cx="15" cy="4" r="1"/>`,
|
|
@@ -281,7 +281,21 @@ const I = ["xmlns", "viewBox", "height", "width", "innerHTML"], V = ["xmlns", "v
|
|
|
281
281
|
unpin: `<path d="M 2 18 L 6 14 M 3 10 L 10 17 M 10 17 L 11 16 C 12 14 12 12 12 12 L 16 7 C 17 7 17 7 18 6 L 14 2 C 13 3 13 3 13 4 L 8 8 C 8 8 6 8 4 9 L 3 10 M 2 2 L 18 18" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
282
282
|
building: `<path d="M 1 18 L 19 18 M 3 18 L 3 2 L 10 2 L 10 18 M 5 4 L 5 5 M 8 4 L 8 5 M 5 8 L 5 9 M 8 8 L 8 9 M 5 12 L 5 13 M 8 12 L 8 13 M 10 10 L 17 10 L 17 18 M 12 18 L 12 15 C 12 14 15 14 15 15 L 15 18 M 13 12 L 14 12" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
283
283
|
twig: `<path d="M 5 15 A 1 1 0 0 0 5 19 A 1 1 0 0 0 5 15 M 5 1 A 1 1 0 0 0 5 5 A 1 1 0 0 0 5 1 M 15 5 A 1 1 0 0 0 15 9 A 1 1 0 0 0 15 5 M 5 15 L 5 5 M 7 17 L 11 17 C 13 17 15 15 15 13 L 15 9" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
284
|
-
check: `<path d="M 18 2 L 8 18 L 2 12" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"
|
|
284
|
+
check: `<path d="M 18 2 L 8 18 L 2 12" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
285
|
+
doubleCheck: `<path d="M 17 2 L 7 18 L 2 12 M 7 11 L 8 12 M 11 15 L 13 17 L 19 6" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
286
|
+
plug: `<path d="M 14 5 L 14 15 C 14 16 12 16 12 15 L 12 5 C 12 4 14 4 14 5 M 12 5 C 3 5 3 15 12 15 M 5 10 C 0 10 6 19 1 19 M 15 7 L 19 7 M 15 13 L 19 13" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
287
|
+
unplug: `<path d="M 14 5 L 14 15 C 14 16 12 16 12 15 L 12 5 C 12 4 14 4 14 5 M 12 5 C 3 5 3 15 12 15 M 5 10 C 0 10 6 19 1 19 M 15 7 L 19 7 M 15 13 L 19 13 M 2 1 L 6 6 M 16 19 L 14 16.405 M 7.609 8.008 L 10.637 11.989" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
288
|
+
spinner1: `<path d="M 10 1 A 1 1 0 0 0 10 19 M 10 17 A 1 1 0 0 0 10 3 M 10 5 A 1 1 0 0 0 10 15 M 10 13 A 1 1 0 0 0 10 7 M 10 9 A 1 1 0 0 0 10 11" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
289
|
+
spinner2: `<path d="M 10 1 A 1 1 0 0 0 10 19 M -3 0" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
290
|
+
spinner3: `<path d="M 10 1 L 10 4 M 1 10 L 4 10 M 10 19 L 10 16 M 19 10 L 16 10" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
291
|
+
spinner4: `<path d="M 10 1 L 10 2 M 1 10 L 2 10 M 10 19 L 10 18 M 19 10 L 18 10" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
292
|
+
magnify: `<path d="M 8 1 A 1 1 0 0 0 8 15 A 1 1 0 0 0 8 1 M 12.95 12.95 L 19 19" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
293
|
+
frameLine: `<path d="M 1 1 L 19 1 L 19 19 L 1 19 L 1 1 M 4 13 L 7 16 L 10 8 L 13 14 L 16 4" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
294
|
+
pointer: `<path d="M 2 2 L 7.015 17.998 L 9.611 11.614 L 16 18 L 18 16 L 11.486 9.595 L 18.302 7.431 L 2 2" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
295
|
+
monument: `<path d="M 2 6 L 18 6 C 19 6 19 8 18 8 L 2 8 C 1 8 1 6 2 6 M 4 6 L 10 1 L 16 6 M 2 17 L 18 17 M 3 8 L 3 17 M 5 8 L 5 17 M 17 8 L 17 17 M 15 8 L 15 17 M 9 8 L 9 17 M 11 8 L 11 17 M 1 19 L 19 19" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
|
|
296
|
+
spark: `<path d="M 10 1 C 8 8 8 8 1 10 C 8 12 8 12 10 19 C 12 12 12 12 19 10 C 12 8 12 8 10 1" fill="${n}" stroke="none"/>`,
|
|
297
|
+
doubleSpark: `<path d="M 1 13 C 6 12 6 12 7 7 C 8 12 8 12 13 13 C 8 14 8 14 7 19 C 6 14 6 14 1 13 M 15 1 C 14.486 4.478 14.486 4.478 11 5 C 14.505 5.505 14.499 5.505 15 9 C 15.513 5.511 15.513 5.505 19 5 C 15.526 4.497 15.52 4.49 15 1" fill="${n}" stroke="none"/>`,
|
|
298
|
+
chartBump: `<path d="M 2 1 A 1 1 0 0 0 2 3 A 1 1 0 0 0 2 1 M 10 1 A 1 1 0 0 0 10 3 A 1 1 0 0 0 10 1 M 18 1 A 1 1 0 0 0 18 3 A 1 1 0 0 0 18 1 M 2 9 A 1 1 0 0 0 2 11 A 1 1 0 0 0 2 9 M 2 17 A 1 1 0 0 0 2 19 A 1 1 0 0 0 2 17 M 10 9 A 1 1 0 0 0 10 11 A 1 1 0 0 0 10 9 M 18 9 A 1 1 0 0 0 18 11 A 1 1 0 0 0 18 9 M 10 17 A 1 1 0 0 0 10 19 A 1 1 0 0 0 10 17 M 18 17 A 1 1 0 0 0 18 19 A 1 1 0 0 0 18 17 M 3 2 C 6 2 6 10 9 10 M 11 10 M 3 10 C 6 10 6 2 9 2 M 11 2 L 17 2 M 3 18 L 9 18 M 11 18 C 14 18 14 10 17 10 M 11 10 C 14 10 14 18 17 18" stroke="${n}" stroke-width="${e}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`
|
|
285
299
|
}[o] || "";
|
|
286
300
|
}
|
|
287
301
|
const f = E(), A = l(() => (f.exp?.() || [])[0] || null), w = l(() => (f.sub?.() || [])[0] || null), d = l(() => !!A.value), s = l(() => !!w.value), y = l(() => d.value || s.value), t = l(() => {
|
|
@@ -393,7 +407,7 @@ const I = ["xmlns", "viewBox", "height", "width", "innerHTML"], V = ["xmlns", "v
|
|
|
393
407
|
}), g = l(() => y.value ? d.value && !s.value || s.value && !d.value ? L.size * 1.6 : L.size * 2.2 : L.size);
|
|
394
408
|
return (o, n) => y.value ? (b(), v("svg", {
|
|
395
409
|
key: 0,
|
|
396
|
-
xmlns: z
|
|
410
|
+
xmlns: B(z),
|
|
397
411
|
class: S({ "spin ": C.isSpin }),
|
|
398
412
|
viewBox: Z.value,
|
|
399
413
|
height: g.value,
|
|
@@ -402,7 +416,7 @@ const I = ["xmlns", "viewBox", "height", "width", "innerHTML"], V = ["xmlns", "v
|
|
|
402
416
|
innerHTML: Q.value
|
|
403
417
|
}, null, 10, I)) : (b(), v("svg", {
|
|
404
418
|
key: 1,
|
|
405
|
-
xmlns: z
|
|
419
|
+
xmlns: B(z),
|
|
406
420
|
class: S({ "spin ": C.isSpin }),
|
|
407
421
|
viewBox: T.value,
|
|
408
422
|
height: C.size,
|
|
@@ -411,7 +425,7 @@ const I = ["xmlns", "viewBox", "height", "width", "innerHTML"], V = ["xmlns", "v
|
|
|
411
425
|
style: { background: "transparent" }
|
|
412
426
|
}, null, 10, V));
|
|
413
427
|
}
|
|
414
|
-
}, G = /* @__PURE__ */ _(Y, [["__scopeId", "data-v-
|
|
428
|
+
}, G = /* @__PURE__ */ _(Y, [["__scopeId", "data-v-35f3da57"]]);
|
|
415
429
|
export {
|
|
416
430
|
G as default
|
|
417
431
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createElementBlock as a, openBlock as u, normalizeStyle as m, normalizeClass as d, unref as f, createElementVNode as l, createCommentVNode as z, createVNode as s, toDisplayString as g } from "vue";
|
|
2
2
|
import { m as i, q as y, u as b, h, t as C } from "./lib-2iaAPQ_c.js";
|
|
3
|
-
import c from "./BaseIcon-
|
|
3
|
+
import c from "./BaseIcon-B9bGT7HU.js";
|
|
4
4
|
import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
function v(o, n) {
|
|
6
6
|
const t = i(o);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref as u, computed as T, watchEffect as U, onMounted as W, onBeforeUnmount as Y, watch as j, withDirectives as q, createElementBlock as d, openBlock as s, withKeys as A, createElementVNode as i, createCommentVNode as R, createBlock as G, normalizeStyle as a, renderSlot as H, normalizeProps as J, guardReactiveProps as Q, createVNode as C, withModifiers as n, Fragment as M, renderList as N, Teleport as X, unref as Z, nextTick as _ } from "vue";
|
|
2
|
-
import g from "./BaseIcon-
|
|
2
|
+
import g from "./BaseIcon-B9bGT7HU.js";
|
|
3
3
|
import { x as ee } from "./lib-2iaAPQ_c.js";
|
|
4
4
|
import { v as oe } from "./vClickOutside-C6WiFswA.js";
|
|
5
5
|
import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
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
|
|
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
2
|
import { _ as K } from "./Shape-12_eh8zD.js";
|
|
3
|
-
import O from "./BaseIcon-
|
|
3
|
+
import O from "./BaseIcon-B9bGT7HU.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,
|
|
@@ -35,21 +35,21 @@ const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align
|
|
|
35
35
|
emits: ["close"],
|
|
36
36
|
setup(t, { emit: $ }) {
|
|
37
37
|
A((s) => ({
|
|
38
|
-
|
|
38
|
+
e37b45c8: e(_)
|
|
39
39
|
}));
|
|
40
|
-
const
|
|
40
|
+
const b = t, { backgroundColor: h, color: y, outline: v } = b.config.th, { backgroundColor: z, color: S, outline: _ } = b.config.td, V = D(() => b.config.breakpoint), f = k(null), w = k(!1);
|
|
41
41
|
E(() => {
|
|
42
42
|
const s = new ResizeObserver((i) => {
|
|
43
43
|
i.forEach((n) => {
|
|
44
44
|
w.value = n.contentRect.width < V.value;
|
|
45
45
|
});
|
|
46
46
|
});
|
|
47
|
-
|
|
47
|
+
f.value && s.observe(f.value);
|
|
48
48
|
});
|
|
49
49
|
const x = $;
|
|
50
50
|
return (s, i) => (l(), o("div", {
|
|
51
51
|
ref_key: "tableContainer",
|
|
52
|
-
ref:
|
|
52
|
+
ref: f,
|
|
53
53
|
style: r(`width: 100%; container-type: inline-size; position:relative;${t.withCloseButton ? "padding-top: 36px;" : ""}overflow:auto`),
|
|
54
54
|
class: C({
|
|
55
55
|
"atom-data-table": !0,
|
|
@@ -61,31 +61,31 @@ const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align
|
|
|
61
61
|
"data-dom-to-png-ignore": "",
|
|
62
62
|
role: "button",
|
|
63
63
|
tabindex: "0",
|
|
64
|
-
style: r(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e(
|
|
64
|
+
style: r(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e(h)};`),
|
|
65
65
|
onClick: i[0] || (i[0] = (n) => x("close")),
|
|
66
66
|
onKeypress: i[1] || (i[1] = R((n) => x("close"), ["enter"]))
|
|
67
67
|
}, [
|
|
68
68
|
B(O, {
|
|
69
69
|
name: "close",
|
|
70
|
-
stroke: e(
|
|
70
|
+
stroke: e(y),
|
|
71
71
|
"stroke-width": 2
|
|
72
72
|
}, null, 8, ["stroke"])
|
|
73
73
|
], 36)) : m("", !0),
|
|
74
74
|
a("table", j, [
|
|
75
75
|
a("caption", {
|
|
76
|
-
style: r({ backgroundColor: e(
|
|
76
|
+
style: r({ backgroundColor: e(h), color: e(y), outline: e(v) }),
|
|
77
77
|
class: "vue-ui-data-table__caption"
|
|
78
78
|
}, I(t.title), 5),
|
|
79
79
|
a("thead", null, [
|
|
80
80
|
a("tr", {
|
|
81
81
|
role: "row",
|
|
82
|
-
style: r([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: e(
|
|
82
|
+
style: r([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: e(h), color: e(y) }]),
|
|
83
83
|
class: "vue-ui-data-table__thead-row"
|
|
84
84
|
}, [
|
|
85
|
-
(l(!0), o(g, null,
|
|
85
|
+
(l(!0), o(g, null, p(t.head, (n, c) => (l(), o("th", {
|
|
86
86
|
role: "cell",
|
|
87
87
|
style: r({
|
|
88
|
-
outline: e(
|
|
88
|
+
outline: e(v)
|
|
89
89
|
}),
|
|
90
90
|
key: `th_${c}`
|
|
91
91
|
}, [
|
|
@@ -106,12 +106,12 @@ const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align
|
|
|
106
106
|
], 4)
|
|
107
107
|
]),
|
|
108
108
|
a("tbody", null, [
|
|
109
|
-
(l(!0), o(g, null,
|
|
109
|
+
(l(!0), o(g, null, p(t.body, (n, c) => (l(), o("tr", {
|
|
110
110
|
role: "row",
|
|
111
111
|
style: r([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: e(z), color: e(S) }]),
|
|
112
112
|
class: C({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": c % 2 === 0, "vue-ui-data-table__tbody__row-odd": c % 2 !== 0 })
|
|
113
113
|
}, [
|
|
114
|
-
(l(!0), o(g, null,
|
|
114
|
+
(l(!0), o(g, null, p(n, (d, u) => (l(), o("td", {
|
|
115
115
|
role: "cell",
|
|
116
116
|
"data-cell": (t.colNames[u] && t.colNames[u].name ? t.colNames[u].name : "") || t.colNames[u] || "",
|
|
117
117
|
style: r({ outline: e(_) }),
|
|
@@ -134,7 +134,7 @@ const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align
|
|
|
134
134
|
])
|
|
135
135
|
], 6));
|
|
136
136
|
}
|
|
137
|
-
}, Y = /* @__PURE__ */ T(P, [["__scopeId", "data-v-
|
|
137
|
+
}, Y = /* @__PURE__ */ T(P, [["__scopeId", "data-v-bc2fe959"]]);
|
|
138
138
|
export {
|
|
139
139
|
Y as default
|
|
140
140
|
};
|
|
@@ -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 U, 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
2
|
import { q as $e, d as Se, X as Ae } from "./lib-2iaAPQ_c.js";
|
|
3
|
-
import R from "./BaseIcon-
|
|
4
|
-
import { C as Ee } from "./ColorPicker-
|
|
3
|
+
import R from "./BaseIcon-B9bGT7HU.js";
|
|
4
|
+
import { C as Ee } from "./ColorPicker-VKEPgk58.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.
|
|
2
|
+
const n = "3.10.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,6 +1,6 @@
|
|
|
1
1
|
import { ref as v, computed as xe, watch as J, nextTick as ie, onMounted as ye, onBeforeUnmount as Ce, createElementBlock as Z, createCommentVNode as _, openBlock as ee, normalizeStyle as x, createElementVNode as S, withDirectives as ve, renderSlot as L, createVNode as R, withCtx as ke, normalizeProps as M, guardReactiveProps as F, normalizeClass as W, toDisplayString as Se, unref as Ee, vModelText as ce } from "vue";
|
|
2
|
-
import Q from "./BaseIcon-
|
|
3
|
-
import { C as Be } from "./ColorPicker-
|
|
2
|
+
import Q from "./BaseIcon-B9bGT7HU.js";
|
|
3
|
+
import { C as Be } from "./ColorPicker-VKEPgk58.js";
|
|
4
4
|
import { q as $e, d as Le } from "./lib-2iaAPQ_c.js";
|
|
5
5
|
const Re = {
|
|
6
6
|
class: "vue-ui-pen-and-paper-action",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useCssVars as Ot, computed as s, ref as d, onMounted as lt, onBeforeUnmount as Le, watch as Z, nextTick as ve, onUpdated as Ut, createElementBlock as i, openBlock as u, createElementVNode as P, createCommentVNode as m, renderSlot as Zt, normalizeStyle as L, createVNode as Yt, withDirectives as at, unref as me, Fragment as M, renderList as R, normalizeProps as Jt, mergeProps as qt, normalizeClass as Y, vModelText as nt, toDisplayString as $e } from "vue";
|
|
2
2
|
import { c as Kt, X as Qt, x as Ee, z as it, A as ut, B as ot, C as rt, D as st } from "./lib-2iaAPQ_c.js";
|
|
3
3
|
import { t as ct, d as jt, u as _t } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import el from "./BaseIcon-
|
|
4
|
+
import el from "./BaseIcon-B9bGT7HU.js";
|
|
5
5
|
import { _ as tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const ll = {
|
|
7
7
|
class: "vue-data-ui-slicer-labels",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useCssVars as el, computed as s, ref as h, watch as Q, onMounted as tl, onBeforeUnmount as Ve, onUpdated as ct, nextTick as xe, createElementBlock as n, openBlock as i, createElementVNode as $, createCommentVNode as c, renderSlot as vt, normalizeStyle as F, createVNode as ll, withDirectives as mt, unref as pe, Fragment as g, renderList as S, normalizeProps as ht, mergeProps as dt, normalizeClass as _, withKeys as ft, vModelText as gt, toDisplayString as De } from "vue";
|
|
2
2
|
import { c as al, y as nl, X as il, x as ze, z as yt, A as xt, B as pt, C as bt, D as Mt } from "./lib-2iaAPQ_c.js";
|
|
3
3
|
import { t as We, d as ul, u as ol } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import rl from "./BaseIcon-
|
|
4
|
+
import rl from "./BaseIcon-B9bGT7HU.js";
|
|
5
5
|
import { _ as sl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const cl = {
|
|
7
7
|
class: "vue-data-ui-slicer-labels",
|
|
@@ -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 { a as s } from "./useNestedProp-
|
|
2
|
+
import { a as s } from "./useNestedProp-BCt4DMkT.js";
|
|
3
3
|
const b = {
|
|
4
4
|
__name: "Title",
|
|
5
5
|
props: {
|