@duxweb/dvha-pro 0.0.7 → 1.0.14

package/dist/esm/components/level/level.js

@@ -0,0 +1,103 @@
+import { defineComponent as v, computed as f, createVNode as l } from "vue";
+import { useVModel as g } from "@vueuse/core";
+import { NSelect as s } from "naive-ui";
+import "@duxweb/dvha-core";
+import "vue-router";
+import "@overlastic/vue";
+import "clsx";
+import "vue-echarts";
+import "vue-cropper";
+import "jinrishici";
+import "lodash-es";
+import "vue-draggable-plus";
+import "aieditor";
+import "vee-validate";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-icons/browser";
+import "@unocss/preset-typography";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vue-command-palette";
+import "@duxweb/dvha-naiveui";
+import "../../pages/page404.js";
+import "mime";
+import "dayjs";
+import { useLevel as c } from "../../hooks/level.js";
+import "pinia";
+const R = /* @__PURE__ */ v({
+  name: "DuxLevel",
+  props: {
+    value: {
+      type: Array,
+      default: () => []
+    },
+    path: {
+      type: String,
+      default: "area"
+    },
+    maxLevel: {
+      type: Number,
+      default: 4
+    },
+    nameField: {
+      type: String,
+      default: "name"
+    },
+    labelField: {
+      type: String,
+      default: "name"
+    },
+    valueField: {
+      type: String,
+      default: "value"
+    }
+  },
+  emits: ["update:value"],
+  setup(e, {
+    emit: r
+  }) {
+    const i = g(e, "value", r, {
+      passive: !0,
+      defaultValue: []
+    }), {
+      regions: o,
+      onChange: m,
+      isLoading: p
+    } = c({
+      value: i,
+      path: e.path,
+      nameField: e.nameField,
+      maxLevel: e.maxLevel,
+      labelField: e.labelField,
+      valueField: e.valueField
+    }), u = (t, a) => {
+      m(t, a);
+    }, n = f(() => Array.from({
+      length: e.maxLevel
+    }, (t, a) => {
+      const d = o.value[a] || [];
+      return {
+        index: a,
+        options: d,
+        value: i.value[a] || null
+      };
+    }));
+    return () => l("div", {
+      class: ["grid grid-cols-1 gap-2", "lg:grid-cols-[repeat(auto-fit,minmax(120px,1fr))]"]
+    }, [n.value.map((t) => l(s, {
+      key: t.index,
+      value: t.value,
+      options: t.options,
+      clearable: !0,
+      loading: p.value,
+      onUpdateValue: (a) => u(a, t.index)
+    }, null))]);
+  }
+});
+export {
+  R as DuxLevel
+};

package/dist/esm/components/media/media.js

@@ -1,10 +1,12 @@
 import { defineComponent as h, computed as y, createVNode as i, Fragment as k, isVNode as A } from "vue";
-import N from "clsx";
-import { NAvatar as b, NImageGroup as S, NImage as C } from "naive-ui";
+import b from "clsx";
+import { NImageGroup as S } from "naive-ui";
+import { DuxAvatar as C } from "../widget/avatar.js";
+import { DuxImage as N } from "../widget/image.js";
 function j(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !A(e);
 }
-const D = /* @__PURE__ */ h({
+const I = /* @__PURE__ */ h({
   name: "DuxMedia",
   props: {
     title: String,
@@ -27,42 +29,42 @@ const D = /* @__PURE__ */ h({
   }) {
     const c = y(() => Array.isArray(e.image) ? e.image : e.image ? [e.image] : []), t = y(() => Array.isArray(e.desc) ? e.desc : e.desc ? [e.desc] : []);
     return () => {
-      var u, r, g, x, f, l, v;
-      let m;
+      var u, d, g, x, f, l, v;
+      let r;
       return i("div", {
         class: "flex gap-2 items-center"
       }, [(a == null ? void 0 : a.image) && i("div", {
         class: "flex-none flex items-center gap-2"
       }, [(u = a == null ? void 0 : a.image) == null ? void 0 : u.call(a)]), (c == null ? void 0 : c.value.length) > 0 && i("div", {
         class: "flex-none flex items-center gap-2"
-      }, [e.avatar ? i(k, null, [c.value.map((n, d) => i(b, {
-        key: d,
+      }, [e.avatar ? i(k, null, [c.value.map((n, m) => i(C, {
+        key: m,
         src: n,
         round: !0,
         size: e.imageWidth
-      }, null))]) : i(S, null, j(m = c.value.map((n, d) => i(C, {
-        key: d,
+      }, null))]) : i(S, null, j(r = c.value.map((n, m) => i(N, {
+        key: m,
         src: n,
         class: "rounded",
         objectFit: "cover",
         width: e.imageWidth,
         height: e.imageHeight
-      }, null))) ? m : {
-        default: () => [m]
+      }, null))) ? r : {
+        default: () => [r]
       })]), i("div", {
         class: "flex-1 flex-col gap-2 min-w-0 truncate items-center"
       }, [i("div", {
         class: "flex gap-2 items-center"
-      }, [(r = a.prefix) == null ? void 0 : r.call(a), (e.title || a.default) && i("div", {
+      }, [(d = a.prefix) == null ? void 0 : d.call(a), (e.title || a.default) && i("div", {
         onClick: () => {
           var n;
           return (n = e.onClick) == null ? void 0 : n.call(e);
         },
-        class: N(["transition-all truncate text-default", (e == null ? void 0 : e.onClick) && "hover:text-primary cursor-pointer"])
+        class: b(["transition-all truncate text-default", (e == null ? void 0 : e.onClick) && "hover:text-primary cursor-pointer"])
       }, [e.title || ((g = a.default) == null ? void 0 : g.call(a))])]), ((t == null ? void 0 : t.value.length) > 0 || a.desc) && i("div", {
         class: "text-sm text-muted flex flex-col gap-0"
-      }, [(f = t == null ? void 0 : (x = t.value).map) == null ? void 0 : f.call(x, (n, d) => i("div", {
-        key: d,
+      }, [(f = t == null ? void 0 : (x = t.value).map) == null ? void 0 : f.call(x, (n, m) => i("div", {
+        key: m,
         class: "truncate"
       }, [n])), (l = a.desc) == null ? void 0 : l.call(a)])]), (e == null ? void 0 : e.extend) && i("div", {
         class: "flex-none flex items-center gap-2 text-gray-7"
@@ -73,5 +75,5 @@ const D = /* @__PURE__ */ h({
   }
 });
 export {
-  D as DuxMedia
+  I as DuxMedia
 };

package/dist/esm/components/modal/modal.js

@@ -1,12 +1,11 @@
-import { defineComponent as c, defineAsyncComponent as s, createVNode as t, mergeProps as a, Suspense as m } from "vue";
+import { defineComponent as c, defineAsyncComponent as s, createVNode as t, mergeProps as n, Suspense as m } from "vue";
 import { useExtendOverlay as f } from "@overlastic/vue";
 import { NModal as g, NSpin as b } from "naive-ui";
-const w = /* @__PURE__ */ c({
+const v = /* @__PURE__ */ c({
   name: "DuxModal",
   props: {
     title: {
-      type: String,
-      default: ""
+      type: String
     },
     component: {
       type: [Function, Object]
@@ -26,38 +25,45 @@ const w = /* @__PURE__ */ c({
   },
   setup(e) {
     const {
-      visible: n,
-      resolve: l,
-      reject: d,
-      vanish: r
+      visible: l,
+      resolve: d,
+      reject: o,
+      vanish: i
     } = f({
       duration: 1e3
-    }), o = (e == null ? void 0 : e.componentProps) || {};
-    o.onConfirm = l, o.onClose = d;
-    const u = typeof e.component == "function" ? s(e.component) : e.component;
-    return () => t(g, a({
+    }), a = (e == null ? void 0 : e.componentProps) || {};
+    a.onConfirm = d, a.onClose = o;
+    const r = typeof e.component == "function" ? s(e.component) : e.component;
+    return () => t(g, n({
       displayDirective: "show",
-      show: n.value,
+      show: l.value,
       onAfterLeave: () => {
-        r();
+        i();
+      },
+      onClose: () => {
+        o();
+      },
+      onEsc: () => {
+        o();
       },
       draggable: e.draggable,
-      class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-900/90 backdrop-blur",
+      class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur",
       role: "dialog",
       "aria-modal": "true"
     }, e.modalProps, {
       autoFocus: !1
     }), {
       default: ({
-        draggableClass: i
+        draggableClass: u
       }) => t("div", {
         class: ["max-w-full shadow-lg"],
         style: {
-          width: `${e.width}px`
+          width: typeof e.width == "number" ? `${e.width}px` : e.width
         }
       }, [t(m, null, {
-        default: () => t(u, a(e.componentProps, {
-          handle: i
+        default: () => t(r, n(a, {
+          title: e.title,
+          handle: u
         }), null),
         fallback: () => t(b, {
           show: !0
@@ -71,6 +77,6 @@ const w = /* @__PURE__ */ c({
   }
 });
 export {
-  w as DuxModal,
-  w as default
+  v as DuxModal,
+  v as default
 };

package/dist/esm/components/modal/modalPage.js

@@ -1,7 +1,7 @@
-import { defineComponent as f, ref as l, watch as o, nextTick as c, createVNode as a } from "vue";
-import { NButton as u } from "naive-ui";
-const p = /* @__PURE__ */ f({
-  name: "ModalPage",
+import { defineComponent as f, ref as l, watch as o, nextTick as u, createVNode as a } from "vue";
+import { NButton as c } from "naive-ui";
+const x = /* @__PURE__ */ f({
+  name: "DuxModalPage",
   props: {
     title: {
       type: String,
@@ -25,7 +25,7 @@ const p = /* @__PURE__ */ f({
   }) {
     const i = l();
     return o(i, (t) => {
-      t && c(() => {
+      t && u(() => {
         var d, r;
         (r = (d = t.$el) == null ? void 0 : d.focus) == null || r.call(d);
       });
@@ -39,7 +39,7 @@ const p = /* @__PURE__ */ f({
         class: "text-base font-bold"
       }, [n.title]), a("div", {
         class: "flex justify-end gap-2"
-      }, [a(u, {
+      }, [a(c, {
         text: !0,
         onClick: n.onClose,
         "aria-label": "close",
@@ -57,5 +57,5 @@ const p = /* @__PURE__ */ f({
   }
 });
 export {
-  p as default
+  x as default
 };

package/dist/esm/components/panel/setting.js

@@ -1,6 +1,8 @@
-import { defineComponent as n, createVNode as e } from "vue";
-import { DuxCard as r } from "../card/card.js";
-const l = /* @__PURE__ */ n({
+import { defineComponent as r, createVNode as e } from "vue";
+import { DuxCard as n } from "../card/card.js";
+import "clsx";
+import "naive-ui";
+const p = /* @__PURE__ */ r({
   name: "DuxPanelCard",
   props: {
     title: {
@@ -32,9 +34,10 @@ const l = /* @__PURE__ */ n({
         class: "text-sm text-muted"
       }, [i.description])]), e("div", {
         class: "flex-none flex items-center"
-      }, [(d = t.actions) == null ? void 0 : d.call(t)])]), e(r, {
+      }, [(d = t.actions) == null ? void 0 : d.call(t)])]), e(n, {
         size: i.padding,
-        bordered: !0
+        bordered: !0,
+        shadow: !1
       }, {
         default: () => {
           var a;
@@ -45,5 +48,5 @@ const l = /* @__PURE__ */ n({
   }
 });
 export {
-  l as DuxPanelCard
+  p as DuxPanelCard
 };

package/dist/esm/components/stats/number.js

@@ -0,0 +1,49 @@
+import { defineComponent as s, createVNode as t, createTextVNode as l } from "vue";
+const c = /* @__PURE__ */ s({
+  name: "DuxStatsNumber",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    subtitle: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: [Number, String],
+      default: 0
+    },
+    change: {
+      type: Number,
+      default: 0
+    },
+    changeType: {
+      type: String,
+      default: "up"
+    }
+  },
+  setup(n) {
+    const a = (e) => typeof e == "number" ? e.toLocaleString() : e, u = (e) => e === "up" ? "▲" : e === "down" ? "▼" : "", r = (e) => e === "up" ? "text-success" : e === "down" ? "text-error" : "text-muted";
+    return () => t("div", {
+      class: "flex flex-col gap-1"
+    }, [t("div", {
+      class: "flex items-baseline justify-between"
+    }, [t("h3", {
+      class: "text-sm text-muted"
+    }, [n.title])]), t("div", {
+      class: "text-2xl font-bold text-default"
+    }, [a(n.value)]), t("div", {
+      class: "flex flex-row gap-2 items-center text-sm"
+    }, [n.subtitle && t("span", {
+      class: " text-muted"
+    }, [n.subtitle]), n.change !== void 0 && t("div", {
+      class: ["flex items-center gap-1", r(n.changeType)]
+    }, [t("span", {
+      class: "text-xs"
+    }, [u(n.changeType)]), t("span", null, [Math.abs(n.change), l("%")])])])]);
+  }
+});
+export {
+  c as DuxStatsNumber
+};

package/dist/esm/components/stats/realTime.js

@@ -0,0 +1,99 @@
+import { defineComponent as u, computed as s, createVNode as e, Fragment as m } from "vue";
+import { useI18n as d } from "@duxweb/dvha-core";
+import { NScrollbar as c } from "naive-ui";
+import { DuxCard as p } from "../card/card.js";
+import "clsx";
+import { DuxChart as x } from "../chart/echart.js";
+import { DuxStatsNumber as f } from "./number.js";
+const T = /* @__PURE__ */ u({
+  name: "DuxStatsRealTime",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    subtitle: {
+      type: String,
+      default: ""
+    },
+    cards: {
+      type: Array,
+      default: () => []
+    },
+    charts: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(a) {
+    const {
+      t: i
+    } = d(), r = s(() => a.title || i("components.stats.realTimeData")), n = s(() => a.charts.length === 1 ? a.charts.map((t) => ({
+      ...t,
+      class: "col-span-2",
+      chartOption: {
+        showXAxisLabel: !0,
+        labels: t.labels,
+        data: [{
+          name: t.title,
+          data: t.data
+        }]
+      }
+    })) : a.charts.map((t) => ({
+      ...t,
+      class: "col-span-1",
+      chartOption: {
+        showXAxisLabel: !0,
+        labels: t.labels,
+        data: [{
+          name: t.title,
+          data: t.data
+        }]
+      }
+    }))), o = (t) => typeof t == "number" ? t.toLocaleString() : t;
+    return () => e(p, {
+      title: r.value
+    }, {
+      headerExtra: () => e("div", {
+        class: "text-sm text-muted"
+      }, [a.subtitle]),
+      default: () => e(m, null, [a.cards.length > 0 && e("div", {
+        class: "lg:h-26 bg-muted"
+      }, [e(c, {
+        xScrollable: !0
+      }, {
+        default: () => [e("div", {
+          class: ["grid grid-cols-2 whitespace-nowrap auto-cols-max", "lg:grid-cols-[repeat(auto-fit,minmax(100px,1fr))]"]
+        }, [a.cards.map((t, l) => e("div", {
+          key: l,
+          class: "text-center flex flex-col gap-1 py-6"
+        }, [e("div", {
+          class: ["text-2xl font-bold"]
+        }, [o(t.value)]), e("div", {
+          class: "text-sm text-muted"
+        }, [t.label])]))])]
+      })]), a.charts.length > 0 && e("div", {
+        class: ["grid grid-cols-1", "lg:grid-cols-[repeat(auto-fit,minmax(100px,1fr))]"]
+      }, [n.value.map((t, l) => e("div", {
+        key: l,
+        class: ["p-4 pb-0 flex gap-4"]
+      }, [e(f, {
+        title: t.title,
+        subtitle: t.subtitle,
+        value: t.value || 0,
+        change: t.change,
+        changeType: t.changeType
+      }, null), e("div", {
+        class: "flex-1 min-w-0"
+      }, [e(x, {
+        type: "line",
+        height: "100px",
+        min: !0,
+        option: t.chartOption
+      }, null)])]))])])
+    });
+  }
+});
+export {
+  T as DuxStatsRealTime
+};