@pubinfo-pr/core 0.171.2 → 0.171.4

package/dist/HeaderThinMenu-PA12XAvb.js

@@ -0,0 +1,437 @@
+import { n as message_default } from "./modal-CSWipFvB.js";
+import { d as useTimeoutFn } from "./dist-DAb-7mqe.js";
+import { a as PubinfoIcon_default } from "./components-DVIyiEVI.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-DaPiLSxE.js";
+import { n as useContext } from "./useContext-D6pJCZez.js";
+import { t as P } from "./overlayscrollbars-vue-BOGU2FK-.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(i) {
+		let k = i, A = computed(() => {
+			switch (typeof k.value) {
+				case "string": return k.value.length > 0;
+				case "number": return k.value > 0;
+				case "boolean": return k.value;
+				default: return k.value !== void 0 && k.value !== null;
+			}
+		}), j = 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 (k, M) => (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(k.$slots, "default"), createVNode(Transition, normalizeProps(guardReactiveProps(unref(j))), {
+			default: withCtx(() => [unref(A) ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(i.value), 1)) : createCommentVNode("", !0)]),
+			_: 1
+		}, 16)]));
+	}
+});
+function createInjectionKey(i) {
+	return i;
+}
+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(i, { expose: k }) {
+		let j = i, N = inject(rootMenuInjectionKey), { generateTitle: F } = useContext(), I = ref(), L = computed(() => j.subMenu ? N.subMenus[j.uniqueKey[j.uniqueKey.length - 1]]?.active : N.activeIndex === j.uniqueKey[j.uniqueKey.length - 1]), z = computed(() => L.value && (!j.subMenu || N.isMenuPopup)), B = computed(() => {
+			let i;
+			return j.item.meta?.icon && (i = j.item.meta.icon), L.value && (j.item.meta?.activeIcon === "system-point" ? i = "system-point" : j.item.meta?.activeIcon && (i = j.item.meta.activeIcon)), i;
+		}), V = computed(() => j.item.meta?.iconOptions), U = computed(() => {
+			let i = V.value?.boxType;
+			return i && i !== "null" ? i : void 0;
+		}), W = computed(() => V.value?.iconColor || void 0), G = computed(() => N.isMenuPopup ? "" : `padding-left: ${32 * (j.level ?? 0)}px`);
+		return k({ ref: I }), (k, j) => {
+			let M = HBadge_default;
+			return openBlock(), createElementBlock("div", {
+				ref_key: "itemRef",
+				ref: I,
+				class: normalizeClass(["menu-item relative transition-all", {
+					active: unref(z),
+					"px-2 py-1": unref(N).props.rounded,
+					"px-1! py-2!": unref(N).props.rounded && unref(N).isMenuPopup && i.level === 0 && unref(N).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(z),
+					"rounded-2": unref(N).props.rounded,
+					"px-2!": unref(N).isMenuPopup && i.level === 0,
+					"py-3!": unref(N).props.rounded && unref(N).isMenuPopup && i.level !== 0
+				}]),
+				title: unref(F)(i.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(N).isMenuPopup && i.level === 0,
+					"flex-col gap-[2px]!": unref(N).isMenuPopup && i.level === 0 && unref(N).props.showCollapseName,
+					"w-full": unref(N).isMenuPopup && i.level === 0 && unref(N).props.showCollapseName && unref(N).props.mode === "vertical",
+					"w-[50px]": unref(N).isMenuPopup && i.level === 0 && unref(N).props.showCollapseName && unref(N).props.mode === "horizontal"
+				}]),
+				style: normalizeStyle(unref(G))
+			}, [
+				unref(B) && unref(B) !== "system-point" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(V) && unref(U) ? (openBlock(), createBlock(unref(PubinfoIcon_default), {
+					key: 0,
+					small: "",
+					name: unref(B),
+					box: unref(U),
+					size: 20,
+					"icon-size": unref(V)?.iconSize,
+					angle: unref(V)?.angle,
+					background: unref(V)?.background,
+					radius: unref(V)?.radius,
+					color: (unref(B) || "").startsWith("antd:") ? unref(W) || "#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(B),
+					size: 20,
+					color: (unref(B) || "").startsWith("antd:") ? unref(W) : void 0,
+					class: "menu-item-container-icon transition-transform group-hover:scale-115"
+				}, null, 8, ["name", "color"]))], 64)) : createCommentVNode("", !0),
+				unref(N).isMenuPopup && i.level === 0 && !unref(N).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(N).isMenuPopup && i.level === 0 && !unref(N).props.showCollapseName,
+						"w-full text-center": unref(N).isMenuPopup && i.level === 0 && unref(N).props.showCollapseName,
+						"system-point": unref(B) === "system-point" && unref(z)
+					}])
+				}, toDisplayString(unref(F)(i.item.meta?.title)), 3)),
+				i.item.meta?.badge ? (openBlock(), createBlock(M, {
+					key: 2,
+					value: typeof i.item.meta.badge == "function" ? i.item.meta.badge() : i.item.meta.badge,
+					class: normalizeClass(["badge", { "opacity-0": unref(N).isMenuPopup && i.level === 0 }])
+				}, null, 8, ["value", "class"])) : createCommentVNode("", !0)
+			], 6), i.subMenu && !(unref(N).isMenuPopup && i.level === 0) ? (openBlock(), createElementBlock("i", {
+				key: 0,
+				class: normalizeClass(["sharp-corner", [
+					i.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(N).isMenuPopup && i.level === 0 && "opacity-0",
+					unref(N).isMenuPopup && i.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(i) {
+		let A = i, j = A.menu.path ?? JSON.stringify(A.menu), M = shallowRef(), F = shallowRef(), R = inject(rootMenuInjectionKey), B = computed(() => R.openedMenus.includes(A.uniqueKey[A.uniqueKey.length - 1])), V = computed(() => R.isMenuPopup ? {
+			enter(i) {
+				i.offsetHeight > window.innerHeight && (i.style.height = `${window.innerHeight}px`);
+			},
+			afterEnter: () => {},
+			beforeLeave: (i) => {
+				i.style.overflow = "hidden", i.style.maxHeight = `${i.offsetHeight}px`;
+			},
+			leave: (i) => {
+				i.style.maxHeight = "0";
+			},
+			afterLeave(i) {
+				i.style.overflow = "", i.style.maxHeight = "";
+			}
+		} : {
+			enter(i) {
+				let k = i.offsetHeight;
+				i.style.maxHeight = "0", i.style.overflow = "hidden", i.offsetHeight, i.style.maxHeight = `${k}px`;
+			},
+			afterEnter(i) {
+				i.style.overflow = "", i.style.maxHeight = "";
+			},
+			beforeLeave(i) {
+				i.style.overflow = "hidden", i.style.maxHeight = `${i.offsetHeight}px`;
+			},
+			leave(i) {
+				i.style.maxHeight = "0";
+			},
+			afterLeave(i) {
+				i.style.overflow = "", i.style.maxHeight = "";
+			}
+		}), G = computed(() => R.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"
+		}), K = computed(() => {
+			let i = !0;
+			return A.menu.children ? A.menu.children.every((i) => i.meta?.sidebar === !1) && (i = !1) : i = !1, i;
+		});
+		function q() {
+			R.isMenuPopup && K.value || (K.value ? R.handleSubMenuClick(j, A.uniqueKey) : R.handleMenuItemClick(j, A.menu.meta));
+		}
+		let J;
+		function Y() {
+			R.isMenuPopup && (R.mouseInMenu = A.uniqueKey, J?.(), {stop: J} = useTimeoutFn(() => {
+				if (K.value) R.openMenu(j, A.uniqueKey), nextTick(() => {
+					let i = M.value.ref, k = 0, j = 0;
+					R.props.mode === "vertical" || A.level !== 0 ? (k = i.getBoundingClientRect().top + i.scrollTop, j = i.getBoundingClientRect().left + i.getBoundingClientRect().width, k + F.value.getElement().offsetHeight > window.innerHeight && (k = window.innerHeight - F.value.getElement().offsetHeight)) : (k = i.getBoundingClientRect().top + i.getBoundingClientRect().height, j = i.getBoundingClientRect().left, k + F.value.getElement().offsetHeight > window.innerHeight && (F.value.getElement().style.height = `${window.innerHeight - k}px`)), F.value.getElement().style.top = `${k}px`, F.value.getElement().style.left = `${j}px`;
+				});
+				else {
+					let i = A.menu.children ? R.subMenus[j].indexPath.at(-1) : R.items[j].indexPath.at(-1);
+					R.openMenu(i, R.subMenus[i].indexPath);
+				}
+			}, 300));
+		}
+		function X() {
+			R.isMenuPopup && (R.mouseInMenu = [], J?.(), {stop: J} = useTimeoutFn(() => {
+				R.mouseInMenu.length === 0 ? R.closeMenu(A.uniqueKey) : K.value && (R.mouseInMenu.includes(A.uniqueKey.at(-1)) || R.closeMenu(A.uniqueKey.at(-1)));
+			}, 300));
+		}
+		return (k, A) => {
+			let j = resolveComponent("SubMenu");
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(item_default, {
+				ref_key: "itemRef",
+				ref: M,
+				"unique-key": i.uniqueKey,
+				item: i.menu,
+				level: i.level,
+				"sub-menu": unref(K),
+				expand: unref(B),
+				onClick: q,
+				onMouseenter: Y,
+				onMouseleave: X
+			}, null, 8, [
+				"unique-key",
+				"item",
+				"level",
+				"sub-menu",
+				"expand"
+			]), unref(K) ? (openBlock(), createBlock(Teleport, {
+				key: 0,
+				to: "body",
+				disabled: !unref(R).isMenuPopup
+			}, [createVNode(Transition, mergeProps(unref(G), toHandlers(unref(V))), {
+				default: withCtx(() => [unref(B) ? (openBlock(), createBlock(unref(P), {
+					key: 0,
+					ref_key: "subMenuRef",
+					ref: F,
+					options: { scrollbars: { visibility: "hidden" } },
+					defer: "",
+					class: normalizeClass(["sub-menu", {
+						"bg-[var(--g-sub-sidebar-bg)]": unref(R).isMenuPopup,
+						"ring-1 ring-stone-2 dark:ring-stone-8 shadow-xl fixed z-3000 w-[200px]": unref(R).isMenuPopup,
+						"mx-2": unref(R).isMenuPopup && (unref(R).props.mode === "vertical" || i.level !== 0),
+						"rounded-2 py-1": unref(R).props.rounded && unref(R).isMenuPopup
+					}])
+				}, {
+					default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(i.menu.children, (k) => (openBlock(), createElementBlock(Fragment, { key: k.path ?? JSON.stringify(k) }, [k.meta?.sidebar === !1 ? createCommentVNode("", !0) : (openBlock(), createBlock(j, {
+						key: 0,
+						"unique-key": [...i.uniqueKey, k.path ?? JSON.stringify(k)],
+						menu: k,
+						level: i.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(k) {
+		let A = k, j = useRouter(), M = ref(A.value), N = ref({}), I = ref({}), L = ref(A.defaultOpeneds.slice(0)), R = ref([]), z = computed(() => A.mode === "horizontal" || A.mode === "vertical" && A.collapse);
+		function B(i = [], k = []) {
+			i.forEach((i) => {
+				let A = i.path ?? JSON.stringify(i);
+				if (i.children && i.children.length > 0) {
+					let j = [...k, A];
+					I.value[A] = {
+						index: A,
+						indexPath: j,
+						active: !1
+					}, B(i.children, j);
+				} else N.value[A] = {
+					index: A,
+					indexPath: k
+				};
+			});
+		}
+		let V = (i, k) => {
+			L.value.includes(i) || (A.accordion && (L.value = L.value.filter((i) => k.includes(i))), L.value.push(i));
+		}, H = (i) => {
+			if (Array.isArray(i)) {
+				nextTick(() => {
+					H(i.at(-1)), i.length > 1 && H(i.slice(0, -1));
+				});
+				return;
+			}
+			Object.keys(I.value).forEach((k) => {
+				I.value[k].indexPath.includes(i) && (L.value = L.value.filter((k) => k !== i));
+			});
+		};
+		function U(i) {
+			Object.keys(I.value).forEach((i) => {
+				I.value[i].active = !1;
+			}), N.value[i]?.indexPath.forEach((i) => {
+				I.value[i].active = !0;
+			});
+		}
+		let G = async (k, M) => {
+			if (M?.isDev) {
+				message_default.info("暂未上线，敬请期待！");
+				return;
+			}
+			if ((A.mode === "horizontal" || A.collapse) && (L.value = []), U(k), M?.link) {
+				let i = M?.partyLogin;
+				if (i && Array.isArray(i) && i.length > 0) {
+					let { url: k } = await usePartyLogin(i, M.link);
+					window.open(k.value);
+				} else window.open(M.link);
+				return;
+			}
+			j.push(k);
+		}, K = (i, k) => {
+			L.value.includes(i) ? H(i) : V(i, k);
+		};
+		function X() {
+			let i = M.value && N.value[M.value];
+			U(M.value), !(!i || A.collapse) && i.indexPath.forEach((i) => {
+				let k = I.value[i];
+				k && V(i, k.indexPath);
+			});
+		}
+		return watch(() => A.menu, (i) => {
+			B(i), X();
+		}, {
+			deep: !0,
+			immediate: !0
+		}), watch(() => A.value, (i) => {
+			N.value[i] || (M.value = "");
+			let k = N.value[i] || M.value && N.value[M.value] || N.value[A.value];
+			k ? M.value = k.index : M.value = i, X();
+		}), watch(() => A.collapse, (i) => {
+			i && (L.value = []), X();
+		}), provide(rootMenuInjectionKey, reactive({
+			props: A,
+			items: N,
+			subMenus: I,
+			activeIndex: M,
+			openedMenus: L,
+			mouseInMenu: R,
+			isMenuPopup: z,
+			openMenu: V,
+			closeMenu: H,
+			handleMenuItemClick: G,
+			handleSubMenuClick: K
+		})), (i, j) => (openBlock(), createElementBlock("div", { class: normalizeClass(["flex flex-col of-hidden transition-all", {
+			"w-[200px]": !unref(z) && A.mode === "vertical",
+			"w-[64px]": unref(z) && A.mode === "vertical",
+			"h-[80px]": A.mode === "horizontal",
+			"flex-row! w-auto": unref(z) && A.mode === "horizontal"
+		}]) }, [(openBlock(!0), createElementBlock(Fragment, null, renderList(k.menu, (i, k) => (openBlock(), createElementBlock(Fragment, { key: k }, [i.children?.length && i.meta?.sidebar !== !1 ? (openBlock(), createBlock(sub_default, {
+			key: 0,
+			menu: i,
+			"unique-key": [i.path ?? JSON.stringify(i)]
+		}, null, 8, ["menu", "unique-key"])) : i.meta?.sidebar === !1 ? createCommentVNode("", !0) : (openBlock(), createBlock(item_default, {
+			key: 1,
+			item: i,
+			"unique-key": [i.path ?? JSON.stringify(i)],
+			onClick: (k) => G(i.path ?? JSON.stringify(i), i.meta)
+		}, null, 8, [
+			"item",
+			"unique-key",
+			"onClick"
+		]))], 64))), 128))], 2));
+	}
+}), HeaderThinMenu_default = /* @__PURE__ */ defineComponent({
+	name: "LayoutHeaderThinMenu",
+	__name: "HeaderThinMenu",
+	setup(i) {
+		let k = useRoute(), { settingsStore: A, menuStore: j } = useContext(), N = ref();
+		function F(i) {
+			N.value.scrollBy({ left: (i.deltaY || i.detail) > 0 ? 50 : -50 });
+		}
+		return (i, M) => (openBlock(), createElementBlock("div", {
+			ref_key: "menuRef",
+			ref: N,
+			class: "menu-container",
+			onWheel: withModifiers(F, ["prevent"])
+		}, [createVNode(Menu_default, {
+			menu: unref(j).allMenus,
+			value: unref(k).meta.activeMenu || unref(k).path,
+			mode: "horizontal",
+			"show-collapse-name": "",
+			rounded: unref(A).settings.menu.isRounded,
+			class: normalizeClass(["menu", { [`menu-active-${unref(A).settings.menu.menuActiveStyle}`]: unref(A).settings.menu.menuActiveStyle !== "" }])
+		}, null, 8, [
+			"menu",
+			"value",
+			"rounded",
+			"class"
+		])], 544));
+	}
+});
+export { Menu_default as n, HeaderThinMenu_default as t };