vue-data-ui 2.4.3 → 2.4.5
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 +3 -1
- package/dist/{Arrow-Dz6AomGr.cjs → Arrow-BeQLfJqp.cjs} +1 -1
- package/dist/{Arrow-C7lNL7sY.js → Arrow-Dvaq-qLp.js} +1 -1
- package/dist/{BaseIcon-uALK38Ov.cjs → BaseIcon-BQM6PtJu.cjs} +1 -1
- package/dist/{BaseIcon-BbvG1AlW.js → BaseIcon-D9DRVW03.js} +1 -1
- package/dist/{DataTable-DTzynbND.cjs → DataTable-DO2GAcBm.cjs} +1 -1
- package/dist/{DataTable-DYqC2pqu.js → DataTable-rs_YrvMR.js} +2 -2
- package/dist/{Legend-Cgw4lO2O.cjs → Legend-BoBvZGqQ.cjs} +1 -1
- package/dist/{Legend-DNgTCgEK.js → Legend-DrmUpnIK.js} +1 -1
- package/dist/{PackageVersion-VkaUzgmt.js → PackageVersion-D9rYHrFZ.js} +1 -1
- package/dist/{PackageVersion-DwI-KhXH.cjs → PackageVersion-DdLmDkTt.cjs} +1 -1
- package/dist/PenAndPaper-C-KjtyNA.js +308 -0
- package/dist/PenAndPaper-DyMNuRla.cjs +1 -0
- package/dist/{Shape-D2Dpshg1.cjs → Shape-BGqIhzPX.cjs} +1 -1
- package/dist/{Shape-Bwon0l0g.js → Shape-CBrmBvYy.js} +1 -1
- package/dist/{Slicer-TfpN2Cr4.js → Slicer-4R6np1wa.js} +3 -3
- package/dist/{Slicer-uSjfNJjG.cjs → Slicer-BLkkkNUl.cjs} +1 -1
- package/dist/{Title-0Tp4hZ4u.cjs → Title-Dn00hErp.cjs} +1 -1
- package/dist/{Title-C5pIfQAz.js → Title-W7iJGPjg.js} +1 -1
- package/dist/{Tooltip-9Tp2Yrd1.cjs → Tooltip-DJiwKA4y.cjs} +1 -1
- package/dist/{Tooltip-Cz24YLfw.js → Tooltip-Pv3Bhir5.js} +1 -1
- package/dist/{index-Bya_q1J-.js → index-C1GB0E49.js} +1 -1
- package/dist/{index-eFox7weK.cjs → index-C9HllqQA.cjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/{useNestedProp-B33hazbH.js → useNestedProp-CNAPgW6E.js} +1 -1
- package/dist/{useNestedProp-BkgEhTQY.cjs → useNestedProp-DOr0hj4s.cjs} +1 -1
- package/dist/{usePrinter-CSRFnDBU.cjs → usePrinter-FSAw5pod.cjs} +1 -1
- package/dist/{usePrinter-CiHd1FwD.js → usePrinter-y5uHyknw.js} +1 -1
- package/dist/useResponsive-BJ7DTGpm.cjs +1 -0
- package/dist/{useResponsive-BY8tgM1n.js → useResponsive-CoxXLe23.js} +8 -7
- package/dist/{vue-data-ui-Bduq4f2p.js → vue-data-ui-Bg5KOKEX.js} +58 -58
- package/dist/{vue-data-ui-BTtxyUc3.cjs → vue-data-ui-Bnkz3Xmu.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-BUEq_VdY.js → vue-ui-3d-bar-mUrcbG6J.js} +9 -9
- package/dist/{vue-ui-3d-bar-B-P7PMHs.cjs → vue-ui-3d-bar-sjkBzHFn.cjs} +1 -1
- package/dist/{vue-ui-accordion-TEMpM1hO.cjs → vue-ui-accordion-BkUGNe2H.cjs} +1 -1
- package/dist/{vue-ui-accordion-DfUfL2dI.js → vue-ui-accordion-DWyRC3-h.js} +3 -3
- package/dist/vue-ui-age-pyramid-CKQ8OHuS.cjs +1 -0
- package/dist/{vue-ui-age-pyramid-CH72tAMb.js → vue-ui-age-pyramid-CVktvXpY.js} +145 -137
- package/dist/{vue-ui-annotator-DPeJ2its.js → vue-ui-annotator-Cp8KDkuP.js} +1 -1
- package/dist/{vue-ui-annotator-DU_DJKCw.cjs → vue-ui-annotator-DSJ25l4s.cjs} +1 -1
- package/dist/vue-ui-bullet-Bg3TPFgV.cjs +34 -0
- package/dist/{vue-ui-bullet-CtP3MlUT.js → vue-ui-bullet-D4atsFQx.js} +75 -69
- package/dist/vue-ui-candlestick-BhdG9CY1.cjs +2 -0
- package/dist/{vue-ui-candlestick-DDil13a0.js → vue-ui-candlestick-DUNyCQ6Z.js} +240 -232
- package/dist/{vue-ui-carousel-table-BaeIxyc0.js → vue-ui-carousel-table-BRrYpr-2.js} +4 -4
- package/dist/{vue-ui-carousel-table-C7SJIOG-.cjs → vue-ui-carousel-table-DF4FhrBd.cjs} +1 -1
- package/dist/vue-ui-chestnut-BLBS9QO2.cjs +6 -0
- package/dist/{vue-ui-chestnut-BczSJF6S.js → vue-ui-chestnut-CjS4qC_J.js} +262 -256
- package/dist/{vue-ui-cursor-Dg_Dmww-.js → vue-ui-cursor-C3SpabMF.js} +2 -2
- package/dist/{vue-ui-cursor-C2Pj_CI_.cjs → vue-ui-cursor-DzVt5_py.cjs} +1 -1
- package/dist/{vue-ui-dashboard-Bul9dqx1.js → vue-ui-dashboard-BCOKtsyJ.js} +2 -2
- package/dist/{vue-ui-dashboard-Cg020NiT.cjs → vue-ui-dashboard-CIv7W8Yn.cjs} +1 -1
- package/dist/{vue-ui-digits-B8iAa4YZ.js → vue-ui-digits-DaMKAZkt.js} +2 -2
- package/dist/{vue-ui-digits-Ctgd84JR.cjs → vue-ui-digits-yNfQgOLZ.cjs} +1 -1
- package/dist/{vue-ui-donut-DUcp-fat.js → vue-ui-donut-B_-VAqBw.js} +338 -330
- package/dist/vue-ui-donut-Bo4SbdEe.cjs +1 -0
- package/dist/{vue-ui-donut-evolution-C_YMbTwq.js → vue-ui-donut-evolution-C9TXFzCm.js} +163 -156
- package/dist/vue-ui-donut-evolution-DOPY3I3Q.cjs +1 -0
- package/dist/{vue-ui-dumbbell-Buwngz_V.js → vue-ui-dumbbell-BP_Vf_u2.js} +208 -200
- package/dist/vue-ui-dumbbell-Cgwng71s.cjs +9 -0
- package/dist/vue-ui-flow-BiQj4v8i.cjs +1 -0
- package/dist/{vue-ui-flow-Bz3c0K5P.js → vue-ui-flow-DHoxK4t1.js} +130 -124
- package/dist/vue-ui-galaxy-C5ZaT8pw.cjs +1 -0
- package/dist/{vue-ui-galaxy-Cjh0XGTX.js → vue-ui-galaxy-DuLPsC4Q.js} +125 -119
- package/dist/vue-ui-gauge-26eHgOjR.cjs +1 -0
- package/dist/{vue-ui-gauge-B1UvGkQa.js → vue-ui-gauge-BhrXiD4S.js} +167 -159
- package/dist/{vue-ui-gizmo-DFW6HnHp.cjs → vue-ui-gizmo-Bb_SWCsE.cjs} +1 -1
- package/dist/{vue-ui-gizmo-DUQ4t-At.js → vue-ui-gizmo-D3kBYI1G.js} +3 -3
- package/dist/vue-ui-heatmap-Bc4HvgMk.cjs +1 -0
- package/dist/{vue-ui-heatmap-C-poazUw.js → vue-ui-heatmap-wjsvn1_e.js} +156 -149
- package/dist/{vue-ui-kpi-Z4Oi4raz.cjs → vue-ui-kpi-BbvfVZn0.cjs} +1 -1
- package/dist/{vue-ui-kpi-DXe-vxAk.js → vue-ui-kpi-DLJuo47I.js} +3 -3
- package/dist/{vue-ui-mini-loader-MMvpm9pz.cjs → vue-ui-mini-loader-BaxwhF7o.cjs} +1 -1
- package/dist/{vue-ui-mini-loader-BVtHTqxS.js → vue-ui-mini-loader-D4aLvv-D.js} +2 -2
- package/dist/{vue-ui-molecule-BaJpDZND.js → vue-ui-molecule-DXpMMgdW.js} +109 -103
- package/dist/vue-ui-molecule-ZqAJHh6x.cjs +1 -0
- package/dist/{vue-ui-mood-radar-BUNDwsEI.js → vue-ui-mood-radar-B_uWY92C.js} +173 -166
- package/dist/vue-ui-mood-radar-BhteAPWH.cjs +1 -0
- package/dist/{vue-ui-nested-donuts-mDy2hXa6.js → vue-ui-nested-donuts-By32x0Y7.js} +311 -303
- package/dist/vue-ui-nested-donuts-ClgkX1-p.cjs +17 -0
- package/dist/vue-ui-onion-BdIxJpfA.cjs +5 -0
- package/dist/{vue-ui-onion-DwFG3HAI.js → vue-ui-onion-dQTXKNju.js} +149 -141
- package/dist/{vue-ui-parallel-coordinate-plot-ImET_zeo.js → vue-ui-parallel-coordinate-plot-CTF9Ujab.js} +186 -178
- package/dist/vue-ui-parallel-coordinate-plot-D6MUp-5W.cjs +8 -0
- package/dist/vue-ui-quadrant-CArA4Vmm.cjs +1 -0
- package/dist/{vue-ui-quadrant-BeveRihK.js → vue-ui-quadrant-Coqh0pYO.js} +225 -217
- package/dist/vue-ui-quick-chart-6Av74TTC.cjs +15 -0
- package/dist/{vue-ui-quick-chart-DAhllTfa.js → vue-ui-quick-chart-Bfdddr_B.js} +386 -378
- package/dist/{vue-ui-radar-BllatzRa.js → vue-ui-radar-BpdGMVHw.js} +172 -164
- package/dist/vue-ui-radar-CLr-gu1X.cjs +1 -0
- package/dist/{vue-ui-rating-D1ykV4xO.js → vue-ui-rating-B-YedcK0.js} +2 -2
- package/dist/{vue-ui-rating-BoZo7caL.cjs → vue-ui-rating-KFJoH-JV.cjs} +1 -1
- package/dist/vue-ui-relation-circle-BLVThOqT.js +366 -0
- package/dist/vue-ui-relation-circle-DuGQKFor.cjs +1 -0
- package/dist/{vue-ui-rings-B-ZcX6y1.js → vue-ui-rings-BGeYkj-O.js} +196 -188
- package/dist/vue-ui-rings-DzgehQZ5.cjs +2 -0
- package/dist/{vue-ui-scatter-DG43ck1g.js → vue-ui-scatter-CsBPCCco.js} +288 -280
- package/dist/vue-ui-scatter-jPnr8qI0.cjs +1 -0
- package/dist/{vue-ui-screenshot-C1JBP_N0.cjs → vue-ui-screenshot-1nXVH-hp.cjs} +1 -1
- package/dist/{vue-ui-screenshot-p3ca8cAl.js → vue-ui-screenshot-B2FTnuxH.js} +1 -1
- package/dist/{vue-ui-skeleton-BYssP0K4.js → vue-ui-skeleton-CE6ibl1T.js} +3 -3
- package/dist/{vue-ui-skeleton-BqKzuhkB.cjs → vue-ui-skeleton-CPwED1As.cjs} +1 -1
- package/dist/{vue-ui-smiley-D7dDCdpq.js → vue-ui-smiley-2H9hMFZ_.js} +2 -2
- package/dist/{vue-ui-smiley-BXKVpHl2.cjs → vue-ui-smiley-DqOZwhT4.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-9V60hM3Z.cjs → vue-ui-spark-trend-CLW85O32.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-GWFrO_0z.js → vue-ui-spark-trend-Dx9xVq9a.js} +5 -5
- package/dist/{vue-ui-sparkbar-Bgn6AY0q.cjs → vue-ui-sparkbar-DJDXrRyp.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-CwqlyAyv.js → vue-ui-sparkbar-zafUIv1n.js} +4 -4
- package/dist/{vue-ui-sparkgauge-F2XbiXyA.js → vue-ui-sparkgauge-CFAdhTLk.js} +4 -4
- package/dist/{vue-ui-sparkgauge-Dqntz2Zv.cjs → vue-ui-sparkgauge-CPNAXUyl.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-DRIKK6Ym.js → vue-ui-sparkhistogram-B3DIjpaE.js} +5 -5
- package/dist/{vue-ui-sparkhistogram-DnY4-Sdn.cjs → vue-ui-sparkhistogram-CHc3_xRE.cjs} +1 -1
- package/dist/{vue-ui-sparkline-Cxtzdlhi.js → vue-ui-sparkline-C-LE7J9H.js} +5 -5
- package/dist/{vue-ui-sparkline-CAEs-gtK.cjs → vue-ui-sparkline-U22Yhwy7.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-0A1klq9s.js → vue-ui-sparkstackbar-BzLoGC-y.js} +4 -4
- package/dist/{vue-ui-sparkstackbar-D37ms1rx.cjs → vue-ui-sparkstackbar-nx-Lt8sX.cjs} +1 -1
- package/dist/{vue-ui-stackbar-wun4S3C0.cjs → vue-ui-stackbar-BwgHLhj2.cjs} +1 -1
- package/dist/{vue-ui-stackbar-ByOuJSdM.js → vue-ui-stackbar-C5xNRXnW.js} +13 -13
- package/dist/{vue-ui-strip-plot-CMD0MSqY.js → vue-ui-strip-plot-6khUDDeA.js} +204 -196
- package/dist/vue-ui-strip-plot-BFUtZW4b.cjs +1 -0
- package/dist/{vue-ui-table-aj0XZ7T5.cjs → vue-ui-table-B3Eng0fH.cjs} +1 -1
- package/dist/{vue-ui-table-B75DJ39t.js → vue-ui-table-DsBM7Osw.js} +1 -1
- package/dist/{vue-ui-table-heatmap-Ce93TyBF.cjs → vue-ui-table-heatmap-DwCdS68z.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-BO2ugWqD.js → vue-ui-table-heatmap-ccQKInFD.js} +4 -4
- package/dist/{vue-ui-table-sparkline-CbjfAaj2.js → vue-ui-table-sparkline-BU-hOCZ7.js} +5 -5
- package/dist/{vue-ui-table-sparkline-D6KJjDnU.cjs → vue-ui-table-sparkline-CDmrQFKv.cjs} +1 -1
- package/dist/vue-ui-thermometer-BhHYcxmT.cjs +1 -0
- package/dist/{vue-ui-thermometer-Pq4PvSIP.js → vue-ui-thermometer-DuI3uDCZ.js} +171 -165
- package/dist/{vue-ui-timer-B6IB6yS6.cjs → vue-ui-timer-D7EKaAqa.cjs} +1 -1
- package/dist/{vue-ui-timer-Bk3BvB-B.js → vue-ui-timer-Gk3bl_em.js} +6 -6
- package/dist/{vue-ui-tiremarks-CU9HJIqf.js → vue-ui-tiremarks-AcEjMpJH.js} +119 -112
- package/dist/vue-ui-tiremarks-UX2FbnyG.cjs +1 -0
- package/dist/{vue-ui-treemap-DY-lRAhC.js → vue-ui-treemap-CFTpzgX5.js} +266 -258
- package/dist/vue-ui-treemap-D6CTMfsm.cjs +1 -0
- package/dist/vue-ui-vertical-bar-BzY2H3UC.cjs +4 -0
- package/dist/{vue-ui-vertical-bar-CtnIKsM1.js → vue-ui-vertical-bar-CuBJx5l1.js} +245 -237
- package/dist/vue-ui-waffle-CZxR13EG.cjs +1 -0
- package/dist/{vue-ui-waffle-reOsx-gJ.js → vue-ui-waffle-rDfZLxvH.js} +224 -216
- package/dist/{vue-ui-wheel-kYxny3vn.js → vue-ui-wheel-BFt2o4yO.js} +125 -117
- package/dist/vue-ui-wheel-BM-St3xT.cjs +1 -0
- package/dist/{vue-ui-word-cloud-DwLY4QdB.cjs → vue-ui-word-cloud-DjKyKUbA.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-DbMqrHAf.js → vue-ui-word-cloud-pNPIrJ-g.js} +11 -11
- package/dist/vue-ui-xy-CBZUMMlP.cjs +3 -0
- package/dist/{vue-ui-xy-rbACig0h.js → vue-ui-xy-DwkEc4Np.js} +302 -291
- package/dist/{vue-ui-xy-canvas-B0HTR7OV.js → vue-ui-xy-canvas-CW90CROL.js} +12 -12
- package/dist/{vue-ui-xy-canvas-CgJd5FiT.cjs → vue-ui-xy-canvas-DWGGLom_.cjs} +1 -1
- package/package.json +1 -1
- package/dist/PenAndPaper-CDFVOo7X.cjs +0 -1
- package/dist/PenAndPaper-DAZYA8Ew.js +0 -269
- package/dist/useResponsive-CodiGUOE.cjs +0 -1
- package/dist/vue-ui-age-pyramid-DsbZ1qcQ.cjs +0 -1
- package/dist/vue-ui-bullet-D8ks_rKr.cjs +0 -34
- package/dist/vue-ui-candlestick-D1jdr0bv.cjs +0 -2
- package/dist/vue-ui-chestnut-ih5r0Bj9.cjs +0 -6
- package/dist/vue-ui-donut-D7KT9EAp.cjs +0 -1
- package/dist/vue-ui-donut-evolution-CHtJ8iOK.cjs +0 -1
- package/dist/vue-ui-dumbbell-B0dikuqO.cjs +0 -9
- package/dist/vue-ui-flow-D6rc8J-8.cjs +0 -1
- package/dist/vue-ui-galaxy-CmTt0vBf.cjs +0 -1
- package/dist/vue-ui-gauge-B_TKuyM7.cjs +0 -1
- package/dist/vue-ui-heatmap-C2HlnqzO.cjs +0 -1
- package/dist/vue-ui-molecule-BiYIcOKN.cjs +0 -1
- package/dist/vue-ui-mood-radar-C6jMyFkb.cjs +0 -1
- package/dist/vue-ui-nested-donuts-DKO2dFKo.cjs +0 -17
- package/dist/vue-ui-onion-GWNoZRhw.cjs +0 -5
- package/dist/vue-ui-parallel-coordinate-plot-DODn4Ohf.cjs +0 -8
- package/dist/vue-ui-quadrant-yuFAxV-5.cjs +0 -1
- package/dist/vue-ui-quick-chart-DgFDBzjS.cjs +0 -15
- package/dist/vue-ui-radar-BJH5SE6-.cjs +0 -1
- package/dist/vue-ui-relation-circle-CKmjOle7.cjs +0 -1
- package/dist/vue-ui-relation-circle-xv2l5Be9.js +0 -358
- package/dist/vue-ui-rings-DjH3CK23.cjs +0 -2
- package/dist/vue-ui-scatter-SBCXAl7q.cjs +0 -1
- package/dist/vue-ui-strip-plot-IQrypGvz.cjs +0 -1
- package/dist/vue-ui-thermometer-swmi4FmH.cjs +0 -1
- package/dist/vue-ui-tiremarks-Cn79uQH2.cjs +0 -1
- package/dist/vue-ui-treemap-BEMuKV7x.cjs +0 -1
- package/dist/vue-ui-vertical-bar-B1e2RxTv.cjs +0 -4
- package/dist/vue-ui-waffle-BqP7Okgu.cjs +0 -1
- package/dist/vue-ui-wheel-BuWUGnkC.cjs +0 -1
- package/dist/vue-ui-xy-CGWzriYn.cjs +0 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),g=require("./useNestedProp-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),g=require("./useNestedProp-DOr0hj4s.cjs"),u=require("./index-C9HllqQA.cjs"),p=require("./vue-ui-digits-yNfQgOLZ.cjs"),y={__name:"vue-ui-kpi",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(n){const o=n,{vue_ui_kpi:m}=u.useConfig(),e=a.computed({get:()=>i(),set:t=>t});function i(){return g.useNestedProp({userConfig:o.config,defaultConfig:m})}a.watch(()=>o.config,t=>{e.value=i(),r()},{deep:!0});const f=a.ref((typeof o.dataset=="number",o.dataset)),l=a.ref(e.value.useAnimation?e.value.animationValueStart:f.value),s=t=>{const v=e.value.animationFrames,c=Math.abs(t-l.value)/v;function d(){l.value<t?l.value=Math.min(l.value+c,t):l.value>t&&(l.value=Math.max(l.value-c,t)),l.value!==t&&requestAnimationFrame(d)}d()};a.onMounted(()=>{r()});function r(){e.value.useAnimation?(l.value=e.value.animationValueStart,s(o.dataset)):l.value=o.dataset}return a.watch(()=>o.dataset,t=>{e.value.useAnimation?s(t):l.value=t}),(t,v)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(`vue-ui-kpi ${e.value.layoutClass}`),style:a.normalizeStyle(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)},[a.createElementVNode("div",{class:a.normalizeClass(`vue-ui-kpi-title ${e.value.titleClass}`),style:a.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}`)},[a.renderSlot(t.$slots,"title",{comment:n.dataset}),a.createTextVNode(" "+a.toDisplayString(e.value.title),1)],6),a.renderSlot(t.$slots,"comment-before",{comment:n.dataset}),a.createElementVNode("div",{class:a.normalizeClass(`vue-ui-kpi-value ${e.value.valueClass}`),style:a.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}`)},[a.renderSlot(t.$slots,"value",{comment:n.dataset}),e.value.analogDigits.show?(a.openBlock(),a.createElementBlock("div",{key:0,style:a.normalizeStyle({height:e.value.analogDigits.height+"px"})},[a.createVNode(p.default,{dataset:Number(l.value.toFixed(e.value.valueRounding)),config:{backgroundColor:e.value.backgroundColor,digits:{color:e.value.analogDigits.color,skeletonColor:e.value.analogDigits.skeletonColor}}},null,8,["dataset","config"])],4)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createTextVNode(a.toDisplayString(a.unref(u.applyDataLabel)(e.value.formatter,l.value,a.unref(u.dataLabel)({p:e.value.prefix,v:l.value,s:e.value.suffix,r:e.value.valueRounding}))),1)],64))],6),a.renderSlot(t.$slots,"comment-after",{comment:n.dataset})],6))}};exports.default=y;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { computed as N, watch as p, ref as C, onMounted as D, openBlock as i, createElementBlock as s, normalizeClass as v, normalizeStyle as u, createElementVNode as $, renderSlot as n, createTextVNode as y, toDisplayString as k, createVNode as S, Fragment as x, unref as h } from "vue";
|
|
2
|
-
import { u as z } from "./useNestedProp-
|
|
3
|
-
import { u as A, i as w, f as B } from "./index-
|
|
4
|
-
import L from "./vue-ui-digits-
|
|
2
|
+
import { u as z } from "./useNestedProp-CNAPgW6E.js";
|
|
3
|
+
import { u as A, i as w, f as B } from "./index-C1GB0E49.js";
|
|
4
|
+
import L from "./vue-ui-digits-DaMKAZkt.js";
|
|
5
5
|
const T = {
|
|
6
6
|
__name: "vue-ui-kpi",
|
|
7
7
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./useNestedProp-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./useNestedProp-DOr0hj4s.cjs"),n=require("./index-C9HllqQA.cjs"),m=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),g=["xmlns","viewBox"],C={key:0},_=["stroke"],h=["stroke"],M=["stroke"],y={key:1},B=["stroke"],f={key:2},L=["stroke"],b={__name:"vue-ui-mini-loader",props:{config:{type:Object,default(){return{}}}},setup(u){const a=u;e.useCssVars(k=>({"221651ee":c.value,d11bae38:d.value,d85c00de:p.value}));const{vue_ui_mini_loader:i}=n.useConfig(),t=e.computed(()=>v.useNestedProp({userConfig:a.config,defaultConfig:i})),s=e.ref({onion:"-10 -10 84 84",line:"-10 -10 112 84",bar:"-10 -10 106 84"}),r=e.computed(()=>({gutter:`stroke:${t.value.line.gutterColor};opacity:${t.value.line.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.line.gutterBlur}px);`})),l=e.computed(()=>({gutter:`stroke:${t.value.bar.gutterColor};opacity:${t.value.bar.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.bar.gutterBlur}px);`})),o=e.computed(()=>({gutter:`stroke:${t.value.onion.gutterColor};opacity:${t.value.onion.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.onion.gutterBlur}px);`})),c=e.computed(()=>`blur(${t.value.onion.trackBlur}px) hue-rotate(${t.value.onion.trackHueRotate}deg)`),d=e.computed(()=>`blur(${t.value.line.trackBlur}px) hue-rotate(${t.value.line.trackHueRotate}deg)`),p=e.computed(()=>`blur(${t.value.bar.trackBlur}px) hue-rotate(${t.value.bar.trackHueRotate}deg)`);return(k,x)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(n.XMLNS),viewBox:s.value[t.value.type],style:{background:"transparent"},width:"100%"},[t.value.type==="onion"?(e.openBlock(),e.createElementBlock("g",C,[e.createElementVNode("path",{d:"M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,_),e.createElementVNode("path",{d:"M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,h),e.createElementVNode("path",{d:"M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,M)])):e.createCommentVNode("",!0),t.value.type==="line"?(e.openBlock(),e.createElementBlock("g",y,[e.createElementVNode("path",{d:"M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(r.value.gutter+r.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5",stroke:t.value.line.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"line-animated"},null,8,B)])):e.createCommentVNode("",!0),t.value.type==="bar"?(e.openBlock(),e.createElementBlock("g",f,[e.createElementVNode("path",{d:"M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(l.value.gutter+l.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5",stroke:t.value.bar.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"bar-animated"},null,8,L)])):e.createCommentVNode("",!0)],8,g))}},N=m._export_sfc(b,[["__scopeId","data-v-20f54e0e"]]);exports.default=N;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useCssVars as h, computed as r, ref as f, openBlock as n, createElementBlock as u, unref as M, createElementVNode as t, normalizeStyle as l, createCommentVNode as a } from "vue";
|
|
2
|
-
import { u as m } from "./useNestedProp-
|
|
3
|
-
import { u as y, X as L } from "./index-
|
|
2
|
+
import { u as m } from "./useNestedProp-CNAPgW6E.js";
|
|
3
|
+
import { u as y, X as L } from "./index-C1GB0E49.js";
|
|
4
4
|
import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const b = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"], A = ["stroke"], N = { key: 1 }, O = ["stroke"], S = { key: 2 }, F = ["stroke"], I = {
|
|
6
6
|
__name: "vue-ui-mini-loader",
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { toRef as ue, resolveComponent as ce, openBlock as a, createElementBlock as r, Fragment as m, renderList as z, withModifiers as M, createBlock as T, createCommentVNode as y, createElementVNode as x, toDisplayString as Ae, normalizeStyle as ie, createVNode as S, computed as
|
|
2
|
-
import { u as
|
|
3
|
-
import { _ as
|
|
4
|
-
import { u as
|
|
5
|
-
import { D as
|
|
6
|
-
import { _ as
|
|
7
|
-
import Z from "./BaseIcon-
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { u as De } from "./useNestedProp-
|
|
11
|
-
import { _ as
|
|
12
|
-
import { P as
|
|
13
|
-
import { _ as
|
|
14
|
-
const
|
|
1
|
+
import { toRef as ue, resolveComponent as ce, openBlock as a, createElementBlock as r, Fragment as m, renderList as z, withModifiers as M, createBlock as T, createCommentVNode as y, createElementVNode as x, toDisplayString as Ae, normalizeStyle as ie, createVNode as S, computed as O, onMounted as Qe, ref as f, watch as _e, normalizeClass as Fe, unref as U, createSlots as et, withCtx as k, renderSlot as C, normalizeProps as W, guardReactiveProps as q, createTextVNode as tt, nextTick as Re } from "vue";
|
|
2
|
+
import { u as ot, o as lt, e as at, c as Se, t as nt, a as st, p as Le, b as rt, X as it, l as ut, O as ct, q as dt, r as vt, x as ft, y as pt } from "./index-C1GB0E49.js";
|
|
3
|
+
import { _ as ht } from "./Title-W7iJGPjg.js";
|
|
4
|
+
import { u as gt, U as yt } from "./usePrinter-y5uHyknw.js";
|
|
5
|
+
import { D as mt } from "./DataTable-rs_YrvMR.js";
|
|
6
|
+
import { _ as bt } from "./Tooltip-Pv3Bhir5.js";
|
|
7
|
+
import Z from "./BaseIcon-D9DRVW03.js";
|
|
8
|
+
import kt from "./vue-ui-skeleton-CE6ibl1T.js";
|
|
9
|
+
import Ct from "./vue-ui-accordion-DWyRC3-h.js";
|
|
10
|
+
import { u as De } from "./useNestedProp-CNAPgW6E.js";
|
|
11
|
+
import { _ as $t } from "./PackageVersion-D9rYHrFZ.js";
|
|
12
|
+
import { P as xt } from "./PenAndPaper-C-KjtyNA.js";
|
|
13
|
+
import { _ as wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
14
|
+
const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], Tt = {
|
|
15
15
|
__name: "RecursiveCircles",
|
|
16
16
|
props: {
|
|
17
17
|
color: {
|
|
@@ -67,7 +67,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
67
67
|
onClick: M((A) => c(p), ["stop"]),
|
|
68
68
|
onMouseover: (A) => d(p),
|
|
69
69
|
onMouseleave: v[0] || (v[0] = (A) => d(null))
|
|
70
|
-
}, null, 40,
|
|
70
|
+
}, null, 40, Pt))), 256)),
|
|
71
71
|
p.nodes && p.nodes.length > 0 ? (a(), T(R, {
|
|
72
72
|
key: 0,
|
|
73
73
|
dataset: p.nodes,
|
|
@@ -82,7 +82,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
82
82
|
], 64))), 256);
|
|
83
83
|
};
|
|
84
84
|
}
|
|
85
|
-
},
|
|
85
|
+
}, Ft = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Rt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], St = {
|
|
86
86
|
__name: "RecursiveLinks",
|
|
87
87
|
props: {
|
|
88
88
|
dataset: {
|
|
@@ -116,7 +116,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
116
116
|
y2: s.ancestor.polygonPath.coordinates[0].y,
|
|
117
117
|
stroke: n.backgroundColor,
|
|
118
118
|
"stroke-width": s.circleRadius / 1.5
|
|
119
|
-
}, null, 8,
|
|
119
|
+
}, null, 8, Ft),
|
|
120
120
|
x("line", {
|
|
121
121
|
x1: v.x,
|
|
122
122
|
y1: v.y,
|
|
@@ -124,7 +124,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
124
124
|
y2: s.ancestor.polygonPath.coordinates[0].y,
|
|
125
125
|
stroke: n.color,
|
|
126
126
|
"stroke-width": s.circleRadius / 2
|
|
127
|
-
}, null, 8,
|
|
127
|
+
}, null, 8, Rt)
|
|
128
128
|
], 64)) : y("", !0)
|
|
129
129
|
], 64))), 256)) : y("", !0)
|
|
130
130
|
], 64))), 256)),
|
|
@@ -141,7 +141,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
141
141
|
], 64);
|
|
142
142
|
};
|
|
143
143
|
}
|
|
144
|
-
},
|
|
144
|
+
}, Lt = ["x", "y", "fill", "font-size"], Dt = {
|
|
145
145
|
__name: "RecursiveLabels",
|
|
146
146
|
props: {
|
|
147
147
|
color: {
|
|
@@ -174,7 +174,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
174
174
|
"font-size": v.circleRadius,
|
|
175
175
|
"text-anchor": "middle",
|
|
176
176
|
style: { opacity: "0.8", "pointer-events": "none" }
|
|
177
|
-
}, Ae(v.name), 9,
|
|
177
|
+
}, Ae(v.name), 9, Lt))), 256)),
|
|
178
178
|
v.nodes && v.nodes.length > 0 ? (a(), T(s, {
|
|
179
179
|
key: 0,
|
|
180
180
|
dataset: v.nodes,
|
|
@@ -185,7 +185,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
185
185
|
], 64))), 256);
|
|
186
186
|
};
|
|
187
187
|
}
|
|
188
|
-
},
|
|
188
|
+
}, At = { style: { position: "relative", height: "100%", width: "100%" } }, It = {
|
|
189
189
|
__name: "BaseDirectionPad",
|
|
190
190
|
props: {
|
|
191
191
|
color: {
|
|
@@ -203,7 +203,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
203
203
|
style: ie(`position: ${n.isFullscreen ? "fixed" : "absolute"};bottom:0;right:${n.isFullscreen ? "12px" : "0"};width:80px;height:80px`),
|
|
204
204
|
"data-html2canvas-ignore": ""
|
|
205
205
|
}, [
|
|
206
|
-
x("div",
|
|
206
|
+
x("div", At, [
|
|
207
207
|
x("button", {
|
|
208
208
|
onClick: c[0] || (c[0] = M((d) => $("moveLeft"), ["stop"])),
|
|
209
209
|
style: { position: "absolute", left: "0", top: "50%", transform: "translateY(-50%)", height: "24px", width: "24px", padding: "0", background: "transparent", border: "none", display: "flex", "align-items": "center", "justify-content": "center" }
|
|
@@ -258,17 +258,22 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
258
258
|
])
|
|
259
259
|
], 4));
|
|
260
260
|
}
|
|
261
|
-
},
|
|
261
|
+
}, Nt = ["id"], Ot = {
|
|
262
262
|
key: 1,
|
|
263
|
+
ref: "noTitle",
|
|
264
|
+
class: "vue-data-ui-no-title-space",
|
|
265
|
+
style: "height:36px; width: 100%;background:transparent"
|
|
266
|
+
}, Ut = {
|
|
267
|
+
key: 2,
|
|
263
268
|
style: "width:100%;background:transparent;"
|
|
264
|
-
},
|
|
265
|
-
key:
|
|
269
|
+
}, zt = ["xmlns", "viewBox"], Bt = ["id"], Mt = ["stop-color"], Ht = ["stop-color"], Et = {
|
|
270
|
+
key: 6,
|
|
266
271
|
class: "vue-data-ui-watermark"
|
|
267
|
-
},
|
|
268
|
-
key:
|
|
272
|
+
}, Xt = {
|
|
273
|
+
key: 8,
|
|
269
274
|
ref: "source",
|
|
270
275
|
dir: "auto"
|
|
271
|
-
},
|
|
276
|
+
}, Gt = ["innerHTML"], jt = {
|
|
272
277
|
__name: "vue-ui-molecule",
|
|
273
278
|
props: {
|
|
274
279
|
config: {
|
|
@@ -285,17 +290,17 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
285
290
|
}
|
|
286
291
|
},
|
|
287
292
|
setup(n, { expose: $ }) {
|
|
288
|
-
const b = n, { vue_ui_molecule: c } =
|
|
289
|
-
|
|
293
|
+
const b = n, { vue_ui_molecule: c } = ot(), d = O(() => !!b.dataset && b.dataset.length);
|
|
294
|
+
Qe(() => {
|
|
290
295
|
L();
|
|
291
296
|
});
|
|
292
297
|
function L() {
|
|
293
|
-
|
|
298
|
+
lt(b.dataset) && at({
|
|
294
299
|
componentName: "VueUiMolecule",
|
|
295
300
|
type: "dataset"
|
|
296
301
|
});
|
|
297
302
|
}
|
|
298
|
-
const s = f(Se()), v = f(null), R = f(!1), p = f(""), D = f(null), J = f(null), A = f(!1), w = f(null), de = f(null), _ = f(0), ve = f(0), fe = f(0), t =
|
|
303
|
+
const s = f(Se()), v = f(null), R = f(!1), p = f(""), D = f(null), J = f(null), A = f(!1), w = f(null), de = f(null), _ = f(0), ve = f(0), fe = f(0), t = O({
|
|
299
304
|
get: () => pe(),
|
|
300
305
|
set: (e) => e
|
|
301
306
|
});
|
|
@@ -306,19 +311,19 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
306
311
|
});
|
|
307
312
|
return e.theme ? {
|
|
308
313
|
...De({
|
|
309
|
-
userConfig:
|
|
314
|
+
userConfig: nt.vue_ui_molecule[e.theme] || b.config,
|
|
310
315
|
defaultConfig: e
|
|
311
316
|
}),
|
|
312
|
-
customPalette:
|
|
317
|
+
customPalette: st[e.theme] || Le
|
|
313
318
|
} : e;
|
|
314
319
|
}
|
|
315
|
-
|
|
320
|
+
_e(() => b.config, (e) => {
|
|
316
321
|
t.value = pe(), L(), ve.value += 1, fe.value += 1;
|
|
317
322
|
}, { deep: !0 });
|
|
318
|
-
const { isPrinting: he, isImaging: ge, generatePdf: ye, generateImage: me } =
|
|
323
|
+
const { isPrinting: he, isImaging: ge, generatePdf: ye, generateImage: me } = gt({
|
|
319
324
|
elementId: `cluster_${s.value}`,
|
|
320
325
|
fileName: t.value.style.chart.title.text || "vue-ui-molecule"
|
|
321
|
-
}), Ie =
|
|
326
|
+
}), Ie = O(() => t.value.userOptions.show && !t.value.style.chart.title.text), Ne = O(() => rt(t.value.customPalette)), P = f({
|
|
322
327
|
showTable: t.value.table.show,
|
|
323
328
|
showDataLabels: !0,
|
|
324
329
|
showTooltip: t.value.style.chart.tooltip.show
|
|
@@ -326,7 +331,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
326
331
|
function be(e, l = 0) {
|
|
327
332
|
return Array.isArray(e) && e.length > 0 && e[0].nodes ? be(e[0].nodes, l + 1) : l;
|
|
328
333
|
}
|
|
329
|
-
function
|
|
334
|
+
function Oe() {
|
|
330
335
|
const e = be(b.dataset);
|
|
331
336
|
let l = 100, o = l;
|
|
332
337
|
for (let u = 0; u < e; u += 1)
|
|
@@ -336,37 +341,37 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
336
341
|
width: o
|
|
337
342
|
};
|
|
338
343
|
}
|
|
339
|
-
const I = f(
|
|
344
|
+
const I = f(Oe()), ee = f(`0 0 ${I.value.width} ${I.value.height}`);
|
|
340
345
|
function ke(e, l = { x: -I.value.width / 2.43, y: I.value.height / 2 }, o = I.value.width / 1.1, u = 24, i = 0, h = 0, j = "#BBBBBB") {
|
|
341
346
|
if (e && e.length > 0) {
|
|
342
|
-
const se =
|
|
347
|
+
const se = ct({
|
|
343
348
|
plot: l,
|
|
344
349
|
radius: o,
|
|
345
350
|
sides: e.length,
|
|
346
351
|
rotation: i
|
|
347
352
|
});
|
|
348
|
-
e.forEach((g,
|
|
349
|
-
const V = se.coordinates[
|
|
350
|
-
let
|
|
351
|
-
if (g.ancestor ? g.ancestor.ancestor ?
|
|
353
|
+
e.forEach((g, B) => {
|
|
354
|
+
const V = se.coordinates[B];
|
|
355
|
+
let N;
|
|
356
|
+
if (g.ancestor ? g.ancestor.ancestor ? N = g.ancestor.color || j : (N = Ne.value[h] || Le[h] || j, h += 1) : N = j, g.polygonPath = {
|
|
352
357
|
coordinates: [V]
|
|
353
|
-
}, g.circleRadius = u, g.color =
|
|
358
|
+
}, g.circleRadius = u, g.color = N, g.uid = Se(), g.nodes && g.nodes.length > 0) {
|
|
354
359
|
const re = !g.ancestor || !g.ancestor.ancestor ? h : 0;
|
|
355
360
|
g.nodes = ke(
|
|
356
361
|
g.nodes,
|
|
357
362
|
V,
|
|
358
363
|
o / 2.9,
|
|
359
364
|
u / 2.2,
|
|
360
|
-
i + Math.PI *
|
|
365
|
+
i + Math.PI * B / g.nodes.length,
|
|
361
366
|
re,
|
|
362
|
-
|
|
367
|
+
N
|
|
363
368
|
);
|
|
364
369
|
}
|
|
365
370
|
});
|
|
366
371
|
}
|
|
367
372
|
return e;
|
|
368
373
|
}
|
|
369
|
-
function
|
|
374
|
+
function Ue(e) {
|
|
370
375
|
const l = /* @__PURE__ */ new Set();
|
|
371
376
|
function o(i) {
|
|
372
377
|
i.forEach((h) => {
|
|
@@ -379,7 +384,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
379
384
|
u[i] = `gradient_${h}`;
|
|
380
385
|
}), u;
|
|
381
386
|
}
|
|
382
|
-
const ze =
|
|
387
|
+
const ze = O(() => Ue(F.value)), F = O(() => ke(b.dataset));
|
|
383
388
|
function te() {
|
|
384
389
|
A.value = !1, J.value = null, de.value = null, w.value = null, le({
|
|
385
390
|
polygonPath: {
|
|
@@ -392,15 +397,15 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
392
397
|
function le(e) {
|
|
393
398
|
D.value.focus(), Re(() => {
|
|
394
399
|
oe.value && cancelAnimationFrame(oe.value);
|
|
395
|
-
const l = ee.value.split(" "), o = parseFloat(l[0]), u = parseFloat(l[1]), i = parseFloat(l[2]), h = parseFloat(l[3]), { x: j, y: se } = e.polygonPath.coordinates[0], { circleRadius: g } = e,
|
|
400
|
+
const l = ee.value.split(" "), o = parseFloat(l[0]), u = parseFloat(l[1]), i = parseFloat(l[2]), h = parseFloat(l[3]), { x: j, y: se } = e.polygonPath.coordinates[0], { circleRadius: g } = e, B = 8.34, V = j - g * B, N = se - g * B, re = g * B * 2, Ye = g * B * 2, We = Math.sqrt((V - o) ** 2 + (N - u) ** 2), Y = Math.min(1200, Math.max(20, Math.floor(We / 10))), qe = (V - o) / Y, Ze = (N - u) / Y, Je = (re - i) / Y, Ke = (Ye - h) / Y;
|
|
396
401
|
let E = 0;
|
|
397
402
|
function Te() {
|
|
398
|
-
ee.value = `${o +
|
|
403
|
+
ee.value = `${o + qe * E} ${u + Ze * E} ${i + Je * E} ${h + Ke * E}`, E += t.value.style.chart.zoom.speed, E <= Y && (oe.value = requestAnimationFrame(Te));
|
|
399
404
|
}
|
|
400
405
|
Te();
|
|
401
406
|
});
|
|
402
407
|
}
|
|
403
|
-
function
|
|
408
|
+
function Be(e) {
|
|
404
409
|
J.value === e.uid ? te() : (J.value = e.uid, de.value = e, w.value = {
|
|
405
410
|
circleRadius: e.circleRadius,
|
|
406
411
|
polygonPath: {
|
|
@@ -408,14 +413,14 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
408
413
|
}
|
|
409
414
|
}, le(e), A.value = e.uid !== F.value[0].uid);
|
|
410
415
|
}
|
|
411
|
-
function
|
|
416
|
+
function Me(e) {
|
|
412
417
|
if (e.target.nodeName !== "circle")
|
|
413
418
|
te(), A.value = !1;
|
|
414
419
|
else
|
|
415
420
|
return;
|
|
416
421
|
}
|
|
417
422
|
const ae = f(null);
|
|
418
|
-
function
|
|
423
|
+
function He(e) {
|
|
419
424
|
ae.value = {
|
|
420
425
|
datapoint: e,
|
|
421
426
|
seriesIndex: -1,
|
|
@@ -423,7 +428,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
423
428
|
config: t.value
|
|
424
429
|
};
|
|
425
430
|
const l = t.value.style.chart.tooltip.customFormat;
|
|
426
|
-
if (
|
|
431
|
+
if (ft(l) && pt(() => l({
|
|
427
432
|
seriesIndex: -1,
|
|
428
433
|
datapoint: e,
|
|
429
434
|
series: F.value,
|
|
@@ -442,13 +447,13 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
442
447
|
}
|
|
443
448
|
}
|
|
444
449
|
const Ce = f(null), X = f(null);
|
|
445
|
-
function
|
|
446
|
-
Ce.value = e, e ? (R.value = !0,
|
|
450
|
+
function Ee(e) {
|
|
451
|
+
Ce.value = e, e ? (R.value = !0, He(e), X.value = e.uid) : (R.value = !1, p.value = "", X.value = null);
|
|
447
452
|
}
|
|
448
453
|
function K(e) {
|
|
449
454
|
e === "right" && (w.value.polygonPath.coordinates[0].x += w.value.circleRadius), e === "left" && (w.value.polygonPath.coordinates[0].x -= w.value.circleRadius), e === "top" && (w.value.polygonPath.coordinates[0].y -= w.value.circleRadius), e === "bottom" && (w.value.polygonPath.coordinates[0].y += w.value.circleRadius), le(w.value);
|
|
450
455
|
}
|
|
451
|
-
function
|
|
456
|
+
function Xe(e) {
|
|
452
457
|
const l = [];
|
|
453
458
|
function o(u) {
|
|
454
459
|
u.forEach((i) => {
|
|
@@ -463,12 +468,12 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
463
468
|
}
|
|
464
469
|
return o(e), l;
|
|
465
470
|
}
|
|
466
|
-
const
|
|
471
|
+
const Ge = O(() => Xe(F.value)), H = O(() => {
|
|
467
472
|
const e = [
|
|
468
473
|
t.value.table.translations.nodeName,
|
|
469
474
|
t.value.table.translations.details,
|
|
470
475
|
t.value.table.translations.ancestor
|
|
471
|
-
], l =
|
|
476
|
+
], l = Ge.value.map((i, h) => [
|
|
472
477
|
{
|
|
473
478
|
color: i.color,
|
|
474
479
|
name: i.name
|
|
@@ -501,15 +506,15 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
501
506
|
});
|
|
502
507
|
function $e() {
|
|
503
508
|
Re(() => {
|
|
504
|
-
const e = H.value.body.map((u, i) => [[u[0].name], [u[1]], [u[2]]]), l = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[...H.value.head]]].concat(e), o =
|
|
505
|
-
|
|
509
|
+
const e = H.value.body.map((u, i) => [[u[0].name], [u[1]], [u[2]]]), l = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[...H.value.head]]].concat(e), o = dt(l);
|
|
510
|
+
vt({ csvContent: o, title: t.value.style.chart.title.text || "vue-ui-molecule" });
|
|
506
511
|
});
|
|
507
512
|
}
|
|
508
|
-
function
|
|
513
|
+
function je() {
|
|
509
514
|
return F.value;
|
|
510
515
|
}
|
|
511
516
|
const G = f(!1);
|
|
512
|
-
function
|
|
517
|
+
function Ve(e) {
|
|
513
518
|
G.value = e, _.value += 1;
|
|
514
519
|
}
|
|
515
520
|
function xe() {
|
|
@@ -526,7 +531,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
526
531
|
Q.value = !Q.value;
|
|
527
532
|
}
|
|
528
533
|
return $({
|
|
529
|
-
getData:
|
|
534
|
+
getData: je,
|
|
530
535
|
generatePdf: ye,
|
|
531
536
|
generateCsv: $e,
|
|
532
537
|
generateImage: me,
|
|
@@ -544,7 +549,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
544
549
|
style: ie(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),
|
|
545
550
|
id: `cluster_${s.value}`
|
|
546
551
|
}, [
|
|
547
|
-
t.value.userOptions.buttons.annotator ? (a(), T(
|
|
552
|
+
t.value.userOptions.buttons.annotator ? (a(), T(xt, {
|
|
548
553
|
key: 0,
|
|
549
554
|
parent: D.value,
|
|
550
555
|
backgroundColor: t.value.style.chart.backgroundColor,
|
|
@@ -552,8 +557,9 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
552
557
|
active: Q.value,
|
|
553
558
|
onClose: ne
|
|
554
559
|
}, null, 8, ["parent", "backgroundColor", "color", "active"])) : y("", !0),
|
|
560
|
+
Ie.value ? (a(), r("div", Ot, null, 512)) : y("", !0),
|
|
555
561
|
t.value.style.chart.title.text ? (a(), r("div", Ut, [
|
|
556
|
-
(a(), T(
|
|
562
|
+
(a(), T(ht, {
|
|
557
563
|
key: `title_${ve.value}`,
|
|
558
564
|
config: {
|
|
559
565
|
title: {
|
|
@@ -567,14 +573,14 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
567
573
|
}
|
|
568
574
|
}, null, 8, ["config"]))
|
|
569
575
|
])) : y("", !0),
|
|
570
|
-
t.value.userOptions.show && d.value ? (a(), T(
|
|
576
|
+
t.value.userOptions.show && d.value ? (a(), T(yt, {
|
|
571
577
|
ref_key: "details",
|
|
572
578
|
ref: v,
|
|
573
579
|
key: `user_options_${_.value}`,
|
|
574
580
|
backgroundColor: t.value.style.chart.backgroundColor,
|
|
575
581
|
color: t.value.style.chart.color,
|
|
576
|
-
isPrinting:
|
|
577
|
-
isImaging:
|
|
582
|
+
isPrinting: U(he),
|
|
583
|
+
isImaging: U(ge),
|
|
578
584
|
uid: s.value,
|
|
579
585
|
hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
|
|
580
586
|
hasPdf: t.value.userOptions.buttons.pdf,
|
|
@@ -589,15 +595,15 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
589
595
|
position: t.value.userOptions.position,
|
|
590
596
|
hasAnnotator: t.value.userOptions.buttons.annotator,
|
|
591
597
|
isAnnotation: Q.value,
|
|
592
|
-
onToggleFullscreen:
|
|
593
|
-
onGeneratePdf:
|
|
598
|
+
onToggleFullscreen: Ve,
|
|
599
|
+
onGeneratePdf: U(ye),
|
|
594
600
|
onGenerateCsv: $e,
|
|
595
|
-
onGenerateImage:
|
|
601
|
+
onGenerateImage: U(me),
|
|
596
602
|
onToggleTable: xe,
|
|
597
603
|
onToggleLabels: we,
|
|
598
604
|
onToggleTooltip: Pe,
|
|
599
605
|
onToggleAnnotator: ne
|
|
600
|
-
},
|
|
606
|
+
}, et({ _: 2 }, [
|
|
601
607
|
e.$slots.optionTooltip ? {
|
|
602
608
|
name: "optionTooltip",
|
|
603
609
|
fn: k(() => [
|
|
@@ -656,14 +662,14 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
656
662
|
} : void 0
|
|
657
663
|
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : y("", !0),
|
|
658
664
|
d.value ? (a(), r("svg", {
|
|
659
|
-
key:
|
|
660
|
-
xmlns:
|
|
665
|
+
key: 4,
|
|
666
|
+
xmlns: U(it),
|
|
661
667
|
viewBox: ee.value,
|
|
662
668
|
class: Fe({ "vue-data-ui-fullscreen--on": G.value, "vue-data-ui-fulscreen--off": !G.value }),
|
|
663
669
|
style: ie(`overflow: hidden; background:transparent;color:${t.value.style.chart.color}`),
|
|
664
|
-
onClick: l[0] || (l[0] = M((o) =>
|
|
670
|
+
onClick: l[0] || (l[0] = M((o) => Me(o), ["stop"]))
|
|
665
671
|
}, [
|
|
666
|
-
S(
|
|
672
|
+
S($t),
|
|
667
673
|
x("defs", null, [
|
|
668
674
|
(a(!0), r(m, null, z(Object.keys(ze.value), (o) => (a(), r("radialGradient", {
|
|
669
675
|
id: `gradient_${o}`,
|
|
@@ -675,36 +681,36 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
675
681
|
}, [
|
|
676
682
|
x("stop", {
|
|
677
683
|
offset: "0%",
|
|
678
|
-
"stop-color":
|
|
679
|
-
}, null, 8,
|
|
684
|
+
"stop-color": U(ut)(o, 0.5)
|
|
685
|
+
}, null, 8, Mt),
|
|
680
686
|
x("stop", {
|
|
681
687
|
offset: "100%",
|
|
682
688
|
"stop-color": o
|
|
683
|
-
}, null, 8,
|
|
684
|
-
], 8,
|
|
689
|
+
}, null, 8, Ht)
|
|
690
|
+
], 8, Bt))), 256))
|
|
685
691
|
]),
|
|
686
|
-
S(
|
|
692
|
+
S(St, {
|
|
687
693
|
dataset: F.value,
|
|
688
694
|
color: t.value.style.chart.links.stroke,
|
|
689
695
|
backgroundColor: t.value.style.chart.backgroundColor
|
|
690
696
|
}, null, 8, ["dataset", "color", "backgroundColor"]),
|
|
691
|
-
S(
|
|
697
|
+
S(Tt, {
|
|
692
698
|
dataset: F.value,
|
|
693
699
|
hoveredUid: X.value,
|
|
694
700
|
stroke: t.value.style.chart.nodes.stroke,
|
|
695
701
|
strokeHovered: t.value.style.chart.nodes.strokeHovered,
|
|
696
|
-
onZoom:
|
|
697
|
-
onHover:
|
|
702
|
+
onZoom: Be,
|
|
703
|
+
onHover: Ee
|
|
698
704
|
}, null, 8, ["dataset", "hoveredUid", "stroke", "strokeHovered"]),
|
|
699
|
-
P.value.showDataLabels ? (a(), T(
|
|
705
|
+
P.value.showDataLabels ? (a(), T(Dt, {
|
|
700
706
|
key: 0,
|
|
701
707
|
dataset: F.value,
|
|
702
708
|
color: t.value.style.chart.color,
|
|
703
709
|
hoveredUid: X.value
|
|
704
710
|
}, null, 8, ["dataset", "color", "hoveredUid"])) : y("", !0),
|
|
705
711
|
C(e.$slots, "svg", { svg: I.value }, void 0, !0)
|
|
706
|
-
], 14,
|
|
707
|
-
A.value ? (a(), T(
|
|
712
|
+
], 14, zt)) : y("", !0),
|
|
713
|
+
A.value ? (a(), T(It, {
|
|
708
714
|
key: `direction_pad_${_.value}`,
|
|
709
715
|
color: t.value.style.chart.color,
|
|
710
716
|
isFullscreen: G.value,
|
|
@@ -716,11 +722,11 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
716
722
|
te(), A.value = !1;
|
|
717
723
|
})
|
|
718
724
|
}, null, 8, ["color", "isFullscreen"])) : y("", !0),
|
|
719
|
-
e.$slots.watermark ? (a(), r("div",
|
|
720
|
-
C(e.$slots, "watermark", W(q({ isPrinting:
|
|
725
|
+
e.$slots.watermark ? (a(), r("div", Et, [
|
|
726
|
+
C(e.$slots, "watermark", W(q({ isPrinting: U(he) || U(ge) })), void 0, !0)
|
|
721
727
|
])) : y("", !0),
|
|
722
|
-
d.value ? y("", !0) : (a(), T(
|
|
723
|
-
key:
|
|
728
|
+
d.value ? y("", !0) : (a(), T(kt, {
|
|
729
|
+
key: 7,
|
|
724
730
|
config: {
|
|
725
731
|
type: "molecule",
|
|
726
732
|
style: {
|
|
@@ -731,10 +737,10 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
731
737
|
}
|
|
732
738
|
}
|
|
733
739
|
}, null, 8, ["config"])),
|
|
734
|
-
e.$slots.source ? (a(), r("div",
|
|
740
|
+
e.$slots.source ? (a(), r("div", Xt, [
|
|
735
741
|
C(e.$slots, "source", {}, void 0, !0)
|
|
736
742
|
], 512)) : y("", !0),
|
|
737
|
-
S(
|
|
743
|
+
S(bt, {
|
|
738
744
|
show: P.value.showTooltip && R.value,
|
|
739
745
|
backgroundColor: t.value.style.chart.tooltip.backgroundColor,
|
|
740
746
|
color: t.value.style.chart.tooltip.color,
|
|
@@ -757,8 +763,8 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
757
763
|
]),
|
|
758
764
|
_: 3
|
|
759
765
|
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
|
|
760
|
-
d.value ? (a(), T(
|
|
761
|
-
key:
|
|
766
|
+
d.value ? (a(), T(Ct, {
|
|
767
|
+
key: 9,
|
|
762
768
|
hideDetails: "",
|
|
763
769
|
config: {
|
|
764
770
|
open: P.value.showTable,
|
|
@@ -774,7 +780,7 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
774
780
|
}
|
|
775
781
|
}, {
|
|
776
782
|
content: k(() => [
|
|
777
|
-
(a(), T(
|
|
783
|
+
(a(), T(mt, {
|
|
778
784
|
key: `table_${fe.value}`,
|
|
779
785
|
colNames: H.value.colNames,
|
|
780
786
|
head: H.value.head,
|
|
@@ -787,19 +793,19 @@ const wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
|
|
|
787
793
|
x("div", {
|
|
788
794
|
innerHTML: o,
|
|
789
795
|
style: { display: "flex", "align-items": "center" }
|
|
790
|
-
}, null, 8,
|
|
796
|
+
}, null, 8, Gt)
|
|
791
797
|
]),
|
|
792
798
|
td: k(({ td: o }) => [
|
|
793
|
-
|
|
799
|
+
tt(Ae(o.name || o), 1)
|
|
794
800
|
]),
|
|
795
801
|
_: 1
|
|
796
802
|
}, 8, ["colNames", "head", "body", "config", "title"]))
|
|
797
803
|
]),
|
|
798
804
|
_: 1
|
|
799
805
|
}, 8, ["config"])) : y("", !0)
|
|
800
|
-
], 46,
|
|
806
|
+
], 46, Nt));
|
|
801
807
|
}
|
|
802
|
-
},
|
|
808
|
+
}, ao = /* @__PURE__ */ wt(jt, [["__scopeId", "data-v-f7e44332"]]);
|
|
803
809
|
export {
|
|
804
|
-
|
|
810
|
+
ao as default
|
|
805
811
|
};
|