@orchidui/dashboard 1.8.1-57 → 1.8.1-58

package/dist/Dashboard/Charts/BarRaceChart/OcBarRaceChart.js

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as o } from "vue";
-const t = o(() => import("../../../OcBarRaceChart-Cu4K9WI5.js"));
+const t = o(() => import("../../../OcBarRaceChart-Bv-k6V7o.js"));
 export {
   t as BarRaceChart
 };

package/dist/{OcBarRaceChart-Cu4K9WI5.js → OcBarRaceChart-Bv-k6V7o.js}

@@ -1,6 +1,9 @@
-import { computed as d, ref as h, openBlock as i, createElementBlock as s, createElementVNode as l, Fragment as m, renderList as u, toDisplayString as f } from "vue";
-import { useChart as x } from "./Dashboard/composables/useChart.js";
-const y = { class: "grid grid-cols-2" }, v = { class: "pt-4 pb-7 flex flex-col h-[100%]" }, b = { class: "text-[14px] flex flex-1 items-center justify-start pr-2" }, g = { class: "truncate" }, _ = {
+import { computed as d, ref as h, openBlock as i, createElementBlock as l, createElementVNode as s, Fragment as m, renderList as u, createCommentVNode as f, toDisplayString as x } from "vue";
+import { useChart as y } from "./Dashboard/composables/useChart.js";
+const g = { class: "grid grid-cols-2" }, v = { class: "pt-4 pb-7 flex flex-col h-[100%]" }, w = { class: "text-[14px] flex flex-1 items-center justify-start pr-2 gap-3" }, b = {
+  key: 0,
+  class: "rounded-sm overflow-hidden w-[32px] h-[32px]"
+}, _ = ["src"], F = { class: "truncate" }, A = {
   __name: "OcBarRaceChart",
   props: {
     variant: {
@@ -18,10 +21,10 @@ const y = { class: "grid grid-cols-2" }, v = { class: "pt-4 pb-7 flex flex-col h
     tooltipValueFormatter: Function
   },
   setup(a) {
-    const t = a, r = {
+    const t = a, n = {
       primary: "#2465DE",
       purple: "#B14AED"
-    }, c = d(() => ({
+    }, p = d(() => ({
       xAxis: {
         show: !1,
         type: "value"
@@ -96,13 +99,13 @@ const y = { class: "grid grid-cols-2" }, v = { class: "pt-4 pb-7 flex flex-col h
           },
           barGap: 0,
           itemStyle: {
-            color: r[t.variant],
+            color: n[t.variant],
             opacity: 0.2,
             borderRadius: [0, 4, 4, 0]
           },
           emphasis: {
             itemStyle: {
-              color: r[t.variant]
+              color: n[t.variant]
             }
           }
         },
@@ -116,25 +119,31 @@ const y = { class: "grid grid-cols-2" }, v = { class: "pt-4 pb-7 flex flex-col h
           },
           barGap: "-100%",
           itemStyle: {
-            color: r[t.variant]
+            color: n[t.variant]
           }
         }
       ]
-    })), n = h();
-    return x(n, c), (e, o) => (i(), s("div", y, [
-      l("div", v, [
-        (i(!0), s(m, null, u(a.legendData, (p) => (i(), s("div", b, [
-          l("div", g, f(p), 1)
+    })), c = h();
+    return y(c, p), (e, o) => (i(), l("div", g, [
+      s("div", v, [
+        (i(!0), l(m, null, u(a.legendData, (r) => (i(), l("div", w, [
+          r.image ? (i(), l("div", b, [
+            s("img", {
+              src: r.image,
+              class: "w-full h-full min-w-[32px] min-h-[32px] object-cover align-middle inline-block"
+            }, null, 8, _)
+          ])) : f("", !0),
+          s("div", F, x(r.name ?? r), 1)
         ]))), 256))
       ]),
-      l("div", {
+      s("div", {
         ref_key: "barRaceChart",
-        ref: n,
+        ref: c,
         class: "h-full"
       }, null, 512)
     ]));
   }
 };
 export {
-  _ as default
+  A as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orchidui/dashboard",
   "description": "Orchid Dashboard UI , Dashboard Ui Library Vue 3 tailwind css",
-  "version": "1.8.1-57",
+  "version": "1.8.1-58",
   "type": "module",
   "scripts": {
     "build": "vite build"