@applemusic-like-lyrics/vue 0.2.0-alpha.2 → 0.2.0-alpha.4

package/dist/BackgroundRender.d.ts

@@ -79,12 +79,12 @@ declare const backgroundRenderProps: {
         readonly required: false;
     };
     /**
-     * 设置渲染器，如果为 `undefined` 则默认为 `PixiRenderer`
+     * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`
      * 默认渲染器有可能会随着版本更新而更换
      */
     readonly renderer: {
         readonly type: PropType<{
-            new (canvas: HTMLCanvasElement): BaseRenderer;
+            new (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;
         }>;
         readonly required: false;
     };
@@ -156,12 +156,12 @@ export declare const BackgroundRender: import('vue').DefineComponent<import('vue
         readonly required: false;
     };
     /**
-     * 设置渲染器，如果为 `undefined` 则默认为 `PixiRenderer`
+     * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`
      * 默认渲染器有可能会随着版本更新而更换
      */
     readonly renderer: {
         readonly type: PropType<{
-            new (canvas: HTMLCanvasElement): BaseRenderer;
+            new (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;
         }>;
         readonly required: false;
     };
@@ -231,12 +231,12 @@ export declare const BackgroundRender: import('vue').DefineComponent<import('vue
         readonly required: false;
     };
     /**
-     * 设置渲染器，如果为 `undefined` 则默认为 `PixiRenderer`
+     * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`
      * 默认渲染器有可能会随着版本更新而更换
      */
     readonly renderer: {
         readonly type: PropType<{
-            new (canvas: HTMLCanvasElement): BaseRenderer;
+            new (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;
         }>;
         readonly required: false;
     };

package/dist/LyricPlayer.d.ts

@@ -1,4 +1,4 @@
-import { LyricPlayer as CoreLyricPlayer, LyricLine, LyricLineMouseEvent, spring } from '@applemusic-like-lyrics/core';
+import { BaseRenderer, LyricPlayer as CoreLyricPlayer, LyricLine, LyricLineMouseEvent, spring } from '@applemusic-like-lyrics/core';
 import { ExtractPublicPropTypes, PropType, Ref, ShallowRef, SlotsType } from 'vue';
 declare const lyricPlayerProps: {
     /**
@@ -129,6 +129,16 @@ declare const lyricPlayerProps: {
         readonly type: PropType<Partial<spring.SpringParams>>;
         readonly required: false;
     };
+    /**
+     * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`
+     * 默认渲染器有可能会随着版本更新而更换
+     */
+    readonly lyricPlayer: {
+        readonly type: PropType<{
+            new (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;
+        }>;
+        readonly required: false;
+    };
 };
 /**
  * 歌词播放组件的属性
@@ -149,7 +159,7 @@ export interface LyricPlayerRef {
     /**
      * 歌词播放实例
      */
-    lyricPlayer: Ref<CoreLyricPlayer | undefined>;
+    lyricPlayer: Ref<typeof CoreLyricPlayer | undefined>;
     /**
      * 将歌词播放实例的元素包裹起来的 DIV 元素实例
      */
@@ -284,6 +294,16 @@ export declare const LyricPlayer: import('vue').DefineComponent<import('vue').Ex
         readonly type: PropType<Partial<spring.SpringParams>>;
         readonly required: false;
     };
+    /**
+     * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`
+     * 默认渲染器有可能会随着版本更新而更换
+     */
+    readonly lyricPlayer: {
+        readonly type: PropType<{
+            new (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;
+        }>;
+        readonly required: false;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     readonly lineClick: (_: LyricLineMouseEvent) => boolean;
     readonly lineContextmenu: (_: LyricLineMouseEvent) => boolean;
@@ -416,6 +436,16 @@ export declare const LyricPlayer: import('vue').DefineComponent<import('vue').Ex
         readonly type: PropType<Partial<spring.SpringParams>>;
         readonly required: false;
     };
+    /**
+     * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`
+     * 默认渲染器有可能会随着版本更新而更换
+     */
+    readonly lyricPlayer: {
+        readonly type: PropType<{
+            new (...args: ConstructorParameters<typeof BaseRenderer>): BaseRenderer;
+        }>;
+        readonly required: false;
+    };
 }>> & Readonly<{
     onLineClick?: ((_: LyricLineMouseEvent) => any) | undefined;
     onLineContextmenu?: ((_: LyricLineMouseEvent) => any) | undefined;

package/dist/amll-vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),o=require("@applemusic-like-lyrics/core"),w={album:{type:[String,Object],required:!1},albumIsVideo:{type:Boolean,required:!1},fps:{type:Number,required:!1},playing:{type:Boolean,required:!1},flowSpeed:{type:Number,required:!1},hasLyric:{type:Boolean,required:!1},lowFreqVolume:{type:Number,required:!1},renderScale:{type:Number,required:!1},renderer:{type:Object,required:!1}},h=n.defineComponent({name:"BackgroundRender",props:w,setup(a,{expose:c}){const f=n.useTemplateRef("wrapper-ref"),i=n.ref();return n.onMounted(()=>{if(f.value){i.value=o.BackgroundRender.new(a.renderer??o.MeshGradientRenderer);const t=i.value.getElement();t.style.width="100%",t.style.height="100%",f.value.appendChild(t)}}),n.onUnmounted(()=>{i.value&&i.value.dispose()}),n.watchEffect(()=>{var t;a.album&&((t=i.value)==null||t.setAlbum(a.album,a.albumIsVideo))}),n.watchEffect(()=>{var t;a.fps&&((t=i.value)==null||t.setFPS(a.fps))}),n.watchEffect(()=>{var t,d;a.playing?(t=i.value)==null||t.pause():(d=i.value)==null||d.resume()}),n.watchEffect(()=>{var t;a.flowSpeed&&((t=i.value)==null||t.setFlowSpeed(a.flowSpeed))}),n.watchEffect(()=>{var t;a.renderScale&&((t=i.value)==null||t.setRenderScale(a.renderScale))}),n.watchEffect(()=>{var t;a.lowFreqVolume&&((t=i.value)==null||t.setLowFreqVolume(a.lowFreqVolume))}),n.watchEffect(()=>{var t;a.hasLyric!==void 0&&((t=i.value)==null||t.setHasLyric(a.hasLyric??!0))}),c({bgRender:i,wrapperEl:f}),()=>n.createVNode("div",{style:"display: contents;",ref:"wrapper-ref"},null)}}),P={disabled:{type:Boolean,default:!1},playing:{type:Boolean,default:!0},alignAnchor:{type:String,default:"center"},alignPosition:{type:Number,default:.5},enableSpring:{type:Boolean,default:!0},enableBlur:{type:Boolean,default:!0},enableScale:{type:Boolean,default:!0},hidePassedLines:{type:Boolean,default:!1},lyricLines:{type:Object,required:!1},currentTime:{type:Number,default:0},wordFadeWidth:{type:Number,default:.5},linePosXSpringParams:{type:Object,required:!1},linePosYSpringParams:{type:Object,required:!1},lineScaleSpringParams:{type:Object,required:!1}},S={lineClick:a=>!0,lineContextmenu:a=>!0},E=n.defineComponent({name:"LyricPlayer",props:P,emits:S,slots:Object,setup(a,{expose:c,emit:f,attrs:i,slots:t}){const d=n.useTemplateRef("wrapper-ref"),l=n.ref(),m=e=>f("lineClick",e),y=e=>f("lineContextmenu",e);n.onMounted(()=>{const e=d.value;e&&(l.value=new o.LyricPlayer,e.appendChild(l.value.getElement()),l.value.addEventListener("line-click",m),l.value.addEventListener("line-contextmenu",y))}),n.onUnmounted(()=>{l.value&&(l.value.removeEventListener("line-click",m),l.value.removeEventListener("line-contextmenu",y),l.value.dispose())}),n.watchEffect(e=>{if(!a.disabled){let r=!1,u=-1;const g=s=>{var b;r||(u===-1&&(u=s),(b=l.value)==null||b.update(s-u),u=s,requestAnimationFrame(g))};requestAnimationFrame(g),e(()=>{r=!0})}}),n.watchEffect(()=>{var e,r,u;a.playing!==void 0?a.playing?(e=l.value)==null||e.resume():(r=l.value)==null||r.pause():(u=l.value)==null||u.resume()}),n.watchEffect(()=>{var e;a.alignAnchor!==void 0&&((e=l.value)==null||e.setAlignAnchor(a.alignAnchor))}),n.watchEffect(()=>{var e;a.hidePassedLines!==void 0&&((e=l.value)==null||e.setHidePassedLines(a.hidePassedLines))}),n.watchEffect(()=>{var e;a.alignPosition!==void 0&&((e=l.value)==null||e.setAlignPosition(a.alignPosition))}),n.watchEffect(()=>{var e,r;a.enableSpring!==void 0?(e=l.value)==null||e.setEnableSpring(a.enableSpring):(r=l.value)==null||r.setEnableSpring(!0)}),n.watchEffect(()=>{var e,r;a.enableBlur!==void 0?(e=l.value)==null||e.setEnableBlur(a.enableBlur):(r=l.value)==null||r.setEnableBlur(!0)}),n.watchEffect(()=>{var e,r;a.enableScale!==void 0?(e=l.value)==null||e.setEnableScale(a.enableScale):(r=l.value)==null||r.setEnableScale(!0)}),n.watchEffect(()=>{var e;a.lyricLines!==void 0&&((e=l.value)==null||e.setLyricLines(a.lyricLines))}),n.watchEffect(()=>{var e;a.currentTime!==void 0&&((e=l.value)==null||e.setCurrentTime(a.currentTime))}),n.watchEffect(()=>{var e;a.wordFadeWidth!==void 0&&((e=l.value)==null||e.setWordFadeWidth(a.wordFadeWidth))}),n.watchEffect(()=>{var e;a.linePosXSpringParams!==void 0&&((e=l.value)==null||e.setLinePosXSpringParams(a.linePosXSpringParams))}),n.watchEffect(()=>{var e;a.linePosYSpringParams!==void 0&&((e=l.value)==null||e.setLinePosYSpringParams(a.linePosYSpringParams))}),n.watchEffect(()=>{var e;a.lineScaleSpringParams!==void 0&&((e=l.value)==null||e.setLineScaleSpringParams(a.lineScaleSpringParams))});const v=n.computed(()=>{var e;return(e=l.value)==null?void 0:e.getBottomLineElement()});return c({lyricPlayer:l,wrapperEl:d}),()=>n.createVNode("div",n.mergeProps({ref:"wrapper-ref"},i),[v.value&&n.createVNode(n.Teleport,{to:v.value},{default:()=>{var e;return[(e=t["bottom-line"])==null?void 0:e.call(t)]}})])}});exports.BackgroundRender=h;exports.LyricPlayer=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),o=require("@applemusic-like-lyrics/core"),w={album:{type:[String,Object],required:!1},albumIsVideo:{type:Boolean,required:!1},fps:{type:Number,required:!1},playing:{type:Boolean,required:!1},flowSpeed:{type:Number,required:!1},hasLyric:{type:Boolean,required:!1},lowFreqVolume:{type:Number,required:!1},renderScale:{type:Number,required:!1},renderer:{type:Object,required:!1}},h=n.defineComponent({name:"BackgroundRender",props:w,setup(a,{expose:c}){const f=n.useTemplateRef("wrapper-ref"),i=n.ref();return n.onMounted(()=>{if(f.value){i.value=o.BackgroundRender.new(a.renderer??o.MeshGradientRenderer);const t=i.value.getElement();t.style.width="100%",t.style.height="100%",f.value.appendChild(t)}}),n.onUnmounted(()=>{i.value&&i.value.dispose()}),n.watchEffect(()=>{var t;a.album&&((t=i.value)==null||t.setAlbum(a.album,a.albumIsVideo))}),n.watchEffect(()=>{var t;a.fps&&((t=i.value)==null||t.setFPS(a.fps))}),n.watchEffect(()=>{var t,d;a.playing?(t=i.value)==null||t.pause():(d=i.value)==null||d.resume()}),n.watchEffect(()=>{var t;a.flowSpeed&&((t=i.value)==null||t.setFlowSpeed(a.flowSpeed))}),n.watchEffect(()=>{var t;a.renderScale&&((t=i.value)==null||t.setRenderScale(a.renderScale))}),n.watchEffect(()=>{var t;a.lowFreqVolume&&((t=i.value)==null||t.setLowFreqVolume(a.lowFreqVolume))}),n.watchEffect(()=>{var t;a.hasLyric!==void 0&&((t=i.value)==null||t.setHasLyric(a.hasLyric??!0))}),c({bgRender:i,wrapperEl:f}),()=>n.createVNode("div",{style:"display: contents;",ref:"wrapper-ref"},null)}}),P={disabled:{type:Boolean,default:!1},playing:{type:Boolean,default:!0},alignAnchor:{type:String,default:"center"},alignPosition:{type:Number,default:.5},enableSpring:{type:Boolean,default:!0},enableBlur:{type:Boolean,default:!0},enableScale:{type:Boolean,default:!0},hidePassedLines:{type:Boolean,default:!1},lyricLines:{type:Object,required:!1},currentTime:{type:Number,default:0},wordFadeWidth:{type:Number,default:.5},linePosXSpringParams:{type:Object,required:!1},linePosYSpringParams:{type:Object,required:!1},lineScaleSpringParams:{type:Object,required:!1},lyricPlayer:{type:Object,required:!1}},S={lineClick:a=>!0,lineContextmenu:a=>!0},E=n.defineComponent({name:"LyricPlayer",props:P,emits:S,slots:Object,setup(a,{expose:c,emit:f,attrs:i,slots:t}){const d=n.useTemplateRef("wrapper-ref"),l=n.ref(),m=e=>f("lineClick",e),y=e=>f("lineContextmenu",e);n.onMounted(()=>{const e=d.value;e&&(l.value=new o.LyricPlayer,e.appendChild(l.value.getElement()),l.value.addEventListener("line-click",m),l.value.addEventListener("line-contextmenu",y))}),n.onUnmounted(()=>{l.value&&(l.value.removeEventListener("line-click",m),l.value.removeEventListener("line-contextmenu",y),l.value.dispose())}),n.watchEffect(e=>{if(!a.disabled){let r=!1,u=-1;const g=s=>{var b;r||(u===-1&&(u=s),(b=l.value)==null||b.update(s-u),u=s,requestAnimationFrame(g))};requestAnimationFrame(g),e(()=>{r=!0})}}),n.watchEffect(()=>{var e,r,u;a.playing!==void 0?a.playing?(e=l.value)==null||e.resume():(r=l.value)==null||r.pause():(u=l.value)==null||u.resume()}),n.watchEffect(()=>{var e;a.alignAnchor!==void 0&&((e=l.value)==null||e.setAlignAnchor(a.alignAnchor))}),n.watchEffect(()=>{var e;a.hidePassedLines!==void 0&&((e=l.value)==null||e.setHidePassedLines(a.hidePassedLines))}),n.watchEffect(()=>{var e;a.alignPosition!==void 0&&((e=l.value)==null||e.setAlignPosition(a.alignPosition))}),n.watchEffect(()=>{var e,r;a.enableSpring!==void 0?(e=l.value)==null||e.setEnableSpring(a.enableSpring):(r=l.value)==null||r.setEnableSpring(!0)}),n.watchEffect(()=>{var e,r;a.enableBlur!==void 0?(e=l.value)==null||e.setEnableBlur(a.enableBlur):(r=l.value)==null||r.setEnableBlur(!0)}),n.watchEffect(()=>{var e,r;a.enableScale!==void 0?(e=l.value)==null||e.setEnableScale(a.enableScale):(r=l.value)==null||r.setEnableScale(!0)}),n.watchEffect(()=>{var e;a.lyricLines!==void 0&&((e=l.value)==null||e.setLyricLines(a.lyricLines))}),n.watchEffect(()=>{var e;a.currentTime!==void 0&&((e=l.value)==null||e.setCurrentTime(a.currentTime))}),n.watchEffect(()=>{var e;a.wordFadeWidth!==void 0&&((e=l.value)==null||e.setWordFadeWidth(a.wordFadeWidth))}),n.watchEffect(()=>{var e;a.linePosXSpringParams!==void 0&&((e=l.value)==null||e.setLinePosXSpringParams(a.linePosXSpringParams))}),n.watchEffect(()=>{var e;a.linePosYSpringParams!==void 0&&((e=l.value)==null||e.setLinePosYSpringParams(a.linePosYSpringParams))}),n.watchEffect(()=>{var e;a.lineScaleSpringParams!==void 0&&((e=l.value)==null||e.setLineScaleSpringParams(a.lineScaleSpringParams))});const v=n.computed(()=>{var e;return(e=l.value)==null?void 0:e.getBottomLineElement()});return c({lyricPlayer:l,wrapperEl:d}),()=>n.createVNode("div",n.mergeProps({ref:"wrapper-ref"},i),[v.value&&n.createVNode(n.Teleport,{to:v.value},{default:()=>{var e;return[(e=t["bottom-line"])==null?void 0:e.call(t)]}})])}});exports.BackgroundRender=h;exports.LyricPlayer=E;
 //# sourceMappingURL=amll-vue.cjs.map

package/dist/amll-vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"amll-vue.cjs","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\ttype ExtractPublicPropTypes,\n\ttype PropType,\n\ttype Ref,\n\ttype ShallowRef,\n\tdefineComponent,\n\tonMounted,\n\tonUnmounted,\n\tref,\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` 则默认为 `PixiRenderer`\n\t * 默认渲染器有可能会随着版本更新而更换\n\t */\n\trenderer: {\n\t\ttype: Object as PropType<{\n\t\t\tnew (canvas: HTMLCanvasElement): 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\tLyricPlayer as CoreLyricPlayer,\n\ttype LyricLine,\n\ttype LyricLineMouseEvent,\n\ttype spring,\n} from \"@applemusic-like-lyrics/core\";\nimport {\n\ttype ExtractPublicPropTypes,\n\ttype PropType,\n\ttype Ref,\n\ttype ShallowRef,\n\ttype SlotsType,\n\tTeleport,\n\tcomputed,\n\tdefineComponent,\n\tonMounted,\n\tonUnmounted,\n\tref,\n\tuseTemplateRef,\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 * 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误\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} 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<CoreLyricPlayer | 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.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.lyricLines !== undefined)\n\t\t\t\tplayerRef.value?.setLyricLines(props.lyricLines);\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"],"names":["backgroundRenderProps","album","type","String","Object","required","albumIsVideo","Boolean","fps","Number","playing","flowSpeed","hasLyric","lowFreqVolume","renderScale","renderer","BackgroundRender","defineComponent","name","props","setup","expose","wrapperRef","useTemplateRef","bgRenderRef","ref","onMounted","value","CoreBackgroundRender","new","MeshGradientRenderer","el","getElement","style","width","height","appendChild","onUnmounted","dispose","watchEffect","setAlbum","setFPS","pause","resume","setFlowSpeed","setRenderScale","setLowFreqVolume","undefined","setHasLyric","bgRender","wrapperEl","_createVNode","lyricPlayerProps","disabled","default","alignAnchor","alignPosition","enableSpring","enableBlur","enableScale","hidePassedLines","lyricLines","currentTime","wordFadeWidth","linePosXSpringParams","linePosYSpringParams","lineScaleSpringParams","lyricPlayerEmits","lineClick","_","lineContextmenu","LyricPlayer","emits","slots","emit","attrs","playerRef","lineClickHandler","e","lineContextMenuHandler","wrapper","CoreLyricPlayer","addEventListener","removeEventListener","onCleanup","canceled","lastTime","onFrame","time","update","requestAnimationFrame","setAlignAnchor","setHidePassedLines","setAlignPosition","setEnableSpring","setEnableBlur","setEnableScale","setLyricLines","setCurrentTime","setWordFadeWidth","setLinePosXSpringParams","setLinePosYSpringParams","setLineScaleSpringParams","bottomLineEl","computed","getBottomLineElement","lyricPlayer","_mergeProps","Teleport"],"mappings":"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"}
+{"version":3,"file":"amll-vue.cjs","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\ttype ExtractPublicPropTypes,\n\ttype PropType,\n\ttype Ref,\n\ttype ShallowRef,\n\tdefineComponent,\n\tonMounted,\n\tonUnmounted,\n\tref,\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 spring,\n} from \"@applemusic-like-lyrics/core\";\nimport {\n\ttype ExtractPublicPropTypes,\n\ttype PropType,\n\ttype Ref,\n\ttype ShallowRef,\n\ttype SlotsType,\n\tTeleport,\n\tcomputed,\n\tdefineComponent,\n\tonMounted,\n\tonUnmounted,\n\tref,\n\tuseTemplateRef,\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 * 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误\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<typeof CoreLyricPlayer | 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.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.lyricLines !== undefined)\n\t\t\t\tplayerRef.value?.setLyricLines(props.lyricLines);\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"],"names":["backgroundRenderProps","album","type","String","Object","required","albumIsVideo","Boolean","fps","Number","playing","flowSpeed","hasLyric","lowFreqVolume","renderScale","renderer","BackgroundRender","defineComponent","name","props","setup","expose","wrapperRef","useTemplateRef","bgRenderRef","ref","onMounted","value","CoreBackgroundRender","new","MeshGradientRenderer","el","getElement","style","width","height","appendChild","onUnmounted","dispose","watchEffect","setAlbum","setFPS","pause","resume","setFlowSpeed","setRenderScale","setLowFreqVolume","undefined","setHasLyric","bgRender","wrapperEl","_createVNode","lyricPlayerProps","disabled","default","alignAnchor","alignPosition","enableSpring","enableBlur","enableScale","hidePassedLines","lyricLines","currentTime","wordFadeWidth","linePosXSpringParams","linePosYSpringParams","lineScaleSpringParams","lyricPlayer","lyricPlayerEmits","lineClick","_","lineContextmenu","LyricPlayer","emits","slots","emit","attrs","playerRef","lineClickHandler","e","lineContextMenuHandler","wrapper","CoreLyricPlayer","addEventListener","removeEventListener","onCleanup","canceled","lastTime","onFrame","time","update","requestAnimationFrame","setAlignAnchor","setHidePassedLines","setAlignPosition","setEnableSpring","setEnableBlur","setEnableScale","setLyricLines","setCurrentTime","setWordFadeWidth","setLinePosXSpringParams","setLinePosYSpringParams","setLineScaleSpringParams","bottomLineEl","computed","getBottomLineElement","_mergeProps","Teleport"],"mappings":"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"}

package/dist/amll-vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as P, useTemplateRef as S, ref as L, onMounted as w, onUnmounted as h, watchEffect as i, createVNode as o, computed as q, mergeProps as B, Teleport as E } from "vue";
-import { BackgroundRender as p, MeshGradientRenderer as R, LyricPlayer as F } from "@applemusic-like-lyrics/core";
+import { defineComponent as P, useTemplateRef as S, ref as L, onMounted as w, onUnmounted as h, watchEffect as i, createVNode as o, computed as q, mergeProps as B, Teleport as p } from "vue";
+import { BackgroundRender as E, MeshGradientRenderer as R, LyricPlayer as F } from "@applemusic-like-lyrics/core";
 const k = {
   /**
    * 设置背景专辑资源
@@ -66,7 +66,7 @@ const k = {
     required: !1
   },
   /**
-   * 设置渲染器，如果为 `undefined` 则默认为 `PixiRenderer`
+   * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`
    * 默认渲染器有可能会随着版本更新而更换
    */
   renderer: {
@@ -76,13 +76,13 @@ const k = {
 }, O = /* @__PURE__ */ P({
   name: "BackgroundRender",
   props: k,
-  setup(n, {
+  setup(l, {
     expose: f
   }) {
     const d = S("wrapper-ref"), r = L();
     return w(() => {
       if (d.value) {
-        r.value = p.new(n.renderer ?? R);
+        r.value = E.new(l.renderer ?? R);
         const a = r.value.getElement();
         a.style.width = "100%", a.style.height = "100%", d.value.appendChild(a);
       }
@@ -90,25 +90,25 @@ const k = {
       r.value && r.value.dispose();
     }), i(() => {
       var a;
-      n.album && ((a = r.value) == null || a.setAlbum(n.album, n.albumIsVideo));
+      l.album && ((a = r.value) == null || a.setAlbum(l.album, l.albumIsVideo));
     }), i(() => {
       var a;
-      n.fps && ((a = r.value) == null || a.setFPS(n.fps));
+      l.fps && ((a = r.value) == null || a.setFPS(l.fps));
     }), i(() => {
       var a, s;
-      n.playing ? (a = r.value) == null || a.pause() : (s = r.value) == null || s.resume();
+      l.playing ? (a = r.value) == null || a.pause() : (s = r.value) == null || s.resume();
     }), i(() => {
       var a;
-      n.flowSpeed && ((a = r.value) == null || a.setFlowSpeed(n.flowSpeed));
+      l.flowSpeed && ((a = r.value) == null || a.setFlowSpeed(l.flowSpeed));
     }), i(() => {
       var a;
-      n.renderScale && ((a = r.value) == null || a.setRenderScale(n.renderScale));
+      l.renderScale && ((a = r.value) == null || a.setRenderScale(l.renderScale));
     }), i(() => {
       var a;
-      n.lowFreqVolume && ((a = r.value) == null || a.setLowFreqVolume(n.lowFreqVolume));
+      l.lowFreqVolume && ((a = r.value) == null || a.setLowFreqVolume(l.lowFreqVolume));
     }), i(() => {
       var a;
-      n.hasLyric !== void 0 && ((a = r.value) == null || a.setHasLyric(n.hasLyric ?? !0));
+      l.hasLyric !== void 0 && ((a = r.value) == null || a.setHasLyric(l.hasLyric ?? !0));
     }), f({
       bgRender: r,
       wrapperEl: d
@@ -245,33 +245,41 @@ const k = {
   lineScaleSpringParams: {
     type: Object,
     required: !1
+  },
+  /**
+   * 设置渲染器，如果为 `undefined` 则默认为 `MeshGradientRenderer`
+   * 默认渲染器有可能会随着版本更新而更换
+   */
+  lyricPlayer: {
+    type: Object,
+    required: !1
   }
 }, A = {
-  lineClick: (n) => !0,
-  lineContextmenu: (n) => !0
+  lineClick: (l) => !0,
+  lineContextmenu: (l) => !0
 }, T = /* @__PURE__ */ P({
   name: "LyricPlayer",
   props: C,
   emits: A,
   slots: Object,
-  setup(n, {
+  setup(l, {
     expose: f,
     emit: d,
     attrs: r,
     slots: a
   }) {
-    const s = S("wrapper-ref"), l = L(), m = (e) => d("lineClick", e), y = (e) => d("lineContextmenu", e);
+    const s = S("wrapper-ref"), n = L(), m = (e) => d("lineClick", e), y = (e) => d("lineContextmenu", e);
     w(() => {
       const e = s.value;
-      e && (l.value = new F(), e.appendChild(l.value.getElement()), l.value.addEventListener("line-click", m), l.value.addEventListener("line-contextmenu", y));
+      e && (n.value = new F(), e.appendChild(n.value.getElement()), n.value.addEventListener("line-click", m), n.value.addEventListener("line-contextmenu", y));
     }), h(() => {
-      l.value && (l.value.removeEventListener("line-click", m), l.value.removeEventListener("line-contextmenu", y), l.value.dispose());
+      n.value && (n.value.removeEventListener("line-click", m), n.value.removeEventListener("line-contextmenu", y), n.value.dispose());
     }), i((e) => {
-      if (!n.disabled) {
+      if (!l.disabled) {
         let t = !1, u = -1;
         const g = (c) => {
           var b;
-          t || (u === -1 && (u = c), (b = l.value) == null || b.update(c - u), u = c, requestAnimationFrame(g));
+          t || (u === -1 && (u = c), (b = n.value) == null || b.update(c - u), u = c, requestAnimationFrame(g));
         };
         requestAnimationFrame(g), e(() => {
           t = !0;
@@ -279,54 +287,54 @@ const k = {
       }
     }), i(() => {
       var e, t, u;
-      n.playing !== void 0 ? n.playing ? (e = l.value) == null || e.resume() : (t = l.value) == null || t.pause() : (u = l.value) == null || u.resume();
+      l.playing !== void 0 ? l.playing ? (e = n.value) == null || e.resume() : (t = n.value) == null || t.pause() : (u = n.value) == null || u.resume();
     }), i(() => {
       var e;
-      n.alignAnchor !== void 0 && ((e = l.value) == null || e.setAlignAnchor(n.alignAnchor));
+      l.alignAnchor !== void 0 && ((e = n.value) == null || e.setAlignAnchor(l.alignAnchor));
     }), i(() => {
       var e;
-      n.hidePassedLines !== void 0 && ((e = l.value) == null || e.setHidePassedLines(n.hidePassedLines));
+      l.hidePassedLines !== void 0 && ((e = n.value) == null || e.setHidePassedLines(l.hidePassedLines));
     }), i(() => {
       var e;
-      n.alignPosition !== void 0 && ((e = l.value) == null || e.setAlignPosition(n.alignPosition));
+      l.alignPosition !== void 0 && ((e = n.value) == null || e.setAlignPosition(l.alignPosition));
     }), i(() => {
       var e, t;
-      n.enableSpring !== void 0 ? (e = l.value) == null || e.setEnableSpring(n.enableSpring) : (t = l.value) == null || t.setEnableSpring(!0);
+      l.enableSpring !== void 0 ? (e = n.value) == null || e.setEnableSpring(l.enableSpring) : (t = n.value) == null || t.setEnableSpring(!0);
     }), i(() => {
       var e, t;
-      n.enableBlur !== void 0 ? (e = l.value) == null || e.setEnableBlur(n.enableBlur) : (t = l.value) == null || t.setEnableBlur(!0);
+      l.enableBlur !== void 0 ? (e = n.value) == null || e.setEnableBlur(l.enableBlur) : (t = n.value) == null || t.setEnableBlur(!0);
     }), i(() => {
       var e, t;
-      n.enableScale !== void 0 ? (e = l.value) == null || e.setEnableScale(n.enableScale) : (t = l.value) == null || t.setEnableScale(!0);
+      l.enableScale !== void 0 ? (e = n.value) == null || e.setEnableScale(l.enableScale) : (t = n.value) == null || t.setEnableScale(!0);
     }), i(() => {
       var e;
-      n.lyricLines !== void 0 && ((e = l.value) == null || e.setLyricLines(n.lyricLines));
+      l.lyricLines !== void 0 && ((e = n.value) == null || e.setLyricLines(l.lyricLines));
     }), i(() => {
       var e;
-      n.currentTime !== void 0 && ((e = l.value) == null || e.setCurrentTime(n.currentTime));
+      l.currentTime !== void 0 && ((e = n.value) == null || e.setCurrentTime(l.currentTime));
     }), i(() => {
       var e;
-      n.wordFadeWidth !== void 0 && ((e = l.value) == null || e.setWordFadeWidth(n.wordFadeWidth));
+      l.wordFadeWidth !== void 0 && ((e = n.value) == null || e.setWordFadeWidth(l.wordFadeWidth));
     }), i(() => {
       var e;
-      n.linePosXSpringParams !== void 0 && ((e = l.value) == null || e.setLinePosXSpringParams(n.linePosXSpringParams));
+      l.linePosXSpringParams !== void 0 && ((e = n.value) == null || e.setLinePosXSpringParams(l.linePosXSpringParams));
     }), i(() => {
       var e;
-      n.linePosYSpringParams !== void 0 && ((e = l.value) == null || e.setLinePosYSpringParams(n.linePosYSpringParams));
+      l.linePosYSpringParams !== void 0 && ((e = n.value) == null || e.setLinePosYSpringParams(l.linePosYSpringParams));
     }), i(() => {
       var e;
-      n.lineScaleSpringParams !== void 0 && ((e = l.value) == null || e.setLineScaleSpringParams(n.lineScaleSpringParams));
+      l.lineScaleSpringParams !== void 0 && ((e = n.value) == null || e.setLineScaleSpringParams(l.lineScaleSpringParams));
     });
     const v = q(() => {
       var e;
-      return (e = l.value) == null ? void 0 : e.getBottomLineElement();
+      return (e = n.value) == null ? void 0 : e.getBottomLineElement();
     });
     return f({
-      lyricPlayer: l,
+      lyricPlayer: n,
       wrapperEl: s
     }), () => o("div", B({
       ref: "wrapper-ref"
-    }, r), [v.value && o(E, {
+    }, r), [v.value && o(p, {
       to: v.value
     }, {
       default: () => {

package/dist/amll-vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"amll-vue.js","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\ttype ExtractPublicPropTypes,\n\ttype PropType,\n\ttype Ref,\n\ttype ShallowRef,\n\tdefineComponent,\n\tonMounted,\n\tonUnmounted,\n\tref,\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` 则默认为 `PixiRenderer`\n\t * 默认渲染器有可能会随着版本更新而更换\n\t */\n\trenderer: {\n\t\ttype: Object as PropType<{\n\t\t\tnew (canvas: HTMLCanvasElement): 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\tLyricPlayer as CoreLyricPlayer,\n\ttype LyricLine,\n\ttype LyricLineMouseEvent,\n\ttype spring,\n} from \"@applemusic-like-lyrics/core\";\nimport {\n\ttype ExtractPublicPropTypes,\n\ttype PropType,\n\ttype Ref,\n\ttype ShallowRef,\n\ttype SlotsType,\n\tTeleport,\n\tcomputed,\n\tdefineComponent,\n\tonMounted,\n\tonUnmounted,\n\tref,\n\tuseTemplateRef,\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 * 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误\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} 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<CoreLyricPlayer | 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.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.lyricLines !== undefined)\n\t\t\t\tplayerRef.value?.setLyricLines(props.lyricLines);\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"],"names":["backgroundRenderProps","album","type","String","Object","required","albumIsVideo","Boolean","fps","Number","playing","flowSpeed","hasLyric","lowFreqVolume","renderScale","renderer","BackgroundRender","defineComponent","name","props","setup","expose","wrapperRef","useTemplateRef","bgRenderRef","ref","onMounted","value","CoreBackgroundRender","new","MeshGradientRenderer","el","getElement","style","width","height","appendChild","onUnmounted","dispose","watchEffect","setAlbum","setFPS","pause","resume","setFlowSpeed","setRenderScale","setLowFreqVolume","undefined","setHasLyric","bgRender","wrapperEl","_createVNode","lyricPlayerProps","disabled","default","alignAnchor","alignPosition","enableSpring","enableBlur","enableScale","hidePassedLines","lyricLines","currentTime","wordFadeWidth","linePosXSpringParams","linePosYSpringParams","lineScaleSpringParams","lyricPlayerEmits","lineClick","_","lineContextmenu","LyricPlayer","emits","slots","emit","attrs","playerRef","lineClickHandler","e","lineContextMenuHandler","wrapper","CoreLyricPlayer","addEventListener","removeEventListener","onCleanup","canceled","lastTime","onFrame","time","update","requestAnimationFrame","setAlignAnchor","setHidePassedLines","setAlignPosition","setEnableSpring","setEnableBlur","setEnableScale","setLyricLines","setCurrentTime","setWordFadeWidth","setLinePosXSpringParams","setLinePosYSpringParams","setLineScaleSpringParams","bottomLineEl","computed","getBottomLineElement","lyricPlayer","_mergeProps","Teleport"],"mappings":"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"}
+{"version":3,"file":"amll-vue.js","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\ttype ExtractPublicPropTypes,\n\ttype PropType,\n\ttype Ref,\n\ttype ShallowRef,\n\tdefineComponent,\n\tonMounted,\n\tonUnmounted,\n\tref,\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 spring,\n} from \"@applemusic-like-lyrics/core\";\nimport {\n\ttype ExtractPublicPropTypes,\n\ttype PropType,\n\ttype Ref,\n\ttype ShallowRef,\n\ttype SlotsType,\n\tTeleport,\n\tcomputed,\n\tdefineComponent,\n\tonMounted,\n\tonUnmounted,\n\tref,\n\tuseTemplateRef,\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 * 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误\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<typeof CoreLyricPlayer | 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.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.lyricLines !== undefined)\n\t\t\t\tplayerRef.value?.setLyricLines(props.lyricLines);\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"],"names":["backgroundRenderProps","album","type","String","Object","required","albumIsVideo","Boolean","fps","Number","playing","flowSpeed","hasLyric","lowFreqVolume","renderScale","renderer","BackgroundRender","defineComponent","name","props","setup","expose","wrapperRef","useTemplateRef","bgRenderRef","ref","onMounted","value","CoreBackgroundRender","new","MeshGradientRenderer","el","getElement","style","width","height","appendChild","onUnmounted","dispose","watchEffect","setAlbum","setFPS","pause","resume","setFlowSpeed","setRenderScale","setLowFreqVolume","undefined","setHasLyric","bgRender","wrapperEl","_createVNode","lyricPlayerProps","disabled","default","alignAnchor","alignPosition","enableSpring","enableBlur","enableScale","hidePassedLines","lyricLines","currentTime","wordFadeWidth","linePosXSpringParams","linePosYSpringParams","lineScaleSpringParams","lyricPlayer","lyricPlayerEmits","lineClick","_","lineContextmenu","LyricPlayer","emits","slots","emit","attrs","playerRef","lineClickHandler","e","lineContextMenuHandler","wrapper","CoreLyricPlayer","addEventListener","removeEventListener","onCleanup","canceled","lastTime","onFrame","time","update","requestAnimationFrame","setAlignAnchor","setHidePassedLines","setAlignPosition","setEnableSpring","setEnableBlur","setEnableScale","setLyricLines","setCurrentTime","setWordFadeWidth","setLinePosXSpringParams","setLinePosYSpringParams","setLineScaleSpringParams","bottomLineEl","computed","getBottomLineElement","_mergeProps","Teleport"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applemusic-like-lyrics/vue",
-  "version": "0.2.0-alpha.2",
+  "version": "0.2.0-alpha.4",
   "description": "AMLL 组件库的 Vue 绑定",
   "repository": {
     "url": "https://github.com/Steve-xmh/applemusic-like-lyrics.git",
@@ -23,30 +23,30 @@
     }
   },
   "dependencies": {
-    "@applemusic-like-lyrics/core": "^0.2.0-alpha.2"
+    "@applemusic-like-lyrics/core": "^0.2.0-alpha.4"
   },
   "peerDependencies": {
     "vue": "*"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.8.3",
-    "@pixi/app": "^7.2.4",
-    "@pixi/core": "^7.2.4",
-    "@pixi/display": "^7.2.4",
-    "@pixi/filter-blur": "^7.2.4",
-    "@pixi/filter-color-matrix": "^7.2.4",
-    "@pixi/sprite": "^7.2.4",
-    "@vitejs/plugin-vue": "^4.2.3",
+    "@biomejs/biome": "^1.9.4",
+    "@pixi/app": "^7.4.2",
+    "@pixi/core": "^7.4.2",
+    "@pixi/display": "^7.4.2",
+    "@pixi/filter-blur": "^7.4.2",
+    "@pixi/filter-color-matrix": "^7.4.2",
+    "@pixi/sprite": "^7.4.2",
+    "@vitejs/plugin-vue": "^5.1.4",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
-    "@vue/tsconfig": "^0.4.0",
-    "typedoc": "^0.26.5",
-    "typedoc-plugin-markdown": "^4.2.3",
-    "typescript": "^5.5.4",
-    "vite": "^5.4.0",
-    "vite-plugin-dts": "^4.0.3",
+    "@vue/tsconfig": "^0.5.1",
+    "typedoc": "^0.26.10",
+    "typedoc-plugin-markdown": "^4.2.9",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
     "vite-plugin-top-level-await": "^1.4.4",
     "vite-plugin-wasm": "^3.3.0",
-    "vue": "^3.5.8",
+    "vue": "^3.5.12",
     "@applemusic-like-lyrics/lyric": "^0.2.4"
   },
   "scripts": {