@duxweb/dvha-pro 1.2.4 → 1.2.6

package/dist/esm/hooks/level.js

@@ -1,6 +1,7 @@
 import { computed as e, ref as t, toRef as n, watch as r } from "vue";
 import { useClient as i } from "@duxweb/dvha-core";
 import { useQuery as a } from "@tanstack/vue-query";
+//#region src/hooks/level.tsx
 function o(o) {
 	let s = t([]), c = t(!1), l = t(null), u = n(o, "path", "area"), d = n(o, "value", []), f = n(o, "maxLevel", 4), { request: p } = i(), { data: m, isFetching: h } = a({
 		queryKey: [u, l],
@@ -57,4 +58,5 @@ function o(o) {
 		value: d
 	};
 }
+//#endregion
 export { o as useLevel };

package/dist/esm/hooks/modal.js

@@ -1,8 +1,10 @@
 import e from "../components/modal/modal.js";
 import "../components/index.js";
 import { useOverlay as t } from "@overlastic/vue";
+//#region src/hooks/modal.tsx
 function n() {
 	let n = t(e);
 	return { show: (e) => n(e) };
 }
+//#endregion
 export { n as useModal };

package/dist/esm/hooks/table/color.js

@@ -1,9 +1,11 @@
 import { createVNode as e } from "vue";
 import { findKey as t, get as n } from "lodash-es";
+//#region src/hooks/table/color.tsx
 function r() {
 	return { render: (r) => (i, a) => {
 		let o = r?.key || "status", s = t(r.maps, (e) => e ? o ? e?.value === n(i, o) : "default" : !1), c = s ? r.maps?.[s] : void 0;
 		return c ? e("div", { class: ["flex gap-1 items-center", `text-${s}`] }, [c.icon ? e("div", { class: `size-4 ${c.icon}` }, null) : null, e("span", { class: "text-sm" }, [c?.label])]) : null;
 	} };
 }
+//#endregion
 export { r as useTableColumnColor };

package/dist/esm/hooks/table/column.js

@@ -8,6 +8,7 @@ import { useTableColumnMedia as o } from "./media.js";
 import { useTableColumnStatus as s } from "./status.js";
 import { useTableColumnSwitch as c } from "./switch.js";
 import { useManage as l } from "@duxweb/dvha-core";
+//#region src/hooks/table/column.ts
 function u(u) {
 	let { getPath: d } = l(), f = u?.path || d(), p = u?.rowKey || "id", m = o(), h = r(), g = c({
 		path: f,
@@ -28,4 +29,5 @@ function u(u) {
 		renderColor: v.render
 	};
 }
+//#endregion
 export { u as useTableColumn };

package/dist/esm/hooks/table/copy.js

@@ -3,6 +3,7 @@ import { useI18n as t } from "@duxweb/dvha-core";
 import { useMessage as n } from "naive-ui";
 import { useClipboard as r } from "@vueuse/core";
 import { get as i } from "lodash-es";
+//#region src/hooks/table/copy.tsx
 function a() {
 	let { t: a } = t(), o = n(), { copy: s } = r();
 	return { render: (t) => (n, r) => {
@@ -15,4 +16,5 @@ function a() {
 		}, null)]) : "-"]);
 	} };
 }
+//#endregion
 export { a as useTableColumnCopy };

package/dist/esm/hooks/table/hidden.js

@@ -1,5 +1,6 @@
 import { createVNode as e, defineComponent as t, ref as n } from "vue";
 import { get as r } from "lodash-es";
+//#region src/hooks/table/hidden.tsx
 var i = /* @__PURE__ */ t({
 	name: "TableColumnHidden",
 	props: {
@@ -33,4 +34,5 @@ function o(e, t = 30) {
 	let n = e.length, r = Math.ceil(n * t / 100), i = Math.floor((n - r) / 2);
 	return e.slice(0, i) + "*".repeat(r) + e.slice(i + r);
 }
+//#endregion
 export { a as useTableColumnHidden };

package/dist/esm/hooks/table/image.js

@@ -3,6 +3,7 @@ import "../../components/index.js";
 import { createVNode as t, h as n } from "vue";
 import { NImage as r } from "naive-ui";
 import { get as i } from "lodash-es";
+//#region src/hooks/table/image.tsx
 function a() {
 	return { render: (a) => (o, s) => {
 		let c = i(o, a.key || "") || [];
@@ -25,4 +26,5 @@ function a() {
 		})) : t(e, { height: 40 }, null)]);
 	} };
 }
+//#endregion
 export { a as useTableColumnImage };

package/dist/esm/hooks/table/input.js

@@ -2,6 +2,7 @@ import { Fragment as e, createVNode as t, defineComponent as n, h as r, ref as i
 import { useCustomMutation as a, useI18n as o } from "@duxweb/dvha-core";
 import { NButton as s, NInput as c, useMessage as l } from "naive-ui";
 import { get as u } from "lodash-es";
+//#region src/hooks/table/input.tsx
 var d = /* @__PURE__ */ n({
 	name: "TableColumnInput",
 	props: {
@@ -84,4 +85,5 @@ function f(e) {
 		}, null);
 	} };
 }
+//#endregion
 export { f as useTableColumnInput };

package/dist/esm/hooks/table/map.js

@@ -1,6 +1,8 @@
 import { createVNode as e } from "vue";
 import { get as t } from "lodash-es";
+//#region src/hooks/table/map.tsx
 function n() {
 	return { render: (n) => (r, i) => e("div", { class: "flex flex-col gap-1" }, [(typeof n.maps == "function" ? n.maps(r) : n.maps)?.map((n) => e("div", { class: "flex gap-2 " }, [e("div", { class: "flex text-muted items-center gap-1 whitespace-nowrap" }, [n.icon && e("div", { class: ["size-4", n.icon] }, null), n.label]), e("div", null, [n?.render ? n.render(t(r, n.key || "")) : t(r, n.key || "") || "-"])]))]) };
 }
+//#endregion
 export { n as useTableColumnMap };

package/dist/esm/hooks/table/media.js

@@ -2,6 +2,7 @@ import { DuxMedia as e } from "../../components/media/media.js";
 import "../../components/index.js";
 import { createVNode as t } from "vue";
 import { get as n } from "lodash-es";
+//#region src/hooks/table/media.tsx
 function r() {
 	return { render: (r) => (i, a) => {
 		let o = typeof r.title == "function" ? r.title(i) : n(i, r.title || ""), s = typeof r.desc == "function" ? r.desc(i) : n(i, r.desc || ""), c = typeof r.image == "function" ? r.image(i) : n(i, r.image || "");
@@ -15,4 +16,5 @@ function r() {
 		}, null);
 	} };
 }
+//#endregion
 export { r as useTableColumnMedia };

package/dist/esm/hooks/table/status.js

@@ -1,6 +1,7 @@
 import { Fragment as e, createVNode as t } from "vue";
 import { NTag as n } from "naive-ui";
 import { findKey as r, get as i } from "lodash-es";
+//#region src/hooks/table/status.tsx
 function a() {
 	return { render: (a) => (o, s) => {
 		let c = a?.key || "status", l = r(a.maps, (e) => e ? c ? e?.value === i(o, c) : "default" : !1), u = l ? a.maps?.[l] : void 0;
@@ -19,4 +20,5 @@ function a() {
 		}) : null;
 	} };
 }
+//#endregion
 export { a as useTableColumnStatus };

package/dist/esm/hooks/table/switch.js

@@ -2,6 +2,7 @@ import { createVNode as e, defineComponent as t, ref as n, watch as r } from "vu
 import { useCustomMutation as i } from "@duxweb/dvha-core";
 import { NSwitch as a, useMessage as o } from "naive-ui";
 import { get as s } from "lodash-es";
+//#region src/hooks/table/switch.tsx
 function c(c) {
 	let { mutateAsync: l } = i(), u = o(), d = /* @__PURE__ */ t({
 		name: "DuxTableSwitchCell",
@@ -52,4 +53,5 @@ function c(c) {
 		}, null) : null;
 	} };
 }
+//#endregion
 export { c as useTableColumnSwitch };

package/dist/esm/hooks/table.js

@@ -2,6 +2,7 @@ import { createTextVNode as e, createVNode as t, ref as n } from "vue";
 import { useI18n as r } from "@duxweb/dvha-core";
 import { NProgress as i, useMessage as a, useNotification as o } from "naive-ui";
 import { useNaiveTable as s } from "@duxweb/dvha-naiveui";
+//#region src/hooks/table.tsx
 function c(c) {
 	let { t: l } = r(), u = a(), d = o(), f = n(null);
 	return s({
@@ -65,4 +66,5 @@ function c(c) {
 		}
 	});
 }
+//#endregion
 export { c as useTable };

package/dist/esm/hooks/ui.js

@@ -1,5 +1,6 @@
 import { useUIStore as e } from "../stores/ui.js";
 import { storeToRefs as t } from "pinia";
+//#region src/hooks/ui.ts
 function n() {
 	let n = e(), { menuCollapsed: r, cmdVisible: i, menuMobileCollapsed: a } = t(n);
 	return {
@@ -11,4 +12,5 @@ function n() {
 		setCmdVisible: n.setCmdVisible
 	};
 }
+//#endregion
 export { n as useUI };

package/dist/esm/langs/en-US.js

@@ -86,4 +86,5 @@ var e = {
 		"ru-RU": "Russian"
 	}
 };
+//#endregion
 export { e as default };

package/dist/esm/langs/zh-CN.js

@@ -86,4 +86,5 @@ var e = {
 		"ru-RU": "Русский"
 	}
 };
+//#endregion
 export { e as default };

package/dist/esm/main.js

@@ -10,6 +10,7 @@ import "vue-cropper/dist/index.css";
 import "aieditor/dist/style.css";
 import "@vue-flow/core/dist/style.css";
 import "@vue-flow/core/dist/theme-default.css";
+//#region src/main.ts
 function a() {
 	return t(), i({
 		defaults: e(!1),
@@ -18,4 +19,5 @@ function a() {
 		e.component("v-chart", r), e.use(n);
 	} };
 }
+//#endregion
 export { a as createDuxPro };

package/dist/esm/pages/authLayout.js

@@ -10,7 +10,8 @@ import { DuxMobileMenu as o } from "./menu/mobile.js";
 import { createVNode as s, defineComponent as c } from "vue";
 import { useManage as l } from "@duxweb/dvha-core";
 import { OverlaysProvider as u } from "@overlastic/vue";
-const d = /* @__PURE__ */ c({
+//#region src/pages/authLayout.tsx
+var d = /* @__PURE__ */ c({
 	name: "DuxAuthLayout",
 	setup() {
 		let { menuCollapsed: c } = e(), d = l();
@@ -29,4 +30,5 @@ const d = /* @__PURE__ */ c({
 		] })] });
 	}
 });
+//#endregion
 export { d as DuxAuthLayout };

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

@@ -22,7 +22,8 @@ import L from "highlight.js/lib/languages/shell";
 import R from "highlight.js/lib/languages/sql";
 import z from "highlight.js/lib/languages/typescript";
 import B from "highlight.js/lib/languages/xml";
-const V = /* @__PURE__ */ a({
+//#region src/pages/layout/global.tsx
+var V = /* @__PURE__ */ a({
 	name: "DuxGlobalLayout",
 	setup(a, { slots: V }) {
 		let { isDark: H, cssInit: U, getSceneColor: W } = d(), G = o("pageLoading"), K = S(), { lightTheme: q, darkTheme: J } = n();
@@ -47,4 +48,5 @@ const V = /* @__PURE__ */ a({
 		}, { default: () => [i(h, null, { default: () => [i(p, null, { default: () => [i(g, null, { default: () => [i(m, null, { default: () => [V.default?.()] })] })] })] })] });
 	}
 });
+//#endregion
 export { V as DuxGlobalLayout };

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

@@ -6,7 +6,8 @@ import { createVNode as r, defineComponent as i, onMounted as a, onUnmounted as
 import { DuxTabRouterView as s, useCheck as c, useManage as l } from "@duxweb/dvha-core";
 import { NButton as u } from "naive-ui";
 import { useIntervalFn as d } from "@vueuse/core";
-const f = /* @__PURE__ */ i({
+//#region src/pages/layout/page.tsx
+var f = /* @__PURE__ */ i({
 	name: "DuxLayoutPage",
 	props: {},
 	setup() {
@@ -27,4 +28,5 @@ const f = /* @__PURE__ */ i({
 		]), r("div", { class: "flex-1 min-w-0" }, [r(n, null, null)])]), r("div", { class: "flex-1 min-h-0  mr-2 ml-2 mb-2 lg:ml-0" }, [r(s, null, null)])]);
 	}
 });
+//#endregion
 export { f as DuxLayoutPage };

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

@@ -3,7 +3,8 @@ import { useI18n as s, useTabStore as c } from "@duxweb/dvha-core";
 import { NDropdown as l, NTab as u, NTabs as d } from "naive-ui";
 import { useRouter as f } from "vue-router";
 import { useNaiveTab as p } from "@duxweb/dvha-naiveui";
-const m = /* @__PURE__ */ n({
+//#region src/pages/layout/tab.tsx
+var m = /* @__PURE__ */ n({
 	name: "DuxPageTab",
 	setup(n) {
 		let { tabsProps: m, tabs: h } = p(), g = o(), _ = c(), v = f(), { t: y } = s(), b = a({
@@ -82,4 +83,5 @@ const m = /* @__PURE__ */ n({
 		}, null)]);
 	}
 });
+//#endregion
 export { m as DuxPageTab };

package/dist/esm/pages/layout.js

@@ -1,10 +1,12 @@
 import { DuxGlobalLayout as e } from "./layout/global.js";
 import { createVNode as t, defineComponent as n } from "vue";
 import { RouterView as r } from "vue-router";
-const i = /* @__PURE__ */ n({
+//#region src/pages/layout.tsx
+var i = /* @__PURE__ */ n({
 	name: "DuxLayout",
 	setup() {
 		return () => t(e, null, { default: () => [t(r, null, null)] });
 	}
 });
+//#endregion
 export { i as DuxLayout };

package/dist/esm/pages/loading.js

@@ -1,8 +1,10 @@
 import { createVNode as e, defineComponent as t } from "vue";
-const n = /* @__PURE__ */ t({
+//#region src/pages/loading.tsx
+var n = /* @__PURE__ */ t({
 	name: "DuxLoading",
 	setup() {
 		return () => e("div", { class: "app-loading" }, [e("div", { class: "app-box-loading" }, null)]);
 	}
 });
+//#endregion
 export { n as DuxLoading };

package/dist/esm/pages/login.js

@@ -4,10 +4,11 @@ import { createVNode as t, defineComponent as n, isVNode as r, reactive as i, re
 import { DuxLogo as o, useI18n as s, useLogin as c, useManage as l, useTheme as u } from "@duxweb/dvha-core";
 import { NButton as d, NForm as f, NFormItem as p, NInput as m, useMessage as h } from "naive-ui";
 import g from "clsx";
+//#region src/pages/login.tsx
 function _(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
 }
-const v = /* @__PURE__ */ n({
+var v = /* @__PURE__ */ n({
 	name: "DuxLoginPage",
 	setup(n, { slots: r }) {
 		let v = u(), y = l(), { t: b } = s(), x = a(), S = h(), C = i({
@@ -87,4 +88,5 @@ const v = /* @__PURE__ */ n({
 		};
 	}
 });
+//#endregion
 export { v as DuxLoginPage };

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

@@ -1,11 +1,15 @@
 import { DuxAvatar as e } from "../../components/widget/avatar.js";
-import t from "./button.js";
+import { useModal as t } from "../../hooks/modal.js";
+import "../../hooks/index.js";
+import n from "./button.js";
+import r from "./remoteMenuModal.js";
 import "../../components/index.js";
-import { computed as n, createVNode as r, defineComponent as i } from "vue";
-import { useGetAuth as a, useI18n as o, useLogout as s, useManage as c, useTheme as l } from "@duxweb/dvha-core";
-import { NDropdown as u } from "naive-ui";
-import { useRouter as d } from "vue-router";
-var f = /* @__PURE__ */ i({
+import { computed as i, createVNode as a, defineComponent as o, markRaw as s } from "vue";
+import { useGetAuth as c, useI18n as l, useLogout as u, useManage as d, useTheme as f } from "@duxweb/dvha-core";
+import { NDropdown as p } from "naive-ui";
+import { useRouter as m } from "vue-router";
+//#region src/pages/menu/avatar.tsx
+var h = /* @__PURE__ */ o({
 	name: "DuxMenuAvatar",
 	props: {
 		collapsed: {
@@ -21,136 +25,162 @@ var f = /* @__PURE__ */ i({
 			default: ""
 		}
 	},
-	setup(i) {
-		let { t: f } = o(), p = o(), m = d(), { config: h, getRoutePath: g } = c(), { mutate: _ } = s(), { mode: v, primaryColors: y, neutralColors: b, colorMapping: x, setColor: S, setMode: C } = l(), w = (e, t) => r("div", { class: "flex gap-2 items-center w-30" }, [r("div", { class: "flex-1 min-w-0" }, [e]), r("div", null, [t && r("div", { class: "i-tabler:check" }, null)])]), T = (e) => r("div", { class: `${e} size-4` }, null), E = n(() => {
-			let e = h.userMenus?.map((e) => ({
-				label: f(e.label || "", {}, e.label),
+	setup(o) {
+		let { t: h } = l(), g = l(), _ = m(), { config: v, getRoutePath: y } = d(), { mutate: b } = u(), { mode: x, primaryColors: S, neutralColors: C, colorMapping: w, setColor: T, setMode: E } = f(), D = t(), O = (e, t) => a("div", { class: "flex gap-2 items-center w-30" }, [a("div", { class: "flex-1 min-w-0" }, [e]), a("div", null, [t && a("div", { class: "i-tabler:check" }, null)])]), k = (e) => a("div", { class: `${e} size-4` }, null), A = i(() => {
+			let e = (v.userMenus || []).map((e) => ({
+				...e,
+				label: h(e.label || "", {}, e.label),
 				key: e.key,
-				icon: () => T(e.icon),
+				icon: () => k(e.icon),
 				path: e.path
 			}));
-			return e?.length > 0 ? [...e, { type: "divider" }] : [];
-		}), D = a(), O = n(() => [
+			return e.length > 0 ? [...e, { type: "divider" }] : [];
+		}), j = c(), M = i(() => [
 			{
 				key: "header",
 				type: "render",
-				render: () => r("div", { class: "flex gap-2 px-3 pb-1 pt-1 items-center " }, [r(e, {
+				render: () => a("div", { class: "flex gap-2 px-3 pb-1 pt-1 items-center " }, [a(e, {
 					round: !0,
 					size: 28,
-					src: D.info?.avatar
-				}, null), r("div", { class: "flex flex-col" }, [r("div", { class: "text-sm font-medium" }, [D.info?.nickname]), r("div", { class: "text-xs text-muted" }, [D.info?.username])])])
+					src: j.info?.avatar
+				}, null), a("div", { class: "flex flex-col" }, [a("div", { class: "text-sm font-medium" }, [j.info?.nickname]), a("div", { class: "text-xs text-muted" }, [j.info?.username])])])
 			},
 			{ type: "divider" },
-			...E.value,
+			...A.value,
 			{
-				label: f("components.menu.language"),
+				label: h("components.menu.language"),
 				key: "locale",
-				icon: () => T("i-tabler:language"),
-				children: [...(p.getLocales() || []).map((e) => ({
-					label: () => w(f(`locale.${e}`), p.getLocale() === e),
+				icon: () => k("i-tabler:language"),
+				children: [...(g.getLocales() || []).map((e) => ({
+					label: () => O(h(`locale.${e}`), g.getLocale() === e),
 					key: `locale.${e}`
 				}))]
 			},
 			{
-				label: f("components.menu.color"),
+				label: h("components.menu.color"),
 				key: "color",
-				icon: () => T("i-tabler:palette"),
+				icon: () => k("i-tabler:palette"),
 				children: [{
-					label: () => r("div", { class: "flex gap-2 items-center w-30" }, [r("div", {
+					label: () => a("div", { class: "flex gap-2 items-center w-30" }, [a("div", {
 						class: "size-2 rounded-full",
 						style: { backgroundColor: "rgb(var(--ui-color-primary))" }
-					}, null), r("div", null, [f("components.menu.primaryColor")])]),
+					}, null), a("div", null, [h("components.menu.primaryColor")])]),
 					key: "color.primary",
-					children: y.value?.map((e) => ({
-						label: () => w(r("div", { class: "flex gap-2 items-center" }, [r("div", {
+					children: S.value?.map((e) => ({
+						label: () => O(a("div", { class: "flex gap-2 items-center" }, [a("div", {
 							class: "size-2 rounded-full",
 							style: { backgroundColor: `rgb(var(--base-color-${e}-500))` }
-						}, null), r("div", null, [e])]), x.value.primary === e),
+						}, null), a("div", null, [e])]), w.value.primary === e),
 						key: `color.primary.${e}`
 					}))
 				}, {
-					label: () => r("div", { class: "flex gap-2 items-center w-30" }, [r("div", {
+					label: () => a("div", { class: "flex gap-2 items-center w-30" }, [a("div", {
 						class: "size-2 rounded-full",
 						style: { backgroundColor: "rgb(var(--ui-color-gray-600))" }
-					}, null), r("div", null, [f("components.menu.neutralColor")])]),
+					}, null), a("div", null, [h("components.menu.neutralColor")])]),
 					key: "color.neutral",
-					children: b.value?.map((e) => ({
-						label: () => w(r("div", { class: "flex gap-2 items-center" }, [r("div", {
+					children: C.value?.map((e) => ({
+						label: () => O(a("div", { class: "flex gap-2 items-center" }, [a("div", {
 							class: "size-2 rounded-full",
 							style: { backgroundColor: `rgb(var(--base-color-${e}-600))` }
-						}, null), r("div", null, [e])]), x.value.gray === e),
+						}, null), a("div", null, [e])]), w.value.gray === e),
 						key: `color.neutral.${e}`
 					}))
 				}]
 			},
 			{
-				label: f("components.menu.theme"),
+				label: h("components.menu.theme"),
 				key: "theme",
-				icon: () => T("i-tabler:brightness-half"),
+				icon: () => k("i-tabler:brightness-half"),
 				children: [
 					{
-						label: () => w(f("components.menu.followSystem"), v.value === "auto"),
+						label: () => O(h("components.menu.followSystem"), x.value === "auto"),
 						key: "theme.auto"
 					},
 					{
-						label: () => w(f("components.menu.lightMode"), v.value === "light"),
+						label: () => O(h("components.menu.lightMode"), x.value === "light"),
 						key: "theme.light"
 					},
 					{
-						label: () => w(f("components.menu.darkMode"), v.value === "dark"),
+						label: () => O(h("components.menu.darkMode"), x.value === "dark"),
 						key: "theme.dark"
 					}
 				]
 			},
 			{ type: "divider" },
 			{
-				label: f("components.menu.logout"),
+				label: h("components.menu.logout"),
 				key: "logout",
-				icon: () => T("i-tabler:logout")
+				icon: () => k("i-tabler:logout")
 			}
 		]);
-		function k(e, t) {
-			let n = e.lastIndexOf("."), [r, i] = n === -1 ? [e, ""] : [e.substring(0, n), e.substring(n + 1)];
-			switch (r) {
+		function N(e, t) {
+			let n = e.lastIndexOf("."), [i, a] = n === -1 ? [e, ""] : [e.substring(0, n), e.substring(n + 1)], o = t, c = String(o?.type || (typeof o?.callback == "function" ? "callback" : o?.loader ? "modal" : o?.url ? "link" : "route"));
+			switch (i) {
 				case "locale":
-					p.changeLocale(i);
+					g.changeLocale(a);
 					break;
 				case "color.primary":
-					S("primary", i);
+					T("primary", a);
 					break;
 				case "color.neutral":
-					S("gray", i);
+					T("gray", a);
 					break;
 				case "theme":
-					C(i);
+					E(a);
 					break;
 				case "logout":
-					_();
+					b();
 					break;
 				default:
-					if (!t?.path) return;
-					m.push(g(t.path));
+					if (c === "callback") {
+						o?.callback?.();
+						return;
+					}
+					if (c === "modal") {
+						if (!o?.loader) return;
+						D.show({
+							title: o?.title || String(o?.label || ""),
+							width: o?.width,
+							draggable: o?.draggable,
+							component: s(r),
+							componentProps: {
+								loader: String(o.loader),
+								componentProps: o?.componentProps
+							}
+						}).catch(() => {});
+						return;
+					}
+					if (c === "link") {
+						let e = String(o?.url || o?.path || "");
+						if (!e) return;
+						window.open(e, "_blank");
+						return;
+					}
+					if (!o?.path) return;
+					_.push(y(o.path));
 			}
 		}
-		return () => r(u, {
-			options: O.value,
+		return () => a(p, {
+			options: M.value,
 			placement: "bottom-start",
 			trigger: "click",
-			onSelect: k,
+			onSelect: N,
 			width: 200
-		}, { default: () => [r(t, {
-			class: i.btnClass,
-			labelClass: i.btnLabelClass,
-			collapsed: i.collapsed
+		}, { default: () => [a(n, {
+			class: o.btnClass,
+			labelClass: o.btnLabelClass,
+			collapsed: o.collapsed
 		}, {
-			icon: () => r(e, {
+			icon: () => a(e, {
 				class: "group-hover:shadow-lg",
 				round: !0,
 				size: 28,
-				src: D.info?.avatar
+				src: j.info?.avatar
 			}, null),
-			default: () => r("div", { class: "flex justify-between" }, [r("div", { class: "flex flex-col" }, [r("div", { class: "text-sm font-medium" }, [D.info?.nickname]), r("div", { class: "text-xs text-muted" }, [D.info?.username])])])
+			default: () => a("div", { class: "flex justify-between" }, [a("div", { class: "flex flex-col" }, [a("div", { class: "text-sm font-medium" }, [j.info?.nickname]), a("div", { class: "text-xs text-muted" }, [j.info?.username])])])
 		})] });
 	}
 });
-export { f as default };
+//#endregion
+export { h as default };

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

@@ -1,6 +1,7 @@
 import { useUI as e } from "../../hooks/ui.js";
 import "../../hooks/index.js";
 import { createVNode as t, defineComponent as n } from "vue";
+//#region src/pages/menu/button.tsx
 var r = /* @__PURE__ */ n({
 	name: "DuxMenuButton",
 	props: {
@@ -31,4 +32,5 @@ var r = /* @__PURE__ */ n({
 		}, [r.icon?.(), n.collapsed === !1 && !i.value && t("div", { class: ["overflow-hidden ease-in-out whitespace-nowrap text-left min-w-0 flex-1", n.labelClass] }, [r.default?.()])]);
 	}
 });
+//#endregion
 export { r as default };

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

@@ -7,7 +7,8 @@ import { useRouter as p } from "vue-router";
 import { useMagicKeys as m, watchThrottled as h } from "@vueuse/core";
 import { cloneDeep as g } from "lodash-es";
 import { Command as _ } from "vue-command-palette";
-const v = /* @__PURE__ */ a({
+//#region src/pages/menu/cmd.tsx
+var v = /* @__PURE__ */ a({
 	name: "DuxMenuCmd",
 	setup() {
 		let { cmdVisible: a, setCmdVisible: v } = e(), y = m(), b = y["Meta+K"], x = o(), S = o([]), C = p(), w = l(), { setMode: T } = u(), E = o(""), { t: D } = c(), O = o(), k = (e) => {
@@ -95,4 +96,5 @@ const v = /* @__PURE__ */ a({
 		});
 	}
 });
+//#endregion
 export { v as DuxMenuCmd };

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

@@ -1,6 +1,7 @@
 import { computed as e, createVNode as t, defineComponent as n } from "vue";
 import { useI18n as r, useTheme as i } from "@duxweb/dvha-core";
 import { NButton as a, NTooltip as o } from "naive-ui";
+//#region src/pages/menu/dark.tsx
 var s = /* @__PURE__ */ n({
 	name: "DuxMenuDark",
 	setup() {
@@ -38,4 +39,5 @@ var s = /* @__PURE__ */ n({
 		});
 	}
 });
+//#endregion
 export { s as default };