@fuxishi/vitepress-theme 2.0.0-alpha.2 → 2.0.0-alpha.20

package/dist/chunk/{FxHeroImageBg-CiY3qciK.js → FxHeroImageBg-BsLzVdAq.js}

@@ -1,22 +1,22 @@
 import { defineComponent as e, nextTick as t, onBeforeUnmount as n, onMounted as r, watch as i } from "vue";
-import { useData as a, useRoute as o } from "vitepress";
-import { Vibrant as s } from "node-vibrant/browser";
+import { useData as a, useRoute as o, withBase as s } from "vitepress";
+import { Vibrant as c } from "node-vibrant/browser";
 //#region .vitepress/components/FxHeroImageBg.ts
-var c = "fx-hero-colors";
-function l() {
+var l = "fx-hero-colors";
+function u() {
 	try {
-		let e = localStorage.getItem(c);
+		let e = localStorage.getItem(l);
 		return e ? JSON.parse(e) : null;
 	} catch {
 		return null;
 	}
 }
-function u(e) {
+function d(e) {
 	try {
-		localStorage.setItem(c, JSON.stringify(e));
+		localStorage.setItem(l, JSON.stringify(e));
 	} catch {}
 }
-function d(e) {
+function f(e) {
 	return [
 		e.Vibrant,
 		e.DarkVibrant,
@@ -26,63 +26,63 @@ function d(e) {
 		e.LightMuted
 	].filter(Boolean);
 }
-function f(e) {
+function p(e) {
 	return e.slice().sort((e, t) => e.hsl[0] - t.hsl[0]).map((e) => e.hex);
 }
-function p(e) {
-	let t = d(e);
+function m(e) {
+	let t = f(e);
 	if (t.length === 0) return "-webkit-linear-gradient(-45deg, #bd34fe 50%, #47caff 50%)";
-	let n = f(t);
+	let n = p(t);
 	return `conic-gradient(from 0deg, ${[...n, n[0]].join(", ")})`;
 }
-function m(e, t) {
+function h(e, t) {
 	let n = Math.abs(e - t);
 	return Math.min(n, 360 - n);
 }
-function h(e) {
-	let t = d(e);
+function g(e) {
+	let t = f(e);
 	if (t.length < 2) return "linear-gradient(120deg, #bd34fe, #41d1ff)";
 	let n = -1, r = [t[0].hex, t[1].hex];
 	for (let e = 0; e < t.length; e++) for (let i = e + 1; i < t.length; i++) {
-		let a = m(t[e].hsl[0], t[i].hsl[0]);
+		let a = h(t[e].hsl[0], t[i].hsl[0]);
 		a > n && (n = a, r = [t[e].hex, t[i].hex]);
 	}
 	return `linear-gradient(120deg, ${r[0]}, ${r[1]})`;
 }
-function g(e) {
+function _(e) {
 	return `${parseInt(e.slice(1, 3), 16)}, ${parseInt(e.slice(3, 5), 16)}, ${parseInt(e.slice(5, 7), 16)}`;
 }
-function _(e) {
-	let t = d(e);
+function v(e) {
+	let t = f(e);
 	if (t.length < 2) return ["189, 52, 254", "65, 209, 255"];
 	let n = -1, r = [t[0], t[1]];
 	for (let e = 0; e < t.length; e++) for (let i = e + 1; i < t.length; i++) {
-		let a = m(t[e].hsl[0], t[i].hsl[0]);
+		let a = h(t[e].hsl[0], t[i].hsl[0]);
 		a > n && (n = a, r = [t[e], t[i]]);
 	}
-	return [g(r[0].hex), g(r[1].hex)];
+	return [_(r[0].hex), _(r[1].hex)];
 }
-function v() {
+function y() {
 	return document.documentElement.classList.contains("dark");
 }
-function y(e) {
-	let [t, n] = _(e);
+function b(e) {
+	let [t, n] = v(e);
 	return {
-		imageGradient: p(e),
-		nameGradient: h(e),
+		imageGradient: m(e),
+		nameGradient: g(e),
 		beamC1: t,
 		beamC2: n
 	};
 }
-function b(e) {
+function x(e) {
 	let t = document.documentElement;
 	t.style.setProperty("--vp-home-hero-image-background-image", e.imageGradient), t.style.setProperty("--vp-home-hero-name-background", e.nameGradient), t.style.setProperty("--fx-beam-c1", e.beamC1), t.style.setProperty("--fx-beam-c2", e.beamC2);
 }
-function x(e) {
+function S(e) {
 	let t = document.documentElement;
 	t.style.setProperty("--fx-beam-c1", e.beamC1), t.style.setProperty("--fx-beam-c2", e.beamC2);
 }
-var S = e({
+var C = e({
 	props: { heroImageColor: {
 		type: Boolean,
 		default: !1
@@ -90,127 +90,115 @@ var S = e({
 	render: () => null,
 	setup(e) {
 		if (!e.heroImageColor) return;
-		let d = null, f = o(), { frontmatter: p } = a();
-		function m() {
+		let f = null, p = o(), { frontmatter: m, site: h } = a();
+		function g() {
 			let e = document.documentElement;
 			e.style.removeProperty("--vp-home-hero-image-background-image"), e.style.removeProperty("--vp-home-hero-name-background"), e.style.removeProperty("--fx-beam-c1"), e.style.removeProperty("--fx-beam-c2");
 		}
-		function h(e) {
-			return v() ? e.dark || e.light : e.light || e.dark;
+		function _(e) {
+			return y() ? e.dark || e.light : e.light || e.dark;
 		}
-		function g(e) {
-			let t = l();
-			return !t || !t.images ? !1 : e && (e.light && t.images.light && e.light !== t.images.light || e.dark && t.images.dark && e.dark !== t.images.dark) ? (localStorage.removeItem(c), !0) : !1;
+		function v(e) {
+			try {
+				let t = new URL(e, location.href);
+				if (t.origin !== location.origin) return t.href;
+				let n = decodeURIComponent(t.pathname), r = h.value.base;
+				return r && r !== "/" && n.startsWith(r) && (n = n.slice(r.length - 1)), n;
+			} catch {
+				return e;
+			}
 		}
-		function _() {
-			let e = l();
-			if (!e) return !1;
-			let t = h(e);
-			return t ? (b(t), !0) : !1;
+		function C(e, t) {
+			let n = u();
+			return !!n?.[e] && n.images?.[e] === t;
 		}
-		function S() {
-			let e = l();
+		function w(e) {
+			let t = u();
+			return !t || !t.images ? !1 : e && (e.light && t.images.light && e.light !== t.images.light || e.dark && t.images.dark && e.dark !== t.images.dark) ? (localStorage.removeItem(l), !0) : !1;
+		}
+		function T() {
+			let e = u();
 			if (!e) return !1;
-			let t = h(e);
+			let t = _(e);
 			return t ? (x(t), !0) : !1;
 		}
-		function C() {
-			return p.value.fxHeroImages || {};
+		function E() {
+			let e = u();
+			if (!e) return !1;
+			let t = _(e);
+			return t ? (S(t), !0) : !1;
 		}
-		async function w() {
-			try {
-				let e = await import(
-					/* @vite-ignore */
-					"/index.md"
-), t = (typeof e.__pageData == "string" ? JSON.parse(e.__pageData) : e.__pageData)?.frontmatter?.hero?.image;
-				return t ? typeof t == "string" ? {
-					light: t,
-					dark: t
-				} : {
-					light: t.light,
-					dark: t.dark
-				} : null;
-			} catch {
-				return null;
-			}
+		function D() {
+			return m.value.fxHeroImages || {};
 		}
-		async function T(e, t) {
-			let n = e.src;
-			if (n) try {
-				let e = y(await s.from(n).quality(1).getPalette());
-				(v() && t === "dark" || !v() && t === "light") && b(e);
-				let r = l() || {};
-				r[t] = e, r.images ||= {}, r.images[t] = n, u(r);
+		async function O(e, t) {
+			let n = v(e.src);
+			if (e.src && n && !C(t, n)) try {
+				let r = b(await c.from(e.src).quality(1).getPalette());
+				(y() && t === "dark" || !y() && t === "light") && x(r);
+				let i = u() || {};
+				i[t] = r, i.images ||= {}, i.images[t] = n, d(i);
 			} catch {}
 		}
-		async function E(e, t) {
+		async function k(e, t, n) {
+			if (C(t, n)) return u()?.[t] || null;
 			try {
-				let n = y(await s.from(e).quality(1).getPalette()), r = l() || {};
-				return r[t] = n, r.images ||= {}, r.images[t] = e, u(r), n;
+				let r = b(await c.from(e).quality(1).getPalette()), i = u() || {};
+				return i[t] = r, i.images ||= {}, i.images[t] = n, d(i), r;
 			} catch {
 				return null;
 			}
 		}
-		async function D(e) {
+		async function A(e) {
 			if (!e.light && !e.dark) return;
 			let t = {};
 			if (e.light) {
-				let n = await E(e.light, "light");
-				n && (t.light = n);
+				let n = v(e.light), r = await k(s(n), "light", n);
+				r && (t.light = r);
 			}
 			if (e.dark) {
-				let n = await E(e.dark, "dark");
-				n && (t.dark = n);
+				let n = v(e.dark), r = await k(s(n), "dark", n);
+				r && (t.dark = r);
 			}
 			if (t.light || t.dark) {
-				let e = v() ? t.dark || t.light : t.light || t.dark;
-				e && b(e);
+				let e = y() ? t.dark || t.light : t.light || t.dark;
+				e && x(e);
 			}
 		}
-		async function O() {
-			let e = C();
+		async function j() {
+			let e = D();
 			if (e.light || e.dark) {
-				await D(e);
-				return;
-			}
-			let t = await w();
-			if (t) {
-				await D(t);
+				await A(e);
 				return;
 			}
 			try {
-				let e = await (await fetch(window.location.origin + "/")).text(), t = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".VPHero .image-container img.VPImage"), n = {};
+				let e = await (await fetch(window.location.origin + h.value.base)).text(), t = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".VPHero .image-container img.VPImage"), n = {};
 				t.forEach((e) => {
 					let t = e.getAttribute("src");
 					t && (e.classList.contains("dark") ? n.dark = t : n.light = t);
-				}), (n.light || n.dark) && await D(n);
+				}), (n.light || n.dark) && await A(n);
 			} catch {}
 		}
-		function k() {
+		function M() {
 			let e = document.querySelector(".VPHero .image-container img.VPImage.light"), t = document.querySelector(".VPHero .image-container img.VPImage.dark");
-			e || t ? (e && e.complete && e.naturalWidth > 0 ? T(e, "light") : e && e.addEventListener("load", () => T(e, "light"), { once: !0 }), t && t.complete && t.naturalWidth > 0 ? T(t, "dark") : t && t.addEventListener("load", () => T(t, "dark"), { once: !0 })) : (m(), S(), w().then((e) => {
-				if (e && (e.light || e.dark)) {
-					let t = l();
-					t?.images && (e.light && t.images.light && e.light !== t.images.light || e.dark && t.images.dark && e.dark !== t.images.dark) && (localStorage.removeItem(c), D(e));
-				}
-			}), O());
+			e || t ? (e && e.complete && e.naturalWidth > 0 ? O(e, "light") : e && e.addEventListener("load", () => O(e, "light"), { once: !0 }), t && t.complete && t.naturalWidth > 0 ? O(t, "dark") : t && t.addEventListener("load", () => O(t, "dark"), { once: !0 })) : (g(), E(), j());
 		}
 		r(() => {
-			g(C()), _() || O(), k(), d = new MutationObserver((e) => {
+			w(D()), T() || j(), M(), f = new MutationObserver((e) => {
 				for (let t of e) if (t.attributeName === "class") {
-					S(), k();
+					E(), M();
 					break;
 				}
-			}), d.observe(document.documentElement, {
+			}), f.observe(document.documentElement, {
 				attributes: !0,
 				attributeFilter: ["class"]
 			});
-		}), i(() => f.path, () => {
-			t(k);
+		}), i(() => p.path, () => {
+			t(M);
 		}), n(() => {
-			d?.disconnect(), m();
+			f?.disconnect(), g();
 		});
 	}
 });
 //#endregion
-export { S as default };
+export { C as default };

package/dist/chunk/FxHomeFeatureBefore-DcT06TxF.js

@@ -0,0 +1,48 @@
+import { defineComponent as e, nextTick as t, onBeforeUnmount as n, onMounted as r, watch as i } from "vue";
+import { useRoute as a } from "vitepress";
+//#region .vitepress/components/FxHomeFeatureBefore.ts
+var o = e({ setup() {
+	let e = [
+		"#f00",
+		"#0f0",
+		"#f0f",
+		"#0ff",
+		"#FE7300",
+		"#008EFF",
+		"#8B5CF6",
+		"#10B981"
+	], o = 0;
+	function s(e) {
+		cancelAnimationFrame(o), o = requestAnimationFrame(() => {
+			let t = e.target.closest(".VPFeature");
+			if (!t) return;
+			let n = t.getBoundingClientRect();
+			t.style.setProperty("--x", e.clientX - n.left + "px"), t.style.setProperty("--y", e.clientY - n.top + "px");
+		});
+	}
+	function c() {
+		document.querySelectorAll(".VPHomeFeatures .VPFeature").forEach((t, n) => {
+			t.style.setProperty("--color", e[n % e.length]);
+		});
+	}
+	let l = null;
+	function u() {
+		l?.disconnect(), l = null;
+		let e = document.querySelector(".VPHomeFeatures");
+		e && (l = new MutationObserver(c), l.observe(e, {
+			childList: !0,
+			subtree: !0
+		})), c();
+	}
+	r(() => {
+		document.addEventListener("mousemove", s), u();
+	});
+	let d = a();
+	return i(() => d.path, () => {
+		t(u);
+	}), n(() => {
+		cancelAnimationFrame(o), document.removeEventListener("mousemove", s), l?.disconnect();
+	}), () => null;
+} });
+//#endregion
+export { o as default };

package/dist/chunk/{FxMusicBall-DwxRT1yK.js → FxMusicBall-Ck96b41c.js}

@@ -1,39 +1,39 @@
-import { t as e } from "./icons-DtAsNqxj.js";
-import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, vShow as _, watchEffect as v, withDirectives as y } from "vue";
-import { useData as ee } from "vitepress";
-import { ElSlider as b } from "element-plus";
+import { t as e } from "./icons-CH79L9OV.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, nextTick as ee, normalizeClass as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, vShow as g, watchEffect as _, withDirectives as v } from "vue";
+import { useData as y, withBase as b } from "vitepress";
+import { ElSlider as x } from "element-plus";
 //#region .vitepress/components/FxMusicBall.vue?vue&type=script&setup=true&lang.ts
-var x = [
+var S = [
 	"src",
 	"autoplay",
 	"loop"
-], te = ["src", "autoplay"], S = { class: "fx-music-ball__inner" }, C = { class: "fx-play-pause" }, w = ["innerHTML"], ne = ["innerHTML"], re = { class: "fx-time" }, ie = { class: "fx-duration" }, ae = { class: "fx-volume" }, oe = ["innerHTML"], T = ["innerHTML"], se = ["innerHTML"], E = {
+], C = ["src", "autoplay"], w = { class: "fx-music-ball__inner" }, T = { class: "fx-play-pause" }, E = ["innerHTML"], D = ["innerHTML"], O = { class: "fx-time" }, k = { class: "fx-duration" }, te = { class: "fx-volume" }, ne = ["innerHTML"], re = ["innerHTML"], ie = ["innerHTML"], ae = {
 	id: "fx-progress-gradient",
 	x1: "0%",
 	y1: "0%",
 	x2: "100%",
 	y2: "100%"
-}, D = ["stop-color"], O = ["stop-color"], k = ["stroke-dasharray"], A = {
+}, oe = ["stop-color"], se = ["stop-color"], ce = ["stroke-dasharray"], le = {
 	key: 2,
 	class: "fx-orbit-ring"
-}, ce = {
+}, ue = {
 	key: 3,
 	class: "fx-music-list"
-}, le = ["onClick"], ue = ["d"], j = /* @__PURE__ */ s({
+}, de = ["onClick"], fe = ["d"], A = /* @__PURE__ */ s({
 	__name: "FxMusicBall",
 	setup(s) {
-		let j = [
+		let A = [
 			"M123.252 73.826h111.169v790.935h-111.169z",
 			"M346.361 465.952h111.169v395.467h-111.169z",
 			"M569.466 229.325h111.169v636.444h-111.169z",
 			"M792.574 391.584h111.169v475.788h-111.169z"
-		], { site: de } = ee(), M = de.value.themeConfig.musicBall, N = p(null), P = p(0), F = p(0), I = p(0), L = p(!1), R = p(50), z = p(!1), B = p(0), V = p(!!M.autoplay), H = p(!1), U = 2 * Math.PI * 22, W = p("#bd34fe"), G = p("#41d1ff");
+		], { site: j } = y(), M = j.value.themeConfig.musicBall, N = f(null), P = f(0), F = f(0), I = f(0), L = f(!1), R = f(50), z = f(!1), B = f(0), V = f(!!M.autoplay), H = f(!1), U = 2 * Math.PI * 22, W = f("#bd34fe"), G = f("#41d1ff");
 		function K() {
 			let e = getComputedStyle(document.documentElement), t = e.getPropertyValue("--fx-beam-c1").trim(), n = e.getPropertyValue("--fx-beam-c2").trim();
 			t && (W.value = `rgb(${t})`), n && (G.value = `rgb(${n})`);
 		}
 		let q = null;
-		d(() => {
+		u(() => {
 			K(), q = new MutationObserver((e) => {
 				for (let t of e) if (t.attributeName === "style") {
 					K();
@@ -43,27 +43,30 @@ var x = [
 				attributes: !0,
 				attributeFilter: ["style"]
 			});
-		}), u(() => {
+		}), l(() => {
 			q?.disconnect();
 		});
-		let fe = n(() => {
+		let pe = n(() => {
 			let e = U - X.value / 100 * U;
 			return `${U - e} ${e}`;
-		}), J = n(() => M.src || M.list?.length === 1), pe = n(() => M.src || M.list?.[0]?.src), Y = n(() => M.list || []), X = n({
+		}), J = n(() => M.src || M.list?.length === 1), me = n(() => b(M.src || M.list?.[0]?.src || "")), Y = n(() => (M.list || []).map((e) => ({
+			...e,
+			src: b(e.src)
+		}))), X = n({
 			get() {
 				return I.value / P.value * 100 || 0;
 			},
 			set(e) {
 				F.value = P.value * e / 100, !L.value && N.value && (N.value.currentTime = F.value);
 			}
-		}), me = n(() => $(P.value)), Z = n(() => $(I.value));
-		v(() => {
+		}), he = n(() => $(P.value)), Z = n(() => $(I.value));
+		_(() => {
 			N.value && (z.value = !1, N.value.volume = R.value / 100);
-		}), v(() => {
+		}), _(() => {
 			N.value && (N.value.muted = z.value);
 		});
 		let Q = {};
-		d(() => {
+		u(() => {
 			let e = N.value;
 			if (!e) return;
 			let t = {
@@ -87,47 +90,47 @@ var x = [
 						}
 						B.value = 0;
 					} else B.value++;
-					c(() => e.play());
+					ee(() => e.play());
 				}
 			};
 			for (let [n, r] of Object.entries(t)) e.addEventListener(n, r);
 			Q = t;
-		}), u(() => {
+		}), l(() => {
 			let e = N.value;
 			if (e) {
 				for (let [t, n] of Object.entries(Q)) e.removeEventListener(t, n);
 				Q = {};
 			}
 		});
-		let he = () => {
+		let ge = () => {
 			L.value = !L.value, L.value ? N.value?.play() : N.value?.pause(), !J.value && !V.value && (V.value = !0);
-		}, ge = () => {
+		}, _e = () => {
 			N.value && (N.value.currentTime = F.value);
-		}, _e = (e) => {
+		}, ve = (e) => {
 			V.value = !0, B.value = e;
-		}, ve = () => {
+		}, ye = () => {
 			H.value = !1;
 		};
 		function $(e) {
 			return e = Math.max(0, Number(e) || 0), `${Math.floor(e % 3600 / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
 		}
-		return (n, s) => (f(), i("div", {
-			class: l(["fx-music-ball", {
+		return (n, s) => (d(), i("div", {
+			class: c(["fx-music-ball", {
 				active: H.value,
 				"is-playing": L.value
 			}]),
-			onMouseleave: ve
+			onMouseleave: ye
 		}, [
-			J.value ? (f(), i("audio", {
+			J.value ? (d(), i("audio", {
 				key: 0,
 				class: "audio",
-				src: pe.value,
-				autoplay: g(M).autoplay,
-				loop: g(M).loop,
+				src: me.value,
+				autoplay: h(M).autoplay,
+				loop: h(M).loop,
 				style: { display: "none" },
 				ref_key: "audioRef",
 				ref: N
-			}, null, 8, x)) : (f(), i("audio", {
+			}, null, 8, S)) : (d(), i("audio", {
 				key: 1,
 				class: "audio",
 				src: Y.value[B.value]?.src,
@@ -135,55 +138,55 @@ var x = [
 				style: { display: "none" },
 				ref_key: "audioRef",
 				ref: N
-			}, null, 8, te)),
-			a("div", S, [
-				a("div", C, [y(a("span", { innerHTML: g(e)("music-ball/playfill", 20) }, null, 8, w), [[_, !L.value]]), y(a("span", { innerHTML: g(e)("music-ball/pause", 26) }, null, 8, ne), [[_, L.value]])]),
-				a("div", re, h(Z.value) + "\xA0/\xA0" + h(me.value), 1),
-				a("div", ie, [o(g(b), {
+			}, null, 8, C)),
+			a("div", w, [
+				a("div", T, [v(a("span", { innerHTML: h(e)("music-ball/playfill", 20) }, null, 8, E), [[g, !L.value]]), v(a("span", { innerHTML: h(e)("music-ball/pause", 26) }, null, 8, D), [[g, L.value]])]),
+				a("div", O, m(Z.value) + "\xA0/\xA0" + m(he.value), 1),
+				a("div", k, [o(h(x), {
 					style: { width: "100%" },
 					"show-tooltip": !1,
 					modelValue: X.value,
 					"onUpdate:modelValue": s[0] ||= (e) => X.value = e,
-					onChange: ge
+					onChange: _e
 				}, null, 8, ["modelValue"])]),
-				a("div", ae, [
-					o(g(b), {
+				a("div", te, [
+					o(h(x), {
 						style: { width: "100%" },
 						"show-tooltip": !1,
 						modelValue: R.value,
 						"onUpdate:modelValue": s[1] ||= (e) => R.value = e
 					}, null, 8, ["modelValue"]),
-					y(a("span", {
+					v(a("span", {
 						class: "fx-icon-volume",
 						onClick: s[2] ||= (e) => z.value = !z.value,
-						innerHTML: g(e)("music-ball/volume_off", 20)
-					}, null, 8, oe), [[_, z.value]]),
-					y(a("span", {
+						innerHTML: h(e)("music-ball/volume_off", 20)
+					}, null, 8, ne), [[g, z.value]]),
+					v(a("span", {
 						class: "fx-icon-volume",
 						onClick: s[3] ||= (e) => z.value = !z.value,
-						innerHTML: g(e)("music-ball/volume_up", 20)
-					}, null, 8, T), [[_, !z.value]])
+						innerHTML: h(e)("music-ball/volume_up", 20)
+					}, null, 8, re), [[g, !z.value]])
 				]),
-				J.value ? r("", !0) : (f(), i("div", {
+				J.value ? r("", !0) : (d(), i("div", {
 					key: 0,
 					class: "fx-music-list-button",
 					onClick: s[4] ||= (e) => H.value = !H.value
-				}, [a("span", { innerHTML: g(e)("music-ball/music_list", 20) }, null, 8, se)]))
+				}, [a("span", { innerHTML: h(e)("music-ball/music_list", 20) }, null, 8, ie)]))
 			]),
-			(f(), i("svg", {
+			(d(), i("svg", {
 				class: "fx-progress-ring",
 				width: "50",
 				height: "50",
 				viewBox: "0 0 50 50",
-				onClick: he
+				onClick: ge
 			}, [
-				a("defs", null, [a("linearGradient", E, [a("stop", {
+				a("defs", null, [a("linearGradient", ae, [a("stop", {
 					offset: "0%",
 					"stop-color": W.value
-				}, null, 8, D), a("stop", {
+				}, null, 8, oe), a("stop", {
 					offset: "100%",
 					"stop-color": G.value
-				}, null, 8, O)])]),
+				}, null, 8, se)])]),
 				s[5] ||= a("circle", {
 					class: "fx-progress-track",
 					cx: "25",
@@ -201,26 +204,26 @@ var x = [
 					stroke: "url(#fx-progress-gradient)",
 					"stroke-width": "2.5",
 					"stroke-linecap": "round",
-					"stroke-dasharray": fe.value
-				}, null, 8, k)
+					"stroke-dasharray": pe.value
+				}, null, 8, ce)
 			])),
-			L.value ? (f(), i("div", A)) : r("", !0),
-			H.value ? (f(), i("div", ce, [(f(!0), i(t, null, m(Y.value, (e, n) => (f(), i("div", {
-				class: l(["fx-music-list-item", B.value === n ? "active" : ""]),
+			L.value ? (d(), i("div", le)) : r("", !0),
+			H.value ? (d(), i("div", ue, [(d(!0), i(t, null, p(Y.value, (e, n) => (d(), i("div", {
+				class: c(["fx-music-list-item", B.value === n ? "active" : ""]),
 				key: n,
-				onClick: (e) => _e(n)
-			}, [B.value === n ? (f(), i("svg", {
+				onClick: (e) => ve(n)
+			}, [B.value === n ? (d(), i("svg", {
 				key: 0,
-				class: l(["image-live", { playing: L.value }]),
+				class: c(["image-live", { playing: L.value }]),
 				viewBox: "0 0 1024 1024",
 				xmlns: "http://www.w3.org/2000/svg"
-			}, [(f(), i(t, null, m(j, (e, t) => a("path", {
+			}, [(d(), i(t, null, p(A, (e, t) => a("path", {
 				key: t,
 				d: e,
-				class: l(["bar", `bar-${t + 1}`])
-			}, null, 10, ue)), 64))], 2)) : r("", !0), a("span", null, h(e.name), 1)], 10, le))), 128)), s[6] ||= a("div", { class: "fx-music-list-sep" }, null, -1)])) : r("", !0)
+				class: c(["bar", `bar-${t + 1}`])
+			}, null, 10, fe)), 64))], 2)) : r("", !0), a("span", null, m(e.name), 1)], 10, de))), 128)), s[6] ||= a("div", { class: "fx-music-list-sep" }, null, -1)])) : r("", !0)
 		], 34));
 	}
 });
 //#endregion
-export { j as default };
+export { A as default };

package/dist/chunk/{icons-DtAsNqxj.js → icons-CH79L9OV.js}

@@ -1,6 +1,6 @@
 //#endregion
 //#region .vitepress/utils/icons.ts
-var e = /* @__PURE__ */ Object.assign({
+var e = /* #__PURE__ */ Object.assign({
 	"../assets/svg/fold.svg": "<svg t=\"1777001773348\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"15732\" width=\"200\" height=\"200\"><path d=\"M736 480c-12.5-12.5-32.8-12.5-45.3 0L523.3 647.4c-6.2 6.2-16.4 6.2-22.6 0L333.3 480c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L466.7 704c25 25 65.5 25 90.5 0L736 525.3c12.5-12.5 12.5-32.8 0-45.3z\" p-id=\"15733\"></path></svg>",
 	"../assets/svg/music-ball/music_list.svg": "<svg t=\"1777001773348\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"15732\" width=\"200\" height=\"200\"><path d=\"M128 128h384v85.333333H128zM128 298.666667h384v85.333333H128zM128 469.333333h209.066667v85.333334H128zM725.333333 170.666667v418.133333c-34.133333-21.333333-81.066667-34.133333-128-34.133333-119.466667 0-213.333333 76.8-213.333333 170.666666s93.866667 170.666667 213.333333 170.666667 213.333333-76.8 213.333334-170.666667V256h128V170.666667h-213.333334z\"  ></path></svg>",
 	"../assets/svg/music-ball/pause.svg": "<svg t=\"1777001773348\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"15732\" width=\"200\" height=\"200\"><path d=\"M426.666667 288v448a32.426667 32.426667 0 0 1-32 32h-64a32.426667 32.426667 0 0 1-32-32V288A32.426667 32.426667 0 0 1 330.666667 256h64a32.426667 32.426667 0 0 1 32 32zM693.333333 256h-64a32.426667 32.426667 0 0 0-32 32v448a32.426667 32.426667 0 0 0 32 32h64a32.426667 32.426667 0 0 0 32-32V288a32.426667 32.426667 0 0 0-32-32z\"  ></path></svg>",
@@ -15,7 +15,7 @@ for (let n in e) {
 }
 function n(e, n = 14) {
 	let r = t[e];
-	return r ? r.replace(/width=(['"]?)\d+\1/, `width="${n}"`).replace(/height=(['"]?)\d+\1/, `height="${n}"`) : "";
+	return r ? r.replace(/\swidth=(['"]?)\d+\1/, ` width="${n}"`).replace(/\sheight=(['"]?)\d+\1/, ` height="${n}"`) : "";
 }
 //#endregion
 export { n as t };

package/dist/config.d.ts

@@ -38,6 +38,8 @@ export interface FxThemeCustomConfig {
 declare const fxConfig: {
   markdown?: { lineNumbers?: boolean }
   transformPageData?: (pageData: any) => any
-  vite?: { ssr?: { noExternal?: string[] } }
+  /** 预设包含 outline / musicBall / confetti 默认值；索引签名兼容 DefaultTheme.Config 的其余字段 */
+  themeConfig?: FxThemeCustomConfig & { [key: string]: any }
+  vite?: { ssr?: { noExternal?: string[] }; plugins?: any[] }
 }
 export default fxConfig