@pubinfo-pr/core 0.222.2 → 0.222.4

package/dist/{HeaderThinMenu-2q2iBtTH.js → HeaderThinMenu-CRPVfGgM.js}

@@ -1,13 +1,13 @@
-import { n as __exportAll } from "./chunk-CD4vhpVs.js";
-import { n as api } from "./modal-Bl5xHbxa.js";
-import { d as useTimeoutFn } from "./dist-7OjQvlya.js";
-import { a as PubinfoIcon_default } from "./components-BfkDsfck.js";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-sUTDUeGO.js";
-import { n as useContext } from "./useContext-DLtu9F7E.js";
-import { t as P } from "./overlayscrollbars-vue-mGyICRMi.js";
+import { a as PubinfoIcon_default } from "./components-C9kcavB4.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BBf_fmJ_.js";
+import { n as useContext } from "./useContext-mDF2-tXy.js";
 import { usePartyLogin } from "./index.js";
+import { t as __exportAll } from "./core-D2ocBD0r.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, shallowRef, toDisplayString, toHandlers, unref, watch, withCtx, withModifiers } from "vue";
+import { useTimeoutFn } from "@vueuse/core";
 import { useRoute, useRouter } from "vue-router";
+import { message } from "ant-design-vue";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
 var _hoisted_1$1 = { class: "relative inline-flex" }, _hoisted_2 = {
 	key: 0,
 	class: "absolute left-[50%] top-0 z-20 whitespace-nowrap rounded-full bg-ui-primary px-1.5 text-xs text-ui-text ring-1 ring-light -translate-y-[50%] dark:ring-dark"
@@ -60,52 +60,52 @@ var _hoisted_1 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export_he
 			default: !1
 		}
 	},
-	setup(e, { expose: t }) {
-		let n = e, i = inject(rootMenuInjectionKey), { generateTitle: o } = useContext(), s = ref(), c = computed(() => n.subMenu ? i.subMenus[n.uniqueKey[n.uniqueKey.length - 1]]?.active : i.activeIndex === n.uniqueKey[n.uniqueKey.length - 1]), l = computed(() => c.value && (!n.subMenu || i.isMenuPopup)), d = computed(() => {
+	setup(t, { expose: r }) {
+		let i = t, o = inject(rootMenuInjectionKey), { generateTitle: s } = useContext(), u = ref(), d = computed(() => i.subMenu ? o.subMenus[i.uniqueKey[i.uniqueKey.length - 1]]?.active : o.activeIndex === i.uniqueKey[i.uniqueKey.length - 1]), f = computed(() => d.value && (!i.subMenu || o.isMenuPopup)), m = computed(() => {
 			let e;
-			return n.item.meta?.icon && (e = n.item.meta.icon), c.value && (n.item.meta?.activeIcon === "system-point" ? e = "system-point" : n.item.meta?.activeIcon && (e = n.item.meta.activeIcon)), e;
-		}), f = computed(() => n.item.meta?.iconOptions), p = computed(() => {
-			let e = f.value?.boxType;
+			return i.item.meta?.icon && (e = i.item.meta.icon), d.value && (i.item.meta?.activeIcon === "system-point" ? e = "system-point" : i.item.meta?.activeIcon && (e = i.item.meta.activeIcon)), e;
+		}), h = computed(() => i.item.meta?.iconOptions), g = computed(() => {
+			let e = h.value?.boxType;
 			return e && e !== "null" ? e : void 0;
-		}), h = computed(() => f.value?.iconColor || void 0), g = computed(() => i.isMenuPopup ? "" : `padding-left: ${32 * (n.level ?? 0)}px`);
-		return t({ ref: s }), (t, n) => {
-			let a = HBadge_default;
+		}), v = computed(() => h.value?.iconColor || void 0), y = computed(() => o.isMenuPopup ? "" : `padding-left: ${32 * (i.level ?? 0)}px`);
+		return r({ ref: u }), (n, r) => {
+			let i = HBadge_default;
 			return openBlock(), createElementBlock("div", {
 				ref_key: "itemRef",
-				ref: s,
+				ref: u,
 				class: normalizeClass(["menu-item relative transition-all", {
-					active: unref(l),
-					"px-2 py-1": unref(i).props.rounded,
-					"px-1! py-2!": unref(i).props.rounded && unref(i).isMenuPopup && e.level === 0 && unref(i).props.mode === "horizontal"
+					active: unref(f),
+					"px-2 py-1": unref(o).props.rounded,
+					"px-1! py-2!": unref(o).props.rounded && unref(o).isMenuPopup && t.level === 0 && unref(o).props.mode === "horizontal"
 				}])
 			}, [createElementVNode("div", {
 				class: normalizeClass(["group menu-item-container h-full w-full flex cursor-pointer items-center justify-between gap-1 px-5 py-14px text-[var(--g-sub-sidebar-menu-color)] transition-all hover:(bg-[var(--g-sub-sidebar-menu-hover-bg)] text-[var(--g-sub-sidebar-menu-hover-color)])", {
-					"text-[var(--g-sub-sidebar-menu-active-color)]! bg-[var(--g-sub-sidebar-menu-active-bg)]!": unref(l),
-					"rounded-2": unref(i).props.rounded,
-					"px-2!": unref(i).isMenuPopup && e.level === 0,
-					"py-3!": unref(i).props.rounded && unref(i).isMenuPopup && e.level !== 0
+					"text-[var(--g-sub-sidebar-menu-active-color)]! bg-[var(--g-sub-sidebar-menu-active-bg)]!": unref(f),
+					"rounded-2": unref(o).props.rounded,
+					"px-2!": unref(o).isMenuPopup && t.level === 0,
+					"py-3!": unref(o).props.rounded && unref(o).isMenuPopup && t.level !== 0
 				}]),
-				title: unref(o)(e.item.meta?.title)
+				title: unref(s)(t.item.meta?.title)
 			}, [createElementVNode("div", {
 				class: normalizeClass(["menu-item-container-layout inline-flex flex-1 items-center justify-center gap-[12px]", {
-					"flex-col gap-none": unref(i).isMenuPopup && e.level === 0,
-					"flex-col gap-[2px]!": unref(i).isMenuPopup && e.level === 0 && unref(i).props.showCollapseName,
-					"w-full": unref(i).isMenuPopup && e.level === 0 && unref(i).props.showCollapseName && unref(i).props.mode === "vertical",
-					"w-[50px]": unref(i).isMenuPopup && e.level === 0 && unref(i).props.showCollapseName && unref(i).props.mode === "horizontal"
+					"flex-col gap-none": unref(o).isMenuPopup && t.level === 0,
+					"flex-col gap-[2px]!": unref(o).isMenuPopup && t.level === 0 && unref(o).props.showCollapseName,
+					"w-full": unref(o).isMenuPopup && t.level === 0 && unref(o).props.showCollapseName && unref(o).props.mode === "vertical",
+					"w-[50px]": unref(o).isMenuPopup && t.level === 0 && unref(o).props.showCollapseName && unref(o).props.mode === "horizontal"
 				}]),
-				style: normalizeStyle(unref(g))
+				style: normalizeStyle(unref(y))
 			}, [
-				unref(d) && unref(d) !== "system-point" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(f) && unref(p) ? (openBlock(), createBlock(unref(PubinfoIcon_default), {
+				unref(m) && unref(m) !== "system-point" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(h) && unref(g) ? (openBlock(), createBlock(unref(PubinfoIcon_default), {
 					key: 0,
 					small: "",
-					name: unref(d),
-					box: unref(p),
+					name: unref(m),
+					box: unref(g),
 					size: 20,
-					"icon-size": unref(f)?.iconSize,
-					angle: unref(f)?.angle,
-					background: unref(f)?.background,
-					radius: unref(f)?.radius,
-					color: (unref(d) || "").startsWith("antd:") ? unref(h) || "#ffffff" : void 0,
+					"icon-size": unref(h)?.iconSize,
+					angle: unref(h)?.angle,
+					background: unref(h)?.background,
+					radius: unref(h)?.radius,
+					color: (unref(m) || "").startsWith("antd:") ? unref(v) || "#ffffff" : void 0,
 					class: "menu-item-container-icon transition-transform group-hover:scale-115"
 				}, null, 8, [
 					"name",
@@ -117,30 +117,30 @@ var _hoisted_1 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export_he
 					"color"
 				])) : (openBlock(), createBlock(unref(PubinfoIcon_default), {
 					key: 1,
-					name: unref(d),
+					name: unref(m),
 					size: 20,
-					color: (unref(d) || "").startsWith("antd:") ? unref(h) : void 0,
+					color: (unref(m) || "").startsWith("antd:") ? unref(v) : void 0,
 					class: "menu-item-container-icon transition-transform group-hover:scale-115"
 				}, null, 8, ["name", "color"]))], 64)) : createCommentVNode("", !0),
-				unref(i).isMenuPopup && e.level === 0 && !unref(i).props.showCollapseName ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", {
+				unref(o).isMenuPopup && t.level === 0 && !unref(o).props.showCollapseName ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", {
 					key: 1,
 					class: normalizeClass(["title w-0 flex-1 truncate text-sm transition-height transition-opacity transition-width", {
-						"opacity-0 w-0 h-0": unref(i).isMenuPopup && e.level === 0 && !unref(i).props.showCollapseName,
-						"w-full text-center": unref(i).isMenuPopup && e.level === 0 && unref(i).props.showCollapseName,
-						"system-point": unref(d) === "system-point" && unref(l)
+						"opacity-0 w-0 h-0": unref(o).isMenuPopup && t.level === 0 && !unref(o).props.showCollapseName,
+						"w-full text-center": unref(o).isMenuPopup && t.level === 0 && unref(o).props.showCollapseName,
+						"system-point": unref(m) === "system-point" && unref(f)
 					}])
-				}, toDisplayString(unref(o)(e.item.meta?.title)), 3)),
-				e.item.meta?.badge ? (openBlock(), createBlock(a, {
+				}, toDisplayString(unref(s)(t.item.meta?.title)), 3)),
+				t.item.meta?.badge ? (openBlock(), createBlock(i, {
 					key: 2,
-					value: typeof e.item.meta.badge == "function" ? e.item.meta.badge() : e.item.meta.badge,
-					class: normalizeClass(["badge", { "opacity-0": unref(i).isMenuPopup && e.level === 0 }])
+					value: typeof t.item.meta.badge == "function" ? t.item.meta.badge() : t.item.meta.badge,
+					class: normalizeClass(["badge", { "opacity-0": unref(o).isMenuPopup && t.level === 0 }])
 				}, null, 8, ["value", "class"])) : createCommentVNode("", !0)
-			], 6), e.subMenu && !(unref(i).isMenuPopup && e.level === 0) ? (openBlock(), createElementBlock("i", {
+			], 6), t.subMenu && !(unref(o).isMenuPopup && t.level === 0) ? (openBlock(), createElementBlock("i", {
 				key: 0,
 				class: normalizeClass(["sharp-corner", [
-					e.expand ? "before:-rotate-45 before:-translate-x-[2px] after:rotate-45 after:translate-x-[2px]" : "before:rotate-45 before:-translate-x-[2px] after:-rotate-45 after:translate-x-[2px] ",
-					unref(i).isMenuPopup && e.level === 0 && "opacity-0",
-					unref(i).isMenuPopup && e.level !== 0 && "-rotate-90 -top-[1.5px]"
+					t.expand ? "before:-rotate-45 before:-translate-x-[2px] after:rotate-45 after:translate-x-[2px]" : "before:rotate-45 before:-translate-x-[2px] after:-rotate-45 after:translate-x-[2px] ",
+					unref(o).isMenuPopup && t.level === 0 && "opacity-0",
+					unref(o).isMenuPopup && t.level !== 0 && "-rotate-90 -top-[1.5px]"
 				]])
 			}, null, 2)) : createCommentVNode("", !0)], 10, _hoisted_1)], 2);
 		};
@@ -154,7 +154,7 @@ var _hoisted_1 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export_he
 		level: { default: 0 }
 	},
 	setup(e) {
-		let t = e, r = t.menu.path ?? JSON.stringify(t.menu), i = shallowRef(), a = shallowRef(), s = inject(rootMenuInjectionKey), u = computed(() => s.openedMenus.includes(t.uniqueKey[t.uniqueKey.length - 1])), f = computed(() => s.isMenuPopup ? {
+		let t = e, n = t.menu.path ?? JSON.stringify(t.menu), r = shallowRef(), i = shallowRef(), l = inject(rootMenuInjectionKey), d = computed(() => l.openedMenus.includes(t.uniqueKey[t.uniqueKey.length - 1])), f = computed(() => l.isMenuPopup ? {
 			enter(e) {
 				e.offsetHeight > window.innerHeight && (e.style.height = `${window.innerHeight}px`);
 			},
@@ -185,7 +185,7 @@ var _hoisted_1 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export_he
 			afterLeave(e) {
 				e.style.overflow = "", e.style.maxHeight = "";
 			}
-		}), p = computed(() => s.isMenuPopup ? {
+		}), g = computed(() => l.isMenuPopup ? {
 			enterActiveClass: "ease-in-out duration-300",
 			enterFromClass: "opacity-0 translate-x-4",
 			enterToClass: "opacity-100",
@@ -204,36 +204,36 @@ var _hoisted_1 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export_he
 			return t.menu.children ? t.menu.children.every((e) => e.meta?.sidebar === !1) && (e = !1) : e = !1, e;
 		});
 		function v() {
-			s.isMenuPopup && _.value || (_.value ? s.handleSubMenuClick(r, t.uniqueKey) : s.handleMenuItemClick(r, t.menu.meta));
+			l.isMenuPopup && _.value || (_.value ? l.handleSubMenuClick(n, t.uniqueKey) : l.handleMenuItemClick(n, t.menu.meta));
 		}
 		let y;
 		function b() {
-			s.isMenuPopup && (s.mouseInMenu = t.uniqueKey, y?.(), {stop: y} = useTimeoutFn(() => {
-				if (_.value) s.openMenu(r, t.uniqueKey), nextTick(() => {
-					let e = i.value.ref, n = 0, r = 0;
-					s.props.mode === "vertical" || t.level !== 0 ? (n = e.getBoundingClientRect().top + e.scrollTop, r = e.getBoundingClientRect().left + e.getBoundingClientRect().width, n + a.value.getElement().offsetHeight > window.innerHeight && (n = window.innerHeight - a.value.getElement().offsetHeight)) : (n = e.getBoundingClientRect().top + e.getBoundingClientRect().height, r = e.getBoundingClientRect().left, n + a.value.getElement().offsetHeight > window.innerHeight && (a.value.getElement().style.height = `${window.innerHeight - n}px`)), a.value.getElement().style.top = `${n}px`, a.value.getElement().style.left = `${r}px`;
+			l.isMenuPopup && (l.mouseInMenu = t.uniqueKey, y?.(), {stop: y} = useTimeoutFn(() => {
+				if (_.value) l.openMenu(n, t.uniqueKey), nextTick(() => {
+					let e = r.value.ref, n = 0, a = 0;
+					l.props.mode === "vertical" || t.level !== 0 ? (n = e.getBoundingClientRect().top + e.scrollTop, a = e.getBoundingClientRect().left + e.getBoundingClientRect().width, n + i.value.getElement().offsetHeight > window.innerHeight && (n = window.innerHeight - i.value.getElement().offsetHeight)) : (n = e.getBoundingClientRect().top + e.getBoundingClientRect().height, a = e.getBoundingClientRect().left, n + i.value.getElement().offsetHeight > window.innerHeight && (i.value.getElement().style.height = `${window.innerHeight - n}px`)), i.value.getElement().style.top = `${n}px`, i.value.getElement().style.left = `${a}px`;
 				});
 				else {
-					let e = t.menu.children ? s.subMenus[r].indexPath.at(-1) : s.items[r].indexPath.at(-1);
-					s.openMenu(e, s.subMenus[e].indexPath);
+					let e = t.menu.children ? l.subMenus[n].indexPath.at(-1) : l.items[n].indexPath.at(-1);
+					l.openMenu(e, l.subMenus[e].indexPath);
 				}
 			}, 300));
 		}
 		function x() {
-			s.isMenuPopup && (s.mouseInMenu = [], y?.(), {stop: y} = useTimeoutFn(() => {
-				s.mouseInMenu.length === 0 ? s.closeMenu(t.uniqueKey) : _.value && (s.mouseInMenu.includes(t.uniqueKey.at(-1)) || s.closeMenu(t.uniqueKey.at(-1)));
+			l.isMenuPopup && (l.mouseInMenu = [], y?.(), {stop: y} = useTimeoutFn(() => {
+				l.mouseInMenu.length === 0 ? l.closeMenu(t.uniqueKey) : _.value && (l.mouseInMenu.includes(t.uniqueKey.at(-1)) || l.closeMenu(t.uniqueKey.at(-1)));
 			}, 300));
 		}
 		return (t, n) => {
-			let r = resolveComponent("SubMenu");
+			let c = resolveComponent("SubMenu");
 			return openBlock(), createElementBlock(Fragment, null, [createVNode(item_default, {
 				ref_key: "itemRef",
-				ref: i,
+				ref: r,
 				"unique-key": e.uniqueKey,
 				item: e.menu,
 				level: e.level,
 				"sub-menu": unref(_),
-				expand: unref(u),
+				expand: unref(d),
 				onClick: v,
 				onMouseenter: b,
 				onMouseleave: x
@@ -246,22 +246,22 @@ var _hoisted_1 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export_he
 			]), unref(_) ? (openBlock(), createBlock(Teleport, {
 				key: 0,
 				to: "body",
-				disabled: !unref(s).isMenuPopup
-			}, [createVNode(Transition, mergeProps(unref(p), toHandlers(unref(f))), {
-				default: withCtx(() => [unref(u) ? (openBlock(), createBlock(unref(P), {
+				disabled: !unref(l).isMenuPopup
+			}, [createVNode(Transition, mergeProps(unref(g), toHandlers(unref(f))), {
+				default: withCtx(() => [unref(d) ? (openBlock(), createBlock(unref(OverlayScrollbarsComponent), {
 					key: 0,
 					ref_key: "subMenuRef",
-					ref: a,
+					ref: i,
 					options: { scrollbars: { visibility: "hidden" } },
 					defer: "",
 					class: normalizeClass(["sub-menu", {
-						"bg-[var(--g-sub-sidebar-bg)]": unref(s).isMenuPopup,
-						"ring-1 ring-stone-2 dark:ring-stone-8 shadow-xl fixed z-3000 w-[200px]": unref(s).isMenuPopup,
-						"mx-2": unref(s).isMenuPopup && (unref(s).props.mode === "vertical" || e.level !== 0),
-						"rounded-2 py-1": unref(s).props.rounded && unref(s).isMenuPopup
+						"bg-[var(--g-sub-sidebar-bg)]": unref(l).isMenuPopup,
+						"ring-1 ring-stone-2 dark:ring-stone-8 shadow-xl fixed z-3000 w-[200px]": unref(l).isMenuPopup,
+						"mx-2": unref(l).isMenuPopup && (unref(l).props.mode === "vertical" || e.level !== 0),
+						"rounded-2 py-1": unref(l).props.rounded && unref(l).isMenuPopup
 					}])
 				}, {
-					default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.menu.children, (t) => (openBlock(), createElementBlock(Fragment, { key: t.path ?? JSON.stringify(t) }, [t.meta?.sidebar === !1 ? createCommentVNode("", !0) : (openBlock(), createBlock(r, {
+					default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.menu.children, (t) => (openBlock(), createElementBlock(Fragment, { key: t.path ?? JSON.stringify(t) }, [t.meta?.sidebar === !1 ? createCommentVNode("", !0) : (openBlock(), createBlock(c, {
 						key: 0,
 						"unique-key": [...e.uniqueKey, t.path ?? JSON.stringify(t)],
 						menu: t,
@@ -303,49 +303,49 @@ var _hoisted_1 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export_he
 		}
 	},
 	setup(e) {
-		let n = e, r = useRouter(), i = ref(n.value), a = ref({}), o = ref({}), c = ref(n.defaultOpeneds.slice(0)), l = ref([]), u = computed(() => n.mode === "horizontal" || n.mode === "vertical" && n.collapse);
-		function d(e = [], t = []) {
+		let t = e, n = useRouter(), i = ref(t.value), o = ref({}), s = ref({}), l = ref(t.defaultOpeneds.slice(0)), u = ref([]), d = computed(() => t.mode === "horizontal" || t.mode === "vertical" && t.collapse);
+		function f(e = [], t = []) {
 			e.forEach((e) => {
 				let n = e.path ?? JSON.stringify(e);
 				if (e.children && e.children.length > 0) {
 					let r = [...t, n];
-					o.value[n] = {
+					s.value[n] = {
 						index: n,
 						indexPath: r,
 						active: !1
-					}, d(e.children, r);
-				} else a.value[n] = {
+					}, f(e.children, r);
+				} else o.value[n] = {
 					index: n,
 					indexPath: t
 				};
 			});
 		}
-		let f = (e, t) => {
-			c.value.includes(e) || (n.accordion && (c.value = c.value.filter((e) => t.includes(e))), c.value.push(e));
-		}, p = (e) => {
+		let p = (e, n) => {
+			l.value.includes(e) || (t.accordion && (l.value = l.value.filter((e) => n.includes(e))), l.value.push(e));
+		}, m = (e) => {
 			if (Array.isArray(e)) {
 				nextTick(() => {
-					p(e.at(-1)), e.length > 1 && p(e.slice(0, -1));
+					m(e.at(-1)), e.length > 1 && m(e.slice(0, -1));
 				});
 				return;
 			}
-			Object.keys(o.value).forEach((t) => {
-				o.value[t].indexPath.includes(e) && (c.value = c.value.filter((t) => t !== e));
+			Object.keys(s.value).forEach((t) => {
+				s.value[t].indexPath.includes(e) && (l.value = l.value.filter((t) => t !== e));
 			});
 		};
-		function m(e) {
-			Object.keys(o.value).forEach((e) => {
-				o.value[e].active = !1;
-			}), a.value[e]?.indexPath.forEach((e) => {
-				o.value[e].active = !0;
+		function g(e) {
+			Object.keys(s.value).forEach((e) => {
+				s.value[e].active = !1;
+			}), o.value[e]?.indexPath.forEach((e) => {
+				s.value[e].active = !0;
 			});
 		}
-		let h = async (e, i) => {
+		let _ = async (e, i) => {
 			if (i?.isDev) {
-				api.info("暂未上线，敬请期待！");
+				message.info("暂未上线，敬请期待！");
 				return;
 			}
-			if ((n.mode === "horizontal" || n.collapse) && (c.value = []), m(e), i?.link) {
+			if ((t.mode === "horizontal" || t.collapse) && (l.value = []), g(e), i?.link) {
 				let e = i?.partyLogin;
 				if (e && Array.isArray(e) && e.length > 0) {
 					let { url: t } = await usePartyLogin(e, i.link);
@@ -353,45 +353,45 @@ var _hoisted_1 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export_he
 				} else window.open(i.link);
 				return;
 			}
-			r.push(e);
-		}, _ = (e, t) => {
-			c.value.includes(e) ? p(e) : f(e, t);
+			n.push(e);
+		}, x = (e, t) => {
+			l.value.includes(e) ? m(e) : p(e, t);
 		};
-		function v() {
-			let e = i.value && a.value[i.value];
-			m(i.value), !(!e || n.collapse) && e.indexPath.forEach((e) => {
-				let t = o.value[e];
-				t && f(e, t.indexPath);
+		function S() {
+			let e = i.value && o.value[i.value];
+			g(i.value), !(!e || t.collapse) && e.indexPath.forEach((e) => {
+				let t = s.value[e];
+				t && p(e, t.indexPath);
 			});
 		}
-		return watch(() => n.menu, (e) => {
-			d(e), v();
+		return watch(() => t.menu, (e) => {
+			f(e), S();
 		}, {
 			deep: !0,
 			immediate: !0
-		}), watch(() => n.value, (e) => {
-			a.value[e] || (i.value = "");
-			let t = a.value[e] || i.value && a.value[i.value] || a.value[n.value];
-			t ? i.value = t.index : i.value = e, v();
-		}), watch(() => n.collapse, (e) => {
-			e && (c.value = []), v();
+		}), watch(() => t.value, (e) => {
+			o.value[e] || (i.value = "");
+			let n = o.value[e] || i.value && o.value[i.value] || o.value[t.value];
+			n ? i.value = n.index : i.value = e, S();
+		}), watch(() => t.collapse, (e) => {
+			e && (l.value = []), S();
 		}), provide(rootMenuInjectionKey, reactive({
-			props: n,
-			items: a,
-			subMenus: o,
+			props: t,
+			items: o,
+			subMenus: s,
 			activeIndex: i,
-			openedMenus: c,
-			mouseInMenu: l,
-			isMenuPopup: u,
-			openMenu: f,
-			closeMenu: p,
-			handleMenuItemClick: h,
-			handleSubMenuClick: _
-		})), (t, r) => (openBlock(), createElementBlock("div", { class: normalizeClass(["flex flex-col of-hidden transition-all", {
-			"w-[200px]": !unref(u) && n.mode === "vertical",
-			"w-[64px]": unref(u) && n.mode === "vertical",
-			"h-[80px]": n.mode === "horizontal",
-			"flex-row! w-auto": unref(u) && n.mode === "horizontal"
+			openedMenus: l,
+			mouseInMenu: u,
+			isMenuPopup: d,
+			openMenu: p,
+			closeMenu: m,
+			handleMenuItemClick: _,
+			handleSubMenuClick: x
+		})), (n, r) => (openBlock(), createElementBlock("div", { class: normalizeClass(["flex flex-col of-hidden transition-all", {
+			"w-[200px]": !unref(d) && t.mode === "vertical",
+			"w-[64px]": unref(d) && t.mode === "vertical",
+			"h-[80px]": t.mode === "horizontal",
+			"flex-row! w-auto": unref(d) && t.mode === "horizontal"
 		}]) }, [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.menu, (e, t) => (openBlock(), createElementBlock(Fragment, { key: t }, [e.children?.length && e.meta?.sidebar !== !1 ? (openBlock(), createBlock(sub_default, {
 			key: 0,
 			menu: e,
@@ -400,7 +400,7 @@ var _hoisted_1 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export_he
 			key: 1,
 			item: e,
 			"unique-key": [e.path ?? JSON.stringify(e)],
-			onClick: (t) => h(e.path ?? JSON.stringify(e), e.meta)
+			onClick: (t) => _(e.path ?? JSON.stringify(e), e.meta)
 		}, null, 8, [
 			"item",
 			"unique-key",
@@ -411,22 +411,22 @@ var _hoisted_1 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export_he
 	name: "LayoutHeaderThinMenu",
 	__name: "HeaderThinMenu",
 	setup(e) {
-		let t = useRoute(), { settingsStore: n, menuStore: r } = useContext(), i = ref();
+		let t = useRoute(), { settingsStore: r, menuStore: i } = useContext(), a = ref();
 		function o(e) {
-			i.value.scrollBy({ left: (e.deltaY || e.detail) > 0 ? 50 : -50 });
+			a.value.scrollBy({ left: (e.deltaY || e.detail) > 0 ? 50 : -50 });
 		}
-		return (e, a) => (openBlock(), createElementBlock("div", {
+		return (e, n) => (openBlock(), createElementBlock("div", {
 			ref_key: "menuRef",
-			ref: i,
+			ref: a,
 			class: "menu-container",
 			onWheel: withModifiers(o, ["prevent"])
 		}, [createVNode(Menu_default, {
-			menu: unref(r).allMenus,
+			menu: unref(i).allMenus,
 			value: unref(t).meta.activeMenu || unref(t).path,
 			mode: "horizontal",
 			"show-collapse-name": "",
-			rounded: unref(n).settings.menu.isRounded,
-			class: normalizeClass(["menu", { [`menu-active-${unref(n).settings.menu.menuActiveStyle}`]: unref(n).settings.menu.menuActiveStyle !== "" }])
+			rounded: unref(r).settings.menu.isRounded,
+			class: normalizeClass(["menu", { [`menu-active-${unref(r).settings.menu.menuActiveStyle}`]: unref(r).settings.menu.menuActiveStyle !== "" }])
 		}, null, 8, [
 			"menu",
 			"value",