172 lines
4.8 KiB
JavaScript
172 lines
4.8 KiB
JavaScript
import music from '../../utils/music'
|
|
const sortList = {}
|
|
const sources = []
|
|
const cache = new Map()
|
|
for (const source of music.sources) {
|
|
const songList = music[source.id].songList
|
|
if (!songList) continue
|
|
sortList[source.id] = songList.sortList
|
|
sources.push(source)
|
|
}
|
|
|
|
// state
|
|
const state = {
|
|
tags: {},
|
|
list: {
|
|
list: [],
|
|
total: 0,
|
|
page: 1,
|
|
limit: 30,
|
|
key: null,
|
|
},
|
|
listDetail: {
|
|
list: [],
|
|
desc: null,
|
|
total: 0,
|
|
page: 1,
|
|
limit: 30,
|
|
key: null,
|
|
info: {},
|
|
},
|
|
selectListInfo: {},
|
|
isVisibleListDetail: false,
|
|
}
|
|
|
|
sources.forEach(source => {
|
|
state.tags[source.id] = null
|
|
})
|
|
|
|
|
|
// getters
|
|
const getters = {
|
|
sourceInfo(state, getters, rootState, { sourceNames }) {
|
|
return { sources: sources.map(item => ({ id: item.id, name: sourceNames[item.id] })), sortList }
|
|
},
|
|
tags: state => state.tags,
|
|
isVisibleListDetail: state => state.isVisibleListDetail,
|
|
selectListInfo: state => state.selectListInfo,
|
|
listData(state) {
|
|
return state.list
|
|
},
|
|
listDetail(state) {
|
|
return state.listDetail
|
|
},
|
|
}
|
|
|
|
// actions
|
|
const actions = {
|
|
getTags({ state, rootState, commit }) {
|
|
let source = rootState.setting.songList.source
|
|
return music[source].songList.getTags().then(result => commit('setTags', { tags: result, source }))
|
|
},
|
|
getList({ state, rootState, commit }, page) {
|
|
let source = rootState.setting.songList.source
|
|
let tabId = rootState.setting.songList.tagInfo.id
|
|
let sortId = rootState.setting.songList.sortId
|
|
// console.log(sortId)
|
|
let key = `slist__${source}__${sortId}__${tabId}__${page}`
|
|
if (state.list.list.length && state.list.key == key) return
|
|
if (cache.has(key)) return Promise.resolve(cache.get(key)).then(result => commit('setList', { result, key, page }))
|
|
commit('clearList')
|
|
return music[source].songList.getList(sortId, tabId, page).then(result => commit('setList', { result, key, page }))
|
|
},
|
|
getListDetail({ state, rootState, commit }, { id, page }) {
|
|
let source = rootState.setting.songList.source
|
|
let key = `sdetail__${source}__${id}__${page}`
|
|
if (state.listDetail.list.length && state.listDetail.key == key) return Promise.resolve()
|
|
commit('clearListDetail')
|
|
return (
|
|
cache.has(key)
|
|
? Promise.resolve(cache.get(key))
|
|
: music[source].songList.getListDetail(id, page)
|
|
).then(result => commit('setListDetail', { result, key, source, id, page }))
|
|
},
|
|
getListDetailAll({ state, rootState }, id) {
|
|
let source = rootState.setting.songList.source
|
|
const loadData = (id, page) => {
|
|
let key = `sdetail__${source}__${id}__${page}`
|
|
return cache.has(key)
|
|
? Promise.resolve(cache.get(key))
|
|
: music[source].songList.getListDetail(id, page).then(result => {
|
|
cache.set(key, result)
|
|
return result
|
|
})
|
|
}
|
|
return loadData(id, 1).then(result => {
|
|
if (result.total <= result.limit) return result.list
|
|
|
|
let maxPage = Math.ceil(result.total / result.limit)
|
|
const loadDetail = (loadPage = 1) => {
|
|
return loadPage == maxPage
|
|
? loadData(id, ++loadPage).then(result => result.list)
|
|
: loadData(id, ++loadPage).then(result1 => loadDetail(loadPage).then(result2 => [...result1.list, ...result2]))
|
|
}
|
|
return loadDetail().then(result2 => [...result.list, ...result2])
|
|
})
|
|
},
|
|
}
|
|
|
|
// mitations
|
|
const mutations = {
|
|
setTags(state, { tags, source }) {
|
|
state.tags[source] = tags
|
|
},
|
|
clearList(state) {
|
|
state.list.list = []
|
|
state.list.total = 0
|
|
},
|
|
setList(state, { result, key, page }) {
|
|
state.list.list = result.list
|
|
state.list.total = result.total
|
|
state.list.limit = result.limit
|
|
state.list.page = page
|
|
state.list.key = key
|
|
cache.set(key, result)
|
|
},
|
|
setListDetail(state, { result, key, source, id, page }) {
|
|
state.listDetail.list = result.list
|
|
state.listDetail.id = id
|
|
state.listDetail.source = source
|
|
state.listDetail.total = result.total
|
|
state.listDetail.limit = result.limit
|
|
state.listDetail.page = page
|
|
state.listDetail.key = key
|
|
state.listDetail.info = result.info || {
|
|
name: state.selectListInfo.name,
|
|
img: state.selectListInfo.img,
|
|
desc: state.selectListInfo.desc,
|
|
author: state.selectListInfo.author,
|
|
play_count: state.selectListInfo.play_count,
|
|
}
|
|
cache.set(key, result)
|
|
},
|
|
setVisibleListDetail(state, bool) {
|
|
if (!bool) state.listDetail.list = []
|
|
state.isVisibleListDetail = bool
|
|
},
|
|
setSelectListInfo(state, info) {
|
|
state.selectListInfo = info
|
|
},
|
|
clearListDetail(state) {
|
|
state.listDetail = {
|
|
id: null,
|
|
source: null,
|
|
list: [],
|
|
desc: null,
|
|
total: 0,
|
|
page: 1,
|
|
limit: 30,
|
|
key: null,
|
|
info: {},
|
|
}
|
|
},
|
|
}
|
|
|
|
export default {
|
|
namespaced: true,
|
|
state,
|
|
getters,
|
|
actions,
|
|
mutations,
|
|
}
|