新增打开收藏的在线列表的对应平台详情页功能

src/renderer/store/modules/songList.js

@@ -68,7 +68,7 @@ const getters = {
 const actions = {
   getTags({ state, rootState, commit }) {
     let source = rootState.setting.songList.source
-    return music[source].songList.getTags().then(result => commit('setTags', { tags: result, source }))
+    return music[source]?.songList.getTags().then(result => commit('setTags', { tags: result, source }))
   },
   getList({ state, rootState, commit }, page) {
     let source = rootState.setting.songList.source
@@ -79,7 +79,7 @@ const actions = {
     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 }))
+    return music[source]?.songList.getList(sortId, tabId, page).then(result => commit('setList', { result, key, page }))
   },
   getListDetail({ state, commit }, { id, source, page, isRefresh = false }) {
     let key = `sdetail__${source}__${id}__${page}`
@@ -89,7 +89,7 @@ const actions = {
     return (
       cache.has(key)
         ? Promise.resolve(cache.get(key))
-        : music[source].songList.getListDetail(id, page).then(result => ({ ...result, list: filterList(result.list) }))
+        : music[source]?.songList.getListDetail(id, page).then(result => ({ ...result, list: filterList(result.list) }))
     ).then(result => {
       commit('setListDetail', { result, key, source, id, page })
       return result.list
@@ -102,7 +102,7 @@ const actions = {
       if (isRefresh && cache.has(key)) cache.delete(key)
       return cache.has(key)
         ? Promise.resolve(cache.get(key))
-        : music[source].songList.getListDetail(id, page).then(result => {
+        : music[source]?.songList.getListDetail(id, page).then(result => {
           cache.set(key, result)
           return result
         })

src/renderer/utils/music/kg/leaderboard.js

@@ -193,4 +193,8 @@ export default {
       }
     })
   },
+  getDetailPageUrl(id) {
+    if (typeof id == 'string') id = id.replace('kg__', '')
+    return `https://www.kugou.com/yy/rank/home/1-${id}.html`
+  },
 }

src/renderer/utils/music/kg/songList.js

@@ -718,6 +718,11 @@ export default {
       }
     })
   },
+
+  getDetailPageUrl(id) {
+    if (typeof id == 'string') id = id.replace('id_', '')
+    return `https://www.kugou.com/yy/special/single/${id}.html`
+  },
 }
 
 // getList

src/renderer/utils/music/kw/leaderboard.js

@@ -191,4 +191,8 @@ export default {
       }
     })
   },
+
+  // getDetailPageUrl(id) {
+  //   return `http://www.kuwo.cn/rankList/${id}`
+  // },
 }

src/renderer/utils/music/kw/songList.js

@@ -307,6 +307,13 @@ export default {
   getTags() {
     return Promise.all([this.getTag(), this.getHotTag()]).then(([tags, hotTag]) => ({ tags, hotTag, source: 'kw' }))
   },
+  getDetailPageUrl(id) {
+    if (/^digest-/.test(id)) {
+      let result = id.split('__')
+      id = result[1]
+    }
+    return `http://www.kuwo.cn/playlist_detail/${id}`
+  },
 }
 
 // getList

src/renderer/utils/music/mg/leaderboard.js

@@ -4,8 +4,7 @@ import { sizeFormate } from '../../index'
 
 // const boardList = [{ id: 'mg__27553319', name: '咪咕尖叫新歌榜', bangid: '27553319' }, { id: 'mg__27186466', name: '咪咕尖叫热歌榜', bangid: '27186466' }, { id: 'mg__27553408', name: '咪咕尖叫原创榜', bangid: '27553408' }, { id: 'mg__23189800', name: '咪咕港台榜', bangid: '23189800' }, { id: 'mg__23189399', name: '咪咕内地榜', bangid: '23189399' }, { id: 'mg__19190036', name: '咪咕欧美榜', bangid: '19190036' }, { id: 'mg__23189813', name: '咪咕日韩榜', bangid: '23189813' }, { id: 'mg__23190126', name: '咪咕彩铃榜', bangid: '23190126' }, { id: 'mg__15140045', name: '咪咕KTV榜', bangid: '15140045' }, { id: 'mg__15140034', name: '咪咕网络榜', bangid: '15140034' }, { id: 'mg__23217754', name: 'MV榜', bangid: '23217754' }, { id: 'mg__23218151', name: '新专辑榜', bangid: '23218151' }, { id: 'mg__21958042', name: 'iTunes榜', bangid: '21958042' }, { id: 'mg__21975570', name: 'billboard榜', bangid: '21975570' }, { id: 'mg__22272815', name: '台湾Hito中文榜', bangid: '22272815' }, { id: 'mg__22272904', name: '中国TOP排行榜', bangid: '22272904' }, { id: 'mg__22272943', name: '韩国Melon榜', bangid: '22272943' }, { id: 'mg__22273437', name: '英国UK榜', bangid: '22273437' }]
 
-const boardList = [{ id: 'mg__27553319', name: '尖叫新歌榜', bangid: '27553319' }, { id: 'mg__27186466', name: '尖叫热歌榜', bangid: '27186466' }, { id: 'mg__27553408', name: '尖叫原创榜', bangid: '27553408' }, { id: 'mg__23189800', name: '港台榜', bangid: '23189800' }, { id: 'mg__23189399', name: '内地榜', bangid: '23189399' }, { id: 'mg__19190036', name: '欧美榜', bangid: '19190036' }, { id: 'mg__23189813', name: '日韩榜', bangid: '23189813' }, { id: 'mg__23190126', name: '彩铃榜', bangid: '23190126' }, { id: 'mg__15140045', name: 'KTV榜', bangid: '15140045' }, { id: 'mg__15140034', name: '网络榜', bangid: '15140034' }, { id: 'mg__21958042', name: '美国iTunes榜', bangid: '21958042' }, { id: 'mg__21975570', name: '美国billboard榜', bangid: '21975570' }, { id: 'mg__22272815', name: '台湾Hito中文榜', bangid: '22272815' }, { id: 'mg__22272943', name: '韩国Melon榜', bangid: '22272943' }, { id: 'mg__22273437', name: '英国UK榜', bangid: '22273437' }]
-
+const boardList = [{ id: 'mg__27553319', name: '尖叫新歌榜', bangid: '27553319', webId: 'jianjiao_newsong' }, { id: 'mg__27186466', name: '尖叫热歌榜', bangid: '27186466', webId: 'jianjiao_hotsong' }, { id: 'mg__27553408', name: '尖叫原创榜', bangid: '27553408', webId: 'jianjiao_original' }, { id: 'mg__23189800', name: '港台榜', bangid: '23189800', webId: 'hktw' }, { id: 'mg__23189399', name: '内地榜', bangid: '23189399', webId: 'mainland' }, { id: 'mg__19190036', name: '欧美榜', bangid: '19190036', webId: 'eur_usa' }, { id: 'mg__23189813', name: '日韩榜', bangid: '23189813', webId: 'jpn_kor' }, { id: 'mg__23190126', name: '彩铃榜', bangid: '23190126', webId: 'coloring' }, { id: 'mg__15140045', name: 'KTV榜', bangid: '15140045', webId: 'ktv' }, { id: 'mg__15140034', name: '网络榜', bangid: '15140034', webId: 'network' }, { id: 'mg__21958042', name: '美国iTunes榜', bangid: '21958042', webId: 'itunes' }, { id: 'mg__21975570', name: '美国billboard榜', bangid: '21975570', webId: 'billboard' }, { id: 'mg__22272815', name: '台湾Hito中文榜', bangid: '22272815', webId: 'hito' }, { id: 'mg__22272943', name: '韩国Melon榜', bangid: '22272943', webId: 'mnet' }, { id: 'mg__22273437', name: '英国UK榜', bangid: '22273437', webId: 'uk' }]
 export default {
   limit: 200,
   list: [
@@ -216,4 +215,14 @@ export default {
       }
     })
   },
+
+  getDetailPageUrl(id) {
+    if (typeof id == 'string') id = id.replace('mg__', '')
+    for (const item of boardList) {
+      if (item.bangid == id) {
+        return `https://music.migu.cn/v3/music/top/${item.webId}`
+      }
+    }
+    return null
+  },
 }

src/renderer/utils/music/mg/songList.js

@@ -355,6 +355,10 @@ export default {
   getTags() {
     return this.getTag()
   },
+
+  getDetailPageUrl(id) {
+    return `https://music.migu.cn/v3/music/playlist/${id}`
+  },
 }
 
 // getList

src/renderer/utils/music/tx/leaderboard.js

@@ -237,4 +237,9 @@ export default {
       })
     })
   },
+
+  getDetailPageUrl(id) {
+    if (typeof id == 'string') id = id.replace('tx__', '')
+    return `https://y.qq.com/n/ryqq/toplist/${id}`
+  },
 }

src/renderer/utils/music/tx/songList.js

@@ -292,6 +292,10 @@ export default {
   getTags() {
     return Promise.all([this.getTag(), this.getHotTag()]).then(([tags, hotTag]) => ({ tags, hotTag, source: 'tx' }))
   },
+
+  getDetailPageUrl(id) {
+    return `https://y.qq.com/n/ryqq/playlist/${id}`
+  },
 }
 
 // getList

src/renderer/utils/music/wy/leaderboard.js

@@ -199,4 +199,9 @@ export default {
       source: 'wy',
     }
   },
+
+  getDetailPageUrl(id) {
+    if (typeof id == 'string') id = id.replace('wy__', '')
+    return `https://music.163.com/#/discover/toplist?id=${id}`
+  },
 }

src/renderer/utils/music/wy/songList.js

@@ -289,6 +289,10 @@ export default {
   getTags() {
     return Promise.all([this.getTag(), this.getHotTag()]).then(([tags, hotTag]) => ({ tags, hotTag, source: 'wy' }))
   },
+
+  getDetailPageUrl(id) {
+    return `https://music.163.com/#/playlist?id=${id}`
+  },
 }
 
 // getList

src/renderer/views/list/components/MyLists.vue

@@ -19,7 +19,7 @@
       <span :class="$style.listsLabel">{{loveList.name}}</span>
     </li>
     <li class="user-list"
-      :class="[$style.listsItem, {[$style.active]:item.id == listId}, {[$style.clicked]: listsData.rightClickItemIndex == index}, {[$style.fetching]: fetchingListStatus[item.id]}]" :data-index="index"
+      :class="[$style.listsItem, {[$style.active]: item.id == listId}, {[$style.clicked]: listsData.rightClickItemIndex == index}, {[$style.fetching]: fetchingListStatus[item.id]}]" :data-index="index"
       @contextmenu="handleListsItemRigthClick($event, index)" :tips="item.name" v-for="(item, index) in userLists" :key="item.id"
     >
       <span :class="$style.listsLabel" @click="handleListToggle(item.id, index + 2)">{{item.name}}</span>
@@ -41,7 +41,7 @@
 
 <script>
 import { mapMutations, mapActions } from 'vuex'
-import { openSaveDir, saveLxConfigFile, selectDir, readLxConfigFile, filterFileName } from '@renderer/utils'
+import { openSaveDir, saveLxConfigFile, selectDir, readLxConfigFile, filterFileName, openUrl } from '@renderer/utils'
 import musicSdk from '@renderer/utils/music'
 import DuplicateMusicModal from './DuplicateMusicModal'
 import ListSortModal from './ListSortModal'
@@ -97,6 +97,7 @@ export default {
           rename: true,
           duplicate: true,
           sort: true,
+          sourceDetail: true,
           import: true,
           export: true,
           sync: false,
@@ -141,6 +142,11 @@ export default {
           action: 'duplicate',
           disabled: !this.listsData.itemMenuControl.duplicate,
         },
+        {
+          name: this.$t('lists__source_detail'),
+          action: 'sourceDetail',
+          disabled: !this.listsData.itemMenuControl.sourceDetail,
+        },
         {
           name: this.$t('lists__import'),
           action: 'import',
@@ -288,6 +294,7 @@ export default {
           break
       }
       this.listsData.itemMenuControl.sort = !!getList(this.getTargetListInfo(index)?.id).length
+      this.listsData.itemMenuControl.sourceDetail = this.assertSupportDetail(source, index)
       this.listsData.rightClickItemIndex = index
       this.listsData.menuLocation.x = event.currentTarget.offsetLeft + event.offsetX
       this.listsData.menuLocation.y = event.currentTarget.offsetTop + event.offsetY - this.dom_lists_list.scrollTop
@@ -322,6 +329,9 @@ export default {
           this.selectedSortListInfo = this.getTargetListInfo(index)
           this.isShowListSortModal = true
           break
+        case 'sourceDetail':
+          this.openSourceDetailPage(index)
+          break
         case 'import':
           this.handleImportList(index)
           break
@@ -382,6 +392,33 @@ export default {
       }
       return list
     },
+    assertSupportDetail(source, index) {
+      if (source) {
+        const { sourceListId } = this.userLists[index]
+        if (sourceListId) {
+          if (/board__/.test(sourceListId)) {
+            // const id = sourceListId.replace(/board__/, '')
+            return !!musicSdk[source]?.leaderboard?.getDetailPageUrl
+          } else {
+            return !!musicSdk[source]?.songList?.getDetailPageUrl
+          }
+        }
+      }
+      return false
+    },
+    openSourceDetailPage(index) {
+      const { source, sourceListId } = this.userLists[index]
+      if (!sourceListId) return
+      let url
+      if (/board__/.test(sourceListId)) {
+        const id = sourceListId.replace(/board__/, '')
+        url = musicSdk[source].leaderboard.getDetailPageUrl(id)
+      } else {
+        url = musicSdk[source].songList.getDetailPageUrl(sourceListId)
+      }
+      if (!url) return
+      openUrl(url)
+    },
     handleExportList(index) {
       const list = this.getTargetListInfo(index)
       if (!list) return