✨Add audio player preset playlist options

src/assets/style/theme/acrou/index.scss

@@ -212,3 +212,15 @@ body {
     left: 0px !important;
   }
 }
+
+.aplayer {
+  .aplayer-lrc {
+    p.aplayer-lrc-current {
+      font-size: 14px;
+      color: orange;
+    }
+    p {
+      font-weight: 700;
+    }
+  }
+}

src/store/modules/acrou/modules/aplayer.js

@@ -3,6 +3,8 @@ export default {
   state: {
     player: null,
     audios: [],
+    openedAudios: [],
+    customAudios: window.themeOptions.audio.audios || [],
   },
   actions: {
     set({ state }, player) {
@@ -10,26 +12,24 @@ export default {
     },
     add({ state, dispatch }, { audio, play }) {
       return new Promise((resolve) => {
-        for (var i = 0; i < state.audios.length; i++) {
+        var index = state.openedAudios.findIndex((s) => s.id === audio.id);
-          var s = state.audios[i];
+        console.log(index);
-          if (s.id === audio.id) {
+        if (index >= 0) {
-            state.audios.splice(i, 1);
+          state.openedAudios.splice(index, 1);
-            state.player.list.remove(i);
+          state.player.list.remove(index + state.customAudios.length || 0);
-            i--;
-          }
         }
         state.player.list.add(audio);
-        state.audios.push(audio);
+        state.openedAudios.push(audio);
         if (play) {
-          var index = state.audios.length;
+          var length = state.player.list.audios.length || 1;
-          state.player.list.switch(index - 1);
+          state.player.list.switch(length - 1);
           state.player.play();
         }
         dispatch(
           "acrou/db/set",
           {
             path: "audio.list",
-            value: state.audios,
+            value: state.openedAudios,
           },
           { root: true }
         );
@@ -39,7 +39,7 @@ export default {
     load({ state, dispatch }) {
       // eslint-disable-next-line no-async-promise-executor
       return new Promise(async (resolve) => {
-        var audio = await dispatch(
+        var openedAudios = await dispatch(
           "acrou/db/get",
           {
             path: "audio.list",
@@ -47,7 +47,8 @@ export default {
           },
           { root: true }
         );
-        state.audios = audio;
+        state.openedAudios = openedAudios
+        state.audios = state.customAudios.concat(openedAudios);
         resolve();
       });
     },