{"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/ButtonTwoTone.vue?42d3","webpack:///./src/components/ArtistsInLine.vue?2cc4","webpack:///src/components/ArtistsInLine.vue","webpack:///./src/components/ArtistsInLine.vue?d1db","webpack:///./src/components/ArtistsInLine.vue","webpack:///./src/components/MvRow.vue?78c4","webpack:///./src/components/CoverRow.vue?b120","webpack:///src/components/CoverRow.vue","webpack:///./src/components/CoverRow.vue?ca50","webpack:///./src/components/CoverRow.vue","webpack:///./src/components/Cover.vue?7b33","webpack:///src/components/Cover.vue","webpack:///./src/components/Cover.vue?c51e","webpack:///./src/components/Cover.vue","webpack:///./src/components/ButtonTwoTone.vue?9500","webpack:///src/components/ButtonTwoTone.vue","webpack:///./src/components/ButtonTwoTone.vue?3552","webpack:///./src/components/ButtonTwoTone.vue","webpack:///./src/views/artist.vue?9fc6","webpack:///src/views/artist.vue","webpack:///./src/views/artist.vue?4b8c","webpack:///./src/views/artist.vue","webpack:///./src/components/Cover.vue?536e","webpack:///./src/components/CoverRow.vue?3add","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","webpack:///./src/components/MvRow.vue?bc9f","webpack:///src/components/MvRow.vue","webpack:///./src/components/MvRow.vue?2b6e","webpack:///./src/components/MvRow.vue","webpack:///./src/views/artist.vue?cfca"],"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","item","class","artist","getImageUrl","_f","playCount","fontSize","subTextFontSize","isExplicit","isPrivacy","getTitleLink","subText","domProps","getSubText","Cover","ExplicitSymbol","items","showPlayCount","columnNumber","gap","rowStyles","methods","copywriter","description","updateFrequency","creator","nickname","undefined","albumType","privacy","mark","img1v1Url","img1v1ID","coverHover","on","$event","focus","clickCoverToPlay","play","goTo","directives","rawName","value","expression","stopPropagation","imageUrl","alwaysShowShadow","fixedSize","playButtonSize","alwaysShowPlayButton","shadowMargin","radius","imageStyles","styles","borderRadius","playButtonStyles","shadowStyles","backgroundImage","album","player","playAlbumByID","playlist","playPlaylistByID","playArtistByID","playActions","bind","$router","push","color","iconClass","marginRight","iconButton","_t","Boolean","horizontalPadding","backgroundColor","textColor","shape","buttonStyle","padding","$t","scrollTo","musicSize","albumSize","mvSize","nativeOn","playPopularSongs","followArtist","latestRelease","picUrl","publishTime","popularTracks","slice","showMorePopTracks","albums","mvs","eps","similarArtists","show","albumsData","hasMoreMV","loadData","next","goToAlbum","params","$store","state","replacePlaylist","t","followed","code","showToast","document","getElementById","div","scrollIntoView","behavior","block","$route","activated","toString","beforeRouteUpdate","to","ref","rightClickedTrack","al","playNext","isRightClickedTrackLiked","like","extraContextMenuItem","includes","removeTrackFromPlaylist","addTrackToPlaylist","track","itemKey","highlightPlayingTrack","playThisList","openMenu","trackClass","showUnavailableSongInGreyStyle","reason","hover","isAlbum","imgUrl","playable","isPlaying","playTrack","staticStyle","no","$parent","albumObject","isTracklist","likeThisSong","visibility","isLiked","dt","Object","image","isPlaylist","liked","songs","currentTrack","settings","isMenuOpened","likeASong","TrackListItem","ContextMenu","tracks","dbclickTrackFunc","listStyles","display","gridTemplateColumns","$refs","menu","e","closeMenu","playThisListDefault","trackID","playTrackOnListByID","addTrackToPlayNext","likedSongs","updateModal","modalName","confirm","op","pid","withoutPadding","mv","getID","hoverVideoID","goToMv","getUrl","background","getTitle","getSubtitle","subtitle","query","url","replace","vid","title","artistName","artistID","artistId","userName","userId"],"mappings":"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","file":"js/chunk-6cfe0a72.ddd7ab9c.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","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!./ButtonTwoTone.vue?vue&type=style&index=0&id=18f7e8ba&lang=scss&scoped=true&\"","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","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!./MvRow.vue?vue&type=style&index=0&id=71b4f1ff&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cover-row\",style:(_vm.rowStyles)},_vm._l((_vm.items),function(item){return _c('div',{key:item.id,staticClass:\"item\",class:{ artist: _vm.type === 'artist' }},[_c('Cover',{attrs:{\"imageUrl\":_vm.getImageUrl(item),\"type\":_vm.type,\"id\":item.id,\"playButtonSize\":_vm.type === 'artist' ? 26 : 22}}),_c('div',{staticClass:\"text\"},[(_vm.showPlayCount)?_c('div',{staticClass:\"info\"},[_c('span',{staticClass:\"play-count\"},[_c('svg-icon',{attrs:{\"icon-class\":\"play\"}}),_vm._v(_vm._s(_vm._f(\"formatPlayCount\")(item.playCount))+\" \")],1)]):_vm._e(),_c('div',{staticClass:\"title\",style:({ fontSize: _vm.subTextFontSize })},[(_vm.isExplicit(item))?_c('span',{staticClass:\"explicit-symbol\"},[_c('ExplicitSymbol')],1):_vm._e(),(_vm.isPrivacy(item))?_c('span',{staticClass:\"lock-icon\"},[_c('svg-icon',{attrs:{\"icon-class\":\"lock\"}})],1):_vm._e(),_c('router-link',{attrs:{\"to\":_vm.getTitleLink(item)}},[_vm._v(_vm._s(item.name))])],1),(_vm.type !== 'artist' && _vm.subText !== 'none')?_c('div',{staticClass:\"info\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.getSubText(item))}})]):_vm._e()])],1)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"cover-row\" :style=\"rowStyles\">\n    <div\n      class=\"item\"\n      v-for=\"item in items\"\n      :key=\"item.id\"\n      :class=\"{ artist: type === 'artist' }\"\n    >\n      <Cover\n        :imageUrl=\"getImageUrl(item)\"\n        :type=\"type\"\n        :id=\"item.id\"\n        :playButtonSize=\"type === 'artist' ? 26 : 22\"\n      />\n      <div class=\"text\">\n        <div class=\"info\" v-if=\"showPlayCount\">\n          <span class=\"play-count\"\n            ><svg-icon icon-class=\"play\" />{{\n              item.playCount | formatPlayCount\n            }}\n          </span>\n        </div>\n        <div class=\"title\" :style=\"{ fontSize: subTextFontSize }\">\n          <span class=\"explicit-symbol\" v-if=\"isExplicit(item)\"\n            ><ExplicitSymbol\n          /></span>\n          <span class=\"lock-icon\" v-if=\"isPrivacy(item)\">\n            <svg-icon icon-class=\"lock\"\n          /></span>\n          <router-link :to=\"getTitleLink(item)\">{{ item.name }}</router-link>\n        </div>\n        <div class=\"info\" v-if=\"type !== 'artist' && subText !== 'none'\">\n          <span v-html=\"getSubText(item)\"></span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Cover from \"@/components/Cover.vue\";\nimport ExplicitSymbol from \"@/components/ExplicitSymbol.vue\";\n\nexport default {\n  name: \"CoverRow\",\n  components: {\n    Cover,\n    ExplicitSymbol,\n  },\n  props: {\n    items: { type: Array, required: true },\n    type: { type: String, required: true },\n    subText: { type: String, default: \"null\" },\n    subTextFontSize: { type: String, default: \"16px\" },\n    showPlayCount: { type: Boolean, default: false },\n    columnNumber: { type: Number, default: 5 },\n    gap: { type: String, default: \"44px 24px\" },\n  },\n  computed: {\n    rowStyles() {\n      return {\n        \"grid-template-columns\": `repeat(${this.columnNumber}, 1fr)`,\n        gap: this.gap,\n      };\n    },\n  },\n  methods: {\n    getSubText(item) {\n      if (this.subText === \"copywriter\") return item.copywriter;\n      if (this.subText === \"description\") return item.description;\n      if (this.subText === \"updateFrequency\") return item.updateFrequency;\n      if (this.subText === \"creator\") return \"by \" + item.creator.nickname;\n      if (this.subText === \"releaseYear\")\n        return new Date(item.publishTime).getFullYear();\n      if (this.subText === \"artist\") {\n        if (item.artist !== undefined)\n          return `<a href=\"/#/artist/${item.artist.id}\">${item.artist.name}</a>`;\n        if (item.artists !== undefined)\n          return `<a href=\"/#/artist/${item.artists[0].id}\">${item.artists[0].name}</a>`;\n      }\n      if (this.subText === \"albumType+releaseYear\") {\n        let albumType = item.type;\n        if (item.type === \"EP/Single\") {\n          albumType = item.size === 1 ? \"Single\" : \"EP\";\n        } else if (item.type === \"Single\") {\n          albumType = \"Single\";\n        } else if (item.type === \"专辑\") {\n          albumType = \"Album\";\n        }\n        return `${albumType} · ${new Date(item.publishTime).getFullYear()}`;\n      }\n      if (this.subText === \"appleMusic\") return \"by Apple Music\";\n    },\n    isPrivacy(item) {\n      return this.type === \"playlist\" && item.privacy === 10;\n    },\n    isExplicit(item) {\n      return this.type === \"album\" && item.mark === 1056768;\n    },\n    getTitleLink(item) {\n      return `/${this.type}/${item.id}`;\n    },\n    getImageUrl(item) {\n      if (item.img1v1Url) {\n        let img1v1ID = item.img1v1Url.split(\"/\");\n        img1v1ID = img1v1ID[img1v1ID.length - 1];\n        if (img1v1ID === \"5639395138885805.jpg\") {\n          // 没有头像的歌手，网易云返回的img1v1Url并不是正方形的 😅😅😅\n          return \"https://p2.music.126.net/VnZiScyynLG7atLIZ2YPkw==/18686200114669622.jpg?param=512y512\";\n        }\n      }\n      let img = item.img1v1Url || item.picUrl || item.coverImgUrl;\n      return `${img}?param=512y512`;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.cover-row {\n  display: grid;\n}\n\n.item {\n  color: var(--color-text);\n  .text {\n    margin-top: 8px;\n    .title {\n      font-size: 16px;\n      font-weight: 600;\n      line-height: 20px;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n      overflow: hidden;\n      word-break: break-all;\n    }\n    .info {\n      font-size: 12px;\n      opacity: 0.68;\n      line-height: 18px;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n      overflow: hidden;\n      word-break: break-word;\n    }\n  }\n}\n\n.item.artist {\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  .cover {\n    display: flex;\n  }\n  .title {\n    margin-top: 4px;\n  }\n}\n\n@media (max-width: 834px) {\n  .item .text .title {\n    font-size: 14px;\n  }\n}\n\n.explicit-symbol {\n  opacity: 0.28;\n  color: var(--color-text);\n  float: right;\n  .svg-icon {\n    margin-bottom: -3px;\n  }\n}\n\n.lock-icon {\n  opacity: 0.28;\n  color: var(--color-text);\n  margin-right: 4px;\n  // float: right;\n  .svg-icon {\n    height: 12px;\n    width: 12px;\n  }\n}\n\n.play-count {\n  font-weight: 600;\n  opacity: 0.58;\n  color: var(--color-text);\n  font-size: 12px;\n  .svg-icon {\n    margin-right: 3px;\n    height: 8px;\n    width: 8px;\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!./CoverRow.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!./CoverRow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CoverRow.vue?vue&type=template&id=b46b0474&scoped=true&\"\nimport script from \"./CoverRow.vue?vue&type=script&lang=js&\"\nexport * from \"./CoverRow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CoverRow.vue?vue&type=style&index=0&id=b46b0474&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  \"b46b0474\",\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:\"cover\",class:{ 'cover-hover': _vm.coverHover },on:{\"mouseover\":function($event){_vm.focus = true},\"mouseleave\":function($event){_vm.focus = false},\"click\":function($event){_vm.clickCoverToPlay ? _vm.play() : _vm.goTo()}}},[_c('div',{staticClass:\"cover-container\"},[_c('div',{staticClass:\"shade\"},[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.focus),expression:\"focus\"}],staticClass:\"play-button\",style:(_vm.playButtonStyles),on:{\"click\":function($event){$event.stopPropagation();return _vm.play()}}},[_c('svg-icon',{attrs:{\"icon-class\":\"play\"}})],1)]),_c('img',{style:(_vm.imageStyles),attrs:{\"src\":_vm.imageUrl}}),(_vm.coverHover || _vm.alwaysShowShadow)?_c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.focus || _vm.alwaysShowShadow),expression:\"focus || alwaysShowShadow\"}],staticClass:\"shadow\",style:(_vm.shadowStyles)})]):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"cover\"\n    @mouseover=\"focus = true\"\n    @mouseleave=\"focus = false\"\n    :class=\"{ 'cover-hover': coverHover }\"\n    @click=\"clickCoverToPlay ? play() : goTo()\"\n  >\n    <div class=\"cover-container\">\n      <div class=\"shade\">\n        <button\n          v-show=\"focus\"\n          class=\"play-button\"\n          @click.stop=\"play()\"\n          :style=\"playButtonStyles\"\n          ><svg-icon icon-class=\"play\" />\n        </button>\n      </div>\n      <img :src=\"imageUrl\" :style=\"imageStyles\" />\n      <transition name=\"fade\" v-if=\"coverHover || alwaysShowShadow\">\n        <div\n          class=\"shadow\"\n          v-show=\"focus || alwaysShowShadow\"\n          :style=\"shadowStyles\"\n        ></div>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    id: { type: Number, required: true },\n    type: { type: String, required: true },\n    imageUrl: { type: String, required: true },\n    fixedSize: { type: Number, default: 0 },\n    playButtonSize: { type: Number, default: 22 },\n    coverHover: { type: Boolean, default: true },\n    alwaysShowPlayButton: { type: Boolean, default: true },\n    alwaysShowShadow: { type: Boolean, default: false },\n    clickCoverToPlay: { type: Boolean, default: false },\n    shadowMargin: { type: Number, default: 12 },\n    radius: { type: Number, default: 12 },\n  },\n  data() {\n    return {\n      focus: false,\n    };\n  },\n  computed: {\n    imageStyles() {\n      let styles = {};\n      if (this.fixedSize !== 0) {\n        styles.width = this.fixedSize + \"px\";\n        styles.height = this.fixedSize + \"px\";\n      }\n      if (this.type === \"artist\") styles.borderRadius = \"50%\";\n      return styles;\n    },\n    playButtonStyles() {\n      let styles = {};\n      styles.width = this.playButtonSize + \"%\";\n      styles.height = this.playButtonSize + \"%\";\n      return styles;\n    },\n    shadowStyles() {\n      let styles = {};\n      styles.backgroundImage = `url(${this.imageUrl})`;\n      if (this.type === \"artist\") styles.borderRadius = \"50%\";\n      return styles;\n    },\n  },\n  methods: {\n    play() {\n      const player = this.$store.state.player;\n      const playActions = {\n        album: player.playAlbumByID,\n        playlist: player.playPlaylistByID,\n        artist: player.playArtistByID,\n      };\n      playActions[this.type].bind(player)(this.id);\n    },\n    goTo() {\n      this.$router.push({ name: this.type, params: { id: this.id } });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.cover {\n  position: relative;\n  transition: transform 0.3s;\n}\n.cover-container {\n  position: relative;\n}\nimg {\n  border-radius: 0.75em;\n  width: 100%;\n  user-select: none;\n}\n\n.cover-hover {\n  &:hover {\n    cursor: pointer;\n    /* transform: scale(1.02); */\n  }\n}\n\n.shade {\n  position: absolute;\n  top: 0;\n  height: calc(100% - 3px);\n  width: 100%;\n  background: transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.play-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: white;\n  backdrop-filter: blur(8px);\n  background: rgba(255, 255, 255, 0.14);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  height: 22%;\n  width: 22%;\n  border-radius: 50%;\n  cursor: default;\n  transition: 0.2s;\n  .svg-icon {\n    height: 44%;\n    margin: {\n      left: 4px;\n    }\n  }\n  &:hover {\n    background: rgba(255, 255, 255, 0.28);\n  }\n  &:active {\n    transform: scale(0.94);\n  }\n}\n\n.shadow {\n  position: absolute;\n  top: 12px;\n  height: 100%;\n  width: 100%;\n  filter: blur(16px) opacity(0.6);\n  transform: scale(0.92, 0.96);\n  z-index: -1;\n  background-size: cover;\n  border-radius: 0.75em;\n}\n\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n  opacity: 0;\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!./Cover.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!./Cover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Cover.vue?vue&type=template&id=358ddfb0&scoped=true&\"\nimport script from \"./Cover.vue?vue&type=script&lang=js&\"\nexport * from \"./Cover.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Cover.vue?vue&type=style&index=0&id=358ddfb0&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  \"358ddfb0\",\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('button',{class:_vm.color,style:(_vm.buttonStyle)},[(_vm.iconClass !== null)?_c('svg-icon',{style:({ marginRight: _vm.iconButton ? '0px' : '8px' }),attrs:{\"iconClass\":_vm.iconClass}}):_vm._e(),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <button :style=\"buttonStyle\" :class=\"color\">\n    <svg-icon\n      v-if=\"iconClass !== null\"\n      :iconClass=\"iconClass\"\n      :style=\"{ marginRight: iconButton ? '0px' : '8px' }\"\n    />\n    <slot></slot>\n  </button>\n</template>\n\n<script>\nexport default {\n  name: \"ButtonTwoTone\",\n  props: {\n    iconClass: {\n      type: String,\n      default: null,\n    },\n    iconButton: {\n      type: Boolean,\n      default: false,\n    },\n    horizontalPadding: {\n      type: Number,\n      default: 16,\n    },\n    color: {\n      type: String,\n      default: \"blue\",\n    },\n    backgroundColor: {\n      type: String,\n      default: \"\",\n    },\n    textColor: {\n      type: String,\n      default: \"\",\n    },\n    shape: {\n      type: String,\n      default: \"square\",\n    },\n  },\n  computed: {\n    buttonStyle() {\n      let styles = {\n        borderRadius: this.shape === \"round\" ? \"50%\" : \"8px\",\n        padding: `8px ${this.horizontalPadding}px`,\n        // height: \"38px\",\n        width: this.shape === \"round\" ? \"38px\" : \"auto\",\n      };\n      if (this.backgroundColor !== \"\")\n        styles.backgroundColor = this.backgroundColor;\n      if (this.textColor !== \"\") styles.color = this.textColor;\n      return styles;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nbutton {\n  height: 40px;\n  min-width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  line-height: 18px;\n  font-weight: 600;\n  background-color: var(--color-primary-bg);\n  color: var(--color-primary);\n  margin-right: 12px;\n  transition: 0.2s;\n  .svg-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &:hover {\n    transform: scale(1.06);\n  }\n  &:active {\n    transform: scale(0.94);\n  }\n}\nbutton.grey {\n  background-color: var(--color-secondary-bg);\n  color: var(--color-text);\n  opacity: 0.78;\n}\nbutton.transparent {\n  background-color: transparent;\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!./ButtonTwoTone.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!./ButtonTwoTone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonTwoTone.vue?vue&type=template&id=18f7e8ba&scoped=true&\"\nimport script from \"./ButtonTwoTone.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonTwoTone.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ButtonTwoTone.vue?vue&type=style&index=0&id=18f7e8ba&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  \"18f7e8ba\",\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\"}],staticClass:\"artist\"},[_c('div',{staticClass:\"artist-info\"},[_c('div',{staticClass:\"head\"},[_c('img',{attrs:{\"src\":_vm._f(\"resizeImage\")(_vm.artist.img1v1Url,1024)}})]),_c('div',[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.artist.name))]),_c('div',{staticClass:\"artist\"},[_vm._v(_vm._s(_vm.$t(\"artist.artist\")))]),_c('div',{staticClass:\"statistics\"},[_c('a',{on:{\"click\":function($event){return _vm.scrollTo('popularTracks')}}},[_vm._v(_vm._s(_vm.artist.musicSize)+\" \"+_vm._s(_vm.$t(\"common.songs\")))]),_vm._v(\" · \"),_c('a',{on:{\"click\":function($event){return _vm.scrollTo('seeMore', 'start')}}},[_vm._v(_vm._s(_vm.artist.albumSize)+\" \"+_vm._s(_vm.$t(\"artist.withAlbums\")))]),_vm._v(\" · \"),_c('a',{on:{\"click\":function($event){return _vm.scrollTo('mvs')}}},[_vm._v(_vm._s(_vm.artist.mvSize)+\" \"+_vm._s(_vm.$t(\"artist.videos\")))])]),_c('div',{staticClass:\"buttons\"},[_c('ButtonTwoTone',{attrs:{\"iconClass\":\"play\"},nativeOn:{\"click\":function($event){return _vm.playPopularSongs()}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"common.play\"))+\" \")]),_c('ButtonTwoTone',{attrs:{\"color\":\"grey\"},nativeOn:{\"click\":function($event){return _vm.followArtist($event)}}},[(_vm.artist.followed)?_c('span',[_vm._v(_vm._s(_vm.$t(\"artist.following\")))]):_c('span',[_vm._v(_vm._s(_vm.$t(\"artist.follow\")))])])],1)])]),_c('div',{staticClass:\"latest-release\"},[_c('div',{staticClass:\"section-title\"},[_vm._v(_vm._s(_vm.$t(\"artist.latestRelease\")))]),_c('div',{staticClass:\"release\"},[_c('div',{staticClass:\"container\"},[_c('Cover',{attrs:{\"imageUrl\":_vm._f(\"resizeImage\")(_vm.latestRelease.picUrl),\"type\":\"album\",\"id\":_vm.latestRelease.id,\"fixedSize\":128,\"playButtonSize\":30}}),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"name\"},[_c('router-link',{attrs:{\"to\":(\"/album/\" + (_vm.latestRelease.id))}},[_vm._v(_vm._s(_vm.latestRelease.name))])],1),_c('div',{staticClass:\"date\"},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(_vm.latestRelease.publishTime))+\" \")]),_c('div',{staticClass:\"type\"},[_vm._v(\" \"+_vm._s(_vm._f(\"formatAlbumType\")(_vm.latestRelease.type,_vm.latestRelease))+\" · \"+_vm._s(_vm.latestRelease.size)+\" \"+_vm._s(_vm.$t(\"common.songs\"))+\" \")])])],1),_c('div')])]),_c('div',{staticClass:\"popular-tracks\",attrs:{\"id\":\"popularTracks\"}},[_c('div',{staticClass:\"section-title\"},[_vm._v(_vm._s(_vm.$t(\"artist.popularSongs\")))]),_c('TrackList',{attrs:{\"tracks\":_vm.popularTracks.slice(0, _vm.showMorePopTracks ? 24 : 12),\"type\":'tracklist'}}),_c('div',{staticClass:\"show-more\",attrs:{\"id\":\"seeMore\"}},[_c('button',{on:{\"click\":function($event){_vm.showMorePopTracks = !_vm.showMorePopTracks}}},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showMorePopTracks),expression:\"!showMorePopTracks\"}]},[_vm._v(_vm._s(_vm.$t(\"artist.showMore\")))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showMorePopTracks),expression:\"showMorePopTracks\"}]},[_vm._v(_vm._s(_vm.$t(\"artist.showLess\")))])])])],1),(_vm.albums.length !== 0)?_c('div',{staticClass:\"albums\",attrs:{\"id\":\"albums\"}},[_c('div',{staticClass:\"section-title\"},[_vm._v(_vm._s(_vm.$t(\"artist.albums\")))]),_c('CoverRow',{attrs:{\"type\":'album',\"items\":_vm.albums,\"subText\":'releaseYear',\"showPlayButton\":true}})],1):_vm._e(),(_vm.mvs.length !== 0)?_c('div',{staticClass:\"mvs\",attrs:{\"id\":\"mvs\"}},[_c('div',{staticClass:\"section-title\"},[_vm._v(\"MVs \"),_c('router-link',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasMoreMV),expression:\"hasMoreMV\"}],attrs:{\"to\":(\"/artist/\" + (this.artist.id) + \"/mv\")}},[_vm._v(_vm._s(_vm.$t(\"home.seeMore\")))])],1),_c('MvRow',{attrs:{\"mvs\":_vm.mvs,\"subtitle\":\"publishTime\"}})],1):_vm._e(),(_vm.eps.length !== 0)?_c('div',{staticClass:\"eps\"},[_c('div',{staticClass:\"section-title\"},[_vm._v(_vm._s(_vm.$t(\"artist.EPsSingles\")))]),_c('CoverRow',{attrs:{\"type\":'album',\"items\":_vm.eps,\"subText\":'albumType+releaseYear',\"showPlayButton\":true}})],1):_vm._e(),(_vm.similarArtists.length !== 0)?_c('div',{staticClass:\"similar-artists\"},[_c('div',{staticClass:\"section-title\"},[_vm._v(\"相似艺人\")]),_c('CoverRow',{attrs:{\"type\":\"artist\",\"columnNumber\":6,\"gap\":\"36px 28px\",\"items\":_vm.similarArtists.slice(0, 12)}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"artist\" v-show=\"show\">\n    <div class=\"artist-info\">\n      <div class=\"head\">\n        <img :src=\"artist.img1v1Url | resizeImage(1024)\" />\n      </div>\n      <div>\n        <div class=\"name\">{{ artist.name }}</div>\n        <div class=\"artist\">{{ $t(\"artist.artist\") }}</div>\n        <div class=\"statistics\">\n          <a @click=\"scrollTo('popularTracks')\"\n            >{{ artist.musicSize }} {{ $t(\"common.songs\") }}</a\n          >\n          ·\n          <a @click=\"scrollTo('seeMore', 'start')\"\n            >{{ artist.albumSize }} {{ $t(\"artist.withAlbums\") }}</a\n          >\n          ·\n          <a @click=\"scrollTo('mvs')\"\n            >{{ artist.mvSize }} {{ $t(\"artist.videos\") }}</a\n          >\n        </div>\n        <div class=\"buttons\">\n          <ButtonTwoTone @click.native=\"playPopularSongs()\" :iconClass=\"`play`\">\n            {{ $t(\"common.play\") }}\n          </ButtonTwoTone>\n          <ButtonTwoTone @click.native=\"followArtist\" color=\"grey\">\n            <span v-if=\"artist.followed\">{{ $t(\"artist.following\") }}</span>\n            <span v-else>{{ $t(\"artist.follow\") }}</span>\n          </ButtonTwoTone>\n        </div>\n      </div>\n    </div>\n    <div class=\"latest-release\">\n      <div class=\"section-title\">{{ $t(\"artist.latestRelease\") }}</div>\n      <div class=\"release\">\n        <div class=\"container\">\n          <Cover\n            :imageUrl=\"latestRelease.picUrl | resizeImage\"\n            type=\"album\"\n            :id=\"latestRelease.id\"\n            :fixedSize=\"128\"\n            :playButtonSize=\"30\"\n          />\n          <div class=\"info\">\n            <div class=\"name\">\n              <router-link :to=\"`/album/${latestRelease.id}`\">{{\n                latestRelease.name\n              }}</router-link>\n            </div>\n            <div class=\"date\">\n              {{ latestRelease.publishTime | formatDate }}\n            </div>\n            <div class=\"type\">\n              {{ latestRelease.type | formatAlbumType(latestRelease) }} ·\n              {{ latestRelease.size }} {{ $t(\"common.songs\") }}\n            </div>\n          </div>\n        </div>\n        <div></div>\n      </div>\n    </div>\n    <div class=\"popular-tracks\" id=\"popularTracks\">\n      <div class=\"section-title\">{{ $t(\"artist.popularSongs\") }}</div>\n      <TrackList\n        :tracks=\"popularTracks.slice(0, showMorePopTracks ? 24 : 12)\"\n        :type=\"'tracklist'\"\n      />\n\n      <div class=\"show-more\" id=\"seeMore\">\n        <button @click=\"showMorePopTracks = !showMorePopTracks\">\n          <span v-show=\"!showMorePopTracks\">{{ $t(\"artist.showMore\") }}</span>\n          <span v-show=\"showMorePopTracks\">{{ $t(\"artist.showLess\") }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"albums\" id=\"albums\" v-if=\"albums.length !== 0\">\n      <div class=\"section-title\">{{ $t(\"artist.albums\") }}</div>\n      <CoverRow\n        :type=\"'album'\"\n        :items=\"albums\"\n        :subText=\"'releaseYear'\"\n        :showPlayButton=\"true\"\n      />\n    </div>\n    <div class=\"mvs\" id=\"mvs\" v-if=\"mvs.length !== 0\">\n      <div class=\"section-title\"\n        >MVs\n        <router-link v-show=\"hasMoreMV\" :to=\"`/artist/${this.artist.id}/mv`\">{{\n          $t(\"home.seeMore\")\n        }}</router-link>\n      </div>\n      <MvRow :mvs=\"mvs\" subtitle=\"publishTime\" />\n    </div>\n    <div class=\"eps\" v-if=\"eps.length !== 0\">\n      <div class=\"section-title\">{{ $t(\"artist.EPsSingles\") }}</div>\n      <CoverRow\n        :type=\"'album'\"\n        :items=\"eps\"\n        :subText=\"'albumType+releaseYear'\"\n        :showPlayButton=\"true\"\n      />\n    </div>\n\n    <div class=\"similar-artists\" v-if=\"similarArtists.length !== 0\">\n      <div class=\"section-title\">相似艺人</div>\n      <CoverRow\n        type=\"artist\"\n        :columnNumber=\"6\"\n        gap=\"36px 28px\"\n        :items=\"similarArtists.slice(0, 12)\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapMutations, mapActions, mapState } from \"vuex\";\nimport {\n  getArtist,\n  getArtistAlbum,\n  artistMv,\n  followAArtist,\n  similarArtists,\n} from \"@/api/artist\";\nimport { isAccountLoggedIn } from \"@/utils/auth\";\nimport NProgress from \"nprogress\";\n\nimport ButtonTwoTone from \"@/components/ButtonTwoTone.vue\";\nimport TrackList from \"@/components/TrackList.vue\";\nimport CoverRow from \"@/components/CoverRow.vue\";\nimport Cover from \"@/components/Cover.vue\";\nimport MvRow from \"@/components/MvRow.vue\";\n\nexport default {\n  name: \"Artist\",\n  components: { Cover, ButtonTwoTone, TrackList, CoverRow, MvRow },\n  data() {\n    return {\n      show: false,\n      artist: {\n        img1v1Url:\n          \"https://p1.music.126.net/VnZiScyynLG7atLIZ2YPkw==/18686200114669622.jpg\",\n      },\n      popularTracks: [],\n      albumsData: [],\n      latestRelease: {\n        picUrl: \"\",\n        publishTime: 0,\n        id: 0,\n        name: \"\",\n        type: \"\",\n        size: \"\",\n      },\n      showMorePopTracks: false,\n      mvs: [],\n      hasMoreMV: false,\n      similarArtists: [],\n    };\n  },\n  computed: {\n    ...mapState([\"player\"]),\n    albums() {\n      return this.albumsData.filter((a) => a.type === \"专辑\");\n    },\n    eps() {\n      return this.albumsData.filter((a) =>\n        [\"EP/Single\", \"EP\", \"Single\"].includes(a.type)\n      );\n    },\n  },\n  methods: {\n    ...mapMutations([\"appendTrackToPlayerList\"]),\n    ...mapActions([\"playFirstTrackOnList\", \"playTrackOnListByID\"]),\n    loadData(id, next = undefined) {\n      getArtist(id).then((data) => {\n        this.artist = data.artist;\n        this.popularTracks = data.hotSongs;\n        if (next !== undefined) next();\n        NProgress.done();\n        this.show = true;\n      });\n      getArtistAlbum({ id: id, limit: 200 }).then((data) => {\n        this.albumsData = data.hotAlbums;\n        this.latestRelease = data.hotAlbums[0];\n      });\n      artistMv({ id }).then((data) => {\n        this.mvs = data.mvs;\n        this.hasMoreMV = data.hasMore;\n      });\n      similarArtists(id).then((data) => {\n        this.similarArtists = data.artists;\n      });\n    },\n    goToAlbum(id) {\n      this.$router.push({\n        name: \"album\",\n        params: { id },\n      });\n    },\n    playPopularSongs(trackID = \"first\") {\n      let trackIDs = this.popularTracks.map((t) => t.id);\n      this.$store.state.player.replacePlaylist(\n        trackIDs,\n        this.artist.id,\n        \"artist\",\n        trackID\n      );\n    },\n    followArtist() {\n      if (!isAccountLoggedIn()) {\n        this.showToast(\"此操作需要登录网易云账号\");\n        return;\n      }\n      followAArtist({\n        id: this.artist.id,\n        t: this.artist.followed ? 0 : 1,\n      }).then((data) => {\n        if (data.code === 200) this.artist.followed = !this.artist.followed;\n      });\n    },\n    scrollTo(div, block = \"center\") {\n      document.getElementById(div).scrollIntoView({\n        behavior: \"smooth\",\n        block,\n      });\n    },\n  },\n  created() {\n    this.loadData(this.$route.params.id);\n  },\n  activated() {\n    if (this.show) {\n      if (this.artist.id.toString() !== this.$route.params.id) {\n        this.show = false;\n        NProgress.start();\n        this.loadData(this.$route.params.id);\n      }\n    }\n  },\n  beforeRouteUpdate(to, from, next) {\n    NProgress.start();\n    this.artist.img1v1Url =\n      \"https://p1.music.126.net/VnZiScyynLG7atLIZ2YPkw==/18686200114669622.jpg\";\n    this.loadData(to.params.id, next);\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.artist-info {\n  display: flex;\n  align-items: center;\n  margin-bottom: 26px;\n  color: var(--color-text);\n  img {\n    height: 192px;\n    width: 192px;\n    border-radius: 50%;\n    margin-right: 56px;\n    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 16px -8px;\n  }\n  .name {\n    font-size: 56px;\n    font-weight: 700;\n  }\n\n  .artist {\n    font-size: 18px;\n    opacity: 0.88;\n    margin-top: 24px;\n  }\n\n  .statistics {\n    font-size: 14px;\n    opacity: 0.68;\n    margin-top: 2px;\n  }\n\n  .buttons {\n    margin-top: 26px;\n    display: flex;\n    .shuffle {\n      padding: 8px 11px;\n      .svg-icon {\n        margin: 0;\n      }\n    }\n  }\n}\n\n.section-title {\n  font-weight: 600;\n  font-size: 22px;\n  opacity: 0.88;\n  color: var(--color-text);\n  margin-bottom: 16px;\n  padding-top: 46px;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  a {\n    font-size: 13px;\n    font-weight: 600;\n    opacity: 0.68;\n  }\n}\n\n.latest-release {\n  color: var(--color-text);\n  .release {\n    display: flex;\n  }\n  .container {\n    display: flex;\n    align-items: center;\n    border-radius: 12px;\n  }\n  img {\n    height: 96px;\n    border-radius: 8px;\n  }\n  .info {\n    margin-left: 24px;\n  }\n  .name {\n    font-size: 18px;\n    font-weight: 600;\n    margin-bottom: 8px;\n  }\n  .date {\n    font-size: 14px;\n    opacity: 0.78;\n  }\n  .type {\n    margin-top: 2px;\n    font-size: 12px;\n    opacity: 0.68;\n  }\n}\n\n.popular-tracks {\n  .show-more {\n    display: flex;\n\n    button {\n      padding: 4px 8px;\n      margin-top: 8px;\n      border-radius: 6px;\n      font-size: 12px;\n      opacity: 0.78;\n      color: var(--color-secondary);\n      font-weight: 600;\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n}\n\n.similar-artists {\n  .section-title {\n    margin-bottom: 24px;\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!./artist.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!./artist.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./artist.vue?vue&type=template&id=1ca199c2&scoped=true&\"\nimport script from \"./artist.vue?vue&type=script&lang=js&\"\nexport * from \"./artist.vue?vue&type=script&lang=js&\"\nimport style0 from \"./artist.vue?vue&type=style&index=0&id=1ca199c2&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  \"1ca199c2\",\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!./Cover.vue?vue&type=style&index=0&id=358ddfb0&lang=scss&scoped=true&\"","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!./CoverRow.vue?vue&type=style&index=0&id=b46b0474&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&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mv-row\",class:{ 'without-padding': _vm.withoutPadding }},_vm._l((_vm.mvs),function(mv){return _c('div',{key:_vm.getID(mv),staticClass:\"mv\"},[_c('div',{staticClass:\"cover\",on:{\"mouseover\":function($event){_vm.hoverVideoID = _vm.getID(mv)},\"mouseleave\":function($event){_vm.hoverVideoID = 0},\"click\":function($event){_vm.goToMv(_vm.getID(mv))}}},[_c('img',{attrs:{\"src\":_vm.getUrl(mv)}}),_c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hoverVideoID === _vm.getID(mv)),expression:\"hoverVideoID === getID(mv)\"}],staticClass:\"shadow\",style:({ background: 'url(' + _vm.getUrl(mv) + ')' })})])],1),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"title\"},[_c('router-link',{attrs:{\"to\":'/mv/' + _vm.getID(mv)}},[_vm._v(_vm._s(_vm.getTitle(mv)))])],1),_c('div',{staticClass:\"artist\",domProps:{\"innerHTML\":_vm._s(_vm.getSubtitle(mv))}})])])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mv-row\" :class=\"{ 'without-padding': withoutPadding }\">\n    <div class=\"mv\" v-for=\"mv in mvs\" :key=\"getID(mv)\">\n      <div\n        class=\"cover\"\n        @mouseover=\"hoverVideoID = getID(mv)\"\n        @mouseleave=\"hoverVideoID = 0\"\n        @click=\"goToMv(getID(mv))\"\n      >\n        <img :src=\"getUrl(mv)\" />\n        <transition name=\"fade\">\n          <div\n            class=\"shadow\"\n            v-show=\"hoverVideoID === getID(mv)\"\n            :style=\"{ background: 'url(' + getUrl(mv) + ')' }\"\n          ></div>\n        </transition>\n      </div>\n      <div class=\"info\">\n        <div class=\"title\">\n          <router-link :to=\"'/mv/' + getID(mv)\">{{ getTitle(mv) }}</router-link>\n        </div>\n        <div class=\"artist\" v-html=\"getSubtitle(mv)\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"CoverVideo\",\n  props: {\n    mvs: Array,\n    subtitle: {\n      type: String,\n      default: \"artist\",\n    },\n    withoutPadding: { type: Boolean, default: false },\n  },\n  data() {\n    return {\n      hoverVideoID: 0,\n    };\n  },\n  methods: {\n    goToMv(id) {\n      let query = {};\n      if (this.$parent.player !== undefined) {\n        query = { autoplay: this.$parent.player.playing };\n      }\n      this.$router.push({ path: \"/mv/\" + id, query });\n    },\n    getUrl(mv) {\n      let url = mv.imgurl16v9 ?? mv.cover ?? mv.coverUrl;\n      return url.replace(/^http:/, \"https:\") + \"?param=464y260\";\n    },\n    getID(mv) {\n      if (mv.id !== undefined) return mv.id;\n      if (mv.vid !== undefined) return mv.vid;\n    },\n    getTitle(mv) {\n      if (mv.name !== undefined) return mv.name;\n      if (mv.title !== undefined) return mv.title;\n    },\n    getSubtitle(mv) {\n      if (this.subtitle === \"artist\") {\n        let artistName = \"null\";\n        let artistID = 0;\n        if (mv.artistName !== undefined) {\n          artistName = mv.artistName;\n          artistID = mv.artistId;\n        } else if (mv.creator !== undefined) {\n          artistName = mv.creator[0].userName;\n          artistID = mv.creator[0].userId;\n        }\n        return `<a href=\"/#/artist/${artistID}\">${artistName}</a>`;\n      } else if (this.subtitle === \"publishTime\") {\n        return mv.publishTime;\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.mv-row {\n  --col-num: 5;\n  display: grid;\n  grid-template-columns: repeat(var(--col-num), 1fr);\n  gap: 36px 24px;\n  padding: var(--main-content-padding);\n}\n\n.mv-row.without-padding {\n  padding: 0;\n}\n\n@media (max-width: 900px) {\n  .mv-row {\n    --col-num: 4;\n  }\n}\n\n@media (max-width: 800px) {\n  .mv-row {\n    --col-num: 3;\n  }\n}\n\n@media (max-width: 700px) {\n  .mv-row {\n    --col-num: 2;\n  }\n}\n\n@media (max-width: 550px) {\n  .mv-row {\n    --col-num: 1;\n  }\n}\n\n.mv {\n  color: var(--color-text);\n\n  .title {\n    font-size: 16px;\n    font-weight: 600;\n    opacity: 0.88;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n    word-break: break-all;\n  }\n  .artist {\n    font-size: 12px;\n    opacity: 0.68;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n  }\n}\n\n.cover {\n  position: relative;\n  transition: transform 0.3s;\n  &:hover {\n    cursor: pointer;\n    transform: scale(1.02);\n  }\n}\nimg {\n  border-radius: 0.75em;\n  width: 100%;\n  user-select: none;\n}\n\n.shadow {\n  position: absolute;\n  top: 6px;\n  height: 100%;\n  width: 100%;\n  filter: blur(16px) opacity(0.4);\n  transform: scale(0.9, 0.9);\n  z-index: -1;\n  background-size: cover;\n  border-radius: 0.75em;\n}\n\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n  opacity: 0;\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!./MvRow.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!./MvRow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MvRow.vue?vue&type=template&id=71b4f1ff&scoped=true&\"\nimport script from \"./MvRow.vue?vue&type=script&lang=js&\"\nexport * from \"./MvRow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MvRow.vue?vue&type=style&index=0&id=71b4f1ff&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  \"71b4f1ff\",\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!./artist.vue?vue&type=style&index=0&id=1ca199c2&lang=scss&scoped=true&\""],"sourceRoot":""}