@duxweb/dvha-pro 1.0.18 → 1.0.20

package/dist/esm/pages/login.js

@@ -30,17 +30,28 @@ import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import "./page404.js";
 import "@iconify-json/tabler/icons.json";
-function O(a) {
-  return typeof a == "function" || Object.prototype.toString.call(a) === "[object Object]" && !L(a);
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+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";
+function O(i) {
+  return typeof i == "function" || Object.prototype.toString.call(i) === "[object Object]" && !L(i);
 }
-const fe = /* @__PURE__ */ k({
+const Ne = /* @__PURE__ */ k({
   name: "DuxLoginPage",
-  setup(a, {
-    slots: i
+  setup(i, {
+    slots: a
   }) {
-    const s = N(), l = F(), {
-      t: r
-    } = P(), w = j(), m = A(), t = D({
+    const l = N(), r = F(), {
+      t: s
+    } = P(), w = j(), n = A(), t = D({
       username: "",
       password: ""
     }), {
@@ -48,50 +59,50 @@ const fe = /* @__PURE__ */ k({
       isLoading: b
     } = S({
       onSuccess: () => {
-        m.success(r("pages.login.success"));
+        n.success(s("pages.login.success"));
       },
       onError: (o) => {
-        m.error((o == null ? void 0 : o.message) || r("pages.login.error"));
+        n.error((o == null ? void 0 : o.message) || s("pages.login.error"));
       }
     }), y = () => {
       x(t);
     };
     return () => {
-      var u, p, c, d, g;
+      var p, u, c, 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"])
+        class: z(["h-screen w-screen flex items-start justify-center text-secondary md:items-center", l.isDark.value ? "app-login-dark-bg" : "app-login-bg"])
       }, [e("div", {
         class: "relative md:m-4 max-w-180 w-full h-full md:h-auto grid-cols-1 md:grid-cols-2 gap-12 overflow-hidden md:rounded-lg p-8 md:shadow bg-default dark:bg-muted grid"
       }, [e("div", {
         class: "flex justify-center tex absolute h-30 w-30 rotate-45 cursor-pointer items-end p-3 text-white bg-primary -right-15 -top-15 hover:bg-primary-hover",
-        onClick: () => s.toggle()
-      }, [s.mode.value === "auto" && e("div", {
+        onClick: () => l.toggle()
+      }, [l.mode.value === "auto" && e("div", {
         class: "i-tabler:brightness-half h-5 w-5"
-      }, null), s.mode.value === "light" && e("div", {
+      }, null), l.mode.value === "light" && e("div", {
         class: "h-5 w-5 i-tabler:sun"
-      }, null), s.mode.value === "dark" && e("div", {
+      }, null), l.mode.value === "dark" && e("div", {
         class: "h-5 w-5 i-tabler:moon"
       }, null)]), e("div", {
         class: "justify-center hidden md:flex flex-row items-center"
-      }, [(u = l.config.theme) != null && u.banner ? e("img", {
+      }, [(p = r.config.theme) != null && p.banner ? e("img", {
         class: "w-full h-auto",
-        src: (p = l.config.theme) == null ? void 0 : p.banner
+        src: (u = r.config.theme) == null ? void 0 : u.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, [(c = l.config.theme) != null && c.logo ? e("img", {
+      }, [e("div", null, [(c = r.config.theme) != null && c.logo ? e("img", {
         class: "w-auto h-16",
-        src: (d = l.config.theme) == null ? void 0 : d.logo
+        src: (d = r.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"
-      }, [l.config.title || "Dux Admin Manage"])]), e("div", {
+      }, [r.config.title || "Dux Admin Manage"])]), e("div", {
         class: "my-6"
       }, [e(C, {
         ref: w,
@@ -107,9 +118,9 @@ const fe = /* @__PURE__ */ k({
           }, {
             default: () => [e(v, {
               value: t.username,
-              onUpdateValue: (n) => t.username = n,
+              onUpdateValue: (m) => t.username = m,
               type: "text",
-              placeholder: r("pages.login.placeholder.username"),
+              placeholder: s("pages.login.placeholder.username"),
               size: "large"
             }, {
               default: () => e("div", {
@@ -123,10 +134,10 @@ const fe = /* @__PURE__ */ k({
           }, {
             default: () => [e(v, {
               value: t.password,
-              onUpdateValue: (n) => t.password = n,
+              onUpdateValue: (m) => t.password = m,
               type: "password",
               showPasswordOn: "mousedown",
-              placeholder: r("pages.login.placeholder.password"),
+              placeholder: s("pages.login.placeholder.password"),
               size: "large",
               inputProps: {
                 autocomplete: "new-password"
@@ -136,7 +147,7 @@ const fe = /* @__PURE__ */ k({
                 class: "text-lg i-tabler:lock"
               }, null)
             })]
-          }), (f = i.default) == null ? void 0 : f.call(i, t), e("div", {
+          }), (f = a.default) == null ? void 0 : f.call(a, t), e("div", {
             class: "mb-2 mt-4"
           }, [e(I, {
             type: "primary",
@@ -144,16 +155,16 @@ const fe = /* @__PURE__ */ k({
             block: !0,
             loading: b.value,
             onClick: y
-          }, O(o = r("pages.login.buttons.login")) ? o : {
+          }, O(o = s("pages.login.buttons.login")) ? o : {
             default: () => [o]
           })])];
         }
       })]), e("div", {
         class: "text-center text-sm text-gray-5"
-      }, [((g = l.config) == null ? void 0 : g.copyright) || "All rights reserved © duxweb 2024"])])])]);
+      }, [((g = r.config) == null ? void 0 : g.copyright) || "All rights reserved © duxweb 2024"])])])]);
     };
   }
 });
 export {
-  fe as DuxLoginPage
+  Ne as DuxLoginPage
 };

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

@@ -1,9 +1,9 @@
-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 { defineComponent as A, computed as v, createVNode as e } from "vue";
+import { useI18n as f, useManage as L, useLogout as R, useTheme as I, useGetAuth as S } from "@duxweb/dvha-core";
 import { NDropdown as B } from "naive-ui";
-import { useRouter as T } from "vue-router";
+import { useRouter as N } from "vue-router";
 import "clsx";
-import { DuxAvatar as b } from "../../components/widget/avatar.js";
+import { DuxAvatar as g } from "../../components/widget/avatar.js";
 import "vue-echarts";
 import "@overlastic/vue";
 import "dayjs";
@@ -27,11 +27,22 @@ 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 G from "./button.js";
 import "vue-command-palette";
 import "../page404.js";
 import "@iconify-json/tabler/icons.json";
-const fe = /* @__PURE__ */ $({
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+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";
+const $e = /* @__PURE__ */ A({
   name: "DuxMenuAvatar",
   props: {
     collapsed: {
@@ -39,76 +50,73 @@ const fe = /* @__PURE__ */ $({
       default: !1
     }
   },
-  setup(h) {
+  setup(b) {
     const {
-      t
-    } = f(), u = f(), y = T(), {
-      config: x,
+      t: r
+    } = f(), c = f(), h = N(), {
+      config: y,
       getRoutePath: k
-    } = A(), {
-      mutate: C
     } = L(), {
+      mutate: x
+    } = R(), {
       mode: m,
-      primaryColors: M,
-      neutralColors: w,
+      primaryColors: C,
+      neutralColors: M,
       colorMapping: p,
       setColor: d,
-      setMode: z
-    } = R(), a = (o, r) => e("div", {
+      setMode: w
+    } = I(), n = (t, l) => e("div", {
       class: "flex gap-2 items-center w-30"
     }, [e("div", {
       class: "flex-1 min-w-0"
-    }, [o]), e("div", null, [r && e("div", {
+    }, [t]), e("div", null, [l && e("div", {
       class: "i-tabler:check"
-    }, 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: () => s(l.icon),
-        path: l.path
+    }, null)])]), s = (t) => e("div", {
+      class: `${t} size-4`
+    }, null), z = v(() => {
+      var l;
+      const t = (l = y.userMenus) == null ? void 0 : l.map((o) => ({
+        label: r(o.label || "", {}, o.label),
+        key: o.key,
+        icon: () => s(o.icon),
+        path: o.path
       }));
-      return (o == null ? void 0 : o.length) > 0 ? [...o, {
+      return (t == null ? void 0 : t.length) > 0 ? [...t, {
         type: "divider"
       }] : [];
-    }), i = I(), N = g(() => {
-      var o, r;
+    }), i = S(), $ = v(() => {
+      var t, l;
       return [{
         key: "header",
         type: "render",
         render: () => {
-          var l, c, n;
+          var o, u, a;
           return e("div", {
             class: "flex gap-2 px-3 pb-1 pt-1 items-center "
-          }, [e(b, {
+          }, [e(g, {
             round: !0,
             size: 28,
-            src: (l = i.info) == null ? void 0 : l.avatar
+            src: (o = i.info) == null ? void 0 : o.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", {
+          }, [(u = i.info) == null ? void 0 : u.nickname]), e("div", {
             class: "text-xs text-muted"
-          }, [(n = i.info) == null ? void 0 : n.username])])]);
+          }, [(a = i.info) == null ? void 0 : a.username])])]);
         }
       }, {
         type: "divider"
-      }, ...D.value, {
-        label: t("components.menu.language"),
+      }, ...z.value, {
+        label: r("components.menu.language"),
         key: "locale",
         icon: () => s("i-tabler:language"),
-        children: [{
-          label: () => a(t("components.menu.chinese"), u.getLocale() === "zh-CN"),
-          key: "locale.zh-CN"
-        }, {
-          label: () => a(t("components.menu.english"), u.getLocale() === "en-US"),
-          key: "locale.en-US"
-        }]
+        children: [...(c.getLocales() || []).map((o) => ({
+          label: () => n(r(`locale.${o}`), c.getLocale() === o),
+          key: `locale.${o}`
+        }))]
       }, {
-        label: t("components.menu.color"),
+        label: r("components.menu.color"),
         key: "color",
         icon: () => s("i-tabler:palette"),
         children: [{
@@ -119,18 +127,18 @@ const fe = /* @__PURE__ */ $({
             style: {
               backgroundColor: "rgb(var(--ui-color-primary))"
             }
-          }, null), e("div", null, [t("components.menu.primaryColor")])]),
+          }, null), e("div", null, [r("components.menu.primaryColor")])]),
           key: "color.primary",
-          children: (o = M.value) == null ? void 0 : o.map((l) => ({
-            label: () => a(e("div", {
+          children: (t = C.value) == null ? void 0 : t.map((o) => ({
+            label: () => n(e("div", {
               class: "flex gap-2 items-center"
             }, [e("div", {
               class: "size-2 rounded-full",
               style: {
-                backgroundColor: `rgb(var(--base-color-${l}-500))`
+                backgroundColor: `rgb(var(--base-color-${o}-500))`
               }
-            }, null), e("div", null, [l])]), p.value.primary === l),
-            key: `color.primary.${l}`
+            }, null), e("div", null, [o])]), p.value.primary === o),
+            key: `color.primary.${o}`
           }))
         }, {
           label: () => e("div", {
@@ -140,96 +148,99 @@ const fe = /* @__PURE__ */ $({
             style: {
               backgroundColor: "rgb(var(--ui-color-gray-600))"
             }
-          }, null), e("div", null, [t("components.menu.neutralColor")])]),
+          }, null), e("div", null, [r("components.menu.neutralColor")])]),
           key: "color.neutral",
-          children: (r = w.value) == null ? void 0 : r.map((l) => ({
-            label: () => a(e("div", {
+          children: (l = M.value) == null ? void 0 : l.map((o) => ({
+            label: () => n(e("div", {
               class: "flex gap-2 items-center"
             }, [e("div", {
               class: "size-2 rounded-full",
               style: {
-                backgroundColor: `rgb(var(--base-color-${l}-600))`
+                backgroundColor: `rgb(var(--base-color-${o}-600))`
               }
-            }, null), e("div", null, [l])]), p.value.gray === l),
-            key: `color.neutral.${l}`
+            }, null), e("div", null, [o])]), p.value.gray === o),
+            key: `color.neutral.${o}`
           }))
         }]
       }, {
-        label: t("components.menu.theme"),
+        label: r("components.menu.theme"),
         key: "theme",
         icon: () => s("i-tabler:brightness-half"),
         children: [{
-          label: () => a(t("components.menu.followSystem"), m.value === "auto"),
+          label: () => n(r("components.menu.followSystem"), m.value === "auto"),
           key: "theme.auto"
         }, {
-          label: () => a(t("components.menu.lightMode"), m.value === "light"),
+          label: () => n(r("components.menu.lightMode"), m.value === "light"),
           key: "theme.light"
         }, {
-          label: () => a(t("components.menu.darkMode"), m.value === "dark"),
+          label: () => n(r("components.menu.darkMode"), m.value === "dark"),
           key: "theme.dark"
         }]
       }, {
         type: "divider"
       }, {
-        label: t("components.menu.logout"),
+        label: r("components.menu.logout"),
         key: "logout",
         icon: () => s("i-tabler:logout")
       }];
     });
-    function S(o, r) {
-      const l = o.lastIndexOf("."), [c, n] = l === -1 ? [o, ""] : [o.substring(0, l), o.substring(l + 1)];
-      switch (c) {
+    function D(t, l) {
+      const o = t.lastIndexOf("."), [u, a] = o === -1 ? [t, ""] : [t.substring(0, o), t.substring(o + 1)];
+      switch (u) {
         case "locale":
-          u.changeLocale(n);
+          c.changeLocale(a);
           break;
         case "color.primary":
-          d("primary", n);
+          d("primary", a);
           break;
         case "color.neutral":
-          d("gray", n);
+          d("gray", a);
           break;
         case "theme":
-          z(n);
+          w(a);
           break;
         case "logout":
-          C();
+          x();
           break;
         default:
-          if (!(r != null && r.path))
+          if (!(l != null && l.path))
             return;
-          y.push(k(r.path));
+          h.push(k(l.path));
       }
     }
     return () => e(B, {
-      options: N.value,
+      options: $.value,
       placement: "bottom-start",
       trigger: "click",
-      onSelect: S,
+      onSelect: D,
       width: 200
     }, {
-      default: () => [e(U, {
-        collapsed: h.collapsed
+      default: () => [e(G, {
+        collapsed: b.collapsed
       }, {
         icon: () => {
-          var o;
-          return e(b, {
+          var t;
+          return e(g, {
             class: "group-hover:shadow-lg",
             round: !0,
             size: 28,
-            src: (o = i.info) == null ? void 0 : o.avatar
+            src: (t = i.info) == null ? void 0 : t.avatar
           }, null);
         },
-        default: () => e("div", {
-          class: "flex flex-col"
-        }, [e("div", {
-          class: "text-sm font-medium"
-        }, [v("admin")]), e("div", {
-          class: "text-xs text-muted"
-        }, [v("admin@example.com")])])
+        default: () => {
+          var t, l;
+          return e("div", {
+            class: "flex flex-col"
+          }, [e("div", {
+            class: "text-sm font-medium"
+          }, [(t = i.info) == null ? void 0 : t.nickname]), e("div", {
+            class: "text-xs text-muted"
+          }, [(l = i.info) == null ? void 0 : l.username])]);
+        }
       })]
     });
   }
 });
 export {
-  fe as default
+  $e as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as p, createVNode as n } from "vue";
+import { defineComponent as n, createVNode as a } from "vue";
 import "@duxweb/dvha-core";
 import "naive-ui";
 import "vue-router";
@@ -26,10 +26,21 @@ import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import "@iconify-json/tabler/icons.json";
 import "mime";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+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 "dayjs";
 import "@tanstack/vue-query";
 import { useUI as l } from "../../hooks/ui.js";
-const K = /* @__PURE__ */ p({
+const _ = /* @__PURE__ */ n({
   name: "DuxMenuButton",
   props: {
     class: {
@@ -50,8 +61,8 @@ const K = /* @__PURE__ */ p({
       default: !1
     }
   },
-  setup(e, {
-    slots: t
+  setup(t, {
+    slots: e
   }) {
     const {
       menuCollapsed: o,
@@ -59,18 +70,18 @@ const K = /* @__PURE__ */ p({
     } = l();
     return () => {
       var r, m;
-      return n("div", {
+      return a("div", {
         onClick: () => {
-          var a;
-          (a = e.onClick) == null || a.call(e);
+          var p;
+          (p = t.onClick) == null || p.call(t);
         },
-        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 && n("div", {
-        class: ["overflow-hidden ease-in-out whitespace-nowrap text-left min-w-0 flex-1", e.inverted ? "text-default" : ""]
-      }, [(m = t.default) == null ? void 0 : m.call(t)])]);
+        class: ["flex items-center gap-1 justify-center py-1 px-2 cursor-pointer gap-2", t.class, o.value && !i.value ? "group" : "hover:shadow-xs hover:bg-default flex-1 w-full", t.inverted ? "transition-all duration-300 bg-inverted/5 rounded-full hover:bg-default hover:shadow-xs" : " rounded-md"]
+      }, [(r = e.icon) == null ? void 0 : r.call(e), t.collapsed === !1 && !o.value && !i.value && a("div", {
+        class: ["overflow-hidden ease-in-out whitespace-nowrap text-left min-w-0 flex-1", t.inverted ? "text-default" : ""]
+      }, [(m = e.default) == null ? void 0 : m.call(e)])]);
     };
   }
 });
 export {
-  K as default
+  _ as default
 };