mirror of
https://github.com/algerkong/AlgerMusicPlayer.git
synced 2026-05-17 02:07:29 +08:00
🔧 feat: 更新依赖版本 修复类型错误 优化首页推荐样式
This commit is contained in:
alger
@@ -1,415 +1,5 @@
|
||||
import { createPinia } from 'pinia';
|
||||
import { markRaw } from 'vue';
|
||||
|
||||
import setData from '@/../main/set.json';
|
||||
import { logout } from '@/api/login';
|
||||
import { getLikedList, likeSong } from '@/api/music';
|
||||
import { useMusicListHook } from '@/hooks/MusicListHook';
|
||||
import router from '@/router';
|
||||
import homeRouter from '@/router/home';
|
||||
import type { SongResult } from '@/type/music';
|
||||
import { isElectron } from '@/utils';
|
||||
import { applyTheme, getCurrentTheme, ThemeType } from '@/utils/theme';
|
||||
|
||||
// 默认设置
|
||||
const defaultSettings = setData;
|
||||
|
||||
function isValidUrl(urlString: string): boolean {
|
||||
try {
|
||||
return Boolean(new URL(urlString));
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function getLocalStorageItem<T>(key: string, defaultValue: T): T {
|
||||
try {
|
||||
const item = localStorage.getItem(key);
|
||||
if (!item) return defaultValue;
|
||||
|
||||
// 尝试解析 JSON
|
||||
const parsedItem = JSON.parse(item);
|
||||
|
||||
// 对于音乐 URL，检查是否是有效的 URL 格式或本地文件路径
|
||||
if (key === 'currentPlayMusicUrl' && typeof parsedItem === 'string') {
|
||||
if (!parsedItem.startsWith('local://') && !isValidUrl(parsedItem)) {
|
||||
console.warn(`Invalid URL in localStorage for key ${key}, using default value`);
|
||||
localStorage.removeItem(key);
|
||||
return defaultValue;
|
||||
}
|
||||
}
|
||||
|
||||
// 对于播放列表，检查是否是数组且每个项都有必要的字段
|
||||
if (key === 'playList') {
|
||||
if (!Array.isArray(parsedItem)) {
|
||||
console.warn(`Invalid playList format in localStorage, using default value`);
|
||||
localStorage.removeItem(key);
|
||||
return defaultValue;
|
||||
}
|
||||
// 检查每个歌曲对象是否有必要的字段
|
||||
const isValid = parsedItem.every((item) => item && typeof item === 'object' && 'id' in item);
|
||||
if (!isValid) {
|
||||
console.warn(`Invalid song objects in playList, using default value`);
|
||||
localStorage.removeItem(key);
|
||||
return defaultValue;
|
||||
}
|
||||
}
|
||||
|
||||
// 对于当前播放音乐，检查是否是对象且包含必要的字段
|
||||
if (key === 'currentPlayMusic') {
|
||||
if (!parsedItem || typeof parsedItem !== 'object' || !('id' in parsedItem)) {
|
||||
console.warn(`Invalid currentPlayMusic format in localStorage, using default value`);
|
||||
localStorage.removeItem(key);
|
||||
return defaultValue;
|
||||
}
|
||||
}
|
||||
|
||||
return parsedItem;
|
||||
} catch (error) {
|
||||
console.warn(`Error parsing localStorage item for key ${key}:`, error);
|
||||
// 如果解析失败，删除可能损坏的数据
|
||||
localStorage.removeItem(key);
|
||||
return defaultValue;
|
||||
}
|
||||
}
|
||||
|
||||
export interface State {
|
||||
menus: any[];
|
||||
play: boolean;
|
||||
isPlay: boolean;
|
||||
playMusic: SongResult;
|
||||
playMusicUrl: string;
|
||||
user: any;
|
||||
playList: SongResult[];
|
||||
playListIndex: number;
|
||||
setData: typeof defaultSettings;
|
||||
lyric: any;
|
||||
isMobile: boolean;
|
||||
searchValue: string;
|
||||
searchType: number;
|
||||
favoriteList: number[];
|
||||
playMode: number;
|
||||
theme: ThemeType;
|
||||
musicFull: boolean;
|
||||
showUpdateModal: boolean;
|
||||
showArtistDrawer: boolean;
|
||||
currentArtistId: number | null;
|
||||
systemFonts: { label: string; value: string }[];
|
||||
showDownloadDrawer: boolean;
|
||||
savedPlayProgress?: number;
|
||||
}
|
||||
|
||||
const state: State = {
|
||||
menus: homeRouter,
|
||||
play: false,
|
||||
isPlay: false,
|
||||
playMusic: getLocalStorageItem('currentPlayMusic', {} as SongResult),
|
||||
playMusicUrl: getLocalStorageItem('currentPlayMusicUrl', ''),
|
||||
user: getLocalStorageItem('user', null),
|
||||
playList: getLocalStorageItem('playList', []),
|
||||
playListIndex: getLocalStorageItem('playListIndex', 0),
|
||||
setData: defaultSettings,
|
||||
lyric: {},
|
||||
isMobile: false,
|
||||
searchValue: '',
|
||||
searchType: 1,
|
||||
favoriteList: getLocalStorageItem('favoriteList', []),
|
||||
playMode: getLocalStorageItem('playMode', 0),
|
||||
theme: getCurrentTheme(),
|
||||
musicFull: false,
|
||||
showUpdateModal: false,
|
||||
showArtistDrawer: false,
|
||||
currentArtistId: null,
|
||||
systemFonts: [{ label: '系统默认', value: 'system-ui' }],
|
||||
showDownloadDrawer: false
|
||||
};
|
||||
|
||||
const { handlePlayMusic, nextPlay, prevPlay } = useMusicListHook();
|
||||
|
||||
const mutations = {
|
||||
setMenus(state: State, menus: any[]) {
|
||||
state.menus = menus;
|
||||
},
|
||||
async setPlay(state: State, playMusic: SongResult) {
|
||||
await handlePlayMusic(state, playMusic);
|
||||
localStorage.setItem('currentPlayMusic', JSON.stringify(state.playMusic));
|
||||
localStorage.setItem('currentPlayMusicUrl', state.playMusicUrl);
|
||||
},
|
||||
setIsPlay(state: State, isPlay: boolean) {
|
||||
state.isPlay = isPlay;
|
||||
localStorage.setItem('isPlaying', isPlay.toString());
|
||||
},
|
||||
async setPlayMusic(state: State, play: boolean) {
|
||||
state.play = play;
|
||||
localStorage.setItem('isPlaying', play.toString());
|
||||
|
||||
// 每次更改播放状态时，确保当前播放歌曲信息也被保存
|
||||
if (state.playMusic && Object.keys(state.playMusic).length > 0) {
|
||||
localStorage.setItem('currentPlayMusic', JSON.stringify(state.playMusic));
|
||||
if (state.playMusicUrl) {
|
||||
localStorage.setItem('currentPlayMusicUrl', state.playMusicUrl);
|
||||
}
|
||||
}
|
||||
},
|
||||
setMusicFull(state: State, musicFull: boolean) {
|
||||
state.musicFull = musicFull;
|
||||
},
|
||||
setPlayList(state: State, playList: SongResult[]) {
|
||||
state.playListIndex = playList.findIndex((item) => item.id === state.playMusic.id);
|
||||
state.playList = playList;
|
||||
localStorage.setItem('playList', JSON.stringify(playList));
|
||||
localStorage.setItem('playListIndex', state.playListIndex.toString());
|
||||
},
|
||||
async nextPlay(state: State) {
|
||||
await nextPlay(state);
|
||||
},
|
||||
async prevPlay(state: State) {
|
||||
await prevPlay(state);
|
||||
},
|
||||
// 添加到下一首播放
|
||||
addToNextPlay(state: State, song: SongResult) {
|
||||
const playList = [...state.playList];
|
||||
const currentIndex = state.playListIndex;
|
||||
|
||||
// 检查歌曲是否已经在播放列表中
|
||||
const existingIndex = playList.findIndex((item) => item.id === song.id);
|
||||
if (existingIndex !== -1) {
|
||||
// 如果歌曲已经在列表中，将其移动到当前播放歌曲的下一个位置
|
||||
playList.splice(existingIndex, 1);
|
||||
}
|
||||
|
||||
// 在当前播放歌曲后插入新歌曲
|
||||
playList.splice(currentIndex + 1, 0, song);
|
||||
|
||||
// 更新播放列表
|
||||
state.playList = playList;
|
||||
state.playListIndex = playList.findIndex((item) => item.id === state.playMusic.id);
|
||||
localStorage.setItem('playList', JSON.stringify(playList));
|
||||
localStorage.setItem('playListIndex', state.playListIndex.toString());
|
||||
},
|
||||
setSetData(state: State, setData: any) {
|
||||
state.setData = setData;
|
||||
if (isElectron) {
|
||||
// (window as any).electron.ipcRenderer.setStoreValue(
|
||||
// 'set',
|
||||
// JSON.parse(JSON.stringify(setData))
|
||||
// );
|
||||
window.electron.ipcRenderer.send(
|
||||
'set-store-value',
|
||||
'set',
|
||||
JSON.parse(JSON.stringify(setData))
|
||||
);
|
||||
} else {
|
||||
localStorage.setItem('appSettings', JSON.stringify(setData));
|
||||
}
|
||||
},
|
||||
async addToFavorite(state: State, songId: number) {
|
||||
// 先添加到本地
|
||||
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);
|
||||
}
|
||||
}
|
||||
},
|
||||
async removeFromFavorite(state: State, songId: number) {
|
||||
// 先从本地移除
|
||||
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) {
|
||||
state.playMode = (state.playMode + 1) % 3;
|
||||
localStorage.setItem('playMode', JSON.stringify(state.playMode));
|
||||
},
|
||||
toggleTheme(state: State) {
|
||||
state.theme = state.theme === 'dark' ? 'light' : 'dark';
|
||||
applyTheme(state.theme);
|
||||
},
|
||||
setShowUpdateModal(state, value) {
|
||||
state.showUpdateModal = value;
|
||||
},
|
||||
logout(state: State) {
|
||||
logout().then(() => {
|
||||
state.user = null;
|
||||
localStorage.removeItem('user');
|
||||
localStorage.removeItem('token');
|
||||
});
|
||||
},
|
||||
setShowArtistDrawer(state, show: boolean) {
|
||||
state.showArtistDrawer = show;
|
||||
if (!show) {
|
||||
state.currentArtistId = null;
|
||||
}
|
||||
},
|
||||
setCurrentArtistId(state, id: number) {
|
||||
state.currentArtistId = id;
|
||||
},
|
||||
setSystemFonts(state, fonts: string[]) {
|
||||
state.systemFonts = [
|
||||
{ label: '系统默认', value: 'system-ui' },
|
||||
...fonts.map((font) => ({
|
||||
label: font,
|
||||
value: font
|
||||
}))
|
||||
];
|
||||
},
|
||||
setShowDownloadDrawer(state: State, show: boolean) {
|
||||
state.showDownloadDrawer = show;
|
||||
},
|
||||
setLanguage(state: State, language: string) {
|
||||
state.setData.language = language;
|
||||
if (isElectron) {
|
||||
window.electron.ipcRenderer.send('set-store-value', 'set.language', language);
|
||||
} else {
|
||||
localStorage.setItem('appSettings', JSON.stringify(state.setData));
|
||||
}
|
||||
},
|
||||
getLanguage(state: State) {
|
||||
return state.setData.language;
|
||||
}
|
||||
};
|
||||
|
||||
const actions = {
|
||||
initializeSettings({ commit }: { commit: any }) {
|
||||
if (isElectron) {
|
||||
const setData = window.electron.ipcRenderer.sendSync('get-store-value', 'set');
|
||||
commit('setSetData', {
|
||||
...defaultSettings,
|
||||
...setData
|
||||
});
|
||||
} else {
|
||||
const savedSettings = localStorage.getItem('appSettings');
|
||||
if (savedSettings) {
|
||||
commit('setSetData', {
|
||||
...defaultSettings,
|
||||
...JSON.parse(savedSettings)
|
||||
});
|
||||
} else {
|
||||
commit('setSetData', defaultSettings);
|
||||
}
|
||||
}
|
||||
},
|
||||
initializeTheme({ state }: { state: State }) {
|
||||
applyTheme(state.theme);
|
||||
},
|
||||
async initializeFavoriteList({ state }: { state: State }) {
|
||||
// 先获取本地收藏列表
|
||||
const localFavoriteList = localStorage.getItem('favoriteList');
|
||||
const localList: number[] = localFavoriteList ? JSON.parse(localFavoriteList) : [];
|
||||
|
||||
// 如果用户已登录，尝试获取服务器收藏列表并合并
|
||||
if (state.user && state.user.userId) {
|
||||
try {
|
||||
const res = await getLikedList(state.user.userId);
|
||||
if (res.data?.ids) {
|
||||
// 合并本地和服务器的收藏列表，去重
|
||||
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;
|
||||
}
|
||||
} else {
|
||||
state.favoriteList = localList;
|
||||
}
|
||||
|
||||
// 更新本地存储
|
||||
localStorage.setItem('favoriteList', JSON.stringify(state.favoriteList));
|
||||
},
|
||||
showArtist({ commit }, id: number) {
|
||||
commit('setCurrentArtistId', id);
|
||||
},
|
||||
async initializeSystemFonts({ commit, state }) {
|
||||
if (!isElectron) return;
|
||||
// 如果已经有字体列表（不只是默认字体），则不重复获取
|
||||
if (state.systemFonts.length > 1) return;
|
||||
|
||||
try {
|
||||
const fonts = await window.api.invoke('get-system-fonts');
|
||||
commit('setSystemFonts', fonts);
|
||||
} catch (error) {
|
||||
console.error('获取系统字体失败:', error);
|
||||
}
|
||||
},
|
||||
async initializePlayState({ state, commit }: { state: State; commit: any }) {
|
||||
const savedPlayList = getLocalStorageItem('playList', []);
|
||||
const savedPlayMusic = getLocalStorageItem('currentPlayMusic', null) as SongResult | null;
|
||||
const savedPlayProgress = localStorage.getItem('playProgress');
|
||||
|
||||
if (savedPlayList.length > 0) {
|
||||
commit('setPlayList', savedPlayList);
|
||||
}
|
||||
|
||||
if (savedPlayMusic && Object.keys(savedPlayMusic).length > 0) {
|
||||
// 不直接使用保存的 URL，而是重新获取
|
||||
try {
|
||||
// 使用 handlePlayMusic 来重新获取音乐 URL
|
||||
|
||||
// 根据自动播放设置决定是否恢复播放状态
|
||||
const shouldAutoPlay = state.setData.autoPlay;
|
||||
await handlePlayMusic(state, savedPlayMusic, shouldAutoPlay);
|
||||
state.play = shouldAutoPlay;
|
||||
state.isPlay = true;
|
||||
|
||||
// 如果有保存的播放进度，则提供给前端组件使用
|
||||
if (savedPlayProgress) {
|
||||
try {
|
||||
const progress = JSON.parse(savedPlayProgress);
|
||||
if (progress && progress.songId === savedPlayMusic.id) {
|
||||
// 在全局状态中添加播放进度
|
||||
state.savedPlayProgress = progress.progress;
|
||||
} else {
|
||||
// 如果歌曲ID不匹配，清除保存的进度
|
||||
localStorage.removeItem('playProgress');
|
||||
}
|
||||
} catch (e) {
|
||||
console.error('解析保存的播放进度失败', e);
|
||||
localStorage.removeItem('playProgress');
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('重新获取音乐链接失败:', error);
|
||||
// 清除无效的播放状态
|
||||
state.play = false;
|
||||
state.isPlay = false;
|
||||
state.playMusic = {} as SongResult;
|
||||
state.playMusicUrl = '';
|
||||
localStorage.removeItem('currentPlayMusic');
|
||||
localStorage.removeItem('currentPlayMusicUrl');
|
||||
localStorage.removeItem('isPlaying');
|
||||
localStorage.removeItem('playProgress');
|
||||
}
|
||||
}
|
||||
},
|
||||
initializeLanguage({ state }: { state: State }) {
|
||||
state.setData.language = getLocalStorageItem('appSettings', { language: 'zh-CN' }).language;
|
||||
if (isElectron) {
|
||||
window.electron.ipcRenderer.send('set-store-value', 'set.language', state.setData.language);
|
||||
} else {
|
||||
localStorage.setItem('appSettings', JSON.stringify(state.setData));
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// 创建 pinia 实例
|
||||
const pinia = createPinia();
|
||||
|
||||
@@ -29,12 +29,17 @@ export const useSettingsStore = defineStore('settings', () => {
|
||||
const showDownloadDrawer = ref(false);
|
||||
|
||||
const setSetData = (data: any) => {
|
||||
// 合并现有设置和新设置
|
||||
const mergedData = {
|
||||
...setData.value,
|
||||
...data
|
||||
};
|
||||
|
||||
if (isElectron) {
|
||||
console.log('data', data);
|
||||
window.electron.ipcRenderer.send('set-store-value', 'set', cloneDeep(data));
|
||||
setData.value = cloneDeep(data);
|
||||
window.electron.ipcRenderer.send('set-store-value', 'set', cloneDeep(mergedData));
|
||||
setData.value = cloneDeep(mergedData);
|
||||
} else {
|
||||
localStorage.setItem('appSettings', JSON.stringify(cloneDeep(data)));
|
||||
localStorage.setItem('appSettings', JSON.stringify(cloneDeep(mergedData)));
|
||||
}
|
||||
};
|
||||
|
||||
@@ -73,10 +78,7 @@ export const useSettingsStore = defineStore('settings', () => {
|
||||
};
|
||||
|
||||
const setLanguage = (language: string) => {
|
||||
setSetData({
|
||||
...setData.value,
|
||||
language
|
||||
});
|
||||
setSetData({ language });
|
||||
if (isElectron) {
|
||||
window.electron.ipcRenderer.send('change-language', language);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user