@robot-admin/layout 3.1.0 → 3.2.1

package/dist/vue-h8jl2I5K.js

@@ -0,0 +1,739 @@
+import { computed as e, defineComponent as t, getCurrentScope as n, h as r, inject as i, nextTick as a, onMounted as o, onScopeDispose as s, onUnmounted as c, provide as l, ref as u, toValue as d, watch as f } from "vue";
+import { useRoute as p, useRouter as m } from "vue-router";
+import { defineStore as h } from "pinia";
+//#region src/composables/useLayoutContext.ts
+var g = Symbol("layout-context"), _ = Symbol("layout-settings"), v = Symbol("menu-collapse"), y = Symbol("drawer-handlers");
+function b() {
+	let e = i(g);
+	if (!e) throw Error("[Layout] LayoutContext not provided. 请在上层组件中使用 provide(LAYOUT_CONTEXT_KEY, ...) 注入布局数据。");
+	return e;
+}
+function x(e) {
+	return l(g, e), e;
+}
+var S = {
+	name: "Admin",
+	subtitle: "",
+	logoSrc: "",
+	logoType: "image",
+	logoSize: 36,
+	homePath: "/home",
+	copyright: ""
+};
+//#endregion
+//#region src/composables/useLayoutCache.ts
+function C(e) {
+	return typeof e.name == "string" && e.meta.keepAlive === !0;
+}
+function w(e = {}) {
+	let { maxCacheCount: t = 20, enableDevLog: n = !1, exposeToWindow: r = !1 } = e, i = p(), a = Number.isFinite(t) && t > 0 ? Math.floor(t) : 20, o = u([]), s = u(a), l = (e) => {
+		e && !o.value.includes(e) && (o.value.push(e), o.value.length > s.value && o.value.shift(), n && console.debug(`[KeepAlive] ✅ 缓存: ${e} (${o.value.length}/${s.value})`));
+	}, d = (e) => {
+		let t = o.value.indexOf(e);
+		t > -1 && (o.value.splice(t, 1), n && console.debug(`[KeepAlive] ❌ 移除: ${e}`));
+	}, m = () => {
+		o.value = [], n && console.debug("[KeepAlive] 🗑️ 清空所有缓存");
+	}, h = () => o.value;
+	if (r && typeof window < "u") {
+		let e = window;
+		e.__clearCache__ = m, e.__removeCache__ = d, e.__getCachedViews__ = h, c(() => {
+			e.__clearCache__ === m && delete e.__clearCache__, e.__removeCache__ === d && delete e.__removeCache__, e.__getCachedViews__ === h && delete e.__getCachedViews__;
+		});
+	}
+	return f(() => [i.name, i.meta.keepAlive], () => {
+		C(i) && l(i.name);
+	}, { immediate: !0 }), {
+		cachedViews: o,
+		maxCacheCount: s,
+		addCache: l,
+		removeCache: d,
+		clearAllCache: m
+	};
+}
+//#endregion
+//#region src/composables/useResponsiveMenu.ts
+function T(e) {
+	let t = e.meta?.title || e.label || e.name || "", n = 0;
+	for (let e of t) {
+		let t = e.charCodeAt(0);
+		n += t >= 19968 && t <= 40959 || t >= 13312 && t <= 19903 || t >= 12288 && t <= 12351 || t >= 65280 && t <= 65519 || t >= 12352 && t <= 12447 || t >= 12448 && t <= 12543 ? 15 : 8;
+	}
+	let r = e.meta?.icon || e.icon ? 26 : 0;
+	return n + r + 36 + 8 + 8;
+}
+function E(e, t, n = 95) {
+	if (e.length === 0 || t <= 0) return 0;
+	if (e.reduce((e, t) => e + T(t), 0) + 15 <= t) return e.length;
+	let r = Math.max(0, t - n), i = 0, a = 0;
+	for (let t of e) {
+		let e = T(t);
+		if (i + e > r) break;
+		i += e, a += 1;
+	}
+	return Math.max(a, 1);
+}
+function D(t) {
+	let n = Number.isFinite(t.debounceMs) && (t.debounceMs ?? 0) >= 0 ? Math.floor(t.debounceMs ?? 100) : 100, r = Number.isFinite(t.overflowReserve) && (t.overflowReserve ?? 0) >= 0 ? t.overflowReserve ?? 95 : 95, i = u(), s = e(() => [...d(t.data)]), l = u([]), p = u([]), m = () => {
+		let e = i.value?.offsetWidth ?? 0;
+		if (e <= 0 || s.value.length === 0) {
+			l.value = [], p.value = [];
+			return;
+		}
+		let t = E(s.value, e, r);
+		l.value = s.value.slice(0, t), p.value = s.value.slice(t);
+	}, h, g = () => {
+		h !== void 0 && clearTimeout(h), h = setTimeout(m, n);
+	}, _;
+	return o(() => {
+		a(m), i.value && typeof ResizeObserver < "u" ? (_ = new ResizeObserver(g), _.observe(i.value)) : typeof window < "u" && window.addEventListener("resize", g, { passive: !0 });
+	}), c(() => {
+		_?.disconnect(), typeof window < "u" && window.removeEventListener("resize", g), h !== void 0 && clearTimeout(h);
+	}), f(() => d(t.data), () => void a(m), { deep: !0 }), {
+		containerRef: i,
+		hiddenItems: p,
+		refresh: m,
+		visibleItems: l
+	};
+}
+//#endregion
+//#region src/composables/useMenuSplit.ts
+function O(e, t) {
+	if (!e) return !1;
+	let n = e.split("/").filter(Boolean), r = t.split("/").filter(Boolean);
+	return n.length === 0 ? r.length === 0 : n.every((e, t) => r[t] === e);
+}
+function k(t) {
+	let { menus: n, floatingSecondMenu: r = !1 } = t, i = p(), a = m(), o = u(""), s = u(null), c = u(!1), l = e(() => s.value || _.value || null), h = (e) => O(e, i.path), g = (e) => {
+		for (let t of e) if (h(t.path) || t.children?.length && g(t.children)) return t;
+		return null;
+	}, _ = e(() => d(n).find((e) => e.path === o.value)), v = e(() => _.value?.children || []), y = (e) => {
+		e.disabled || (d(r) ? e.children && e.children.length > 0 ? c.value && o.value === e.path ? c.value = !1 : (o.value = e.path || "", c.value = !0) : (o.value = e.path || "", c.value = !1, e.path && a.push(e.path)) : (!e.children || e.children.length === 0) && e.path && a.push(e.path));
+	}, b = (e) => {
+		!e.disabled && e.path && a.push(e.path);
+	}, x = () => {
+		let e = d(n), t = g(e);
+		t ? (o.value = t.path || "", d(r) && t.children?.length && (c.value = !0)) : e.length > 0 && !o.value && (o.value = e[0].path || "");
+	};
+	return f([() => i.path, () => d(n)], () => x(), { immediate: !0 }), {
+		activeFirstMenu: o,
+		activeFirstMenuItem: _,
+		currentSecondMenus: v,
+		hoveredMenuItem: s,
+		displayMenuItem: l,
+		showSecondMenu: c,
+		handleFirstMenuClick: y,
+		handleSecondMenuClick: b,
+		isMenuItemActive: h
+	};
+}
+//#endregion
+//#region src/composables/useLayoutIcon.ts
+var A = t({
+	name: "FallbackLayoutIcon",
+	props: {
+		name: String,
+		size: {
+			type: Number,
+			default: 18
+		}
+	},
+	setup(e) {
+		return () => r("i", {
+			class: e.name,
+			style: {
+				alignItems: "center",
+				display: "inline-flex",
+				fontSize: `${e.size}px`,
+				justifyContent: "center"
+			}
+		});
+	}
+});
+function j() {
+	return b().iconComponent ?? A;
+}
+//#endregion
+//#region src/core/settings.ts
+var M = {
+	themeMode: new Set([
+		"light",
+		"dark",
+		"system"
+	]),
+	borderRadius: new Set([
+		"small",
+		"medium",
+		"large"
+	]),
+	transitionType: new Set([
+		"fade",
+		"slide",
+		"zoom",
+		"none"
+	]),
+	layoutMode: new Set([
+		"side",
+		"top",
+		"mix",
+		"mix-top",
+		"reverse-horizontal-mix",
+		"card-layout"
+	]),
+	menuExpandMode: new Set(["inline", "panel"]),
+	tagsViewStyle: new Set([
+		"default",
+		"card",
+		"smart"
+	])
+}, N = new Set([
+	"enableTransition",
+	"collapsed",
+	"fixedHeader",
+	"showBreadcrumb",
+	"showBreadcrumbIcon",
+	"showTagsView",
+	"showFooter",
+	"enableHotkeys"
+]), P = {
+	tagsViewHeight: [24, 100],
+	sidebarWidth: [120, 480],
+	sidebarCollapsedWidth: [32, 160],
+	headerHeight: [32, 160]
+}, F = 1;
+function I(e) {
+	if (e.sidebarCollapsedWidth > e.sidebarWidth) throw RangeError("sidebarCollapsedWidth 不能大于 sidebarWidth");
+}
+function L(e) {
+	if (!e || typeof e != "object" || Array.isArray(e)) throw TypeError("settings 必须是对象");
+	let t = e, n = {}, r = (e, t) => {
+		n[e] = t;
+	};
+	for (let [e, n] of Object.entries(M)) {
+		let i = t[e];
+		if (i !== void 0) {
+			if (typeof i != "string" || !n.has(i)) throw RangeError(`无效的设置项 ${e}: ${String(i)}`);
+			r(e, i);
+		}
+	}
+	for (let e of N) {
+		let n = t[e];
+		if (n !== void 0) {
+			if (typeof n != "boolean") throw TypeError(`设置项 ${e} 必须是布尔值`);
+			r(e, n);
+		}
+	}
+	for (let [e, n] of Object.entries(P)) {
+		let i = t[e];
+		if (i !== void 0) {
+			if (typeof i != "number" || !Number.isFinite(i) || i < n[0] || i > n[1]) throw RangeError(`设置项 ${e} 超出允许范围`);
+			r(e, i);
+		}
+	}
+	if (t.primaryColor !== void 0) {
+		if (typeof t.primaryColor != "string" || !/^#[0-9a-fA-F]{6}$/.test(t.primaryColor)) throw RangeError("primaryColor 必须是 #rrggbb 格式");
+		n.primaryColor = t.primaryColor;
+	}
+	if (t.version !== void 0) {
+		if (typeof t.version != "string" || t.version.length > 50) throw TypeError("version 必须是长度不超过 50 的字符串");
+		n.version = t.version;
+	}
+	return n;
+}
+function R(e) {
+	if (!e || typeof e != "object" || Array.isArray(e)) throw TypeError("配置文件根节点必须是对象");
+	let t = e, n = {};
+	if (t.schemaVersion !== void 0) {
+		if (typeof t.schemaVersion != "number" || !Number.isInteger(t.schemaVersion) || t.schemaVersion < 1 || t.schemaVersion > 1) throw RangeError("不支持的配置格式版本");
+		n.schemaVersion = t.schemaVersion;
+	}
+	t.settings !== void 0 && (n.settings = L(t.settings));
+	for (let e of ["gray", "colorWeak"]) {
+		let r = t[e];
+		if (r !== void 0) {
+			if (typeof r != "boolean") throw TypeError(`${e} 必须是布尔值`);
+			n[e] = r;
+		}
+	}
+	if (t.watermark !== void 0) {
+		if (!t.watermark || typeof t.watermark != "object" || Array.isArray(t.watermark)) throw TypeError("watermark 必须是对象");
+		let e = t.watermark;
+		if (typeof e.enabled != "boolean" || typeof e.text != "string" || e.text.length > 200) throw TypeError("watermark 配置无效");
+		n.watermark = {
+			enabled: e.enabled,
+			text: e.text
+		};
+	}
+	return n;
+}
+function z(e, t) {
+	if (typeof e != "string") return "#000000";
+	if (!Number.isFinite(t)) return e;
+	let n = Math.round(t), r = e.trim(), i = r.startsWith("#") ? r.slice(1) : r;
+	if (i.length === 3 && (i = i.split("").map((e) => e + e).join("")), !/^[0-9a-fA-F]{6}$/.test(i)) return e;
+	let a = parseInt(i, 16), o = Math.min(255, Math.max(0, (a >> 16) + n)), s = Math.min(255, Math.max(0, (a >> 8 & 255) + n)), c = Math.min(255, Math.max(0, (a & 255) + n));
+	return `#${(o << 16 | s << 8 | c).toString(16).padStart(6, "0")}`;
+}
+//#endregion
+//#region src/constants/index.ts
+var B = [
+	{
+		name: "拂晓蓝",
+		value: "#409eff"
+	},
+	{
+		name: "薄暮红",
+		value: "#f5222d"
+	},
+	{
+		name: "火山橙",
+		value: "#fa541c"
+	},
+	{
+		name: "日暮黄",
+		value: "#faad14"
+	},
+	{
+		name: "极光绿",
+		value: "#52c41a"
+	},
+	{
+		name: "明青",
+		value: "#13c2c2"
+	},
+	{
+		name: "极客蓝",
+		value: "#2f54eb"
+	},
+	{
+		name: "酱紫",
+		value: "#722ed1"
+	}
+], V = [
+	{
+		name: "科技蓝",
+		icon: "💙",
+		primaryColor: "#409eff"
+	},
+	{
+		name: "清新绿",
+		icon: "💚",
+		primaryColor: "#52c41a"
+	},
+	{
+		name: "商务灰",
+		icon: "🖤",
+		primaryColor: "#595959"
+	},
+	{
+		name: "活力橙",
+		icon: "🧡",
+		primaryColor: "#fa8c16"
+	},
+	{
+		name: "优雅紫",
+		icon: "💜",
+		primaryColor: "#722ed1"
+	},
+	{
+		name: "经典红",
+		icon: "❤️",
+		primaryColor: "#f5222d"
+	}
+], H = [
+	{
+		mode: "side",
+		label: "左侧菜单",
+		description: "经典的左侧导航布局",
+		icon: "i-mdi:page-layout-sidebar-left"
+	},
+	{
+		mode: "top",
+		label: "顶部菜单",
+		description: "顶部水平导航布局",
+		icon: "i-mdi:page-layout-header"
+	},
+	{
+		mode: "mix",
+		label: "混合菜单",
+		description: "顶部 + 侧边混合布局",
+		icon: "i-mdi:view-dashboard-outline"
+	},
+	{
+		mode: "mix-top",
+		label: "顶部混合",
+		description: "侧边优先的混合布局",
+		icon: "i-mdi:view-dashboard-variant-outline"
+	},
+	{
+		mode: "reverse-horizontal-mix",
+		label: "反转混合",
+		description: "反转的水平混合布局",
+		icon: "i-mdi:page-layout-header-footer"
+	},
+	{
+		mode: "card-layout",
+		label: "卡片布局",
+		description: "卡片式布局风格",
+		icon: "i-mdi:card-outline"
+	}
+], U = {
+	small: "4px",
+	medium: "6px",
+	large: "8px"
+}, W = {
+	fade: "fade-transform",
+	slide: "fade-slide",
+	zoom: "fade-zoom",
+	none: ""
+}, G = {
+	themeMode: "light",
+	primaryColor: "#409eff",
+	borderRadius: "medium",
+	transitionType: "slide",
+	enableTransition: !0,
+	layoutMode: "side",
+	menuExpandMode: "inline",
+	collapsed: !1,
+	fixedHeader: !0,
+	showBreadcrumb: !0,
+	showBreadcrumbIcon: !0,
+	showTagsView: !0,
+	tagsViewHeight: 44,
+	tagsViewStyle: "default",
+	showFooter: !0,
+	sidebarWidth: 220,
+	sidebarCollapsedWidth: 64,
+	headerHeight: 56,
+	enableHotkeys: !0,
+	version: "3.2.1"
+}, K = B.map((e) => e.value), q = () => typeof document > "u" ? void 0 : document.documentElement;
+function J(e, t) {
+	let n = d(e.primaryColor), r = {
+		"primary-color": n,
+		"primary-color-hover": z(n, 10),
+		"primary-color-pressed": z(n, -10),
+		"border-radius": d(e.borderRadiusValue),
+		"sidebar-width": `${d(e.sidebarWidth)}px`,
+		"sidebar-collapsed-width": `${d(e.sidebarCollapsedWidth)}px`,
+		"header-height": `${d(e.headerHeight)}px`,
+		"tags-view-height": `${d(e.tagsViewHeight)}px`
+	};
+	return Object.entries(r).flatMap(([e, n]) => {
+		let r = [[`--ra-layout-${e}`, n]];
+		return t && r.push([`--${e}`, n]), r;
+	});
+}
+function Y(e, t = {}) {
+	let n, r = /* @__PURE__ */ new Map(), i = !1, a = () => {
+		if (n) {
+			for (let [e, t] of r) t ? n.style.setProperty(e, t) : n.style.removeProperty(e);
+			n = void 0, r = /* @__PURE__ */ new Map();
+		}
+	}, o = () => {
+		if (i) return;
+		let o = t.target ? d(t.target) ?? void 0 : q();
+		if (!o) {
+			a();
+			return;
+		}
+		let s = J(e, t.legacyAliases ?? !1);
+		n !== o && (a(), n = o, r = new Map(s.map(([e]) => [e, o.style.getPropertyValue(e)])));
+		for (let [e, t] of s) o.style.setProperty(e, t);
+	}, s = f(() => [
+		d(e.primaryColor),
+		d(e.borderRadiusValue),
+		d(e.sidebarWidth),
+		d(e.sidebarCollapsedWidth),
+		d(e.headerHeight),
+		d(e.tagsViewHeight),
+		t.target ? d(t.target) : void 0
+	], o, { immediate: !0 });
+	return {
+		dispose: () => {
+			i || (i = !0, s(), a());
+		},
+		sync: o
+	};
+}
+function ee(e, t = {}) {
+	let r = Y(e, t);
+	return n() && s(r.dispose), r;
+}
+//#endregion
+//#region src/stores/settings.ts
+function X(t = {}) {
+	let { id: n = "settings", defaults: r = {}, onThemeModeChange: i, syncCssVariables: a = !0 } = t;
+	if (typeof n != "string" || !n.trim()) throw RangeError("Settings store id 不能为空");
+	let o = {
+		...G,
+		...L(r)
+	};
+	I(o);
+	let c = Object.freeze({ ...o });
+	return h(n, () => {
+		let t = u(o.themeMode), n = u(o.primaryColor), r = u(o.borderRadius), l = u(o.transitionType), d = u(o.enableTransition), f = u(o.layoutMode), p = u(o.menuExpandMode), m = u(o.collapsed), h = u(o.fixedHeader), g = u(o.showBreadcrumb), _ = u(o.showBreadcrumbIcon), v = u(o.showTagsView), y = u(o.tagsViewHeight), b = u(o.tagsViewStyle), x = u(o.showFooter), S = u(o.sidebarWidth), C = u(o.sidebarCollapsedWidth), w = u(o.headerHeight), T = u(o.enableHotkeys), E = u(o.version), D = e(() => U[r.value]), O = e(() => d.value && l.value !== "none"), k = e(() => O.value ? W[l.value] : ""), A = e(() => ({
+			themeMode: t.value,
+			primaryColor: n.value,
+			borderRadius: r.value,
+			transitionType: l.value,
+			enableTransition: d.value,
+			layoutMode: f.value,
+			menuExpandMode: p.value,
+			collapsed: m.value,
+			fixedHeader: h.value,
+			showBreadcrumb: g.value,
+			showBreadcrumbIcon: _.value,
+			showTagsView: v.value,
+			tagsViewHeight: y.value,
+			tagsViewStyle: b.value,
+			showFooter: x.value,
+			sidebarWidth: S.value,
+			sidebarCollapsedWidth: C.value,
+			headerHeight: w.value,
+			enableHotkeys: T.value,
+			version: E.value
+		})), j = a ? Y({
+			primaryColor: n,
+			borderRadiusValue: D,
+			sidebarWidth: S,
+			sidebarCollapsedWidth: C,
+			headerHeight: w,
+			tagsViewHeight: y
+		}, { legacyAliases: !0 }) : void 0;
+		return j && s(j.dispose), {
+			defaults: c,
+			themeMode: t,
+			primaryColor: n,
+			borderRadius: r,
+			transitionType: l,
+			enableTransition: d,
+			layoutMode: f,
+			menuExpandMode: p,
+			collapsed: m,
+			fixedHeader: h,
+			showBreadcrumb: g,
+			showBreadcrumbIcon: _,
+			showTagsView: v,
+			tagsViewHeight: y,
+			tagsViewStyle: b,
+			showFooter: x,
+			sidebarWidth: S,
+			sidebarCollapsedWidth: C,
+			headerHeight: w,
+			enableHotkeys: T,
+			version: E,
+			borderRadiusValue: D,
+			transitionName: k,
+			shouldEnableTransition: O,
+			settingsState: A,
+			syncCSSVariables: () => j?.sync(),
+			applyPreset: async (e) => {
+				let t = L({
+					primaryColor: e.primaryColor,
+					...e.settings
+				});
+				n.value = t.primaryColor, t.borderRadius && (r.value = t.borderRadius), t.transitionType && (l.value = t.transitionType), t.showBreadcrumb !== void 0 && (g.value = t.showBreadcrumb), t.showTagsView !== void 0 && (v.value = t.showTagsView), t.tagsViewStyle && (b.value = t.tagsViewStyle);
+			},
+			resetSettings: () => {
+				t.value = o.themeMode, n.value = o.primaryColor, r.value = o.borderRadius, l.value = o.transitionType, d.value = o.enableTransition, f.value = o.layoutMode, p.value = o.menuExpandMode, m.value = o.collapsed, h.value = o.fixedHeader, g.value = o.showBreadcrumb, _.value = o.showBreadcrumbIcon, v.value = o.showTagsView, y.value = o.tagsViewHeight, b.value = o.tagsViewStyle, x.value = o.showFooter, S.value = o.sidebarWidth, C.value = o.sidebarCollapsedWidth, w.value = o.headerHeight, T.value = o.enableHotkeys, E.value = o.version;
+			},
+			updateThemeMode: async (e) => {
+				L({ themeMode: e });
+				let n = t.value;
+				t.value = e;
+				try {
+					i && await i(e);
+				} catch (e) {
+					throw t.value = n, e;
+				}
+			},
+			toggleCollapse: () => {
+				m.value = !m.value;
+			}
+		};
+	});
+}
+var te = X();
+//#endregion
+//#region src/setup.ts
+function ne(e, t = {}) {
+	let n = X(t), r = n();
+	return e.provide(_, r), n;
+}
+//#endregion
+//#region src/utils/menu.ts
+function Z(e) {
+	return e.flatMap((e) => {
+		let t = e.path || e.key;
+		if (!t) return [];
+		let n = e.meta?.title || e.label || e.name || t, r = e.meta?.icon ?? (typeof e.icon == "string" ? e.icon : void 0), i = {
+			...e.meta,
+			title: n,
+			...r ? { icon: r } : {}
+		};
+		return [{
+			...e,
+			key: e.key || t,
+			path: t,
+			meta: i,
+			children: e.children ? Z(e.children) : void 0
+		}];
+	});
+}
+//#endregion
+//#region src/composables/createLayoutContext.ts
+function Q(t) {
+	let { settings: n } = t;
+	return {
+		menus: e(() => d(t.menus)),
+		isDark: e(() => d(t.isDark)),
+		layoutMode: e(() => n.layoutMode),
+		collapsed: e({
+			get: () => n.collapsed,
+			set: (e) => {
+				n.collapsed = e;
+			}
+		}),
+		menuExpandMode: e(() => n.menuExpandMode),
+		sidebarWidth: e(() => n.sidebarWidth),
+		sidebarCollapsedWidth: e(() => n.sidebarCollapsedWidth),
+		showFooter: e(() => n.showFooter),
+		showTagsView: e(() => n.showTagsView),
+		tagsViewHeight: e(() => n.tagsViewHeight),
+		headerHeight: e(() => n.headerHeight),
+		transitionName: e(() => n.transitionName),
+		showBreadcrumb: e(() => n.showBreadcrumb),
+		showBreadcrumbIcon: e(() => n.showBreadcrumbIcon),
+		fixedHeader: e(() => n.fixedHeader),
+		brand: {
+			...S,
+			...t.brand
+		},
+		iconComponent: t.iconComponent
+	};
+}
+function re(e) {
+	return x(Q(e));
+}
+//#endregion
+//#region src/composables/useSettingsController.ts
+var $ = class extends Error {
+	constructor(e) {
+		super(`[Layout] Host action "${e}" is not configured.`), this.name = "LayoutActionUnavailableError";
+	}
+}, ie = () => typeof document > "u" ? void 0 : document;
+function ae(t) {
+	let { store: r } = t, i = t.visualRoot?.ownerDocument ?? t.watermarkContainer?.ownerDocument ?? ie(), a = t.visualRoot ?? i?.documentElement, o = t.watermarkContainer ?? i?.body, c = Number.isFinite(t.maxImportBytes) && (t.maxImportBytes ?? 0) > 0 ? Math.floor(t.maxImportBytes ?? 1024 * 1024) : 1024 * 1024, l = a?.classList.contains("gray-mode") ?? !1, d = a?.classList.contains("color-weak-mode") ?? !1, p = u(l), m = u(d), h = u(!1), g = u(t.watermarkText ?? "Robot Admin"), _, v = () => {
+		_?.remove(), _ = void 0;
+	}, y = (e) => {
+		if (v(), !i || !o) return;
+		let n = i.createElement("canvas"), r = n.getContext("2d");
+		if (!r) {
+			t.onVisualEffectError?.("当前浏览器无法创建水印画布");
+			return;
+		}
+		n.width = 200, n.height = 150, r.font = "14px Microsoft JhengHei", r.fillStyle = "rgba(120, 120, 120, 0.15)", r.rotate(-20 * Math.PI / 180), r.fillText(e, 0, 80), _ = i.createElement("div"), _.dataset.robotAdminLayoutWatermark = "true", Object.assign(_.style, {
+			backgroundImage: `url(${n.toDataURL()})`,
+			backgroundRepeat: "repeat",
+			height: "100%",
+			left: "0",
+			pointerEvents: "none",
+			position: "fixed",
+			top: "0",
+			userSelect: "none",
+			width: "100%",
+			zIndex: "9999"
+		}), o.appendChild(_);
+	}, b = f(p, (e) => a?.classList.toggle("gray-mode", e)), x = f(m, (e) => a?.classList.toggle("color-weak-mode", e)), S = f(h, (e) => {
+		e ? y(g.value) : v();
+	}), C = f(g, (e) => {
+		h.value && y(e);
+	}), w = e(() => {
+		let e = i?.defaultView, t = e?.navigator;
+		if (!e || !t) return {
+			browser: "Unknown",
+			os: "Unknown",
+			resolution: "Unknown",
+			pixelRatio: "Unknown",
+			language: "Unknown",
+			timezone: "Unknown"
+		};
+		let n = t.userAgent, r = "Unknown", a = "Unknown";
+		return n.includes("Edg/") ? r = "Edge" : n.includes("Firefox") ? r = "Firefox" : n.includes("Chrome") ? r = "Chrome" : n.includes("Safari") && (r = "Safari"), n.includes("Windows") ? a = "Windows" : n.includes("Mac") ? a = "macOS" : n.includes("Android") ? a = "Android" : n.includes("iOS") ? a = "iOS" : n.includes("Linux") && (a = "Linux"), {
+			browser: r,
+			os: a,
+			resolution: `${e.screen.width} × ${e.screen.height}`,
+			pixelRatio: `${e.devicePixelRatio}x`,
+			language: t.language,
+			timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
+		};
+	}), T = (e) => r.applyPreset(e), E = (e) => r.updateThemeMode(e), D = async () => {
+		await r.updateThemeMode(r.defaults.themeMode), r.primaryColor = r.defaults.primaryColor, r.borderRadius = r.defaults.borderRadius, r.transitionType = r.defaults.transitionType, r.enableTransition = r.defaults.enableTransition;
+	}, O = () => {
+		r.layoutMode = r.defaults.layoutMode, r.menuExpandMode = r.defaults.menuExpandMode, r.fixedHeader = r.defaults.fixedHeader, r.showBreadcrumb = r.defaults.showBreadcrumb, r.showBreadcrumbIcon = r.defaults.showBreadcrumbIcon, r.showTagsView = r.defaults.showTagsView, r.tagsViewHeight = r.defaults.tagsViewHeight, r.tagsViewStyle = r.defaults.tagsViewStyle, r.showFooter = r.defaults.showFooter, r.sidebarWidth = r.defaults.sidebarWidth, r.sidebarCollapsedWidth = r.defaults.sidebarCollapsedWidth, r.headerHeight = r.defaults.headerHeight;
+	}, k = async () => {
+		let e = { ...r.settingsState };
+		try {
+			r.resetSettings(), await r.updateThemeMode(r.themeMode);
+		} catch (t) {
+			throw r.$patch(e), t;
+		}
+	}, A = async () => {
+		if (!t.actions?.clearCache) throw new $("clearCache");
+		await t.actions.clearCache();
+	}, j = () => {
+		t.actions?.reloadPage ? t.actions.reloadPage() : i?.defaultView?.location.reload();
+	}, M = () => ({
+		schemaVersion: 1,
+		settings: r.settingsState,
+		gray: p.value,
+		colorWeak: m.value,
+		watermark: {
+			enabled: h.value,
+			text: g.value
+		},
+		exportTime: (/* @__PURE__ */ new Date()).toISOString()
+	}), N = () => {
+		if (!i || typeof Blob > "u" || typeof URL > "u" || typeof URL.createObjectURL != "function") return !1;
+		let e = new Blob([JSON.stringify(M(), null, 2)], { type: "application/json" }), t = URL.createObjectURL(e), n = i.createElement("a");
+		return n.href = t, n.download = `robot-admin-config-${Date.now()}.json`, n.click(), URL.revokeObjectURL(t), !0;
+	}, P = async (e) => {
+		let t = R(e);
+		if (I({
+			...r.settingsState,
+			...t.settings
+		}), t.settings !== void 0) {
+			let { themeMode: e, ...n } = t.settings;
+			e !== void 0 && await r.updateThemeMode(e), r.$patch(n);
+		}
+		return t.gray !== void 0 && (p.value = t.gray), t.colorWeak !== void 0 && (m.value = t.colorWeak), t.watermark !== void 0 && (h.value = t.watermark.enabled, g.value = t.watermark.text), t;
+	}, F = async (e) => {
+		if (e.size > c) throw RangeError("配置文件过大");
+		return P(JSON.parse(await e.text()));
+	}, L = !1, z = () => {
+		L || (L = !0, b(), x(), S(), C(), v(), a?.classList.toggle("gray-mode", l), a?.classList.toggle("color-weak-mode", d));
+	};
+	return n() && s(z), {
+		applyImportedConfig: P,
+		applyPreset: T,
+		clearCache: A,
+		colorWeakMode: m,
+		createExportConfig: M,
+		dispose: z,
+		downloadConfig: N,
+		grayMode: p,
+		importFile: F,
+		reloadPage: j,
+		resetAll: k,
+		resetAppearance: D,
+		resetLayout: O,
+		systemInfo: w,
+		updateThemeMode: E,
+		watermarkEnabled: h,
+		watermarkText: g
+	};
+}
+//#endregion
+export { w as A, j as C, T as D, E, v as F, x as I, b as L, y as M, g as N, D as O, _ as P, L as S, k as T, W as _, Z as a, I as b, te as c, U as d, K as f, V as g, B as h, re as i, S as j, C as k, Y as l, H as m, ae as n, ne as o, G as p, Q as r, X as s, $ as t, ee as u, F as v, O as w, R as x, z as y };
+
+//# sourceMappingURL=vue-h8jl2I5K.js.map