@orchidui/dashboard 1.94.0 → 1.95.0

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

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

package/dist/{OcOverviewPieChart--tReA5Tg.js → OcOverviewPieChart-DbnX-BGC.js}

@@ -1,6 +1,6 @@
-import { ref as h, computed as b, watch as x, nextTick as _, createElementBlock as d, openBlock as f, createElementVNode as o, createCommentVNode as L, toDisplayString as n, Fragment as S, renderList as C, normalizeStyle as O } from "vue";
+import { ref as f, computed as b, watch as x, nextTick as _, createElementBlock as d, openBlock as m, createElementVNode as o, createCommentVNode as L, toDisplayString as n, Fragment as S, renderList as C, normalizeStyle as O } from "vue";
 import { u as k } from "./useChart-D5nAyTGV.js";
-const V = { class: "flex flex-col items-center justify-center" }, F = { class: "relative w-[210px] h-[210px]" }, j = { class: "absolute inset-0 flex flex-col items-center justify-center pointer-events-none" }, N = { class: "text-center" }, P = { class: "text-oc-text-400" }, T = { class: "text-lg font-semibold font-reddit-mono" }, B = {
+const F = { class: "flex flex-col items-center justify-center" }, V = { class: "relative w-[210px] h-[210px]" }, j = { class: "absolute inset-0 flex flex-col items-center justify-center pointer-events-none" }, N = { class: "text-center" }, P = { class: "text-oc-text-400" }, T = { class: "text-lg font-semibold font-reddit-mono" }, B = {
   key: 0,
   class: "mt-4 flex flex-wrap gap-3 justify-center"
 }, $ = { class: "text-sm" }, I = {
@@ -26,15 +26,15 @@ const V = { class: "flex flex-col items-center justify-center" }, F = { class: "
     }
   },
   setup(l) {
-    const t = l, r = h(""), s = h(0), g = (e) => (typeof e == "number" ? e : Number(e)).toLocaleString("en-US", {
-      minimumFractionDigits: 2,
-      maximumFractionDigits: 2
-    }), m = (e) => {
+    const t = l, r = f(""), i = f(0), g = (e) => (typeof e == "number" ? e : Number(e)).toLocaleString(
+      "en-US",
+      t.currency ? { minimumFractionDigits: 2, maximumFractionDigits: 2 } : { minimumFractionDigits: 0, maximumFractionDigits: 0 }
+    ), h = (e) => {
       const a = typeof e == "number" ? e : Number(e);
-      return i.value ? Math.round(a / i.value * 100) : 0;
-    }, i = b(() => !t.chartData || t.chartData.length === 0 ? 0 : t.chartData.reduce((e, a) => e + (a.value || 0), 0)), v = () => {
-      r.value = t.totalLabel, s.value = i.value;
-    }, w = b(() => ({
+      return s.value ? Math.round(a / s.value * 100) : 0;
+    }, s = b(() => !t.chartData || t.chartData.length === 0 ? 0 : t.chartData.reduce((e, a) => e + (a.value || 0), 0)), v = () => {
+      r.value = t.totalLabel, i.value = s.value;
+    }, D = b(() => ({
       tooltip: t.tooltip,
       series: [
         {
@@ -75,15 +75,15 @@ const V = { class: "flex flex-col items-center justify-center" }, F = { class: "
           ...t.additionalOptions ? t.additionalOptions : {}
         }
       ]
-    })), p = h(), { chart: y } = k(p, w), D = (e) => t.chartData[e].itemStyle.color;
+    })), p = f(), { chart: y } = k(p, D), w = (e) => t.chartData[e].itemStyle.color;
     return x(y, async (e) => {
       e && (await _(), v(), e.on("mouseover", "series", (a) => {
         if (a.componentType === "series" && a.seriesType === "pie") {
           const c = a.name || "Unknown", u = a.value || 0;
-          r.value = `${c} (${m(u)}%)`, s.value = a.value || 0;
+          r.value = `${c} (${h(u)}%)`, i.value = a.value || 0;
         }
       }), e.on("mouseout", "series", () => {
-        r.value = t.totalLabel, s.value = i.value;
+        r.value = t.totalLabel, i.value = s.value;
       }));
     }), x(
       () => t.chartData,
@@ -91,8 +91,8 @@ const V = { class: "flex flex-col items-center justify-center" }, F = { class: "
         y.value && v();
       },
       { deep: !0 }
-    ), (e, a) => (f(), d("div", V, [
-      o("div", F, [
+    ), (e, a) => (m(), d("div", F, [
+      o("div", V, [
         o("div", {
           ref_key: "pieChart",
           ref: p,
@@ -101,20 +101,20 @@ const V = { class: "flex flex-col items-center justify-center" }, F = { class: "
         o("div", j, [
           o("div", N, [
             o("div", P, n(r.value), 1),
-            o("div", T, n(l.currency) + " " + n(g(s.value)), 1)
+            o("div", T, n(l.currency) + " " + n(g(i.value)), 1)
           ])
         ])
       ]),
-      l.chartData && l.chartData.length > 0 ? (f(), d("div", B, [
-        (f(!0), d(S, null, C(l.chartData, (c, u) => (f(), d("div", {
+      l.chartData && l.chartData.length > 0 ? (m(), d("div", B, [
+        (m(!0), d(S, null, C(l.chartData, (c, u) => (m(), d("div", {
           key: u,
           class: "flex items-center gap-2 cursor-pointer hover:opacity-80 transition-opacity"
         }, [
           o("div", {
             class: "w-3 h-3 rounded-full",
-            style: O({ backgroundColor: D(u) })
+            style: O({ backgroundColor: w(u) })
           }, null, 4),
-          o("span", $, n(c.name) + " " + n(l.showPercentInLabel ? `(${m(c.value)}%)` : ""), 1)
+          o("span", $, n(c.name) + " " + n(l.showPercentInLabel ? `(${h(c.value)}%)` : ""), 1)
         ]))), 128))
       ])) : L("", !0)
     ]));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orchidui/dashboard",
   "description": "Orchid Dashboard UI , Dashboard Ui Library Vue 3 tailwind css",
-  "version": "1.94.0",
+  "version": "1.95.0",
   "type": "module",
   "scripts": {
     "build": "vite build"
@@ -33,7 +33,7 @@
     "rollup": "npm:@rollup/wasm-node"
   },
   "dependencies": {
-    "@orchidui/core": "1.94.0",
+    "@orchidui/core": "1.95.0",
     "dayjs": "^1.11.10",
     "echarts": "^5.4.3",
     "lottie-web": "^5.12.2",