@duxweb/dvha-pro 1.1.30 → 1.2.0

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

@@ -1,227 +1,106 @@
-import { defineComponent as C, onMounted as N, computed as u, createVNode as e, Transition as z, createTextVNode as m, h as c } from "vue";
-import { useManage as D, useI18n as A, useMenu as T, DuxLogoIcon as I } from "@duxweb/dvha-core";
-import { cloneDeep as d } from "lodash-es";
-import { NScrollbar as f, NTooltip as L, NButton as V, NTag as v, NMenu as j } from "naive-ui";
-import { useRouter as B, RouterLink as F } from "vue-router";
-import "@overlastic/vue";
-import "@vueuse/core";
-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 "@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 O from "./avatar.js";
-import "@duxweb/dvha-naiveui";
-import "vue-command-palette";
-import R from "./dark.js";
-import S from "./notice.js";
-import "../page404.js";
-import "vue-draggable-plus";
-import "short-unique-id";
-import "aieditor";
-import "@vue-flow/core";
-import "lodash-es/cloneDeep";
-import "@vue-flow/background";
-/* empty css                                    */
-import "mime";
-import "@iconify-json/tabler/icons.json";
-import "../../components/posterEditor/elements/index.js";
-import "fabric";
-import "../../components/schemaEditor/schemaEditor.js";
-import "dayjs";
-import "@tanstack/vue-query";
-import { useUI as U } from "../../hooks/ui.js";
-const Ze = /* @__PURE__ */ C({
-  name: "DuxMenuApp",
-  props: {
-    collapsed: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup() {
-    const {
-      setCmdVisible: x,
-      setMenuCollapsed: h
-    } = U(), {
-      config: l
-    } = D(), {
-      t: g
-    } = A(), i = B(), {
-      mainMenu: b,
-      subMenu: y,
-      appActive: n,
-      subActive: s,
-      isSubMenu: k
-    } = T({
-      doubleMenu: !0
-    });
-    N(() => {
-      h(!1);
-    });
-    const a = (t) => t.map((r) => {
-      const o = {
-        ...r,
-        key: r.name,
-        icon: r?.icon ? () => c("div", {
-          class: `${r.icon} size-5`
-        }) : void 0,
-        labelName: r.label,
-        label: () => r.path ? c(F, {
-          to: {
-            path: r.path
-          }
-        }, {
-          default: () => r.label
-        }) : r.label
-      };
-      return o.children && o.children.length > 0 && (o.children = a(o.children)), o;
-    }), M = u(() => a(d(b.value))), w = u(() => a(d(y.value)));
-    return () => e("div", {
-      class: "flex h-screen gap-2 pr-2"
-    }, [e("div", {
-      class: "bg-primary-950 dark:bg-gray-900 w-18 text-inverted z-1 border-r dark:border-muted"
-    }, [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(I, {
-      highlight: "fill-primary",
-      class: "size-4"
-    }, null)])]), e("div", {
-      class: "flex-1 min-h-0"
-    }, [e(f, null, {
-      default: () => [e("div", {
-        class: "flex flex-col px-2 gap-2"
-      }, [M.value.map((t, p) => e("div", {
-        key: p,
-        class: ["flex flex-col gap-1 justify-center items-center py-1.5 cursor-pointer rounded transition-all", t.key === n.value ? "bg-primary/50 text-primary-200" : "text-white/60 hover:text-white"],
-        onClick: () => {
-          n.value = t.key, t?.path && i.push(t.path);
-        }
-      }, [e("div", null, [t.icon?.()]), e("div", {
-        class: "text-xs"
-      }, [typeof t.label == "function" ? t.label?.() : t.label])]))])]
-    })]), e("div", {
-      class: "flex-none hidden lg:flex flex-col items-center gap-2 p-2"
-    }, [l.tools?.map((t) => e(L, {
-      trigger: "hover",
-      placement: "right"
-    }, {
-      default: () => t.label,
-      trigger: () => e(V, {
-        quaternary: !0,
-        onClick: () => {
-          if (t.callback) {
-            t.callback();
-            return;
-          }
-          if (t.path) {
-            i.push(t.path);
-            return;
-          }
-          t.url && window.open(t.url, "_blank");
-        }
-      }, {
-        icon: () => e("div", {
-          class: "transition-all text-muted p-2 hover:text-white"
-        }, [e("div", {
-          class: `${t.icon} size-5`
-        }, null)])
-      })
-    })), l.notice?.status && e(S, {
-      collapsed: !0
-    }, null), e(R, null, null), e(O, {
-      collapsed: !0
-    }, null)])])]), e(z, {
-      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: () => [k.value && e("div", null, [e("div", {
-        class: "w-160px overflow-hidden flex flex-col h-full"
-      }, [e("div", {
-        class: "py-2 flex-none"
-      }, [e("div", {
-        class: "rounded-md relative py-2 px-3 bg-white dark:bg-elevated shadow-xs hover:shadow flex items-center gap-2 cursor-pointer transition-all",
-        onClick: () => x(!0)
-      }, [e("div", {
-        class: "i-tabler:search size-4 icon-gradient"
-      }, null), e("div", {
-        class: "text-muted text-sm flex-1"
-      }, [g("common.search")]), e("div", {
-        class: "flex items-center gap-1 absolute right-2.5"
-      }, [e(v, {
-        size: "small",
-        bordered: !1,
-        type: "primary"
-      }, {
-        default: () => [m("⌘")]
-      }), e(v, {
-        size: "small",
-        bordered: !1,
-        type: "primary"
-      }, {
-        default: () => [m("K")]
-      })])])]), e("div", {
-        class: "flex-1 min-h-0"
-      }, [e(f, null, {
-        default: () => [e(j, {
-          rootIndent: 20,
-          indent: 15,
-          class: "app-menu",
-          options: w.value,
-          value: s.value,
-          collapsed: !1,
-          onUpdateValue: (t) => s.value = t
-        }, null)]
-      })])])])]
-    })]);
-  }
+import { useUI as e } from "../../hooks/ui.js";
+import "../../hooks/index.js";
+import t from "./avatar.js";
+import n from "./dark.js";
+import r from "./notice.js";
+import { Transition as i, computed as a, createTextVNode as o, createVNode as s, defineComponent as c, h as l, onMounted as u } from "vue";
+import { DuxLogoIcon as d, useI18n as f, useManage as p, useMenu as m } from "@duxweb/dvha-core";
+import { NButton as h, NMenu as g, NScrollbar as _, NTag as v, NTooltip as y } from "naive-ui";
+import { RouterLink as b, useRouter as x } from "vue-router";
+import { cloneDeep as S } from "lodash-es";
+const C = /* @__PURE__ */ c({
+	name: "DuxMenuApp",
+	props: { collapsed: {
+		type: Boolean,
+		default: !1
+	} },
+	setup() {
+		let { setCmdVisible: c, setMenuCollapsed: C } = e(), { config: w } = p(), { t: T } = f(), E = x(), { mainMenu: D, subMenu: O, appActive: k, subActive: A, isSubMenu: j } = m({ doubleMenu: !0 });
+		u(() => {
+			C(!1);
+		});
+		let M = (e) => e.map((e) => {
+			let t = {
+				...e,
+				key: e.name,
+				icon: e?.icon ? () => l("div", { class: `${e.icon} size-5` }) : void 0,
+				labelName: e.label,
+				label: () => e.path ? l(b, { to: { path: e.path } }, { default: () => e.label }) : e.label
+			};
+			return t.children && t.children.length > 0 && (t.children = M(t.children)), t;
+		}), N = a(() => M(S(D.value))), P = a(() => M(S(O.value)));
+		return () => s("div", { class: "flex h-screen gap-2 pr-2" }, [s("div", { class: "bg-primary-950 dark:bg-gray-900 w-18 text-inverted z-1 border-r dark:border-muted" }, [s("div", { class: "h-full flex-none flex flex-col" }, [
+			s("div", { class: "py-4 px-2 hidden lg:flex justify-center items-center" }, [s("div", { class: "bg-white dark:bg-primary-950 rounded-full p-2 shadow group-hover:shadow-lg" }, [w.theme?.appLogo ? s("img", {
+				class: "size-4",
+				src: w.theme?.appLogo
+			}, null) : s(d, {
+				highlight: "fill-primary",
+				class: "size-4"
+			}, null)])]),
+			s("div", { class: "flex-1 min-h-0" }, [s(_, null, { default: () => [s("div", { class: "flex flex-col px-2 gap-2" }, [N.value.map((e, t) => s("div", {
+				key: t,
+				class: ["flex flex-col gap-1 justify-center items-center py-1.5 cursor-pointer rounded transition-all", e.key === k.value ? "bg-primary/50 text-primary-200" : "text-white/60 hover:text-white"],
+				onClick: () => {
+					k.value = e.key, e?.path && E.push(e.path);
+				}
+			}, [s("div", null, [e.icon?.()]), s("div", { class: "text-xs" }, [typeof e.label == "function" ? e.label?.() : e.label])]))])] })]),
+			s("div", { class: "flex-none hidden lg:flex flex-col items-center gap-2 p-2" }, [
+				w.tools?.map((e) => s(y, {
+					trigger: "hover",
+					placement: "right"
+				}, {
+					default: () => e.label,
+					trigger: () => s(h, {
+						quaternary: !0,
+						onClick: () => {
+							if (e.callback) {
+								e.callback();
+								return;
+							}
+							if (e.path) {
+								E.push(e.path);
+								return;
+							}
+							e.url && window.open(e.url, "_blank");
+						}
+					}, { icon: () => s("div", { class: "transition-all text-muted p-2 hover:text-white" }, [s("div", { class: `${e.icon} size-5` }, null)]) })
+				})),
+				w.notice?.status && s(r, { collapsed: !0 }, null),
+				s(n, null, null),
+				s(t, { collapsed: !0 }, null)
+			])
+		])]), s(i, {
+			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: () => [j.value && s("div", null, [s("div", { class: "w-160px overflow-hidden flex flex-col h-full" }, [s("div", { class: "py-2 flex-none" }, [s("div", {
+			class: "rounded-md relative py-2 px-3 bg-white dark:bg-elevated shadow-xs hover:shadow flex items-center gap-2 cursor-pointer transition-all",
+			onClick: () => c(!0)
+		}, [
+			s("div", { class: "i-tabler:search size-4 icon-gradient" }, null),
+			s("div", { class: "text-muted text-sm flex-1" }, [T("common.search")]),
+			s("div", { class: "flex items-center gap-1 absolute right-2.5" }, [s(v, {
+				size: "small",
+				bordered: !1,
+				type: "primary"
+			}, { default: () => [o("⌘")] }), s(v, {
+				size: "small",
+				bordered: !1,
+				type: "primary"
+			}, { default: () => [o("K")] })])
+		])]), s("div", { class: "flex-1 min-h-0" }, [s(_, null, { default: () => [s(g, {
+			rootIndent: 20,
+			indent: 15,
+			class: "app-menu",
+			options: P.value,
+			value: A.value,
+			collapsed: !1,
+			onUpdateValue: (e) => A.value = e
+		}, null)] })])])])] })]);
+	}
 });
-export {
-  Ze as DuxMenuApp
-};
+export { C as DuxMenuApp };

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

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