@duxweb/dvha-pro 1.0.31 → 1.0.33

package/dist/esm/pages/login.js

@@ -1,7 +1,7 @@
 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 { useMessage as N, NForm as F, NFormItem as p, NInput as n, NButton as P } from "naive-ui";
 import "vue-echarts";
 import "vue-router";
 import "@overlastic/vue";
@@ -30,6 +30,20 @@ import { DuxDrawApps as S } from "../components/draw/drawApps.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
@@ -44,16 +58,16 @@ import "aieditor";
 import "@iconify-json/tabler/icons.json";
 import "../components/posterEditor/elements/index.js";
 import "fabric";
-function V(i) {
-  return typeof i == "function" || Object.prototype.toString.call(i) === "[object Object]" && !x(i);
+function V(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !x(l);
 }
-const je = /* @__PURE__ */ h({
+const _e = /* @__PURE__ */ h({
   name: "DuxLoginPage",
-  setup(i, {
+  setup(l, {
     slots: u
   }) {
     const r = b(), o = y(), {
-      t: s
+      t: i
     } = k(), c = v(), m = N(), t = w({
       username: "",
       password: ""
@@ -62,16 +76,16 @@ const je = /* @__PURE__ */ h({
       isLoading: g
     } = j({
       onSuccess: () => {
-        m.success(s("pages.login.success"));
+        m.success(i("pages.login.success"));
       },
-      onError: (l) => {
-        m.error(l?.message || s("pages.login.error"));
+      onError: (s) => {
+        m.error(s?.message || i("pages.login.error"));
       }
     }), f = () => {
       d(t);
     };
     return () => {
-      let l;
+      let s;
       return e("div", {
         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", {
@@ -110,33 +124,33 @@ const je = /* @__PURE__ */ h({
         model: t,
         class: "flex flex-col gap-4"
       }, {
-        default: () => [e(n, {
+        default: () => [e(p, {
           showLabel: !1,
           path: "username",
           showFeedback: !1
         }, {
-          default: () => [e(p, {
+          default: () => [e(n, {
             value: t.username,
             onUpdateValue: (a) => t.username = a,
             type: "text",
-            placeholder: s("pages.login.placeholder.username"),
+            placeholder: i("pages.login.placeholder.username"),
             size: "large"
           }, {
             default: () => e("div", {
               class: "text-lg i-tabler:user"
             }, null)
           })]
-        }), e(n, {
+        }), e(p, {
           showLabel: !1,
           path: "password",
           showFeedback: !1
         }, {
-          default: () => [e(p, {
+          default: () => [e(n, {
             value: t.password,
             onUpdateValue: (a) => t.password = a,
             type: "password",
             showPasswordOn: "mousedown",
-            placeholder: s("pages.login.placeholder.password"),
+            placeholder: i("pages.login.placeholder.password"),
             size: "large",
             inputProps: {
               autocomplete: "new-password"
@@ -154,8 +168,8 @@ const je = /* @__PURE__ */ h({
           block: !0,
           loading: g.value,
           onClick: f
-        }, V(l = s("pages.login.buttons.login")) ? l : {
-          default: () => [l]
+        }, V(s = i("pages.login.buttons.login")) ? s : {
+          default: () => [s]
         })])]
       })]), e("div", {
         class: "text-center text-sm text-muted"
@@ -164,5 +178,5 @@ const je = /* @__PURE__ */ h({
   }
 });
 export {
-  je as DuxLoginPage
+  _e as DuxLoginPage
 };

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

@@ -30,6 +30,20 @@ import "vue-draggable-plus";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
@@ -45,7 +59,7 @@ import "aieditor";
 import "@iconify-json/tabler/icons.json";
 import "../../components/posterEditor/elements/index.js";
 import "fabric";
-const Le = /* @__PURE__ */ A({
+const Fe = /* @__PURE__ */ A({
   name: "DuxMenuAvatar",
   props: {
     collapsed: {
@@ -65,23 +79,23 @@ const Le = /* @__PURE__ */ A({
       mode: m,
       primaryColors: x,
       neutralColors: C,
-      colorMapping: c,
-      setColor: p,
+      colorMapping: u,
+      setColor: c,
       setMode: M
-    } = I(), r = (o, l) => e("div", {
+    } = I(), l = (o, r) => e("div", {
       class: "flex gap-2 items-center w-30"
     }, [e("div", {
       class: "flex-1 min-w-0"
-    }, [o]), e("div", null, [l && e("div", {
+    }, [o]), e("div", null, [r && e("div", {
       class: "i-tabler:check"
-    }, null)])]), n = (o) => e("div", {
+    }, null)])]), i = (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
+      const o = h.userMenus?.map((r) => ({
+        label: t(r.label || "", {}, r.label),
+        key: r.key,
+        icon: () => i(r.icon),
+        path: r.path
       }));
       return o?.length > 0 ? [...o, {
         type: "divider"
@@ -107,15 +121,15 @@ const Le = /* @__PURE__ */ A({
     }, ...w.value, {
       label: t("components.menu.language"),
       key: "locale",
-      icon: () => n("i-tabler:language"),
+      icon: () => i("i-tabler:language"),
       children: [...(s.getLocales() || []).map((o) => ({
-        label: () => r(t(`locale.${o}`), s.getLocale() === o),
+        label: () => l(t(`locale.${o}`), s.getLocale() === o),
         key: `locale.${o}`
       }))]
     }, {
       label: t("components.menu.color"),
       key: "color",
-      icon: () => n("i-tabler:palette"),
+      icon: () => i("i-tabler:palette"),
       children: [{
         label: () => e("div", {
           class: "flex gap-2 items-center w-30"
@@ -127,14 +141,14 @@ const Le = /* @__PURE__ */ A({
         }, null), e("div", null, [t("components.menu.primaryColor")])]),
         key: "color.primary",
         children: x.value?.map((o) => ({
-          label: () => r(e("div", {
+          label: () => l(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])]), c.value.primary === o),
+          }, null), e("div", null, [o])]), u.value.primary === o),
           key: `color.primary.${o}`
         }))
       }, {
@@ -148,29 +162,29 @@ const Le = /* @__PURE__ */ A({
         }, null), e("div", null, [t("components.menu.neutralColor")])]),
         key: "color.neutral",
         children: C.value?.map((o) => ({
-          label: () => r(e("div", {
+          label: () => l(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])]), c.value.gray === o),
+          }, null), e("div", null, [o])]), u.value.gray === o),
           key: `color.neutral.${o}`
         }))
       }]
     }, {
       label: t("components.menu.theme"),
       key: "theme",
-      icon: () => n("i-tabler:brightness-half"),
+      icon: () => i("i-tabler:brightness-half"),
       children: [{
-        label: () => r(t("components.menu.followSystem"), m.value === "auto"),
+        label: () => l(t("components.menu.followSystem"), m.value === "auto"),
         key: "theme.auto"
       }, {
-        label: () => r(t("components.menu.lightMode"), m.value === "light"),
+        label: () => l(t("components.menu.lightMode"), m.value === "light"),
         key: "theme.light"
       }, {
-        label: () => r(t("components.menu.darkMode"), m.value === "dark"),
+        label: () => l(t("components.menu.darkMode"), m.value === "dark"),
         key: "theme.dark"
       }]
     }, {
@@ -178,30 +192,30 @@ const Le = /* @__PURE__ */ A({
     }, {
       label: t("components.menu.logout"),
       key: "logout",
-      icon: () => n("i-tabler:logout")
+      icon: () => i("i-tabler:logout")
     }]);
-    function $(o, l) {
-      const u = o.lastIndexOf("."), [D, i] = u === -1 ? [o, ""] : [o.substring(0, u), o.substring(u + 1)];
+    function $(o, r) {
+      const p = o.lastIndexOf("."), [D, n] = p === -1 ? [o, ""] : [o.substring(0, p), o.substring(p + 1)];
       switch (D) {
         case "locale":
-          s.changeLocale(i);
+          s.changeLocale(n);
           break;
         case "color.primary":
-          p("primary", i);
+          c("primary", n);
           break;
         case "color.neutral":
-          p("gray", i);
+          c("gray", n);
           break;
         case "theme":
-          M(i);
+          M(n);
           break;
         case "logout":
           k();
           break;
         default:
-          if (!l?.path)
+          if (!r?.path)
             return;
-          b.push(y(l.path));
+          b.push(y(r.path));
       }
     }
     return () => e(B, {
@@ -232,5 +246,5 @@ const Le = /* @__PURE__ */ A({
   }
 });
 export {
-  Le as default
+  Fe as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as p, createVNode as i } from "vue";
+import { defineComponent as p, createVNode as e } from "vue";
 import "@duxweb/dvha-core";
 import "naive-ui";
 import "vue-router";
@@ -24,6 +24,20 @@ import "vue-draggable-plus";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
@@ -43,7 +57,7 @@ import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import { useUI as m } from "../../hooks/ui.js";
-const _ = /* @__PURE__ */ p({
+const st = /* @__PURE__ */ p({
   name: "DuxMenuButton",
   props: {
     class: {
@@ -68,19 +82,19 @@ const _ = /* @__PURE__ */ p({
     slots: o
   }) {
     const {
-      menuCollapsed: e,
-      menuMobileCollapsed: r
+      menuCollapsed: r,
+      menuMobileCollapsed: i
     } = m();
-    return () => i("div", {
+    return () => e("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: ["flex items-center gap-1 justify-center py-1 px-2 cursor-pointer gap-2", t.class, r.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"]
+    }, [o.icon?.(), t.collapsed === !1 && !r.value && !i.value && e("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
+  st as default
 };

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

@@ -1,9 +1,9 @@
-import { defineComponent as M, ref as c, watch as s, computed as w, createVNode as t, Fragment as V, createTextVNode as B } from "vue";
+import { defineComponent as M, ref as p, watch as m, computed as w, createVNode as t, Fragment as V, createTextVNode as B } from "vue";
 import { useRouteStore as D, useTheme as T, useI18n as K } from "@duxweb/dvha-core";
 import { useMagicKeys as R, watchThrottled as j } from "@vueuse/core";
 import { cloneDeep as E } from "lodash-es";
 import { NTag as k, NButton as G } from "naive-ui";
-import { Command as o } from "vue-command-palette";
+import { Command as l } from "vue-command-palette";
 import { useRouter as L } from "vue-router";
 import "@overlastic/vue";
 import "clsx";
@@ -25,6 +25,20 @@ import "vue-draggable-plus";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
@@ -43,47 +57,47 @@ import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import { useUI as q } from "../../hooks/ui.js";
-const De = /* @__PURE__ */ M({
+const Je = /* @__PURE__ */ M({
   name: "DuxMenuCmd",
   setup() {
     const {
       cmdVisible: h,
-      setCmdVisible: m
-    } = q(), p = R(), y = p["Meta+K"], u = c(), a = c([]), S = L(), i = D(), {
+      setCmdVisible: s
+    } = q(), c = R(), y = c["Meta+K"], u = p(), i = p([]), S = L(), a = D(), {
       setMode: v
-    } = T(), n = c(""), {
-      t: r
-    } = K(), b = c(), g = (e) => {
-      const l = i.routes.filter((I) => I.parent === e);
-      u.value = e, a.value = l;
+    } = T(), n = p(""), {
+      t: o
+    } = K(), b = p(), g = (e) => {
+      const r = a.routes.filter((I) => I.parent === e);
+      u.value = e, i.value = r;
     }, C = () => {
-      m(!0);
+      s(!0);
     }, N = () => {
-      m(!1);
+      s(!1);
     }, z = (e) => {
-      e ? a.value = [...E(i.routes).filter((l) => l.label?.includes(e))] : a.value = i.routes.filter((l) => !l.parent);
+      e ? i.value = [...E(a.routes).filter((r) => r.label?.includes(e))] : i.value = a.routes.filter((r) => !r.parent);
     };
-    s(h, (e) => {
-      e ? a.value = i.routes.filter((l) => !l.parent) : a.value = i.routes.filter((l) => !l.parent);
+    m(h, (e) => {
+      e ? i.value = a.routes.filter((r) => !r.parent) : i.value = a.routes.filter((r) => !r.parent);
     }), j(n, () => {
       z(n.value);
     }, {
       throttle: 500
     });
     const x = () => {
-      const e = i.routes.find((l) => l.name === u.value);
+      const e = a.routes.find((r) => r.name === u.value);
       g(e?.parent);
     };
-    s(y, (e) => {
+    m(y, (e) => {
       e && C();
-    }), s(p.Escape, (e) => {
-      e && m(!1);
-    }), s(p.Backspace, (e) => {
+    }), m(c.Escape, (e) => {
+      e && s(!1);
+    }), m(c.Backspace, (e) => {
       e && n.value === "" && u.value && x();
-    }), s(b, (e) => {
+    }), m(b, (e) => {
       e && e.focus();
     });
-    const d = w(() => a.value.filter((e) => e.hidden === void 0 || e.hidden === !1)), f = (e) => t(o.Item, {
+    const d = w(() => i.value.filter((e) => e.hidden === void 0 || e.hidden === !1)), f = (e) => t(l.Item, {
       onSelect: e?.onSelect
     }, {
       default: () => [t("div", {
@@ -98,7 +112,7 @@ const De = /* @__PURE__ */ M({
         default: () => [e?.keyName]
       })])])]
     });
-    return () => t(o.Dialog, {
+    return () => t(l.Dialog, {
       visible: h.value,
       theme: "command-palette"
     }, {
@@ -106,7 +120,7 @@ const De = /* @__PURE__ */ M({
         class: "relative"
       }, [t("input", {
         ref: b,
-        placeholder: r("common.search"),
+        placeholder: o("common.search"),
         onInput: (e) => {
           n.value = e.target.value;
         },
@@ -126,7 +140,7 @@ const De = /* @__PURE__ */ M({
         quaternary: !0,
         circle: !0,
         size: "small",
-        onClick: () => m(!1)
+        onClick: () => s(!1)
       }, {
         icon: () => t("div", {
           class: "i-tabler:x size-5",
@@ -135,12 +149,12 @@ const De = /* @__PURE__ */ M({
       })])]),
       body: () => t(V, null, [d.value.length === 0 && n.value && t("div", {
         class: "flex items-center justify-center h-20 border-t border-muted"
-      }, [r("common.empty")]), d.value.length > 0 && t(o.List, null, {
-        default: () => [t(o.Group, {
-          heading: r("common.menu")
+      }, [o("common.empty")]), d.value.length > 0 && t(l.List, null, {
+        default: () => [t(l.Group, {
+          heading: o("common.menu")
         }, {
-          default: () => [d.value?.map((e, l) => t(o.Item, {
-            key: l,
+          default: () => [d.value?.map((e, r) => t(l.Item, {
+            key: r,
             onSelect: () => {
               e.path ? (S.push(e.path), N()) : g(e.name);
             }
@@ -149,23 +163,23 @@ const De = /* @__PURE__ */ M({
               class: e.path ? "i-tabler:link" : "i-tabler:folder"
             }, null), e.label]
           }))]
-        }), t(o.Separator, null, null), u.value ? t(f, {
+        }), t(l.Separator, null, null), u.value ? t(f, {
           icon: "i-tabler:arrow-left",
-          label: r("common.back"),
+          label: o("common.back"),
           onSelect: x,
           keyName: "Backspace"
-        }, null) : t(o.Group, {
-          heading: r("common.theme")
+        }, null) : t(l.Group, {
+          heading: o("common.theme")
         }, {
           default: () => [t(f, {
             icon: "i-tabler:moon",
-            label: r("common.dark"),
+            label: o("common.dark"),
             onSelect: () => {
               v("dark");
             }
           }, null), t(f, {
             icon: "i-tabler:sun",
-            label: r("common.light"),
+            label: o("common.light"),
             onSelect: () => {
               v("light");
             }
@@ -176,5 +190,5 @@ const De = /* @__PURE__ */ M({
   }
 });
 export {
-  De as DuxMenuCmd
+  Je as DuxMenuCmd
 };