@fuxishi/vitepress-theme 1.0.9 → 1.0.11

package/dist/chunk/FxMusicBall-BYNfzoJY.js

@@ -1,199 +0,0 @@
-import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, onUnmounted as ee, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, vShow as m, watchEffect as h, withDirectives as g } from "vue";
-import { useData as te } from "vitepress";
-import { ElSlider as _ } from "element-plus";
-//#region .vitepress/components/FxMusicBall.vue?vue&type=script&setup=true&lang.ts
-var v = [
-	"src",
-	"autoplay",
-	"loop"
-], y = ["src", "autoplay"], b = { class: "fx-music-ball__inner" }, x = { class: "fx-play-pause" }, S = { class: "iconfont icon-playfill" }, C = { class: "iconfont icon-pause" }, w = { class: "fx-time" }, T = { class: "fx-duration" }, E = { class: "fx-volume" }, D = {
-	id: "fx-progress-gradient",
-	x1: "0%",
-	y1: "0%",
-	x2: "100%",
-	y2: "100%"
-}, O = ["stop-color"], k = ["stop-color"], A = ["stroke-dasharray"], j = {
-	key: 2,
-	class: "fx-orbit-ring"
-}, ne = {
-	key: 3,
-	class: "fx-music-list"
-}, re = ["onClick"], ie = ["d"], M = /* @__PURE__ */ o({
-	__name: "FxMusicBall",
-	setup(o) {
-		let M = [
-			"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: ae } = te(), N = ae.value.themeConfig.musicBall, P = u(null), F = u(0), I = u(0), L = u(0), R = u(!1), z = u(50), B = u(!1), V = u(0), H = u(!!N.autoplay), U = u(!1), W = 2 * Math.PI * 22, G = u("#bd34fe"), K = u("#41d1ff");
-		function q() {
-			let e = getComputedStyle(document.documentElement), t = e.getPropertyValue("--fx-beam-c1").trim(), n = e.getPropertyValue("--fx-beam-c2").trim();
-			t && (G.value = `rgb(${t})`), n && (K.value = `rgb(${n})`);
-		}
-		let J = null;
-		c(() => {
-			q(), J = new MutationObserver((e) => {
-				for (let t of e) if (t.attributeName === "style") {
-					q();
-					break;
-				}
-			}), J.observe(document.documentElement, {
-				attributes: !0,
-				attributeFilter: ["style"]
-			});
-		}), ee(() => {
-			J?.disconnect();
-		});
-		let oe = t(() => {
-			let e = W - Z.value / 100 * W;
-			return `${W - e} ${e}`;
-		}), Y = t(() => N.src || N.list?.length === 1), se = t(() => N.src || N.list?.[0]?.src), X = t(() => N.list || []), Z = t({
-			get() {
-				return L.value / F.value * 100 || 0;
-			},
-			set(e) {
-				I.value = F.value * e / 100, !R.value && P.value && (P.value.currentTime = I.value);
-			}
-		}), ce = t(() => $(F.value)), le = t(() => $(L.value));
-		h(() => {
-			P.value && (B.value = !1, P.value.volume = z.value / 100);
-		}), h(() => {
-			P.value && (P.value.muted = B.value);
-		}), c(() => {
-			let e = P.value;
-			e?.addEventListener("play", () => {
-				R.value = !0;
-			}), e?.addEventListener("pause", () => {
-				R.value = !1;
-			}), e?.addEventListener("timeupdate", () => {
-				F.value = e.duration, L.value = e.currentTime;
-			}), e?.addEventListener("canplay", () => {
-				F.value = e.duration;
-			}), e?.addEventListener("ended", () => {
-				V.value + 1 > X.value.length - 1 ? V.value = 0 : V.value++;
-			});
-		});
-		let ue = () => {
-			R.value = !R.value, R.value ? P.value?.play() : P.value?.pause(), !Y.value && !H.value && (H.value = !0);
-		}, Q = () => {
-			P.value && (P.value.currentTime = I.value);
-		}, de = (e) => {
-			H.value = !0, V.value = e;
-		}, fe = () => {
-			U.value = !1;
-		};
-		function $(e) {
-			return e = Number(e), `${Math.floor(e % 3600 / 60) || 0}:${(Math.floor(e % 3600 % 60) || 0).toString().padStart(2, "0")}`;
-		}
-		return (t, o) => (l(), r("div", {
-			class: s(["fx-music-ball", {
-				active: U.value,
-				"is-playing": R.value
-			}]),
-			onMouseleave: fe
-		}, [
-			Y.value ? (l(), r("audio", {
-				key: 0,
-				class: "audio",
-				src: se.value,
-				autoplay: p(N).autoplay,
-				loop: p(N).loop,
-				style: { display: "none" },
-				ref_key: "audioRef",
-				ref: P
-			}, null, 8, v)) : (l(), r("audio", {
-				key: 1,
-				class: "audio",
-				src: X.value[V.value].src,
-				autoplay: H.value,
-				style: { display: "none" },
-				ref_key: "audioRef",
-				ref: P
-			}, null, 8, y)),
-			i("div", b, [
-				i("div", x, [g(i("span", S, null, 512), [[m, !R.value]]), g(i("span", C, null, 512), [[m, R.value]])]),
-				i("div", w, f(ce.value) + "\xA0/\xA0" + f(le.value), 1),
-				i("div", T, [a(p(_), {
-					style: { width: "100%" },
-					"show-tooltip": !1,
-					modelValue: Z.value,
-					"onUpdate:modelValue": o[0] ||= (e) => Z.value = e,
-					onChange: Q
-				}, null, 8, ["modelValue"])]),
-				i("div", E, [
-					a(p(_), {
-						style: { width: "100%" },
-						"show-tooltip": !1,
-						modelValue: z.value,
-						"onUpdate:modelValue": o[1] ||= (e) => z.value = e
-					}, null, 8, ["modelValue"]),
-					g(i("span", {
-						class: "iconfont icon-ic_volume_off",
-						onClick: o[2] ||= (e) => B.value = !B.value
-					}, null, 512), [[m, B.value]]),
-					g(i("span", {
-						class: "iconfont icon-ic_volume_up",
-						onClick: o[3] ||= (e) => B.value = !B.value
-					}, null, 512), [[m, !B.value]])
-				]),
-				Y.value ? n("", !0) : (l(), r("div", {
-					key: 0,
-					class: "fx-music-list-button",
-					onClick: o[4] ||= (e) => U.value = !U.value
-				}, [...o[5] ||= [i("span", { class: "iconfont icon-music_list" }, null, -1)]]))
-			]),
-			(l(), r("svg", {
-				class: "fx-progress-ring",
-				width: "50",
-				height: "50",
-				viewBox: "0 0 50 50",
-				onClick: ue
-			}, [
-				i("defs", null, [i("linearGradient", D, [i("stop", {
-					offset: "0%",
-					"stop-color": G.value
-				}, null, 8, O), i("stop", {
-					offset: "100%",
-					"stop-color": K.value
-				}, null, 8, k)])]),
-				o[6] ||= i("circle", {
-					class: "fx-progress-track",
-					cx: "25",
-					cy: "25",
-					r: "22",
-					fill: "none",
-					"stroke-width": "2.5"
-				}, null, -1),
-				i("circle", {
-					class: "fx-progress-bar",
-					cx: "25",
-					cy: "25",
-					r: "22",
-					fill: "none",
-					stroke: "url(#fx-progress-gradient)",
-					"stroke-width": "2.5",
-					"stroke-linecap": "round",
-					"stroke-dasharray": oe.value
-				}, null, 8, A)
-			])),
-			R.value ? (l(), r("div", j)) : n("", !0),
-			U.value ? (l(), r("div", ne, [(l(!0), r(e, null, d(X.value, (t, a) => (l(), r("div", {
-				class: s(["fx-music-list-item", V.value === a ? "active" : ""]),
-				key: a,
-				onClick: (e) => de(a)
-			}, [V.value === a ? (l(), r("svg", {
-				key: 0,
-				class: s(["image-live", { playing: R.value }]),
-				viewBox: "0 0 1024 1024",
-				xmlns: "http://www.w3.org/2000/svg"
-			}, [(l(), r(e, null, d(M, (e, t) => i("path", {
-				key: t,
-				d: e,
-				class: s(["bar", `bar-${t + 1}`])
-			}, null, 10, ie)), 64))], 2)) : n("", !0), i("span", null, f(t.name), 1)], 10, re))), 128)), o[7] ||= i("div", { class: "fx-music-list-sep" }, null, -1)])) : n("", !0)
-		], 34));
-	}
-});
-//#endregion
-export { M as default };