@duxweb/dvha-pro 1.0.32 → 1.0.34

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

@@ -1,59 +1,74 @@
-import { defineComponent as C, inject as T, onBeforeMount as L, computed as a, watch as i, onMounted as y, createVNode as o } from "vue";
-import { useTheme as P, useI18n as b } from "@duxweb/dvha-core";
-import { setLocale as k } from "@vee-validate/i18n";
-import { hex2hsl as x } from "colorizr";
-import { registerTheme as D } from "echarts";
-import { useLoadingBar as M, zhCN as O, enUS as w, dateZhCN as z, dateEnUS as B, NConfigProvider as S, darkTheme as G, lightTheme as I, NModalProvider as U, NDialogProvider as j, NNotificationProvider as E, NMessageProvider as F } from "naive-ui";
-import { generateRainbowFromColor as R, getTheme as V } from "../../config/echart.js";
+import { defineComponent as C, inject as T, onBeforeMount as j, computed as i, watch as m, onMounted as y, createVNode as o } from "vue";
+import { useTheme as b, useI18n as k } from "@duxweb/dvha-core";
+import { setLocale as x } from "@vee-validate/i18n";
+import { hex2hsl as w } from "colorizr";
+import { registerTheme as P } from "echarts";
+import e from "highlight.js/lib/core";
+import D from "highlight.js/lib/languages/bash";
+import M from "highlight.js/lib/languages/css";
+import O from "highlight.js/lib/languages/go";
+import z from "highlight.js/lib/languages/java";
+import B from "highlight.js/lib/languages/javascript";
+import S from "highlight.js/lib/languages/json";
+import q from "highlight.js/lib/languages/markdown";
+import G from "highlight.js/lib/languages/php";
+import I from "highlight.js/lib/languages/python";
+import U from "highlight.js/lib/languages/shell";
+import E from "highlight.js/lib/languages/sql";
+import F from "highlight.js/lib/languages/typescript";
+import R from "highlight.js/lib/languages/xml";
+import { useLoadingBar as V, zhCN as Z, enUS as _, dateZhCN as A, dateEnUS as H, NConfigProvider as J, darkTheme as K, lightTheme as Q, NModalProvider as W, NDialogProvider as X, NNotificationProvider as Y, NMessageProvider as $ } from "naive-ui";
+import { generateRainbowFromColor as ee, getTheme as re } from "../../config/echart.js";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
 import "unocss/preset-wind4";
-import { themeOverrides as Z } from "../../theme/naiveTheme.js";
+import { themeOverrides as oe } from "../../theme/naiveTheme.js";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-const ae = /* @__PURE__ */ C({
+const ze = /* @__PURE__ */ C({
   name: "DuxGlobalLayout",
-  setup(_, {
+  setup(te, {
     slots: n
   }) {
     const {
       isDark: t,
-      cssInit: l,
-      getSceneColor: m
-    } = P(), u = T("pageLoading"), s = M(), {
-      lightTheme: d,
-      darkTheme: c
-    } = Z();
-    L(() => {
-      l();
-    });
+      cssInit: s,
+      getSceneColor: g
+    } = b(), l = T("pageLoading"), u = V(), {
+      lightTheme: p,
+      darkTheme: f
+    } = oe();
+    j(() => {
+      s();
+    }), e.registerLanguage("javascript", B), e.registerLanguage("typescript", F), e.registerLanguage("css", M), e.registerLanguage("xml", R), e.registerLanguage("json", S), e.registerLanguage("markdown", q), e.registerLanguage("bash", D), e.registerLanguage("shell", U), e.registerLanguage("sql", E), e.registerLanguage("java", z), e.registerLanguage("php", G), e.registerLanguage("go", O), e.registerLanguage("python", I);
     const {
-      getLocale: r
-    } = b(), h = a(() => r() === "zh-CN" ? O : w), f = a(() => r() === "zh-CN" ? z : B);
-    return i(r, (e) => {
-      k(e);
+      getLocale: a
+    } = k(), d = i(() => a() === "zh-CN" ? Z : _), h = i(() => a() === "zh-CN" ? A : H);
+    return m(a, (r) => {
+      x(r);
     }, {
       immediate: !0
     }), y(async () => {
       setTimeout(() => {
-        s.finish(), u.value = !1;
+        u.finish(), l.value = !1;
       }, 500);
-    }), i(t, (e) => {
-      const p = m("primary"), g = x(p), v = R(g, 10), N = V(v, e);
-      D("default", N);
+    }), m(t, (r) => {
+      const c = g("primary"), L = w(c), v = ee(L, 10), N = re(v, r);
+      P("default", N);
     }, {
       immediate: !0
-    }), () => o(S, {
-      locale: h.value,
-      dateLocale: f.value,
-      theme: t.value ? G : I,
-      themeOverrides: t.value ? c.value : d.value
+    }), () => o(J, {
+      hljs: e,
+      locale: d.value,
+      dateLocale: h.value,
+      theme: t.value ? K : Q,
+      themeOverrides: t.value ? f.value : p.value
     }, {
-      default: () => [o(U, null, {
-        default: () => [o(j, null, {
-          default: () => [o(E, null, {
-            default: () => [o(F, null, {
+      default: () => [o(W, null, {
+        default: () => [o(X, null, {
+          default: () => [o(Y, null, {
+            default: () => [o($, null, {
               default: () => [n.default?.()]
             })]
           })]
@@ -63,5 +78,5 @@ const ae = /* @__PURE__ */ C({
   }
 });
 export {
-  ae as DuxGlobalLayout
+  ze as DuxGlobalLayout
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as p, onMounted as n, onUnmounted as s, createVNode as t } from "vue";
+import { defineComponent as l, onMounted as n, onUnmounted as s, createVNode as t } from "vue";
 import { useManage as u, useCheck as a, DuxTabRouterView as c } from "@duxweb/dvha-core";
 import { useIntervalFn as f } from "@vueuse/core";
 import { NButton as d } from "naive-ui";
@@ -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";
@@ -38,32 +52,32 @@ import { DuxPageTab as g } from "./tab.js";
 import "../page404.js";
 import "short-unique-id";
 import "aieditor";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../components/posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import { useUI as v } from "../../hooks/ui.js";
-const at = /* @__PURE__ */ p({
+const kt = /* @__PURE__ */ l({
   name: "DuxLayoutPage",
   props: {},
   setup() {
     const {
-      menuMobileCollapsed: o,
-      setMenuMobileCollapsed: i
+      menuMobileCollapsed: i,
+      setMenuMobileCollapsed: r
     } = v(), {
-      config: r
+      config: e
     } = u(), {
-      mutate: e
+      mutate: o
     } = a(), {
       pause: m,
-      resume: l
+      resume: p
     } = f(() => {
-      e();
+      o();
     }, 1e3 * 60 * 10);
     return n(() => {
-      e(), l();
+      o(), p();
     }), s(() => {
       m();
     }), () => t("div", {
@@ -74,14 +88,14 @@ const at = /* @__PURE__ */ p({
       class: "flex lg:hidden justify-between items-center px-2 py-2 bg-default dark:bg-muted shadow-xs relative"
     }, [t(d, {
       text: !0,
-      onClick: () => i(!o.value)
+      onClick: () => r(!i.value)
     }, {
       default: () => [t("div", {
         class: "i-tabler:menu-2 size-6"
       }, null)]
     }), t("div", {
       class: "w-full absolute inset-0 flex items-center justify-center text-base pointer-events-none"
-    }, [r.title]), t("div", null, [t(x, {
+    }, [e.title]), t("div", null, [t(x, {
       collapsed: !0
     }, null)])]), t("div", {
       class: "flex-1 py-2"
@@ -91,5 +105,5 @@ const at = /* @__PURE__ */ p({
   }
 });
 export {
-  at as DuxLayoutPage
+  kt as DuxLayoutPage
 };

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";
@@ -36,14 +50,14 @@ import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import "short-unique-id";
 import "aieditor";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../components/posterEditor/elements/index.js";
 import "fabric";
-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
 };