@duxweb/dvha-pro 1.2.5 → 1.2.7

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 };

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

@@ -1,75 +1,93 @@
-import { useUI as e } from "../../hooks/ui.js";
+import { useModal as e } from "../../hooks/modal.js";
+import { useUI as t } 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({
+import n from "./remoteMenuModal.js";
+import r from "./avatar.js";
+import i from "./dark.js";
+import a from "./notice.js";
+import { Transition as o, computed as s, createTextVNode as c, createVNode as l, defineComponent as u, h as d, markRaw as f, onMounted as p } from "vue";
+import { DuxLogoIcon as m, useI18n as h, useManage as g, useMenu as _ } from "@duxweb/dvha-core";
+import { NButton as v, NMenu as y, NScrollbar as b, NTag as x, NTooltip as S } from "naive-ui";
+import { RouterLink as C, useRouter as w } from "vue-router";
+import { cloneDeep as T } from "lodash-es";
+//#region src/pages/menu/menuApp.tsx
+var E = /* @__PURE__ */ u({
 	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 { setCmdVisible: u, setMenuCollapsed: E } = t(), { config: D } = g(), { t: O } = h(), k = w(), A = e(), { mainMenu: j, subMenu: M, appActive: N, subActive: P, isSubMenu: F } = _({ doubleMenu: !0 });
+		p(() => {
+			E(!1);
 		});
-		let M = (e) => e.map((e) => {
+		let I = (e) => e.map((e) => {
 			let t = {
 				...e,
 				key: e.name,
-				icon: e?.icon ? () => l("div", { class: `${e.icon} size-5` }) : void 0,
+				icon: e?.icon ? () => d("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
+				label: () => e.path ? d(C, { 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", {
+			return t.children && t.children.length > 0 && (t.children = I(t.children)), t;
+		}), L = s(() => I(T(j.value))), R = s(() => I(T(M.value)));
+		return () => l("div", { class: "flex h-screen gap-2 pr-2" }, [l("div", { class: "bg-primary-950 dark:bg-gray-900 w-18 text-inverted z-1 border-r dark:border-muted" }, [l("div", { class: "h-full flex-none flex flex-col" }, [
+			l("div", { class: "py-4 px-2 hidden lg:flex justify-center items-center" }, [l("div", { class: "bg-white dark:bg-primary-950 rounded-full p-2 shadow group-hover:shadow-lg" }, [D.theme?.appLogo ? l("img", {
 				class: "size-4",
-				src: w.theme?.appLogo
-			}, null) : s(d, {
+				src: D.theme?.appLogo
+			}, null) : l(m, {
 				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", {
+			l("div", { class: "flex-1 min-h-0" }, [l(b, null, { default: () => [l("div", { class: "flex flex-col px-2 gap-2" }, [L.value.map((e, t) => l("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"],
+				class: ["flex flex-col gap-1 justify-center items-center py-1.5 cursor-pointer rounded transition-all", e.key === N.value ? "bg-primary/50 text-primary-200" : "text-white/60 hover:text-white"],
 				onClick: () => {
-					k.value = e.key, e?.path && E.push(e.path);
+					N.value = e.key, e?.path && k.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, {
+			}, [l("div", null, [e.icon?.()]), l("div", { class: "text-xs" }, [typeof e.label == "function" ? e.label?.() : e.label])]))])] })]),
+			l("div", { class: "flex-none hidden lg:flex flex-col items-center gap-2 p-2" }, [
+				D.tools?.map((e) => l(S, {
 					trigger: "hover",
 					placement: "right"
 				}, {
 					default: () => e.label,
-					trigger: () => s(h, {
+					trigger: () => l(v, {
 						quaternary: !0,
 						onClick: () => {
+							let t = String(e?.type || (typeof e?.callback == "function" ? "callback" : e?.loader ? "modal" : e?.url ? "link" : "route"));
 							if (e.callback) {
 								e.callback();
 								return;
 							}
+							if (t === "modal") {
+								if (!e?.loader) return;
+								A.show({
+									title: e?.title || e.label,
+									width: e?.width,
+									draggable: e?.draggable,
+									component: f(n),
+									componentProps: {
+										loader: String(e.loader),
+										componentProps: e?.componentProps
+									}
+								}).catch(() => {});
+								return;
+							}
 							if (e.path) {
-								E.push(e.path);
+								k.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)]) })
+					}, { icon: () => l("div", { class: "transition-all text-muted p-2 hover:text-white" }, [l("div", { class: `${e.icon} size-5` }, null)]) })
 				})),
-				w.notice?.status && s(r, { collapsed: !0 }, null),
-				s(n, null, null),
-				s(t, { collapsed: !0 }, null)
+				D.notice?.status && l(a, { collapsed: !0 }, null),
+				l(i, null, null),
+				l(r, { collapsed: !0 }, null)
 			])
-		])]), s(i, {
+		])]), l(o, {
 			name: "submenu-slide",
 			enterActiveClass: "transition-all duration-150 ease-out",
 			enterFromClass: "opacity-0 translate-x-[-50%]",
@@ -77,30 +95,31 @@ const C = /* @__PURE__ */ c({
 			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", {
+		}, { default: () => [F.value && l("div", null, [l("div", { class: "w-160px overflow-hidden flex flex-col h-full" }, [l("div", { class: "py-2 flex-none" }, [l("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)
+			onClick: () => u(!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, {
+			l("div", { class: "i-tabler:search size-4 icon-gradient" }, null),
+			l("div", { class: "text-muted text-sm flex-1" }, [O("common.search")]),
+			l("div", { class: "flex items-center gap-1 absolute right-2.5" }, [l(x, {
 				size: "small",
 				bordered: !1,
 				type: "primary"
-			}, { default: () => [o("⌘")] }), s(v, {
+			}, { default: () => [c("⌘")] }), l(x, {
 				size: "small",
 				bordered: !1,
 				type: "primary"
-			}, { default: () => [o("K")] })])
-		])]), s("div", { class: "flex-1 min-h-0" }, [s(_, null, { default: () => [s(g, {
+			}, { default: () => [c("K")] })])
+		])]), l("div", { class: "flex-1 min-h-0" }, [l(b, null, { default: () => [l(y, {
 			rootIndent: 20,
 			indent: 15,
 			class: "app-menu",
-			options: P.value,
-			value: A.value,
+			options: R.value,
+			value: P.value,
 			collapsed: !1,
-			onUpdateValue: (e) => A.value = e
+			onUpdateValue: (e) => P.value = e
 		}, null)] })])])])] })]);
 	}
 });
-export { C as DuxMenuApp };
+//#endregion
+export { E as DuxMenuApp };

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

@@ -6,7 +6,8 @@ import { createTextVNode as r, createVNode as i, defineComponent as a } from "vu
 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({
+//#region src/pages/menu/menuMain.tsx
+var p = /* @__PURE__ */ a({
 	name: "DuxMenuMain",
 	props: {
 		collapsed: {
@@ -66,4 +67,5 @@ const p = /* @__PURE__ */ a({
 		]);
 	}
 });
+//#endregion
 export { p as DuxMenuMain };

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

@@ -3,7 +3,8 @@ import "../../hooks/index.js";
 import { DuxMenuMain as t } from "./menuMain.js";
 import { createVNode as n, defineComponent as r } from "vue";
 import { NDrawer as i } from "naive-ui";
-const a = /* @__PURE__ */ r({
+//#region src/pages/menu/mobile.tsx
+var a = /* @__PURE__ */ r({
 	name: "DuxMobileMenu",
 	props: {},
 	setup(r) {
@@ -19,4 +20,5 @@ const a = /* @__PURE__ */ r({
 		}, null)])] });
 	}
 });
+//#endregion
 export { a as DuxMobileMenu };

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

@@ -5,6 +5,7 @@ import { Fragment as n, computed as r, createVNode as i, defineComponent as a, i
 import { useCustomMutation as c, useI18n as l, useList as u, useManage as d } from "@duxweb/dvha-core";
 import { NBadge as f, NButton as p, NPopover as m, NSpin as h, NTooltip as g } from "naive-ui";
 import { useRouter as _ } from "vue-router";
+//#region src/pages/menu/notice.tsx
 function v(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !o(e);
 }
@@ -98,4 +99,5 @@ var y = /* @__PURE__ */ a({
 		});
 	}
 });
+//#endregion
 export { y as default };

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

@@ -0,0 +1,56 @@
+import e from "../../components/modal/modalPage.js";
+import "../../components/index.js";
+import { Suspense as t, createVNode as n, defineAsyncComponent as r, defineComponent as i, mergeProps as a } from "vue";
+import { sfcLoader as o } from "@duxweb/dvha-core";
+import { NSpin as s } from "naive-ui";
+//#region src/pages/menu/remoteMenuModal.tsx
+var c = /* @__PURE__ */ i({
+	name: "DuxRemoteMenuModal",
+	props: {
+		loader: {
+			type: String,
+			required: !0
+		},
+		title: {
+			type: String,
+			default: ""
+		},
+		draggable: {
+			type: Boolean,
+			default: !1
+		},
+		handle: {
+			type: String,
+			default: ""
+		},
+		onClose: {
+			type: Function,
+			default: null
+		},
+		onConfirm: {
+			type: Function,
+			default: null
+		},
+		componentProps: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	setup(i) {
+		let c = r({ loader: o(i.loader) });
+		return () => n(e, {
+			title: i.title,
+			draggable: i.draggable,
+			handle: i.handle,
+			onClose: i.onClose
+		}, { default: () => [n(t, null, {
+			default: () => n(c, a(i.componentProps, {
+				onClose: i.onClose,
+				onConfirm: i.onConfirm
+			}), null),
+			fallback: () => n(s, { show: !0 }, { default: () => [n("div", { class: "h-100" }, null)] })
+		})] });
+	}
+});
+//#endregion
+export { c as default };

package/dist/esm/pages/page.js

@@ -1,6 +1,7 @@
 import { createVNode as e, defineComponent as t, ref as n } from "vue";
 import { NScrollbar as r } from "naive-ui";
-const i = /* @__PURE__ */ t({
+//#region src/pages/page.tsx
+var i = /* @__PURE__ */ t({
 	name: "DuxPage",
 	props: {
 		padding: {
@@ -39,4 +40,5 @@ const i = /* @__PURE__ */ t({
 		};
 	}
 });
+//#endregion
 export { i as DuxPage };

package/dist/esm/pages/page403.js

@@ -5,10 +5,11 @@ import { createVNode as n, defineComponent as r, isVNode as i } from "vue";
 import { useI18n as a } from "@duxweb/dvha-core";
 import { NButton as o } from "naive-ui";
 import { useRoute as s, useRouter as c } from "vue-router";
+//#region src/pages/page403.tsx
 function l(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
 }
-const u = /* @__PURE__ */ r({
+var u = /* @__PURE__ */ r({
 	name: "DuxPage403",
 	setup(r) {
 		let i = s(), u = c(), { t: d } = a();
@@ -36,4 +37,5 @@ const u = /* @__PURE__ */ r({
 		});
 	}
 });
+//#endregion
 export { u as DuxPage403 };

package/dist/esm/pages/page404.js

@@ -5,10 +5,11 @@ import { createVNode as n, defineComponent as r, isVNode as i } from "vue";
 import { useI18n as a } from "@duxweb/dvha-core";
 import { NButton as o } from "naive-ui";
 import { useRoute as s, useRouter as c } from "vue-router";
+//#region src/pages/page404.tsx
 function l(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
 }
-const u = /* @__PURE__ */ r({
+var u = /* @__PURE__ */ r({
 	name: "DuxPage404",
 	setup(r) {
 		let i = s(), u = c(), { t: d } = a();
@@ -37,4 +38,5 @@ const u = /* @__PURE__ */ r({
 	}
 });
 u.displayName = "DuxPage404";
+//#endregion
 export { u as DuxPage404 };

package/dist/esm/pages/page500.js

@@ -3,10 +3,11 @@ import { createVNode as t, defineComponent as n, isVNode as r, resolveComponent
 import { useI18n as a } from "@duxweb/dvha-core";
 import { NButton as o } from "naive-ui";
 import { useRoute as s, useRouter as c } from "vue-router";
+//#region src/pages/page500.tsx
 function l(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
 }
-const u = /* @__PURE__ */ n({
+var u = /* @__PURE__ */ n({
 	name: "DuxPage500",
 	setup(n) {
 		let r = s(), u = c(), { t: d } = a();
@@ -34,4 +35,5 @@ const u = /* @__PURE__ */ n({
 		});
 	}
 });
+//#endregion
 export { u as DuxPage500 };