@pubinfo/core 2.1.10-beta.2 → 2.1.11

package/dist/HeaderThinMenu-PA12XAvb.js

@@ -1,437 +0,0 @@
-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 };