@orchidui/dashboard 1.29.0 → 1.30.0

package/dist/Dashboard/Charts/OverviewMonthlyBarChart/OcOverviewMonthlyBarChart.js

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as o } from "vue";
-const t = o(() => import("../../../OcOverviewMonthlyBarChart-DWCIliP7.js"));
+const t = o(() => import("../../../OcOverviewMonthlyBarChart-OfktFA_r.js"));
 export {
   t as OverviewMonthlyBarChart
 };

package/dist/{OcOverviewMonthlyBarChart-DWCIliP7.js → OcOverviewMonthlyBarChart-OfktFA_r.js}

@@ -1,12 +1,12 @@
-import { computed as s, ref as w, watch as F, createElementBlock as S, openBlock as k } from "vue";
+import { computed as s, ref as F, watch as M, createElementBlock as S, openBlock as k } from "vue";
 import { useChart as B } from "./Dashboard/composables/useChart.js";
-import { d as l } from "./dayjs.min-CTPVfFeV.js";
+import { d as u } from "./dayjs.min-CTPVfFeV.js";
 const O = {
   __name: "OcOverviewMonthlyBarChart",
   props: {
     variant: {
       type: String,
-      validator: (d) => ["primary", "purple"].includes(d)
+      validator: (m) => ["primary", "purple"].includes(m)
     },
     showTooltip: Boolean,
     showLegend: Boolean,
@@ -18,18 +18,18 @@ const O = {
     tooltipFormatter: Function,
     tooltipValueFormatter: Function
   },
-  setup(d) {
-    const a = d, i = s(() => a.labelData.length === 30), x = s(() => Math.max(...a.chartData));
+  setup(m) {
+    const a = m, l = s(() => a.labelData.length === 30), x = s(() => Math.max(...a.chartData));
     s(() => a.chartData.indexOf(x.value));
     const g = (t, e = "SGD") => (typeof t == "number" ? t : Number(t)).toLocaleString("en-US", {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
-    }), y = (t, e = !1) => e ? l(t).format("DD MMM").toUpperCase() : l(t).format("ddd DD/MM").toUpperCase(), D = (t) => {
-      const e = [...a.chartData].sort((r, c) => c - r);
+    }), y = (t, e = !1) => e ? u(t).format("DD MMM").toUpperCase() : u(t).format("ddd DD/MM").toUpperCase(), D = (t) => {
+      const e = [...a.chartData].sort((r, i) => i - r);
       return t === e[0] ? "#4C8AFD" : t === e[1] ? "#80ACFE" : "#CCDEFE";
     }, b = s(() => ({
       xAxis: {
-        data: a.labelData.map((t) => y(t, i.value)),
+        data: a.labelData.map((t) => y(t, l.value)),
         splitLine: { show: !1 },
         axisLine: { show: !1 },
         axisTick: { show: !1 },
@@ -38,7 +38,7 @@ const O = {
           fontSize: 10,
           margin: 4,
           width: 70,
-          interval: i.value ? 3 : 0
+          interval: l.value ? 3 : 0
         }
       },
       tooltip: {
@@ -50,16 +50,14 @@ const O = {
           lineStyle: { color: "#2465DE" }
         },
         formatter: (t) => {
-          const e = a.labelData.find(
-            (u) => l(u).format("DD MMM") === t[0].name
-          ), r = l(e).format("DD MMM YYYY"), c = t[0].value;
+          const e = a.labelData[t[0].dataIndex], r = u(e).format("DD MMM YYYY"), i = t[0].value;
           return `
         <div class="py-3 px-4">
           <div class="flex items-center gap-2">
             <span class="text-xs font-medium text-oc-text-300">${r}</span>
           </div>
           <div class="flex items-center gap-2">
-            <span class="font-semibold text-oc-text font-reddit-mono">SGD ${g(c)}</span>
+            <span class="font-semibold text-oc-text font-reddit-mono">SGD ${g(i)}</span>
           </div>
         </div>
       `;
@@ -89,12 +87,12 @@ const O = {
         type: "bar",
         barCategoryGap: 4,
         itemStyle: {
-          borderRadius: i.value ? [100, 100, 0, 0] : [4, 4, 0, 0],
+          borderRadius: l.value ? [100, 100, 0, 0] : [4, 4, 0, 0],
           color: ({ value: t }) => D(t)
         },
         clip: !0
       }]
-    })), f = s(() => a.labelData.map((t, e) => l(t).day() === 6 && e + 1 < a.labelData.length ? [e, e + 1] : null).filter(Boolean)), v = {
+    })), p = s(() => a.labelData.map((t, e) => u(t).day() === 6 && e + 1 < a.labelData.length ? [e, e + 1] : null).filter(Boolean)), v = {
       silent: !0,
       itemStyle: {
         color: {
@@ -112,23 +110,23 @@ const O = {
         borderColor: "rgba(53, 109, 255, 0.15)",
         borderWidth: 1
       }
-    }, h = w(), { chart: n } = B(h, b), C = (t, e, r = !1) => {
-      const u = t.getModel().getSeriesByType("bar").map((m) => m.getData())[0], A = u.count(), o = [];
-      return e.forEach((m) => {
-        if (m < A) {
-          const p = u.getItemLayout(m);
+    }, f = F(), { chart: n } = B(f, b), C = (t, e, r = !1) => {
+      const h = t.getModel().getSeriesByType("bar").map((c) => c.getData())[0], w = h.count(), o = [];
+      return e.forEach((c) => {
+        if (c < w) {
+          const d = h.getItemLayout(c);
           o.push([
-            { x: p.x - 2 },
-            { x: p.x + p.width + 2 }
+            { x: d.x - 2 },
+            { x: d.x + d.width + 2 }
           ]);
         }
       }), r && o.length > 0 ? [[
         { x: o[0][0].x },
         { x: o[o.length - 1][1].x }
       ]] : o;
-    }, M = () => {
-      if (!n.value || f.value.length === 0) return;
-      const t = f.value.map(
+    }, A = () => {
+      if (!n.value || p.value.length === 0) return;
+      const t = p.value.map(
         (r) => C(n.value, r, !0).flat()
       ), e = {
         series: {
@@ -141,11 +139,11 @@ const O = {
       };
       n.value.setOption(e);
     };
-    return F([n, i], () => {
-      n.value && M();
+    return M([n, l], () => {
+      n.value && A();
     }), (t, e) => (k(), S("div", {
       ref_key: "barChart",
-      ref: h,
+      ref: f,
       class: "w-full"
     }, null, 512));
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orchidui/dashboard",
   "description": "Orchid Dashboard UI , Dashboard Ui Library Vue 3 tailwind css",
-  "version": "1.29.0",
+  "version": "1.30.0",
   "type": "module",
   "scripts": {
     "build": "vite build"
@@ -33,6 +33,6 @@
     "rollup": "npm:@rollup/wasm-node"
   },
   "dependencies": {
-    "@orchidui/core": "1.29.0"
+    "@orchidui/core": "1.30.0"
   }
 }