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

package/dist/amll-react-framework.d.cts

@@ -1,5 +1,5 @@
 import React$1, { ComponentProps, FC, ForwardRefExoticComponent, HTMLProps, NamedExoticComponent, PropsWithChildren, ReactNode, RefAttributes } from "react";
-import { LyricLine, LyricLineMouseEvent, LyricPlayerBase } from "@applemusic-like-lyrics/core";
+import { LyricLine, LyricLineMouseEvent, LyricPlayerBase, OptimizeLyricOptions } from "@applemusic-like-lyrics/core";
 import { BackgroundRenderProps, LyricPlayerRef } from "@applemusic-like-lyrics/react";
 import { PrimitiveAtom, WritableAtom } from "jotai";
 import { RESET } from "jotai/utils";
@@ -70,12 +70,14 @@ declare const MusicInfo: React.FC<{
 } & HTMLProps<HTMLDivElement>>;
 //#endregion
 //#region src/components/PrebuiltLyricPlayer/index.d.ts
+interface PrebuiltLyricPlayerProps extends HTMLProps<HTMLDivElement> {
+  bottomLineSlot?: React$1.ReactNode;
+  optimizeOptions?: OptimizeLyricOptions;
+}
 /**
 * 已经部署好所有组件的歌词播放器组件，在正确设置所有的 Jotai 状态后可以开箱即用
 */
-declare const PrebuiltLyricPlayer: FC<HTMLProps<HTMLDivElement> & {
-  bottomLineSlot?: React$1.ReactNode;
-}>;
+declare const PrebuiltLyricPlayer: FC<PrebuiltLyricPlayerProps>;
 //#endregion
 //#region src/components/TextMarquee/index.d.ts
 declare const TextMarquee: FC<PropsWithChildren<HTMLProps<HTMLDivElement>>>;
@@ -237,8 +239,7 @@ declare enum VerticalCoverLayout {
 * 可用的歌词渲染器实现
 */
 declare enum LyricPlayerImplementation {
-  Dom = "dom",
-  DomSlim = "dom-slim"
+  Dom = "dom"
 }
 /**
 * 可用的预设歌词字体大小
@@ -598,5 +599,5 @@ declare const lowFreqVolumeAtom: PrimitiveAtom<number>;
 //#region src/utils/duration.d.ts
 declare function toDuration(duration: number): string;
 //#endregion
-export { ArtistStateEntry, AudioFFTVisualizer, AudioQualityTag, AudioQualityTagProps, AudioQualityType, AutoLyricLayout, BouncingSlider, Callback, ControlThumb, Cover, CoverProps, HorizontalLayout, LyricBackgroundRenderer, LyricPlayerImplementation, LyricPlayerImplementationObject, LyricSizePreset, MediaButton, MenuButton, MusicInfo, MusicQualityState, PlayerControlsType, PrebuiltLyricPlayer, PrebuiltToggleIconButton, PrebuiltToggleIconButtonType, RepeatMode, SliderProps, SongData, TextMarquee, ToggleIconButton, VerticalCoverLayout, VerticalLayout, VolumeControl, cssBackgroundPropertyAtom, cycleRepeatModeActionAtom, enableLyricLineBlurEffectAtom, enableLyricLineScaleEffectAtom, enableLyricLineSpringAnimationAtom, enableLyricRomanLineAtom, enableLyricSwapTransRomanLineAtom, enableLyricTranslationLineAtom, fftDataAtom, fftDataRangeAtom, hideLyricViewAtom, isLyricPageOpenedAtom, isRepeatEnabledAtom, isShuffleActiveAtom, isShuffleEnabledAtom, lowFreqVolumeAtom, lyricBackgroundFPSAtom, lyricBackgroundRenderScaleAtom, lyricBackgroundRendererAtom, lyricBackgroundStaticModeAtom, lyricFontFamilyAtom, lyricFontWeightAtom, lyricLetterSpacingAtom, lyricPlayerImplementationAtom, lyricSizePresetAtom, lyricWordFadeWidthAtom, musicAlbumNameAtom, musicArtistsAtom, musicCoverAtom, musicCoverIsVideoAtom, musicDurationAtom, musicIdAtom, musicLyricLinesAtom, musicNameAtom, musicPlayingAtom, musicPlayingPositionAtom, musicQualityAtom, musicQualityTagAtom, musicVolumeAtom, onChangeVolumeAtom, onClickAudioQualityTagAtom, onClickControlThumbAtom, onCycleRepeatModeAtom, onLyricLineClickAtom, onLyricLineContextMenuAtom, onPlayOrResumeAtom, onRequestNextSongAtom, onRequestOpenMenuAtom, onRequestPrevSongAtom, onSeekPositionAtom, onToggleShuffleAtom, playerControlsTypeAtom, repeatModeAtom, showBottomControlAtom, showMusicAlbumAtom, showMusicArtistsAtom, showMusicNameAtom, showRemainingTimeAtom, showVolumeControlAtom, toDuration, toggleShuffleActionAtom, verticalCoverLayoutAtom };
+export { ArtistStateEntry, AudioFFTVisualizer, AudioQualityTag, AudioQualityTagProps, AudioQualityType, AutoLyricLayout, BouncingSlider, Callback, ControlThumb, Cover, CoverProps, HorizontalLayout, LyricBackgroundRenderer, LyricPlayerImplementation, LyricPlayerImplementationObject, LyricSizePreset, MediaButton, MenuButton, MusicInfo, MusicQualityState, PlayerControlsType, PrebuiltLyricPlayer, PrebuiltLyricPlayerProps, PrebuiltToggleIconButton, PrebuiltToggleIconButtonType, RepeatMode, SliderProps, SongData, TextMarquee, ToggleIconButton, VerticalCoverLayout, VerticalLayout, VolumeControl, cssBackgroundPropertyAtom, cycleRepeatModeActionAtom, enableLyricLineBlurEffectAtom, enableLyricLineScaleEffectAtom, enableLyricLineSpringAnimationAtom, enableLyricRomanLineAtom, enableLyricSwapTransRomanLineAtom, enableLyricTranslationLineAtom, fftDataAtom, fftDataRangeAtom, hideLyricViewAtom, isLyricPageOpenedAtom, isRepeatEnabledAtom, isShuffleActiveAtom, isShuffleEnabledAtom, lowFreqVolumeAtom, lyricBackgroundFPSAtom, lyricBackgroundRenderScaleAtom, lyricBackgroundRendererAtom, lyricBackgroundStaticModeAtom, lyricFontFamilyAtom, lyricFontWeightAtom, lyricLetterSpacingAtom, lyricPlayerImplementationAtom, lyricSizePresetAtom, lyricWordFadeWidthAtom, musicAlbumNameAtom, musicArtistsAtom, musicCoverAtom, musicCoverIsVideoAtom, musicDurationAtom, musicIdAtom, musicLyricLinesAtom, musicNameAtom, musicPlayingAtom, musicPlayingPositionAtom, musicQualityAtom, musicQualityTagAtom, musicVolumeAtom, onChangeVolumeAtom, onClickAudioQualityTagAtom, onClickControlThumbAtom, onCycleRepeatModeAtom, onLyricLineClickAtom, onLyricLineContextMenuAtom, onPlayOrResumeAtom, onRequestNextSongAtom, onRequestOpenMenuAtom, onRequestPrevSongAtom, onSeekPositionAtom, onToggleShuffleAtom, playerControlsTypeAtom, repeatModeAtom, showBottomControlAtom, showMusicAlbumAtom, showMusicArtistsAtom, showMusicNameAtom, showRemainingTimeAtom, showVolumeControlAtom, toDuration, toggleShuffleActionAtom, verticalCoverLayoutAtom };
 //# sourceMappingURL=amll-react-framework.d.cts.map

package/dist/amll-react-framework.d.mts

@@ -1,7 +1,7 @@
 import React$1, { ComponentProps, FC, ForwardRefExoticComponent, HTMLProps, NamedExoticComponent, PropsWithChildren, ReactNode, RefAttributes } from "react";
 import { BackgroundRenderProps, LyricPlayerRef } from "@applemusic-like-lyrics/react";
 import { PrimitiveAtom, WritableAtom } from "jotai";
-import { LyricLine, LyricLineMouseEvent, LyricPlayerBase } from "@applemusic-like-lyrics/core";
+import { LyricLine, LyricLineMouseEvent, LyricPlayerBase, OptimizeLyricOptions } from "@applemusic-like-lyrics/core";
 import { RESET } from "jotai/utils";
 
 //#region src/components/AudioFFTVisualizer/index.d.ts
@@ -54,12 +54,14 @@ declare const MusicInfo: React.FC<{
   onAlbumClicked?: () => void;
   onMenuButtonClicked?: () => void;
 } & HTMLProps<HTMLDivElement>>;
+interface PrebuiltLyricPlayerProps extends HTMLProps<HTMLDivElement> {
+  bottomLineSlot?: React$1.ReactNode;
+  optimizeOptions?: OptimizeLyricOptions;
+}
 /**
 * 已经部署好所有组件的歌词播放器组件，在正确设置所有的 Jotai 状态后可以开箱即用
 */
-declare const PrebuiltLyricPlayer: FC<HTMLProps<HTMLDivElement> & {
-  bottomLineSlot?: React$1.ReactNode;
-}>;
+declare const PrebuiltLyricPlayer: FC<PrebuiltLyricPlayerProps>;
 declare const TextMarquee: FC<PropsWithChildren<HTMLProps<HTMLDivElement>>>;
 declare enum PrebuiltToggleIconButtonType {
   Lyrics = "lyrics",
@@ -203,8 +205,7 @@ declare enum VerticalCoverLayout {
 * 可用的歌词渲染器实现
 */
 declare enum LyricPlayerImplementation {
-  Dom = "dom",
-  DomSlim = "dom-slim"
+  Dom = "dom"
 }
 /**
 * 可用的预设歌词字体大小
@@ -558,5 +559,5 @@ declare const fftDataAtom: PrimitiveAtom<number[]>;
 declare const lowFreqVolumeAtom: PrimitiveAtom<number>;
 declare function toDuration(duration: number): string;
 //#endregion
-export { ArtistStateEntry, AudioFFTVisualizer, AudioQualityTag, AudioQualityTagProps, AudioQualityType, AutoLyricLayout, BouncingSlider, Callback, ControlThumb, Cover, CoverProps, HorizontalLayout, LyricBackgroundRenderer, LyricPlayerImplementation, LyricPlayerImplementationObject, LyricSizePreset, MediaButton, MenuButton, MusicInfo, MusicQualityState, PlayerControlsType, PrebuiltLyricPlayer, PrebuiltToggleIconButton, PrebuiltToggleIconButtonType, RepeatMode, SliderProps, SongData, TextMarquee, ToggleIconButton, VerticalCoverLayout, VerticalLayout, VolumeControl, cssBackgroundPropertyAtom, cycleRepeatModeActionAtom, enableLyricLineBlurEffectAtom, enableLyricLineScaleEffectAtom, enableLyricLineSpringAnimationAtom, enableLyricRomanLineAtom, enableLyricSwapTransRomanLineAtom, enableLyricTranslationLineAtom, fftDataAtom, fftDataRangeAtom, hideLyricViewAtom, isLyricPageOpenedAtom, isRepeatEnabledAtom, isShuffleActiveAtom, isShuffleEnabledAtom, lowFreqVolumeAtom, lyricBackgroundFPSAtom, lyricBackgroundRenderScaleAtom, lyricBackgroundRendererAtom, lyricBackgroundStaticModeAtom, lyricFontFamilyAtom, lyricFontWeightAtom, lyricLetterSpacingAtom, lyricPlayerImplementationAtom, lyricSizePresetAtom, lyricWordFadeWidthAtom, musicAlbumNameAtom, musicArtistsAtom, musicCoverAtom, musicCoverIsVideoAtom, musicDurationAtom, musicIdAtom, musicLyricLinesAtom, musicNameAtom, musicPlayingAtom, musicPlayingPositionAtom, musicQualityAtom, musicQualityTagAtom, musicVolumeAtom, onChangeVolumeAtom, onClickAudioQualityTagAtom, onClickControlThumbAtom, onCycleRepeatModeAtom, onLyricLineClickAtom, onLyricLineContextMenuAtom, onPlayOrResumeAtom, onRequestNextSongAtom, onRequestOpenMenuAtom, onRequestPrevSongAtom, onSeekPositionAtom, onToggleShuffleAtom, playerControlsTypeAtom, repeatModeAtom, showBottomControlAtom, showMusicAlbumAtom, showMusicArtistsAtom, showMusicNameAtom, showRemainingTimeAtom, showVolumeControlAtom, toDuration, toggleShuffleActionAtom, verticalCoverLayoutAtom };
+export { ArtistStateEntry, AudioFFTVisualizer, AudioQualityTag, AudioQualityTagProps, AudioQualityType, AutoLyricLayout, BouncingSlider, Callback, ControlThumb, Cover, CoverProps, HorizontalLayout, LyricBackgroundRenderer, LyricPlayerImplementation, LyricPlayerImplementationObject, LyricSizePreset, MediaButton, MenuButton, MusicInfo, MusicQualityState, PlayerControlsType, PrebuiltLyricPlayer, PrebuiltLyricPlayerProps, PrebuiltToggleIconButton, PrebuiltToggleIconButtonType, RepeatMode, SliderProps, SongData, TextMarquee, ToggleIconButton, VerticalCoverLayout, VerticalLayout, VolumeControl, cssBackgroundPropertyAtom, cycleRepeatModeActionAtom, enableLyricLineBlurEffectAtom, enableLyricLineScaleEffectAtom, enableLyricLineSpringAnimationAtom, enableLyricRomanLineAtom, enableLyricSwapTransRomanLineAtom, enableLyricTranslationLineAtom, fftDataAtom, fftDataRangeAtom, hideLyricViewAtom, isLyricPageOpenedAtom, isRepeatEnabledAtom, isShuffleActiveAtom, isShuffleEnabledAtom, lowFreqVolumeAtom, lyricBackgroundFPSAtom, lyricBackgroundRenderScaleAtom, lyricBackgroundRendererAtom, lyricBackgroundStaticModeAtom, lyricFontFamilyAtom, lyricFontWeightAtom, lyricLetterSpacingAtom, lyricPlayerImplementationAtom, lyricSizePresetAtom, lyricWordFadeWidthAtom, musicAlbumNameAtom, musicArtistsAtom, musicCoverAtom, musicCoverIsVideoAtom, musicDurationAtom, musicIdAtom, musicLyricLinesAtom, musicNameAtom, musicPlayingAtom, musicPlayingPositionAtom, musicQualityAtom, musicQualityTagAtom, musicVolumeAtom, onChangeVolumeAtom, onClickAudioQualityTagAtom, onClickControlThumbAtom, onCycleRepeatModeAtom, onLyricLineClickAtom, onLyricLineContextMenuAtom, onPlayOrResumeAtom, onRequestNextSongAtom, onRequestOpenMenuAtom, onRequestPrevSongAtom, onSeekPositionAtom, onToggleShuffleAtom, playerControlsTypeAtom, repeatModeAtom, showBottomControlAtom, showMusicAlbumAtom, showMusicArtistsAtom, showMusicNameAtom, showRemainingTimeAtom, showVolumeControlAtom, toDuration, toggleShuffleActionAtom, verticalCoverLayoutAtom };
 //# sourceMappingURL=amll-react-framework.d.mts.map

package/dist/amll-react-framework.mjs

@@ -1,4 +1,3 @@
-import "./chunk-xCsw59S1.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import React, { forwardRef, memo, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
@@ -8,7 +7,7 @@ import { Squircle } from "corner-smoothing";
 import { BackgroundRender, LyricPlayer, MeshGradientRenderer, PixiRenderer } from "@applemusic-like-lyrics/react";
 import structuredClone from "@ungap/structured-clone";
 import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
-import { DomLyricPlayer, DomSlimLyricPlayer, MeshGradientRenderer as MeshGradientRenderer$1, PixiRenderer as PixiRenderer$1 } from "@applemusic-like-lyrics/core";
+import { DomLyricPlayer, MeshGradientRenderer as MeshGradientRenderer$1, PixiRenderer as PixiRenderer$1 } from "@applemusic-like-lyrics/core";
 import { atomWithStorage } from "jotai/utils";
 //#region src/components/AudioFFTVisualizer/index.tsx
 globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
@@ -2027,12 +2026,12 @@ const ToggleIconButton = 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 = memo((t0) => {
 	const $ = c(15);
@@ -2515,7 +2514,6 @@ let VerticalCoverLayout = /* @__PURE__ */ function(VerticalCoverLayout) {
 */
 let LyricPlayerImplementation = /* @__PURE__ */ function(LyricPlayerImplementation) {
 	LyricPlayerImplementation["Dom"] = "dom";
-	LyricPlayerImplementation["DomSlim"] = "dom-slim";
 	return LyricPlayerImplementation;
 }({});
 /**
@@ -2533,7 +2531,6 @@ let LyricSizePreset = /* @__PURE__ */ function(LyricSizePreset) {
 }({});
 const getInitialPlayerImplementation = () => {
 	switch (localStorage.getItem("amll-react-full.lyricPlayerImplementation")) {
-		case LyricPlayerImplementation.DomSlim: return { lyricPlayer: DomSlimLyricPlayer };
 		default: return { lyricPlayer: DomLyricPlayer };
 	}
 };
@@ -2632,12 +2629,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", 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", 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", 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", atomWithStorage("amll-react-full.playerControlsType", "controls"));
 /**
 * 是否显示歌曲名称
 * @default true
@@ -2649,7 +2646,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", 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", atomWithStorage("amll-react-full.verticalCoverLayout", "auto"));
 /**
 * 是否显示歌曲作者
 * @default true
@@ -2775,7 +2772,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", 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", atom("off"));
 /**
 * 随机按钮是否可用
 */
@@ -2886,7 +2883,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", atom({
-	type: AudioQualityType.None,
+	type: "none",
 	codec: "unknown",
 	channels: 2,
 	sampleRate: 44100,
@@ -2930,10 +2927,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) {
@@ -3026,11 +3019,11 @@ const PrebuiltMediaButtons = (t0) => {
 	if ($[1] !== currentRepeatMode) {
 		t2 = () => {
 			switch (currentRepeatMode) {
-				case RepeatMode.One: return /* @__PURE__ */ jsx(ForwardRef$2, {
+				case "one": return /* @__PURE__ */ jsx(ForwardRef$2, {
 					color: "#ffffffff",
 					style: iconStyle
 				});
-				case RepeatMode.All: return /* @__PURE__ */ jsx(ForwardRef$3, {
+				case "all": return /* @__PURE__ */ jsx(ForwardRef$3, {
 					color: "#ffffffff",
 					style: iconStyle
 				});
@@ -3335,18 +3328,18 @@ const PrebuiltProgressBar = React.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 $ = c(35);
-	const { alignPosition, alignAnchor, bottomLine } = t0;
+	const $ = c(36);
+	const { alignPosition, alignAnchor, bottomLine, optimizeOptions } = t0;
 	const amllPlayerRef = useRef(null);
 	const musicIsPlaying = useAtomValue(musicPlayingAtom);
 	const lyricLines = useAtomValue(musicLyricLinesAtom);
@@ -3443,7 +3436,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__ */ jsx(LyricPlayer, {
 			style: t8,
 			ref: amllPlayerRef,
@@ -3453,6 +3446,7 @@ const PrebuiltCoreLyricPlayer = (t0) => {
 			alignAnchor,
 			currentTime: musicPlayingPosition,
 			lyricLines: processedLyricLines,
+			optimizeOptions,
 			enableBlur: enableLyricLineBlurEffect,
 			enableScale: enableLyricLineScaleEffect,
 			enableSpring: enableLyricLineSpringAnimation,
@@ -3472,13 +3466,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) => {
@@ -3533,14 +3528,14 @@ const PrebuiltMusicControls = (t0) => {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== playerControlsType || $[7] !== showOtherButtons) {
-		t2 = playerControlsType === PlayerControlsType.Controls && /* @__PURE__ */ jsx(PrebuiltMediaButtons, { showOtherButtons });
+		t2 = playerControlsType === "controls" && /* @__PURE__ */ jsx(PrebuiltMediaButtons, { showOtherButtons });
 		$[6] = playerControlsType;
 		$[7] = showOtherButtons;
 		$[8] = t2;
 	} else t2 = $[8];
 	let t3;
 	if ($[9] !== fftData || $[10] !== playerControlsType) {
-		t3 = playerControlsType === PlayerControlsType.FFT && /* @__PURE__ */ jsx(AudioFFTVisualizer, {
+		t3 = playerControlsType === "fft" && /* @__PURE__ */ jsx(AudioFFTVisualizer, {
 			style: {
 				width: "100%",
 				height: "8vh"
@@ -3570,20 +3565,23 @@ const PrebuiltMusicControls = (t0) => {
 * 已经部署好所有组件的歌词播放器组件，在正确设置所有的 Jotai 状态后可以开箱即用
 */
 const PrebuiltLyricPlayer = (t0) => {
-	const $ = c(65);
+	const $ = 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] = useAtom(hideLyricViewAtom);
 	const musicCover = useAtomValue(musicCoverAtom);
@@ -3606,7 +3604,7 @@ const PrebuiltLyricPlayer = (t0) => {
 	const cssBackgroundProperty = 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(() => {
@@ -3626,57 +3624,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];
 	}
 	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 = classnames(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__ */ 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__ */ 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 = classnames(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__ */ 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__ */ jsx("div", { style: {
 			zIndex: -1,
 			width: "100%",
@@ -3695,43 +3693,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 = classnames(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__ */ 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__ */ jsx(PrebuiltProgressBar, {});
 		t15 = /* @__PURE__ */ 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__ */ jsxs("div", {
 			style: {
 				display: "flex",
@@ -3739,26 +3737,26 @@ const PrebuiltLyricPlayer = (t0) => {
 			},
 			children: [
 				/* @__PURE__ */ jsx(PrebuiltToggleIconButton, {
-					type: PrebuiltToggleIconButtonType.Lyrics,
+					type: "lyrics",
 					checked: !hideLyricView,
 					onClick: () => setHideLyricView(!hideLyricView)
 				}),
-				/* @__PURE__ */ jsx(PrebuiltToggleIconButton, { type: PrebuiltToggleIconButtonType.AirPlay }),
-				/* @__PURE__ */ jsx(PrebuiltToggleIconButton, { type: PrebuiltToggleIconButtonType.Playlist })
+				/* @__PURE__ */ jsx(PrebuiltToggleIconButton, { type: "airplay" }),
+				/* @__PURE__ */ 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__ */ 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__ */ jsxs(Fragment, { children: [
 			t13,
 			t14,
@@ -3766,12 +3764,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__ */ jsxs(Fragment, { children: [
 			/* @__PURE__ */ jsx(PrebuiltMusicInfo, { className: index_module_default.horizontalControls }),
 			/* @__PURE__ */ jsx(PrebuiltProgressBar, {}),
@@ -3781,39 +3779,41 @@ const PrebuiltLyricPlayer = (t0) => {
 			}),
 			/* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
-			/* @__PURE__ */ jsx(PrebuiltToggleIconButton, { type: PrebuiltToggleIconButtonType.Playlist }),
+			/* @__PURE__ */ jsx(PrebuiltToggleIconButton, { type: "playlist" }),
 			/* @__PURE__ */ jsx(PrebuiltToggleIconButton, {
-				type: PrebuiltToggleIconButtonType.Lyrics,
+				type: "lyrics",
 				checked: !hideLyricView,
 				onClick: () => setHideLyricView(!hideLyricView)
 			}),
 			/* @__PURE__ */ jsx("div", { style: { flex: "1" } }),
-			/* @__PURE__ */ jsx(PrebuiltToggleIconButton, { type: PrebuiltToggleIconButtonType.AirPlay })
+			/* @__PURE__ */ 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__ */ 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__ */ jsx(LayoutGroup, { children: /* @__PURE__ */ jsx(AutoLyricLayout, {
 			onElementMounted: setLayoutEl,
 			className: t3,
@@ -3830,19 +3830,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) {