@duxweb/dvha-pro 1.0.23 → 1.0.24

package/dist/esm/pages/login.js

@@ -1,7 +1,7 @@
-import { defineComponent as k, ref as j, reactive as D, createVNode as e, isVNode as L } from "vue";
-import { useTheme as N, useManage as F, useI18n as P, useLogin as S, DuxLogo as V } from "@duxweb/dvha-core";
-import z from "clsx";
-import { useMessage as A, NForm as C, NFormItem as h, NInput as v, NButton as I } from "naive-ui";
+import { defineComponent as h, ref as v, reactive as w, createVNode as e, isVNode as x } from "vue";
+import { useTheme as b, useManage as y, useI18n as k, useLogin as j, DuxLogo as D } from "@duxweb/dvha-core";
+import L from "clsx";
+import { useMessage as N, NForm as F, NFormItem as n, NInput as p, NButton as P } from "naive-ui";
 import "vue-echarts";
 import "vue-router";
 import "@overlastic/vue";
@@ -15,7 +15,7 @@ import "pinia";
 import "vue-cropper";
 import "jinrishici";
 import "vue-draggable-plus";
-import { DuxDrawApps as M } from "../components/draw/drawApps.js";
+import { DuxDrawApps as S } from "../components/draw/drawApps.js";
 import "aieditor";
 import "vee-validate";
 import "@vee-validate/i18n";
@@ -41,130 +41,126 @@ 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);
+function V(i) {
+  return typeof i == "function" || Object.prototype.toString.call(i) === "[object Object]" && !x(i);
 }
-const Ne = /* @__PURE__ */ k({
+const be = /* @__PURE__ */ h({
   name: "DuxLoginPage",
   setup(i, {
-    slots: a
+    slots: u
   }) {
-    const l = N(), r = F(), {
+    const r = b(), o = y(), {
       t: s
-    } = P(), w = j(), n = A(), t = D({
+    } = k(), c = v(), m = N(), t = w({
       username: "",
       password: ""
     }), {
-      mutate: x,
-      isLoading: b
-    } = S({
+      mutate: d,
+      isLoading: g
+    } = j({
       onSuccess: () => {
-        n.success(s("pages.login.success"));
+        m.success(s("pages.login.success"));
       },
-      onError: (o) => {
-        n.error((o == null ? void 0 : o.message) || s("pages.login.error"));
+      onError: (l) => {
+        m.error(l?.message || s("pages.login.error"));
       }
-    }), y = () => {
-      x(t);
+    }), f = () => {
+      d(t);
     };
     return () => {
-      var p, u, c, d, g;
-      let o;
+      let l;
       return e("div", {
         "un-cloak": !0,
-        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"])
+        class: L(["h-screen w-screen flex items-start justify-center text-secondary md:items-center", r.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: () => l.toggle()
-      }, [l.mode.value === "auto" && e("div", {
+        onClick: () => r.toggle()
+      }, [r.mode.value === "auto" && e("div", {
         class: "i-tabler:brightness-half h-5 w-5"
-      }, null), l.mode.value === "light" && e("div", {
+      }, null), r.mode.value === "light" && e("div", {
         class: "h-5 w-5 i-tabler:sun"
-      }, null), l.mode.value === "dark" && e("div", {
+      }, null), r.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"
-      }, [(p = r.config.theme) != null && p.banner ? e("img", {
+      }, [o.config.theme?.banner ? e("img", {
         class: "w-full h-auto",
-        src: (u = r.config.theme) == null ? void 0 : u.banner
+        src: o.config.theme?.banner
       }, null) : e("div", {
         class: "w-full h-auto"
-      }, [e(M, null, null)])]), e("div", {
+      }, [e(S, null, null)])]), e("div", {
         class: "flex flex-col"
       }, [e("div", {
         class: "flex flex-col items-center justify-center mt-4"
-      }, [e("div", null, [(c = r.config.theme) != null && c.logo ? e("img", {
+      }, [e("div", null, [o.config.theme?.logo ? e("img", {
         class: "w-auto h-16",
-        src: (d = r.config.theme) == null ? void 0 : d.logo
+        src: o.config.theme?.logo
       }, null) : e("div", {
         class: "h-10"
-      }, [e(V, null, null)])]), e("div", {
+      }, [e(D, null, null)])]), e("div", {
         class: "mt-4 text-lg text-muted"
-      }, [r.config.title || "Dux Admin Manage"])]), e("div", {
+      }, [o.config.title || "Dux Admin Manage"])]), e("div", {
         class: "my-6"
-      }, [e(C, {
-        ref: w,
+      }, [e(F, {
+        ref: c,
         model: t,
         class: "flex flex-col gap-4"
       }, {
-        default: () => {
-          var f;
-          return [e(h, {
-            showLabel: !1,
-            path: "username",
-            showFeedback: !1
+        default: () => [e(n, {
+          showLabel: !1,
+          path: "username",
+          showFeedback: !1
+        }, {
+          default: () => [e(p, {
+            value: t.username,
+            onUpdateValue: (a) => t.username = a,
+            type: "text",
+            placeholder: s("pages.login.placeholder.username"),
+            size: "large"
           }, {
-            default: () => [e(v, {
-              value: t.username,
-              onUpdateValue: (m) => t.username = m,
-              type: "text",
-              placeholder: s("pages.login.placeholder.username"),
-              size: "large"
-            }, {
-              default: () => e("div", {
-                class: "text-lg i-tabler:user"
-              }, null)
-            })]
-          }), e(h, {
-            showLabel: !1,
-            path: "password",
-            showFeedback: !1
-          }, {
-            default: () => [e(v, {
-              value: t.password,
-              onUpdateValue: (m) => t.password = m,
-              type: "password",
-              showPasswordOn: "mousedown",
-              placeholder: s("pages.login.placeholder.password"),
-              size: "large",
-              inputProps: {
-                autocomplete: "new-password"
-              }
-            }, {
-              default: () => e("div", {
-                class: "text-lg i-tabler:lock"
-              }, null)
-            })]
-          }), (f = a.default) == null ? void 0 : f.call(a, t), e("div", {
-            class: "mb-2 mt-4"
-          }, [e(I, {
-            type: "primary",
+            default: () => e("div", {
+              class: "text-lg i-tabler:user"
+            }, null)
+          })]
+        }), e(n, {
+          showLabel: !1,
+          path: "password",
+          showFeedback: !1
+        }, {
+          default: () => [e(p, {
+            value: t.password,
+            onUpdateValue: (a) => t.password = a,
+            type: "password",
+            showPasswordOn: "mousedown",
+            placeholder: s("pages.login.placeholder.password"),
             size: "large",
-            block: !0,
-            loading: b.value,
-            onClick: y
-          }, O(o = s("pages.login.buttons.login")) ? o : {
-            default: () => [o]
-          })])];
-        }
+            inputProps: {
+              autocomplete: "new-password"
+            }
+          }, {
+            default: () => e("div", {
+              class: "text-lg i-tabler:lock"
+            }, null)
+          })]
+        }), u.default?.(t), e("div", {
+          class: "mb-2 mt-4"
+        }, [e(P, {
+          type: "primary",
+          size: "large",
+          block: !0,
+          loading: g.value,
+          onClick: f
+        }, V(l = s("pages.login.buttons.login")) ? l : {
+          default: () => [l]
+        })])]
       })]), e("div", {
         class: "text-center text-sm text-gray-5"
-      }, [((g = r.config) == null ? void 0 : g.copyright) || "All rights reserved © duxweb 2024"])])])]);
+      }, [o.config?.copyright || "All rights reserved © duxweb 2024"])])])]);
     };
   }
 });
 export {
-  Ne as DuxLoginPage
+  be as DuxLoginPage
 };

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

@@ -1,9 +1,9 @@
-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 { defineComponent as A, computed as d, createVNode as e } from "vue";
+import { useI18n as v, 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 N } from "vue-router";
 import "clsx";
-import { DuxAvatar as g } from "../../components/widget/avatar.js";
+import { DuxAvatar as f } from "../../components/widget/avatar.js";
 import "vue-echarts";
 import "@overlastic/vue";
 import "dayjs";
@@ -50,193 +50,180 @@ const $e = /* @__PURE__ */ A({
       default: !1
     }
   },
-  setup(b) {
+  setup(g) {
     const {
-      t: r
-    } = f(), c = f(), h = N(), {
-      config: y,
-      getRoutePath: k
+      t
+    } = v(), s = v(), b = N(), {
+      config: h,
+      getRoutePath: y
     } = L(), {
-      mutate: x
+      mutate: k
     } = R(), {
-      mode: m,
-      primaryColors: C,
-      neutralColors: M,
-      colorMapping: p,
-      setColor: d,
-      setMode: w
-    } = I(), n = (t, l) => e("div", {
+      mode: u,
+      primaryColors: x,
+      neutralColors: C,
+      colorMapping: c,
+      setColor: p,
+      setMode: M
+    } = I(), r = (o, l) => e("div", {
       class: "flex gap-2 items-center w-30"
     }, [e("div", {
       class: "flex-1 min-w-0"
-    }, [t]), e("div", null, [l && e("div", {
+    }, [o]), e("div", null, [l && e("div", {
       class: "i-tabler:check"
-    }, 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
+    }, null)])]), n = (o) => e("div", {
+      class: `${o} size-4`
+    }, null), w = d(() => {
+      const o = h.userMenus?.map((l) => ({
+        label: t(l.label || "", {}, l.label),
+        key: l.key,
+        icon: () => n(l.icon),
+        path: l.path
       }));
-      return (t == null ? void 0 : t.length) > 0 ? [...t, {
+      return o?.length > 0 ? [...o, {
         type: "divider"
       }] : [];
-    }), i = S(), $ = v(() => {
-      var t, l;
-      return [{
-        key: "header",
-        type: "render",
-        render: () => {
-          var o, u, a;
-          return e("div", {
-            class: "flex gap-2 px-3 pb-1 pt-1 items-center "
-          }, [e(g, {
-            round: !0,
-            size: 28,
-            src: (o = i.info) == null ? void 0 : o.avatar
-          }, null), e("div", {
-            class: "flex flex-col"
-          }, [e("div", {
-            class: "text-sm font-medium"
-          }, [(u = i.info) == null ? void 0 : u.nickname]), e("div", {
-            class: "text-xs text-muted"
-          }, [(a = i.info) == null ? void 0 : a.username])])]);
-        }
-      }, {
-        type: "divider"
-      }, ...z.value, {
-        label: r("components.menu.language"),
-        key: "locale",
-        icon: () => s("i-tabler:language"),
-        children: [...(c.getLocales() || []).map((o) => ({
-          label: () => n(r(`locale.${o}`), c.getLocale() === o),
-          key: `locale.${o}`
-        }))]
-      }, {
-        label: r("components.menu.color"),
-        key: "color",
-        icon: () => s("i-tabler:palette"),
-        children: [{
-          label: () => e("div", {
-            class: "flex gap-2 items-center w-30"
+    }), a = S(), z = d(() => [{
+      key: "header",
+      type: "render",
+      render: () => e("div", {
+        class: "flex gap-2 px-3 pb-1 pt-1 items-center "
+      }, [e(f, {
+        round: !0,
+        size: 28,
+        src: a.info?.avatar
+      }, null), e("div", {
+        class: "flex flex-col"
+      }, [e("div", {
+        class: "text-sm font-medium"
+      }, [a.info?.nickname]), e("div", {
+        class: "text-xs text-muted"
+      }, [a.info?.username])])])
+    }, {
+      type: "divider"
+    }, ...w.value, {
+      label: t("components.menu.language"),
+      key: "locale",
+      icon: () => n("i-tabler:language"),
+      children: [...(s.getLocales() || []).map((o) => ({
+        label: () => r(t(`locale.${o}`), s.getLocale() === o),
+        key: `locale.${o}`
+      }))]
+    }, {
+      label: t("components.menu.color"),
+      key: "color",
+      icon: () => n("i-tabler:palette"),
+      children: [{
+        label: () => e("div", {
+          class: "flex gap-2 items-center w-30"
+        }, [e("div", {
+          class: "size-2 rounded-full",
+          style: {
+            backgroundColor: "rgb(var(--ui-color-primary))"
+          }
+        }, null), e("div", null, [t("components.menu.primaryColor")])]),
+        key: "color.primary",
+        children: x.value?.map((o) => ({
+          label: () => r(e("div", {
+            class: "flex gap-2 items-center"
           }, [e("div", {
             class: "size-2 rounded-full",
             style: {
-              backgroundColor: "rgb(var(--ui-color-primary))"
+              backgroundColor: `rgb(var(--base-color-${o}-500))`
             }
-          }, null), e("div", null, [r("components.menu.primaryColor")])]),
-          key: "color.primary",
-          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-${o}-500))`
-              }
-            }, null), e("div", null, [o])]), p.value.primary === o),
-            key: `color.primary.${o}`
-          }))
-        }, {
-          label: () => e("div", {
-            class: "flex gap-2 items-center w-30"
+          }, null), e("div", null, [o])]), c.value.primary === o),
+          key: `color.primary.${o}`
+        }))
+      }, {
+        label: () => e("div", {
+          class: "flex gap-2 items-center w-30"
+        }, [e("div", {
+          class: "size-2 rounded-full",
+          style: {
+            backgroundColor: "rgb(var(--ui-color-gray-600))"
+          }
+        }, null), e("div", null, [t("components.menu.neutralColor")])]),
+        key: "color.neutral",
+        children: C.value?.map((o) => ({
+          label: () => r(e("div", {
+            class: "flex gap-2 items-center"
           }, [e("div", {
             class: "size-2 rounded-full",
             style: {
-              backgroundColor: "rgb(var(--ui-color-gray-600))"
+              backgroundColor: `rgb(var(--base-color-${o}-600))`
             }
-          }, null), e("div", null, [r("components.menu.neutralColor")])]),
-          key: "color.neutral",
-          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-${o}-600))`
-              }
-            }, null), e("div", null, [o])]), p.value.gray === o),
-            key: `color.neutral.${o}`
-          }))
-        }]
-      }, {
-        label: r("components.menu.theme"),
-        key: "theme",
-        icon: () => s("i-tabler:brightness-half"),
-        children: [{
-          label: () => n(r("components.menu.followSystem"), m.value === "auto"),
-          key: "theme.auto"
-        }, {
-          label: () => n(r("components.menu.lightMode"), m.value === "light"),
-          key: "theme.light"
-        }, {
-          label: () => n(r("components.menu.darkMode"), m.value === "dark"),
-          key: "theme.dark"
-        }]
+          }, null), e("div", null, [o])]), c.value.gray === o),
+          key: `color.neutral.${o}`
+        }))
+      }]
+    }, {
+      label: t("components.menu.theme"),
+      key: "theme",
+      icon: () => n("i-tabler:brightness-half"),
+      children: [{
+        label: () => r(t("components.menu.followSystem"), u.value === "auto"),
+        key: "theme.auto"
       }, {
-        type: "divider"
+        label: () => r(t("components.menu.lightMode"), u.value === "light"),
+        key: "theme.light"
       }, {
-        label: r("components.menu.logout"),
-        key: "logout",
-        icon: () => s("i-tabler:logout")
-      }];
-    });
-    function D(t, l) {
-      const o = t.lastIndexOf("."), [u, a] = o === -1 ? [t, ""] : [t.substring(0, o), t.substring(o + 1)];
-      switch (u) {
+        label: () => r(t("components.menu.darkMode"), u.value === "dark"),
+        key: "theme.dark"
+      }]
+    }, {
+      type: "divider"
+    }, {
+      label: t("components.menu.logout"),
+      key: "logout",
+      icon: () => n("i-tabler:logout")
+    }]);
+    function $(o, l) {
+      const m = o.lastIndexOf("."), [D, i] = m === -1 ? [o, ""] : [o.substring(0, m), o.substring(m + 1)];
+      switch (D) {
         case "locale":
-          c.changeLocale(a);
+          s.changeLocale(i);
           break;
         case "color.primary":
-          d("primary", a);
+          p("primary", i);
           break;
         case "color.neutral":
-          d("gray", a);
+          p("gray", i);
           break;
         case "theme":
-          w(a);
+          M(i);
           break;
         case "logout":
-          x();
+          k();
           break;
         default:
-          if (!(l != null && l.path))
+          if (!l?.path)
             return;
-          h.push(k(l.path));
+          b.push(y(l.path));
       }
     }
     return () => e(B, {
-      options: $.value,
+      options: z.value,
       placement: "bottom-start",
       trigger: "click",
-      onSelect: D,
+      onSelect: $,
       width: 200
     }, {
       default: () => [e(G, {
-        collapsed: b.collapsed
+        collapsed: g.collapsed
       }, {
-        icon: () => {
-          var t;
-          return e(g, {
-            class: "group-hover:shadow-lg",
-            round: !0,
-            size: 28,
-            src: (t = i.info) == null ? void 0 : t.avatar
-          }, null);
-        },
-        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])]);
-        }
+        icon: () => e(f, {
+          class: "group-hover:shadow-lg",
+          round: !0,
+          size: 28,
+          src: a.info?.avatar
+        }, null),
+        default: () => e("div", {
+          class: "flex flex-col"
+        }, [e("div", {
+          class: "text-sm font-medium"
+        }, [a.info?.nickname]), e("div", {
+          class: "text-xs text-muted"
+        }, [a.info?.username])])
       })]
     });
   }

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

@@ -1,4 +1,4 @@
-import { defineComponent as n, createVNode as a } from "vue";
+import { defineComponent as p, createVNode as i } from "vue";
 import "@duxweb/dvha-core";
 import "naive-ui";
 import "vue-router";
@@ -39,8 +39,8 @@ 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 _ = /* @__PURE__ */ n({
+import { useUI as m } from "../../hooks/ui.js";
+const X = /* @__PURE__ */ p({
   name: "DuxMenuButton",
   props: {
     class: {
@@ -62,26 +62,22 @@ const _ = /* @__PURE__ */ n({
     }
   },
   setup(t, {
-    slots: e
+    slots: o
   }) {
     const {
-      menuCollapsed: o,
-      menuMobileCollapsed: i
-    } = l();
-    return () => {
-      var r, m;
-      return a("div", {
-        onClick: () => {
-          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", 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)])]);
-    };
+      menuCollapsed: e,
+      menuMobileCollapsed: r
+    } = m();
+    return () => i("div", {
+      onClick: () => {
+        t.onClick?.();
+      },
+      class: ["flex items-center gap-1 justify-center py-1 px-2 cursor-pointer gap-2", t.class, e.value && !r.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"]
+    }, [o.icon?.(), t.collapsed === !1 && !e.value && !r.value && i("div", {
+      class: ["overflow-hidden ease-in-out whitespace-nowrap text-left min-w-0 flex-1", t.inverted ? "text-default" : ""]
+    }, [o.default?.()])]);
   }
 });
 export {
-  _ as default
+  X as default
 };