vue-data-ui 2.3.23 → 2.3.25
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/dist/{Arrow-BOSHa3Ag.cjs → Arrow-01eXaB81.cjs} +1 -1
- package/dist/{Arrow-DxXzMXB1.js → Arrow-zObQ2VxA.js} +1 -1
- package/dist/{BaseIcon-C-k_mqXL.cjs → BaseIcon-BkdELEYE.cjs} +1 -1
- package/dist/{BaseIcon-DuMfKUDs.js → BaseIcon-CHBghp3_.js} +1 -1
- package/dist/{DataTable-CHXdpx94.cjs → DataTable-D_2ZW2eI.cjs} +1 -1
- package/dist/{DataTable-DKHF_NH2.js → DataTable-Dytj5HQM.js} +2 -2
- package/dist/{Legend-BqqpwXbu.js → Legend-Ct8LnAy4.js} +1 -1
- package/dist/{Legend-BwrzHxLy.cjs → Legend-tvvMRnbi.cjs} +1 -1
- package/dist/{Shape-DW18-C9f.cjs → Shape-dvRttq7z.cjs} +1 -1
- package/dist/{Shape-Ccky9omb.js → Shape-qo5jcJq9.js} +1 -1
- package/dist/{Slicer-BDsv196Y.js → Slicer-BNgHaM2_.js} +1 -1
- package/dist/{Slicer-xKlzke1v.cjs → Slicer-DcjEg-ZZ.cjs} +1 -1
- package/dist/{Title-Bx2ibobQ.js → Title-BcNPXpKX.js} +1 -1
- package/dist/{Title-DxNugmhI.cjs → Title-CSQdI1EY.cjs} +1 -1
- package/dist/{Tooltip-BC2Wlz7P.cjs → Tooltip-B-laoopT.cjs} +1 -1
- package/dist/{Tooltip-DOEMrisX.js → Tooltip-etzDGo1Y.js} +1 -1
- package/dist/{index-BvjCO-wv.js → index-BE6fhUyH.js} +1 -1
- package/dist/{index-oufiZvaS.cjs → index-BFH7X8WG.cjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/{useNestedProp-CmTItGss.cjs → useNestedProp-B_z4-n52.cjs} +1 -1
- package/dist/{useNestedProp-2KJaYPfM.js → useNestedProp-BcjRW6BJ.js} +1 -1
- package/dist/{usePrinter-CaKXrCiB.js → usePrinter-CdIphKpF.js} +1 -1
- package/dist/{usePrinter-Cc8ufBvU.cjs → usePrinter-hyuaFHQj.cjs} +1 -1
- package/dist/{vue-data-ui-DnlOZVL-.js → vue-data-ui-DH3---6Y.js} +56 -56
- package/dist/{vue-data-ui-D5LrE3dP.cjs → vue-data-ui-dbgbgXfB.cjs} +1 -1
- package/dist/vue-data-ui.cjs +1 -1
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-qegO2SzJ.js → vue-ui-3d-bar-CPpeRsrz.js} +7 -7
- package/dist/{vue-ui-3d-bar-Cma1NB-u.cjs → vue-ui-3d-bar-ddx9_3_T.cjs} +1 -1
- package/dist/{vue-ui-accordion-DiR0dVog.cjs → vue-ui-accordion-CvZhABQM.cjs} +1 -1
- package/dist/{vue-ui-accordion-q-bLDiD3.js → vue-ui-accordion-Dmz7RUKz.js} +3 -3
- package/dist/{vue-ui-age-pyramid-xk6Gt1LJ.cjs → vue-ui-age-pyramid-BieAbkr7.cjs} +1 -1
- package/dist/{vue-ui-age-pyramid-vQvy7rWY.js → vue-ui-age-pyramid-DiOdrFIV.js} +8 -8
- package/dist/{vue-ui-annotator-LwO1PGoN.cjs → vue-ui-annotator-CugE3IpZ.cjs} +1 -1
- package/dist/{vue-ui-annotator-BYT8v1SY.js → vue-ui-annotator-KClMRKPi.js} +1 -1
- package/dist/{vue-ui-candlestick-zvv6_kwp.js → vue-ui-candlestick-D9MajMEG.js} +9 -9
- package/dist/{vue-ui-candlestick-CmM0kwJR.cjs → vue-ui-candlestick-DErkX5mF.cjs} +1 -1
- package/dist/vue-ui-carousel-table-CLwi79Ly.js +346 -0
- package/dist/vue-ui-carousel-table-CsCEcaWp.cjs +1 -0
- package/dist/{vue-ui-chestnut-4MvRD28_.cjs → vue-ui-chestnut-BTvQSTQi.cjs} +1 -1
- package/dist/{vue-ui-chestnut-A9asY_42.js → vue-ui-chestnut-BnmDdakJ.js} +6 -6
- package/dist/{vue-ui-cursor-DusWgM7W.cjs → vue-ui-cursor-Dj8pAXbc.cjs} +1 -1
- package/dist/{vue-ui-cursor-CPPPIH2W.js → vue-ui-cursor-KjKhIKTP.js} +2 -2
- package/dist/{vue-ui-dashboard-ZTzEd521.cjs → vue-ui-dashboard-BTpiCLaT.cjs} +1 -1
- package/dist/{vue-ui-dashboard-CuQ81BKN.js → vue-ui-dashboard-Dm-rDSRt.js} +2 -2
- package/dist/{vue-ui-digits-DlupvOo-.cjs → vue-ui-digits-BVVOQfoO.cjs} +1 -1
- package/dist/{vue-ui-digits-Czkbi2AR.js → vue-ui-digits-WgEKLYdq.js} +2 -2
- package/dist/{vue-ui-donut-Cis7kzDB.js → vue-ui-donut-BjHWw_Mw.js} +9 -9
- package/dist/{vue-ui-donut-DA5YfWlL.cjs → vue-ui-donut-DvDqj2od.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-BigmUCTm.cjs → vue-ui-donut-evolution-C0TW-uGR.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-D2I4ZD5a.js → vue-ui-donut-evolution-CWBsLGUw.js} +9 -9
- package/dist/{vue-ui-dumbbell-fdV94xQB.js → vue-ui-dumbbell-BlsLMdW8.js} +8 -8
- package/dist/{vue-ui-dumbbell-D8ZSCX0H.cjs → vue-ui-dumbbell-Uhw6rKrw.cjs} +1 -1
- package/dist/{vue-ui-flow-C1PVwgKX.js → vue-ui-flow-KijZNPzD.js} +7 -7
- package/dist/{vue-ui-flow-CH6PmIBT.cjs → vue-ui-flow-fnDs0_mH.cjs} +1 -1
- package/dist/{vue-ui-galaxy-IFmqHh3R.cjs → vue-ui-galaxy-BBiGsB2G.cjs} +1 -1
- package/dist/{vue-ui-galaxy-DzWOfvyj.js → vue-ui-galaxy-_y9H-beS.js} +9 -9
- package/dist/{vue-ui-gauge-Bbda2H3b.cjs → vue-ui-gauge-Bv4YKgIj.cjs} +1 -1
- package/dist/{vue-ui-gauge-CeGa1oMf.js → vue-ui-gauge-CGgQqTqT.js} +5 -5
- package/dist/{vue-ui-gizmo-DyJngE0E.cjs → vue-ui-gizmo-DFWR7qEg.cjs} +1 -1
- package/dist/{vue-ui-gizmo-BILyJylm.js → vue-ui-gizmo-DjAFk58g.js} +2 -2
- package/dist/{vue-ui-heatmap-Dp68UbGB.cjs → vue-ui-heatmap-B5McL3SD.cjs} +1 -1
- package/dist/{vue-ui-heatmap-DRk0VXaJ.js → vue-ui-heatmap-D1AMro3o.js} +8 -8
- package/dist/vue-ui-kpi-BW2na3Yu.js +58 -0
- package/dist/vue-ui-kpi-Bb7xdAFU.cjs +1 -0
- package/dist/{vue-ui-mini-loader-CXiMb5pi.cjs → vue-ui-mini-loader-22dagCEY.cjs} +1 -1
- package/dist/{vue-ui-mini-loader-DLXv9Seq.js → vue-ui-mini-loader-CKZ-PEf5.js} +2 -2
- package/dist/{vue-ui-molecule-JlPbVJ8I.js → vue-ui-molecule-BK8HPWvg.js} +9 -9
- package/dist/{vue-ui-molecule-DOwGWqSR.cjs → vue-ui-molecule-CWpBfXyk.cjs} +1 -1
- package/dist/{vue-ui-mood-radar-BF3WqcyN.cjs → vue-ui-mood-radar-BZE6rvtb.cjs} +1 -1
- package/dist/{vue-ui-mood-radar-C3Boyr96.js → vue-ui-mood-radar-CXq465Aj.js} +9 -9
- package/dist/{vue-ui-nested-donuts-C9CFBzvj.js → vue-ui-nested-donuts-BSYKxbNL.js} +9 -9
- package/dist/{vue-ui-nested-donuts-DkGXmwTg.cjs → vue-ui-nested-donuts-Ca-b8_P3.cjs} +1 -1
- package/dist/{vue-ui-onion-BqzUINBq.js → vue-ui-onion-CMv38G-g.js} +9 -9
- package/dist/{vue-ui-onion-COYhqrEx.cjs → vue-ui-onion-DvRn35KQ.cjs} +1 -1
- package/dist/{vue-ui-parallel-coordinate-plot-BE8Bf0MQ.cjs → vue-ui-parallel-coordinate-plot-C50SGcJo.cjs} +1 -1
- package/dist/{vue-ui-parallel-coordinate-plot-DtXx6zpM.js → vue-ui-parallel-coordinate-plot-DBZUno5l.js} +10 -10
- package/dist/{vue-ui-quadrant-Cr2jm-2w.js → vue-ui-quadrant-C-jh3Grv.js} +10 -10
- package/dist/{vue-ui-quadrant-g34Ky2Hq.cjs → vue-ui-quadrant-CJo9jqLm.cjs} +1 -1
- package/dist/{vue-ui-quick-chart-BEXF1YLk.cjs → vue-ui-quick-chart-BJ6lIxf6.cjs} +1 -1
- package/dist/{vue-ui-quick-chart-gurflOrc.js → vue-ui-quick-chart-BvTLEmD_.js} +6 -6
- package/dist/{vue-ui-radar-B77sXFJD.cjs → vue-ui-radar-CWgrIgHA.cjs} +1 -1
- package/dist/{vue-ui-radar-DGXj7kOe.js → vue-ui-radar-Kh4Qt05I.js} +10 -10
- package/dist/{vue-ui-rating-D2wmEDux.js → vue-ui-rating-D7AkYGtK.js} +2 -2
- package/dist/{vue-ui-rating-J4wpjGDw.cjs → vue-ui-rating-DJsfvOxZ.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-8hDVUqzX.js → vue-ui-relation-circle-CXQ9FHnG.js} +5 -5
- package/dist/{vue-ui-relation-circle-CkO4PvuL.cjs → vue-ui-relation-circle-DRquG6N9.cjs} +1 -1
- package/dist/{vue-ui-rings-Bs4I_DFj.js → vue-ui-rings-BuuiGgkQ.js} +9 -9
- package/dist/{vue-ui-rings-Bt4lsykR.cjs → vue-ui-rings-DAuDNTak.cjs} +1 -1
- package/dist/{vue-ui-scatter-BcuxFe_0.js → vue-ui-scatter-Ba_1vbfG.js} +10 -10
- package/dist/{vue-ui-scatter-pnVV0nUg.cjs → vue-ui-scatter-Db1WHHMt.cjs} +1 -1
- package/dist/{vue-ui-screenshot-Q4jzniKW.cjs → vue-ui-screenshot-BgvHfkel.cjs} +1 -1
- package/dist/{vue-ui-screenshot-CkunIVDh.js → vue-ui-screenshot-rDwd1nNP.js} +1 -1
- package/dist/{vue-ui-skeleton-jYHncdu5.js → vue-ui-skeleton-DZk__alb.js} +2 -2
- package/dist/{vue-ui-skeleton-Fsru0dbb.cjs → vue-ui-skeleton-Df1qBO2k.cjs} +1 -1
- package/dist/{vue-ui-smiley-B3gIeKih.js → vue-ui-smiley-BPebp5hG.js} +2 -2
- package/dist/{vue-ui-smiley-Bd3lgUj_.cjs → vue-ui-smiley-KQFOL39h.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-CgEi2LBP.js → vue-ui-spark-trend-CSdQHPuY.js} +4 -4
- package/dist/{vue-ui-spark-trend-DfD8Q9Zl.cjs → vue-ui-spark-trend-Cr2Coq5M.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-BCmLvKvU.cjs → vue-ui-sparkbar-BIdS6UA_.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-Bu_TX-tQ.js → vue-ui-sparkbar-EhBZgeio.js} +3 -3
- package/dist/{vue-ui-sparkgauge-C_DSQGId.cjs → vue-ui-sparkgauge-DFlQ-olI.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-Cml4o6Bs.js → vue-ui-sparkgauge-DTUDMW-e.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-BsyOeGbq.js → vue-ui-sparkhistogram-CJZN2ZKW.js} +4 -4
- package/dist/{vue-ui-sparkhistogram-BZDofxtq.cjs → vue-ui-sparkhistogram-_zChXZnF.cjs} +1 -1
- package/dist/{vue-ui-sparkline-DOsWIDug.js → vue-ui-sparkline-B0OAXqfq.js} +3 -3
- package/dist/{vue-ui-sparkline-twqIgYC3.cjs → vue-ui-sparkline-IWbHN7-r.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-DTgoeXjb.cjs → vue-ui-sparkstackbar-C6tBsD3M.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-DeWgfL12.js → vue-ui-sparkstackbar-wPYlidft.js} +3 -3
- package/dist/{vue-ui-strip-plot-BV27VHWB.cjs → vue-ui-strip-plot-BAcR2Zug.cjs} +1 -1
- package/dist/{vue-ui-strip-plot-Ci-hICkJ.js → vue-ui-strip-plot-Bm0JThi4.js} +9 -9
- package/dist/{vue-ui-table-R_KFQoq4.js → vue-ui-table-6ZR-bgMx.js} +1 -1
- package/dist/{vue-ui-table-Bd9ddVGy.cjs → vue-ui-table-B0FlP2RX.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-CPOETxT8.cjs → vue-ui-table-heatmap-B2Xe1T4D.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-TYLCpM_Y.js → vue-ui-table-heatmap-bJUl4rY6.js} +4 -4
- package/dist/{vue-ui-table-sparkline-H_qcrFc0.cjs → vue-ui-table-sparkline-DgZQmNaq.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-B-qJP3Yr.js → vue-ui-table-sparkline-Dxinc_iR.js} +5 -5
- package/dist/{vue-ui-thermometer-CBybvctJ.cjs → vue-ui-thermometer-BN1harXD.cjs} +1 -1
- package/dist/{vue-ui-thermometer-fV6P7B8U.js → vue-ui-thermometer-Nb1pgJ04.js} +5 -5
- package/dist/{vue-ui-timer-CU-tJV53.js → vue-ui-timer-C17OoYkC.js} +4 -4
- package/dist/{vue-ui-timer-CwQteT9E.cjs → vue-ui-timer-_44ECu7b.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-Ba1Er97s.cjs → vue-ui-tiremarks-BSMuOb-Z.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-Dxy0W8kp.js → vue-ui-tiremarks-lbnWHaOP.js} +5 -5
- package/dist/{vue-ui-treemap-CFqf6BUd.js → vue-ui-treemap-CbdnMlBb.js} +9 -9
- package/dist/{vue-ui-treemap-CpPqA91r.cjs → vue-ui-treemap-DinP2PhP.cjs} +1 -1
- package/dist/{vue-ui-vertical-bar-Px2OPOQp.cjs → vue-ui-vertical-bar-B7cKvp6J.cjs} +1 -1
- package/dist/{vue-ui-vertical-bar-CpIgWUoF.js → vue-ui-vertical-bar-B9HnpW6M.js} +9 -9
- package/dist/{vue-ui-waffle-DbR7pPaP.js → vue-ui-waffle-70I35yZY.js} +9 -9
- package/dist/{vue-ui-waffle-BEOhRYhC.cjs → vue-ui-waffle-BaqQnh1w.cjs} +1 -1
- package/dist/{vue-ui-wheel-BkbAV9mu.js → vue-ui-wheel-C8YTOjwd.js} +5 -5
- package/dist/{vue-ui-wheel-C4H-fBbx.cjs → vue-ui-wheel-DZbEyD4l.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-B8vX27Pz.cjs → vue-ui-word-cloud-DkJyoTg9.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-704bFMO3.js → vue-ui-word-cloud-Don3Oz-A.js} +6 -6
- package/dist/{vue-ui-xy-B8qzx04X.cjs → vue-ui-xy-DkBLRZ6y.cjs} +1 -1
- package/dist/{vue-ui-xy-kFskWWiT.js → vue-ui-xy-XJp90Tih.js} +12 -12
- package/dist/{vue-ui-xy-canvas-CJO0hp3z.js → vue-ui-xy-canvas-CsPcJxOA.js} +10 -10
- package/dist/{vue-ui-xy-canvas-BVhRHPYN.cjs → vue-ui-xy-canvas-Do2LgfMo.cjs} +1 -1
- package/package.json +1 -1
- package/dist/vue-ui-carousel-table-FMfXIF7s.cjs +0 -1
- package/dist/vue-ui-carousel-table-S3daEHYR.js +0 -330
- package/dist/vue-ui-kpi-Mbre-_3M.cjs +0 -1
- package/dist/vue-ui-kpi-u5GBFKBR.js +0 -54
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { ref as c, computed as b, watch as ue, onMounted as da, onBeforeUnmount as ha, openBlock as T, createElementBlock as re, normalizeStyle as U, normalizeClass as ya, createVNode as he, createCommentVNode as A, createBlock as Z, unref as E, createSlots as fa, withCtx as m, renderSlot as k, normalizeProps as G, guardReactiveProps as V, createElementVNode as j, toDisplayString as He, createTextVNode as ga } from "vue";
|
|
2
|
-
import { u as pa, c as ba, t as ma, a as xa, p as N, b as La, z as ye, f as q, d as We, T as ka, o as Ca, e as wa, v as Ye, w as Sa, n as za, q as $a, r as J, l as Ta } from "./index-
|
|
2
|
+
import { u as pa, c as ba, t as ma, a as xa, p as N, b as La, z as ye, f as q, d as We, T as ka, o as Ca, e as wa, v as Ye, w as Sa, n as za, q as $a, r as J, l as Ta } from "./index-BE6fhUyH.js";
|
|
3
3
|
import { d as Ma, c as Ra, a as Be, t as Oa, l as C, r as fe, b as P, p as Xe, u as Pa } from "./useResponsive-NZB-WLRF.js";
|
|
4
|
-
import { _ as Ia } from "./Tooltip-
|
|
5
|
-
import { L as Fa } from "./Legend-
|
|
6
|
-
import { _ as Ea } from "./Title-
|
|
7
|
-
import { S as Na } from "./Slicer-
|
|
8
|
-
import { u as _a, U as Da } from "./usePrinter-
|
|
9
|
-
import Ha from "./vue-ui-accordion-
|
|
10
|
-
import { D as Wa } from "./DataTable-
|
|
11
|
-
import Ya from "./vue-ui-skeleton-
|
|
12
|
-
import { u as Ue } from "./useNestedProp-
|
|
4
|
+
import { _ as Ia } from "./Tooltip-etzDGo1Y.js";
|
|
5
|
+
import { L as Fa } from "./Legend-Ct8LnAy4.js";
|
|
6
|
+
import { _ as Ea } from "./Title-BcNPXpKX.js";
|
|
7
|
+
import { S as Na } from "./Slicer-BNgHaM2_.js";
|
|
8
|
+
import { u as _a, U as Da } from "./usePrinter-CdIphKpF.js";
|
|
9
|
+
import Ha from "./vue-ui-accordion-Dmz7RUKz.js";
|
|
10
|
+
import { D as Wa } from "./DataTable-Dytj5HQM.js";
|
|
11
|
+
import Ya from "./vue-ui-skeleton-DZk__alb.js";
|
|
12
|
+
import { u as Ue } from "./useNestedProp-BcjRW6BJ.js";
|
|
13
13
|
import { _ as Ba } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
14
14
|
const Xa = ["id"], Ua = ["onClick"], Aa = {
|
|
15
15
|
key: 2,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index-BFH7X8WG.cjs"),c=require("./useResponsive-B3TrDDIG.cjs"),qe=require("./Tooltip-B-laoopT.cjs"),Ye=require("./Legend-tvvMRnbi.cjs"),Ue=require("./Title-CSQdI1EY.cjs"),Xe=require("./Slicer-DcjEg-ZZ.cjs"),xe=require("./usePrinter-hyuaFHQj.cjs"),Ae=require("./vue-ui-accordion-CvZhABQM.cjs"),Ze=require("./DataTable-D_2ZW2eI.cjs"),Ge=require("./vue-ui-skeleton-Df1qBO2k.cjs"),ke=require("./useNestedProp-B_z4-n52.cjs"),je=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Je=["id"],Ke=["onClick"],Qe={key:2,class:"vue-data-ui-watermark"},et=["innerHTML"],tt={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(J,{expose:Le,emit:Ce}){const R=J,{vue_ui_xy_canvas:we}=s.useConfig(),U=l.ref(s.createUid()),D=l.ref(null),C=l.ref(null),E=l.ref(null),i=l.ref(null),g=l.ref(1),z=l.ref(1),_=l.ref(!1),f=l.ref(null),H=l.ref(""),K=l.ref(null),L=l.ref([]),N=l.ref(1),M=l.ref(!0),w=l.ref(!0),X=l.ref(null),Q=l.ref(0),ee=l.ref(0),A=l.ref(!1),te=l.ref(null),le=l.ref(null),ae=l.ref(null),Z=l.computed(()=>!!R.dataset&&R.dataset.length),t=l.computed(()=>{const e=ke.useNestedProp({userConfig:R.config,defaultConfig:we});return e.theme?{...ke.useNestedProp({userConfig:s.themes.vue_ui_xy_canvas[e.theme]||R.config,defaultConfig:e}),customPalette:s.themePalettes[e.theme]||s.palette}:e}),oe=l.ref(t.value.style.chart.aspectRatio),{isPrinting:re,isImaging:ue,generatePdf:ne,generateImage:se}=xe.usePrinter({elementId:`xy_canvas_${U.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),n=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function Se(e){A.value=e,ee.value+=1}const ie=l.computed(()=>s.convertCustomPalette(t.value.customPalette)),P=l.computed(()=>Math.max(...O.value.filter((e,o)=>!L.value.includes(e.absoluteIndex)).map(e=>e.series.length))),a=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:z.value,left:g.value*t.value.style.chart.paddingProportions.left,top:z.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:z.value-z.value*t.value.style.chart.paddingProportions.bottom,width:e,height:z.value-z.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(u.value.end-u.value.start)}});function ve(e,o){return e/o}function ze({hasAutoScale:e,series:o,min:r,max:d,scale:h,yOffset:p,individualHeight:v,stackIndex:m=null}){return o.map((k,j)=>{const S=h.min<0?Math.abs(h.min):0,$=ve(k+S,S+h.max);let T,F;e&&(T=Math.abs(h.min),F=ve(k+T,h.max+T));let I=0;return m===null?I=a.value.bottom-a.value.height*(e?F:$):I=a.value.bottom-p-v*(e?F:$),{x:a.value.left+a.value.slot*j+a.value.slot/2,y:I,value:k}})}const b=l.computed(()=>{const e=Math.min(...O.value.filter((v,m)=>!L.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(u.value.start,u.value.end))),o=Math.max(...O.value.filter((v,m)=>!L.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(u.value.start,u.value.end))),r=s.calculateNiceScale(e<0?e:0,o===e?e+1<0?0:e+1:o<0?0:o,t.value.style.chart.scale.ticks),d=r.min<0?Math.abs(r.min):0,h=a.value.bottom-a.value.height*(d/(r.max+d)),p=r.ticks.map(v=>({y:a.value.bottom-a.value.height*((v+d)/(r.max+d)),x:a.value.left-8,value:v}));return{absoluteMin:d,max:o,min:e,scale:r,yLabels:p,zero:h}}),$e=l.computed(()=>y.value.map(e=>`
|
|
2
2
|
<div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
|
|
3
3
|
<svg viewBox="0 0 10 10" height="12" width="12">
|
|
4
4
|
<circle cx="5" cy="5" r="5" fill="${e.color}"/>
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-oufiZvaS.cjs"),te=require("./useNestedProp-CmTItGss.cjs"),D=require("./usePrinter-Cc8ufBvU.cjs"),oe=require("./vue-ui-skeleton-Fsru0dbb.cjs"),ae=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ne=["id"],le=["height"],re=["data-cell","height"],ie={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(v,{expose:G}){const l=v,{vue_ui_carousel_table:j}=r.useConfig(),w=e.ref(r.createUid()),I=e.ref(!1),f=e.ref(!!l.dataset);e.onMounted(()=>{r.objectIsEmpty(l.dataset)?r.error({componentName:"VueUiCarouselTable",type:"dataset"}):((!l.dataset.head||r.objectIsEmpty(l.dataset.head))&&(r.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"head"}),f.value=!1),(!l.dataset.body||r.objectIsEmpty(l.dataset.body))&&(r.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),f.value=!1))});const t=e.computed(()=>te.useNestedProp({userConfig:l.config,defaultConfig:j})),{isPrinting:z,isImaging:P,generatePdf:X,generateImage:E}=D.usePrinter({elementId:`carousel-table_${w.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),u=e.ref({showAnimation:t.value.animation.use}),s=e.ref(null),F=e.ref(null),m=e.ref(null),h=e.ref(null),g=e.ref(0),x=e.ref(0),$=e.ref(!1),T=e.ref(null),d=e.ref(null),b=e.ref(0);function N(){T.value&&(d.value={elements:T.value.getElementsByTagName("tr"),heights:Array.from(T.value.getElementsByTagName("tr")).map(o=>o.getBoundingClientRect().height)})}e.onMounted(N);const J=e.computed(()=>!d.value||!d.value.heights.length?0:Math.max(...d.value.heights)+g.value+x.value),K=e.computed(()=>l.dataset.body?t.value.tbody.tr.visible<=l.dataset.body.length?t.value.tbody.tr.visible:l.dataset.body.length:0),Q=e.computed(()=>(t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size*2)*K.value+g.value+x.value),A=e.ref(0),y=e.ref(null),k=e.ref(0),c=e.ref(!1),O=e.ref(0);e.onMounted(()=>{m.value&&(g.value=m.value.getBoundingClientRect().height),h.value&&(x.value=h.value.getBoundingClientRect().height),u.value.showAnimation&&d.value&&R()});function W(o){I.value=o,O.value+=1}function R(){!y.value&&!c.value&&(y.value=requestAnimationFrame(V))}function Y(){if(!s.value)return!1;const{scrollTop:o,scrollHeight:a,clientHeight:n}=s.value;return o+n>=a}function V(o){if(c.value)return;k.value||(k.value=o),o-k.value>=t.value.animation.speedMs&&(A.value+=d.value.heights[b.value],(Y()||b.value>=d.value.heights.length)&&(A.value=0,b.value=0),s.value&&(s.value.scrollTo({top:A.value,behavior:"smooth"}),b.value+=1),k.value=o),y.value=requestAnimationFrame(V)}function p(){c.value=!0,cancelAnimationFrame(y.value),y.value=null}e.onBeforeUnmount(p);function C(){!c.value||!u.value.showAnimation||(c.value=!1,k.value=0,R())}function Z(){t.value.animation.pauseOnHover&&p()}const S=e.ref(null);function _(){p(),clearTimeout(S.value)}function H(){clearTimeout(S.value),S.value=setTimeout(C,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(u.value.showAnimation=!0,C()):(u.value.showAnimation=!1,p())});const ee=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(a=>{a.forEach(n=>{$.value=n.contentRect.width<ee.value}),g.value=m.value?m.value.getBoundingClientRect().height:0,x.value=h.value?h.value.getBoundingClientRect().height:0,b.value=0,N()});s.value&&o.observe(s.value)});function M(){X()}function L(){u.value.showAnimation=!u.value.showAnimation,u.value.showAnimation?C():p()}function U(){e.nextTick(()=>{const o=l.dataset.head.map((i,B)=>[[l.dataset.body[B]]]),a=[[t.value.caption.text],[l.dataset.head.map(i=>[i])]].concat(o),n=r.createCsvContent(a);r.downloadCsv({csvContent:n,title:t.value.caption.text||"vue-ui-carousel-table"})})}return G({pauseAnimation:p,resumeAnimation:C,toggleAnimation:L,generateCsv:U,generatePdf:M,generateImage:E}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:F},[e.createElementVNode("div",{ref_key:"tableContainer",ref:s,id:`carousel-table_${w.value}`,style:e.normalizeStyle({height:e.unref(z)||e.unref(P)?"auto":`${Math.max(Q.value,J.value)}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":$.value,"is-playing":!c.value}),onMouseenter:a[0]||(a[0]=n=>Z()),onMouseleave:a[1]||(a[1]=n=>C()),onTouchstart:a[2]||(a[2]=n=>_()),onTouchend:a[3]||(a[3]=n=>H()),onTouchcancel:a[4]||(a[4]=n=>H())},[f.value?(e.openBlock(),e.createElementBlock("table",{key:0,class:"vue-data-ui-carousel-table",style:e.normalizeStyle({...t.value.style,border:`${t.value.border.size}px solid ${t.value.border.color}`,width:"100%",borderCollapse:"collapse"})},[e.createElementVNode("caption",{ref_key:"caption",ref:m,class:"vue-data-ui-carousel-table-caption",style:e.normalizeStyle({...t.value.caption.style,fontFamily:"inherit",position:"sticky",top:0,zIndex:2,paddingTop:t.value.caption.padding.top+"px",paddingRight:t.value.caption.padding.right+"px",paddingBottom:t.value.caption.padding.bottom+"px",paddingLeft:t.value.caption.padding.left+"px",boxShadow:$.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px"})},[e.createTextVNode(e.toDisplayString(t.value.caption.text&&!o.$slots.caption?t.value.caption.text:"")+" ",1),e.renderSlot(o.$slots,"caption",{},void 0,!0)],4),e.createElementVNode("thead",{style:e.normalizeStyle({...t.value.thead.style,position:"sticky",top:`${g.value}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:h,role:"row",style:e.normalizeStyle({...t.value.thead.tr.style,border:t.value.thead.tr.border.size?`${t.value.thead.tr.border.size}px solid ${t.value.thead.tr.border.color}`:"none",boxShadow:$.value?"none":t.value.thead.tr.style.boxShadow}),height:`${t.value.thead.tr.height}px`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.dataset.head,(n,i)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",key:`th_${i}`,style:e.normalizeStyle({...t.value.thead.tr.th.style,border:t.value.thead.tr.th.border.size?`${t.value.thead.tr.th.border.size}px solid ${t.value.thead.tr.th.border.color}`:"none",paddingTop:t.value.thead.tr.th.padding.top+"px",paddingRight:t.value.thead.tr.th.padding.right+"px",paddingBottom:t.value.thead.tr.th.padding.bottom+"px",paddingLeft:t.value.thead.tr.th.padding.left+"px"})},[e.createTextVNode(e.toDisplayString(o.$slots.th?"":n)+" ",1),e.renderSlot(o.$slots,"th",e.normalizeProps(e.guardReactiveProps({th:n,colIndex:i})),void 0,!0)],4))),128))],12,le)],4),v.dataset.body&&v.dataset.head?(e.openBlock(),e.createElementBlock("tbody",{key:0,ref_key:"tbody",ref:T},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.dataset.body,(n,i)=>(e.openBlock(),e.createElementBlock("tr",{style:e.normalizeStyle({...t.value.tbody.tr.style,border:`${t.value.tbody.tr.border.size}px solid ${t.value.tbody.tr.border.color}`,verticalAlign:"middle"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(B,q)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":v.dataset.head[q]||"",style:e.normalizeStyle({...t.value.tbody.tr.td.style,border:`${t.value.tbody.tr.td.border.size}px solid ${t.value.tbody.tr.td.border.color}`,backgroundColor:t.value.tbody.tr.td.style.backgroundColor+e.unref(r.opacity)[i%2===0&&t.value.tbody.tr.td.alternateColor?t.value.tbody.tr.td.alternateOpacity*100:100],paddingTop:t.value.tbody.tr.td.padding.top+"px",paddingRight:t.value.tbody.tr.td.padding.right+"px",paddingBottom:t.value.tbody.tr.td.padding.bottom+"px",paddingLeft:t.value.tbody.tr.td.padding.left+"px",verticalAlign:"middle"}),height:`${t.value.tbody.tr.height}px`},[e.createTextVNode(e.toDisplayString(o.$slots.td?"":B)+" ",1),e.renderSlot(o.$slots,"td",e.normalizeProps(e.guardReactiveProps({td:B,rowIndex:i,colIndex:q})),void 0,!0)],12,re))),256))],4))),256))],512)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,ne),f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(oe.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&f.value?(e.openBlock(),e.createBlock(D.UserOptions,{ref:"details",key:`user_option_${O.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(z),isImaging:e.unref(P),uid:w.value,hasTooltip:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:t.value.userOptions.buttons.animation,isAnimation:!u.value.showAnimation,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:I.value,chartElement:F.value,titles:{...t.value.userOptions.buttonTitles},zIndex:3,noOffset:"",onGeneratePdf:M,onGenerateCsv:U,onGenerateImage:e.unref(E),onToggleAnimation:L,onToggleFullscreen:W},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionAnimation?{name:"optionAnimation",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionAnimation",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:i})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:i})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasAnimation","isAnimation","hasFullscreen","isFullscreen","chartElement","titles","onGenerateImage"])):e.createCommentVNode("",!0)],512))}},ue=ae._export_sfc(ie,[["__scopeId","data-v-c06beec9"]]);exports.default=ue;
|
|
@@ -1,330 +0,0 @@
|
|
|
1
|
-
import { ref as a, onMounted as B, computed as w, onBeforeUnmount as be, watch as ye, openBlock as i, createElementBlock as s, createElementVNode as R, normalizeStyle as d, unref as m, normalizeClass as Ce, createTextVNode as U, toDisplayString as L, renderSlot as v, Fragment as G, renderList as M, normalizeProps as V, guardReactiveProps as D, createCommentVNode as N, createBlock as ie, createSlots as $e, withCtx as I, nextTick as Te } from "vue";
|
|
2
|
-
import { u as xe, c as Ae, o as q, e as X, r as ke, n as we, q as Ie } from "./index-BvjCO-wv.js";
|
|
3
|
-
import { u as Fe } from "./useNestedProp-2KJaYPfM.js";
|
|
4
|
-
import { u as Oe, U as Pe } from "./usePrinter-CaKXrCiB.js";
|
|
5
|
-
import ze from "./vue-ui-skeleton-jYHncdu5.js";
|
|
6
|
-
import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
7
|
-
const Re = ["id"], Ne = ["height"], Ee = ["data-cell", "height"], Se = {
|
|
8
|
-
__name: "vue-ui-carousel-table",
|
|
9
|
-
props: {
|
|
10
|
-
config: {
|
|
11
|
-
type: Object,
|
|
12
|
-
default() {
|
|
13
|
-
return {};
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
dataset: {
|
|
17
|
-
type: Object,
|
|
18
|
-
default() {
|
|
19
|
-
return {};
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
setup(h, { expose: ue }) {
|
|
24
|
-
const l = h, { vue_ui_carousel_table: se } = xe(), E = a(Ae()), j = a(!1), b = a(!!l.dataset);
|
|
25
|
-
B(() => {
|
|
26
|
-
q(l.dataset) ? X({
|
|
27
|
-
componentName: "VueUiCarouselTable",
|
|
28
|
-
type: "dataset"
|
|
29
|
-
}) : ((!l.dataset.head || q(l.dataset.head)) && (X({
|
|
30
|
-
componentName: "VueUiCarouselTable",
|
|
31
|
-
type: "datasetAttribute",
|
|
32
|
-
property: "head"
|
|
33
|
-
}), b.value = !1), (!l.dataset.body || q(l.dataset.body)) && (X({
|
|
34
|
-
componentName: "VueUiCarouselTable",
|
|
35
|
-
type: "datasetAttribute",
|
|
36
|
-
property: "body"
|
|
37
|
-
}), b.value = !1));
|
|
38
|
-
});
|
|
39
|
-
const e = w(() => Fe({
|
|
40
|
-
userConfig: l.config,
|
|
41
|
-
defaultConfig: se
|
|
42
|
-
})), { isPrinting: J, isImaging: K, generatePdf: re, generateImage: Q } = Oe({
|
|
43
|
-
elementId: `carousel-table_${E.value}`,
|
|
44
|
-
fileName: e.value.caption.text || "vue-ui-carousel-table"
|
|
45
|
-
}), r = a({
|
|
46
|
-
showAnimation: e.value.animation.use
|
|
47
|
-
}), p = a(null), W = a(null), y = a(null), C = a(null), $ = a(0), F = a(0), O = a(!1), P = a(null), c = a(null), T = a(0);
|
|
48
|
-
function Y() {
|
|
49
|
-
P.value && (c.value = {
|
|
50
|
-
elements: P.value.getElementsByTagName("tr"),
|
|
51
|
-
heights: Array.from(P.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
B(Y);
|
|
55
|
-
const de = w(() => !c.value || !c.value.heights.length ? 0 : Math.max(...c.value.heights) + $.value + F.value), ve = w(() => l.dataset.body ? e.value.tbody.tr.visible <= l.dataset.body.length ? e.value.tbody.tr.visible : l.dataset.body.length : 0), pe = w(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * ve.value + $.value + F.value), S = a(0), x = a(null), A = a(0), f = a(!1), Z = a(0);
|
|
56
|
-
B(() => {
|
|
57
|
-
y.value && ($.value = y.value.getBoundingClientRect().height), C.value && (F.value = C.value.getBoundingClientRect().height), r.value.showAnimation && c.value && _();
|
|
58
|
-
});
|
|
59
|
-
function ce(t) {
|
|
60
|
-
j.value = t, Z.value += 1;
|
|
61
|
-
}
|
|
62
|
-
function _() {
|
|
63
|
-
!x.value && !f.value && (x.value = requestAnimationFrame(ee));
|
|
64
|
-
}
|
|
65
|
-
function he() {
|
|
66
|
-
if (!p.value) return !1;
|
|
67
|
-
const { scrollTop: t, scrollHeight: o, clientHeight: n } = p.value;
|
|
68
|
-
return t + n >= o;
|
|
69
|
-
}
|
|
70
|
-
function ee(t) {
|
|
71
|
-
if (f.value) return;
|
|
72
|
-
A.value || (A.value = t), t - A.value >= e.value.animation.speedMs && (S.value += c.value.heights[T.value], (he() || T.value >= c.value.heights.length) && (S.value = 0, T.value = 0), p.value && (p.value.scrollTo({
|
|
73
|
-
top: S.value,
|
|
74
|
-
behavior: "smooth"
|
|
75
|
-
}), T.value += 1), A.value = t), x.value = requestAnimationFrame(ee);
|
|
76
|
-
}
|
|
77
|
-
function g() {
|
|
78
|
-
f.value = !0, cancelAnimationFrame(x.value), x.value = null;
|
|
79
|
-
}
|
|
80
|
-
be(g);
|
|
81
|
-
function k() {
|
|
82
|
-
!f.value || !r.value.showAnimation || (f.value = !1, A.value = 0, _());
|
|
83
|
-
}
|
|
84
|
-
function fe() {
|
|
85
|
-
e.value.animation.pauseOnHover && g();
|
|
86
|
-
}
|
|
87
|
-
const H = a(null);
|
|
88
|
-
function ge() {
|
|
89
|
-
g(), clearTimeout(H.value);
|
|
90
|
-
}
|
|
91
|
-
function te() {
|
|
92
|
-
clearTimeout(H.value), H.value = setTimeout(k, 1e3);
|
|
93
|
-
}
|
|
94
|
-
ye(
|
|
95
|
-
() => e.value.animation.use,
|
|
96
|
-
(t) => {
|
|
97
|
-
t ? (r.value.showAnimation = !0, k()) : (r.value.showAnimation = !1, g());
|
|
98
|
-
}
|
|
99
|
-
);
|
|
100
|
-
const me = w(() => e.value.responsiveBreakpoint);
|
|
101
|
-
B(() => {
|
|
102
|
-
const t = new ResizeObserver((o) => {
|
|
103
|
-
o.forEach((n) => {
|
|
104
|
-
O.value = n.contentRect.width < me.value;
|
|
105
|
-
}), $.value = y.value ? y.value.getBoundingClientRect().height : 0, F.value = C.value ? C.value.getBoundingClientRect().height : 0, T.value = 0, Y();
|
|
106
|
-
});
|
|
107
|
-
p.value && t.observe(p.value);
|
|
108
|
-
});
|
|
109
|
-
function ae() {
|
|
110
|
-
re();
|
|
111
|
-
}
|
|
112
|
-
function oe() {
|
|
113
|
-
r.value.showAnimation = !r.value.showAnimation, r.value.showAnimation ? k() : g();
|
|
114
|
-
}
|
|
115
|
-
function ne() {
|
|
116
|
-
Te(() => {
|
|
117
|
-
const t = l.dataset.head.map((u, z) => [
|
|
118
|
-
[l.dataset.body[z]]
|
|
119
|
-
]), o = [
|
|
120
|
-
[e.value.caption.text],
|
|
121
|
-
[l.dataset.head.map((u) => [u])]
|
|
122
|
-
].concat(t), n = we(o);
|
|
123
|
-
Ie({
|
|
124
|
-
csvContent: n,
|
|
125
|
-
title: e.value.caption.text || "vue-ui-carousel-table"
|
|
126
|
-
});
|
|
127
|
-
});
|
|
128
|
-
}
|
|
129
|
-
return ue({
|
|
130
|
-
pauseAnimation: g,
|
|
131
|
-
resumeAnimation: k,
|
|
132
|
-
toggleAnimation: oe,
|
|
133
|
-
generateCsv: ne,
|
|
134
|
-
generatePdf: ae,
|
|
135
|
-
generateImage: Q
|
|
136
|
-
}), (t, o) => (i(), s("div", {
|
|
137
|
-
style: { position: "relative", overflow: "visible" },
|
|
138
|
-
ref_key: "chartContainer",
|
|
139
|
-
ref: W
|
|
140
|
-
}, [
|
|
141
|
-
R("div", {
|
|
142
|
-
ref_key: "tableContainer",
|
|
143
|
-
ref: p,
|
|
144
|
-
id: `carousel-table_${E.value}`,
|
|
145
|
-
style: d({
|
|
146
|
-
height: m(J) || m(K) ? "auto" : `${Math.max(pe.value, de.value)}px`,
|
|
147
|
-
containerType: "inline-size",
|
|
148
|
-
position: "relative",
|
|
149
|
-
overflow: "auto",
|
|
150
|
-
fontFamily: e.value.fontFamily
|
|
151
|
-
}),
|
|
152
|
-
class: Ce({ "vue-ui-responsive": O.value, "is-playing": !f.value }),
|
|
153
|
-
onMouseenter: o[0] || (o[0] = (n) => fe()),
|
|
154
|
-
onMouseleave: o[1] || (o[1] = (n) => k()),
|
|
155
|
-
onTouchstart: o[2] || (o[2] = (n) => ge()),
|
|
156
|
-
onTouchend: o[3] || (o[3] = (n) => te()),
|
|
157
|
-
onTouchcancel: o[4] || (o[4] = (n) => te())
|
|
158
|
-
}, [
|
|
159
|
-
b.value ? (i(), s("table", {
|
|
160
|
-
key: 0,
|
|
161
|
-
class: "vue-data-ui-carousel-table",
|
|
162
|
-
style: d({
|
|
163
|
-
...e.value.style,
|
|
164
|
-
border: `${e.value.border.size}px solid ${e.value.border.color}`,
|
|
165
|
-
width: "100%",
|
|
166
|
-
borderCollapse: "collapse"
|
|
167
|
-
})
|
|
168
|
-
}, [
|
|
169
|
-
R("caption", {
|
|
170
|
-
ref_key: "caption",
|
|
171
|
-
ref: y,
|
|
172
|
-
class: "vue-data-ui-carousel-table-caption",
|
|
173
|
-
style: d({
|
|
174
|
-
...e.value.caption.style,
|
|
175
|
-
fontFamily: "inherit",
|
|
176
|
-
position: "sticky",
|
|
177
|
-
top: 0,
|
|
178
|
-
zIndex: 2,
|
|
179
|
-
paddingTop: e.value.caption.padding.top + "px",
|
|
180
|
-
paddingRight: e.value.caption.padding.right + "px",
|
|
181
|
-
paddingBottom: e.value.caption.padding.bottom + "px",
|
|
182
|
-
paddingLeft: e.value.caption.padding.left + "px",
|
|
183
|
-
boxShadow: O.value ? e.value.thead.tr.style.boxShadow : "none",
|
|
184
|
-
minHeight: "36px"
|
|
185
|
-
})
|
|
186
|
-
}, [
|
|
187
|
-
U(L(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
|
|
188
|
-
v(t.$slots, "caption", {}, void 0, !0)
|
|
189
|
-
], 4),
|
|
190
|
-
R("thead", {
|
|
191
|
-
style: d({ ...e.value.thead.style, position: "sticky", top: `${$.value}px`, zIndex: 1 })
|
|
192
|
-
}, [
|
|
193
|
-
R("tr", {
|
|
194
|
-
ref_key: "tableRow",
|
|
195
|
-
ref: C,
|
|
196
|
-
role: "row",
|
|
197
|
-
style: d({
|
|
198
|
-
...e.value.thead.tr.style,
|
|
199
|
-
border: e.value.thead.tr.border.size ? `${e.value.thead.tr.border.size}px solid ${e.value.thead.tr.border.color}` : "none",
|
|
200
|
-
boxShadow: O.value ? "none" : e.value.thead.tr.style.boxShadow
|
|
201
|
-
}),
|
|
202
|
-
height: `${e.value.thead.tr.height}px`
|
|
203
|
-
}, [
|
|
204
|
-
(i(!0), s(G, null, M(h.dataset.head, (n, u) => (i(), s("th", {
|
|
205
|
-
role: "cell",
|
|
206
|
-
key: `th_${u}`,
|
|
207
|
-
style: d({
|
|
208
|
-
...e.value.thead.tr.th.style,
|
|
209
|
-
border: e.value.thead.tr.th.border.size ? `${e.value.thead.tr.th.border.size}px solid ${e.value.thead.tr.th.border.color}` : "none",
|
|
210
|
-
paddingTop: e.value.thead.tr.th.padding.top + "px",
|
|
211
|
-
paddingRight: e.value.thead.tr.th.padding.right + "px",
|
|
212
|
-
paddingBottom: e.value.thead.tr.th.padding.bottom + "px",
|
|
213
|
-
paddingLeft: e.value.thead.tr.th.padding.left + "px"
|
|
214
|
-
})
|
|
215
|
-
}, [
|
|
216
|
-
U(L(t.$slots.th ? "" : n) + " ", 1),
|
|
217
|
-
v(t.$slots, "th", V(D({ th: n, colIndex: u })), void 0, !0)
|
|
218
|
-
], 4))), 128))
|
|
219
|
-
], 12, Ne)
|
|
220
|
-
], 4),
|
|
221
|
-
h.dataset.body && h.dataset.head ? (i(), s("tbody", {
|
|
222
|
-
key: 0,
|
|
223
|
-
ref_key: "tbody",
|
|
224
|
-
ref: P
|
|
225
|
-
}, [
|
|
226
|
-
(i(!0), s(G, null, M(h.dataset.body, (n, u) => (i(), s("tr", {
|
|
227
|
-
style: d({
|
|
228
|
-
...e.value.tbody.tr.style,
|
|
229
|
-
border: `${e.value.tbody.tr.border.size}px solid ${e.value.tbody.tr.border.color}`,
|
|
230
|
-
verticalAlign: "middle"
|
|
231
|
-
})
|
|
232
|
-
}, [
|
|
233
|
-
(i(!0), s(G, null, M(n, (z, le) => (i(), s("td", {
|
|
234
|
-
role: "cell",
|
|
235
|
-
"data-cell": h.dataset.head[le] || "",
|
|
236
|
-
style: d({
|
|
237
|
-
...e.value.tbody.tr.td.style,
|
|
238
|
-
border: `${e.value.tbody.tr.td.border.size}px solid ${e.value.tbody.tr.td.border.color}`,
|
|
239
|
-
backgroundColor: e.value.tbody.tr.td.style.backgroundColor + m(ke)[u % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100],
|
|
240
|
-
paddingTop: e.value.tbody.tr.td.padding.top + "px",
|
|
241
|
-
paddingRight: e.value.tbody.tr.td.padding.right + "px",
|
|
242
|
-
paddingBottom: e.value.tbody.tr.td.padding.bottom + "px",
|
|
243
|
-
paddingLeft: e.value.tbody.tr.td.padding.left + "px",
|
|
244
|
-
verticalAlign: "middle"
|
|
245
|
-
}),
|
|
246
|
-
height: `${e.value.tbody.tr.height}px`
|
|
247
|
-
}, [
|
|
248
|
-
U(L(t.$slots.td ? "" : z) + " ", 1),
|
|
249
|
-
v(t.$slots, "td", V(D({ td: z, rowIndex: u, colIndex: le })), void 0, !0)
|
|
250
|
-
], 12, Ee))), 256))
|
|
251
|
-
], 4))), 256))
|
|
252
|
-
], 512)) : N("", !0)
|
|
253
|
-
], 4)) : N("", !0)
|
|
254
|
-
], 46, Re),
|
|
255
|
-
b.value ? N("", !0) : (i(), ie(ze, {
|
|
256
|
-
key: 0,
|
|
257
|
-
config: {
|
|
258
|
-
type: "table"
|
|
259
|
-
}
|
|
260
|
-
})),
|
|
261
|
-
e.value.userOptions.show && b.value ? (i(), ie(Pe, {
|
|
262
|
-
ref: "details",
|
|
263
|
-
key: `user_option_${Z.value}`,
|
|
264
|
-
backgroundColor: e.value.style.backgroundColor,
|
|
265
|
-
color: e.value.style.color,
|
|
266
|
-
isPrinting: m(J),
|
|
267
|
-
isImaging: m(K),
|
|
268
|
-
uid: E.value,
|
|
269
|
-
hasTooltip: !1,
|
|
270
|
-
hasPdf: e.value.userOptions.buttons.pdf,
|
|
271
|
-
hasImg: e.value.userOptions.buttons.img,
|
|
272
|
-
hasXls: e.value.userOptions.buttons.csv,
|
|
273
|
-
hasTable: !1,
|
|
274
|
-
hasLabel: !1,
|
|
275
|
-
hasAnimation: e.value.userOptions.buttons.animation,
|
|
276
|
-
isAnimation: !r.value.showAnimation,
|
|
277
|
-
hasFullscreen: e.value.userOptions.buttons.fullscreen,
|
|
278
|
-
isFullscreen: j.value,
|
|
279
|
-
chartElement: W.value,
|
|
280
|
-
titles: { ...e.value.userOptions.buttonTitles },
|
|
281
|
-
zIndex: 3,
|
|
282
|
-
noOffset: "",
|
|
283
|
-
onGeneratePdf: ae,
|
|
284
|
-
onGenerateCsv: ne,
|
|
285
|
-
onGenerateImage: m(Q),
|
|
286
|
-
onToggleAnimation: oe,
|
|
287
|
-
onToggleFullscreen: ce
|
|
288
|
-
}, $e({ _: 2 }, [
|
|
289
|
-
t.$slots.optionPdf ? {
|
|
290
|
-
name: "optionPdf",
|
|
291
|
-
fn: I(() => [
|
|
292
|
-
v(t.$slots, "optionPdf", {}, void 0, !0)
|
|
293
|
-
]),
|
|
294
|
-
key: "0"
|
|
295
|
-
} : void 0,
|
|
296
|
-
t.$slots.optionCsv ? {
|
|
297
|
-
name: "optionCsv",
|
|
298
|
-
fn: I(() => [
|
|
299
|
-
v(t.$slots, "optionCsv", {}, void 0, !0)
|
|
300
|
-
]),
|
|
301
|
-
key: "1"
|
|
302
|
-
} : void 0,
|
|
303
|
-
t.$slots.optionImg ? {
|
|
304
|
-
name: "optionImg",
|
|
305
|
-
fn: I(() => [
|
|
306
|
-
v(t.$slots, "optionImg", {}, void 0, !0)
|
|
307
|
-
]),
|
|
308
|
-
key: "2"
|
|
309
|
-
} : void 0,
|
|
310
|
-
t.$slots.optionAnimation ? {
|
|
311
|
-
name: "optionAnimation",
|
|
312
|
-
fn: I(() => [
|
|
313
|
-
v(t.$slots, "optionAnimation", {}, void 0, !0)
|
|
314
|
-
]),
|
|
315
|
-
key: "3"
|
|
316
|
-
} : void 0,
|
|
317
|
-
t.$slots.optionFullscreen ? {
|
|
318
|
-
name: "optionFullscreen",
|
|
319
|
-
fn: I(({ toggleFullscreen: n, isFullscreen: u }) => [
|
|
320
|
-
v(t.$slots, "optionFullscreen", V(D({ toggleFullscreen: n, isFullscreen: u })), void 0, !0)
|
|
321
|
-
]),
|
|
322
|
-
key: "4"
|
|
323
|
-
} : void 0
|
|
324
|
-
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "titles", "onGenerateImage"])) : N("", !0)
|
|
325
|
-
], 512));
|
|
326
|
-
}
|
|
327
|
-
}, De = /* @__PURE__ */ Be(Se, [["__scopeId", "data-v-c06beec9"]]);
|
|
328
|
-
export {
|
|
329
|
-
De as default
|
|
330
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),d=require("./useNestedProp-CmTItGss.cjs"),i=require("./index-oufiZvaS.cjs"),m={__name:"vue-ui-kpi",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(o){const a=o,{vue_ui_kpi:r}=i.useConfig(),e=t.computed(()=>d.useNestedProp({userConfig:a.config,defaultConfig:r})),v=t.ref((typeof a.dataset=="number",a.dataset)),u=t.ref(e.value.useAnimation?e.value.animationValueStart:v.value);return t.onMounted(()=>{const l=e.value.animationFrames,n=a.dataset/l;function s(){u.value+=n,u.value<a.dataset?requestAnimationFrame(s):u.value=a.dataset}e.value.useAnimation&&(u.value=0,s())}),(l,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(`vue-ui-kpi ${e.value.layoutClass}`),style:t.normalizeStyle(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)},[t.createElementVNode("div",{class:t.normalizeClass(`vue-ui-kpi-title ${e.value.titleClass}`),style:t.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.titleFontSize}px; color:${e.value.titleColor}; font-weight:${e.value.titleBold?"bold":"normal"}; ${e.value.titleCss}`)},[t.renderSlot(l.$slots,"title",{comment:o.dataset}),t.createTextVNode(" "+t.toDisplayString(e.value.title),1)],6),t.renderSlot(l.$slots,"comment-before",{comment:o.dataset}),t.createElementVNode("div",{class:t.normalizeClass(`vue-ui-kpi-value ${e.value.valueClass}`),style:t.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.valueFontSize}px; color:${e.value.valueColor}; font-weight:${e.value.valueBold?"bold":"normal"}; ${e.value.valueCss}`)},[t.renderSlot(l.$slots,"value",{comment:o.dataset}),t.createTextVNode(" "+t.toDisplayString(t.unref(i.dataLabel)({p:e.value.prefix,v:u.value,s:e.value.suffix,r:e.value.valueRounding})),1)],6),t.renderSlot(l.$slots,"comment-after",{comment:o.dataset})],6))}};exports.default=m;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { computed as p, ref as r, onMounted as y, openBlock as C, createElementBlock as g, normalizeClass as s, normalizeStyle as n, createElementVNode as m, renderSlot as u, createTextVNode as f, toDisplayString as d, unref as k } from "vue";
|
|
2
|
-
import { u as F } from "./useNestedProp-2KJaYPfM.js";
|
|
3
|
-
import { u as b, f as N } from "./index-BvjCO-wv.js";
|
|
4
|
-
const A = {
|
|
5
|
-
__name: "vue-ui-kpi",
|
|
6
|
-
props: {
|
|
7
|
-
config: {
|
|
8
|
-
type: Object,
|
|
9
|
-
default() {
|
|
10
|
-
return {};
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
dataset: {
|
|
14
|
-
type: Number,
|
|
15
|
-
default: 0
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
setup(l) {
|
|
19
|
-
const a = l, { vue_ui_kpi: c } = b(), e = p(() => F({
|
|
20
|
-
userConfig: a.config,
|
|
21
|
-
defaultConfig: c
|
|
22
|
-
})), $ = r((typeof a.dataset == "number", a.dataset)), o = r(e.value.useAnimation ? e.value.animationValueStart : $.value);
|
|
23
|
-
return y(() => {
|
|
24
|
-
const t = e.value.animationFrames, i = a.dataset / t;
|
|
25
|
-
function v() {
|
|
26
|
-
o.value += i, o.value < a.dataset ? requestAnimationFrame(v) : o.value = a.dataset;
|
|
27
|
-
}
|
|
28
|
-
e.value.useAnimation && (o.value = 0, v());
|
|
29
|
-
}), (t, i) => (C(), g("div", {
|
|
30
|
-
class: s(`vue-ui-kpi ${e.value.layoutClass}`),
|
|
31
|
-
style: n(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)
|
|
32
|
-
}, [
|
|
33
|
-
m("div", {
|
|
34
|
-
class: s(`vue-ui-kpi-title ${e.value.titleClass}`),
|
|
35
|
-
style: n(`font-family: ${e.value.fontFamily}; font-size:${e.value.titleFontSize}px; color:${e.value.titleColor}; font-weight:${e.value.titleBold ? "bold" : "normal"}; ${e.value.titleCss}`)
|
|
36
|
-
}, [
|
|
37
|
-
u(t.$slots, "title", { comment: l.dataset }),
|
|
38
|
-
f(" " + d(e.value.title), 1)
|
|
39
|
-
], 6),
|
|
40
|
-
u(t.$slots, "comment-before", { comment: l.dataset }),
|
|
41
|
-
m("div", {
|
|
42
|
-
class: s(`vue-ui-kpi-value ${e.value.valueClass}`),
|
|
43
|
-
style: n(`font-family: ${e.value.fontFamily}; font-size:${e.value.valueFontSize}px; color:${e.value.valueColor}; font-weight:${e.value.valueBold ? "bold" : "normal"}; ${e.value.valueCss}`)
|
|
44
|
-
}, [
|
|
45
|
-
u(t.$slots, "value", { comment: l.dataset }),
|
|
46
|
-
f(" " + d(k(N)({ p: e.value.prefix, v: o.value, s: e.value.suffix, r: e.value.valueRounding })), 1)
|
|
47
|
-
], 6),
|
|
48
|
-
u(t.$slots, "comment-after", { comment: l.dataset })
|
|
49
|
-
], 6));
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
export {
|
|
53
|
-
A as default
|
|
54
|
-
};
|