@pubinfo-pr/core 0.203.1 → 0.203.2

package/dist/HeaderThinMenu-5K6HXiQk.js

@@ -0,0 +1,438 @@
+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-emseuaQx.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 { usePartyLogin } from "./index.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 { useRoute, useRouter } from "vue-router";
+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"
+}, HBadge_default = /* @__PURE__ */ defineComponent({
+	__name: "HBadge",
+	props: { value: { type: [
+		String,
+		Number,
+		Boolean
+	] } },
+	setup(e) {
+		let t = e, n = computed(() => {
+			switch (typeof t.value) {
+				case "string": return t.value.length > 0;
+				case "number": return t.value > 0;
+				case "boolean": return t.value;
+				default: return t.value !== void 0 && t.value !== null;
+			}
+		}), r = ref({
+			enterActiveClass: "ease-in-out duration-500",
+			enterFromClass: "opacity-0",
+			enterToClass: "opacity-100",
+			leaveActiveClass: "ease-in-out duration-500",
+			leaveFromClass: "opacity-100",
+			leaveToClass: "opacity-0"
+		});
+		return (t, i) => (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(t.$slots, "default"), createVNode(Transition, normalizeProps(guardReactiveProps(unref(r))), {
+			default: withCtx(() => [unref(n) ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(e.value), 1)) : createCommentVNode("", !0)]),
+			_: 1
+		}, 16)]));
+	}
+});
+function createInjectionKey(e) {
+	return e;
+}
+const rootMenuInjectionKey = createInjectionKey("rootMenu");
+var _hoisted_1 = ["title"], item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	name: "MenuItem",
+	__name: "item",
+	props: {
+		uniqueKey: {},
+		item: {},
+		level: { default: 0 },
+		subMenu: {
+			type: Boolean,
+			default: !1
+		},
+		expand: {
+			type: Boolean,
+			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(() => {
+			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 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;
+			return openBlock(), createElementBlock("div", {
+				ref_key: "itemRef",
+				ref: s,
+				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"
+				}])
+			}, [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
+				}]),
+				title: unref(o)(e.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"
+				}]),
+				style: normalizeStyle(unref(g))
+			}, [
+				unref(d) && unref(d) !== "system-point" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(f) && unref(p) ? (openBlock(), createBlock(unref(PubinfoIcon_default), {
+					key: 0,
+					small: "",
+					name: unref(d),
+					box: unref(p),
+					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,
+					class: "menu-item-container-icon transition-transform group-hover:scale-115"
+				}, null, 8, [
+					"name",
+					"box",
+					"icon-size",
+					"angle",
+					"background",
+					"radius",
+					"color"
+				])) : (openBlock(), createBlock(unref(PubinfoIcon_default), {
+					key: 1,
+					name: unref(d),
+					size: 20,
+					color: (unref(d) || "").startsWith("antd:") ? unref(h) : 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", {
+					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)
+					}])
+				}, toDisplayString(unref(o)(e.item.meta?.title)), 3)),
+				e.item.meta?.badge ? (openBlock(), createBlock(a, {
+					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 }])
+				}, null, 8, ["value", "class"])) : createCommentVNode("", !0)
+			], 6), e.subMenu && !(unref(i).isMenuPopup && e.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]"
+				]])
+			}, null, 2)) : createCommentVNode("", !0)], 10, _hoisted_1)], 2);
+		};
+	}
+}), [["__scopeId", "data-v-dd5786b9"]]), sub_default = /* @__PURE__ */ defineComponent({
+	name: "SubMenu",
+	__name: "sub",
+	props: {
+		uniqueKey: {},
+		menu: {},
+		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 ? {
+			enter(e) {
+				e.offsetHeight > window.innerHeight && (e.style.height = `${window.innerHeight}px`);
+			},
+			afterEnter: () => {},
+			beforeLeave: (e) => {
+				e.style.overflow = "hidden", e.style.maxHeight = `${e.offsetHeight}px`;
+			},
+			leave: (e) => {
+				e.style.maxHeight = "0";
+			},
+			afterLeave(e) {
+				e.style.overflow = "", e.style.maxHeight = "";
+			}
+		} : {
+			enter(e) {
+				let t = e.offsetHeight;
+				e.style.maxHeight = "0", e.style.overflow = "hidden", e.offsetHeight, e.style.maxHeight = `${t}px`;
+			},
+			afterEnter(e) {
+				e.style.overflow = "", e.style.maxHeight = "";
+			},
+			beforeLeave(e) {
+				e.style.overflow = "hidden", e.style.maxHeight = `${e.offsetHeight}px`;
+			},
+			leave(e) {
+				e.style.maxHeight = "0";
+			},
+			afterLeave(e) {
+				e.style.overflow = "", e.style.maxHeight = "";
+			}
+		}), p = computed(() => s.isMenuPopup ? {
+			enterActiveClass: "ease-in-out duration-300",
+			enterFromClass: "opacity-0 translate-x-4",
+			enterToClass: "opacity-100",
+			leaveActiveClass: "ease-in-out duration-300",
+			leaveFromClass: "opacity-100",
+			leaveToClass: "opacity-0"
+		} : {
+			enterActiveClass: "ease-in-out duration-300",
+			enterFromClass: "opacity-0",
+			enterToClass: "opacity-100",
+			leaveActiveClass: "ease-in-out duration-300",
+			leaveFromClass: "opacity-100",
+			leaveToClass: "opacity-0"
+		}), _ = computed(() => {
+			let e = !0;
+			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));
+		}
+		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`;
+				});
+				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);
+				}
+			}, 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)));
+			}, 300));
+		}
+		return (t, n) => {
+			let r = resolveComponent("SubMenu");
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(item_default, {
+				ref_key: "itemRef",
+				ref: i,
+				"unique-key": e.uniqueKey,
+				item: e.menu,
+				level: e.level,
+				"sub-menu": unref(_),
+				expand: unref(u),
+				onClick: v,
+				onMouseenter: b,
+				onMouseleave: x
+			}, null, 8, [
+				"unique-key",
+				"item",
+				"level",
+				"sub-menu",
+				"expand"
+			]), 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), {
+					key: 0,
+					ref_key: "subMenuRef",
+					ref: a,
+					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
+					}])
+				}, {
+					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, {
+						key: 0,
+						"unique-key": [...e.uniqueKey, t.path ?? JSON.stringify(t)],
+						menu: t,
+						level: e.level + 1
+					}, null, 8, [
+						"unique-key",
+						"menu",
+						"level"
+					]))], 64))), 128))]),
+					_: 1
+				}, 8, ["class"])) : createCommentVNode("", !0)]),
+				_: 1
+			}, 16)], 8, ["disabled"])) : createCommentVNode("", !0)], 64);
+		};
+	}
+}), Menu_default = /* @__PURE__ */ defineComponent({
+	name: "MainMenu",
+	__name: "index",
+	props: {
+		menu: {},
+		value: {},
+		accordion: {
+			type: Boolean,
+			default: !0
+		},
+		defaultOpeneds: { default: () => [] },
+		mode: { default: "vertical" },
+		collapse: {
+			type: Boolean,
+			default: !1
+		},
+		showCollapseName: {
+			type: Boolean,
+			default: !1
+		},
+		rounded: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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 = []) {
+			e.forEach((e) => {
+				let n = e.path ?? JSON.stringify(e);
+				if (e.children && e.children.length > 0) {
+					let r = [...t, n];
+					o.value[n] = {
+						index: n,
+						indexPath: r,
+						active: !1
+					}, d(e.children, r);
+				} else a.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) => {
+			if (Array.isArray(e)) {
+				nextTick(() => {
+					p(e.at(-1)), e.length > 1 && p(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));
+			});
+		};
+		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;
+			});
+		}
+		let h = async (e, i) => {
+			if (i?.isDev) {
+				api.info("暂未上线，敬请期待！");
+				return;
+			}
+			if ((n.mode === "horizontal" || n.collapse) && (c.value = []), m(e), i?.link) {
+				let e = i?.partyLogin;
+				if (e && Array.isArray(e) && e.length > 0) {
+					let { url: t } = await usePartyLogin(e, i.link);
+					window.open(t.value);
+				} else window.open(i.link);
+				return;
+			}
+			r.push(e);
+		}, _ = (e, t) => {
+			c.value.includes(e) ? p(e) : f(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);
+			});
+		}
+		return watch(() => n.menu, (e) => {
+			d(e), v();
+		}, {
+			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();
+		}), provide(rootMenuInjectionKey, reactive({
+			props: n,
+			items: a,
+			subMenus: o,
+			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"
+		}]) }, [(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,
+			"unique-key": [e.path ?? JSON.stringify(e)]
+		}, null, 8, ["menu", "unique-key"])) : e.meta?.sidebar === !1 ? createCommentVNode("", !0) : (openBlock(), createBlock(item_default, {
+			key: 1,
+			item: e,
+			"unique-key": [e.path ?? JSON.stringify(e)],
+			onClick: (t) => h(e.path ?? JSON.stringify(e), e.meta)
+		}, null, 8, [
+			"item",
+			"unique-key",
+			"onClick"
+		]))], 64))), 128))], 2));
+	}
+}), HeaderThinMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "LayoutHeaderThinMenu",
+	__name: "HeaderThinMenu",
+	setup(e) {
+		let t = useRoute(), { settingsStore: n, menuStore: r } = useContext(), i = ref();
+		function o(e) {
+			i.value.scrollBy({ left: (e.deltaY || e.detail) > 0 ? 50 : -50 });
+		}
+		return (e, a) => (openBlock(), createElementBlock("div", {
+			ref_key: "menuRef",
+			ref: i,
+			class: "menu-container",
+			onWheel: withModifiers(o, ["prevent"])
+		}, [createVNode(Menu_default, {
+			menu: unref(r).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 !== "" }])
+		}, null, 8, [
+			"menu",
+			"value",
+			"rounded",
+			"class"
+		])], 544));
+	}
+}), HeaderThinMenu_exports = /* @__PURE__ */ __exportAll({ default: () => HeaderThinMenu_default }), HeaderThinMenu_default = HeaderThinMenu_vue_vue_type_script_setup_true_lang_default;
+export { HeaderThinMenu_exports as n, Menu_default as r, HeaderThinMenu_default as t };