@duxweb/dvha-pro 1.0.47 → 1.0.49

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

@@ -0,0 +1,207 @@
+import { defineComponent as z, onMounted as A, computed as n, createVNode as e, Transition as N, createTextVNode as s, h as m } from "vue";
+import { useManage as w, useI18n as k, useMenu as I, DuxLogoIcon as T } from "@duxweb/dvha-core";
+import { cloneDeep as u } from "lodash-es";
+import { NScrollbar as d, NMenu as c, NTag as f } from "naive-ui";
+import { RouterLink as V } from "vue-router";
+import L from "./avatar.js";
+import S from "./button.js";
+import "@vueuse/core";
+import "vue-command-palette";
+import "@overlastic/vue";
+import { DuxCard as v } from "../../components/card/card.js";
+import "clsx";
+import "vue-echarts";
+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";
+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";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vee-validate";
+import "@duxweb/dvha-naiveui";
+import "../page404.js";
+import "short-unique-id";
+import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                                    */
+import "mime";
+import "@iconify-json/tabler/icons.json";
+import "../../components/posterEditor/elements/index.js";
+import "fabric";
+import "dayjs";
+import "@tanstack/vue-query";
+import { useUI as U } from "../../hooks/ui.js";
+import B from "./dark.js";
+import F from "./notice.js";
+const Ye = /* @__PURE__ */ z({
+  name: "DuxMenuApp",
+  props: {
+    collapsed: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    const {
+      setCmdVisible: x,
+      setMenuCollapsed: h
+    } = U(), {
+      config: l
+    } = w(), {
+      t: g
+    } = k(), {
+      mainMenu: b,
+      subMenu: y,
+      appActive: a,
+      subActive: p,
+      isSubMenu: M
+    } = I({
+      doubleMenu: !0
+    });
+    A(() => {
+      h(!1);
+    });
+    const i = (o) => o.map((t) => {
+      const r = {
+        ...t,
+        key: t.name,
+        icon: t?.icon ? () => m("div", {
+          class: `${t.icon} size-5`
+        }) : void 0,
+        labelName: t.label,
+        label: () => t.path ? m(V, {
+          to: {
+            path: t.path
+          }
+        }, {
+          default: () => t.label
+        }) : t.label
+      };
+      return r.children && r.children.length > 0 && (r.children = i(r.children)), r;
+    }), C = n(() => i(u(b.value))), D = n(() => i(u(y.value)));
+    return () => e("div", {
+      class: "flex h-screen gap-2  p-2"
+    }, [e(v, {
+      class: "bg-primary-950 w-16 text-inverted z-1"
+    }, {
+      default: () => [e("div", {
+        class: "h-full flex-none flex flex-col"
+      }, [e("div", {
+        class: "py-4 px-2 hidden lg:flex justify-center items-center"
+      }, [e("div", {
+        class: "bg-white dark:bg-primary-950 rounded-full p-2 shadow group-hover:shadow-lg"
+      }, [l.theme?.appLogo ? e("img", {
+        class: "size-4",
+        src: l.theme?.appLogo
+      }, null) : e(T, {
+        highlight: "fill-primary",
+        class: "size-4"
+      }, null)])]), e("div", {
+        class: "flex-1"
+      }, [e(d, null, {
+        default: () => [e(c, {
+          inverted: !0,
+          options: C.value,
+          value: a.value,
+          collapsed: !0,
+          collapsedWidth: 64,
+          collapsedIconSize: 22,
+          onUpdateValue: (o) => a.value = o
+        }, null)]
+      })]), e("div", {
+        class: "flex-none hidden lg:flex flex-col items-center gap-2 p-2"
+      }, [l.notice?.status && e(F, {
+        collapsed: !0
+      }, null), e(B, null, null), e(L, {
+        collapsed: !0
+      }, null)])])]
+    }), e(N, {
+      name: "submenu-slide",
+      enterActiveClass: "transition-all duration-150 ease-out",
+      enterFromClass: "opacity-0 translate-x-[-50%]",
+      enterToClass: "opacity-100 translate-x-0",
+      leaveActiveClass: "transition-all duration-150 ease-in",
+      leaveFromClass: "opacity-100 translate-x-0",
+      leaveToClass: "opacity-0 translate-x-[-50%]"
+    }, {
+      default: () => [M.value && e(v, {
+        class: "w-160px overflow-hidden flex flex-col gap-2"
+      }, {
+        default: () => [e("div", {
+          class: "p-2  flex-none"
+        }, [e(S, {
+          collapsed: !1,
+          class: "rounded relative py-1.5 px-3 bg-inverted/5",
+          onClick: () => x(!0)
+        }, {
+          icon: () => e("div", {
+            class: "i-tabler:search size-4 icon-gradient"
+          }, null),
+          default: () => e("div", {
+            class: "text-muted text-sm"
+          }, [g("common.search"), e("div", {
+            class: "flex items-center gap-1 absolute right-2.5 top-1.3"
+          }, [e(f, {
+            size: "small",
+            bordered: !1,
+            type: "primary"
+          }, {
+            default: () => [s("⌘")]
+          }), e(f, {
+            size: "small",
+            bordered: !1,
+            type: "primary"
+          }, {
+            default: () => [s("K")]
+          })])])
+        })]), e(d, {
+          class: "flex-1 min-h-0"
+        }, {
+          default: () => [e(c, {
+            rootIndent: 20,
+            indent: 15,
+            options: D.value,
+            value: p.value,
+            collapsed: !1,
+            onUpdateValue: (o) => p.value = o
+          }, null)]
+        })]
+      })]
+    })]);
+  }
+});
+export {
+  Ye as DuxMenuApp
+};

package/dist/esm/pages/menu/{main.js → menuMain.js}

@@ -1,12 +1,16 @@
-import { defineComponent as c, createVNode as o, createTextVNode as l } from "vue";
-import { useManage as f, useI18n as v, DuxLogoIcon as x } from "@duxweb/dvha-core";
+import { defineComponent as c, createVNode as e, createTextVNode as l } from "vue";
+import { useManage as f, useI18n as v, DuxLogoIcon as h } from "@duxweb/dvha-core";
 import { useNaiveMenu as g } from "@duxweb/dvha-naiveui";
-import { NTag as p, NScrollbar as h, NMenu as b } from "naive-ui";
+import { NTag as p, NScrollbar as x, NMenu as b } from "naive-ui";
+import y from "./avatar.js";
+import m from "./button.js";
+import "@vueuse/core";
+import "lodash-es";
+import "vue-command-palette";
 import "vue-router";
 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";
@@ -20,7 +24,6 @@ import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
 import "jinrishici";
-import "lodash-es";
 import "vue-draggable-plus";
 import "@vee-validate/i18n";
 import "colorizr";
@@ -46,9 +49,6 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import M from "./avatar.js";
-import m from "./button.js";
-import "vue-command-palette";
 import "../page404.js";
 import "short-unique-id";
 import "aieditor";
@@ -61,93 +61,98 @@ import "../../components/posterEditor/elements/index.js";
 import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useUI as y } from "../../hooks/ui.js";
-const To = /* @__PURE__ */ c({
+import { useUI as M } from "../../hooks/ui.js";
+const Se = /* @__PURE__ */ c({
   name: "DuxMenuMain",
   props: {
     collapsed: {
       type: Boolean,
       default: !1
+    },
+    mobile: {
+      type: Boolean,
+      default: !1
     }
   },
-  setup(e) {
+  setup(t) {
     const {
       options: a,
       active: s
     } = g({}), {
-      menuCollapsed: t,
+      menuCollapsed: o,
       setCmdVisible: d,
       menuMobileCollapsed: r,
       setMenuCollapsed: n
-    } = y(), {
+    } = M(), {
       config: i
     } = f(), {
       t: u
     } = v();
-    return () => o("div", {
-      class: "flex flex-col h-screen px-1"
-    }, [o("div", {
+    return () => e("div", {
+      class: ["flex flex-col h-screen px-1"]
+    }, [e("div", {
       class: "h-13 px-2 hidden lg:flex justify-center items-center"
-    }, [o(m, {
-      onClick: () => n(!t.value),
-      collapsed: e.collapsed
+    }, [e(m, {
+      onClick: () => n(!o.value),
+      collapsed: t.collapsed
     }, {
-      icon: () => o("div", {
+      icon: () => e("div", {
         class: "bg-white dark:bg-primary-950 rounded-full p-2 shadow group-hover:shadow-lg"
-      }, [i.theme?.appLogo ? o("img", {
+      }, [i.theme?.appLogo ? e("img", {
         class: "size-4",
         src: i.theme?.appLogo
-      }, null) : o(x, {
+      }, null) : e(h, {
         highlight: "fill-primary",
         class: "size-4"
       }, null)]),
-      default: () => o("div", null, [i.title])
-    })]), o("div", {
+      default: () => e("div", null, [i.title])
+    })]), e("div", {
       class: "px-2 py-1 hidden lg:block"
-    }, [o(m, {
-      collapsed: e.collapsed,
-      inverted: !0,
-      class: "relative py-1.5 px-3",
+    }, [e(m, {
+      collapsed: t.collapsed,
+      class: "relative py-1.5 px-3 rounded-full bg-inverted/5 hover:bg-default hover:shadow-sm  transition-all",
       onClick: () => d(!0)
     }, {
-      icon: () => o("div", {
+      icon: () => e("div", {
         class: "i-tabler:search size-4 icon-gradient"
       }, null),
-      default: () => o("div", {
+      default: () => e("div", {
         class: "text-muted text-sm"
-      }, [u("common.search"), !t.value && o("div", {
+      }, [u("common.search"), !o.value && e("div", {
         class: "flex items-center gap-1 absolute right-2.5 top-1.3"
-      }, [o(p, {
+      }, [e(p, {
         size: "small",
         bordered: !1,
         type: "primary"
       }, {
         default: () => [l("⌘")]
-      }), o(p, {
+      }), e(p, {
         size: "small",
         bordered: !1,
         type: "primary"
       }, {
         default: () => [l("K")]
       })])])
-    })]), o("div", {
+    })]), e("div", {
       class: ["flex-1 min-h-0", r.value ? "border-t border-muted" : ""]
-    }, [o(h, null, {
-      default: () => [o(b, {
+    }, [e(x, null, {
+      default: () => [e(b, {
+        class: "app-menu",
         options: a.value,
         value: s.value,
-        collapsed: t.value && !r.value,
+        collapsed: o.value && !r.value,
         indent: 20,
         collapsedWidth: 60,
         collapsedIconSize: 20
       }, null)]
-    })]), o("div", {
+    })]), e("div", {
       class: "flex-none hidden lg:flex flex-col items-center gap-2 p-2 border-t border-muted/50"
-    }, [o(M, {
-      collapsed: e.collapsed
+    }, [e(y, {
+      btnClass: o.value ? "relative rounded-md hover:bg-default hover:shadow-sm  transition-all" : "",
+      collapsed: t.collapsed
     }, null)])]);
   }
 });
 export {
-  To as DuxMenuMain
+  Se as DuxMenuMain
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as p, createVNode as r } from "vue";
-import { NDrawer as m } from "naive-ui";
+import { defineComponent as p, createVNode as o } from "vue";
+import { NDrawer as i } from "naive-ui";
 import "@duxweb/dvha-core";
 import "vue-router";
 import "@overlastic/vue";
@@ -46,7 +46,7 @@ import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
 import "vue-command-palette";
-import { DuxMenuMain as i } from "./main.js";
+import { DuxMenuMain as m } from "./menuMain.js";
 import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import "short-unique-id";
@@ -61,25 +61,28 @@ import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
 import { useUI as e } from "../../hooks/ui.js";
-const Do = /* @__PURE__ */ p({
+const wo = /* @__PURE__ */ p({
   name: "DuxMobileMenu",
   props: {},
   setup(l) {
     const {
-      menuMobileCollapsed: o
+      menuMobileCollapsed: t
     } = e();
-    return () => r(m, {
-      show: o.value,
-      onUpdateShow: (t) => o.value = t,
-      width: 250,
+    return () => o(i, {
+      show: t.value,
+      onUpdateShow: (r) => t.value = r,
+      width: 200,
       placement: "left"
     }, {
-      default: () => [r(i, {
-        collapsed: !1
-      }, null)]
+      default: () => [o("div", {
+        class: ["flex-none transition-all"]
+      }, [o(m, {
+        collapsed: !1,
+        mobile: !0
+      }, null)])]
     });
   }
 });
 export {
-  Do as DuxMobileMenu
+  wo as DuxMobileMenu
 };

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

@@ -0,0 +1,205 @@
+import { defineComponent as b, computed as c, ref as w, createVNode as t, Fragment as k, isVNode as C } from "vue";
+import { useI18n as S, useManage as F, useList as _, useCustomMutation as z } from "@duxweb/dvha-core";
+import { NPopover as B, NButton as d, NSpin as M, NTooltip as D, NBadge as R } from "naive-ui";
+import { useRouter as j } from "vue-router";
+import { DuxCard as A } from "../../components/card/card.js";
+import "clsx";
+import "vue-echarts";
+import "@overlastic/vue";
+import "dayjs";
+import "mime";
+import "lodash-es";
+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";
+import { DuxBlockEmpty as L } from "../../components/status/blockEmpty.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";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vee-validate";
+import "vue-command-palette";
+import "../page404.js";
+import "short-unique-id";
+import "aieditor";
+import "@vue-flow/core";
+import "@vue-flow/background";
+/* empty css                                    */
+import "@iconify-json/tabler/icons.json";
+import "../../components/posterEditor/elements/index.js";
+import "fabric";
+function O(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !C(o);
+}
+const Ht = /* @__PURE__ */ b({
+  name: "DuxMenuNotice",
+  props: {
+    collapsed: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    const {
+      t: o
+    } = S(), {
+      config: r
+    } = F(), a = j(), {
+      data: u,
+      isLoading: f,
+      refetch: v
+    } = _({
+      path: r.notice?.path || "notice",
+      pagination: {
+        page: 1,
+        pageSize: 10
+      }
+    }), {
+      mutate: n
+    } = z({
+      path: `${r.notice?.path || "notice"}`,
+      method: "POST",
+      onSuccess: () => {
+        v();
+      }
+    }), l = c(() => u.value?.data || []), p = c(() => l.value.some((e) => !e[r.notice?.readField || "read"])), i = w(!1), h = (e) => {
+      n({
+        payload: {
+          type: "all_read",
+          id: e.id
+        }
+      }), i.value = !1;
+    }, g = () => {
+      n({
+        payload: {
+          type: "all_read"
+        }
+      }), i.value = !1;
+    };
+    return () => t(B, {
+      trigger: "click",
+      arrowClass: "ml-2.5",
+      placement: "bottom-start",
+      style: "padding: 0",
+      width: 260,
+      show: i.value,
+      onClickoutside: () => i.value = !1
+    }, {
+      trigger: () => t(D, {
+        trigger: "hover",
+        placement: "right"
+      }, {
+        default: () => o("components.menu.notice", "Notice"),
+        trigger: () => t(d, {
+          onClick: () => i.value = !0,
+          quaternary: !0
+        }, {
+          icon: () => t(R, {
+            dot: p.value,
+            offset: [-8, 8]
+          }, {
+            default: () => [t("div", {
+              class: "transition-all text-muted p-2 hover:text-white"
+            }, [t("div", {
+              class: "i-tabler:bell size-5"
+            }, null)])]
+          })
+        })
+      }),
+      default: () => t(A, {
+        headerBordered: !0,
+        headerClass: "text-sm",
+        headerSize: "small",
+        contentSize: "none",
+        title: o("components.menu.notice", "Notice")
+      }, {
+        default: () => t(k, null, [t(M, {
+          show: f.value
+        }, {
+          default: () => [l.value.length > 0 ? t("div", {
+            class: "p-2"
+          }, [l.value?.map((e, x) => {
+            const m = e[r.notice?.action?.url || "action_url"], s = r.notice?.readField || "read", y = r.notice?.descField || "desc", N = r.notice?.titleField || "title";
+            return t("div", {
+              key: x,
+              class: "flex flex-col p-2 hover:bg-elevated rounded cursor-pointer",
+              onClick: () => {
+                m?.startsWith("http") ? window.open(m, "_blank") : a.push(r.notice?.path || "notice"), e[s] = !0, h(e);
+              }
+            }, [t("div", {
+              class: "flex items-center gap-2"
+            }, [e[s] ? t("div", {
+              class: "w-2 h-2 bg-elevated rounded-full"
+            }, null) : t("div", {
+              class: "w-2 h-2 bg-error rounded-full"
+            }, null), t("div", {
+              class: "flex-1 min-w-0 text-sm font-medium truncate"
+            }, [e[N]])]), t("div", {
+              class: "pl-4 text-xs text-muted line-clamp-2"
+            }, [e[y]])]);
+          })]) : t("div", {
+            class: "p-4"
+          }, [t(L, {
+            text: o("components.menu.noNotice", "No notices"),
+            simple: !0
+          }, null)])]
+        }), t("div", {
+          class: "border-t border-muted p-2"
+        }, [t("div", {
+          class: "text-center text-sm text-primary hover:text-primary-hover cursor-pointer py-1",
+          onClick: () => {
+            a.push(r.notice?.path || "notice"), i.value = !1;
+          }
+        }, [o("components.menu.viewAllNotices", "View all notices")])])]),
+        headerExtra: () => {
+          let e;
+          return t(d, {
+            size: "tiny",
+            quaternary: !0,
+            disabled: !p.value,
+            onClick: g
+          }, O(e = o("components.menu.markAllRead", "Mark all read")) ? e : {
+            default: () => [e]
+          });
+        }
+      })
+    });
+  }
+});
+export {
+  Ht as default
+};

package/dist/esm/pages/pageException.js

@@ -0,0 +1,45 @@
+import { defineComponent as i, createVNode as e, resolveComponent as p, isVNode as s } from "vue";
+import { useI18n as l } from "@duxweb/dvha-core";
+import { NButton as a } from "naive-ui";
+import { useRoute as f, useRouter as m } from "vue-router";
+import { DuxPageStatus as d } from "./pageStatus.js";
+function x(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !s(t);
+}
+const j = /* @__PURE__ */ i({
+  name: "DuxPageException",
+  setup(t) {
+    const n = f(), u = m(), {
+      t: o
+    } = l();
+    function c() {
+      u.push({
+        path: n.path,
+        query: {
+          ...n.query,
+          t: Date.now()
+        }
+      });
+    }
+    return () => e(d, {
+      title: o("pages.exception.title"),
+      desc: o("pages.exception.desc")
+    }, {
+      default: () => e("div", null, [e(p("dux-draw-error"), null, null)]),
+      action: () => {
+        let r;
+        return e(a, {
+          onClick: c,
+          renderIcon: () => e("div", {
+            class: "n-icon i-tabler:refresh"
+          }, null)
+        }, x(r = o("components.button.refresh")) ? r : {
+          default: () => [r]
+        });
+      }
+    });
+  }
+});
+export {
+  j as DuxPageException
+};