@pubinfo-pr/core 0.203.2 → 0.203.4

package/dist/HeaderThinMenu-5K6HXiQk.js

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