@duxweb/dvha-pro 1.0.22 → 1.0.24

package/dist/esm/component.js

@@ -32,8 +32,8 @@ import { DuxDrawEmptyForm as y } from "./components/draw/drawEmptyForm.js";
 import { DuxDrawError as M } from "./components/draw/drawError.js";
 import { DuxDrawerPage as b } from "./components/drawer/drawerPage.js";
 import { DuxAiEditor as S } from "./components/editor/aiEditor.js";
-import { DuxFormItem as F } from "./components/form/formItem.js";
-import { DuxFormLayout as L } from "./components/form/formLayout.js";
+import { DuxFormLayout as F } from "./components/form/formLayout.js";
+import { DuxFormItem as L } from "./components/form/formItem.js";
 import { DuxModalForm as T } from "./components/form/modalForm.js";
 import { DuxPageForm as E } from "./components/form/pageForm.js";
 import { DuxSettingForm as h } from "./components/form/settingForm.js";
@@ -75,7 +75,7 @@ import { DuxPageEmpty as Do } from "./pages/pageEmpty.js";
 import { DuxPageStatus as xo } from "./pages/pageStatus.js";
 const Im = {
   install(o) {
-    o.component("DuxAiEditor", S), o.component("DuxCard", t), o.component("DuxDrawerPage", b), o.component("DuxDrawApps", P), o.component("DuxDrawAuth", s), o.component("DuxDrawEmpty", C), o.component("DuxDrawEmptyForm", y), o.component("DuxDrawError", M), o.component("DuxDynamicData", l), o.component("DuxDynamicSelect", f), o.component("DuxFormItem", F), o.component("DuxFormLayout", L), o.component("DuxModalForm", T), o.component("DuxPageForm", E), o.component("DuxSettingForm", h), o.component("DuxListLayout", I), o.component("DuxTableFilter", A), o.component("DuxTableLayout", k), o.component("DuxTableTools", B), o.component("DuxCardPage", U), o.component("DuxListPage", v), o.component("DuxMedia", N), o.component("DuxModal", p), o.component("DuxPanelAlert", Q), o.component("DuxPanelCard", R), o.component("DuxBlockEmpty", G), o.component("DuxTablePage", J), o.component("DuxLevel", H), o.component("DuxImageCrop", D), o.component("DuxImageCropModal", x), o.component("DuxModalPage", d), o.component("DuxModalTab", g), o.component("DuxFileUpload", O), o.component("DuxImageUpload", V), o.component("DuxTreeFilter", K), o.component("DuxIconPicker", w), o.component("DuxCollapsePanel", W), o.component("DuxCodeEditor", Y), o.component("DuxDashboardHello", i), o.component("DuxDashboardHelloBig", c), o.component("DuxDashboardQuick", a), o.component("DuxCarousel", n), o.component("DuxWidgetConnect", X), o.component("DuxChart", u), o.component("DuxSelectCard", j), o.component("DuxStatsStore", r), o.component("DuxStatsStoreItem", e), o.component("DuxStatsRealTime", z), o.component("DuxStatsNumber", q), o.component("DuxAuthLayout", Z), o.component("DuxLayout", _), o.component("DuxPage403", eo), o.component("DuxPage404", no), o.component("DuxPage500", uo), o.component("DuxPageEmpty", Do), o.component("DuxPageStatus", xo), o.component("DuxLoginPage", $), o.component("DuxPage", ro), o.component("DuxMenuMain", mo), o.component("DuxMobileMenu", to), o.component("DuxMenuCmd", oo), o.component("DuxApp", m);
+    o.component("DuxAiEditor", S), o.component("DuxCard", t), o.component("DuxDrawerPage", b), o.component("DuxDrawApps", P), o.component("DuxDrawAuth", s), o.component("DuxDrawEmpty", C), o.component("DuxDrawEmptyForm", y), o.component("DuxDrawError", M), o.component("DuxDynamicData", l), o.component("DuxDynamicSelect", f), o.component("DuxFormItem", L), o.component("DuxFormLayout", F), o.component("DuxModalForm", T), o.component("DuxPageForm", E), o.component("DuxSettingForm", h), o.component("DuxListLayout", I), o.component("DuxTableFilter", A), o.component("DuxTableLayout", k), o.component("DuxTableTools", B), o.component("DuxCardPage", U), o.component("DuxListPage", v), o.component("DuxMedia", N), o.component("DuxModal", p), o.component("DuxPanelAlert", Q), o.component("DuxPanelCard", R), o.component("DuxBlockEmpty", G), o.component("DuxTablePage", J), o.component("DuxLevel", H), o.component("DuxImageCrop", D), o.component("DuxImageCropModal", x), o.component("DuxModalPage", d), o.component("DuxModalTab", g), o.component("DuxFileUpload", O), o.component("DuxImageUpload", V), o.component("DuxTreeFilter", K), o.component("DuxIconPicker", w), o.component("DuxCollapsePanel", W), o.component("DuxCodeEditor", Y), o.component("DuxDashboardHello", i), o.component("DuxDashboardHelloBig", c), o.component("DuxDashboardQuick", a), o.component("DuxCarousel", n), o.component("DuxWidgetConnect", X), o.component("DuxChart", u), o.component("DuxSelectCard", j), o.component("DuxStatsStore", r), o.component("DuxStatsStoreItem", e), o.component("DuxStatsRealTime", z), o.component("DuxStatsNumber", q), o.component("DuxAuthLayout", Z), o.component("DuxLayout", _), o.component("DuxPage403", eo), o.component("DuxPage404", no), o.component("DuxPage500", uo), o.component("DuxPageEmpty", Do), o.component("DuxPageStatus", xo), o.component("DuxLoginPage", $), o.component("DuxPage", ro), o.component("DuxMenuMain", mo), o.component("DuxMobileMenu", to), o.component("DuxMenuCmd", oo), o.component("DuxApp", m);
   }
 };
 export {

package/dist/esm/components/card/card.js

@@ -1,5 +1,5 @@
-import { defineComponent as y, computed as a, createVNode as t } from "vue";
-const S = /* @__PURE__ */ y({
+import { defineComponent as s, computed as a, createVNode as d } from "vue";
+const m = /* @__PURE__ */ s({
   name: "DuxCard",
   props: {
     size: {
@@ -64,10 +64,10 @@ const S = /* @__PURE__ */ y({
     }
   },
   setup(e, {
-    slots: d
+    slots: t
   }) {
-    const r = (i) => {
-      switch (i) {
+    const r = (f) => {
+      switch (f) {
         case "small":
           return "px-3 py-2";
         case "large":
@@ -78,7 +78,7 @@ const S = /* @__PURE__ */ y({
         default:
           return "";
       }
-    }, c = a(() => r(e.size)), n = a(() => r(e.headerSize)), o = a(() => r(e.footerSize)), m = a(() => r(e.contentSize)), v = a(() => {
+    }, l = a(() => r(e.size)), i = a(() => r(e.headerSize)), n = a(() => r(e.footerSize)), u = a(() => r(e.contentSize)), o = a(() => {
       switch (e.type) {
         case "elevated":
           return "bg-elevated";
@@ -88,28 +88,25 @@ const S = /* @__PURE__ */ y({
           return "bg-default dark:bg-muted";
       }
     });
-    return () => {
-      var i, u, l, f;
-      return t("div", {
-        class: ["rounded  flex flex-col dark:border dark:border-muted", e.divide && "divide-y divide-muted", e.shadow && "shadow-xs", e.bordered && "border border-muted", v.value, c.value]
-      }, [d.header && t("div", {
-        class: [n.value, e.headerClass, e.headerBordered || e.divide ? "border-b border-muted" : "pb-0"]
-      }, [(i = d.header) == null ? void 0 : i.call(d)]), e.title && t("div", {
-        class: ["flex justify-between items-center", n.value, e.headerBordered || e.divide ? "border-b border-muted" : "pb-0", e.headerClass]
-      }, [t("div", {
-        class: "flex flex-col"
-      }, [t("div", {
-        class: "text-base"
-      }, [e.title]), e.description && t("div", {
-        class: "text-sm text-muted"
-      }, [e.description])]), (u = d.headerExtra) == null ? void 0 : u.call(d)]), t("div", {
-        class: ["flex-1 min-h-0", (e.title || d.header || d.footer) && m.value, e.contentClass]
-      }, [(l = d.default) == null ? void 0 : l.call(d)]), d.footer && t("div", {
-        class: [o.value, e.footerClass, e.footerBordered && "border-t border-muted"]
-      }, [(f = d.footer) == null ? void 0 : f.call(d)])]);
-    };
+    return () => d("div", {
+      class: ["rounded  flex flex-col dark:border dark:border-muted", e.divide && "divide-y divide-muted", e.shadow && "shadow-xs", e.bordered && "border border-muted", o.value, l.value]
+    }, [t.header && d("div", {
+      class: [i.value, e.headerClass, e.headerBordered || e.divide ? "border-b border-muted" : "pb-0"]
+    }, [t.header?.()]), e.title && d("div", {
+      class: ["flex justify-between items-center", i.value, e.headerBordered || e.divide ? "border-b border-muted" : "pb-0", e.headerClass]
+    }, [d("div", {
+      class: "flex flex-col"
+    }, [d("div", {
+      class: "text-base"
+    }, [e.title]), e.description && d("div", {
+      class: "text-sm text-muted"
+    }, [e.description])]), t.headerExtra?.()]), d("div", {
+      class: ["flex-1 min-h-0", (e.title || t.header || t.footer) && u.value, e.contentClass]
+    }, [t.default?.()]), t.footer && d("div", {
+      class: [n.value, e.footerClass, e.footerBordered && "border-t border-muted"]
+    }, [t.footer?.()])]);
   }
 });
 export {
-  S as DuxCard
+  m as DuxCard
 };

package/dist/esm/components/card/store.js

@@ -1,64 +1,58 @@
-import { defineComponent as d, createVNode as t } from "vue";
+import { defineComponent as r, createVNode as e } from "vue";
 import { DuxMedia as l } from "../media/media.js";
-import { DuxCard as u } from "./card.js";
-const c = /* @__PURE__ */ d({
+import { DuxCard as i } from "./card.js";
+const s = /* @__PURE__ */ r({
   name: "DuxStatsStore",
   props: {
     title: String,
     avatar: String,
     desc: String
   },
-  setup(a, {
-    slots: e
+  setup(t, {
+    slots: a
   }) {
-    return () => t(u, {
+    return () => e(i, {
       divide: !0,
       footerSize: "small"
     }, {
-      header: () => {
-        var r;
-        return t("div", {
-          class: "flex gap-2 items-center"
-        }, [t(l, {
-          class: "flex-1",
-          avatar: !0,
-          imageHeight: 46,
-          imageWidth: 46,
-          image: a.avatar,
-          title: a.title,
-          desc: a.desc
-        }, null), t("div", null, [(r = e.extra) == null ? void 0 : r.call(e)])]);
-      },
-      default: () => {
-        var r, i;
-        return t("div", {
-          class: "flex flex-col"
-        }, [e.header ? t("div", {
-          class: "flex flex-col bg-muted rounded p-4 text-muted"
-        }, [(r = e.header) == null ? void 0 : r.call(e)]) : null, t("div", {
-          class: "grid grid-cols-[repeat(auto-fit,minmax(100px,1fr))] gap-2 pt-2"
-        }, [(i = e.default) == null ? void 0 : i.call(e)])]);
-      },
-      footer: e.footer
+      header: () => e("div", {
+        class: "flex gap-2 items-center"
+      }, [e(l, {
+        class: "flex-1",
+        avatar: !0,
+        imageHeight: 46,
+        imageWidth: 46,
+        image: t.avatar,
+        title: t.title,
+        desc: t.desc
+      }, null), e("div", null, [a.extra?.()])]),
+      default: () => e("div", {
+        class: "flex flex-col"
+      }, [a.header ? e("div", {
+        class: "flex flex-col bg-muted rounded p-4 text-muted"
+      }, [a.header?.()]) : null, e("div", {
+        class: "grid grid-cols-[repeat(auto-fit,minmax(100px,1fr))] gap-2 pt-2"
+      }, [a.default?.()])]),
+      footer: a.footer
     });
   }
-}), f = /* @__PURE__ */ d({
+}), m = /* @__PURE__ */ r({
   name: "DuxStatsStoreItem",
   props: {
     label: String,
     value: String
   },
-  setup(a) {
-    return () => t("div", {
+  setup(t) {
+    return () => e("div", {
       class: "flex flex-col items-center justify-center"
-    }, [t("div", {
+    }, [e("div", {
       class: "text-lg font-bold"
-    }, [a.value]), t("div", {
+    }, [t.value]), e("div", {
       class: "text-sm text-muted"
-    }, [a.label])]);
+    }, [t.label])]);
   }
 });
 export {
-  c as DuxStatsStore,
-  f as DuxStatsStoreItem
+  s as DuxStatsStore,
+  m as DuxStatsStoreItem
 };

package/dist/esm/components/carousel/carousel.js

@@ -1,6 +1,6 @@
-import { defineComponent as o, createVNode as r } from "vue";
-import { NCarousel as u } from "naive-ui";
-const d = /* @__PURE__ */ o({
+import { defineComponent as a, createVNode as r } from "vue";
+import { NCarousel as s } from "naive-ui";
+const n = /* @__PURE__ */ a({
   name: "DuxCarousel",
   props: {
     height: {
@@ -9,29 +9,26 @@ const d = /* @__PURE__ */ o({
     },
     data: Array
   },
-  setup(a) {
-    return () => r(u, {
+  setup(t) {
+    return () => r(s, {
       draggable: !0,
       class: "rounded-sm shadow-sm",
       style: {
-        height: `${a.height}px`
+        height: `${t.height}px`
       }
     }, {
-      default: () => {
-        var t;
-        return [(t = a == null ? void 0 : a.data) == null ? void 0 : t.map((e, l) => r("img", {
-          key: l,
-          class: "w-full object-cover",
-          style: {
-            height: `${a.height}px`
-          },
-          src: typeof e == "string" ? e : e.src,
-          onClick: typeof e == "string" || e == null ? void 0 : e.onClick
-        }, null))];
-      }
+      default: () => [t?.data?.map((e, o) => r("img", {
+        key: o,
+        class: "w-full object-cover",
+        style: {
+          height: `${t.height}px`
+        },
+        src: typeof e == "string" ? e : e.src,
+        onClick: typeof e == "string" ? void 0 : e?.onClick
+      }, null))]
     });
   }
 });
 export {
-  d as DuxCarousel
+  n as DuxCarousel
 };

package/dist/esm/components/crop/imageCrop.js

@@ -1,11 +1,11 @@
-import { defineComponent as d, createVNode as p } from "vue";
-import { useI18n as g, useManage as f, useUpload as v } from "@duxweb/dvha-core";
-import { useVModel as h } from "@vueuse/core";
-import { useMessage as x } from "naive-ui";
+import { defineComponent as n, createVNode as r } from "vue";
+import { useI18n as s, useManage as c, useUpload as d } from "@duxweb/dvha-core";
+import { useVModel as g } from "@vueuse/core";
+import { useMessage as f } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
 import "clsx";
-import { DuxAvatar as y } from "../widget/avatar.js";
+import { DuxAvatar as v } from "../widget/avatar.js";
 import "vue-echarts";
 import "vue-cropper";
 import "jinrishici";
@@ -38,11 +38,11 @@ import "ace-builds/src-noconflict/theme-tomorrow";
 import "ace-builds/src-noconflict/ext-searchbox";
 import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-snippets";
-import { useModal as C } from "../../hooks/modal.js";
+import { useModal as h } from "../../hooks/modal.js";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-const so = /* @__PURE__ */ d({
+const uo = /* @__PURE__ */ n({
   name: "DuxImageCrop",
   props: {
     defaultValue: {
@@ -62,59 +62,56 @@ const so = /* @__PURE__ */ d({
       default: !0
     }
   },
-  setup(e, {
-    emit: l
+  setup(t, {
+    emit: m
   }) {
-    var u;
     const {
-      t: m
-    } = g(), i = h(e, "value", l, {
+      t: i
+    } = s(), e = g(t, "value", m, {
       passive: !0,
-      defaultValue: e.defaultValue || ""
+      defaultValue: t.defaultValue || ""
     }), {
-      config: n
-    } = f(), s = C(), a = x(), c = v({
-      path: e.path || ((u = n.apiPath) == null ? void 0 : u.upload) || "upload",
+      config: a
+    } = c(), u = h(), p = f(), l = d({
+      path: t.path || a.apiPath?.upload || "upload",
       params: {
         mime: "image/png"
       },
       autoUpload: !0,
       onSuccess: (o) => {
-        var r;
-        i.value = (r = o.data) == null ? void 0 : r.url, a.success(m("components.upload.success"));
+        e.value = o.data?.url, p.success(i("components.upload.success"));
       },
       onError: (o) => {
-        a.error(o.message || m("components.upload.failed"));
+        p.error(o.message || i("components.upload.failed"));
       }
     });
-    return () => p("div", {
-      class: ["relative size-80px overflow-hidden group", e.circle && "rounded-full"],
+    return () => r("div", {
+      class: ["relative size-80px overflow-hidden group", t.circle && "rounded-full"],
       onClick: () => {
-        var o, r;
-        (r = (o = s.show({
-          component: () => import("./imageCropModal.js").then((t) => t.DuxImageCropModal),
+        u.show({
+          component: () => import("./imageCropModal.js").then((o) => o.DuxImageCropModal),
           componentProps: {
-            value: i.value,
-            onConfirm: (t) => {
-              i.value = t;
+            value: e.value,
+            onConfirm: (o) => {
+              e.value = o;
             }
           }
-        })) == null ? void 0 : o.then) == null || r.call(o, (t) => {
-          t && (t.name = "image.png", t.mime = "image/png", c.addFiles([t], "blob"));
+        })?.then?.((o) => {
+          o && (o.name = "image.png", o.mime = "image/png", l.addFiles([o], "blob"));
         }).catch(() => {
         });
       }
-    }, [p(y, {
-      src: i.value,
-      circle: e.circle,
+    }, [r(v, {
+      src: e.value,
+      circle: t.circle,
       size: 80
-    }, null), p("div", {
+    }, null), r("div", {
       class: "absolute size-full bg-gray-900/30 items-center justify-center inset-0 cursor-pointer hidden z-1 group-hover:flex"
-    }, [p("div", {
+    }, [r("div", {
       class: "i-tabler:pencil size-4 text-white/90"
     }, null)])]);
   }
 });
 export {
-  so as DuxImageCrop
+  uo as DuxImageCrop
 };

package/dist/esm/components/crop/imageCropModal.js

@@ -1,44 +1,44 @@
-import { defineComponent as v, ref as s, watch as y, createVNode as e, isVNode as g } from "vue";
-import { useI18n as b } from "@duxweb/dvha-core";
-import { useFileDialog as C } from "@vueuse/core";
-import { NButton as r } from "naive-ui";
-import { VueCropper as x } from "vue-cropper";
+import { defineComponent as d, ref as u, watch as v, createVNode as e, isVNode as y } from "vue";
+import { useI18n as g } from "@duxweb/dvha-core";
+import { useFileDialog as b } from "@vueuse/core";
+import { NButton as n } from "naive-ui";
+import { VueCropper as C } from "vue-cropper";
 import "@overlastic/vue";
-import k from "../modal/modalPage.js";
-function f(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !g(t);
+import x from "../modal/modalPage.js";
+function s(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !y(o);
 }
-const M = /* @__PURE__ */ v({
+const L = /* @__PURE__ */ d({
   props: {
     value: String,
     onConfirm: Function
   },
-  setup(t) {
+  setup(o) {
     const {
       t: c
-    } = b(), l = s(), i = s(t.value || ""), {
-      open: m,
-      files: p
-    } = C({
+    } = g(), l = u(), i = u(o.value || ""), {
+      open: p,
+      files: f
+    } = b({
       accept: "image/*"
     });
-    y(p, (o) => {
-      if (o && o.length > 0) {
-        const n = o[0], a = new Blob([n], {
-          type: n.type
+    v(f, (t) => {
+      if (t && t.length > 0) {
+        const r = t[0], a = new Blob([r], {
+          type: r.type
         });
         i.value = URL.createObjectURL(a);
       }
     });
-    const d = () => {
-      m();
+    const m = () => {
+      p();
     };
-    return () => e(k, {
+    return () => e(x, {
       title: c("components.crop.title")
     }, {
       default: () => e("div", {
         class: "h-100"
-      }, [e(x, {
+      }, [e(C, {
         ref: l,
         img: i.value,
         autoCrop: !0,
@@ -49,20 +49,20 @@ const M = /* @__PURE__ */ v({
         mode: "contain"
       }, null)]),
       footer: () => {
-        let o, n;
+        let t, r;
         return e("div", {
           class: "flex-1 flex justify-between items-center"
         }, [e("div", {
           class: "flex items-center gap-2"
-        }, [e(r, {
+        }, [e(n, {
           type: "primary",
           secondary: !0,
           onClick: () => {
-            d();
+            m();
           }
-        }, f(o = c("components.crop.select")) ? o : {
-          default: () => [o]
-        }), e(r, {
+        }, s(t = c("components.crop.select")) ? t : {
+          default: () => [t]
+        }), e(n, {
           secondary: !0,
           onClick: () => {
             l.value.changeScale(1);
@@ -71,7 +71,7 @@ const M = /* @__PURE__ */ v({
           default: () => [e("div", {
             class: "i-tabler:zoom-in"
           }, null)]
-        }), e(r, {
+        }), e(n, {
           secondary: !0,
           onClick: () => {
             l.value.changeScale(-1);
@@ -80,7 +80,7 @@ const M = /* @__PURE__ */ v({
           default: () => [e("div", {
             class: "i-tabler:zoom-out"
           }, null)]
-        }), e(r, {
+        }), e(n, {
           secondary: !0,
           onClick: () => {
             l.value.rotateLeft();
@@ -89,7 +89,7 @@ const M = /* @__PURE__ */ v({
           default: () => [e("div", {
             class: "i-tabler:rotate"
           }, null)]
-        }), e(r, {
+        }), e(n, {
           secondary: !0,
           onClick: () => {
             l.value.rotateRight();
@@ -98,21 +98,20 @@ const M = /* @__PURE__ */ v({
           default: () => [e("div", {
             class: "i-tabler:rotate-clockwise"
           }, null)]
-        })]), e(r, {
+        })]), e(n, {
           type: "primary",
           onClick: () => {
             l.value.getCropBlob((a) => {
-              var u;
-              (u = t.onConfirm) == null || u.call(t, a);
+              o.onConfirm?.(a);
             });
           }
-        }, f(n = c("components.crop.confirm")) ? n : {
-          default: () => [n]
+        }, s(r = c("components.crop.confirm")) ? r : {
+          default: () => [r]
         })]);
       }
     });
   }
 });
 export {
-  M as DuxImageCropModal
+  L as DuxImageCropModal
 };

package/dist/esm/components/dashboard/hello.js

@@ -1,40 +1,37 @@
-import { defineComponent as s, createVNode as e } from "vue";
-const o = /* @__PURE__ */ s({
+import { defineComponent as d, createVNode as e } from "vue";
+const a = /* @__PURE__ */ d({
   name: "DuxDashboardHello",
   props: {
     title: String,
     desc: String,
     data: Array
   },
-  setup(t) {
-    return () => {
-      var d;
-      return e("div", {
-        class: "rounded p-6 py-5 flex flex-col md:flex-row gap-4 items-center justify-between bg-primary text-sm text-white overflow-hidden relative border border-primary-6"
-      }, [e("div", {
-        class: "flex flex-1 flex-col gap-1 text-center md:text-left"
-      }, [e("div", {
-        class: "text-lg"
-      }, [t.title]), e("div", {
-        class: "opacity-70"
-      }, [t.desc])]), e("div", {
-        class: "flex justify-end divide-x divide-white/20"
-      }, [(d = t.data) == null ? void 0 : d.map((l, i) => e("div", {
-        key: i,
-        class: "flex flex-col justify-center items-center px-4"
-      }, [e("div", null, [l.label]), e("div", {
-        class: "text-lg font-bold",
-        onClick: l == null ? void 0 : l.onClick
-      }, [l.value || 0])]))]), e("div", {
-        class: "absolute top-7 -right-20 rounded-full size-40 bg-white/8"
-      }, null), e("div", {
-        class: "absolute top-0 -right-20 rounded-full size-50 bg-white/8"
-      }, null), e("div", {
-        class: "absolute -top-7 -right-18 rounded-full size-60 bg-white/8"
-      }, null)]);
-    };
+  setup(l) {
+    return () => e("div", {
+      class: "rounded p-6 py-5 flex flex-col md:flex-row gap-4 items-center justify-between bg-primary text-sm text-white overflow-hidden relative border border-primary-6"
+    }, [e("div", {
+      class: "flex flex-1 flex-col gap-1 text-center md:text-left"
+    }, [e("div", {
+      class: "text-lg"
+    }, [l.title]), e("div", {
+      class: "opacity-70"
+    }, [l.desc])]), e("div", {
+      class: "flex justify-end divide-x divide-white/20"
+    }, [l.data?.map((t, i) => e("div", {
+      key: i,
+      class: "flex flex-col justify-center items-center px-4"
+    }, [e("div", null, [t.label]), e("div", {
+      class: "text-lg font-bold",
+      onClick: t?.onClick
+    }, [t.value || 0])]))]), e("div", {
+      class: "absolute top-7 -right-20 rounded-full size-40 bg-white/8"
+    }, null), e("div", {
+      class: "absolute top-0 -right-20 rounded-full size-50 bg-white/8"
+    }, null), e("div", {
+      class: "absolute -top-7 -right-18 rounded-full size-60 bg-white/8"
+    }, null)]);
   }
 });
 export {
-  o as DuxDashboardHello
+  a as DuxDashboardHello
 };