@morningfast/platform 0.0.11 → 0.0.12

package/dist/chunks/{main-CA2I4UGE.js → main-BVdwJu-s.js}

@@ -2,14 +2,14 @@ import { clearAuth as e, emitAuthExpired as t, getAccessToken as n, onAuthExpire
 import { createRequestClient as i } from "../request.js";
 import { t as a } from "./auth-C3RvRgcW.js";
 import { i as o, n as s, r as c, t as l } from "./system-DZaKDrG6.js";
-import { a as u, i as d, r as f } from "./route-items-CIUjZc6w.js";
+import { a as u, i as d, r as f } from "./route-items-84k92f3O.js";
 import { t as p } from "./_plugin-vue_export-helper-DvRHjpsZ.js";
 import { createRouter as m, createWebHistory as h, useRoute as g, useRouter as _ } from "vue-router";
 import v from "nprogress";
 import y, { ElMessage as b } from "element-plus";
-import { Fragment as x, Teleport as S, Transition as C, TransitionGroup as w, computed as T, createApp as E, createBlock as D, createCommentVNode as O, createElementBlock as k, createElementVNode as A, createTextVNode as j, createVNode as M, defineComponent as N, nextTick as P, normalizeClass as F, normalizeStyle as I, onBeforeUnmount as ee, onMounted as te, onUnmounted as ne, openBlock as L, ref as R, renderList as z, resolveComponent as B, resolveDynamicComponent as V, toDisplayString as H, unref as U, watch as W, watchEffect as G, withCtx as K, withKeys as q, withModifiers as J } from "vue";
-import { createPinia as re, defineStore as Y } from "pinia";
-import { ArrowDown as ie, ArrowRight as ae, ArrowUp as oe, Back as se, Brush as ce, Close as le, Connection as ue, DArrowLeft as de, DArrowRight as fe, Expand as pe, Fold as me, FolderDelete as he, House as ge, Monitor as _e, Moon as ve, Operation as ye, RefreshRight as be, Search as xe, Setting as Se, Sunny as Ce, SwitchButton as we, TopRight as Te, User as Ee } from "@element-plus/icons-vue";
+import { Fragment as x, Teleport as S, Transition as C, TransitionGroup as w, computed as T, createApp as E, createBlock as D, createCommentVNode as O, createElementBlock as k, createElementVNode as A, createTextVNode as j, createVNode as M, defineComponent as N, nextTick as P, normalizeClass as F, normalizeStyle as I, onBeforeUnmount as ee, onMounted as te, onUnmounted as ne, openBlock as L, ref as R, renderList as z, resolveComponent as B, resolveDynamicComponent as V, toDisplayString as H, unref as U, watch as W, watchEffect as G, withCtx as K, withKeys as re, withModifiers as q } from "vue";
+import { createPinia as ie, defineStore as J } from "pinia";
+import { ArrowDown as ae, ArrowRight as oe, ArrowUp as se, Back as ce, Brush as le, Close as ue, Connection as de, DArrowLeft as fe, DArrowRight as pe, Expand as me, Fold as he, FolderDelete as ge, House as _e, Monitor as ve, Moon as ye, Operation as be, RefreshRight as xe, Search as Y, Setting as Se, Sunny as Ce, SwitchButton as we, TopRight as Te, User as Ee } from "@element-plus/icons-vue";
 import { MpDrawer as De, MpLoadingService as Oe, registerMpFormFieldComponents as ke } from "morningfast-plus/components";
 import Ae from "sortablejs";
 import je from "element-plus/es/locale/lang/zh-cn";
@@ -132,7 +132,7 @@ function Ye(e) {
 		lastActiveTab: e.lastActiveTab
 	};
 }
-var Q = Y("tabs", () => {
+var Q = J("tabs", () => {
 	let e = R([Z()]), t = R(X), n = R(""), r = R(!1), i = T(() => e.value.map((e) => e.path));
 	async function a() {
 		r.value && await o(We, Ye({
@@ -264,12 +264,12 @@ var Q = Y("tabs", () => {
 			{
 				label: "深色",
 				value: "dark",
-				icon: ve
+				icon: ye
 			},
 			{
 				label: "跟随系统",
 				value: "system",
-				icon: _e
+				icon: ve
 			}
 		], i = [
 			{
@@ -311,11 +311,11 @@ var Q = Y("tabs", () => {
 		], o = [{
 			label: "顶部搜索",
 			value: "header",
-			icon: xe
+			icon: Y
 		}, {
 			label: "侧边搜索",
 			value: "sidebar",
-			icon: ye
+			icon: be
 		}];
 		function s(e) {
 			e && t.setThemeColor(e);
@@ -379,7 +379,7 @@ var Q = Y("tabs", () => {
 										"onUpdate:modelValue": s
 									}, null, 8, ["model-value"]),
 									A("span", gt, [M(d, { size: 18 }, {
-										default: K(() => [M(U(ce))]),
+										default: K(() => [M(U(le))]),
 										_: 1
 									})]),
 									l[3] ||= A("span", { class: "settings-color-card__label" }, "自定义", -1)
@@ -471,7 +471,7 @@ var Q = Y("tabs", () => {
 				title: U(t).isDark ? "切换浅色模式" : "切换深色模式",
 				onClick: n
 			}, [M(i, { size: 20 }, {
-				default: K(() => [(L(), D(V(U(t).isDark ? U(Ce) : U(ve))))]),
+				default: K(() => [(L(), D(V(U(t).isDark ? U(Ce) : U(ye))))]),
 				_: 1
 			})], 8, At);
 		};
@@ -480,7 +480,7 @@ var Q = Y("tabs", () => {
 //#endregion
 //#region src/main/layouts/composables/useAppMenus.ts
 function Mt() {
-	let e = g(), t = _(), n = f(), r = a(), i = T(() => Nt(t.options.routes.find((e) => e.path === "/")?.children ?? [], "", r.hasPermission)), o = T(() => i.value), s = T(() => n.layoutMode === "mix" ? i.value.find((e) => e.fullPath === n.selectedTopMenuPath)?.children ?? [] : i.value), c = T(() => Pt(i.value).filter((e) => !e.children?.length)), l = T(() => Pt(s.value).filter((e) => !e.children?.length));
+	let e = g(), t = _(), n = f(), r = a(), i = T(() => Nt(t.options.routes.find((e) => e.path === "/")?.children ?? [], "", r.hasPermission)), o = T(() => i.value), s = T(() => n.isMobileViewport || n.layoutMode !== "mix" ? i.value : i.value.find((e) => e.fullPath === n.selectedTopMenuPath)?.children ?? []), c = T(() => Pt(i.value).filter((e) => !e.children?.length)), l = T(() => Pt(s.value).filter((e) => !e.children?.length));
 	return {
 		activeMenu: T(() => e.path),
 		activeTopMenuPath: T(() => {
@@ -590,13 +590,13 @@ var Vt = ["src", "alt"], Ht = ["src", "alt"], Ut = /* @__PURE__ */ p(/* @__PURE_
 		}, null, 8, Ht)) : O("", !0)], 4));
 	}
 }), [["__scopeId", "data-v-a42b8639"]]), Wt = {
-	Connection: ue,
-	House: ge,
+	Connection: de,
+	House: _e,
 	Setting: Se,
 	User: Ee
 };
 function $(e) {
-	return e ? Wt[e] ?? ge : ge;
+	return e ? Wt[e] ?? _e : _e;
 }
 //#endregion
 //#region src/main/layouts/components/AppHeaderMenuNode.vue
@@ -659,7 +659,7 @@ var Gt = /* @__PURE__ */ N({
 				role: "button",
 				tabindex: "0",
 				onClick: r[1] ||= (t) => n("select", e.item),
-				onKeydown: [r[2] ||= q(J((t) => n("select", e.item), ["prevent"]), ["enter"]), r[3] ||= q(J((t) => n("select", e.item), ["prevent"]), ["space"])]
+				onKeydown: [r[2] ||= re(q((t) => n("select", e.item), ["prevent"]), ["enter"]), r[3] ||= re(q((t) => n("select", e.item), ["prevent"]), ["space"])]
 			}, [
 				A("span", qt, [M(i, null, {
 					default: K(() => [(L(), D(V(U($)(e.item.icon))))]),
@@ -676,9 +676,9 @@ var Gt = /* @__PURE__ */ N({
 						class: "app-menu-search-item__remove",
 						type: "button",
 						"aria-label": "删除搜索历史",
-						onClick: r[0] ||= J((t) => n("remove", e.item), ["stop"])
+						onClick: r[0] ||= q((t) => n("remove", e.item), ["stop"])
 					}, [M(i, null, {
-						default: K(() => [M(U(le))]),
+						default: K(() => [M(U(ue))]),
 						_: 1
 					})])) : O("", !0)])) : O("", !0)]),
 					_: 1
@@ -706,19 +706,19 @@ var Gt = /* @__PURE__ */ N({
 		}) : []), m = T(() => c.value ? p.value : d.value), h = T(() => c.value ? !p.value.length : !d.value.length);
 		W(() => n.modelValue, (e) => {
 			if (!e) {
-				Y();
+				J();
 				return;
 			}
-			d.value = V(), c.value = "", u.value = d.value[0] ?? null, l.value = 0, document.body.classList.add("app-menu-search-open"), re(), P(() => {
+			d.value = V(), c.value = "", u.value = d.value[0] ?? null, l.value = 0, document.body.classList.add("app-menu-search-open"), ie(), P(() => {
 				o.value?.focus?.(), s.value?.setScrollTop?.(0);
 			});
 		}), W(p, (e) => {
 			u.value = e[0] ?? null, s.value?.setScrollTop?.(0);
 		}), ee(() => {
-			Y();
+			J();
 		});
 		function g() {
-			r("update:modelValue", !1), Y();
+			r("update:modelValue", !1), J();
 		}
 		function v(e) {
 			u.value = e;
@@ -752,7 +752,7 @@ var Gt = /* @__PURE__ */ N({
 		function I(e) {
 			let t = m.value;
 			if (!t.length) return;
-			let n = q((u.value ? t.findIndex((e) => e.fullPath === u.value?.fullPath) : -1) + e, 0, t.length - 1), r = t[n];
+			let n = re((u.value ? t.findIndex((e) => e.fullPath === u.value?.fullPath) : -1) + e, 0, t.length - 1), r = t[n];
 			r && (u.value = r, te(n));
 		}
 		function te(e) {
@@ -779,13 +779,13 @@ var Gt = /* @__PURE__ */ N({
 			}
 			localStorage.setItem(an, JSON.stringify(e));
 		}
-		function q(e, t, n) {
+		function re(e, t, n) {
 			return Math.min(Math.max(e, t), n);
 		}
-		function re() {
+		function ie() {
 			window.removeEventListener("keydown", F, !0), window.addEventListener("keydown", F, !0);
 		}
-		function Y() {
+		function J() {
 			document.body.classList.remove("app-menu-search-open"), window.removeEventListener("keydown", F, !0);
 		}
 		return (t, n) => {
@@ -795,10 +795,10 @@ var Gt = /* @__PURE__ */ N({
 					key: 0,
 					class: "app-menu-search",
 					tabindex: "-1",
-					onClick: J(g, ["self"])
+					onClick: q(g, ["self"])
 				}, [A("div", {
 					class: "app-menu-search__panel",
-					onClick: n[1] ||= J(() => {}, ["stop"])
+					onClick: n[1] ||= q(() => {}, ["stop"])
 				}, [
 					A("div", $t, [M(i, {
 						ref_key: "searchInputRef",
@@ -810,7 +810,7 @@ var Gt = /* @__PURE__ */ N({
 						clearable: ""
 					}, {
 						prefix: K(() => [M(r, null, {
-							default: K(() => [M(U(xe))]),
+							default: K(() => [M(U(Y))]),
 							_: 1
 						})]),
 						_: 1
@@ -865,11 +865,11 @@ var Gt = /* @__PURE__ */ N({
 						n[5] ||= A("span", null, [A("kbd", null, "Enter"), j("选择")], -1),
 						A("span", null, [
 							M(r, null, {
-								default: K(() => [M(U(ie))]),
+								default: K(() => [M(U(ae))]),
 								_: 1
 							}),
 							M(r, null, {
-								default: K(() => [M(U(oe))]),
+								default: K(() => [M(U(se))]),
 								_: 1
 							}),
 							n[4] ||= j("切换", -1)
@@ -908,7 +908,7 @@ var fn = { class: "app-menu-search-trigger__shortcut" }, pn = /* @__PURE__ */ N(
 				onClick: i[0] ||= (e) => n("open")
 			}, [
 				M(a, null, {
-					default: K(() => [M(U(xe))]),
+					default: K(() => [M(U(Y))]),
 					_: 1
 				}),
 				i[1] ||= A("span", { class: "app-menu-search-trigger__text" }, "搜索页面", -1),
@@ -919,7 +919,7 @@ var fn = { class: "app-menu-search-trigger__shortcut" }, pn = /* @__PURE__ */ N(
 }), mn = { class: "app-layout__header-left" }, hn = {
 	key: 0,
 	class: "app-layout__header-brand"
-}, gn = { class: "app-layout__header-right" }, _n = { class: "app-layout__user" }, vn = { class: "app-layout__user-copy" }, yn = /* @__PURE__ */ N({
+}, gn = ["title", "aria-label"], _n = { class: "app-layout__header-right" }, vn = { class: "app-layout__user" }, yn = { class: "app-layout__user-copy" }, bn = /* @__PURE__ */ N({
 	__name: "AppHeader",
 	props: { breadcrumbItems: {} },
 	setup(e) {
@@ -965,16 +965,18 @@ var fn = { class: "app-menu-search-trigger__shortcut" }, pn = /* @__PURE__ */ N(
 							"alt",
 							"text-inverted"
 						])])) : O("", !0),
-						U(n).layoutMode === "top" ? O("", !0) : (L(), k("button", {
+						U(n).layoutMode !== "top" || U(n).isMobileViewport ? (L(), k("button", {
 							key: 1,
 							type: "button",
 							class: "app-layout__header-tool-btn app-layout__header-tool-btn--collapse",
+							title: U(n).isMobileViewport ? "打开菜单" : U(n).sidebarCollapsed ? "展开侧边栏" : "折叠侧边栏",
+							"aria-label": U(n).isMobileViewport ? "打开菜单" : U(n).sidebarCollapsed ? "展开侧边栏" : "折叠侧边栏",
 							onClick: a[0] ||= (e) => U(n).toggleSidebar()
 						}, [M(o, null, {
-							default: K(() => [(L(), D(V(U(n).sidebarCollapsed ? U(pe) : U(me))))]),
+							default: K(() => [(L(), D(V(U(n).sidebarCollapsed && !U(n).isMobileViewport ? U(me) : U(he))))]),
 							_: 1
-						})])),
-						U(n).layoutMode === "top" ? (L(), D(s, {
+						})], 8, gn)) : O("", !0),
+						U(n).layoutMode === "top" && !U(n).isMobileViewport ? (L(), D(s, {
 							key: 2,
 							mode: "horizontal",
 							ellipsis: !1,
@@ -987,7 +989,7 @@ var fn = { class: "app-menu-search-trigger__shortcut" }, pn = /* @__PURE__ */ N(
 								node: e
 							}, null, 8, ["node"]))), 128))]),
 							_: 1
-						}, 8, ["default-active"])) : U(n).layoutMode === "mix" ? (L(), D(s, {
+						}, 8, ["default-active"])) : U(n).layoutMode === "mix" && !U(n).isMobileViewport ? (L(), D(s, {
 							key: 3,
 							mode: "horizontal",
 							ellipsis: !1,
@@ -1006,7 +1008,7 @@ var fn = { class: "app-menu-search-trigger__shortcut" }, pn = /* @__PURE__ */ N(
 						}, 8, ["default-active"])) : O("", !0),
 						U(n).layoutMode === "default" || U(n).layoutMode === "side" ? (L(), D(p, {
 							key: 4,
-							"separator-icon": U(ae)
+							"separator-icon": U(oe)
 						}, {
 							default: K(() => [(L(!0), k(x, null, z(e.breadcrumbItems, (e, t) => (L(), D(f, {
 								key: e.path || String(e.name),
@@ -1025,7 +1027,7 @@ var fn = { class: "app-menu-search-trigger__shortcut" }, pn = /* @__PURE__ */ N(
 						"layout-mode": U(n).layoutMode,
 						onOpen: N
 					}, null, 8, ["layout-mode"])], 2)) : O("", !0),
-					A("div", gn, [
+					A("div", _n, [
 						U(n).layoutMode === "mix" && !U(n).isSidebarMenuSearch ? (L(), D(pn, {
 							key: 0,
 							"layout-mode": U(n).layoutMode,
@@ -1040,7 +1042,7 @@ var fn = { class: "app-menu-search-trigger__shortcut" }, pn = /* @__PURE__ */ N(
 							size: 18,
 							class: "app-layout__header-tool-icon"
 						}, {
-							default: K(() => [M(U(ce))]),
+							default: K(() => [M(U(le))]),
 							_: 1
 						})]),
 						M(jt),
@@ -1061,14 +1063,14 @@ var fn = { class: "app-menu-search-trigger__shortcut" }, pn = /* @__PURE__ */ N(
 								})]),
 								_: 1
 							})]),
-							default: K(() => [A("div", _n, [
+							default: K(() => [A("div", vn, [
 								M(m, { size: 32 }, {
 									default: K(() => [j(H(U(r).userName.slice(0, 1)), 1)]),
 									_: 1
 								}),
-								A("div", vn, [A("strong", null, H(U(r).userName), 1), A("span", null, H(U(r).userRoleLabel), 1)]),
+								A("div", yn, [A("strong", null, H(U(r).userName), 1), A("span", null, H(U(r).userRoleLabel), 1)]),
 								M(o, null, {
-									default: K(() => [M(U(ie))]),
+									default: K(() => [M(U(ae))]),
 									_: 1
 								})
 							])]),
@@ -1086,40 +1088,40 @@ var fn = { class: "app-menu-search-trigger__shortcut" }, pn = /* @__PURE__ */ N(
 });
 //#endregion
 //#region src/main/layouts/utils/menuSearch.ts
-function bn(e, t) {
+function xn(e, t) {
 	let n = t.trim().toLowerCase();
 	if (!n) return [...e];
 	let r = [];
 	for (let t of e) {
-		let e = bn(t.children ?? [], n);
-		!(Cn(t) && Sn(t, n)) && !e.length || r.push({
+		let e = xn(t.children ?? [], n);
+		!(wn(t) && Cn(t, n)) && !e.length || r.push({
 			...t,
 			children: e.length ? e : void 0
 		});
 	}
 	return r;
 }
-function xn(e, t) {
-	let n = wn(e), r = t.trim();
+function Sn(e, t) {
+	let n = Tn(e), r = t.trim();
 	if (!r) return n;
 	let i = Array.from(e), a = e.toLowerCase(), o = r.toLowerCase(), s = a.indexOf(o);
-	return s < 0 ? n : `${wn(i.slice(0, s).join(""))}<mark class="app-menu-search-highlight">${wn(i.slice(s, s + r.length).join(""))}</mark>${wn(i.slice(s + r.length).join(""))}`;
+	return s < 0 ? n : `${Tn(i.slice(0, s).join(""))}<mark class="app-menu-search-highlight">${Tn(i.slice(s, s + r.length).join(""))}</mark>${Tn(i.slice(s + r.length).join(""))}`;
 }
-function Sn(e, t) {
+function Cn(e, t) {
 	return e.title.toLowerCase().includes(t);
 }
-function Cn(e) {
+function wn(e) {
 	return !e.children?.length;
 }
-function wn(e) {
+function Tn(e) {
 	return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;");
 }
 //#endregion
 //#region src/main/layouts/components/AppSidebarSearch.vue?vue&type=script&setup=true&lang.ts
-var Tn = {
+var En = {
 	key: 0,
 	class: "app-sidebar-search"
-}, En = /* @__PURE__ */ N({
+}, Dn = /* @__PURE__ */ N({
 	__name: "AppSidebarSearch",
 	props: {
 		collapsed: { type: Boolean },
@@ -1130,21 +1132,21 @@ var Tn = {
 		let n = t;
 		return (t, r) => {
 			let i = B("el-icon"), a = B("el-input");
-			return e.collapsed ? O("", !0) : (L(), k("div", Tn, [M(a, {
+			return e.collapsed ? O("", !0) : (L(), k("div", En, [M(a, {
 				"model-value": e.keyword,
 				placeholder: "搜索菜单",
 				clearable: "",
 				"onUpdate:modelValue": r[0] ||= (e) => n("update:keyword", e)
 			}, {
 				prefix: K(() => [M(i, null, {
-					default: K(() => [M(U(xe))]),
+					default: K(() => [M(U(Y))]),
 					_: 1
 				})]),
 				_: 1
 			}, 8, ["model-value"])]));
 		};
 	}
-}), Dn = ["innerHTML"], On = ["innerHTML"], kn = /* @__PURE__ */ N({
+}), On = ["innerHTML"], kn = ["innerHTML"], An = /* @__PURE__ */ N({
 	name: "AppSidebarNode",
 	__name: "AppSidebarNode",
 	props: {
@@ -1152,7 +1154,7 @@ var Tn = {
 		keyword: {}
 	},
 	setup(e) {
-		let t = e, n = T(() => xn(t.node.title, t.keyword ?? ""));
+		let t = e, n = T(() => Sn(t.node.title, t.keyword ?? ""));
 		return (t, r) => {
 			let i = B("el-icon"), a = B("AppSidebarNode", !0), o = B("el-sub-menu"), s = B("el-menu-item");
 			return e.node.children?.length ? (L(), D(o, {
@@ -1162,7 +1164,7 @@ var Tn = {
 				title: K(() => [M(i, null, {
 					default: K(() => [(L(), D(V(U($)(e.node.icon))))]),
 					_: 1
-				}), A("span", { innerHTML: n.value }, null, 8, Dn)]),
+				}), A("span", { innerHTML: n.value }, null, 8, On)]),
 				default: K(() => [(L(!0), k(x, null, z(e.node.children, (t) => (L(), D(a, {
 					key: t.fullPath,
 					node: t,
@@ -1173,43 +1175,44 @@ var Tn = {
 				key: 1,
 				index: e.node.fullPath
 			}, {
-				default: K(() => [A("span", { innerHTML: n.value }, null, 8, On)]),
+				default: K(() => [A("span", { innerHTML: n.value }, null, 8, kn)]),
 				_: 1
 			}, 8, ["index"]));
 		};
 	}
-}), An = {
+}), jn = {
 	key: 0,
 	class: "app-layout__brand"
-}, jn = /* @__PURE__ */ N({
+}, Mn = /* @__PURE__ */ N({
 	name: "AppSidebar",
 	__name: "AppSidebar",
 	setup(e) {
-		let t = f(), n = l(), { activeMenu: r, sideMenus: i } = Mt(), a = R(""), o = T(() => t.themeColorPosition === "sidebar" || t.isDark), s = T(() => o.value ? n.logoHeader : n.logoExpanded), c = T(() => o.value && s.value === n.logoExpanded), u = T(() => t.isSidebarMenuSearch ? bn(i.value, a.value) : i.value), d = T(() => !t.isSidebarMenuSearch || !a.value.trim() ? [] : p(u.value));
+		let t = f(), n = l(), { activeMenu: r, sideMenus: i } = Mt(), a = R(""), o = T(() => t.themeColorPosition === "sidebar" || t.isDark), s = T(() => o.value ? n.logoHeader : n.logoExpanded), c = T(() => o.value && s.value === n.logoExpanded), u = T(() => t.isMobileViewport ? !1 : t.sidebarCollapsed), d = T(() => t.layoutMode !== "top" || t.isMobileViewport), p = T(() => t.isSidebarMenuSearch ? xn(i.value, a.value) : i.value), m = T(() => !t.isSidebarMenuSearch || !a.value.trim() ? [] : h(p.value));
 		W(() => t.isSidebarMenuSearch, (e) => {
 			e || (a.value = "");
 		});
-		function p(e) {
+		function h(e) {
 			let t = [];
-			for (let n of e) n.children?.length && (t.push(n.fullPath), t.push(...p(n.children)));
+			for (let n of e) n.children?.length && (t.push(n.fullPath), t.push(...h(n.children)));
 			return t;
 		}
 		return (e, i) => {
 			let o = B("el-menu"), l = B("el-scrollbar"), f = B("el-aside");
-			return U(t).layoutMode === "top" ? O("", !0) : (L(), D(f, {
+			return d.value ? (L(), D(f, {
 				key: 0,
-				width: U(t).sidebarCollapsed ? "72px" : "220px",
+				width: u.value ? "72px" : "220px",
 				class: F(["app-layout__aside", {
 					"is-mix-mode": U(t).layoutMode === "mix",
-					"has-brand": U(t).layoutMode !== "default"
+					"has-brand": U(t).layoutMode !== "default",
+					"is-mobile-open": U(t).mobileSidebarVisible
 				}])
 			}, {
 				default: K(() => [
-					U(t).layoutMode === "default" ? O("", !0) : (L(), k("div", An, [M(C, {
+					U(t).layoutMode === "default" ? O("", !0) : (L(), k("div", jn, [M(C, {
 						name: "brand-fade",
 						mode: "out-in"
 					}, {
-						default: K(() => [U(t).sidebarCollapsed ? (L(), D(Ut, {
+						default: K(() => [u.value ? (L(), D(Ut, {
 							key: "collapsed",
 							src: U(n).logoCollapsed,
 							alt: U(n).systemName,
@@ -1227,22 +1230,23 @@ var Tn = {
 						]))]),
 						_: 1
 					})])),
-					U(t).isSidebarMenuSearch ? (L(), D(En, {
+					U(t).isSidebarMenuSearch ? (L(), D(Dn, {
 						key: 1,
-						collapsed: U(t).sidebarCollapsed,
+						collapsed: u.value,
 						keyword: a.value,
 						"onUpdate:keyword": i[0] ||= (e) => a.value = e
 					}, null, 8, ["collapsed", "keyword"])) : O("", !0),
 					M(l, null, {
 						default: K(() => [M(o, {
-							collapse: U(t).sidebarCollapsed,
+							collapse: u.value,
 							"default-active": U(r),
-							"default-openeds": d.value,
+							"default-openeds": m.value,
 							class: "app-layout__menu",
 							router: "",
-							"unique-opened": ""
+							"unique-opened": "",
+							onSelect: U(t).closeMobileSidebar
 						}, {
-							default: K(() => [(L(!0), k(x, null, z(u.value, (e) => (L(), D(kn, {
+							default: K(() => [(L(!0), k(x, null, z(p.value, (e) => (L(), D(An, {
 								key: e.fullPath,
 								node: e,
 								keyword: U(t).isSidebarMenuSearch ? a.value : ""
@@ -1251,19 +1255,20 @@ var Tn = {
 						}, 8, [
 							"collapse",
 							"default-active",
-							"default-openeds"
+							"default-openeds",
+							"onSelect"
 						])]),
 						_: 1
 					})
 				]),
 				_: 1
-			}, 8, ["width", "class"]));
+			}, 8, ["width", "class"])) : O("", !0);
 		};
 	}
 });
 //#endregion
 //#region src/main/composables/useSortable.ts
-function Mn(e = {}) {
+function Nn(e = {}) {
 	let t = R(null);
 	function n() {
 		t.value?.destroy(), t.value = null;
@@ -1305,7 +1310,7 @@ function Mn(e = {}) {
 }
 //#endregion
 //#region src/main/layouts/components/AppTabsContextMenu.vue?vue&type=script&setup=true&lang.ts
-var Nn = ["disabled"], Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"], Ln = ["disabled"], Rn = /* @__PURE__ */ N({
+var Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"], Ln = ["disabled"], Rn = ["disabled"], zn = /* @__PURE__ */ N({
 	__name: "AppTabsContextMenu",
 	props: {
 		hasLeftTabs: { type: Boolean },
@@ -1364,15 +1369,15 @@ var Nn = ["disabled"], Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"],
 					left: `${e.position.x}px`,
 					top: `${e.position.y}px`
 				}),
-				onMousedown: n[8] ||= J(() => {}, ["stop"]),
-				onContextmenu: n[9] ||= J(() => {}, ["prevent"])
+				onMousedown: n[8] ||= q(() => {}, ["stop"]),
+				onContextmenu: n[9] ||= q(() => {}, ["prevent"])
 			}, [
 				A("button", {
 					class: "app-tabs-menu__item",
 					type: "button",
 					onClick: n[0] ||= (e) => i(a)
 				}, [M(f, null, {
-					default: K(() => [M(U(be))]),
+					default: K(() => [M(U(xe))]),
 					_: 1
 				}), n[10] ||= A("span", null, "重新加载", -1)]),
 				A("button", {
@@ -1381,9 +1386,9 @@ var Nn = ["disabled"], Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"],
 					disabled: !e.hasLastActive,
 					onClick: n[1] ||= (t) => i(o, !e.hasLastActive)
 				}, [M(f, null, {
-					default: K(() => [M(U(se))]),
+					default: K(() => [M(U(ce))]),
 					_: 1
-				}), n[11] ||= A("span", null, "切换上一个页签", -1)], 8, Nn),
+				}), n[11] ||= A("span", null, "切换上一个页签", -1)], 8, Pn),
 				A("button", {
 					class: "app-tabs-menu__item",
 					type: "button",
@@ -1399,63 +1404,63 @@ var Nn = ["disabled"], Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"],
 					disabled: e.isTargetHome,
 					onClick: n[3] ||= (t) => i(c, e.isTargetHome)
 				}, [M(f, null, {
-					default: K(() => [M(U(le))]),
+					default: K(() => [M(U(ue))]),
 					_: 1
-				}), n[13] ||= A("span", null, "关闭当前页签", -1)], 8, Pn),
+				}), n[13] ||= A("span", null, "关闭当前页签", -1)], 8, Fn),
 				A("button", {
 					class: "app-tabs-menu__item",
 					type: "button",
 					disabled: !e.hasMultipleTabs,
 					onClick: n[4] ||= (t) => i(l, !e.hasMultipleTabs)
 				}, [M(f, null, {
-					default: K(() => [M(U(ye))]),
+					default: K(() => [M(U(be))]),
 					_: 1
-				}), n[14] ||= A("span", null, "关闭其他页签", -1)], 8, Fn),
+				}), n[14] ||= A("span", null, "关闭其他页签", -1)], 8, In),
 				A("button", {
 					class: "app-tabs-menu__item",
 					type: "button",
 					disabled: !e.hasLeftTabs,
 					onClick: n[5] ||= (t) => i(u, !e.hasLeftTabs)
 				}, [M(f, null, {
-					default: K(() => [M(U(de))]),
+					default: K(() => [M(U(fe))]),
 					_: 1
-				}), n[15] ||= A("span", null, "关闭左侧页签", -1)], 8, In),
+				}), n[15] ||= A("span", null, "关闭左侧页签", -1)], 8, Ln),
 				A("button", {
 					class: "app-tabs-menu__item",
 					type: "button",
 					disabled: !e.hasRightTabs,
 					onClick: n[6] ||= (t) => i(d, !e.hasRightTabs)
 				}, [M(f, null, {
-					default: K(() => [M(U(fe))]),
+					default: K(() => [M(U(pe))]),
 					_: 1
-				}), n[16] ||= A("span", null, "关闭右侧页签", -1)], 8, Ln),
+				}), n[16] ||= A("span", null, "关闭右侧页签", -1)], 8, Rn),
 				n[19] ||= A("div", { class: "app-tabs-menu__divider" }, null, -1),
 				A("button", {
 					class: "app-tabs-menu__item",
 					type: "button",
 					onClick: n[7] ||= (e) => i(() => r("closeAll"))
 				}, [M(f, null, {
-					default: K(() => [M(U(he))]),
+					default: K(() => [M(U(ge))]),
 					_: 1
 				}), n[17] ||= A("span", null, "关闭全部页签", -1)])
 			], 36)) : O("", !0);
 		};
 	}
-}), zn = {
+}), Bn = {
 	key: 0,
 	class: "app-layout__tabs"
-}, Bn = { class: "app-layout__tabs-bar" }, Vn = [
+}, Vn = { class: "app-layout__tabs-bar" }, Hn = [
 	"data-path",
 	"onClick",
 	"onContextmenu"
-], Hn = { class: "app-layout__tab-label" }, Un = ["onClick"], Wn = /* @__PURE__ */ N({
+], Un = { class: "app-layout__tab-label" }, Wn = ["onClick"], Gn = /* @__PURE__ */ N({
 	__name: "AppTabs",
 	emits: ["refresh"],
 	setup(e, { emit: t }) {
 		let n = t, r = _(), i = Q(), a = R(!1), o = R(!1), s = R(!1), c = R({
 			x: 0,
 			y: 0
-		}), l = R(null), u = R(null), d = T(() => l.value ? i.tabs.findIndex((e) => e.path === l.value?.path) : -1), f = T(() => l.value?.path === i.activeTab), p = T(() => d.value > 0), m = T(() => d.value >= 0 && d.value < i.tabs.length - 1), h = T(() => i.tabs.length > 1), g = T(() => !!(i.lastActiveTab && i.tabPaths.includes(i.lastActiveTab))), { init: v } = Mn({
+		}), l = R(null), u = R(null), d = T(() => l.value ? i.tabs.findIndex((e) => e.path === l.value?.path) : -1), f = T(() => l.value?.path === i.activeTab), p = T(() => d.value > 0), m = T(() => d.value >= 0 && d.value < i.tabs.length - 1), h = T(() => i.tabs.length > 1), g = T(() => !!(i.lastActiveTab && i.tabPaths.includes(i.lastActiveTab))), { init: v } = Nn({
 			animation: 150,
 			chosenClass: "sortable-chosen",
 			direction: "horizontal",
@@ -1536,26 +1541,26 @@ var Nn = ["disabled"], Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"],
 		async function G(e) {
 			await i.closeLeftTabs(e), i.tabPaths.includes(i.activeTab) || await y(e);
 		}
-		async function q(e) {
+		async function re(e) {
 			await i.closeRightTabs(e), i.tabPaths.includes(i.activeTab) || await y(e);
 		}
-		async function re() {
+		async function ie() {
 			await i.closeAllTabs(), r.push(X);
 		}
-		function Y() {
+		function J() {
 			let e = i.lastActiveTab;
 			!e || !i.tabPaths.includes(e) || y(e);
 		}
-		function ae(e) {
+		function oe(e) {
 			window.open(e, "_blank", "noopener,noreferrer");
 		}
-		function oe(e) {
+		function se(e) {
 			e.button !== 2 && I();
 		}
 		return te(() => {
-			document.addEventListener("mousedown", oe), v(u.value), N();
+			document.addEventListener("mousedown", se), v(u.value), N();
 		}), ne(() => {
-			document.removeEventListener("mousedown", oe);
+			document.removeEventListener("mousedown", se);
 		}), W(() => i.tabs.map((e) => e.path).join("|"), () => {
 			a.value || P(() => {
 				v(u.value), N();
@@ -1564,7 +1569,7 @@ var Nn = ["disabled"], Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"],
 			N();
 		}), (e, t) => {
 			let n = B("el-icon");
-			return U(i).tabs.length ? (L(), k("div", zn, [A("div", Bn, [
+			return U(i).tabs.length ? (L(), k("div", Bn, [A("div", Vn, [
 				A("div", {
 					ref_key: "tabsScrollRef",
 					ref: u,
@@ -1584,21 +1589,21 @@ var Nn = ["disabled"], Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"],
 						default: K(() => [(L(), D(V(U($)(e.icon))))]),
 						_: 2
 					}, 1024)) : O("", !0),
-					A("span", Hn, H(e.title), 1),
+					A("span", Un, H(e.title), 1),
 					e.path === U("/dashboard") ? O("", !0) : (L(), k("button", {
 						key: 1,
 						class: "app-layout__tab-close",
 						type: "button",
-						onClick: J((t) => b(e.path), ["stop"])
-					}, " × ", 8, Un))
-				], 42, Vn))), 128))], 544),
+						onClick: q((t) => b(e.path), ["stop"])
+					}, " × ", 8, Wn))
+				], 42, Hn))), 128))], 544),
 				A("button", {
 					class: "app-layout__tabs-action",
 					type: "button",
 					title: "页签操作",
 					onClick: E
 				}, [M(n, null, {
-					default: K(() => [M(U(ie))]),
+					default: K(() => [M(U(ae))]),
 					_: 1
 				})]),
 				A("button", {
@@ -1607,10 +1612,10 @@ var Nn = ["disabled"], Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"],
 					title: "刷新当前页签",
 					onClick: t[0] ||= (e) => S(U(i).activeTab)
 				}, [M(n, { class: F({ "is-rotating": o.value }) }, {
-					default: K(() => [M(U(be))]),
+					default: K(() => [M(U(xe))]),
 					_: 1
 				}, 8, ["class"])])
-			]), M(Rn, {
+			]), M(zn, {
 				visible: s.value,
 				"has-left-tabs": p.value,
 				"has-multiple-tabs": h.value,
@@ -1621,13 +1626,13 @@ var Nn = ["disabled"], Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"],
 				position: c.value,
 				"target-tab": l.value,
 				onClose: I,
-				onCloseAll: re,
+				onCloseAll: ie,
 				onCloseLeft: G,
 				onCloseOthers: ee,
-				onCloseRight: q,
+				onCloseRight: re,
 				onCloseTab: b,
-				onOpenInNewTab: ae,
-				onSwitchPrev: Y,
+				onOpenInNewTab: oe,
+				onSwitchPrev: J,
 				onRefresh: S
 			}, null, 8, [
 				"visible",
@@ -1642,7 +1647,7 @@ var Nn = ["disabled"], Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"],
 			])])) : O("", !0);
 		};
 	}
-}), Gn = /* @__PURE__ */ N({
+}), Kn = /* @__PURE__ */ N({
 	__name: "AppLayout",
 	setup(e) {
 		let t = g(), n = Q(), r = f(), i = R(0), a = T(() => t.matched.filter((e) => e.meta?.title));
@@ -1667,14 +1672,27 @@ var Nn = ["disabled"], Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"],
 		return (e, t) => {
 			let n = B("el-container");
 			return L(), k(x, null, [M(n, { class: "app-layout" }, {
-				default: K(() => [M(jn), M(n, { direction: "vertical" }, {
-					default: K(() => [
-						M(yn, { "breadcrumb-items": a.value }, null, 8, ["breadcrumb-items"]),
-						M(Wn, { onRefresh: o }),
-						M(kt, { "refresh-key": i.value }, null, 8, ["refresh-key"])
-					]),
-					_: 1
-				})]),
+				default: K(() => [
+					M(Mn),
+					M(n, { direction: "vertical" }, {
+						default: K(() => [
+							M(bn, { "breadcrumb-items": a.value }, null, 8, ["breadcrumb-items"]),
+							M(Gn, { onRefresh: o }),
+							M(kt, { "refresh-key": i.value }, null, 8, ["refresh-key"])
+						]),
+						_: 1
+					}),
+					M(C, { name: "app-mobile-mask" }, {
+						default: K(() => [U(r).mobileSidebarVisible ? (L(), k("button", {
+							key: 0,
+							type: "button",
+							class: "app-layout__mobile-mask",
+							"aria-label": "关闭侧边栏",
+							onClick: t[0] ||= (e) => U(r).closeMobileSidebar()
+						})) : O("", !0)]),
+						_: 1
+					})
+				]),
 				_: 1
 			}), M(Ot)], 64);
 		};
@@ -1682,7 +1700,7 @@ var Nn = ["disabled"], Pn = ["disabled"], Fn = ["disabled"], In = ["disabled"],
 });
 //#endregion
 //#region src/main/router/base-routes.ts
-function Kn(e = []) {
+function qn(e = []) {
 	return [{
 		path: "/login",
 		name: "login",
@@ -1693,7 +1711,7 @@ function Kn(e = []) {
 		}
 	}, {
 		path: "/",
-		component: Gn,
+		component: Kn,
 		redirect: "/dashboard",
 		children: [
 			{
@@ -1748,26 +1766,26 @@ function Kn(e = []) {
 }
 //#endregion
 //#region src/main/router/index.ts
-function qn(e = []) {
+function Jn(e = []) {
 	let t = Array.isArray(e) ? { businessRoutes: e } : e, n = m({
 		history: t.history ?? h("/"),
-		routes: Kn(t.businessRoutes ?? []),
+		routes: qn(t.businessRoutes ?? []),
 		scrollBehavior: t.scrollBehavior ?? (() => ({ top: 0 }))
 	});
 	return He(n), t.setupRouter?.(n), n;
 }
 //#endregion
 //#region src/main/directives/index.ts
-var Jn = {
+var Yn = {
 	mounted(e, t) {
-		Yn(e, t.value);
+		Xn(e, t.value);
 	},
 	updated(e, t) {
-		Yn(e, t.value);
+		Xn(e, t.value);
 	}
 };
-function Yn(e, t) {
-	let n = a(), r = Xn(t), i = typeof t == "object" && !Array.isArray(t) && t.mode || "all", o = typeof t == "object" && !Array.isArray(t) ? !!t.disabled : !1, s = i === "any" ? r.some((e) => n.hasPermission(e)) : r.every((e) => n.hasPermission(e));
+function Xn(e, t) {
+	let n = a(), r = Zn(t), i = typeof t == "object" && !Array.isArray(t) && t.mode || "all", o = typeof t == "object" && !Array.isArray(t) ? !!t.disabled : !1, s = i === "any" ? r.some((e) => n.hasPermission(e)) : r.every((e) => n.hasPermission(e));
 	if (!r.length || s) {
 		e.style.display = "", e.hidden = !1, o && (e.removeAttribute("disabled"), e.classList.remove("is-disabled"));
 		return;
@@ -1778,29 +1796,29 @@ function Yn(e, t) {
 	}
 	e.style.display = "none", e.hidden = !0;
 }
-function Xn(e) {
+function Zn(e) {
 	return typeof e == "string" ? e ? [e] : [] : Array.isArray(e) ? e : e.permissions ?? [];
 }
-function Zn(e) {
-	e.directive("permission", Jn);
+function Qn(e) {
+	e.directive("permission", Yn);
 }
 //#endregion
 //#region src/main/app/create-app.ts
-async function Qn(e) {
+async function $n(e) {
 	Pe(e.appConfig), ze();
-	let t = qn({
+	let t = Jn({
 		businessRoutes: e.businessRoutes,
 		history: e.routerHistory,
 		scrollBehavior: e.routerScrollBehavior,
 		setupRouter: e.setupRouter
-	}), n = E(e.rootComponent), r = re(), i = {
+	}), n = E(e.rootComponent), r = ie(), i = {
 		app: n,
 		router: t,
 		pinia: r,
 		http: Ie,
 		requestManager: Re
 	};
-	ke(), n.use(y, { locale: je }), n.use(r), n.use(t), Zn(n), Me(t), await e.setupApp?.(i), await e.beforePlatformInit?.(i);
+	ke(), n.use(y, { locale: je }), n.use(r), n.use(t), Qn(n), Me(t), await e.setupApp?.(i), await e.beforePlatformInit?.(i);
 	let a = f(r), o = l(r), s = Q(r), c = Oe({ fullscreen: !0 });
 	try {
 		await Promise.all([
@@ -1819,4 +1837,4 @@ async function Qn(e) {
 	return await e.afterMount?.(d), n;
 }
 //#endregion
-export { X as a, Le as c, Me as d, Mn as i, Ie as l, qn as n, Q as o, Kn as r, ze as s, Qn as t, Re as u };
+export { X as a, Le as c, Me as d, Nn as i, Ie as l, Jn as n, Q as o, qn as r, ze as s, $n as t, Re as u };