@applemusic-like-lyrics/vue 0.5.2 → 0.6.0

package/README.md

@@ -34,9 +34,7 @@ yarn add @applemusic-like-lyrics/vue # using yarn
 
 ## Usage Summary
 
-Since Vue components are not convenient for generating API documentation, please refer to the type definition files to determine usage.
-
-(Or refer to the React binding, as both have identical properties and reference methods)
+For detailed API documentation, please refer to [AMLL Docs](https://amll.dev/en/reference/vue.html).
 
 A test program can be found in [../playground/vue/src/test.ts](../playground/vue/src/test.ts).
 

package/dist/amll-vue.cjs

@@ -210,6 +210,13 @@ const lyricPlayerProps = {
 		default: _applemusic_like_lyrics_core.MaskObsceneWordsMode.Disabled
 	},
 	/**
+	* 设置不雅用语掩码使用的字符，默认为 `*`
+	*/
+	maskObsceneWordChar: {
+		type: String,
+		default: "*"
+	},
+	/**
 	* 设置歌词优化选项
 	*/
 	optimizeOptions: {
@@ -291,6 +298,7 @@ const LyricPlayer = (0, vue.defineComponent)({
 	setup(props, { expose, emit, attrs, slots }) {
 		const wrapperRef = (0, vue.useTemplateRef)("wrapper-ref");
 		const playerRef = (0, vue.ref)();
+		let prevLyricLines;
 		const lineClickHandler = (e) => emit("lineClick", e);
 		const lineContextMenuHandler = (e) => emit("lineContextmenu", e);
 		(0, vue.onMounted)(() => {
@@ -326,10 +334,35 @@ const LyricPlayer = (0, vue.defineComponent)({
 				});
 			}
 		});
+		(0, vue.watch)([
+			playerRef,
+			() => props.lyricLines,
+			() => props.optimizeOptions,
+			() => props.maskObsceneWordsMode,
+			() => props.maskObsceneWordChar
+		], ([player, lyricLines]) => {
+			if (!player) return;
+			const isLyricLinesChanged = lyricLines !== prevLyricLines;
+			prevLyricLines = lyricLines;
+			if (isLyricLinesChanged) {
+				player.setLyricProcessConfig({
+					optimizeOptions: props.optimizeOptions,
+					maskMode: props.maskObsceneWordsMode,
+					maskChar: props.maskObsceneWordChar
+				});
+				player.setLyricLines(lyricLines ?? []);
+				if (props.currentTime !== void 0) player.setCurrentTime(props.currentTime, true);
+			} else player.updateLyricProcessConfig({
+				optimizeOptions: props.optimizeOptions,
+				maskMode: props.maskObsceneWordsMode,
+				maskChar: props.maskObsceneWordChar
+			});
+		}, { immediate: true });
 		(0, vue.watchEffect)(() => {
-			if (props.playing !== void 0) if (props.playing) playerRef.value?.resume();
-			else playerRef.value?.pause();
-			else playerRef.value?.resume();
+			if (props.playing !== void 0) {
+				if (props.playing) playerRef.value?.resume();
+				else playerRef.value?.pause();
+			} else playerRef.value?.resume();
 		});
 		(0, vue.watchEffect)(() => {
 			if (props.alignAnchor !== void 0) playerRef.value?.setAlignAnchor(props.alignAnchor);
@@ -337,10 +370,6 @@ const LyricPlayer = (0, vue.defineComponent)({
 		(0, vue.watchEffect)(() => {
 			if (props.hidePassedLines !== void 0) playerRef.value?.setHidePassedLines(props.hidePassedLines);
 		});
-		(0, vue.watchEffect)(() => {
-			if (props.maskObsceneWordsMode !== void 0) playerRef.value?.setMaskObsceneWords(props.maskObsceneWordsMode);
-			else playerRef.value?.setMaskObsceneWords(_applemusic_like_lyrics_core.MaskObsceneWordsMode.Disabled);
-		});
 		(0, vue.watchEffect)(() => {
 			if (props.alignPosition !== void 0) playerRef.value?.setAlignPosition(props.alignPosition);
 		});
@@ -356,17 +385,6 @@ const LyricPlayer = (0, vue.defineComponent)({
 			if (props.enableScale !== void 0) playerRef.value?.setEnableScale(props.enableScale);
 			else playerRef.value?.setEnableScale(true);
 		});
-		(0, vue.watch)([
-			playerRef,
-			() => props.lyricLines,
-			() => props.optimizeOptions
-		], ([player, lyricLines, optimizeOptions]) => {
-			if (!player) return;
-			if (optimizeOptions !== void 0) player.setOptimizeOptions(optimizeOptions);
-			if (lyricLines !== void 0) player.setLyricLines(lyricLines);
-			else player.setLyricLines([]);
-			if (props.currentTime !== void 0) player.setCurrentTime(props.currentTime, true);
-		}, { immediate: true });
 		(0, vue.watchEffect)(() => {
 			if (props.currentTime !== void 0) playerRef.value?.setCurrentTime(props.currentTime);
 		});

package/dist/amll-vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"amll-vue.cjs","names":["AbstractBaseRenderer","BaseRenderer","BackgroundRender","CoreBackgroundRender","MeshGradientRenderer","defineComponent","ExtractPublicPropTypes","onMounted","onUnmounted","PropType","Ref","ref","ShallowRef","useTemplateRef","watchEffect","BackgroundRenderRef","bgRender","wrapperEl","Readonly","HTMLDivElement","backgroundRenderProps","album","type","String","Object","HTMLImageElement","HTMLVideoElement","required","albumIsVideo","Boolean","fps","Number","playing","flowSpeed","hasLyric","lowFreqVolume","renderScale","renderer","args","ConstructorParameters","const","BackgroundRenderProps","name","props","setup","expose","wrapperRef","bgRenderRef","value","new","el","getElement","style","width","height","appendChild","dispose","setAlbum","setFPS","pause","resume","setFlowSpeed","setRenderScale","setLowFreqVolume","undefined","setHasLyric","_createVNode","BaseRenderer","LyricPlayer","CoreLyricPlayer","LyricLine","LyricLineMouseEvent","LyricPlayerBase","MaskObsceneWordsMode","OptimizeLyricOptions","spring","computed","defineComponent","ExtractPublicPropTypes","onMounted","onUnmounted","PropType","Ref","ref","ShallowRef","SlotsType","Teleport","useTemplateRef","watch","watchEffect","lyricPlayerProps","disabled","type","Boolean","default","playing","alignAnchor","String","alignPosition","Number","enableSpring","enableBlur","enableScale","hidePassedLines","maskObsceneWordsMode","Disabled","optimizeOptions","Object","required","lyricLines","currentTime","wordFadeWidth","linePosXSpringParams","Partial","SpringParams","linePosYSpringParams","lineScaleSpringParams","lyricPlayer","args","ConstructorParameters","const","LyricPlayerProps","lyricPlayerEmits","lineClick","_","lineContextmenu","LyricPlayerEmits","LyricPlayerRef","wrapperEl","Readonly","HTMLDivElement","name","props","emits","slots","setup","expose","emit","attrs","wrapperRef","playerRef","lineClickHandler","e","Event","lineContextMenuHandler","wrapper","value","appendChild","getElement","addEventListener","removeEventListener","dispose","onCleanup","canceled","lastTime","onFrame","time","update","requestAnimationFrame","undefined","resume","pause","setAlignAnchor","setHidePassedLines","setMaskObsceneWords","setAlignPosition","setEnableSpring","setEnableBlur","setEnableScale","player","setOptimizeOptions","setLyricLines","setCurrentTime","immediate","setWordFadeWidth","setLinePosXSpringParams","setLinePosYSpringParams","setLineScaleSpringParams","bottomLineEl","getBottomLineElement","_createVNode","_mergeProps"],"sources":["../src/BackgroundRender.tsx","../src/LyricPlayer.tsx"],"sourcesContent":["import {\n\ttype AbstractBaseRenderer,\n\ttype BaseRenderer,\n\tBackgroundRender as CoreBackgroundRender,\n\tMeshGradientRenderer,\n} from \"@applemusic-like-lyrics/core\";\nimport {\n\tdefineComponent,\n\ttype ExtractPublicPropTypes,\n\tonMounted,\n\tonUnmounted,\n\ttype PropType,\n\ttype Ref,\n\tref,\n\ttype ShallowRef,\n\tuseTemplateRef,\n\twatchEffect,\n} from \"vue\";\n\n/**\n * 背景渲染组件的引用\n */\nexport interface BackgroundRenderRef {\n\t/**\n\t * 背景渲染实例引用\n\t */\n\tbgRender?: Ref<AbstractBaseRenderer | undefined>;\n\t/**\n\t * 将背景渲染实例的元素包裹起来的 DIV 元素实例\n\t */\n\twrapperEl: Readonly<ShallowRef<HTMLDivElement | null>>;\n}\n\nconst backgroundRenderProps = {\n\t/**\n\t * 设置背景专辑资源\n\t */\n\talbum: {\n\t\ttype: [String, Object] as PropType<\n\t\t\tstring | HTMLImageElement | HTMLVideoElement\n\t\t>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置专辑资源是否为视频\n\t */\n\talbumIsVideo: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前背景动画帧率，如果为 `undefined` 则默认为 `30`\n\t */\n\tfps: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前播放状态，如果为 `undefined` 则默认为 `true`\n\t */\n\tplaying: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前动画流动速度，如果为 `undefined` 则默认为 `2`\n\t */\n\tflowSpeed: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置背景是否根据“是否有歌词”这个特征调整自身效果，例如有歌词时会变得更加活跃\n\t *\n\t * 部分渲染器会根据这个特征调整自身效果\n\t *\n\t * 如果不确定是否需要赋值或无法知晓是否包含歌词，请传入 true 或不做任何处理（默认值为 true）\n\t */\n\thasLyric: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置低频的音量大小，范围在 80hz-120hz 之间为宜，取值范围在 [0.0-1.0] 之间\n\t *\n\t * 部分渲染器会根据音量大小调整背景效果（例如根据鼓点跳动）\n\t *\n\t * 如果无法获取到类似的数据，请传入 undefined 或 1.0 作为默认值，或不做任何处理（默认值即 1.0）\n\t */\n\tlowFreqVolume: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前渲染缩放比例，如果为 `undefined` 则默认为 `0.5`\n\t */\n\trenderScale: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`\n\t * 默认渲染器有可能会随着版本更新而更换\n\t */\n\trenderer: {\n\t\ttype: Object as PropType<{\n\t\t\tnew (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;\n\t\t}>,\n\t\trequired: false,\n\t},\n} as const;\n\nexport type BackgroundRenderProps = ExtractPublicPropTypes<\n\ttypeof backgroundRenderProps\n>;\n\nexport const BackgroundRender = defineComponent({\n\tname: \"BackgroundRender\",\n\tprops: backgroundRenderProps,\n\tsetup(props, { expose }) {\n\t\tconst wrapperRef = useTemplateRef<HTMLDivElement>(\"wrapper-ref\");\n\t\tconst bgRenderRef = ref<AbstractBaseRenderer>();\n\n\t\tonMounted(() => {\n\t\t\tif (wrapperRef.value) {\n\t\t\t\tbgRenderRef.value = CoreBackgroundRender.new(\n\t\t\t\t\tprops.renderer ?? MeshGradientRenderer,\n\t\t\t\t);\n\t\t\t\tconst el = bgRenderRef.value.getElement();\n\t\t\t\tel.style.width = \"100%\";\n\t\t\t\tel.style.height = \"100%\";\n\t\t\t\twrapperRef.value.appendChild(el);\n\t\t\t}\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tif (bgRenderRef.value) {\n\t\t\t\tbgRenderRef.value.dispose();\n\t\t\t}\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.album)\n\t\t\t\tbgRenderRef.value?.setAlbum(props.album, props.albumIsVideo);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.fps) bgRenderRef.value?.setFPS(props.fps);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.playing) bgRenderRef.value?.pause();\n\t\t\telse bgRenderRef.value?.resume();\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.flowSpeed) bgRenderRef.value?.setFlowSpeed(props.flowSpeed);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.renderScale)\n\t\t\t\tbgRenderRef.value?.setRenderScale(props.renderScale);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.lowFreqVolume)\n\t\t\t\tbgRenderRef.value?.setLowFreqVolume(props.lowFreqVolume);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.hasLyric !== undefined)\n\t\t\t\tbgRenderRef.value?.setHasLyric(props.hasLyric ?? true);\n\t\t});\n\n\t\texpose<BackgroundRenderRef>({\n\t\t\tbgRender: bgRenderRef,\n\t\t\twrapperEl: wrapperRef,\n\t\t});\n\n\t\treturn () => <div style=\"display: contents;\" ref=\"wrapper-ref\" />;\n\t},\n});\n","import {\n\ttype BaseRenderer,\n\tLyricPlayer as CoreLyricPlayer,\n\ttype LyricLine,\n\ttype LyricLineMouseEvent,\n\ttype LyricPlayerBase,\n\tMaskObsceneWordsMode,\n\ttype OptimizeLyricOptions,\n\ttype spring,\n} from \"@applemusic-like-lyrics/core\";\nimport {\n\tcomputed,\n\tdefineComponent,\n\ttype ExtractPublicPropTypes,\n\tonMounted,\n\tonUnmounted,\n\ttype PropType,\n\ttype Ref,\n\tref,\n\ttype ShallowRef,\n\ttype SlotsType,\n\tTeleport,\n\tuseTemplateRef,\n\twatch,\n\twatchEffect,\n} from \"vue\";\n\nconst lyricPlayerProps = {\n\t/**\n\t * 是否禁用歌词播放组件，默认为 `false`，歌词组件启用后将会开始逐帧更新歌词的动画效果，并对传入的其他参数变更做出反馈。\n\t *\n\t * 如果禁用了歌词组件动画，你也可以通过引用取得原始渲染组件实例，手动逐帧调用其 `update` 函数来更新动画效果。\n\t */\n\tdisabled: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\t/**\n\t * 是否演出部分效果，目前会控制播放间奏点的动画的播放暂停与否，默认为 `true`\n\t */\n\tplaying: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置歌词行的对齐方式，如果为 `undefined` 则默认为 `center`\n\t *\n\t * - 设置成 `top` 的话将会向目标歌词行的顶部对齐\n\t * - 设置成 `bottom` 的话将会向目标歌词行的底部对齐\n\t * - 设置成 `center` 的话将会向目标歌词行的垂直中心对齐\n\t */\n\talignAnchor: {\n\t\ttype: String as PropType<\"top\" | \"bottom\" | \"center\">,\n\t\tdefault: \"center\",\n\t},\n\t/**\n\t * 设置默认的歌词行对齐位置，相对于整个歌词播放组件的大小位置，如果为 `undefined`\n\t * 则默认为 `0.5`\n\t *\n\t * 可以设置一个 `[0.0-1.0]` 之间的任意数字，代表组件高度由上到下的比例位置\n\t */\n\talignPosition: {\n\t\ttype: Number,\n\t\tdefault: 0.5,\n\t},\n\t/**\n\t * 设置是否使用物理弹簧算法实现歌词动画效果，默认启用\n\t *\n\t * 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行\n\t *\n\t * 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一\n\t */\n\tenableSpring: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置是否启用歌词行的模糊效果，默认为 `true`\n\t */\n\tenableBlur: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置是否使用物理弹簧算法实现歌词动画效果，默认启用\n\t *\n\t * 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行\n\t *\n\t * 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一\n\t */\n\tenableScale: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置是否隐藏已经播放过的歌词行，默认不隐藏\n\t */\n\thidePassedLines: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\t/**\n\t * 设置歌词中不雅用语的掩码模式，默认为 `MaskObsceneWordsMode.Disabled`，即不掩码\n\t */\n\tmaskObsceneWordsMode: {\n\t\ttype: String as PropType<MaskObsceneWordsMode>,\n\t\tdefault: MaskObsceneWordsMode.Disabled,\n\t},\n\t/**\n\t * 设置歌词优化选项\n\t */\n\toptimizeOptions: {\n\t\ttype: Object as PropType<OptimizeLyricOptions>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误\n\t */\n\tlyricLines: {\n\t\ttype: Object as PropType<LyricLine[]>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前播放进度，单位为毫秒且**必须是整数**，此时将会更新内部的歌词进度信息\n\t * 内部会根据调用间隔和播放进度自动决定如何滚动和显示歌词，所以这个的调用频率越快越准确越好\n\t */\n\tcurrentTime: {\n\t\ttype: Number,\n\t\tdefault: 0,\n\t},\n\t/**\n\t * 设置文字动画的渐变宽度，单位以歌词行的主文字字体大小的倍数为单位，默认为 0.5，即一个全角字符的一半宽度\n\t *\n\t * 如果要模拟 Apple Music for Android 的效果，可以设置为 1\n\t *\n\t * 如果要模拟 Apple Music for iPad 的效果，可以设置为 0.5\n\t *\n\t * 如果想要近乎禁用渐变效果，可以设置成非常接近 0 的小数（例如 `0.0001` ），但是**不可以为 0**\n\t */\n\twordFadeWidth: {\n\t\ttype: Number,\n\t\tdefault: 0.5,\n\t},\n\t/**\n\t * 设置所有歌词行在横坐标上的弹簧属性，包括重量、弹力和阻力。\n\t *\n\t * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样\n\t */\n\tlinePosXSpringParams: {\n\t\ttype: Object as PropType<Partial<spring.SpringParams>>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置所有歌词行在​纵坐标上的弹簧属性，包括重量、弹力和阻力。\n\t *\n\t * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样\n\t */\n\tlinePosYSpringParams: {\n\t\ttype: Object as PropType<Partial<spring.SpringParams>>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置所有歌词行在​缩放大小上的弹簧属性，包括重量、弹力和阻力。\n\t *\n\t * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样\n\t */\n\tlineScaleSpringParams: {\n\t\ttype: Object as PropType<Partial<spring.SpringParams>>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`\n\t * 默认渲染器有可能会随着版本更新而更换\n\t */\n\tlyricPlayer: {\n\t\ttype: Object as PropType<{\n\t\t\tnew (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;\n\t\t}>,\n\t\trequired: false,\n\t},\n} as const;\n\n/**\n * 歌词播放组件的属性\n */\nexport type LyricPlayerProps = ExtractPublicPropTypes<typeof lyricPlayerProps>;\n\nconst lyricPlayerEmits = {\n\tlineClick: (_: LyricLineMouseEvent) => true,\n\tlineContextmenu: (_: LyricLineMouseEvent) => true,\n} as const;\n\n/**\n * 歌词播放组件的事件\n */\nexport type LyricPlayerEmits = typeof lyricPlayerEmits;\n\n/**\n * 歌词播放组件的引用\n */\nexport interface LyricPlayerRef {\n\t/**\n\t * 歌词播放实例\n\t */\n\tlyricPlayer: Ref<LyricPlayerBase | undefined>;\n\t/**\n\t * 将歌词播放实例的元素包裹起来的 DIV 元素实例\n\t */\n\twrapperEl: Readonly<ShallowRef<HTMLDivElement | null>>;\n}\n\nexport const LyricPlayer = defineComponent({\n\tname: \"LyricPlayer\",\n\tprops: lyricPlayerProps,\n\temits: lyricPlayerEmits,\n\tslots: Object as SlotsType<{\n\t\t\"bottom-line\": () => void;\n\t}>,\n\tsetup(props, { expose, emit, attrs, slots }) {\n\t\tconst wrapperRef = useTemplateRef<HTMLDivElement>(\"wrapper-ref\");\n\t\tconst playerRef = ref<CoreLyricPlayer>();\n\n\t\tconst lineClickHandler = (e: Event) =>\n\t\t\temit(\"lineClick\", e as LyricLineMouseEvent);\n\t\tconst lineContextMenuHandler = (e: Event) =>\n\t\t\temit(\"lineContextmenu\", e as LyricLineMouseEvent);\n\n\t\tonMounted(() => {\n\t\t\tconst wrapper = wrapperRef.value;\n\t\t\tif (wrapper) {\n\t\t\t\tplayerRef.value = new CoreLyricPlayer();\n\t\t\t\twrapper.appendChild(playerRef.value.getElement());\n\t\t\t\tplayerRef.value.addEventListener(\"line-click\", lineClickHandler);\n\t\t\t\tplayerRef.value.addEventListener(\n\t\t\t\t\t\"line-contextmenu\",\n\t\t\t\t\tlineContextMenuHandler,\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tif (playerRef.value) {\n\t\t\t\tplayerRef.value.removeEventListener(\"line-click\", lineClickHandler);\n\t\t\t\tplayerRef.value.removeEventListener(\n\t\t\t\t\t\"line-contextmenu\",\n\t\t\t\t\tlineContextMenuHandler,\n\t\t\t\t);\n\t\t\t\tplayerRef.value.dispose();\n\t\t\t}\n\t\t});\n\n\t\twatchEffect((onCleanup) => {\n\t\t\tif (!props.disabled) {\n\t\t\t\tlet canceled = false;\n\t\t\t\tlet lastTime = -1;\n\t\t\t\tconst onFrame = (time: number) => {\n\t\t\t\t\tif (canceled) return;\n\t\t\t\t\tif (lastTime === -1) {\n\t\t\t\t\t\tlastTime = time;\n\t\t\t\t\t}\n\t\t\t\t\tplayerRef.value?.update(time - lastTime);\n\t\t\t\t\tlastTime = time;\n\t\t\t\t\trequestAnimationFrame(onFrame);\n\t\t\t\t};\n\t\t\t\trequestAnimationFrame(onFrame);\n\t\t\t\tonCleanup(() => {\n\t\t\t\t\tcanceled = true;\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.playing !== undefined) {\n\t\t\t\tif (props.playing) {\n\t\t\t\t\tplayerRef.value?.resume();\n\t\t\t\t} else {\n\t\t\t\t\tplayerRef.value?.pause();\n\t\t\t\t}\n\t\t\t} else playerRef.value?.resume();\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.alignAnchor !== undefined)\n\t\t\t\tplayerRef.value?.setAlignAnchor(props.alignAnchor);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.hidePassedLines !== undefined)\n\t\t\t\tplayerRef.value?.setHidePassedLines(props.hidePassedLines);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.maskObsceneWordsMode !== undefined)\n\t\t\t\tplayerRef.value?.setMaskObsceneWords(props.maskObsceneWordsMode);\n\t\t\telse playerRef.value?.setMaskObsceneWords(MaskObsceneWordsMode.Disabled);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.alignPosition !== undefined)\n\t\t\t\tplayerRef.value?.setAlignPosition(props.alignPosition);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.enableSpring !== undefined)\n\t\t\t\tplayerRef.value?.setEnableSpring(props.enableSpring);\n\t\t\telse playerRef.value?.setEnableSpring(true);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.enableBlur !== undefined)\n\t\t\t\tplayerRef.value?.setEnableBlur(props.enableBlur);\n\t\t\telse playerRef.value?.setEnableBlur(true);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.enableScale !== undefined)\n\t\t\t\tplayerRef.value?.setEnableScale(props.enableScale);\n\t\t\telse playerRef.value?.setEnableScale(true);\n\t\t});\n\n\t\twatch(\n\t\t\t[playerRef, () => props.lyricLines, () => props.optimizeOptions],\n\t\t\t([player, lyricLines, optimizeOptions]) => {\n\t\t\t\tif (!player) return;\n\n\t\t\t\tif (optimizeOptions !== undefined) {\n\t\t\t\t\tplayer.setOptimizeOptions(optimizeOptions);\n\t\t\t\t}\n\n\t\t\t\tif (lyricLines !== undefined) {\n\t\t\t\t\tplayer.setLyricLines(lyricLines);\n\t\t\t\t} else {\n\t\t\t\t\tplayer.setLyricLines([]);\n\t\t\t\t}\n\n\t\t\t\tif (props.currentTime !== undefined) {\n\t\t\t\t\tplayer.setCurrentTime(props.currentTime, true);\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true },\n\t\t);\n\n\t\twatchEffect(() => {\n\t\t\tif (props.currentTime !== undefined)\n\t\t\t\tplayerRef.value?.setCurrentTime(props.currentTime);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.wordFadeWidth !== undefined)\n\t\t\t\tplayerRef.value?.setWordFadeWidth(props.wordFadeWidth);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.linePosXSpringParams !== undefined)\n\t\t\t\tplayerRef.value?.setLinePosXSpringParams(props.linePosXSpringParams);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.linePosYSpringParams !== undefined)\n\t\t\t\tplayerRef.value?.setLinePosYSpringParams(props.linePosYSpringParams);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.lineScaleSpringParams !== undefined)\n\t\t\t\tplayerRef.value?.setLineScaleSpringParams(props.lineScaleSpringParams);\n\t\t});\n\n\t\tconst bottomLineEl = computed(() =>\n\t\t\tplayerRef.value?.getBottomLineElement(),\n\t\t);\n\n\t\texpose<LyricPlayerRef>({\n\t\t\tlyricPlayer: playerRef,\n\t\t\twrapperEl: wrapperRef,\n\t\t});\n\n\t\treturn () => (\n\t\t\t<div ref=\"wrapper-ref\" {...attrs}>\n\t\t\t\t{bottomLineEl.value && (\n\t\t\t\t\t<Teleport to={bottomLineEl.value}>\n\t\t\t\t\t\t{slots[\"bottom-line\"]?.()}\n\t\t\t\t\t</Teleport>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n});\n"],"mappings":"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"}
+{"version":3,"file":"amll-vue.cjs","names":[],"sources":["../src/BackgroundRender.tsx","../src/LyricPlayer.tsx"],"sourcesContent":["import {\n\ttype AbstractBaseRenderer,\n\ttype BaseRenderer,\n\tBackgroundRender as CoreBackgroundRender,\n\tMeshGradientRenderer,\n} from \"@applemusic-like-lyrics/core\";\nimport {\n\tdefineComponent,\n\ttype ExtractPublicPropTypes,\n\tonMounted,\n\tonUnmounted,\n\ttype PropType,\n\ttype Ref,\n\tref,\n\ttype ShallowRef,\n\tuseTemplateRef,\n\twatchEffect,\n} from \"vue\";\n\n/**\n * 背景渲染组件的引用\n */\nexport interface BackgroundRenderRef {\n\t/**\n\t * 背景渲染实例引用\n\t */\n\tbgRender?: Ref<AbstractBaseRenderer | undefined>;\n\t/**\n\t * 将背景渲染实例的元素包裹起来的 DIV 元素实例\n\t */\n\twrapperEl: Readonly<ShallowRef<HTMLDivElement | null>>;\n}\n\nconst backgroundRenderProps = {\n\t/**\n\t * 设置背景专辑资源\n\t */\n\talbum: {\n\t\ttype: [String, Object] as PropType<\n\t\t\tstring | HTMLImageElement | HTMLVideoElement\n\t\t>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置专辑资源是否为视频\n\t */\n\talbumIsVideo: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前背景动画帧率，如果为 `undefined` 则默认为 `30`\n\t */\n\tfps: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前播放状态，如果为 `undefined` 则默认为 `true`\n\t */\n\tplaying: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前动画流动速度，如果为 `undefined` 则默认为 `2`\n\t */\n\tflowSpeed: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置背景是否根据“是否有歌词”这个特征调整自身效果，例如有歌词时会变得更加活跃\n\t *\n\t * 部分渲染器会根据这个特征调整自身效果\n\t *\n\t * 如果不确定是否需要赋值或无法知晓是否包含歌词，请传入 true 或不做任何处理（默认值为 true）\n\t */\n\thasLyric: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置低频的音量大小，范围在 80hz-120hz 之间为宜，取值范围在 [0.0-1.0] 之间\n\t *\n\t * 部分渲染器会根据音量大小调整背景效果（例如根据鼓点跳动）\n\t *\n\t * 如果无法获取到类似的数据，请传入 undefined 或 1.0 作为默认值，或不做任何处理（默认值即 1.0）\n\t */\n\tlowFreqVolume: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前渲染缩放比例，如果为 `undefined` 则默认为 `0.5`\n\t */\n\trenderScale: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`\n\t * 默认渲染器有可能会随着版本更新而更换\n\t */\n\trenderer: {\n\t\ttype: Object as PropType<{\n\t\t\tnew (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;\n\t\t}>,\n\t\trequired: false,\n\t},\n} as const;\n\nexport type BackgroundRenderProps = ExtractPublicPropTypes<\n\ttypeof backgroundRenderProps\n>;\n\nexport const BackgroundRender = defineComponent({\n\tname: \"BackgroundRender\",\n\tprops: backgroundRenderProps,\n\tsetup(props, { expose }) {\n\t\tconst wrapperRef = useTemplateRef<HTMLDivElement>(\"wrapper-ref\");\n\t\tconst bgRenderRef = ref<AbstractBaseRenderer>();\n\n\t\tonMounted(() => {\n\t\t\tif (wrapperRef.value) {\n\t\t\t\tbgRenderRef.value = CoreBackgroundRender.new(\n\t\t\t\t\tprops.renderer ?? MeshGradientRenderer,\n\t\t\t\t);\n\t\t\t\tconst el = bgRenderRef.value.getElement();\n\t\t\t\tel.style.width = \"100%\";\n\t\t\t\tel.style.height = \"100%\";\n\t\t\t\twrapperRef.value.appendChild(el);\n\t\t\t}\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tif (bgRenderRef.value) {\n\t\t\t\tbgRenderRef.value.dispose();\n\t\t\t}\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.album)\n\t\t\t\tbgRenderRef.value?.setAlbum(props.album, props.albumIsVideo);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.fps) bgRenderRef.value?.setFPS(props.fps);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.playing) bgRenderRef.value?.pause();\n\t\t\telse bgRenderRef.value?.resume();\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.flowSpeed) bgRenderRef.value?.setFlowSpeed(props.flowSpeed);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.renderScale)\n\t\t\t\tbgRenderRef.value?.setRenderScale(props.renderScale);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.lowFreqVolume)\n\t\t\t\tbgRenderRef.value?.setLowFreqVolume(props.lowFreqVolume);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.hasLyric !== undefined)\n\t\t\t\tbgRenderRef.value?.setHasLyric(props.hasLyric ?? true);\n\t\t});\n\n\t\texpose<BackgroundRenderRef>({\n\t\t\tbgRender: bgRenderRef,\n\t\t\twrapperEl: wrapperRef,\n\t\t});\n\n\t\treturn () => <div style=\"display: contents;\" ref=\"wrapper-ref\" />;\n\t},\n});\n","import {\n\ttype BaseRenderer,\n\tLyricPlayer as CoreLyricPlayer,\n\ttype LyricLine,\n\ttype LyricLineMouseEvent,\n\ttype LyricPlayerBase,\n\tMaskObsceneWordsMode,\n\ttype OptimizeLyricOptions,\n\ttype spring,\n} from \"@applemusic-like-lyrics/core\";\nimport {\n\tcomputed,\n\tdefineComponent,\n\ttype ExtractPublicPropTypes,\n\tonMounted,\n\tonUnmounted,\n\ttype PropType,\n\ttype Ref,\n\tref,\n\ttype ShallowRef,\n\ttype SlotsType,\n\tTeleport,\n\tuseTemplateRef,\n\twatch,\n\twatchEffect,\n} from \"vue\";\n\nconst lyricPlayerProps = {\n\t/**\n\t * 是否禁用歌词播放组件，默认为 `false`，歌词组件启用后将会开始逐帧更新歌词的动画效果，并对传入的其他参数变更做出反馈。\n\t *\n\t * 如果禁用了歌词组件动画，你也可以通过引用取得原始渲染组件实例，手动逐帧调用其 `update` 函数来更新动画效果。\n\t */\n\tdisabled: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\t/**\n\t * 是否演出部分效果，目前会控制播放间奏点的动画的播放暂停与否，默认为 `true`\n\t */\n\tplaying: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置歌词行的对齐方式，如果为 `undefined` 则默认为 `center`\n\t *\n\t * - 设置成 `top` 的话将会向目标歌词行的顶部对齐\n\t * - 设置成 `bottom` 的话将会向目标歌词行的底部对齐\n\t * - 设置成 `center` 的话将会向目标歌词行的垂直中心对齐\n\t */\n\talignAnchor: {\n\t\ttype: String as PropType<\"top\" | \"bottom\" | \"center\">,\n\t\tdefault: \"center\",\n\t},\n\t/**\n\t * 设置默认的歌词行对齐位置，相对于整个歌词播放组件的大小位置，如果为 `undefined`\n\t * 则默认为 `0.5`\n\t *\n\t * 可以设置一个 `[0.0-1.0]` 之间的任意数字，代表组件高度由上到下的比例位置\n\t */\n\talignPosition: {\n\t\ttype: Number,\n\t\tdefault: 0.5,\n\t},\n\t/**\n\t * 设置是否使用物理弹簧算法实现歌词动画效果，默认启用\n\t *\n\t * 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行\n\t *\n\t * 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一\n\t */\n\tenableSpring: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置是否启用歌词行的模糊效果，默认为 `true`\n\t */\n\tenableBlur: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置是否使用物理弹簧算法实现歌词动画效果，默认启用\n\t *\n\t * 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行\n\t *\n\t * 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一\n\t */\n\tenableScale: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置是否隐藏已经播放过的歌词行，默认不隐藏\n\t */\n\thidePassedLines: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\t/**\n\t * 设置歌词中不雅用语的掩码模式，默认为 `MaskObsceneWordsMode.Disabled`，即不掩码\n\t */\n\tmaskObsceneWordsMode: {\n\t\ttype: String as PropType<MaskObsceneWordsMode>,\n\t\tdefault: MaskObsceneWordsMode.Disabled,\n\t},\n\t/**\n\t * 设置不雅用语掩码使用的字符，默认为 `*`\n\t */\n\tmaskObsceneWordChar: {\n\t\ttype: String,\n\t\tdefault: \"*\",\n\t},\n\t/**\n\t * 设置歌词优化选项\n\t */\n\toptimizeOptions: {\n\t\ttype: Object as PropType<OptimizeLyricOptions>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误\n\t */\n\tlyricLines: {\n\t\ttype: Object as PropType<LyricLine[]>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前播放进度，单位为毫秒且**必须是整数**，此时将会更新内部的歌词进度信息\n\t * 内部会根据调用间隔和播放进度自动决定如何滚动和显示歌词，所以这个的调用频率越快越准确越好\n\t */\n\tcurrentTime: {\n\t\ttype: Number,\n\t\tdefault: 0,\n\t},\n\t/**\n\t * 设置文字动画的渐变宽度，单位以歌词行的主文字字体大小的倍数为单位，默认为 0.5，即一个全角字符的一半宽度\n\t *\n\t * 如果要模拟 Apple Music for Android 的效果，可以设置为 1\n\t *\n\t * 如果要模拟 Apple Music for iPad 的效果，可以设置为 0.5\n\t *\n\t * 如果想要近乎禁用渐变效果，可以设置成非常接近 0 的小数（例如 `0.0001` ），但是**不可以为 0**\n\t */\n\twordFadeWidth: {\n\t\ttype: Number,\n\t\tdefault: 0.5,\n\t},\n\t/**\n\t * 设置所有歌词行在横坐标上的弹簧属性，包括重量、弹力和阻力。\n\t *\n\t * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样\n\t */\n\tlinePosXSpringParams: {\n\t\ttype: Object as PropType<Partial<spring.SpringParams>>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置所有歌词行在​纵坐标上的弹簧属性，包括重量、弹力和阻力。\n\t *\n\t * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样\n\t */\n\tlinePosYSpringParams: {\n\t\ttype: Object as PropType<Partial<spring.SpringParams>>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置所有歌词行在​缩放大小上的弹簧属性，包括重量、弹力和阻力。\n\t *\n\t * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样\n\t */\n\tlineScaleSpringParams: {\n\t\ttype: Object as PropType<Partial<spring.SpringParams>>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`\n\t * 默认渲染器有可能会随着版本更新而更换\n\t */\n\tlyricPlayer: {\n\t\ttype: Object as PropType<{\n\t\t\tnew (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;\n\t\t}>,\n\t\trequired: false,\n\t},\n} as const;\n\n/**\n * 歌词播放组件的属性\n */\nexport type LyricPlayerProps = ExtractPublicPropTypes<typeof lyricPlayerProps>;\n\nconst lyricPlayerEmits = {\n\tlineClick: (_: LyricLineMouseEvent) => true,\n\tlineContextmenu: (_: LyricLineMouseEvent) => true,\n} as const;\n\n/**\n * 歌词播放组件的事件\n */\nexport type LyricPlayerEmits = typeof lyricPlayerEmits;\n\n/**\n * 歌词播放组件的引用\n */\nexport interface LyricPlayerRef {\n\t/**\n\t * 歌词播放实例\n\t */\n\tlyricPlayer: Ref<LyricPlayerBase | undefined>;\n\t/**\n\t * 将歌词播放实例的元素包裹起来的 DIV 元素实例\n\t */\n\twrapperEl: Readonly<ShallowRef<HTMLDivElement | null>>;\n}\n\nexport const LyricPlayer = defineComponent({\n\tname: \"LyricPlayer\",\n\tprops: lyricPlayerProps,\n\temits: lyricPlayerEmits,\n\tslots: Object as SlotsType<{\n\t\t\"bottom-line\": () => void;\n\t}>,\n\tsetup(props, { expose, emit, attrs, slots }) {\n\t\tconst wrapperRef = useTemplateRef<HTMLDivElement>(\"wrapper-ref\");\n\t\tconst playerRef = ref<CoreLyricPlayer>();\n\t\tlet prevLyricLines: LyricLine[] | undefined;\n\n\t\tconst lineClickHandler = (e: Event) =>\n\t\t\temit(\"lineClick\", e as LyricLineMouseEvent);\n\t\tconst lineContextMenuHandler = (e: Event) =>\n\t\t\temit(\"lineContextmenu\", e as LyricLineMouseEvent);\n\n\t\tonMounted(() => {\n\t\t\tconst wrapper = wrapperRef.value;\n\t\t\tif (wrapper) {\n\t\t\t\tplayerRef.value = new CoreLyricPlayer();\n\t\t\t\twrapper.appendChild(playerRef.value.getElement());\n\t\t\t\tplayerRef.value.addEventListener(\"line-click\", lineClickHandler);\n\t\t\t\tplayerRef.value.addEventListener(\n\t\t\t\t\t\"line-contextmenu\",\n\t\t\t\t\tlineContextMenuHandler,\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tif (playerRef.value) {\n\t\t\t\tplayerRef.value.removeEventListener(\"line-click\", lineClickHandler);\n\t\t\t\tplayerRef.value.removeEventListener(\n\t\t\t\t\t\"line-contextmenu\",\n\t\t\t\t\tlineContextMenuHandler,\n\t\t\t\t);\n\t\t\t\tplayerRef.value.dispose();\n\t\t\t}\n\t\t});\n\n\t\twatchEffect((onCleanup) => {\n\t\t\tif (!props.disabled) {\n\t\t\t\tlet canceled = false;\n\t\t\t\tlet lastTime = -1;\n\t\t\t\tconst onFrame = (time: number) => {\n\t\t\t\t\tif (canceled) return;\n\t\t\t\t\tif (lastTime === -1) {\n\t\t\t\t\t\tlastTime = time;\n\t\t\t\t\t}\n\t\t\t\t\tplayerRef.value?.update(time - lastTime);\n\t\t\t\t\tlastTime = time;\n\t\t\t\t\trequestAnimationFrame(onFrame);\n\t\t\t\t};\n\t\t\t\trequestAnimationFrame(onFrame);\n\t\t\t\tonCleanup(() => {\n\t\t\t\t\tcanceled = true;\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\twatch(\n\t\t\t[\n\t\t\t\tplayerRef,\n\t\t\t\t() => props.lyricLines,\n\t\t\t\t() => props.optimizeOptions,\n\t\t\t\t() => props.maskObsceneWordsMode,\n\t\t\t\t() => props.maskObsceneWordChar,\n\t\t\t],\n\t\t\t([player, lyricLines]) => {\n\t\t\t\tif (!player) return;\n\n\t\t\t\tconst isLyricLinesChanged = lyricLines !== prevLyricLines;\n\t\t\t\tprevLyricLines = lyricLines;\n\n\t\t\t\tif (isLyricLinesChanged) {\n\t\t\t\t\tplayer.setLyricProcessConfig({\n\t\t\t\t\t\toptimizeOptions: props.optimizeOptions,\n\t\t\t\t\t\tmaskMode: props.maskObsceneWordsMode,\n\t\t\t\t\t\tmaskChar: props.maskObsceneWordChar,\n\t\t\t\t\t});\n\t\t\t\t\tplayer.setLyricLines(lyricLines ?? []);\n\n\t\t\t\t\tif (props.currentTime !== undefined) {\n\t\t\t\t\t\tplayer.setCurrentTime(props.currentTime, true);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tplayer.updateLyricProcessConfig({\n\t\t\t\t\t\toptimizeOptions: props.optimizeOptions,\n\t\t\t\t\t\tmaskMode: props.maskObsceneWordsMode,\n\t\t\t\t\t\tmaskChar: props.maskObsceneWordChar,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true },\n\t\t);\n\n\t\twatchEffect(() => {\n\t\t\tif (props.playing !== undefined) {\n\t\t\t\tif (props.playing) {\n\t\t\t\t\tplayerRef.value?.resume();\n\t\t\t\t} else {\n\t\t\t\t\tplayerRef.value?.pause();\n\t\t\t\t}\n\t\t\t} else playerRef.value?.resume();\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.alignAnchor !== undefined)\n\t\t\t\tplayerRef.value?.setAlignAnchor(props.alignAnchor);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.hidePassedLines !== undefined)\n\t\t\t\tplayerRef.value?.setHidePassedLines(props.hidePassedLines);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.alignPosition !== undefined)\n\t\t\t\tplayerRef.value?.setAlignPosition(props.alignPosition);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.enableSpring !== undefined)\n\t\t\t\tplayerRef.value?.setEnableSpring(props.enableSpring);\n\t\t\telse playerRef.value?.setEnableSpring(true);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.enableBlur !== undefined)\n\t\t\t\tplayerRef.value?.setEnableBlur(props.enableBlur);\n\t\t\telse playerRef.value?.setEnableBlur(true);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.enableScale !== undefined)\n\t\t\t\tplayerRef.value?.setEnableScale(props.enableScale);\n\t\t\telse playerRef.value?.setEnableScale(true);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.currentTime !== undefined)\n\t\t\t\tplayerRef.value?.setCurrentTime(props.currentTime);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.wordFadeWidth !== undefined)\n\t\t\t\tplayerRef.value?.setWordFadeWidth(props.wordFadeWidth);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.linePosXSpringParams !== undefined)\n\t\t\t\tplayerRef.value?.setLinePosXSpringParams(props.linePosXSpringParams);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.linePosYSpringParams !== undefined)\n\t\t\t\tplayerRef.value?.setLinePosYSpringParams(props.linePosYSpringParams);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.lineScaleSpringParams !== undefined)\n\t\t\t\tplayerRef.value?.setLineScaleSpringParams(props.lineScaleSpringParams);\n\t\t});\n\n\t\tconst bottomLineEl = computed(() =>\n\t\t\tplayerRef.value?.getBottomLineElement(),\n\t\t);\n\n\t\texpose<LyricPlayerRef>({\n\t\t\tlyricPlayer: playerRef,\n\t\t\twrapperEl: wrapperRef,\n\t\t});\n\n\t\treturn () => (\n\t\t\t<div ref=\"wrapper-ref\" {...attrs}>\n\t\t\t\t{bottomLineEl.value && (\n\t\t\t\t\t<Teleport to={bottomLineEl.value}>\n\t\t\t\t\t\t{slots[\"bottom-line\"]?.()}\n\t\t\t\t\t</Teleport>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n});\n"],"mappings":"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"}

package/dist/amll-vue.d.cts

@@ -1,8 +1,5 @@
-import * as _$vue from "vue";
-import { ExtractPublicPropTypes, PropType, Ref, ShallowRef, SlotsType } from "vue";
-import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
 import { AbstractBaseRenderer, BaseRenderer, LyricLine, LyricLineMouseEvent, LyricPlayerBase, MaskObsceneWordsMode, OptimizeLyricOptions, spring } from "@applemusic-like-lyrics/core";
-
+import { ExtractPublicPropTypes, PropType, Ref, ShallowRef, SlotsType } from "vue";
 //#region src/BackgroundRender.d.ts
 /**
  * 背景渲染组件的引用
@@ -94,7 +91,7 @@ declare const backgroundRenderProps: {
   };
 };
 type BackgroundRenderProps = ExtractPublicPropTypes<typeof backgroundRenderProps>;
-declare const BackgroundRender: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+declare const BackgroundRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /**
    * 设置背景专辑资源
    */
@@ -169,7 +166,7 @@ declare const BackgroundRender: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>;
     readonly required: false;
   };
-}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   /**
    * 设置背景专辑资源
    */
@@ -248,7 +245,7 @@ declare const BackgroundRender: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly albumIsVideo: boolean;
   readonly playing: boolean;
   readonly hasLyric: boolean;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/LyricPlayer.d.ts
 declare const lyricPlayerProps: {
@@ -332,6 +329,13 @@ declare const lyricPlayerProps: {
     readonly type: PropType<MaskObsceneWordsMode>;
     readonly default: "";
   };
+  /**
+   * 设置不雅用语掩码使用的字符，默认为 `*`
+   */
+  readonly maskObsceneWordChar: {
+    readonly type: StringConstructor;
+    readonly default: "*";
+  };
   /**
    * 设置歌词优化选项
    */
@@ -430,7 +434,7 @@ interface LyricPlayerRef {
    */
   wrapperEl: Readonly<ShallowRef<HTMLDivElement | null>>;
 }
-declare const LyricPlayer: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+declare const LyricPlayer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /**
    * 是否禁用歌词播放组件，默认为 `false`，歌词组件启用后将会开始逐帧更新歌词的动画效果，并对传入的其他参数变更做出反馈。
    *
@@ -511,6 +515,13 @@ declare const LyricPlayer: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly type: PropType<MaskObsceneWordsMode>;
     readonly default: "";
   };
+  /**
+   * 设置不雅用语掩码使用的字符，默认为 `*`
+   */
+  readonly maskObsceneWordChar: {
+    readonly type: StringConstructor;
+    readonly default: "*";
+  };
   /**
    * 设置歌词优化选项
    */
@@ -583,10 +594,10 @@ declare const LyricPlayer: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>;
     readonly required: false;
   };
-}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   readonly lineClick: (_: LyricLineMouseEvent) => boolean;
   readonly lineContextmenu: (_: LyricLineMouseEvent) => boolean;
-}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   /**
    * 是否禁用歌词播放组件，默认为 `false`，歌词组件启用后将会开始逐帧更新歌词的动画效果，并对传入的其他参数变更做出反馈。
    *
@@ -667,6 +678,13 @@ declare const LyricPlayer: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly type: PropType<MaskObsceneWordsMode>;
     readonly default: "";
   };
+  /**
+   * 设置不雅用语掩码使用的字符，默认为 `*`
+   */
+  readonly maskObsceneWordChar: {
+    readonly type: StringConstructor;
+    readonly default: "*";
+  };
   /**
    * 设置歌词优化选项
    */
@@ -752,11 +770,12 @@ declare const LyricPlayer: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly enableScale: boolean;
   readonly hidePassedLines: boolean;
   readonly maskObsceneWordsMode: MaskObsceneWordsMode;
+  readonly maskObsceneWordChar: string;
   readonly currentTime: number;
   readonly wordFadeWidth: number;
 }, SlotsType<{
   "bottom-line": () => void;
-}>, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { BackgroundRender, BackgroundRenderProps, BackgroundRenderRef, LyricPlayer, LyricPlayerEmits, LyricPlayerProps, LyricPlayerRef };
 //# sourceMappingURL=amll-vue.d.cts.map

package/dist/amll-vue.d.mts

@@ -1,8 +1,5 @@
-import * as _$vue from "vue";
 import { ExtractPublicPropTypes, PropType, Ref, ShallowRef, SlotsType } from "vue";
 import { AbstractBaseRenderer, BaseRenderer, LyricLine, LyricLineMouseEvent, LyricPlayerBase, MaskObsceneWordsMode, OptimizeLyricOptions, spring } from "@applemusic-like-lyrics/core";
-import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
-
 //#region src/BackgroundRender.d.ts
 /**
  * 背景渲染组件的引用
@@ -94,7 +91,7 @@ declare const backgroundRenderProps: {
   };
 };
 type BackgroundRenderProps = ExtractPublicPropTypes<typeof backgroundRenderProps>;
-declare const BackgroundRender: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+declare const BackgroundRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /**
    * 设置背景专辑资源
    */
@@ -169,7 +166,7 @@ declare const BackgroundRender: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>;
     readonly required: false;
   };
-}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   /**
    * 设置背景专辑资源
    */
@@ -248,7 +245,7 @@ declare const BackgroundRender: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly albumIsVideo: boolean;
   readonly playing: boolean;
   readonly hasLyric: boolean;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/LyricPlayer.d.ts
 declare const lyricPlayerProps: {
@@ -332,6 +329,13 @@ declare const lyricPlayerProps: {
     readonly type: PropType<MaskObsceneWordsMode>;
     readonly default: "";
   };
+  /**
+   * 设置不雅用语掩码使用的字符，默认为 `*`
+   */
+  readonly maskObsceneWordChar: {
+    readonly type: StringConstructor;
+    readonly default: "*";
+  };
   /**
    * 设置歌词优化选项
    */
@@ -430,7 +434,7 @@ interface LyricPlayerRef {
    */
   wrapperEl: Readonly<ShallowRef<HTMLDivElement | null>>;
 }
-declare const LyricPlayer: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+declare const LyricPlayer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /**
    * 是否禁用歌词播放组件，默认为 `false`，歌词组件启用后将会开始逐帧更新歌词的动画效果，并对传入的其他参数变更做出反馈。
    *
@@ -511,6 +515,13 @@ declare const LyricPlayer: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly type: PropType<MaskObsceneWordsMode>;
     readonly default: "";
   };
+  /**
+   * 设置不雅用语掩码使用的字符，默认为 `*`
+   */
+  readonly maskObsceneWordChar: {
+    readonly type: StringConstructor;
+    readonly default: "*";
+  };
   /**
    * 设置歌词优化选项
    */
@@ -583,10 +594,10 @@ declare const LyricPlayer: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>;
     readonly required: false;
   };
-}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   readonly lineClick: (_: LyricLineMouseEvent) => boolean;
   readonly lineContextmenu: (_: LyricLineMouseEvent) => boolean;
-}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   /**
    * 是否禁用歌词播放组件，默认为 `false`，歌词组件启用后将会开始逐帧更新歌词的动画效果，并对传入的其他参数变更做出反馈。
    *
@@ -667,6 +678,13 @@ declare const LyricPlayer: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly type: PropType<MaskObsceneWordsMode>;
     readonly default: "";
   };
+  /**
+   * 设置不雅用语掩码使用的字符，默认为 `*`
+   */
+  readonly maskObsceneWordChar: {
+    readonly type: StringConstructor;
+    readonly default: "*";
+  };
   /**
    * 设置歌词优化选项
    */
@@ -752,11 +770,12 @@ declare const LyricPlayer: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly enableScale: boolean;
   readonly hidePassedLines: boolean;
   readonly maskObsceneWordsMode: MaskObsceneWordsMode;
+  readonly maskObsceneWordChar: string;
   readonly currentTime: number;
   readonly wordFadeWidth: number;
 }, SlotsType<{
   "bottom-line": () => void;
-}>, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { BackgroundRender, BackgroundRenderProps, BackgroundRenderRef, LyricPlayer, LyricPlayerEmits, LyricPlayerProps, LyricPlayerRef };
 //# sourceMappingURL=amll-vue.d.mts.map

package/dist/amll-vue.mjs

@@ -123,160 +123,170 @@ const BackgroundRender = defineComponent({
 		}, null);
 	}
 });
+//#endregion
+//#region src/LyricPlayer.tsx
+const lyricPlayerProps = {
+	/**
+	* 是否禁用歌词播放组件，默认为 `false`，歌词组件启用后将会开始逐帧更新歌词的动画效果，并对传入的其他参数变更做出反馈。
+	*
+	* 如果禁用了歌词组件动画，你也可以通过引用取得原始渲染组件实例，手动逐帧调用其 `update` 函数来更新动画效果。
+	*/
+	disabled: {
+		type: Boolean,
+		default: false
+	},
+	/**
+	* 是否演出部分效果，目前会控制播放间奏点的动画的播放暂停与否，默认为 `true`
+	*/
+	playing: {
+		type: Boolean,
+		default: true
+	},
+	/**
+	* 设置歌词行的对齐方式，如果为 `undefined` 则默认为 `center`
+	*
+	* - 设置成 `top` 的话将会向目标歌词行的顶部对齐
+	* - 设置成 `bottom` 的话将会向目标歌词行的底部对齐
+	* - 设置成 `center` 的话将会向目标歌词行的垂直中心对齐
+	*/
+	alignAnchor: {
+		type: String,
+		default: "center"
+	},
+	/**
+	* 设置默认的歌词行对齐位置，相对于整个歌词播放组件的大小位置，如果为 `undefined`
+	* 则默认为 `0.5`
+	*
+	* 可以设置一个 `[0.0-1.0]` 之间的任意数字，代表组件高度由上到下的比例位置
+	*/
+	alignPosition: {
+		type: Number,
+		default: .5
+	},
+	/**
+	* 设置是否使用物理弹簧算法实现歌词动画效果，默认启用
+	*
+	* 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行
+	*
+	* 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一
+	*/
+	enableSpring: {
+		type: Boolean,
+		default: true
+	},
+	/**
+	* 设置是否启用歌词行的模糊效果，默认为 `true`
+	*/
+	enableBlur: {
+		type: Boolean,
+		default: true
+	},
+	/**
+	* 设置是否使用物理弹簧算法实现歌词动画效果，默认启用
+	*
+	* 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行
+	*
+	* 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一
+	*/
+	enableScale: {
+		type: Boolean,
+		default: true
+	},
+	/**
+	* 设置是否隐藏已经播放过的歌词行，默认不隐藏
+	*/
+	hidePassedLines: {
+		type: Boolean,
+		default: false
+	},
+	/**
+	* 设置歌词中不雅用语的掩码模式，默认为 `MaskObsceneWordsMode.Disabled`，即不掩码
+	*/
+	maskObsceneWordsMode: {
+		type: String,
+		default: MaskObsceneWordsMode.Disabled
+	},
+	/**
+	* 设置不雅用语掩码使用的字符，默认为 `*`
+	*/
+	maskObsceneWordChar: {
+		type: String,
+		default: "*"
+	},
+	/**
+	* 设置歌词优化选项
+	*/
+	optimizeOptions: {
+		type: Object,
+		required: false
+	},
+	/**
+	* 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误
+	*/
+	lyricLines: {
+		type: Object,
+		required: false
+	},
+	/**
+	* 设置当前播放进度，单位为毫秒且**必须是整数**，此时将会更新内部的歌词进度信息
+	* 内部会根据调用间隔和播放进度自动决定如何滚动和显示歌词，所以这个的调用频率越快越准确越好
+	*/
+	currentTime: {
+		type: Number,
+		default: 0
+	},
+	/**
+	* 设置文字动画的渐变宽度，单位以歌词行的主文字字体大小的倍数为单位，默认为 0.5，即一个全角字符的一半宽度
+	*
+	* 如果要模拟 Apple Music for Android 的效果，可以设置为 1
+	*
+	* 如果要模拟 Apple Music for iPad 的效果，可以设置为 0.5
+	*
+	* 如果想要近乎禁用渐变效果，可以设置成非常接近 0 的小数（例如 `0.0001` ），但是**不可以为 0**
+	*/
+	wordFadeWidth: {
+		type: Number,
+		default: .5
+	},
+	/**
+	* 设置所有歌词行在横坐标上的弹簧属性，包括重量、弹力和阻力。
+	*
+	* @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
+	*/
+	linePosXSpringParams: {
+		type: Object,
+		required: false
+	},
+	/**
+	* 设置所有歌词行在​纵坐标上的弹簧属性，包括重量、弹力和阻力。
+	*
+	* @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
+	*/
+	linePosYSpringParams: {
+		type: Object,
+		required: false
+	},
+	/**
+	* 设置所有歌词行在​缩放大小上的弹簧属性，包括重量、弹力和阻力。
+	*
+	* @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
+	*/
+	lineScaleSpringParams: {
+		type: Object,
+		required: false
+	},
+	/**
+	* 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`
+	* 默认渲染器有可能会随着版本更新而更换
+	*/
+	lyricPlayer: {
+		type: Object,
+		required: false
+	}
+};
 const LyricPlayer = defineComponent({
 	name: "LyricPlayer",
-	props: {
-		/**
-		* 是否禁用歌词播放组件，默认为 `false`，歌词组件启用后将会开始逐帧更新歌词的动画效果，并对传入的其他参数变更做出反馈。
-		*
-		* 如果禁用了歌词组件动画，你也可以通过引用取得原始渲染组件实例，手动逐帧调用其 `update` 函数来更新动画效果。
-		*/
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* 是否演出部分效果，目前会控制播放间奏点的动画的播放暂停与否，默认为 `true`
-		*/
-		playing: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* 设置歌词行的对齐方式，如果为 `undefined` 则默认为 `center`
-		*
-		* - 设置成 `top` 的话将会向目标歌词行的顶部对齐
-		* - 设置成 `bottom` 的话将会向目标歌词行的底部对齐
-		* - 设置成 `center` 的话将会向目标歌词行的垂直中心对齐
-		*/
-		alignAnchor: {
-			type: String,
-			default: "center"
-		},
-		/**
-		* 设置默认的歌词行对齐位置，相对于整个歌词播放组件的大小位置，如果为 `undefined`
-		* 则默认为 `0.5`
-		*
-		* 可以设置一个 `[0.0-1.0]` 之间的任意数字，代表组件高度由上到下的比例位置
-		*/
-		alignPosition: {
-			type: Number,
-			default: .5
-		},
-		/**
-		* 设置是否使用物理弹簧算法实现歌词动画效果，默认启用
-		*
-		* 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行
-		*
-		* 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一
-		*/
-		enableSpring: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* 设置是否启用歌词行的模糊效果，默认为 `true`
-		*/
-		enableBlur: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* 设置是否使用物理弹簧算法实现歌词动画效果，默认启用
-		*
-		* 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行
-		*
-		* 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一
-		*/
-		enableScale: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* 设置是否隐藏已经播放过的歌词行，默认不隐藏
-		*/
-		hidePassedLines: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* 设置歌词中不雅用语的掩码模式，默认为 `MaskObsceneWordsMode.Disabled`，即不掩码
-		*/
-		maskObsceneWordsMode: {
-			type: String,
-			default: MaskObsceneWordsMode.Disabled
-		},
-		/**
-		* 设置歌词优化选项
-		*/
-		optimizeOptions: {
-			type: Object,
-			required: false
-		},
-		/**
-		* 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误
-		*/
-		lyricLines: {
-			type: Object,
-			required: false
-		},
-		/**
-		* 设置当前播放进度，单位为毫秒且**必须是整数**，此时将会更新内部的歌词进度信息
-		* 内部会根据调用间隔和播放进度自动决定如何滚动和显示歌词，所以这个的调用频率越快越准确越好
-		*/
-		currentTime: {
-			type: Number,
-			default: 0
-		},
-		/**
-		* 设置文字动画的渐变宽度，单位以歌词行的主文字字体大小的倍数为单位，默认为 0.5，即一个全角字符的一半宽度
-		*
-		* 如果要模拟 Apple Music for Android 的效果，可以设置为 1
-		*
-		* 如果要模拟 Apple Music for iPad 的效果，可以设置为 0.5
-		*
-		* 如果想要近乎禁用渐变效果，可以设置成非常接近 0 的小数（例如 `0.0001` ），但是**不可以为 0**
-		*/
-		wordFadeWidth: {
-			type: Number,
-			default: .5
-		},
-		/**
-		* 设置所有歌词行在横坐标上的弹簧属性，包括重量、弹力和阻力。
-		*
-		* @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
-		*/
-		linePosXSpringParams: {
-			type: Object,
-			required: false
-		},
-		/**
-		* 设置所有歌词行在​纵坐标上的弹簧属性，包括重量、弹力和阻力。
-		*
-		* @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
-		*/
-		linePosYSpringParams: {
-			type: Object,
-			required: false
-		},
-		/**
-		* 设置所有歌词行在​缩放大小上的弹簧属性，包括重量、弹力和阻力。
-		*
-		* @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
-		*/
-		lineScaleSpringParams: {
-			type: Object,
-			required: false
-		},
-		/**
-		* 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`
-		* 默认渲染器有可能会随着版本更新而更换
-		*/
-		lyricPlayer: {
-			type: Object,
-			required: false
-		}
-	},
+	props: lyricPlayerProps,
 	emits: {
 		lineClick: (_) => true,
 		lineContextmenu: (_) => true
@@ -285,6 +295,7 @@ const LyricPlayer = defineComponent({
 	setup(props, { expose, emit, attrs, slots }) {
 		const wrapperRef = useTemplateRef("wrapper-ref");
 		const playerRef = ref();
+		let prevLyricLines;
 		const lineClickHandler = (e) => emit("lineClick", e);
 		const lineContextMenuHandler = (e) => emit("lineContextmenu", e);
 		onMounted(() => {
@@ -320,10 +331,35 @@ const LyricPlayer = defineComponent({
 				});
 			}
 		});
+		watch([
+			playerRef,
+			() => props.lyricLines,
+			() => props.optimizeOptions,
+			() => props.maskObsceneWordsMode,
+			() => props.maskObsceneWordChar
+		], ([player, lyricLines]) => {
+			if (!player) return;
+			const isLyricLinesChanged = lyricLines !== prevLyricLines;
+			prevLyricLines = lyricLines;
+			if (isLyricLinesChanged) {
+				player.setLyricProcessConfig({
+					optimizeOptions: props.optimizeOptions,
+					maskMode: props.maskObsceneWordsMode,
+					maskChar: props.maskObsceneWordChar
+				});
+				player.setLyricLines(lyricLines ?? []);
+				if (props.currentTime !== void 0) player.setCurrentTime(props.currentTime, true);
+			} else player.updateLyricProcessConfig({
+				optimizeOptions: props.optimizeOptions,
+				maskMode: props.maskObsceneWordsMode,
+				maskChar: props.maskObsceneWordChar
+			});
+		}, { immediate: true });
 		watchEffect(() => {
-			if (props.playing !== void 0) if (props.playing) playerRef.value?.resume();
-			else playerRef.value?.pause();
-			else playerRef.value?.resume();
+			if (props.playing !== void 0) {
+				if (props.playing) playerRef.value?.resume();
+				else playerRef.value?.pause();
+			} else playerRef.value?.resume();
 		});
 		watchEffect(() => {
 			if (props.alignAnchor !== void 0) playerRef.value?.setAlignAnchor(props.alignAnchor);
@@ -331,10 +367,6 @@ const LyricPlayer = defineComponent({
 		watchEffect(() => {
 			if (props.hidePassedLines !== void 0) playerRef.value?.setHidePassedLines(props.hidePassedLines);
 		});
-		watchEffect(() => {
-			if (props.maskObsceneWordsMode !== void 0) playerRef.value?.setMaskObsceneWords(props.maskObsceneWordsMode);
-			else playerRef.value?.setMaskObsceneWords(MaskObsceneWordsMode.Disabled);
-		});
 		watchEffect(() => {
 			if (props.alignPosition !== void 0) playerRef.value?.setAlignPosition(props.alignPosition);
 		});
@@ -350,17 +382,6 @@ const LyricPlayer = defineComponent({
 			if (props.enableScale !== void 0) playerRef.value?.setEnableScale(props.enableScale);
 			else playerRef.value?.setEnableScale(true);
 		});
-		watch([
-			playerRef,
-			() => props.lyricLines,
-			() => props.optimizeOptions
-		], ([player, lyricLines, optimizeOptions]) => {
-			if (!player) return;
-			if (optimizeOptions !== void 0) player.setOptimizeOptions(optimizeOptions);
-			if (lyricLines !== void 0) player.setLyricLines(lyricLines);
-			else player.setLyricLines([]);
-			if (props.currentTime !== void 0) player.setCurrentTime(props.currentTime, true);
-		}, { immediate: true });
 		watchEffect(() => {
 			if (props.currentTime !== void 0) playerRef.value?.setCurrentTime(props.currentTime);
 		});

package/dist/amll-vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"amll-vue.mjs","names":["AbstractBaseRenderer","BaseRenderer","BackgroundRender","CoreBackgroundRender","MeshGradientRenderer","defineComponent","ExtractPublicPropTypes","onMounted","onUnmounted","PropType","Ref","ref","ShallowRef","useTemplateRef","watchEffect","BackgroundRenderRef","bgRender","wrapperEl","Readonly","HTMLDivElement","backgroundRenderProps","album","type","String","Object","HTMLImageElement","HTMLVideoElement","required","albumIsVideo","Boolean","fps","Number","playing","flowSpeed","hasLyric","lowFreqVolume","renderScale","renderer","args","ConstructorParameters","const","BackgroundRenderProps","name","props","setup","expose","wrapperRef","bgRenderRef","value","new","el","getElement","style","width","height","appendChild","dispose","setAlbum","setFPS","pause","resume","setFlowSpeed","setRenderScale","setLowFreqVolume","undefined","setHasLyric","_createVNode","BaseRenderer","LyricPlayer","CoreLyricPlayer","LyricLine","LyricLineMouseEvent","LyricPlayerBase","MaskObsceneWordsMode","OptimizeLyricOptions","spring","computed","defineComponent","ExtractPublicPropTypes","onMounted","onUnmounted","PropType","Ref","ref","ShallowRef","SlotsType","Teleport","useTemplateRef","watch","watchEffect","lyricPlayerProps","disabled","type","Boolean","default","playing","alignAnchor","String","alignPosition","Number","enableSpring","enableBlur","enableScale","hidePassedLines","maskObsceneWordsMode","Disabled","optimizeOptions","Object","required","lyricLines","currentTime","wordFadeWidth","linePosXSpringParams","Partial","SpringParams","linePosYSpringParams","lineScaleSpringParams","lyricPlayer","args","ConstructorParameters","const","LyricPlayerProps","lyricPlayerEmits","lineClick","_","lineContextmenu","LyricPlayerEmits","LyricPlayerRef","wrapperEl","Readonly","HTMLDivElement","name","props","emits","slots","setup","expose","emit","attrs","wrapperRef","playerRef","lineClickHandler","e","Event","lineContextMenuHandler","wrapper","value","appendChild","getElement","addEventListener","removeEventListener","dispose","onCleanup","canceled","lastTime","onFrame","time","update","requestAnimationFrame","undefined","resume","pause","setAlignAnchor","setHidePassedLines","setMaskObsceneWords","setAlignPosition","setEnableSpring","setEnableBlur","setEnableScale","player","setOptimizeOptions","setLyricLines","setCurrentTime","immediate","setWordFadeWidth","setLinePosXSpringParams","setLinePosYSpringParams","setLineScaleSpringParams","bottomLineEl","getBottomLineElement","_createVNode","_mergeProps"],"sources":["../src/BackgroundRender.tsx","../src/LyricPlayer.tsx"],"sourcesContent":["import {\n\ttype AbstractBaseRenderer,\n\ttype BaseRenderer,\n\tBackgroundRender as CoreBackgroundRender,\n\tMeshGradientRenderer,\n} from \"@applemusic-like-lyrics/core\";\nimport {\n\tdefineComponent,\n\ttype ExtractPublicPropTypes,\n\tonMounted,\n\tonUnmounted,\n\ttype PropType,\n\ttype Ref,\n\tref,\n\ttype ShallowRef,\n\tuseTemplateRef,\n\twatchEffect,\n} from \"vue\";\n\n/**\n * 背景渲染组件的引用\n */\nexport interface BackgroundRenderRef {\n\t/**\n\t * 背景渲染实例引用\n\t */\n\tbgRender?: Ref<AbstractBaseRenderer | undefined>;\n\t/**\n\t * 将背景渲染实例的元素包裹起来的 DIV 元素实例\n\t */\n\twrapperEl: Readonly<ShallowRef<HTMLDivElement | null>>;\n}\n\nconst backgroundRenderProps = {\n\t/**\n\t * 设置背景专辑资源\n\t */\n\talbum: {\n\t\ttype: [String, Object] as PropType<\n\t\t\tstring | HTMLImageElement | HTMLVideoElement\n\t\t>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置专辑资源是否为视频\n\t */\n\talbumIsVideo: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前背景动画帧率，如果为 `undefined` 则默认为 `30`\n\t */\n\tfps: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前播放状态，如果为 `undefined` 则默认为 `true`\n\t */\n\tplaying: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前动画流动速度，如果为 `undefined` 则默认为 `2`\n\t */\n\tflowSpeed: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置背景是否根据“是否有歌词”这个特征调整自身效果，例如有歌词时会变得更加活跃\n\t *\n\t * 部分渲染器会根据这个特征调整自身效果\n\t *\n\t * 如果不确定是否需要赋值或无法知晓是否包含歌词，请传入 true 或不做任何处理（默认值为 true）\n\t */\n\thasLyric: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置低频的音量大小，范围在 80hz-120hz 之间为宜，取值范围在 [0.0-1.0] 之间\n\t *\n\t * 部分渲染器会根据音量大小调整背景效果（例如根据鼓点跳动）\n\t *\n\t * 如果无法获取到类似的数据，请传入 undefined 或 1.0 作为默认值，或不做任何处理（默认值即 1.0）\n\t */\n\tlowFreqVolume: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前渲染缩放比例，如果为 `undefined` 则默认为 `0.5`\n\t */\n\trenderScale: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`\n\t * 默认渲染器有可能会随着版本更新而更换\n\t */\n\trenderer: {\n\t\ttype: Object as PropType<{\n\t\t\tnew (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;\n\t\t}>,\n\t\trequired: false,\n\t},\n} as const;\n\nexport type BackgroundRenderProps = ExtractPublicPropTypes<\n\ttypeof backgroundRenderProps\n>;\n\nexport const BackgroundRender = defineComponent({\n\tname: \"BackgroundRender\",\n\tprops: backgroundRenderProps,\n\tsetup(props, { expose }) {\n\t\tconst wrapperRef = useTemplateRef<HTMLDivElement>(\"wrapper-ref\");\n\t\tconst bgRenderRef = ref<AbstractBaseRenderer>();\n\n\t\tonMounted(() => {\n\t\t\tif (wrapperRef.value) {\n\t\t\t\tbgRenderRef.value = CoreBackgroundRender.new(\n\t\t\t\t\tprops.renderer ?? MeshGradientRenderer,\n\t\t\t\t);\n\t\t\t\tconst el = bgRenderRef.value.getElement();\n\t\t\t\tel.style.width = \"100%\";\n\t\t\t\tel.style.height = \"100%\";\n\t\t\t\twrapperRef.value.appendChild(el);\n\t\t\t}\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tif (bgRenderRef.value) {\n\t\t\t\tbgRenderRef.value.dispose();\n\t\t\t}\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.album)\n\t\t\t\tbgRenderRef.value?.setAlbum(props.album, props.albumIsVideo);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.fps) bgRenderRef.value?.setFPS(props.fps);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.playing) bgRenderRef.value?.pause();\n\t\t\telse bgRenderRef.value?.resume();\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.flowSpeed) bgRenderRef.value?.setFlowSpeed(props.flowSpeed);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.renderScale)\n\t\t\t\tbgRenderRef.value?.setRenderScale(props.renderScale);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.lowFreqVolume)\n\t\t\t\tbgRenderRef.value?.setLowFreqVolume(props.lowFreqVolume);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.hasLyric !== undefined)\n\t\t\t\tbgRenderRef.value?.setHasLyric(props.hasLyric ?? true);\n\t\t});\n\n\t\texpose<BackgroundRenderRef>({\n\t\t\tbgRender: bgRenderRef,\n\t\t\twrapperEl: wrapperRef,\n\t\t});\n\n\t\treturn () => <div style=\"display: contents;\" ref=\"wrapper-ref\" />;\n\t},\n});\n","import {\n\ttype BaseRenderer,\n\tLyricPlayer as CoreLyricPlayer,\n\ttype LyricLine,\n\ttype LyricLineMouseEvent,\n\ttype LyricPlayerBase,\n\tMaskObsceneWordsMode,\n\ttype OptimizeLyricOptions,\n\ttype spring,\n} from \"@applemusic-like-lyrics/core\";\nimport {\n\tcomputed,\n\tdefineComponent,\n\ttype ExtractPublicPropTypes,\n\tonMounted,\n\tonUnmounted,\n\ttype PropType,\n\ttype Ref,\n\tref,\n\ttype ShallowRef,\n\ttype SlotsType,\n\tTeleport,\n\tuseTemplateRef,\n\twatch,\n\twatchEffect,\n} from \"vue\";\n\nconst lyricPlayerProps = {\n\t/**\n\t * 是否禁用歌词播放组件，默认为 `false`，歌词组件启用后将会开始逐帧更新歌词的动画效果，并对传入的其他参数变更做出反馈。\n\t *\n\t * 如果禁用了歌词组件动画，你也可以通过引用取得原始渲染组件实例，手动逐帧调用其 `update` 函数来更新动画效果。\n\t */\n\tdisabled: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\t/**\n\t * 是否演出部分效果，目前会控制播放间奏点的动画的播放暂停与否，默认为 `true`\n\t */\n\tplaying: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置歌词行的对齐方式，如果为 `undefined` 则默认为 `center`\n\t *\n\t * - 设置成 `top` 的话将会向目标歌词行的顶部对齐\n\t * - 设置成 `bottom` 的话将会向目标歌词行的底部对齐\n\t * - 设置成 `center` 的话将会向目标歌词行的垂直中心对齐\n\t */\n\talignAnchor: {\n\t\ttype: String as PropType<\"top\" | \"bottom\" | \"center\">,\n\t\tdefault: \"center\",\n\t},\n\t/**\n\t * 设置默认的歌词行对齐位置，相对于整个歌词播放组件的大小位置，如果为 `undefined`\n\t * 则默认为 `0.5`\n\t *\n\t * 可以设置一个 `[0.0-1.0]` 之间的任意数字，代表组件高度由上到下的比例位置\n\t */\n\talignPosition: {\n\t\ttype: Number,\n\t\tdefault: 0.5,\n\t},\n\t/**\n\t * 设置是否使用物理弹簧算法实现歌词动画效果，默认启用\n\t *\n\t * 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行\n\t *\n\t * 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一\n\t */\n\tenableSpring: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置是否启用歌词行的模糊效果，默认为 `true`\n\t */\n\tenableBlur: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置是否使用物理弹簧算法实现歌词动画效果，默认启用\n\t *\n\t * 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行\n\t *\n\t * 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一\n\t */\n\tenableScale: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置是否隐藏已经播放过的歌词行，默认不隐藏\n\t */\n\thidePassedLines: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\t/**\n\t * 设置歌词中不雅用语的掩码模式，默认为 `MaskObsceneWordsMode.Disabled`，即不掩码\n\t */\n\tmaskObsceneWordsMode: {\n\t\ttype: String as PropType<MaskObsceneWordsMode>,\n\t\tdefault: MaskObsceneWordsMode.Disabled,\n\t},\n\t/**\n\t * 设置歌词优化选项\n\t */\n\toptimizeOptions: {\n\t\ttype: Object as PropType<OptimizeLyricOptions>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误\n\t */\n\tlyricLines: {\n\t\ttype: Object as PropType<LyricLine[]>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前播放进度，单位为毫秒且**必须是整数**，此时将会更新内部的歌词进度信息\n\t * 内部会根据调用间隔和播放进度自动决定如何滚动和显示歌词，所以这个的调用频率越快越准确越好\n\t */\n\tcurrentTime: {\n\t\ttype: Number,\n\t\tdefault: 0,\n\t},\n\t/**\n\t * 设置文字动画的渐变宽度，单位以歌词行的主文字字体大小的倍数为单位，默认为 0.5，即一个全角字符的一半宽度\n\t *\n\t * 如果要模拟 Apple Music for Android 的效果，可以设置为 1\n\t *\n\t * 如果要模拟 Apple Music for iPad 的效果，可以设置为 0.5\n\t *\n\t * 如果想要近乎禁用渐变效果，可以设置成非常接近 0 的小数（例如 `0.0001` ），但是**不可以为 0**\n\t */\n\twordFadeWidth: {\n\t\ttype: Number,\n\t\tdefault: 0.5,\n\t},\n\t/**\n\t * 设置所有歌词行在横坐标上的弹簧属性，包括重量、弹力和阻力。\n\t *\n\t * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样\n\t */\n\tlinePosXSpringParams: {\n\t\ttype: Object as PropType<Partial<spring.SpringParams>>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置所有歌词行在​纵坐标上的弹簧属性，包括重量、弹力和阻力。\n\t *\n\t * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样\n\t */\n\tlinePosYSpringParams: {\n\t\ttype: Object as PropType<Partial<spring.SpringParams>>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置所有歌词行在​缩放大小上的弹簧属性，包括重量、弹力和阻力。\n\t *\n\t * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样\n\t */\n\tlineScaleSpringParams: {\n\t\ttype: Object as PropType<Partial<spring.SpringParams>>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`\n\t * 默认渲染器有可能会随着版本更新而更换\n\t */\n\tlyricPlayer: {\n\t\ttype: Object as PropType<{\n\t\t\tnew (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;\n\t\t}>,\n\t\trequired: false,\n\t},\n} as const;\n\n/**\n * 歌词播放组件的属性\n */\nexport type LyricPlayerProps = ExtractPublicPropTypes<typeof lyricPlayerProps>;\n\nconst lyricPlayerEmits = {\n\tlineClick: (_: LyricLineMouseEvent) => true,\n\tlineContextmenu: (_: LyricLineMouseEvent) => true,\n} as const;\n\n/**\n * 歌词播放组件的事件\n */\nexport type LyricPlayerEmits = typeof lyricPlayerEmits;\n\n/**\n * 歌词播放组件的引用\n */\nexport interface LyricPlayerRef {\n\t/**\n\t * 歌词播放实例\n\t */\n\tlyricPlayer: Ref<LyricPlayerBase | undefined>;\n\t/**\n\t * 将歌词播放实例的元素包裹起来的 DIV 元素实例\n\t */\n\twrapperEl: Readonly<ShallowRef<HTMLDivElement | null>>;\n}\n\nexport const LyricPlayer = defineComponent({\n\tname: \"LyricPlayer\",\n\tprops: lyricPlayerProps,\n\temits: lyricPlayerEmits,\n\tslots: Object as SlotsType<{\n\t\t\"bottom-line\": () => void;\n\t}>,\n\tsetup(props, { expose, emit, attrs, slots }) {\n\t\tconst wrapperRef = useTemplateRef<HTMLDivElement>(\"wrapper-ref\");\n\t\tconst playerRef = ref<CoreLyricPlayer>();\n\n\t\tconst lineClickHandler = (e: Event) =>\n\t\t\temit(\"lineClick\", e as LyricLineMouseEvent);\n\t\tconst lineContextMenuHandler = (e: Event) =>\n\t\t\temit(\"lineContextmenu\", e as LyricLineMouseEvent);\n\n\t\tonMounted(() => {\n\t\t\tconst wrapper = wrapperRef.value;\n\t\t\tif (wrapper) {\n\t\t\t\tplayerRef.value = new CoreLyricPlayer();\n\t\t\t\twrapper.appendChild(playerRef.value.getElement());\n\t\t\t\tplayerRef.value.addEventListener(\"line-click\", lineClickHandler);\n\t\t\t\tplayerRef.value.addEventListener(\n\t\t\t\t\t\"line-contextmenu\",\n\t\t\t\t\tlineContextMenuHandler,\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tif (playerRef.value) {\n\t\t\t\tplayerRef.value.removeEventListener(\"line-click\", lineClickHandler);\n\t\t\t\tplayerRef.value.removeEventListener(\n\t\t\t\t\t\"line-contextmenu\",\n\t\t\t\t\tlineContextMenuHandler,\n\t\t\t\t);\n\t\t\t\tplayerRef.value.dispose();\n\t\t\t}\n\t\t});\n\n\t\twatchEffect((onCleanup) => {\n\t\t\tif (!props.disabled) {\n\t\t\t\tlet canceled = false;\n\t\t\t\tlet lastTime = -1;\n\t\t\t\tconst onFrame = (time: number) => {\n\t\t\t\t\tif (canceled) return;\n\t\t\t\t\tif (lastTime === -1) {\n\t\t\t\t\t\tlastTime = time;\n\t\t\t\t\t}\n\t\t\t\t\tplayerRef.value?.update(time - lastTime);\n\t\t\t\t\tlastTime = time;\n\t\t\t\t\trequestAnimationFrame(onFrame);\n\t\t\t\t};\n\t\t\t\trequestAnimationFrame(onFrame);\n\t\t\t\tonCleanup(() => {\n\t\t\t\t\tcanceled = true;\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.playing !== undefined) {\n\t\t\t\tif (props.playing) {\n\t\t\t\t\tplayerRef.value?.resume();\n\t\t\t\t} else {\n\t\t\t\t\tplayerRef.value?.pause();\n\t\t\t\t}\n\t\t\t} else playerRef.value?.resume();\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.alignAnchor !== undefined)\n\t\t\t\tplayerRef.value?.setAlignAnchor(props.alignAnchor);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.hidePassedLines !== undefined)\n\t\t\t\tplayerRef.value?.setHidePassedLines(props.hidePassedLines);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.maskObsceneWordsMode !== undefined)\n\t\t\t\tplayerRef.value?.setMaskObsceneWords(props.maskObsceneWordsMode);\n\t\t\telse playerRef.value?.setMaskObsceneWords(MaskObsceneWordsMode.Disabled);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.alignPosition !== undefined)\n\t\t\t\tplayerRef.value?.setAlignPosition(props.alignPosition);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.enableSpring !== undefined)\n\t\t\t\tplayerRef.value?.setEnableSpring(props.enableSpring);\n\t\t\telse playerRef.value?.setEnableSpring(true);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.enableBlur !== undefined)\n\t\t\t\tplayerRef.value?.setEnableBlur(props.enableBlur);\n\t\t\telse playerRef.value?.setEnableBlur(true);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.enableScale !== undefined)\n\t\t\t\tplayerRef.value?.setEnableScale(props.enableScale);\n\t\t\telse playerRef.value?.setEnableScale(true);\n\t\t});\n\n\t\twatch(\n\t\t\t[playerRef, () => props.lyricLines, () => props.optimizeOptions],\n\t\t\t([player, lyricLines, optimizeOptions]) => {\n\t\t\t\tif (!player) return;\n\n\t\t\t\tif (optimizeOptions !== undefined) {\n\t\t\t\t\tplayer.setOptimizeOptions(optimizeOptions);\n\t\t\t\t}\n\n\t\t\t\tif (lyricLines !== undefined) {\n\t\t\t\t\tplayer.setLyricLines(lyricLines);\n\t\t\t\t} else {\n\t\t\t\t\tplayer.setLyricLines([]);\n\t\t\t\t}\n\n\t\t\t\tif (props.currentTime !== undefined) {\n\t\t\t\t\tplayer.setCurrentTime(props.currentTime, true);\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true },\n\t\t);\n\n\t\twatchEffect(() => {\n\t\t\tif (props.currentTime !== undefined)\n\t\t\t\tplayerRef.value?.setCurrentTime(props.currentTime);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.wordFadeWidth !== undefined)\n\t\t\t\tplayerRef.value?.setWordFadeWidth(props.wordFadeWidth);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.linePosXSpringParams !== undefined)\n\t\t\t\tplayerRef.value?.setLinePosXSpringParams(props.linePosXSpringParams);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.linePosYSpringParams !== undefined)\n\t\t\t\tplayerRef.value?.setLinePosYSpringParams(props.linePosYSpringParams);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.lineScaleSpringParams !== undefined)\n\t\t\t\tplayerRef.value?.setLineScaleSpringParams(props.lineScaleSpringParams);\n\t\t});\n\n\t\tconst bottomLineEl = computed(() =>\n\t\t\tplayerRef.value?.getBottomLineElement(),\n\t\t);\n\n\t\texpose<LyricPlayerRef>({\n\t\t\tlyricPlayer: playerRef,\n\t\t\twrapperEl: wrapperRef,\n\t\t});\n\n\t\treturn () => (\n\t\t\t<div ref=\"wrapper-ref\" {...attrs}>\n\t\t\t\t{bottomLineEl.value && (\n\t\t\t\t\t<Teleport to={bottomLineEl.value}>\n\t\t\t\t\t\t{slots[\"bottom-line\"]?.()}\n\t\t\t\t\t</Teleport>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n});\n"],"mappings":"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"}
+{"version":3,"file":"amll-vue.mjs","names":[],"sources":["../src/BackgroundRender.tsx","../src/LyricPlayer.tsx"],"sourcesContent":["import {\n\ttype AbstractBaseRenderer,\n\ttype BaseRenderer,\n\tBackgroundRender as CoreBackgroundRender,\n\tMeshGradientRenderer,\n} from \"@applemusic-like-lyrics/core\";\nimport {\n\tdefineComponent,\n\ttype ExtractPublicPropTypes,\n\tonMounted,\n\tonUnmounted,\n\ttype PropType,\n\ttype Ref,\n\tref,\n\ttype ShallowRef,\n\tuseTemplateRef,\n\twatchEffect,\n} from \"vue\";\n\n/**\n * 背景渲染组件的引用\n */\nexport interface BackgroundRenderRef {\n\t/**\n\t * 背景渲染实例引用\n\t */\n\tbgRender?: Ref<AbstractBaseRenderer | undefined>;\n\t/**\n\t * 将背景渲染实例的元素包裹起来的 DIV 元素实例\n\t */\n\twrapperEl: Readonly<ShallowRef<HTMLDivElement | null>>;\n}\n\nconst backgroundRenderProps = {\n\t/**\n\t * 设置背景专辑资源\n\t */\n\talbum: {\n\t\ttype: [String, Object] as PropType<\n\t\t\tstring | HTMLImageElement | HTMLVideoElement\n\t\t>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置专辑资源是否为视频\n\t */\n\talbumIsVideo: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前背景动画帧率，如果为 `undefined` 则默认为 `30`\n\t */\n\tfps: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前播放状态，如果为 `undefined` 则默认为 `true`\n\t */\n\tplaying: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前动画流动速度，如果为 `undefined` 则默认为 `2`\n\t */\n\tflowSpeed: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置背景是否根据“是否有歌词”这个特征调整自身效果，例如有歌词时会变得更加活跃\n\t *\n\t * 部分渲染器会根据这个特征调整自身效果\n\t *\n\t * 如果不确定是否需要赋值或无法知晓是否包含歌词，请传入 true 或不做任何处理（默认值为 true）\n\t */\n\thasLyric: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置低频的音量大小，范围在 80hz-120hz 之间为宜，取值范围在 [0.0-1.0] 之间\n\t *\n\t * 部分渲染器会根据音量大小调整背景效果（例如根据鼓点跳动）\n\t *\n\t * 如果无法获取到类似的数据，请传入 undefined 或 1.0 作为默认值，或不做任何处理（默认值即 1.0）\n\t */\n\tlowFreqVolume: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前渲染缩放比例，如果为 `undefined` 则默认为 `0.5`\n\t */\n\trenderScale: {\n\t\ttype: Number,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`\n\t * 默认渲染器有可能会随着版本更新而更换\n\t */\n\trenderer: {\n\t\ttype: Object as PropType<{\n\t\t\tnew (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;\n\t\t}>,\n\t\trequired: false,\n\t},\n} as const;\n\nexport type BackgroundRenderProps = ExtractPublicPropTypes<\n\ttypeof backgroundRenderProps\n>;\n\nexport const BackgroundRender = defineComponent({\n\tname: \"BackgroundRender\",\n\tprops: backgroundRenderProps,\n\tsetup(props, { expose }) {\n\t\tconst wrapperRef = useTemplateRef<HTMLDivElement>(\"wrapper-ref\");\n\t\tconst bgRenderRef = ref<AbstractBaseRenderer>();\n\n\t\tonMounted(() => {\n\t\t\tif (wrapperRef.value) {\n\t\t\t\tbgRenderRef.value = CoreBackgroundRender.new(\n\t\t\t\t\tprops.renderer ?? MeshGradientRenderer,\n\t\t\t\t);\n\t\t\t\tconst el = bgRenderRef.value.getElement();\n\t\t\t\tel.style.width = \"100%\";\n\t\t\t\tel.style.height = \"100%\";\n\t\t\t\twrapperRef.value.appendChild(el);\n\t\t\t}\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tif (bgRenderRef.value) {\n\t\t\t\tbgRenderRef.value.dispose();\n\t\t\t}\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.album)\n\t\t\t\tbgRenderRef.value?.setAlbum(props.album, props.albumIsVideo);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.fps) bgRenderRef.value?.setFPS(props.fps);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.playing) bgRenderRef.value?.pause();\n\t\t\telse bgRenderRef.value?.resume();\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.flowSpeed) bgRenderRef.value?.setFlowSpeed(props.flowSpeed);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.renderScale)\n\t\t\t\tbgRenderRef.value?.setRenderScale(props.renderScale);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.lowFreqVolume)\n\t\t\t\tbgRenderRef.value?.setLowFreqVolume(props.lowFreqVolume);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.hasLyric !== undefined)\n\t\t\t\tbgRenderRef.value?.setHasLyric(props.hasLyric ?? true);\n\t\t});\n\n\t\texpose<BackgroundRenderRef>({\n\t\t\tbgRender: bgRenderRef,\n\t\t\twrapperEl: wrapperRef,\n\t\t});\n\n\t\treturn () => <div style=\"display: contents;\" ref=\"wrapper-ref\" />;\n\t},\n});\n","import {\n\ttype BaseRenderer,\n\tLyricPlayer as CoreLyricPlayer,\n\ttype LyricLine,\n\ttype LyricLineMouseEvent,\n\ttype LyricPlayerBase,\n\tMaskObsceneWordsMode,\n\ttype OptimizeLyricOptions,\n\ttype spring,\n} from \"@applemusic-like-lyrics/core\";\nimport {\n\tcomputed,\n\tdefineComponent,\n\ttype ExtractPublicPropTypes,\n\tonMounted,\n\tonUnmounted,\n\ttype PropType,\n\ttype Ref,\n\tref,\n\ttype ShallowRef,\n\ttype SlotsType,\n\tTeleport,\n\tuseTemplateRef,\n\twatch,\n\twatchEffect,\n} from \"vue\";\n\nconst lyricPlayerProps = {\n\t/**\n\t * 是否禁用歌词播放组件，默认为 `false`，歌词组件启用后将会开始逐帧更新歌词的动画效果，并对传入的其他参数变更做出反馈。\n\t *\n\t * 如果禁用了歌词组件动画，你也可以通过引用取得原始渲染组件实例，手动逐帧调用其 `update` 函数来更新动画效果。\n\t */\n\tdisabled: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\t/**\n\t * 是否演出部分效果，目前会控制播放间奏点的动画的播放暂停与否，默认为 `true`\n\t */\n\tplaying: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置歌词行的对齐方式，如果为 `undefined` 则默认为 `center`\n\t *\n\t * - 设置成 `top` 的话将会向目标歌词行的顶部对齐\n\t * - 设置成 `bottom` 的话将会向目标歌词行的底部对齐\n\t * - 设置成 `center` 的话将会向目标歌词行的垂直中心对齐\n\t */\n\talignAnchor: {\n\t\ttype: String as PropType<\"top\" | \"bottom\" | \"center\">,\n\t\tdefault: \"center\",\n\t},\n\t/**\n\t * 设置默认的歌词行对齐位置，相对于整个歌词播放组件的大小位置，如果为 `undefined`\n\t * 则默认为 `0.5`\n\t *\n\t * 可以设置一个 `[0.0-1.0]` 之间的任意数字，代表组件高度由上到下的比例位置\n\t */\n\talignPosition: {\n\t\ttype: Number,\n\t\tdefault: 0.5,\n\t},\n\t/**\n\t * 设置是否使用物理弹簧算法实现歌词动画效果，默认启用\n\t *\n\t * 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行\n\t *\n\t * 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一\n\t */\n\tenableSpring: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置是否启用歌词行的模糊效果，默认为 `true`\n\t */\n\tenableBlur: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置是否使用物理弹簧算法实现歌词动画效果，默认启用\n\t *\n\t * 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行\n\t *\n\t * 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一\n\t */\n\tenableScale: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * 设置是否隐藏已经播放过的歌词行，默认不隐藏\n\t */\n\thidePassedLines: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\t/**\n\t * 设置歌词中不雅用语的掩码模式，默认为 `MaskObsceneWordsMode.Disabled`，即不掩码\n\t */\n\tmaskObsceneWordsMode: {\n\t\ttype: String as PropType<MaskObsceneWordsMode>,\n\t\tdefault: MaskObsceneWordsMode.Disabled,\n\t},\n\t/**\n\t * 设置不雅用语掩码使用的字符，默认为 `*`\n\t */\n\tmaskObsceneWordChar: {\n\t\ttype: String,\n\t\tdefault: \"*\",\n\t},\n\t/**\n\t * 设置歌词优化选项\n\t */\n\toptimizeOptions: {\n\t\ttype: Object as PropType<OptimizeLyricOptions>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误\n\t */\n\tlyricLines: {\n\t\ttype: Object as PropType<LyricLine[]>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置当前播放进度，单位为毫秒且**必须是整数**，此时将会更新内部的歌词进度信息\n\t * 内部会根据调用间隔和播放进度自动决定如何滚动和显示歌词，所以这个的调用频率越快越准确越好\n\t */\n\tcurrentTime: {\n\t\ttype: Number,\n\t\tdefault: 0,\n\t},\n\t/**\n\t * 设置文字动画的渐变宽度，单位以歌词行的主文字字体大小的倍数为单位，默认为 0.5，即一个全角字符的一半宽度\n\t *\n\t * 如果要模拟 Apple Music for Android 的效果，可以设置为 1\n\t *\n\t * 如果要模拟 Apple Music for iPad 的效果，可以设置为 0.5\n\t *\n\t * 如果想要近乎禁用渐变效果，可以设置成非常接近 0 的小数（例如 `0.0001` ），但是**不可以为 0**\n\t */\n\twordFadeWidth: {\n\t\ttype: Number,\n\t\tdefault: 0.5,\n\t},\n\t/**\n\t * 设置所有歌词行在横坐标上的弹簧属性，包括重量、弹力和阻力。\n\t *\n\t * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样\n\t */\n\tlinePosXSpringParams: {\n\t\ttype: Object as PropType<Partial<spring.SpringParams>>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置所有歌词行在​纵坐标上的弹簧属性，包括重量、弹力和阻力。\n\t *\n\t * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样\n\t */\n\tlinePosYSpringParams: {\n\t\ttype: Object as PropType<Partial<spring.SpringParams>>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置所有歌词行在​缩放大小上的弹簧属性，包括重量、弹力和阻力。\n\t *\n\t * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样\n\t */\n\tlineScaleSpringParams: {\n\t\ttype: Object as PropType<Partial<spring.SpringParams>>,\n\t\trequired: false,\n\t},\n\t/**\n\t * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`\n\t * 默认渲染器有可能会随着版本更新而更换\n\t */\n\tlyricPlayer: {\n\t\ttype: Object as PropType<{\n\t\t\tnew (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;\n\t\t}>,\n\t\trequired: false,\n\t},\n} as const;\n\n/**\n * 歌词播放组件的属性\n */\nexport type LyricPlayerProps = ExtractPublicPropTypes<typeof lyricPlayerProps>;\n\nconst lyricPlayerEmits = {\n\tlineClick: (_: LyricLineMouseEvent) => true,\n\tlineContextmenu: (_: LyricLineMouseEvent) => true,\n} as const;\n\n/**\n * 歌词播放组件的事件\n */\nexport type LyricPlayerEmits = typeof lyricPlayerEmits;\n\n/**\n * 歌词播放组件的引用\n */\nexport interface LyricPlayerRef {\n\t/**\n\t * 歌词播放实例\n\t */\n\tlyricPlayer: Ref<LyricPlayerBase | undefined>;\n\t/**\n\t * 将歌词播放实例的元素包裹起来的 DIV 元素实例\n\t */\n\twrapperEl: Readonly<ShallowRef<HTMLDivElement | null>>;\n}\n\nexport const LyricPlayer = defineComponent({\n\tname: \"LyricPlayer\",\n\tprops: lyricPlayerProps,\n\temits: lyricPlayerEmits,\n\tslots: Object as SlotsType<{\n\t\t\"bottom-line\": () => void;\n\t}>,\n\tsetup(props, { expose, emit, attrs, slots }) {\n\t\tconst wrapperRef = useTemplateRef<HTMLDivElement>(\"wrapper-ref\");\n\t\tconst playerRef = ref<CoreLyricPlayer>();\n\t\tlet prevLyricLines: LyricLine[] | undefined;\n\n\t\tconst lineClickHandler = (e: Event) =>\n\t\t\temit(\"lineClick\", e as LyricLineMouseEvent);\n\t\tconst lineContextMenuHandler = (e: Event) =>\n\t\t\temit(\"lineContextmenu\", e as LyricLineMouseEvent);\n\n\t\tonMounted(() => {\n\t\t\tconst wrapper = wrapperRef.value;\n\t\t\tif (wrapper) {\n\t\t\t\tplayerRef.value = new CoreLyricPlayer();\n\t\t\t\twrapper.appendChild(playerRef.value.getElement());\n\t\t\t\tplayerRef.value.addEventListener(\"line-click\", lineClickHandler);\n\t\t\t\tplayerRef.value.addEventListener(\n\t\t\t\t\t\"line-contextmenu\",\n\t\t\t\t\tlineContextMenuHandler,\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tif (playerRef.value) {\n\t\t\t\tplayerRef.value.removeEventListener(\"line-click\", lineClickHandler);\n\t\t\t\tplayerRef.value.removeEventListener(\n\t\t\t\t\t\"line-contextmenu\",\n\t\t\t\t\tlineContextMenuHandler,\n\t\t\t\t);\n\t\t\t\tplayerRef.value.dispose();\n\t\t\t}\n\t\t});\n\n\t\twatchEffect((onCleanup) => {\n\t\t\tif (!props.disabled) {\n\t\t\t\tlet canceled = false;\n\t\t\t\tlet lastTime = -1;\n\t\t\t\tconst onFrame = (time: number) => {\n\t\t\t\t\tif (canceled) return;\n\t\t\t\t\tif (lastTime === -1) {\n\t\t\t\t\t\tlastTime = time;\n\t\t\t\t\t}\n\t\t\t\t\tplayerRef.value?.update(time - lastTime);\n\t\t\t\t\tlastTime = time;\n\t\t\t\t\trequestAnimationFrame(onFrame);\n\t\t\t\t};\n\t\t\t\trequestAnimationFrame(onFrame);\n\t\t\t\tonCleanup(() => {\n\t\t\t\t\tcanceled = true;\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\twatch(\n\t\t\t[\n\t\t\t\tplayerRef,\n\t\t\t\t() => props.lyricLines,\n\t\t\t\t() => props.optimizeOptions,\n\t\t\t\t() => props.maskObsceneWordsMode,\n\t\t\t\t() => props.maskObsceneWordChar,\n\t\t\t],\n\t\t\t([player, lyricLines]) => {\n\t\t\t\tif (!player) return;\n\n\t\t\t\tconst isLyricLinesChanged = lyricLines !== prevLyricLines;\n\t\t\t\tprevLyricLines = lyricLines;\n\n\t\t\t\tif (isLyricLinesChanged) {\n\t\t\t\t\tplayer.setLyricProcessConfig({\n\t\t\t\t\t\toptimizeOptions: props.optimizeOptions,\n\t\t\t\t\t\tmaskMode: props.maskObsceneWordsMode,\n\t\t\t\t\t\tmaskChar: props.maskObsceneWordChar,\n\t\t\t\t\t});\n\t\t\t\t\tplayer.setLyricLines(lyricLines ?? []);\n\n\t\t\t\t\tif (props.currentTime !== undefined) {\n\t\t\t\t\t\tplayer.setCurrentTime(props.currentTime, true);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tplayer.updateLyricProcessConfig({\n\t\t\t\t\t\toptimizeOptions: props.optimizeOptions,\n\t\t\t\t\t\tmaskMode: props.maskObsceneWordsMode,\n\t\t\t\t\t\tmaskChar: props.maskObsceneWordChar,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true },\n\t\t);\n\n\t\twatchEffect(() => {\n\t\t\tif (props.playing !== undefined) {\n\t\t\t\tif (props.playing) {\n\t\t\t\t\tplayerRef.value?.resume();\n\t\t\t\t} else {\n\t\t\t\t\tplayerRef.value?.pause();\n\t\t\t\t}\n\t\t\t} else playerRef.value?.resume();\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.alignAnchor !== undefined)\n\t\t\t\tplayerRef.value?.setAlignAnchor(props.alignAnchor);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.hidePassedLines !== undefined)\n\t\t\t\tplayerRef.value?.setHidePassedLines(props.hidePassedLines);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.alignPosition !== undefined)\n\t\t\t\tplayerRef.value?.setAlignPosition(props.alignPosition);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.enableSpring !== undefined)\n\t\t\t\tplayerRef.value?.setEnableSpring(props.enableSpring);\n\t\t\telse playerRef.value?.setEnableSpring(true);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.enableBlur !== undefined)\n\t\t\t\tplayerRef.value?.setEnableBlur(props.enableBlur);\n\t\t\telse playerRef.value?.setEnableBlur(true);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.enableScale !== undefined)\n\t\t\t\tplayerRef.value?.setEnableScale(props.enableScale);\n\t\t\telse playerRef.value?.setEnableScale(true);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.currentTime !== undefined)\n\t\t\t\tplayerRef.value?.setCurrentTime(props.currentTime);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.wordFadeWidth !== undefined)\n\t\t\t\tplayerRef.value?.setWordFadeWidth(props.wordFadeWidth);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.linePosXSpringParams !== undefined)\n\t\t\t\tplayerRef.value?.setLinePosXSpringParams(props.linePosXSpringParams);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.linePosYSpringParams !== undefined)\n\t\t\t\tplayerRef.value?.setLinePosYSpringParams(props.linePosYSpringParams);\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (props.lineScaleSpringParams !== undefined)\n\t\t\t\tplayerRef.value?.setLineScaleSpringParams(props.lineScaleSpringParams);\n\t\t});\n\n\t\tconst bottomLineEl = computed(() =>\n\t\t\tplayerRef.value?.getBottomLineElement(),\n\t\t);\n\n\t\texpose<LyricPlayerRef>({\n\t\t\tlyricPlayer: playerRef,\n\t\t\twrapperEl: wrapperRef,\n\t\t});\n\n\t\treturn () => (\n\t\t\t<div ref=\"wrapper-ref\" {...attrs}>\n\t\t\t\t{bottomLineEl.value && (\n\t\t\t\t\t<Teleport to={bottomLineEl.value}>\n\t\t\t\t\t\t{slots[\"bottom-line\"]?.()}\n\t\t\t\t\t</Teleport>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n});\n"],"mappings":";;AAoHA,MAAa,mBAAmB,gBAAgB;CAC/C,MAAM;CACN,OAAO;;;;EAjFP,OAAO;GACN,MAAM,CAAC,QAAQ,MAAM;GAGrB,UAAU;EACX;;;;EAIA,cAAc;GACb,MAAM;GACN,UAAU;EACX;;;;EAIA,KAAK;GACJ,MAAM;GACN,UAAU;EACX;;;;EAIA,SAAS;GACR,MAAM;GACN,UAAU;EACX;;;;EAIA,WAAW;GACV,MAAM;GACN,UAAU;EACX;;;;;;;;EAQA,UAAU;GACT,MAAM;GACN,UAAU;EACX;;;;;;;;EAQA,eAAe;GACd,MAAM;GACN,UAAU;EACX;;;;EAIA,aAAa;GACZ,MAAM;GACN,UAAU;EACX;;;;;EAKA,UAAU;GACT,MAAM;GAGN,UAAU;EACX;CASO;CACP,MAAM,OAAO,EAAE,UAAU;EACxB,MAAM,aAAa,eAA+B,aAAa;EAC/D,MAAM,cAAc,IAA0B;EAE9C,gBAAgB;GACf,IAAI,WAAW,OAAO;IACrB,YAAY,QAAQ,mBAAqB,IACxC,MAAM,YAAY,oBACnB;IACA,MAAM,KAAK,YAAY,MAAM,WAAW;IACxC,GAAG,MAAM,QAAQ;IACjB,GAAG,MAAM,SAAS;IAClB,WAAW,MAAM,YAAY,EAAE;GAChC;EACD,CAAC;EAED,kBAAkB;GACjB,IAAI,YAAY,OACf,YAAY,MAAM,QAAQ;EAE5B,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,OACT,YAAY,OAAO,SAAS,MAAM,OAAO,MAAM,YAAY;EAC7D,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,KAAK,YAAY,OAAO,OAAO,MAAM,GAAG;EACnD,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,SAAS,YAAY,OAAO,MAAM;QACvC,YAAY,OAAO,OAAO;EAChC,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,WAAW,YAAY,OAAO,aAAa,MAAM,SAAS;EACrE,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,aACT,YAAY,OAAO,eAAe,MAAM,WAAW;EACrD,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,eACT,YAAY,OAAO,iBAAiB,MAAM,aAAa;EACzD,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,aAAa,KAAA,GACtB,YAAY,OAAO,YAAY,MAAM,YAAY,IAAI;EACvD,CAAC;EAED,OAA4B;GAC3B,UAAU;GACV,WAAW;EACZ,CAAC;EAED,aAAO,YAAA,OAAA;GAAA,SAAA;GAAA,OAAA;EAAA,GAAA,IAAA;CACR;AACD,CAAC;;;AC1JD,MAAM,mBAAmB;;;;;;CAMxB,UAAU;EACT,MAAM;EACN,SAAS;CACV;;;;CAIA,SAAS;EACR,MAAM;EACN,SAAS;CACV;;;;;;;;CAQA,aAAa;EACZ,MAAM;EACN,SAAS;CACV;;;;;;;CAOA,eAAe;EACd,MAAM;EACN,SAAS;CACV;;;;;;;;CAQA,cAAc;EACb,MAAM;EACN,SAAS;CACV;;;;CAIA,YAAY;EACX,MAAM;EACN,SAAS;CACV;;;;;;;;CAQA,aAAa;EACZ,MAAM;EACN,SAAS;CACV;;;;CAIA,iBAAiB;EAChB,MAAM;EACN,SAAS;CACV;;;;CAIA,sBAAsB;EACrB,MAAM;EACN,SAAS,qBAAqB;CAC/B;;;;CAIA,qBAAqB;EACpB,MAAM;EACN,SAAS;CACV;;;;CAIA,iBAAiB;EAChB,MAAM;EACN,UAAU;CACX;;;;CAIA,YAAY;EACX,MAAM;EACN,UAAU;CACX;;;;;CAKA,aAAa;EACZ,MAAM;EACN,SAAS;CACV;;;;;;;;;;CAUA,eAAe;EACd,MAAM;EACN,SAAS;CACV;;;;;;CAMA,sBAAsB;EACrB,MAAM;EACN,UAAU;CACX;;;;;;CAMA,sBAAsB;EACrB,MAAM;EACN,UAAU;CACX;;;;;;CAMA,uBAAuB;EACtB,MAAM;EACN,UAAU;CACX;;;;;CAKA,aAAa;EACZ,MAAM;EAGN,UAAU;CACX;AACD;AA+BA,MAAa,cAAc,gBAAgB;CAC1C,MAAM;CACN,OAAO;CACP,OAAO;EA1BP,YAAY,MAA2B;EACvC,kBAAkB,MAA2B;CAyBtC;CACP,OAAO;CAGP,MAAM,OAAO,EAAE,QAAQ,MAAM,OAAO,SAAS;EAC5C,MAAM,aAAa,eAA+B,aAAa;EAC/D,MAAM,YAAY,IAAqB;EACvC,IAAI;EAEJ,MAAM,oBAAoB,MACzB,KAAK,aAAa,CAAwB;EAC3C,MAAM,0BAA0B,MAC/B,KAAK,mBAAmB,CAAwB;EAEjD,gBAAgB;GACf,MAAM,UAAU,WAAW;GAC3B,IAAI,SAAS;IACZ,UAAU,QAAQ,IAAI,cAAgB;IACtC,QAAQ,YAAY,UAAU,MAAM,WAAW,CAAC;IAChD,UAAU,MAAM,iBAAiB,cAAc,gBAAgB;IAC/D,UAAU,MAAM,iBACf,oBACA,sBACD;GACD;EACD,CAAC;EAED,kBAAkB;GACjB,IAAI,UAAU,OAAO;IACpB,UAAU,MAAM,oBAAoB,cAAc,gBAAgB;IAClE,UAAU,MAAM,oBACf,oBACA,sBACD;IACA,UAAU,MAAM,QAAQ;GACzB;EACD,CAAC;EAED,aAAa,cAAc;GAC1B,IAAI,CAAC,MAAM,UAAU;IACpB,IAAI,WAAW;IACf,IAAI,WAAW;IACf,MAAM,WAAW,SAAiB;KACjC,IAAI,UAAU;KACd,IAAI,aAAa,IAChB,WAAW;KAEZ,UAAU,OAAO,OAAO,OAAO,QAAQ;KACvC,WAAW;KACX,sBAAsB,OAAO;IAC9B;IACA,sBAAsB,OAAO;IAC7B,gBAAgB;KACf,WAAW;IACZ,CAAC;GACF;EACD,CAAC;EAED,MACC;GACC;SACM,MAAM;SACN,MAAM;SACN,MAAM;SACN,MAAM;EAAmB,IAE/B,CAAC,QAAQ,gBAAgB;GACzB,IAAI,CAAC,QAAQ;GAEb,MAAM,sBAAsB,eAAe;GAC3C,iBAAiB;GAEjB,IAAI,qBAAqB;IACxB,OAAO,sBAAsB;KAC5B,iBAAiB,MAAM;KACvB,UAAU,MAAM;KAChB,UAAU,MAAM;IACjB,CAAC;IACD,OAAO,cAAc,cAAc,CAAA,CAAE;IAErC,IAAI,MAAM,gBAAgB,KAAA,GACzB,OAAO,eAAe,MAAM,aAAa,IAAI;GAE/C,OACC,OAAO,yBAAyB;IAC/B,iBAAiB,MAAM;IACvB,UAAU,MAAM;IAChB,UAAU,MAAM;GACjB,CAAC;EAEH,GACA,EAAE,WAAW,KAAK,CACnB;EAEA,kBAAkB;GACjB,IAAI,MAAM,YAAY,KAAA,GAAW;IAChC,IAAI,MAAM,SACT,UAAU,OAAO,OAAO;SAExB,UAAU,OAAO,MAAM;GAEzB,OAAO,UAAU,OAAO,OAAO;EAChC,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,gBAAgB,KAAA,GACzB,UAAU,OAAO,eAAe,MAAM,WAAW;EACnD,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,oBAAoB,KAAA,GAC7B,UAAU,OAAO,mBAAmB,MAAM,eAAe;EAC3D,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,kBAAkB,KAAA,GAC3B,UAAU,OAAO,iBAAiB,MAAM,aAAa;EACvD,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,iBAAiB,KAAA,GAC1B,UAAU,OAAO,gBAAgB,MAAM,YAAY;QAC/C,UAAU,OAAO,gBAAgB,IAAI;EAC3C,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,eAAe,KAAA,GACxB,UAAU,OAAO,cAAc,MAAM,UAAU;QAC3C,UAAU,OAAO,cAAc,IAAI;EACzC,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,gBAAgB,KAAA,GACzB,UAAU,OAAO,eAAe,MAAM,WAAW;QAC7C,UAAU,OAAO,eAAe,IAAI;EAC1C,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,gBAAgB,KAAA,GACzB,UAAU,OAAO,eAAe,MAAM,WAAW;EACnD,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,kBAAkB,KAAA,GAC3B,UAAU,OAAO,iBAAiB,MAAM,aAAa;EACvD,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,yBAAyB,KAAA,GAClC,UAAU,OAAO,wBAAwB,MAAM,oBAAoB;EACrE,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,yBAAyB,KAAA,GAClC,UAAU,OAAO,wBAAwB,MAAM,oBAAoB;EACrE,CAAC;EAED,kBAAkB;GACjB,IAAI,MAAM,0BAA0B,KAAA,GACnC,UAAU,OAAO,yBAAyB,MAAM,qBAAqB;EACvE,CAAC;EAED,MAAM,eAAe,eACpB,UAAU,OAAO,qBAAqB,CACvC;EAEA,OAAuB;GACtB,aAAa;GACb,WAAW;EACZ,CAAC;EAED,aAAO,YAAA,OAAA,WAAA,EAAA,OAAA,cAAA,GACqB,KAAK,GAAA,CAC9B,aAAa,SAAK,YAAA,UAAA,EAAA,MACJ,aAAa,MAAK,GAAA,EAAA,eAAA,CAC9B,MAAM,cAAc,GAAG,CAAC,EAAA,CAAA,CAE1B,CAAA;CAGJ;AACD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applemusic-like-lyrics/vue",
-  "version": "0.5.2",
+  "version": "0.6.0",
   "description": "AMLL 组件库的 Vue 绑定",
   "repository": {
     "url": "https://github.com/amll-dev/applemusic-like-lyrics.git",
@@ -39,13 +39,13 @@
     }
   },
   "dependencies": {
-    "@applemusic-like-lyrics/core": "^0.5.2"
+    "@applemusic-like-lyrics/core": "^0.6.0"
   },
   "peerDependencies": {
     "vue": "*"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.8",
+    "@biomejs/biome": "^2.5.7",
     "@pixi/app": "^7.4.3",
     "@pixi/core": "^7.4.3",
     "@pixi/display": "^7.4.3",
@@ -53,12 +53,12 @@
     "@pixi/filter-color-matrix": "^7.4.3",
     "@pixi/sprite": "^7.4.3",
     "@rolldown/plugin-babel": "^0.2.3",
-    "@vue/babel-plugin-jsx": "^2.0.1",
-    "tsdown": "^0.22.0",
+    "@vue/babel-plugin-jsx": "^3.0.0",
+    "tsdown": "^0.22.14",
     "typedoc": "^0.28.17",
-    "typedoc-plugin-markdown": "^4.11.0",
-    "vue": "^3.5.30",
-    "@applemusic-like-lyrics/core": "^0.5.2"
+    "typedoc-plugin-markdown": "^4.12.0",
+    "vue": "^3.5.41",
+    "@applemusic-like-lyrics/core": "^0.6.0"
   },
   "scripts": {
     "typecheck": "tsgo -b",