@duxweb/dvha-pro 0.0.7 → 1.0.14

package/dist/esm/pages/layout/page.js

@@ -1,34 +1,44 @@
-import { defineComponent as i, createVNode as e } from "vue";
+import { defineComponent as l, createVNode as e } from "vue";
 import { useManage as r, DuxTabRouterView as m } from "@duxweb/dvha-core";
-import { NButton as s } from "naive-ui";
+import { NButton as p } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
-import "vue-echarts";
 import "clsx";
+import "vue-echarts";
+import "@vueuse/core";
+import "vue-cropper";
 import "jinrishici";
 import "lodash-es";
-import "@vueuse/core";
+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 n from "../menu/avatar.js";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import s from "../menu/avatar.js";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
-import { DuxPageTab as u } from "./tab.js";
+import { DuxPageTab as n } from "./tab.js";
 import "../page404.js";
-import { useUI as p } from "../../hooks/ui.js";
-const A = /* @__PURE__ */ i({
+import "mime";
+import "dayjs";
+import "@tanstack/vue-query";
+import { useUI as u } from "../../hooks/ui.js";
+const J = /* @__PURE__ */ l({
   name: "DuxLayoutPage",
   props: {},
   setup() {
     const {
       menuMobileCollapsed: t,
-      setMenuMobileCollapsed: l
-    } = p(), {
-      config: o
+      setMenuMobileCollapsed: o
+    } = u(), {
+      config: i
     } = r();
     return () => e("div", {
       class: "flex-1 min-w-0 flex flex-col"
@@ -36,24 +46,24 @@ const A = /* @__PURE__ */ i({
       class: "flex flex-col lg:flex-row lg:justify-between lg:items-center lg:h-13"
     }, [e("div", {
       class: "flex lg:hidden justify-between items-center px-2 py-2 bg-default dark:bg-muted shadow-xs relative"
-    }, [e(s, {
+    }, [e(p, {
       text: !0,
-      onClick: () => l(!t.value)
+      onClick: () => o(!t.value)
     }, {
       default: () => [e("div", {
         class: "i-tabler:menu-2 size-6"
       }, null)]
     }), e("div", {
       class: "w-full absolute inset-0 flex items-center justify-center text-base pointer-events-none"
-    }, [o.title]), e("div", null, [e(n, {
+    }, [i.title]), e("div", null, [e(s, {
       collapsed: !0
     }, null)])]), e("div", {
       class: "flex-1 py-2"
-    }, [e(u, null, null)])]), e("div", {
+    }, [e(n, null, null)])]), e("div", {
       class: "flex-1 min-h-0  mr-2 ml-2 mb-2 lg:ml-0"
     }, [e(m, null, null)])]);
   }
 });
 export {
-  A as DuxLayoutPage
+  J as DuxLayoutPage
 };

package/dist/esm/pages/login.js

@@ -5,31 +5,41 @@ import { useMessage as A, NForm as C, NFormItem as h, NInput as v, NButton as I
 import "vue-echarts";
 import "vue-router";
 import "@overlastic/vue";
+import "dayjs";
+import "mime";
 import "lodash-es";
+import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
 import "@vueuse/core";
 import "pinia";
+import "vue-cropper";
 import "jinrishici";
+import "vue-draggable-plus";
 import { DuxDrawApps as M } from "../components/draw/drawApps.js";
+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 "./page404.js";
-function O(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !L(r);
+function O(a) {
+  return typeof a == "function" || Object.prototype.toString.call(a) === "[object Object]" && !L(a);
 }
-const se = /* @__PURE__ */ k({
+const ge = /* @__PURE__ */ k({
   name: "DuxLoginPage",
-  setup(r, {
+  setup(a, {
     slots: i
   }) {
-    const s = N(), o = F(), {
-      t: a
-    } = P(), w = j(), u = A(), t = D({
+    const s = N(), l = F(), {
+      t: r
+    } = P(), w = j(), m = A(), t = D({
       username: "",
       password: ""
     }), {
@@ -37,17 +47,17 @@ const se = /* @__PURE__ */ k({
       isLoading: b
     } = S({
       onSuccess: () => {
-        u.success(a("pages.login.success"));
+        m.success(r("pages.login.success"));
       },
-      onError: (l) => {
-        u.error((l == null ? void 0 : l.message) || a("pages.login.error"));
+      onError: (o) => {
+        m.error((o == null ? void 0 : o.message) || r("pages.login.error"));
       }
     }), y = () => {
       x(t);
     };
     return () => {
-      var m, c, d, p, g;
-      let l;
+      var u, c, p, d, g;
+      let o;
       return e("div", {
         "un-cloak": !0,
         class: z(["h-screen w-screen flex items-start justify-center text-secondary md:items-center", s.isDark.value ? "app-login-dark-bg" : "app-login-bg"])
@@ -64,23 +74,23 @@ const se = /* @__PURE__ */ k({
         class: "h-5 w-5 i-tabler:moon"
       }, null)]), e("div", {
         class: "justify-center hidden md:flex flex-row items-center"
-      }, [(m = o.config.theme) != null && m.banner ? e("img", {
+      }, [(u = l.config.theme) != null && u.banner ? e("img", {
         class: "w-full h-auto",
-        src: (c = o.config.theme) == null ? void 0 : c.banner
+        src: (c = l.config.theme) == null ? void 0 : c.banner
       }, null) : e("div", {
         class: "w-full h-auto"
       }, [e(M, null, null)])]), e("div", {
         class: "flex flex-col"
       }, [e("div", {
         class: "flex flex-col items-center justify-center mt-4"
-      }, [e("div", null, [(d = o.config.theme) != null && d.logo ? e("img", {
+      }, [e("div", null, [(p = l.config.theme) != null && p.logo ? e("img", {
         class: "w-auto h-16",
-        src: (p = o.config.theme) == null ? void 0 : p.logo
+        src: (d = l.config.theme) == null ? void 0 : d.logo
       }, null) : e("div", {
         class: "h-10"
       }, [e(V, null, null)])]), e("div", {
         class: "mt-4 text-lg text-muted"
-      }, [o.config.title || "Dux Admin Manage"])]), e("div", {
+      }, [l.config.title || "Dux Admin Manage"])]), e("div", {
         class: "my-6"
       }, [e(C, {
         ref: w,
@@ -98,7 +108,7 @@ const se = /* @__PURE__ */ k({
               value: t.username,
               onUpdateValue: (n) => t.username = n,
               type: "text",
-              placeholder: a("pages.login.placeholder.username"),
+              placeholder: r("pages.login.placeholder.username"),
               size: "large"
             }, {
               default: () => e("div", {
@@ -115,7 +125,7 @@ const se = /* @__PURE__ */ k({
               onUpdateValue: (n) => t.password = n,
               type: "password",
               showPasswordOn: "mousedown",
-              placeholder: a("pages.login.placeholder.password"),
+              placeholder: r("pages.login.placeholder.password"),
               size: "large",
               inputProps: {
                 autocomplete: "new-password"
@@ -133,16 +143,16 @@ const se = /* @__PURE__ */ k({
             block: !0,
             loading: b.value,
             onClick: y
-          }, O(l = a("pages.login.buttons.login")) ? l : {
-            default: () => [l]
+          }, O(o = r("pages.login.buttons.login")) ? o : {
+            default: () => [o]
           })])];
         }
       })]), e("div", {
         class: "text-center text-sm text-gray-5"
-      }, [((g = o.config) == null ? void 0 : g.copyright) || "All rights reserved © duxweb 2024"])])])]);
+      }, [((g = l.config) == null ? void 0 : g.copyright) || "All rights reserved © duxweb 2024"])])])]);
     };
   }
 });
 export {
-  se as DuxLoginPage
+  ge as DuxLoginPage
 };

package/dist/esm/pages/menu/avatar.js

@@ -1,9 +1,36 @@
-import { defineComponent as D, computed as p, createVNode as e, createTextVNode as s } from "vue";
-import { useI18n as N, useManage as $, useLogout as j, useTheme as L } from "@duxweb/dvha-core";
-import { NAvatar as m, NDropdown as R } from "naive-ui";
-import { useRouter as S } from "vue-router";
-import A from "./button.js";
-const V = /* @__PURE__ */ D({
+import { defineComponent as $, computed as g, createVNode as e, createTextVNode as v } from "vue";
+import { useI18n as f, useManage as A, useLogout as L, useTheme as R, useGetAuth as I } from "@duxweb/dvha-core";
+import { NDropdown as B } from "naive-ui";
+import { useRouter as T } from "vue-router";
+import "clsx";
+import { DuxAvatar as b } from "../../components/widget/avatar.js";
+import "vue-echarts";
+import "@overlastic/vue";
+import "dayjs";
+import "mime";
+import "lodash-es";
+import "@tanstack/vue-query";
+import "@duxweb/dvha-naiveui";
+import "@vueuse/core";
+import "pinia";
+import "vue-cropper";
+import "jinrishici";
+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 U from "./button.js";
+import "vue-command-palette";
+import "../page404.js";
+const ve = /* @__PURE__ */ $({
   name: "DuxMenuAvatar",
   props: {
     collapsed: {
@@ -11,73 +38,78 @@ const V = /* @__PURE__ */ D({
       default: !1
     }
   },
-  setup(g) {
-    const i = N(), b = S(), {
-      config: v,
-      getRoutePath: f
-    } = $(), {
-      mutate: h
-    } = j(), {
-      mode: c,
-      primaryColors: y,
-      neutralColors: k,
-      colorMapping: u,
+  setup(h) {
+    const {
+      t
+    } = f(), u = f(), y = T(), {
+      config: x,
+      getRoutePath: k
+    } = A(), {
+      mutate: C
+    } = L(), {
+      mode: m,
+      primaryColors: M,
+      neutralColors: w,
+      colorMapping: p,
       setColor: d,
-      setMode: x
-    } = L(), o = (a, t) => e("div", {
+      setMode: z
+    } = R(), a = (o, r) => e("div", {
       class: "flex gap-2 items-center w-30"
     }, [e("div", {
       class: "flex-1 min-w-0"
-    }, [a]), e("div", null, [t && e("div", {
+    }, [o]), e("div", null, [r && e("div", {
       class: "i-tabler:check"
-    }, null)])]), r = (a) => e("div", {
-      class: `${a} size-4`
-    }, null), C = p(() => {
-      var t;
-      const a = (t = v.userMenus) == null ? void 0 : t.map((l) => ({
-        label: l.label,
+    }, null)])]), s = (o) => e("div", {
+      class: `${o} size-4`
+    }, null), D = g(() => {
+      var r;
+      const o = (r = x.userMenus) == null ? void 0 : r.map((l) => ({
+        label: t(l.label || "", {}, l.label),
         key: l.key,
-        icon: () => r(l.icon),
+        icon: () => s(l.icon),
         path: l.path
       }));
-      return (a == null ? void 0 : a.length) > 0 ? [...a, {
+      return (o == null ? void 0 : o.length) > 0 ? [...o, {
         type: "divider"
       }] : [];
-    }), z = p(() => {
-      var a, t;
+    }), i = I(), N = g(() => {
+      var o, r;
       return [{
         key: "header",
         type: "render",
-        render: () => e("div", {
-          class: "flex gap-2 px-3 pb-1 pt-1 items-center "
-        }, [e(m, {
-          round: !0,
-          size: 28,
-          src: "https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
-        }, null), e("div", {
-          class: "flex flex-col"
-        }, [e("div", {
-          class: "text-sm font-medium"
-        }, [s("admin")]), e("div", {
-          class: "text-xs text-muted"
-        }, [s("admin@example.com")])])])
+        render: () => {
+          var l, c, n;
+          return e("div", {
+            class: "flex gap-2 px-3 pb-1 pt-1 items-center "
+          }, [e(b, {
+            round: !0,
+            size: 28,
+            src: (l = i.info) == null ? void 0 : l.avatar
+          }, null), e("div", {
+            class: "flex flex-col"
+          }, [e("div", {
+            class: "text-sm font-medium"
+          }, [(c = i.info) == null ? void 0 : c.nickname]), e("div", {
+            class: "text-xs text-muted"
+          }, [(n = i.info) == null ? void 0 : n.username])])]);
+        }
       }, {
         type: "divider"
-      }, ...C.value, {
-        label: "语言",
+      }, ...D.value, {
+        label: t("components.menu.language"),
         key: "locale",
-        icon: () => r("i-tabler:language"),
+        icon: () => s("i-tabler:language"),
         children: [{
-          label: () => o("中文", i.getLocale() === "zh-CN"),
+          label: () => a(t("components.menu.chinese"), u.getLocale() === "zh-CN"),
           key: "locale.zh-CN"
         }, {
-          label: () => o("English", i.getLocale() === "en-US"),
+          label: () => a(t("components.menu.english"), u.getLocale() === "en-US"),
           key: "locale.en-US"
         }]
       }, {
-        label: "颜色",
+        label: t("components.menu.color"),
         key: "color",
-        icon: () => r("i-tabler:palette"),
+        icon: () => s("i-tabler:palette"),
         children: [{
           label: () => e("div", {
             class: "flex gap-2 items-center w-30"
@@ -86,17 +118,17 @@ const V = /* @__PURE__ */ D({
             style: {
               backgroundColor: "rgb(var(--ui-color-primary))"
             }
-          }, null), e("div", null, [s("主题色")])]),
+          }, null), e("div", null, [t("components.menu.primaryColor")])]),
           key: "color.primary",
-          children: (a = y.value) == null ? void 0 : a.map((l) => ({
-            label: () => o(e("div", {
+          children: (o = M.value) == null ? void 0 : o.map((l) => ({
+            label: () => a(e("div", {
               class: "flex gap-2 items-center"
             }, [e("div", {
               class: "size-2 rounded-full",
               style: {
                 backgroundColor: `rgb(var(--base-color-${l}-500))`
               }
-            }, null), e("div", null, [l])]), u.value.primary === l),
+            }, null), e("div", null, [l])]), p.value.primary === l),
             key: `color.primary.${l}`
           }))
         }, {
@@ -107,53 +139,47 @@ const V = /* @__PURE__ */ D({
             style: {
               backgroundColor: "rgb(var(--ui-color-gray-600))"
             }
-          }, null), e("div", null, [s("中性色")])]),
+          }, null), e("div", null, [t("components.menu.neutralColor")])]),
           key: "color.neutral",
-          children: (t = k.value) == null ? void 0 : t.map((l) => ({
-            label: () => o(e("div", {
+          children: (r = w.value) == null ? void 0 : r.map((l) => ({
+            label: () => a(e("div", {
               class: "flex gap-2 items-center"
             }, [e("div", {
               class: "size-2 rounded-full",
               style: {
                 backgroundColor: `rgb(var(--base-color-${l}-600))`
               }
-            }, null), e("div", null, [l])]), u.value.gray === l),
+            }, null), e("div", null, [l])]), p.value.gray === l),
             key: `color.neutral.${l}`
           }))
         }]
       }, {
-        label: "主题",
+        label: t("components.menu.theme"),
         key: "theme",
-        icon: () => r("i-tabler:brightness-half"),
+        icon: () => s("i-tabler:brightness-half"),
         children: [{
-          label: () => o("跟随系统", c.value === "auto"),
+          label: () => a(t("components.menu.followSystem"), m.value === "auto"),
           key: "theme.auto"
         }, {
-          label: () => o("亮色", c.value === "light"),
+          label: () => a(t("components.menu.lightMode"), m.value === "light"),
           key: "theme.light"
         }, {
-          label: () => o("暗色", c.value === "dark"),
+          label: () => a(t("components.menu.darkMode"), m.value === "dark"),
           key: "theme.dark"
         }]
       }, {
         type: "divider"
       }, {
-        label: "查看文档",
-        key: "link.docs",
-        icon: () => r("i-tabler:link")
-      }, {
-        type: "divider"
-      }, {
-        label: "退出登录",
+        label: t("components.menu.logout"),
         key: "logout",
-        icon: () => r("i-tabler:logout")
+        icon: () => s("i-tabler:logout")
       }];
     });
-    function w(a, t) {
-      const l = a.lastIndexOf("."), [M, n] = l === -1 ? [a, ""] : [a.substring(0, l), a.substring(l + 1)];
-      switch (M) {
+    function S(o, r) {
+      const l = o.lastIndexOf("."), [c, n] = l === -1 ? [o, ""] : [o.substring(0, l), o.substring(l + 1)];
+      switch (c) {
         case "locale":
-          i.changeLocale(n);
+          u.changeLocale(n);
           break;
         case "color.primary":
           d("primary", n);
@@ -162,44 +188,47 @@ const V = /* @__PURE__ */ D({
           d("gray", n);
           break;
         case "theme":
-          x(n);
+          z(n);
           break;
         case "logout":
-          h();
+          C();
           break;
         default:
-          if (!(t != null && t.path))
+          if (!(r != null && r.path))
             return;
-          b.push(f(t.path));
+          y.push(k(r.path));
       }
     }
-    return () => e(R, {
-      options: z.value,
+    return () => e(B, {
+      options: N.value,
       placement: "bottom-start",
       trigger: "click",
-      onSelect: w,
+      onSelect: S,
       width: 200
     }, {
-      default: () => [e(A, {
-        collapsed: g.collapsed
+      default: () => [e(U, {
+        collapsed: h.collapsed
       }, {
-        icon: () => e(m, {
-          class: "group-hover:shadow-lg",
-          round: !0,
-          size: 28,
-          src: "https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
-        }, null),
+        icon: () => {
+          var o;
+          return e(b, {
+            class: "group-hover:shadow-lg",
+            round: !0,
+            size: 28,
+            src: (o = i.info) == null ? void 0 : o.avatar
+          }, null);
+        },
         default: () => e("div", {
           class: "flex flex-col"
         }, [e("div", {
           class: "text-sm font-medium"
-        }, [s("admin")]), e("div", {
+        }, [v("admin")]), e("div", {
           class: "text-xs text-muted"
-        }, [s("admin@example.com")])])
+        }, [v("admin@example.com")])])
       })]
     });
   }
 });
 export {
-  V as default
+  ve as default
 };

package/dist/esm/pages/menu/button.js

@@ -1,24 +1,34 @@
-import { defineComponent as u, createVNode as l } from "vue";
+import { defineComponent as l, createVNode as n } from "vue";
 import "@duxweb/dvha-core";
 import "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
-import "vue-echarts";
 import "clsx";
+import "vue-echarts";
+import "@vueuse/core";
+import "vue-cropper";
 import "jinrishici";
 import "lodash-es";
-import "@vueuse/core";
+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 "../page404.js";
-import { useUI as d } from "../../hooks/ui.js";
-const N = /* @__PURE__ */ u({
+import "mime";
+import "dayjs";
+import "@tanstack/vue-query";
+import { useUI as p } from "../../hooks/ui.js";
+const J = /* @__PURE__ */ l({
   name: "DuxMenuButton",
   props: {
     class: {
@@ -45,21 +55,21 @@ const N = /* @__PURE__ */ u({
     const {
       menuCollapsed: o,
       menuMobileCollapsed: i
-    } = d();
+    } = p();
     return () => {
-      var r, a;
-      return l("div", {
+      var r, m;
+      return n("div", {
         onClick: () => {
-          var n;
-          (n = e.onClick) == null || n.call(e);
+          var a;
+          (a = e.onClick) == null || a.call(e);
         },
         class: ["flex items-center gap-1 justify-center py-1 px-2 cursor-pointer gap-2", e.class, o.value && !i.value ? "group" : "hover:shadow-xs hover:bg-default flex-1 w-full", e.inverted ? "transition-all duration-300 bg-inverted/5 rounded-full hover:bg-default hover:shadow-xs" : " rounded-md"]
-      }, [(r = t.icon) == null ? void 0 : r.call(t), e.collapsed === !1 && !o.value && !i.value && l("div", {
+      }, [(r = t.icon) == null ? void 0 : r.call(t), e.collapsed === !1 && !o.value && !i.value && n("div", {
         class: ["overflow-hidden ease-in-out whitespace-nowrap text-left min-w-0 flex-1", e.inverted ? "text-default" : ""]
-      }, [(a = t.default) == null ? void 0 : a.call(t)])]);
+      }, [(m = t.default) == null ? void 0 : m.call(t)])]);
     };
   }
 });
 export {
-  N as default
+  J as default
 };