{"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:///./src/views/dailyTracks.vue?9e18","webpack:///src/views/dailyTracks.vue","webpack:///./src/views/dailyTracks.vue?c0b1","webpack:///./src/views/dailyTracks.vue","webpack:///./src/views/dailyTracks.vue?a248","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","directives","rawName","value","expression","_m","dailyTracks","TrackList","show","loadDailyTracks","methods","ref","_f","rightClickedTrack","al","picUrl","on","play","$t","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","Object","Boolean","image","undefined","isPlaylist","liked","songs","$store","state","player","currentTrack","settings","push","isMenuOpened","$router","likeASong","TrackListItem","ContextMenu","tracks","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-3fbdf7e6.ed851d10.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.show),expression:\"show\"}]},[_vm._m(0),_c('TrackList',{attrs:{\"tracks\":_vm.dailyTracks,\"type\":\"playlist\",\"dbclickTrackFunc\":\"dailyTracks\"}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"special-playlist\"},[_c('div',{staticClass:\"title gradient\"},[_vm._v(\" 每日歌曲推荐 \")]),_c('div',{staticClass:\"subtitle\"},[_vm._v(\"根据你的音乐口味生成 · 每天6:00更新\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div v-show=\"show\">\n    <div class=\"special-playlist\">\n      <div class=\"title gradient\"> 每日歌曲推荐 </div>\n      <div class=\"subtitle\">根据你的音乐口味生成 · 每天6:00更新</div>\n    </div>\n\n    <TrackList\n      :tracks=\"dailyTracks\"\n      type=\"playlist\"\n      dbclickTrackFunc=\"dailyTracks\"\n    />\n  </div>\n</template>\n\n<script>\nimport { mapMutations, mapState } from \"vuex\";\nimport NProgress from \"nprogress\";\nimport { dailyRecommendTracks } from \"@/api/playlist\";\n\nimport TrackList from \"@/components/TrackList.vue\";\n\nexport default {\n  name: \"dailyTracks\",\n  components: {\n    TrackList,\n  },\n  data() {\n    return {\n      show: false,\n    };\n  },\n  created() {\n    if (this.dailyTracks.length === 0) {\n      NProgress.start();\n      this.loadDailyTracks();\n    } else {\n      this.show = true;\n    }\n  },\n  computed: {\n    ...mapState([\"player\", \"data\", \"dailyTracks\"]),\n  },\n  methods: {\n    ...mapMutations([\"updateDailyTracks\"]),\n    loadDailyTracks() {\n      dailyRecommendTracks().then((result) => {\n        this.updateDailyTracks(result.data.dailySongs);\n        NProgress.done();\n        this.show = true;\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.special-playlist {\n  margin-top: 192px;\n  margin-bottom: 128px;\n  border-radius: 1.25em;\n  text-align: center;\n\n  @keyframes letterSpacing4 {\n    from {\n      letter-spacing: 0px;\n    }\n\n    to {\n      letter-spacing: 4px;\n    }\n  }\n\n  @keyframes letterSpacing1 {\n    from {\n      letter-spacing: 0px;\n    }\n\n    to {\n      letter-spacing: 1px;\n    }\n  }\n\n  .title {\n    font-size: 84px;\n    line-height: 1.05;\n    font-weight: 700;\n    text-transform: uppercase;\n\n    letter-spacing: 4px;\n    animation-duration: 0.8s;\n    animation-name: letterSpacing4;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    // background-image: linear-gradient(\n    //   225deg,\n    //   var(--color-primary),\n    //   var(--color-primary)\n    // );\n\n    img {\n      height: 78px;\n      border-radius: 0.125em;\n      margin-right: 24px;\n    }\n  }\n  .subtitle {\n    font-size: 18px;\n    letter-spacing: 1px;\n    margin: 28px 0 54px 0;\n    animation-duration: 0.8s;\n    animation-name: letterSpacing1;\n    text-transform: uppercase;\n    color: var(--color-text);\n  }\n  .buttons {\n    margin-top: 32px;\n    display: flex;\n    justify-content: center;\n    button {\n      margin-right: 16px;\n    }\n  }\n}\n\n.gradient {\n  background: linear-gradient(to left, #dd2476, #ff512f);\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!./dailyTracks.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!./dailyTracks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dailyTracks.vue?vue&type=template&id=5a079de2&scoped=true&\"\nimport script from \"./dailyTracks.vue?vue&type=script&lang=js&\"\nexport * from \"./dailyTracks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dailyTracks.vue?vue&type=style&index=0&id=5a079de2&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  \"5a079de2\",\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!./dailyTracks.vue?vue&type=style&index=0&id=5a079de2&lang=scss&scoped=true&\"","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":""}