@applemusic-like-lyrics/react-full 0.3.1 → 0.3.2

package/dist/amll-react-framework.cjs

@@ -1,13 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 //#region \0rolldown/runtime.js
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-	cache: /* @__PURE__ */ new Map(),
-	get(name, inst) {
-		if (this.cache.has(name)) return this.cache.get(name);
-		this.cache.set(name, inst);
-		return inst;
-	}
-};
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -2060,12 +2052,12 @@ const ToggleIconButton = (0, react.memo)((t0) => {
 	return t3;
 });
 const PREBUILT_ICONS_MAP = {
-	[PrebuiltToggleIconButtonType.Lyrics]: [ForwardRef$20, ForwardRef$19],
-	[PrebuiltToggleIconButtonType.Playlist]: [ForwardRef$18, ForwardRef$17],
-	[PrebuiltToggleIconButtonType.Repeat]: [ForwardRef$16, ForwardRef$15],
-	[PrebuiltToggleIconButtonType.Shuffle]: [ForwardRef$14, ForwardRef$13],
-	[PrebuiltToggleIconButtonType.Star]: [ForwardRef$12, ForwardRef$11],
-	[PrebuiltToggleIconButtonType.AirPlay]: [ForwardRef$21, ForwardRef$21]
+	["lyrics"]: [ForwardRef$20, ForwardRef$19],
+	["playlist"]: [ForwardRef$18, ForwardRef$17],
+	["repeat"]: [ForwardRef$16, ForwardRef$15],
+	["shuffle"]: [ForwardRef$14, ForwardRef$13],
+	["star"]: [ForwardRef$12, ForwardRef$11],
+	["airplay"]: [ForwardRef$21, ForwardRef$21]
 };
 const PrebuiltToggleIconButton = (0, react.memo)((t0) => {
 	const $ = (0, react_compiler_runtime.c)(15);
@@ -2566,7 +2558,7 @@ let LyricSizePreset = /* @__PURE__ */ function(LyricSizePreset) {
 }({});
 const getInitialPlayerImplementation = () => {
 	switch (localStorage.getItem("amll-react-full.lyricPlayerImplementation")) {
-		case LyricPlayerImplementation.DomSlim: return { lyricPlayer: _applemusic_like_lyrics_core.DomSlimLyricPlayer };
+		case "dom-slim": return { lyricPlayer: _applemusic_like_lyrics_core.DomSlimLyricPlayer };
 		default: return { lyricPlayer: _applemusic_like_lyrics_core.DomLyricPlayer };
 	}
 };
@@ -2665,12 +2657,12 @@ const lyricLetterSpacingAtom = globalThis.jotaiAtomCache.get("/home/runner/work/
 * @default LyricSizePreset.Medium
 */
 lyricLetterSpacingAtom.debugLabel = "lyricLetterSpacingAtom";
-const lyricSizePresetAtom = globalThis.jotaiAtomCache.get("/home/runner/work/applemusic-like-lyrics/applemusic-like-lyrics/packages/react-full/src/states/configAtoms.ts/lyricSizePresetAtom", (0, jotai_utils.atomWithStorage)("amll-react-full.lyricSizePreset", LyricSizePreset.Medium));
+const lyricSizePresetAtom = globalThis.jotaiAtomCache.get("/home/runner/work/applemusic-like-lyrics/applemusic-like-lyrics/packages/react-full/src/states/configAtoms.ts/lyricSizePresetAtom", (0, jotai_utils.atomWithStorage)("amll-react-full.lyricSizePreset", "medium"));
 /**
 * 播放控制组件的显示类型，即歌曲信息下方的组件
 */
 lyricSizePresetAtom.debugLabel = "lyricSizePresetAtom";
-const playerControlsTypeAtom = globalThis.jotaiAtomCache.get("/home/runner/work/applemusic-like-lyrics/applemusic-like-lyrics/packages/react-full/src/states/configAtoms.ts/playerControlsTypeAtom", (0, jotai_utils.atomWithStorage)("amll-react-full.playerControlsType", PlayerControlsType.Controls));
+const playerControlsTypeAtom = globalThis.jotaiAtomCache.get("/home/runner/work/applemusic-like-lyrics/applemusic-like-lyrics/packages/react-full/src/states/configAtoms.ts/playerControlsTypeAtom", (0, jotai_utils.atomWithStorage)("amll-react-full.playerControlsType", "controls"));
 /**
 * 是否显示歌曲名称
 * @default true
@@ -2682,7 +2674,7 @@ const showMusicNameAtom = globalThis.jotaiAtomCache.get("/home/runner/work/apple
 * @default VerticalCoverLayout.Auto
 */
 showMusicNameAtom.debugLabel = "showMusicNameAtom";
-const verticalCoverLayoutAtom = globalThis.jotaiAtomCache.get("/home/runner/work/applemusic-like-lyrics/applemusic-like-lyrics/packages/react-full/src/states/configAtoms.ts/verticalCoverLayoutAtom", (0, jotai_utils.atomWithStorage)("amll-react-full.verticalCoverLayout", VerticalCoverLayout.Auto));
+const verticalCoverLayoutAtom = globalThis.jotaiAtomCache.get("/home/runner/work/applemusic-like-lyrics/applemusic-like-lyrics/packages/react-full/src/states/configAtoms.ts/verticalCoverLayoutAtom", (0, jotai_utils.atomWithStorage)("amll-react-full.verticalCoverLayout", "auto"));
 /**
 * 是否显示歌曲作者
 * @default true
@@ -2808,7 +2800,7 @@ const isShuffleActiveAtom = globalThis.jotaiAtomCache.get("/home/runner/work/app
 * 当前的重复播放模式
 */
 isShuffleActiveAtom.debugLabel = "isShuffleActiveAtom";
-const repeatModeAtom = globalThis.jotaiAtomCache.get("/home/runner/work/applemusic-like-lyrics/applemusic-like-lyrics/packages/react-full/src/states/controlsAtoms.ts/repeatModeAtom", (0, jotai.atom)(RepeatMode.Off));
+const repeatModeAtom = globalThis.jotaiAtomCache.get("/home/runner/work/applemusic-like-lyrics/applemusic-like-lyrics/packages/react-full/src/states/controlsAtoms.ts/repeatModeAtom", (0, jotai.atom)("off"));
 /**
 * 随机按钮是否可用
 */
@@ -2919,7 +2911,7 @@ const musicLyricLinesAtom = globalThis.jotaiAtomCache.get("/home/runner/work/app
 */
 musicLyricLinesAtom.debugLabel = "musicLyricLinesAtom";
 const musicQualityAtom = globalThis.jotaiAtomCache.get("/home/runner/work/applemusic-like-lyrics/applemusic-like-lyrics/packages/react-full/src/states/dataAtoms.ts/musicQualityAtom", (0, jotai.atom)({
-	type: AudioQualityType.None,
+	type: "none",
 	codec: "unknown",
 	channels: 2,
 	sampleRate: 44100,
@@ -2963,10 +2955,6 @@ var index_module_default = {
 };
 //#endregion
 //#region src/components/PrebuiltLyricPlayer/index.tsx
-/**
-* @fileoverview
-* 已经部署好所有组件的歌词播放器组件，在正确设置所有的 Jotai 状态后可以开箱即用
-*/
 globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
 	cache: /* @__PURE__ */ new Map(),
 	get(name, inst) {
@@ -3059,11 +3047,11 @@ const PrebuiltMediaButtons = (t0) => {
 	if ($[1] !== currentRepeatMode) {
 		t2 = () => {
 			switch (currentRepeatMode) {
-				case RepeatMode.One: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ForwardRef$2, {
+				case "one": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ForwardRef$2, {
 					color: "#ffffffff",
 					style: iconStyle
 				});
-				case RepeatMode.All: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ForwardRef$3, {
+				case "all": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ForwardRef$3, {
 					color: "#ffffffff",
 					style: iconStyle
 				});
@@ -3368,18 +3356,18 @@ const PrebuiltProgressBar = react.default.memo(() => {
 });
 function getLyricFontSizeFromPreset(preset) {
 	switch (preset) {
-		case LyricSizePreset.Tiny: return "max(max(2.5vh, 1.25vw), 10px)";
-		case LyricSizePreset.ExtraSmall: return "max(max(3vh, 1.5vw), 10px)";
-		case LyricSizePreset.Small: return "max(max(4vh, 2vw), 12px)";
-		case LyricSizePreset.Large: return "max(max(6vh, 3vw), 16px)";
-		case LyricSizePreset.ExtraLarge: return "max(max(7vh, 3.5vw), 18px)";
-		case LyricSizePreset.Huge: return "max(max(8vh, 4vw), 20px)";
+		case "tiny": return "max(max(2.5vh, 1.25vw), 10px)";
+		case "extra-small": return "max(max(3vh, 1.5vw), 10px)";
+		case "small": return "max(max(4vh, 2vw), 12px)";
+		case "large": return "max(max(6vh, 3vw), 16px)";
+		case "extra-large": return "max(max(7vh, 3.5vw), 18px)";
+		case "huge": return "max(max(8vh, 4vw), 20px)";
 		default: return "max(max(5vh, 2.5vw), 14px)";
 	}
 }
 const PrebuiltCoreLyricPlayer = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(35);
-	const { alignPosition, alignAnchor, bottomLine } = t0;
+	const $ = (0, react_compiler_runtime.c)(36);
+	const { alignPosition, alignAnchor, bottomLine, optimizeOptions } = t0;
 	const amllPlayerRef = (0, react.useRef)(null);
 	const musicIsPlaying = (0, jotai.useAtomValue)(musicPlayingAtom);
 	const lyricLines = (0, jotai.useAtomValue)(musicLyricLinesAtom);
@@ -3476,7 +3464,7 @@ const PrebuiltCoreLyricPlayer = (t0) => {
 		$[18] = t11;
 	} else t11 = $[18];
 	let t12;
-	if ($[19] !== alignAnchor || $[20] !== alignPosition || $[21] !== bottomLine || $[22] !== enableLyricLineBlurEffect || $[23] !== enableLyricLineScaleEffect || $[24] !== enableLyricLineSpringAnimation || $[25] !== lyricPlayerImplementation || $[26] !== lyricWordFadeWidth || $[27] !== musicIsPlaying || $[28] !== musicPlayingPosition || $[29] !== processedLyricLines || $[30] !== t10 || $[31] !== t11 || $[32] !== t8 || $[33] !== t9) {
+	if ($[19] !== alignAnchor || $[20] !== alignPosition || $[21] !== bottomLine || $[22] !== enableLyricLineBlurEffect || $[23] !== enableLyricLineScaleEffect || $[24] !== enableLyricLineSpringAnimation || $[25] !== lyricPlayerImplementation || $[26] !== lyricWordFadeWidth || $[27] !== musicIsPlaying || $[28] !== musicPlayingPosition || $[29] !== optimizeOptions || $[30] !== processedLyricLines || $[31] !== t10 || $[32] !== t11 || $[33] !== t8 || $[34] !== t9) {
 		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_applemusic_like_lyrics_react.LyricPlayer, {
 			style: t8,
 			ref: amllPlayerRef,
@@ -3486,6 +3474,7 @@ const PrebuiltCoreLyricPlayer = (t0) => {
 			alignAnchor,
 			currentTime: musicPlayingPosition,
 			lyricLines: processedLyricLines,
+			optimizeOptions,
 			enableBlur: enableLyricLineBlurEffect,
 			enableScale: enableLyricLineScaleEffect,
 			enableSpring: enableLyricLineSpringAnimation,
@@ -3505,13 +3494,14 @@ const PrebuiltCoreLyricPlayer = (t0) => {
 		$[26] = lyricWordFadeWidth;
 		$[27] = musicIsPlaying;
 		$[28] = musicPlayingPosition;
-		$[29] = processedLyricLines;
-		$[30] = t10;
-		$[31] = t11;
-		$[32] = t8;
-		$[33] = t9;
-		$[34] = t12;
-	} else t12 = $[34];
+		$[29] = optimizeOptions;
+		$[30] = processedLyricLines;
+		$[31] = t10;
+		$[32] = t11;
+		$[33] = t8;
+		$[34] = t9;
+		$[35] = t12;
+	} else t12 = $[35];
 	return t12;
 };
 const PrebuiltVolumeControl = (t0) => {
@@ -3566,14 +3556,14 @@ const PrebuiltMusicControls = (t0) => {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== playerControlsType || $[7] !== showOtherButtons) {
-		t2 = playerControlsType === PlayerControlsType.Controls && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltMediaButtons, { showOtherButtons });
+		t2 = playerControlsType === "controls" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltMediaButtons, { showOtherButtons });
 		$[6] = playerControlsType;
 		$[7] = showOtherButtons;
 		$[8] = t2;
 	} else t2 = $[8];
 	let t3;
 	if ($[9] !== fftData || $[10] !== playerControlsType) {
-		t3 = playerControlsType === PlayerControlsType.FFT && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AudioFFTVisualizer, {
+		t3 = playerControlsType === "fft" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AudioFFTVisualizer, {
 			style: {
 				width: "100%",
 				height: "8vh"
@@ -3603,20 +3593,23 @@ const PrebuiltMusicControls = (t0) => {
 * 已经部署好所有组件的歌词播放器组件，在正确设置所有的 Jotai 状态后可以开箱即用
 */
 const PrebuiltLyricPlayer = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(65);
+	const $ = (0, react_compiler_runtime.c)(67);
 	let bottomLineSlot;
 	let className;
+	let optimizeOptions;
 	let rest;
 	if ($[0] !== t0) {
-		({className, bottomLineSlot, ...rest} = t0);
+		({className, bottomLineSlot, optimizeOptions, ...rest} = t0);
 		$[0] = t0;
 		$[1] = bottomLineSlot;
 		$[2] = className;
-		$[3] = rest;
+		$[3] = optimizeOptions;
+		$[4] = rest;
 	} else {
 		bottomLineSlot = $[1];
 		className = $[2];
-		rest = $[3];
+		optimizeOptions = $[3];
+		rest = $[4];
 	}
 	const [hideLyricView, setHideLyricView] = (0, jotai.useAtom)(hideLyricViewAtom);
 	const musicCover = (0, jotai.useAtomValue)(musicCoverAtom);
@@ -3639,7 +3632,7 @@ const PrebuiltLyricPlayer = (t0) => {
 	const cssBackgroundProperty = (0, jotai.useAtomValue)(cssBackgroundPropertyAtom);
 	let t1;
 	let t2;
-	if ($[4] !== isVertical || $[5] !== layoutEl) {
+	if ($[5] !== isVertical || $[6] !== layoutEl) {
 		t1 = () => {
 			if (!isVertical && coverElRef.current && layoutEl) {
 				const obz = new ResizeObserver(() => {
@@ -3659,57 +3652,57 @@ const PrebuiltLyricPlayer = (t0) => {
 			}
 		};
 		t2 = [isVertical, layoutEl];
-		$[4] = isVertical;
-		$[5] = layoutEl;
-		$[6] = t1;
-		$[7] = t2;
+		$[5] = isVertical;
+		$[6] = layoutEl;
+		$[7] = t1;
+		$[8] = t2;
 	} else {
-		t1 = $[6];
-		t2 = $[7];
+		t1 = $[7];
+		t2 = $[8];
 	}
 	(0, react.useLayoutEffect)(t1, t2);
-	const verticalImmerseCover = hideLyricView && (verticalCoverLayout === VerticalCoverLayout.Auto ? musicCoverIsVideo && isVertical : verticalCoverLayout === VerticalCoverLayout.ForceImmersive);
+	const verticalImmerseCover = hideLyricView && (verticalCoverLayout === "auto" ? musicCoverIsVideo && isVertical : verticalCoverLayout === "force-immersive");
 	let t3;
-	if ($[8] !== className) {
+	if ($[9] !== className) {
 		t3 = (0, classnames.default)(index_module_default.autoLyricLayout, className);
-		$[8] = className;
-		$[9] = t3;
-	} else t3 = $[9];
+		$[9] = className;
+		$[10] = t3;
+	} else t3 = $[10];
 	const t4 = !musicIsPlaying && !musicCoverIsVideo && verticalImmerseCover;
 	let t5;
-	if ($[10] !== musicCover || $[11] !== musicCoverIsVideo || $[12] !== t4) {
+	if ($[11] !== musicCover || $[12] !== musicCoverIsVideo || $[13] !== t4) {
 		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cover, {
 			coverUrl: musicCover,
 			coverIsVideo: musicCoverIsVideo,
 			ref: coverElRef,
 			musicPaused: t4
 		});
-		$[10] = musicCover;
-		$[11] = musicCoverIsVideo;
-		$[12] = t4;
-		$[13] = t5;
-	} else t5 = $[13];
+		$[11] = musicCover;
+		$[12] = musicCoverIsVideo;
+		$[13] = t4;
+		$[14] = t5;
+	} else t5 = $[14];
 	let t6;
-	if ($[14] !== onClickControlThumb) {
+	if ($[15] !== onClickControlThumb) {
 		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ControlThumb, { onClick: onClickControlThumb });
-		$[14] = onClickControlThumb;
-		$[15] = t6;
-	} else t6 = $[15];
+		$[15] = onClickControlThumb;
+		$[16] = t6;
+	} else t6 = $[16];
 	const t7 = hideLyricView && index_module_default.hideLyric;
 	let t8;
-	if ($[16] !== t7) {
+	if ($[17] !== t7) {
 		t8 = (0, classnames.default)(index_module_default.smallMusicInfo, t7);
-		$[16] = t7;
-		$[17] = t8;
-	} else t8 = $[17];
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
 	let t9;
-	if ($[18] !== t8) {
+	if ($[19] !== t8) {
 		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltMusicInfo, { className: t8 });
-		$[18] = t8;
-		$[19] = t9;
-	} else t9 = $[19];
+		$[19] = t8;
+		$[20] = t9;
+	} else t9 = $[20];
 	let t10;
-	if ($[20] !== backgroundRenderer.renderer || $[21] !== cssBackgroundProperty || $[22] !== isLyricPageOpened || $[23] !== lowFreqVolume || $[24] !== lyricBackgroundFPS || $[25] !== lyricBackgroundRenderScale || $[26] !== lyricBackgroundStaticMode || $[27] !== musicCover || $[28] !== musicCoverIsVideo) {
+	if ($[21] !== backgroundRenderer.renderer || $[22] !== cssBackgroundProperty || $[23] !== isLyricPageOpened || $[24] !== lowFreqVolume || $[25] !== lyricBackgroundFPS || $[26] !== lyricBackgroundRenderScale || $[27] !== lyricBackgroundStaticMode || $[28] !== musicCover || $[29] !== musicCoverIsVideo) {
 		t10 = typeof backgroundRenderer.renderer === "string" && backgroundRenderer.renderer === "css-bg" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: {
 			zIndex: -1,
 			width: "100%",
@@ -3728,43 +3721,43 @@ const PrebuiltLyricPlayer = (t0) => {
 			staticMode: lyricBackgroundStaticMode || !isLyricPageOpened,
 			style: { zIndex: -1 }
 		});
-		$[20] = backgroundRenderer.renderer;
-		$[21] = cssBackgroundProperty;
-		$[22] = isLyricPageOpened;
-		$[23] = lowFreqVolume;
-		$[24] = lyricBackgroundFPS;
-		$[25] = lyricBackgroundRenderScale;
-		$[26] = lyricBackgroundStaticMode;
-		$[27] = musicCover;
-		$[28] = musicCoverIsVideo;
-		$[29] = t10;
-	} else t10 = $[29];
+		$[21] = backgroundRenderer.renderer;
+		$[22] = cssBackgroundProperty;
+		$[23] = isLyricPageOpened;
+		$[24] = lowFreqVolume;
+		$[25] = lyricBackgroundFPS;
+		$[26] = lyricBackgroundRenderScale;
+		$[27] = lyricBackgroundStaticMode;
+		$[28] = musicCover;
+		$[29] = musicCoverIsVideo;
+		$[30] = t10;
+	} else t10 = $[30];
 	const t11 = hideLyricView && index_module_default.hideLyric;
 	let t12;
-	if ($[30] !== t11) {
+	if ($[31] !== t11) {
 		t12 = (0, classnames.default)(index_module_default.bigMusicInfo, t11);
-		$[30] = t11;
-		$[31] = t12;
-	} else t12 = $[31];
+		$[31] = t11;
+		$[32] = t12;
+	} else t12 = $[32];
 	let t13;
-	if ($[32] !== t12) {
+	if ($[33] !== t12) {
 		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltMusicInfo, { className: t12 });
-		$[32] = t12;
-		$[33] = t13;
-	} else t13 = $[33];
+		$[33] = t12;
+		$[34] = t13;
+	} else t13 = $[34];
 	let t14;
 	let t15;
-	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
 		t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltProgressBar, {});
 		t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltMusicControls, { className: index_module_default.bigControls });
-		$[34] = t14;
-		$[35] = t15;
+		$[35] = t14;
+		$[36] = t15;
 	} else {
-		t14 = $[34];
-		t15 = $[35];
+		t14 = $[35];
+		t15 = $[36];
 	}
 	let t16;
-	if ($[36] !== hideLyricView || $[37] !== setHideLyricView || $[38] !== showBottomControl) {
+	if ($[37] !== hideLyricView || $[38] !== setHideLyricView || $[39] !== showBottomControl) {
 		t16 = showBottomControl && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			style: {
 				display: "flex",
@@ -3772,26 +3765,26 @@ const PrebuiltLyricPlayer = (t0) => {
 			},
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltToggleIconButton, {
-					type: PrebuiltToggleIconButtonType.Lyrics,
+					type: "lyrics",
 					checked: !hideLyricView,
 					onClick: () => setHideLyricView(!hideLyricView)
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltToggleIconButton, { type: PrebuiltToggleIconButtonType.AirPlay }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltToggleIconButton, { type: PrebuiltToggleIconButtonType.Playlist })
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltToggleIconButton, { type: "airplay" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltToggleIconButton, { type: "playlist" })
 			]
 		});
-		$[36] = hideLyricView;
-		$[37] = setHideLyricView;
-		$[38] = showBottomControl;
-		$[39] = t16;
-	} else t16 = $[39];
+		$[37] = hideLyricView;
+		$[38] = setHideLyricView;
+		$[39] = showBottomControl;
+		$[40] = t16;
+	} else t16 = $[40];
 	let t17;
-	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
 		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltVolumeControl, { className: index_module_default.bigVolumeControl });
-		$[40] = t17;
-	} else t17 = $[40];
+		$[41] = t17;
+	} else t17 = $[41];
 	let t18;
-	if ($[41] !== t13 || $[42] !== t16) {
+	if ($[42] !== t13 || $[43] !== t16) {
 		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 			t13,
 			t14,
@@ -3799,12 +3792,12 @@ const PrebuiltLyricPlayer = (t0) => {
 			t16,
 			t17
 		] });
-		$[41] = t13;
-		$[42] = t16;
-		$[43] = t18;
-	} else t18 = $[43];
+		$[42] = t13;
+		$[43] = t16;
+		$[44] = t18;
+	} else t18 = $[44];
 	let t19;
-	if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
 		t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltMusicInfo, { className: index_module_default.horizontalControls }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltProgressBar, {}),
@@ -3814,39 +3807,41 @@ const PrebuiltLyricPlayer = (t0) => {
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltVolumeControl, {})
 		] });
-		$[44] = t19;
-	} else t19 = $[44];
+		$[45] = t19;
+	} else t19 = $[45];
 	let t20;
-	if ($[45] !== hideLyricView || $[46] !== setHideLyricView || $[47] !== showBottomControl) {
+	if ($[46] !== hideLyricView || $[47] !== setHideLyricView || $[48] !== showBottomControl) {
 		t20 = showBottomControl && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltToggleIconButton, { type: PrebuiltToggleIconButtonType.Playlist }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltToggleIconButton, { type: "playlist" }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltToggleIconButton, {
-				type: PrebuiltToggleIconButtonType.Lyrics,
+				type: "lyrics",
 				checked: !hideLyricView,
 				onClick: () => setHideLyricView(!hideLyricView)
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: { flex: "1" } }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltToggleIconButton, { type: PrebuiltToggleIconButtonType.AirPlay })
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltToggleIconButton, { type: "airplay" })
 		] });
-		$[45] = hideLyricView;
-		$[46] = setHideLyricView;
-		$[47] = showBottomControl;
-		$[48] = t20;
-	} else t20 = $[48];
+		$[46] = hideLyricView;
+		$[47] = setHideLyricView;
+		$[48] = showBottomControl;
+		$[49] = t20;
+	} else t20 = $[49];
 	let t21;
-	if ($[49] !== alignAnchor || $[50] !== alignPosition || $[51] !== bottomLineSlot) {
+	if ($[50] !== alignAnchor || $[51] !== alignPosition || $[52] !== bottomLineSlot || $[53] !== optimizeOptions) {
 		t21 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrebuiltCoreLyricPlayer, {
 			alignPosition,
 			alignAnchor,
-			bottomLine: bottomLineSlot
+			bottomLine: bottomLineSlot,
+			optimizeOptions
 		});
-		$[49] = alignAnchor;
-		$[50] = alignPosition;
-		$[51] = bottomLineSlot;
-		$[52] = t21;
-	} else t21 = $[52];
+		$[50] = alignAnchor;
+		$[51] = alignPosition;
+		$[52] = bottomLineSlot;
+		$[53] = optimizeOptions;
+		$[54] = t21;
+	} else t21 = $[54];
 	let t22;
-	if ($[53] !== hideLyricView || $[54] !== rest || $[55] !== t10 || $[56] !== t18 || $[57] !== t20 || $[58] !== t21 || $[59] !== t3 || $[60] !== t5 || $[61] !== t6 || $[62] !== t9 || $[63] !== verticalImmerseCover) {
+	if ($[55] !== hideLyricView || $[56] !== rest || $[57] !== t10 || $[58] !== t18 || $[59] !== t20 || $[60] !== t21 || $[61] !== t3 || $[62] !== t5 || $[63] !== t6 || $[64] !== t9 || $[65] !== verticalImmerseCover) {
 		t22 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.LayoutGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoLyricLayout, {
 			onElementMounted: setLayoutEl,
 			className: t3,
@@ -3863,19 +3858,19 @@ const PrebuiltLyricPlayer = (t0) => {
 			hideLyric: hideLyricView,
 			...rest
 		}) });
-		$[53] = hideLyricView;
-		$[54] = rest;
-		$[55] = t10;
-		$[56] = t18;
-		$[57] = t20;
-		$[58] = t21;
-		$[59] = t3;
-		$[60] = t5;
-		$[61] = t6;
-		$[62] = t9;
-		$[63] = verticalImmerseCover;
-		$[64] = t22;
-	} else t22 = $[64];
+		$[55] = hideLyricView;
+		$[56] = rest;
+		$[57] = t10;
+		$[58] = t18;
+		$[59] = t20;
+		$[60] = t21;
+		$[61] = t3;
+		$[62] = t5;
+		$[63] = t6;
+		$[64] = t9;
+		$[65] = verticalImmerseCover;
+		$[66] = t22;
+	} else t22 = $[66];
 	return t22;
 };
 function _temp(v) {