{"version":3,"sources":["webpack:///./src/components/ExplicitSymbol.vue?daaa","webpack:///src/components/ExplicitSymbol.vue","webpack:///./src/components/ExplicitSymbol.vue?0562","webpack:///./src/components/ExplicitSymbol.vue","webpack:///./src/components/ArtistsInLine.vue?2cc4","webpack:///src/components/ArtistsInLine.vue","webpack:///./src/components/ArtistsInLine.vue?d1db","webpack:///./src/components/ArtistsInLine.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack:///./src/views/next.vue?c3d5","webpack:///./src/views/next.vue?7df9","webpack:///src/views/next.vue","webpack:///./src/views/next.vue?7549","webpack:///./src/views/next.vue","webpack:///./src/components/TrackList.vue?b731","webpack:///./src/components/TrackListItem.vue?4fe4","webpack:///src/components/TrackListItem.vue","webpack:///./src/components/TrackListItem.vue?1f49","webpack:///./src/components/TrackListItem.vue","webpack:///src/components/TrackList.vue","webpack:///./src/components/TrackList.vue?0ccc","webpack:///./src/components/TrackList.vue","webpack:///./src/components/TrackListItem.vue?83d1"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","attrs","staticRenderFns","name","components","SvgIcon","props","size","type","Number","default","data","svgStyle","created","height","width","component","staticClass","_v","_s","computedPrefix","_l","ar","index","key","id","filteredArtists","length","_e","artists","Array","required","exclude","String","prefix","computed","filter","_arrayWithoutHoles","arr","isArray","arrayLikeToArray","_iterableToArray","iter","Symbol","iterator","Object","from","_nonIterableSpread","TypeError","_toConsumableArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","$t","currentTrack","directives","rawName","value","playNextList","expression","playNextTracks","filteredTracks","TrackList","tracks","player","playerShuffle","shuffle","map","watch","loadTracks","methods","trackIDs","push","activated","ref","_f","rightClickedTrack","al","picUrl","on","play","playNext","isRightClickedTrackLiked","like","extraContextMenuItem","includes","removeTrackFromPlaylist","addTrackToPlaylist","track","itemKey","highlightPlayingTrack","nativeOn","$event","playThisList","openMenu","class","trackClass","showUnavailableSongInGreyStyle","reason","hover","isAlbum","focus","imgUrl","goToAlbum","playable","isPlaying","playTrack","staticStyle","no","$parent","albumObject","artist","mark","isTracklist","album","likeThisSong","visibility","isLiked","dt","Boolean","image","undefined","isPlaylist","liked","songs","$store","state","settings","isMenuOpened","$router","likeASong","TrackListItem","ContextMenu","dbclickTrackFunc","columnNumber","listStyles","display","gap","gridTemplateColumns","$refs","menu","e","closeMenu","playThisListDefault","trackID","playTrackOnListByID","playPlaylistByID","replacePlaylist","playAlbumByID","addTrackToPlayNext","likedSongs","code","showToast","updateModal","modalName","confirm","op","pid"],"mappings":"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","file":"js/chunk-df053456.73453a41.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg-icon',{style:(_vm.svgStyle),attrs:{\"icon-class\":\"explicit\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <svg-icon icon-class=\"explicit\" :style=\"svgStyle\"></svg-icon>\n</template>\n\n<script>\nimport SvgIcon from \"@/components/SvgIcon.vue\";\n\nexport default {\n  name: \"ExplicitSymbol\",\n  components: {\n    SvgIcon,\n  },\n  props: {\n    size: {\n      type: Number,\n      default: 16,\n    },\n  },\n  data() {\n    return {\n      svgStyle: {},\n    };\n  },\n  created() {\n    this.svgStyle = {\n      height: this.size + \"px\",\n      width: this.size + \"px\",\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExplicitSymbol.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExplicitSymbol.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExplicitSymbol.vue?vue&type=template&id=7e2a888e&scoped=true&\"\nimport script from \"./ExplicitSymbol.vue?vue&type=script&lang=js&\"\nexport * from \"./ExplicitSymbol.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7e2a888e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"artist-in-line\"},[_vm._v(\" \"+_vm._s(_vm.computedPrefix)+\" \"),_vm._l((_vm.filteredArtists),function(ar,index){return _c('span',{key:ar.id},[_c('router-link',{attrs:{\"to\":(\"/artist/\" + (ar.id))}},[_vm._v(_vm._s(ar.name))]),(index !== _vm.filteredArtists.length - 1)?_c('span',[_vm._v(\", \")]):_vm._e()],1)})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <span class=\"artist-in-line\">\n    {{ computedPrefix }}\n    <span v-for=\"(ar, index) in filteredArtists\" :key=\"ar.id\">\n      <router-link :to=\"`/artist/${ar.id}`\">{{ ar.name }}</router-link>\n      <span v-if=\"index !== filteredArtists.length - 1\">, </span>\n    </span>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"ArtistInLine\",\n  props: {\n    artists: {\n      type: Array,\n      required: true,\n    },\n    exclude: {\n      type: String,\n      default: \"\",\n    },\n    prefix: {\n      type: String,\n      default: \"\",\n    },\n  },\n  computed: {\n    filteredArtists() {\n      return this.artists.filter((a) => a.name !== this.exclude);\n    },\n    computedPrefix() {\n      if (this.filteredArtists.length !== 0) return this.prefix;\n      else return \"\";\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArtistsInLine.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArtistsInLine.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArtistsInLine.vue?vue&type=template&id=6b13d4cd&scoped=true&\"\nimport script from \"./ArtistsInLine.vue?vue&type=script&lang=js&\"\nexport * from \"./ArtistsInLine.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6b13d4cd\",\n  null\n  \n)\n\nexport default component.exports","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./next.vue?vue&type=style&index=0&id=658b0d37&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"next-tracks\"},[_c('h1',[_vm._v(_vm._s(_vm.$t(\"next.nowPlaying\")))]),_c('TrackList',{attrs:{\"tracks\":[_vm.currentTrack],\"type\":\"playlist\",\"dbclickTrackFunc\":\"none\"}}),_c('h1',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.playNextList.length > 0),expression:\"playNextList.length > 0\"}]},[_vm._v(\"插队播放\")]),_c('TrackList',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.playNextList.length > 0),expression:\"playNextList.length > 0\"}],attrs:{\"tracks\":_vm.playNextTracks,\"type\":\"playlist\",\"highlightPlayingTrack\":false,\"dbclickTrackFunc\":\"playTrackOnListByID\",\"itemKey\":\"id+index\"}}),_c('h1',[_vm._v(_vm._s(_vm.$t(\"next.nextUp\")))]),_c('TrackList',{attrs:{\"tracks\":_vm.filteredTracks,\"type\":\"playlist\",\"highlightPlayingTrack\":false,\"dbclickTrackFunc\":\"playTrackOnListByID\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"next-tracks\">\n    <h1>{{ $t(\"next.nowPlaying\") }}</h1>\n    <TrackList\n      :tracks=\"[currentTrack]\"\n      type=\"playlist\"\n      dbclickTrackFunc=\"none\"\n    />\n    <h1 v-show=\"playNextList.length > 0\">插队播放</h1>\n    <TrackList\n      :tracks=\"playNextTracks\"\n      type=\"playlist\"\n      :highlightPlayingTrack=\"false\"\n      dbclickTrackFunc=\"playTrackOnListByID\"\n      itemKey=\"id+index\"\n      v-show=\"playNextList.length > 0\"\n    />\n    <h1>{{ $t(\"next.nextUp\") }}</h1>\n    <TrackList\n      :tracks=\"filteredTracks\"\n      type=\"playlist\"\n      :highlightPlayingTrack=\"false\"\n      dbclickTrackFunc=\"playTrackOnListByID\"\n    />\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from \"vuex\";\nimport { getTrackDetail } from \"@/api/track\";\nimport TrackList from \"@/components/TrackList.vue\";\n\nexport default {\n  name: \"Next\",\n  components: {\n    TrackList,\n  },\n  data() {\n    return {\n      tracks: [],\n    };\n  },\n  computed: {\n    ...mapState([\"player\"]),\n    currentTrack() {\n      return this.player.currentTrack;\n    },\n    playerShuffle() {\n      return this.player.shuffle;\n    },\n    filteredTracks() {\n      let trackIDs = this.player.list.slice(\n        this.player.current + 1,\n        this.player.current + 100\n      );\n      return this.tracks.filter((t) => trackIDs.includes(t.id));\n    },\n    playNextList() {\n      return this.player.playNextList;\n    },\n    playNextTracks() {\n      return this.playNextList.map((tid) => {\n        return this.tracks.find((t) => t.id === tid);\n      });\n    },\n  },\n  watch: {\n    currentTrack() {\n      this.loadTracks();\n    },\n    playerShuffle() {\n      this.loadTracks();\n    },\n    playNextList() {\n      this.loadTracks();\n    },\n  },\n  methods: {\n    ...mapActions([\"playTrackOnListByID\"]),\n    loadTracks() {\n      // 获取播放列表当前歌曲后100首歌\n      let trackIDs = this.player.list.slice(\n        this.player.current + 1,\n        this.player.current + 100\n      );\n\n      // 将playNextList的歌曲加进trackIDs\n      trackIDs.push(...this.playNextList);\n\n      // 获取已经加载了的歌曲\n      let loadedTrackIDs = this.tracks.map((t) => t.id);\n\n      if (trackIDs.length > 0) {\n        getTrackDetail(trackIDs.join(\",\")).then((data) => {\n          let newTracks = data.songs.filter(\n            (t) => !loadedTrackIDs.includes(t.id)\n          );\n          this.tracks.push(...newTracks);\n        });\n      }\n    },\n  },\n  activated() {\n    this.loadTracks();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nh1 {\n  margin-top: 36px;\n  margin-bottom: 18px;\n  cursor: default;\n  color: var(--color-text);\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./next.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./next.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./next.vue?vue&type=template&id=658b0d37&scoped=true&\"\nimport script from \"./next.vue?vue&type=script&lang=js&\"\nexport * from \"./next.vue?vue&type=script&lang=js&\"\nimport style0 from \"./next.vue?vue&type=style&index=0&id=658b0d37&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"658b0d37\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"track-list\"},[_c('ContextMenu',{ref:\"menu\"},[_c('div',{staticClass:\"item-info\"},[_c('img',{attrs:{\"src\":_vm._f(\"resizeImage\")(_vm.rightClickedTrack.al.picUrl,224)}}),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.rightClickedTrack.name))]),_c('div',{staticClass:\"subtitle\"},[_vm._v(_vm._s(_vm.rightClickedTrack.ar[0].name))])])]),_c('hr'),_c('div',{staticClass:\"item\",on:{\"click\":_vm.play}},[_vm._v(_vm._s(_vm.$t(\"contextMenu.play\")))]),_c('div',{staticClass:\"item\",on:{\"click\":_vm.playNext}},[_vm._v(_vm._s(_vm.$t(\"contextMenu.playNext\")))]),_c('hr'),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isRightClickedTrackLiked),expression:\"!isRightClickedTrackLiked\"}],staticClass:\"item\",on:{\"click\":_vm.like}},[_vm._v(\" \"+_vm._s(_vm.$t(\"contextMenu.saveToMyLikedSongs\"))+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isRightClickedTrackLiked),expression:\"isRightClickedTrackLiked\"}],staticClass:\"item\",on:{\"click\":_vm.like}},[_vm._v(\" \"+_vm._s(_vm.$t(\"contextMenu.removeFromMyLikedSongs\"))+\" \")]),(_vm.extraContextMenuItem.includes('removeTrackFromPlaylist'))?_c('div',{staticClass:\"item\",on:{\"click\":_vm.removeTrackFromPlaylist}},[_vm._v(\"从歌单中删除\")]):_vm._e(),_c('div',{staticClass:\"item\",on:{\"click\":_vm.addTrackToPlaylist}},[_vm._v(\"添加到歌单\")])]),_c('div',{style:(_vm.listStyles)},_vm._l((_vm.tracks),function(track,index){return _c('TrackListItem',{key:_vm.itemKey === 'id' ? track.id : (\"\" + (track.id) + index),attrs:{\"track\":track,\"highlightPlayingTrack\":_vm.highlightPlayingTrack},nativeOn:{\"dblclick\":function($event){return _vm.playThisList(track.id)},\"contextmenu\":function($event){return _vm.openMenu($event, track)}}})}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"track\",class:_vm.trackClass,style:(_vm.trackStyle),attrs:{\"title\":_vm.showUnavailableSongInGreyStyle ? _vm.track.reason : ''},on:{\"mouseover\":function($event){_vm.hover = true},\"mouseleave\":function($event){_vm.hover = false}}},[(!_vm.isAlbum)?_c('img',{class:{ hover: _vm.focus },attrs:{\"src\":_vm.imgUrl},on:{\"click\":_vm.goToAlbum}}):_vm._e(),(_vm.isAlbum)?_c('div',{staticClass:\"no\"},[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.focus && _vm.track.playable && !_vm.isPlaying),expression:\"focus && track.playable && !isPlaying\"}],on:{\"click\":_vm.playTrack}},[_c('svg-icon',{staticStyle:{\"height\":\"14px\",\"width\":\"14px\"},attrs:{\"icon-class\":\"play\"}})],1),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:((!_vm.focus || !_vm.track.playable) && !_vm.isPlaying),expression:\"(!focus || !track.playable) && !isPlaying\"}]},[_vm._v(_vm._s(_vm.track.no))]),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isPlaying),expression:\"isPlaying\"}]},[_c('svg-icon',{staticStyle:{\"height\":\"16px\",\"width\":\"16px\"},attrs:{\"icon-class\":\"volume\"}})],1)]):_vm._e(),_c('div',{staticClass:\"title-and-artist\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.track.name)+\" \"),(_vm.isAlbum)?_c('span',{staticClass:\"featured\"},[_c('ArtistsInLine',{attrs:{\"artists\":_vm.track.ar,\"exclude\":this.$parent.albumObject.artist.name,\"prefix\":\"-\"}})],1):_vm._e(),(_vm.isAlbum && _vm.track.mark === 1318912)?_c('span',{staticClass:\"explicit-symbol\"},[_c('ExplicitSymbol')],1):_vm._e()]),(!_vm.isAlbum)?_c('div',{staticClass:\"artist\"},[(_vm.track.mark === 1318912)?_c('span',{staticClass:\"explicit-symbol before-artist\"},[_c('ExplicitSymbol',{attrs:{\"size\":15}})],1):_vm._e(),_c('ArtistsInLine',{attrs:{\"artists\":_vm.artists}})],1):_vm._e()]),_c('div')]),(!_vm.isTracklist && !_vm.isAlbum)?_c('div',{staticClass:\"album\"},[_c('router-link',{attrs:{\"to\":(\"/album/\" + (_vm.album.id))}},[_vm._v(_vm._s(_vm.album.name))]),_c('div')],1):_vm._e(),(!_vm.isTracklist)?_c('div',{staticClass:\"actions\"},[_c('button',{on:{\"click\":_vm.likeThisSong}},[_c('svg-icon',{style:({\n          visibility: _vm.focus && !_vm.isLiked ? 'visible' : 'hidden',\n        }),attrs:{\"icon-class\":\"heart\"}}),_c('svg-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isLiked),expression:\"isLiked\"}],attrs:{\"icon-class\":\"heart-solid\"}})],1)]):_vm._e(),(!_vm.isTracklist)?_c('div',{staticClass:\"time\"},[_vm._v(\" \"+_vm._s(_vm._f(\"formatTime\")(_vm.track.dt))+\" \")]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"track\"\n    :class=\"trackClass\"\n    :style=\"trackStyle\"\n    :title=\"showUnavailableSongInGreyStyle ? track.reason : ''\"\n    @mouseover=\"hover = true\"\n    @mouseleave=\"hover = false\"\n  >\n    <img\n      :src=\"imgUrl\"\n      v-if=\"!isAlbum\"\n      @click=\"goToAlbum\"\n      :class=\"{ hover: focus }\"\n    />\n    <div class=\"no\" v-if=\"isAlbum\">\n      <button v-show=\"focus && track.playable && !isPlaying\" @click=\"playTrack\">\n        <svg-icon\n          icon-class=\"play\"\n          style=\"height: 14px; width: 14px\"\n        ></svg-icon>\n      </button>\n      <span v-show=\"(!focus || !track.playable) && !isPlaying\">{{\n        track.no\n      }}</span>\n      <button v-show=\"isPlaying\">\n        <svg-icon\n          icon-class=\"volume\"\n          style=\"height: 16px; width: 16px\"\n        ></svg-icon>\n      </button>\n    </div>\n    <div class=\"title-and-artist\">\n      <div class=\"container\">\n        <div class=\"title\">\n          {{ track.name }}\n          <span class=\"featured\" v-if=\"isAlbum\">\n            <ArtistsInLine\n              :artists=\"track.ar\"\n              :exclude=\"this.$parent.albumObject.artist.name\"\n              prefix=\"-\"\n          /></span>\n          <span v-if=\"isAlbum && track.mark === 1318912\" class=\"explicit-symbol\"\n            ><ExplicitSymbol\n          /></span>\n        </div>\n        <div class=\"artist\" v-if=\"!isAlbum\">\n          <span\n            v-if=\"track.mark === 1318912\"\n            class=\"explicit-symbol before-artist\"\n            ><ExplicitSymbol :size=\"15\"\n          /></span>\n          <ArtistsInLine :artists=\"artists\" />\n        </div>\n      </div>\n      <div></div>\n    </div>\n    <div class=\"album\" v-if=\"!isTracklist && !isAlbum\">\n      <router-link :to=\"`/album/${album.id}`\">{{ album.name }}</router-link>\n      <div></div>\n    </div>\n    <div class=\"actions\" v-if=\"!isTracklist\">\n      <button @click=\"likeThisSong\">\n        <svg-icon\n          icon-class=\"heart\"\n          :style=\"{\n            visibility: focus && !isLiked ? 'visible' : 'hidden',\n          }\"\n        ></svg-icon>\n        <svg-icon icon-class=\"heart-solid\" v-show=\"isLiked\"></svg-icon>\n      </button>\n    </div>\n    <div class=\"time\" v-if=\"!isTracklist\">\n      {{ track.dt | formatTime }}\n    </div>\n  </div>\n</template>\n\n<script>\nimport ArtistsInLine from \"@/components/ArtistsInLine.vue\";\nimport ExplicitSymbol from \"@/components/ExplicitSymbol.vue\";\nimport { mapState } from \"vuex\";\n\nexport default {\n  name: \"TrackListItem\",\n  components: { ArtistsInLine, ExplicitSymbol },\n  props: {\n    track: Object,\n    highlightPlayingTrack: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  data() {\n    return { hover: false, trackStyle: {} };\n  },\n  computed: {\n    ...mapState([\"settings\"]),\n    imgUrl() {\n      let image =\n        this.track?.al?.picUrl ??\n        this.track?.album?.picUrl ??\n        \"https://p2.music.126.net/UeTuwE7pvjBpypWLudqukA==/3132508627578625.jpg\";\n      return image + \"?param=224y224\";\n    },\n    artists() {\n      if (this.track.ar !== undefined) return this.track.ar;\n      if (this.track.artists !== undefined) return this.track.artists;\n      return [];\n    },\n    album() {\n      return this.track.album || this.track.al;\n    },\n    type() {\n      return this.$parent.type;\n    },\n    isAlbum() {\n      return this.type === \"album\";\n    },\n    isTracklist() {\n      return this.type === \"tracklist\";\n    },\n    isPlaylist() {\n      return this.type === \"playlist\";\n    },\n    isLiked() {\n      return this.$parent.liked.songs.includes(this.track.id);\n    },\n    isPlaying() {\n      return this.$store.state.player.currentTrack.id === this.track.id;\n    },\n    trackClass() {\n      let trackClass = [this.type];\n      if (!this.track.playable && this.settings.showUnavailableSongInGreyStyle)\n        trackClass.push(\"disable\");\n      if (this.isPlaying && this.highlightPlayingTrack)\n        trackClass.push(\"playing\");\n      if (this.focus) trackClass.push(\"focus\");\n      return trackClass;\n    },\n    isMenuOpened() {\n      return this.$parent.rightClickedTrack.id === this.track.id ? true : false;\n    },\n    focus() {\n      return (\n        (this.hover && this.$parent.rightClickedTrack.id === 0) ||\n        this.isMenuOpened\n      );\n    },\n    showUnavailableSongInGreyStyle() {\n      return this.$store.state.settings.showUnavailableSongInGreyStyle;\n    },\n  },\n  methods: {\n    goToAlbum() {\n      this.$router.push({ path: \"/album/\" + this.track.al.id });\n    },\n    playTrack() {\n      this.$parent.playThisList(this.track.id);\n    },\n    likeThisSong() {\n      this.$parent.likeASong(this.track.id);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nbutton {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 8px;\n  background: transparent;\n  border-radius: 25%;\n  transition: transform 0.2s;\n  .svg-icon {\n    height: 16px;\n    width: 16px;\n    color: var(--color-primary);\n  }\n  &:hover {\n    transform: scale(1.12);\n  }\n  &:active {\n    transform: scale(0.96);\n  }\n}\n\n.track {\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  border-radius: 12px;\n  user-select: none;\n\n  .no {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 8px;\n    margin: 0 20px 0 10px;\n    width: 12px;\n    color: var(--color-text);\n    cursor: default;\n    span {\n      opacity: 0.58;\n    }\n  }\n\n  .explicit-symbol {\n    opacity: 0.28;\n    color: var(--color-text);\n    .svg-icon {\n      margin-bottom: -3px;\n    }\n  }\n\n  .explicit-symbol.before-artist {\n    margin-right: 2px;\n    .svg-icon {\n      margin-bottom: -3px;\n    }\n  }\n\n  img {\n    border-radius: 8px;\n    height: 46px;\n    width: 46px;\n    margin-right: 20px;\n    border: 1px solid rgba(0, 0, 0, 0.04);\n    cursor: pointer;\n  }\n\n  img.hover {\n    filter: drop-shadow(100 200 0 black);\n  }\n\n  .title-and-artist {\n    flex: 1;\n    display: flex;\n    .container {\n      display: flex;\n      flex-direction: column;\n    }\n    .title {\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--color-text);\n      cursor: default;\n      padding-right: 16px;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      overflow: hidden;\n      word-break: break-all;\n      .featured {\n        margin-right: 2px;\n        font-weight: 500;\n        font-size: 14px;\n        opacity: 0.72;\n      }\n    }\n    .artist {\n      margin-top: 2px;\n      font-size: 13px;\n      opacity: 0.68;\n      color: var(--color-text);\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      overflow: hidden;\n      a {\n        span {\n          margin-right: 3px;\n          opacity: 0.8;\n        }\n        &:hover {\n          text-decoration: underline;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n  .album {\n    flex: 1;\n    display: flex;\n    font-size: 16px;\n    opacity: 0.88;\n    color: var(--color-text);\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n  }\n  .time {\n    font-size: 16px;\n    width: 50px;\n    cursor: default;\n    display: flex;\n    justify-content: flex-end;\n    margin-right: 10px;\n    font-variant-numeric: tabular-nums;\n    opacity: 0.88;\n    color: var(--color-text);\n  }\n}\n\n.track.focus {\n  transition: all 0.3s;\n  background: var(--color-secondary-bg);\n}\n\n.track.disable {\n  img {\n    filter: grayscale(1) opacity(0.6);\n  }\n  .title,\n  .artist,\n  .album,\n  .time,\n  .no,\n  .featured {\n    opacity: 0.28 !important;\n  }\n  &:hover {\n    background: none;\n  }\n}\n\n.track.tracklist {\n  img {\n    height: 36px;\n    width: 36px;\n    border-radius: 6px;\n    margin-right: 14px;\n    cursor: pointer;\n  }\n  .title {\n    font-size: 16px;\n  }\n  .artist {\n    font-size: 12px;\n  }\n}\n\n.track.album {\n  height: 32px;\n}\n\n.actions {\n  width: 80px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.track.playing {\n  background: var(--color-primary-bg);\n  color: var(--color-primary);\n  .title,\n  .album,\n  .time {\n    color: var(--color-primary);\n  }\n  .title .featured,\n  .artist,\n  .explicit-symbol {\n    color: var(--color-primary);\n    opacity: 0.88;\n  }\n  .no span {\n    color: var(--color-primary);\n    opacity: 0.78;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrackListItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrackListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrackListItem.vue?vue&type=template&id=0fd62688&scoped=true&\"\nimport script from \"./TrackListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./TrackListItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrackListItem.vue?vue&type=style&index=0&id=0fd62688&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0fd62688\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"track-list\">\n    <ContextMenu ref=\"menu\">\n      <div class=\"item-info\">\n        <img :src=\"rightClickedTrack.al.picUrl | resizeImage(224)\" />\n        <div class=\"info\">\n          <div class=\"title\">{{ rightClickedTrack.name }}</div>\n          <div class=\"subtitle\">{{ rightClickedTrack.ar[0].name }}</div>\n        </div>\n      </div>\n      <hr />\n      <div class=\"item\" @click=\"play\">{{ $t(\"contextMenu.play\") }}</div>\n      <div class=\"item\" @click=\"playNext\">{{ $t(\"contextMenu.playNext\") }}</div>\n      <hr />\n      <div class=\"item\" @click=\"like\" v-show=\"!isRightClickedTrackLiked\">\n        {{ $t(\"contextMenu.saveToMyLikedSongs\") }}\n      </div>\n      <div class=\"item\" @click=\"like\" v-show=\"isRightClickedTrackLiked\">\n        {{ $t(\"contextMenu.removeFromMyLikedSongs\") }}\n      </div>\n      <div\n        v-if=\"extraContextMenuItem.includes('removeTrackFromPlaylist')\"\n        class=\"item\"\n        @click=\"removeTrackFromPlaylist\"\n        >从歌单中删除</div\n      >\n      <div class=\"item\" @click=\"addTrackToPlaylist\">添加到歌单</div>\n    </ContextMenu>\n    <div :style=\"listStyles\">\n      <TrackListItem\n        v-for=\"(track, index) in tracks\"\n        :track=\"track\"\n        :key=\"itemKey === 'id' ? track.id : `${track.id}${index}`\"\n        :highlightPlayingTrack=\"highlightPlayingTrack\"\n        @dblclick.native=\"playThisList(track.id)\"\n        @click.right.native=\"openMenu($event, track)\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapMutations, mapState } from \"vuex\";\nimport { likeATrack } from \"@/api/track\";\nimport { addOrRemoveTrackFromPlaylist } from \"@/api/playlist\";\nimport { isAccountLoggedIn } from \"@/utils/auth\";\n\nimport TrackListItem from \"@/components/TrackListItem.vue\";\nimport ContextMenu from \"@/components/ContextMenu.vue\";\n\nexport default {\n  name: \"TrackList\",\n  components: {\n    TrackListItem,\n    ContextMenu,\n  },\n  props: {\n    tracks: Array,\n    type: String,\n    id: Number,\n    dbclickTrackFunc: {\n      type: String,\n      default: \"default\",\n    },\n    albumObject: {\n      type: Object,\n      default: () => {\n        return {\n          artist: {\n            name: \"\",\n          },\n        };\n      },\n    },\n    extraContextMenuItem: {\n      type: Array,\n      default: () => {\n        return []; // 'removeTrackFromPlaylist'\n      },\n    },\n    columnNumber: {\n      type: Number,\n      default: 4,\n    },\n    highlightPlayingTrack: {\n      type: Boolean,\n      default: true,\n    },\n    itemKey: {\n      type: String,\n      default: \"id\",\n    },\n  },\n  data() {\n    return {\n      rightClickedTrack: {\n        id: 0,\n        name: \"\",\n        ar: [{ name: \"\" }],\n        al: { picUrl: \"\" },\n      },\n      listStyles: {},\n    };\n  },\n  created() {\n    if (this.type === \"tracklist\") {\n      this.listStyles = {\n        display: \"grid\",\n        gap: \"4px\",\n        gridTemplateColumns: `repeat(${this.columnNumber}, 1fr)`,\n      };\n    }\n  },\n  computed: {\n    ...mapState([\"liked\"]),\n    isRightClickedTrackLiked() {\n      return this.liked.songs.includes(this.rightClickedTrack?.id);\n    },\n  },\n  methods: {\n    ...mapMutations([\"updateLikedSongs\", \"updateModal\"]),\n    ...mapActions([\"nextTrack\", \"showToast\"]),\n    openMenu(e, track) {\n      this.rightClickedTrack = track;\n      this.$refs.menu.openMenu(e);\n    },\n    closeMenu() {\n      this.rightClickedTrack = {\n        id: 0,\n        name: \"\",\n        ar: [{ name: \"\" }],\n        al: { picUrl: \"\" },\n      };\n    },\n    playThisList(trackID) {\n      if (this.dbclickTrackFunc === \"default\") {\n        this.playThisListDefault(trackID);\n      } else if (this.dbclickTrackFunc === \"none\") {\n        // do nothing\n      } else if (this.dbclickTrackFunc === \"playTrackOnListByID\") {\n        this.$store.state.player.playTrackOnListByID(trackID);\n      } else if (this.dbclickTrackFunc === \"playPlaylistByID\") {\n        this.$store.state.player.playPlaylistByID(this.id, trackID);\n      } else if (this.dbclickTrackFunc === \"playAList\") {\n        let trackIDs = this.tracks.map((t) => t.id);\n        this.$store.state.player.replacePlaylist(\n          trackIDs,\n          this.id,\n          \"artist\",\n          trackID\n        );\n      } else if (this.dbclickTrackFunc === \"dailyTracks\") {\n        let trackIDs = this.tracks.map((t) => t.id);\n        this.$store.state.player.replacePlaylist(\n          trackIDs,\n          \"/daily/songs\",\n          \"url\",\n          trackID\n        );\n      }\n    },\n    playThisListDefault(trackID) {\n      if (this.type === \"playlist\") {\n        this.$store.state.player.playPlaylistByID(this.id, trackID);\n      } else if (this.type === \"album\") {\n        this.$store.state.player.playAlbumByID(this.id, trackID);\n      } else if (this.type === \"tracklist\") {\n        let trackIDs = this.tracks.map((t) => t.id);\n        this.$store.state.player.replacePlaylist(\n          trackIDs,\n          this.id,\n          \"artist\",\n          trackID\n        );\n      }\n    },\n    play() {\n      this.$store.state.player.addTrackToPlayNext(\n        this.rightClickedTrack.id,\n        true\n      );\n    },\n    playNext() {\n      this.$store.state.player.addTrackToPlayNext(this.rightClickedTrack.id);\n    },\n    like() {\n      this.likeASong(this.rightClickedTrack.id);\n    },\n    likeASong(id) {\n      if (!isAccountLoggedIn()) {\n        this.showToast(\"此操作需要登录网易云账号\");\n        return;\n      }\n      let like = true;\n      let likedSongs = this.liked.songs;\n      if (likedSongs.includes(id)) like = false;\n      likeATrack({ id, like }).then((data) => {\n        if (data.code !== 200) return;\n        if (like === false) {\n          this.showToast(this.$t(\"toast.removedFromMyLikedSongs\"));\n          this.updateLikedSongs(likedSongs.filter((d) => d !== id));\n        } else {\n          this.showToast(this.$t(\"toast.savedToMyLikedSongs\"));\n          likedSongs.push(id);\n          this.updateLikedSongs(likedSongs);\n        }\n      });\n    },\n    addTrackToPlaylist() {\n      if (!isAccountLoggedIn()) {\n        this.showToast(\"此操作需要登录网易云账号\");\n        return;\n      }\n      this.updateModal({\n        modalName: \"addTrackToPlaylistModal\",\n        key: \"show\",\n        value: true,\n      });\n      this.updateModal({\n        modalName: \"addTrackToPlaylistModal\",\n        key: \"selectedTrackID\",\n        value: this.rightClickedTrack.id,\n      });\n    },\n    removeTrackFromPlaylist() {\n      if (!isAccountLoggedIn()) {\n        this.showToast(\"此操作需要登录网易云账号\");\n        return;\n      }\n      if (confirm(`确定要从歌单删除 ${this.rightClickedTrack.name}？`)) {\n        let trackID = this.rightClickedTrack.id;\n        addOrRemoveTrackFromPlaylist({\n          op: \"del\",\n          pid: this.id,\n          tracks: trackID,\n        }).then((data) => {\n          this.showToast(\n            data.body.code === 200 ? \"已从歌单中删除\" : data.body.message\n          );\n          this.$parent.removeTrack(trackID);\n        });\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrackList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrackList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrackList.vue?vue&type=template&id=0574ba73&scoped=true&\"\nimport script from \"./TrackList.vue?vue&type=script&lang=js&\"\nexport * from \"./TrackList.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0574ba73\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrackListItem.vue?vue&type=style&index=0&id=0fd62688&lang=scss&scoped=true&\""],"sourceRoot":""}