lkddi/AlgerMusicPlayer
1
0
Fork 0
mirror of https://github.com/algerkong/AlgerMusicPlayer.git synced 2026-05-17 10:27:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat: 优化收藏逻辑 本地和线上同步 添加批量下载

Browse Source
This commit is contained in:
alger
2025-01-11 18:38:34 +08:00
parent 8f7d6fbb8d
commit 866fec6ee3
3 changed files with 279 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/store/index.ts
+44 -24
View File
@@ -103,23 +103,33 @@ const mutations = {
}
},
async addToFavorite(state: State, songId: number) {
try {
state.user && localStorage.getItem('token') && (await likeSong(songId, true));
if (!state.favoriteList.includes(songId)) {
state.favoriteList = [songId, ...state.favoriteList];
localStorage.setItem('favoriteList', JSON.stringify(state.favoriteList));
// 先添加到本地
if (!state.favoriteList.includes(songId)) {
state.favoriteList = [songId, ...state.favoriteList];
localStorage.setItem('favoriteList', JSON.stringify(state.favoriteList));
}
// 如果用户已登录，尝试同步到服务器
if (state.user && localStorage.getItem('token')) {
try {
await likeSong(songId, true);
} catch (error) {
console.error('同步收藏到服务器失败，但已保存在本地:', error);
}
} catch (error) {
console.error('收藏歌曲失败:', error);
}
},
async removeFromFavorite(state: State, songId: number) {
try {
state.user && localStorage.getItem('token') && (await likeSong(songId, false));
state.favoriteList = state.favoriteList.filter((id) => id !== songId);
localStorage.setItem('favoriteList', JSON.stringify(state.favoriteList));
} catch (error) {
console.error('取消收藏歌曲失败:', error);
// 先从本地移除
state.favoriteList = state.favoriteList.filter((id) => id !== songId);
localStorage.setItem('favoriteList', JSON.stringify(state.favoriteList));
// 如果用户已登录，尝试同步到服务器
if (state.user && localStorage.getItem('token')) {
try {
await likeSong(songId, false);
} catch (error) {
console.error('同步取消收藏到服务器失败，但已在本地移除:', error);
}
}
},
togglePlayMode(state: State) {
@@ -161,22 +171,32 @@ const actions = {
applyTheme(state.theme);
},
async initializeFavoriteList({ state }: { state: State }) {
try {
if (state.user && localStorage.getItem('token')) {
// 先获取本地收藏列表
const localFavoriteList = localStorage.getItem('favoriteList');
const localList: number[] = localFavoriteList ? JSON.parse(localFavoriteList) : [];
// 如果用户已登录，尝试获取服务器收藏列表并合并
if (state.user && localStorage.getItem('token')) {
try {
const res = await getLikedList();
if (res.data?.ids) {
state.favoriteList = res.data.ids.reverse();
localStorage.setItem('favoriteList', JSON.stringify(state.favoriteList));
}
} else {
const localFavoriteList = localStorage.getItem('favoriteList');
if (localFavoriteList) {
state.favoriteList = JSON.parse(localFavoriteList);
// 合并本地和服务器的收藏列表，去重
const serverList = res.data.ids.reverse();
const mergedList = Array.from(new Set([...localList, ...serverList]));
state.favoriteList = mergedList;
} else {
state.favoriteList = localList;
}
} catch (error) {
console.error('获取服务器收藏列表失败，使用本地数据:', error);
state.favoriteList = localList;
}
} catch (error) {
console.error('获取收藏列表失败:', error);
} else {
state.favoriteList = localList;
}
// 更新本地存储
localStorage.setItem('favoriteList', JSON.stringify(state.favoriteList));
}
};