@orchidui/dashboard 1.56.0 → 1.57.0

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

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

package/dist/Dashboard/Charts/OverviewPieChart/OcOverviewPieChart.js

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as e } from "vue";
-const r = e(() => import("../../../OcOverviewPieChart-D2YLaN_P.js"));
+const r = e(() => import("../../../OcOverviewPieChart-D2CKOk4R.js"));
 export {
   r as OcOverviewPieChart
 };

package/dist/{OcOverviewMonthlyBarChart-CSheXsBM.js → OcOverviewMonthlyBarChart-D9_FsW21.js}

@@ -1,7 +1,7 @@
-import { computed as s, ref as F, watch as M, createElementBlock as S, openBlock as k } from "vue";
+import { computed as i, ref as w, watch as F, createElementBlock as M, openBlock as S } from "vue";
 import { u as B } from "./useChart-D5nAyTGV.js";
 import { d as u } from "./dayjs.min-CTPVfFeV.js";
-const O = {
+const E = {
   __name: "OcOverviewMonthlyBarChart",
   props: {
     variant: {
@@ -19,17 +19,17 @@ const O = {
     tooltipValueFormatter: Function
   },
   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", {
+    const e = m, s = i(() => e.labelData.length === 30), x = i(() => Math.max(...e.chartData));
+    i(() => e.chartData.indexOf(x.value));
+    const h = (t, a = "SGD") => (typeof t == "number" ? t : Number(t)).toLocaleString("en-US", {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
-    }), 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(() => ({
+    }), y = (t, a = !1) => a ? u(t).format("DD MMM").toUpperCase() : u(t).format("ddd DD/MM").toUpperCase(), g = (t) => {
+      const a = [...e.chartData].sort((r, l) => l - r);
+      return t === a[0] ? "#4C8AFD" : t === a[1] ? "#80ACFE" : "#CCDEFE";
+    }, D = i(() => ({
       xAxis: {
-        data: a.labelData.map((t) => y(t, l.value)),
+        data: e.labelData.map((t) => y(t, s.value)),
         splitLine: { show: !1 },
         axisLine: { show: !1 },
         axisTick: { show: !1 },
@@ -38,7 +38,7 @@ const O = {
           fontSize: 10,
           margin: 4,
           width: 70,
-          interval: l.value ? 3 : 0
+          interval: s.value ? 3 : 0
         }
       },
       tooltip: {
@@ -50,14 +50,14 @@ const O = {
           lineStyle: { color: "#2465DE" }
         },
         formatter: (t) => {
-          const e = a.labelData[t[0].dataIndex], r = u(e).format("DD MMM YYYY"), i = t[0].value;
+          const a = e.labelData[t[0].dataIndex], r = u(a).format("DD MMM YYYY"), l = 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(i)}</span>
+            <span class="font-semibold text-oc-text font-reddit-mono">SGD ${h(l)}</span>
           </div>
         </div>
       `;
@@ -83,17 +83,16 @@ const O = {
       },
       series: [{
         id: "myBar",
-        data: a.chartData,
+        data: e.chartData,
         type: "bar",
         barCategoryGap: 4,
         itemStyle: {
-          borderRadius: l.value ? [100, 100, 0, 0] : [4, 4, 0, 0],
-          color: ({ value: t }) => D(t)
+          borderRadius: s.value ? [100, 100, 0, 0] : [4, 4, 0, 0],
+          color: ({ value: t }) => g(t)
         },
         clip: !0
       }]
-    })), 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,
+    })), b = i(() => e.labelData.map((t, a) => u(t).day() === 6 && a + 1 < e.labelData.length ? [a, a + 1] : null).filter(Boolean)), v = {
       itemStyle: {
         color: {
           type: "linear",
@@ -106,48 +105,58 @@ const O = {
             { offset: 1, color: "rgba(36, 93, 239, 0.01)" }
           ],
           global: !1
-        },
-        borderColor: "rgba(53, 109, 255, 0.15)",
-        borderWidth: 1
+        }
       }
-    }, 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: d.x - 2 },
-            { x: d.x + d.width + 2 }
+    }, d = w(), { chart: o } = B(d, D), A = (t, a, r = !1) => {
+      const f = t.getModel().getSeriesByType("bar").map((c) => c.getData())[0], k = f.count(), n = [];
+      return a.forEach((c) => {
+        if (c < k) {
+          const p = f.getItemLayout(c);
+          n.push([
+            { x: p.x - 2 },
+            { x: p.x + p.width + 2 }
           ]);
         }
-      }), r && o.length > 0 ? [[
-        { x: o[0][0].x },
-        { x: o[o.length - 1][1].x }
-      ]] : o;
-    }, A = () => {
-      if (!n.value || p.value.length === 0) return;
-      const t = p.value.map(
-        (r) => C(n.value, r, !0).flat()
-      ), e = {
-        series: {
-          id: "myBar",
-          markArea: {
-            ...v,
-            data: t
-          }
+      }), r && n.length > 0 ? [[
+        { x: n[0][0].x },
+        { x: n[n.length - 1][1].x }
+      ]] : n;
+    }, C = () => {
+      if (o.value)
+        if (s.value) {
+          const t = b.value.map(
+            (r) => A(o.value, r, !0).flat()
+          ), a = {
+            series: {
+              id: "myBar",
+              markArea: {
+                ...v,
+                data: t
+              }
+            }
+          };
+          o.value.setOption(a);
+        } else {
+          const t = {
+            series: {
+              id: "myBar",
+              markArea: {
+                data: []
+              }
+            }
+          };
+          o.value.setOption(t);
         }
-      };
-      n.value.setOption(e);
     };
-    return M([n, l], () => {
-      n.value && A();
-    }), (t, e) => (k(), S("div", {
+    return F([o, s], () => {
+      o.value && C();
+    }), (t, a) => (S(), M("div", {
       ref_key: "barChart",
-      ref: f,
+      ref: d,
       class: "w-full"
     }, null, 512));
   }
 };
 export {
-  O as default
+  E as default
 };

package/dist/{OcOverviewPieChart-D2YLaN_P.js → OcOverviewPieChart-D2CKOk4R.js}

@@ -45,8 +45,8 @@ const L = { class: "flex flex-col items-center justify-center" }, N = { class: "
         },
         blur: {
           itemStyle: {
-            color: "#F2F2F4"
-            // Tailwind gray-200
+            color: "#F2F2F4",
+            opacity: 1
           },
           label: { show: !1 }
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orchidui/dashboard",
   "description": "Orchid Dashboard UI , Dashboard Ui Library Vue 3 tailwind css",
-  "version": "1.56.0",
+  "version": "1.57.0",
   "type": "module",
   "scripts": {
     "build": "vite build"
@@ -35,7 +35,7 @@
   "dependencies": {
     "dayjs": "^1.11.10",
     "echarts": "^5.4.3",
-    "@orchidui/core": "1.56.0",
+    "@orchidui/core": "1.57.0",
     "lottie-web": "^5.12.2",
     "quill": "^2.0.3",
     "quill-better-table": "^1.2.10",