@duxweb/dvha-pro 1.0.23 → 1.0.25

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";
@@ -13,6 +13,17 @@ import "@tanstack/vue-query";
 import "@duxweb/dvha-naiveui";
 import "@vueuse/core";
 import "pinia";
+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 "vue-cropper";
 import "jinrishici";
 import "vue-draggable-plus";
@@ -31,18 +42,9 @@ import G from "./button.js";
 import "vue-command-palette";
 import "../page404.js";
 import "@iconify-json/tabler/icons.json";
-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({
+import "../../components/image/elements/index.js";
+import "fabric";
+const Ae = /* @__PURE__ */ A({
   name: "DuxMenuAvatar",
   props: {
     collapsed: {
@@ -50,197 +52,184 @@ 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])])
       })]
     });
   }
 });
 export {
-  $e as default
+  Ae as default
 };

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";
@@ -6,6 +6,17 @@ import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
 import "@vueuse/core";
+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 "vue-cropper";
 import "jinrishici";
 import "lodash-es";
@@ -25,22 +36,13 @@ import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import "@iconify-json/tabler/icons.json";
+import "../../components/image/elements/index.js";
+import "fabric";
 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 _ = /* @__PURE__ */ n({
+import { useUI as m } from "../../hooks/ui.js";
+const Z = /* @__PURE__ */ p({
   name: "DuxMenuButton",
   props: {
     class: {
@@ -62,26 +64,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
+  Z as default
 };