{"version":3,"sources":["webpack:///./src/components/pure-com/Comment.vue?bbe6","webpack:///src/components/pure-com/Comment.vue","webpack:///./src/components/pure-com/Comment.vue?1761","webpack:///./src/components/pure-com/Comment.vue","webpack:///./src/components/pure-com/Comment.vue?6a03","webpack:///./src/components/pure-com/TracksTable.vue?223e","webpack:///./src/components/pure-com/TrackButton.vue?7d1a","webpack:///src/components/pure-com/TrackButton.vue","webpack:///./src/components/pure-com/TrackButton.vue?b28e","webpack:///./src/components/pure-com/TrackButton.vue","webpack:///./src/components/pure-com/ArtistName.vue?141a","webpack:///./src/components/pure-com/AlbumName.vue?b17a","webpack:///./src/components/pure-com/ArtistName.vue?3b46","webpack:///src/components/pure-com/ArtistName.vue","webpack:///./src/components/pure-com/ArtistName.vue?1112","webpack:///./src/components/pure-com/ArtistName.vue","webpack:///./src/components/pure-com/AlbumName.vue?e940","webpack:///src/components/pure-com/AlbumName.vue","webpack:///./src/components/pure-com/AlbumName.vue?96ed","webpack:///./src/components/pure-com/AlbumName.vue","webpack:///./node_modules/core-js/modules/es.array.join.js","webpack:///./src/views/leaderboards/index.vue?b640","webpack:///./node_modules/core-js/modules/es.function.name.js","webpack:///./src/views/leaderboards/index.vue?b2eb","webpack:///src/views/leaderboards/index.vue","webpack:///./src/views/leaderboards/index.vue?f636","webpack:///./src/views/leaderboards/index.vue","webpack:///./node_modules/core-js/modules/es.array.map.js","webpack:///./node_modules/core-js/modules/es.symbol.description.js","webpack:///./src/components/pure-com/TracksTable.vue?ea5e","webpack:///src/components/pure-com/TracksTable.vue","webpack:///./src/components/pure-com/TracksTable.vue?7493","webpack:///./src/components/pure-com/TracksTable.vue","webpack:///./src/components/pure-com/TrackButton.vue?5b62"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","avatar","_v","_s","name","content","$helpers","formatTime","time","likedCount","staticRenderFns","component","on","$event","playAudio","track","_e","mvid","mv","playVideo","class","disabled","diableRoute","viewDetail","artist","_t","directives","rawName","value","getSmallPicture","picUrl","expression","props","updateAvatar","data","arRequest","methods","computed","album","id","$router","push","$","IndexedObject","toIndexedObject","arrayMethodIsStrict","nativeJoin","join","ES3_STRINGS","Object","STRICT_METHOD","target","proto","forced","separator","call","undefined","DESCRIPTORS","defineProperty","f","FunctionPrototype","Function","prototype","FunctionPrototypeToString","toString","nameRE","NAME","configurable","get","match","error","ref","leaderboards","length","curLb","coverImgUrl","updateTime","encloseNumber","updateFrequency","description","subscribedCount","shareCount","commentCount","formatNumberWithTS","playCount","lbTracks","comments","_l","item","key","user","nickname","avatarUrl","index","curSelected","setSelected","components","Comment","TracksTable","$nextTick","watch","$map","map","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","callbackfn","arguments","global","has","isObject","copyConstructorProperties","NativeSymbol","Symbol","EmptyStringDescriptionStore","SymbolWrapper","String","result","symbolPrototype","constructor","symbolToString","native","regexp","symbol","valueOf","string","desc","slice","replace","countString","staticStyle","tableData","slot","scopedSlots","_u","fn","scope","row","coverUrl","artists"],"mappings":"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","file":"js/leaderboards.21c06509.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"comment\"},[_c('div',{staticClass:\"author-avatar\"},[_c('img',{staticClass:\"user-avarta\",attrs:{\"src\":_vm.avatar,\"alt\":\"\"}})]),_c('div',{staticClass:\"comment-detail\"},[_c('div',{staticClass:\"name-words\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.name + \": \"))]),_c('span',[_vm._v(_vm._s(_vm.content))])]),_c('div',{staticClass:\"date-likes\"},[_c('span',{staticClass:\"date\"},[_vm._v(_vm._s(_vm.$helpers.formatTime(_vm.time)))]),_c('span',{staticClass:\"likes\"},[_c('i',{staticClass:\"iconfont icon-like\"},[_vm._v(_vm._s(_vm.likedCount))])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"comment\">\n\t\t<div class=\"author-avatar\">\n\t\t\t<img class=\"user-avarta\" :src=\"avatar\" alt />\n\t\t</div>\n\t\t<div class=\"comment-detail\">\n\t\t\t<div class=\"name-words\">\n\t\t\t\t<span class=\"name\">{{ name + \": \" }}</span>\n\t\t\t\t<span>{{ content }}</span>\n\t\t\t</div>\n\t\t\t<div class=\"date-likes\">\n\t\t\t\t<span class=\"date\">{{ $helpers.formatTime(time) }}</span>\n\t\t\t\t<span class=\"likes\">\n\t\t\t\t\t<i class=\"iconfont icon-like\">{{ likedCount }}</i>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: \"comment\",\n\tprops: [\"name\", \"avatar\", \"content\", \"time\", \"likedCount\"],\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/styles/mixin.scss\";\n\n.comment {\n\tmargin: 20px 0;\n\t@include flex-align(row, space-between, flex-start);\n\t.author-avatar {\n\t\twidth: 50px;\n\t\theight: 50px;\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t\timg {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t.comment-detail {\n\t\tflex: 1;\n\t\tpadding-left: 10px;\n\t\tfont-size: 14px;\n\n\t\t.name-words {\n\t\t\tline-height: 1.5;\n\t\t\t.name {\n\t\t\t\tcolor: #517eaf;\n\t\t\t}\n\t\t}\n\t\t.date-likes {\n\t\t\t@include flex-align(row, space-between);\n\t\t\tpadding: 20px 0;\n\t\t\tcolor: #bebebe;\n\t\t\tborder-bottom: 1px solid lightgrey;\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./Comment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./Comment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Comment.vue?vue&type=template&id=0388aa8e&scoped=true&\"\nimport script from \"./Comment.vue?vue&type=script&lang=js&\"\nexport * from \"./Comment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Comment.vue?vue&type=style&index=0&id=0388aa8e&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  \"0388aa8e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Comment.vue?vue&type=style&index=0&id=0388aa8e&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TracksTable.vue?vue&type=style&index=0&id=1913c6b4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"audio-button\"},[_c('i',{staticClass:\"iconfont icon-bofang1\",attrs:{\"title\":\"Play Audio\"},on:{\"click\":function($event){return _vm.playAudio(_vm.track)}}}),(_vm.showName)?_c('span',{staticClass:\"name\",attrs:{\"title\":_vm.track.name}},[_vm._v(_vm._s(_vm.track.name))]):_vm._e(),(_vm.track.mvid > 0 || _vm.track.mv > 0)?_c('i',{staticClass:\"iconfont icon-mv3\",attrs:{\"title\":\"Play Video\"},on:{\"click\":function($event){return _vm.playVideo(_vm.track)}}}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"audio-button\">\n\t\t<i class=\"iconfont icon-bofang1\" title=\"Play Audio\" @click=\"playAudio(track)\"></i>\n\t\t<span class=\"name\" :title=\"track.name\" v-if=\"showName\">{{ track.name }}</span>\n\t\t<i class=\"iconfont icon-mv3\" title=\"Play Video\" @click=\"playVideo(track)\" v-if=\"track.mvid > 0 || track.mv > 0\"></i>\n\t</div>\n</template>\n\n<script>\nimport { getAudioUrl, getAudioDetail, checkAudioValid } from \"@/network/request\";\n\nexport default {\n\tname: \"TrackButton\",\n\tprops: {\n\t\ttrack: { type: Object },\n\t\tshowName: { type: Boolean, default: false },\n\t},\n\tmethods: {\n\t\tasync playAudio(track) {\n\t\t\ttry {\n\t\t\t\tlet { data } = await getAudioUrl(track.id);\n\t\t\t\tif (!track.coverUrl) {\n\t\t\t\t\tlet { data } = await getAudioDetail(track.id);\n\t\t\t\t\ttrack.coverUrl = data.songs[0].al.picUrl;\n\t\t\t\t\ttrack.artists = data.songs[0].ar;\n\t\t\t\t}\n\n\t\t\t\tconst audioUrl = data.data[0].url;\n\t\t\t\tif (!audioUrl) {\n\t\t\t\t\treturn this.$message({\n\t\t\t\t\t\tshowClose: true,\n\t\t\t\t\t\tmessage: \"Sorry, this track is only available to VIP user！\",\n\t\t\t\t\t\ttype: \"error\",\n\t\t\t\t\t\toffset: 50,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tlet { data } = await checkAudioValid(track.id);\n\t\t\t\t\tif (data.success) {\n\t\t\t\t\t\tlet song = {\n\t\t\t\t\t\t\tname: track.name,\n\t\t\t\t\t\t\tartist: track.artists.map((item) => item.name).join(\",\"),\n\t\t\t\t\t\t\taudioUrl,\n\t\t\t\t\t\t\tpicUrl: track.coverUrl,\n\t\t\t\t\t\t};\n\t\t\t\t\t\tthis.$store.commit(\"updateSongInfo\", song);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn this.$message({\n\t\t\t\t\t\t\tshowClose: true,\n\t\t\t\t\t\t\tmessage: \"Sorry, this track is only available to VIP user！\",\n\t\t\t\t\t\t\ttype: \"error\",\n\t\t\t\t\t\t\toffset: 50,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.log(error);\n\t\t\t}\n\t\t},\n\n\t\tplayVideo(track) {\n\t\t\tlet mvid = track.mvid || track.mv;\n\t\t\tif (mvid > 0) {\n\t\t\t\tthis.$router.push(`/videos/detail` + `?id=${track.mvid}`);\n\t\t\t}\n\t\t},\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/styles/mixin.scss\";\n@import \"@/assets/styles/variables.scss\";\n\n.audio-button {\n\t@include flex-align(row, flex-start, center);\n\n\ti {\n\t\tcursor: pointer;\n\t\tcolor: $theme-primary-color;\n\t}\n\n\tspan {\n\t\t@include text-ellipsis();\n\t}\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./TrackButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./TrackButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrackButton.vue?vue&type=template&id=0d001b44&scoped=true&\"\nimport script from \"./TrackButton.vue?vue&type=script&lang=js&\"\nexport * from \"./TrackButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrackButton.vue?vue&type=style&index=0&id=0d001b44&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  \"0d001b44\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArtistName.vue?vue&type=style&index=0&id=071bad3a&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlbumName.vue?vue&type=style&index=0&id=141e8842&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.artist)?_c('span',{staticClass:\"artist-name\"},[_c('span',{staticClass:\"name\",class:{disabled: _vm.diableRoute},on:{\"click\":_vm.viewDetail}},[_vm._v(\" \"+_vm._s(_vm.artist.name))]),_vm._t(\"default\"),_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(_vm.artist.picUrl, 200)),expression:\"$helpers.getSmallPicture(artist.picUrl, 200)\"}],attrs:{\"alt\":\"\"}})],2):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- To avoid vue warning of name undefined -->\n  <span class=\"artist-name\" v-if=\"artist\">\n    <span class=\"name\" :class=\"{disabled: diableRoute}\" @click=\"viewDetail\"> {{ artist.name }}</span>\n    <slot class=\"slot\"> </slot>\n    <img v-lazy=\"$helpers.getSmallPicture(artist.picUrl, 200)\" alt=\"\" />\n  </span>\n</template>\n\n<script>\nimport { getSearchResults } from \"@/network/request\";\n\nexport default {\n  name: \"ArtistName\",\n  props: {\n    artist: { type: Object, default: () => ({ name: \"\", picUrl: \"\" }) },\n    updateAvatar: { type: Boolean, default: false }\n  },\n  data() {\n    return {\n      arRequest: {}\n      // diableRoute: false\n    };\n  },\n  methods: {\n    async getArtistDetail() {\n      let { data } = await getSearchResults({\n        type: 100, // search singers only\n        limit: 100,\n        keywords: this.artist.name\n      });\n\n      let artists = data.result.artists.filter(\n        item => item.name === this.artist.name && item.id === this.artist.id\n      );\n\n      if (artists.length > 0) {\n        this.arRequest = artists[0];\n        console.log(\"Patching artist information:\", this.artist);\n      }\n    },\n\n    async viewDetail() {\n      if (this.updateAvatar) {\n        await this.getArtistDetail();\n      } else {\n        this.arRequest = this.artist;\n      }\n\n      // Note: name, path, params, query the 4 proerties in the push object must all be defined here\n      // if we push to the same route, and want parameters be persistant(can be passed) in params proerty\n      try {\n        await this.$router.push({\n          name: \"ar-detail\",\n          path: \"/artists/detail\",\n          query: { id: this.arRequest.id },\n          params: { artist: this.arRequest }\n        });\n      } catch (error) {\n        console.log(error);\n      }\n    }\n  },\n\n  computed: {\n    diableRoute() {\n      // Let artistname be clickable in all the pages except ArtistDetail Page, as it navigates\n      // to the same route in this page, and cannot be watched when using params to pass artist data\n      // return this.$route.name === \"ar-detail\";\n      return false;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.artist-name {\n  position: relative;\n  .name {\n    color: #517eaf;\n  }\n\n  // .slot {\n  // \tpadding-right: 5px;\n  // }\n\n  img {\n    width: 200px;\n    height: 200px;\n    display: none;\n  }\n\n  &:hover {\n    .name {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n    .disabled {\n      text-decoration: none !important;\n      cursor: default;\n    }\n    img {\n      display: block;\n      position: absolute;\n      bottom: -202px;\n      left: 0;\n      z-index: 100;\n      border-radius: 4px;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./ArtistName.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./ArtistName.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArtistName.vue?vue&type=template&id=071bad3a&scoped=true&\"\nimport script from \"./ArtistName.vue?vue&type=script&lang=js&\"\nexport * from \"./ArtistName.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArtistName.vue?vue&type=style&index=0&id=071bad3a&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  \"071bad3a\",\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:\"album-name\"},[_c('span',{staticClass:\"name\",on:{\"click\":function($event){return _vm.viewDetail(_vm.album.id)}}},[_vm._v(\" \"+_vm._s(_vm.album.name))]),_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(_vm.album.picUrl, 200)),expression:\"$helpers.getSmallPicture(album.picUrl, 200)\"}],attrs:{\"alt\":\"\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"album-name\">\n    <span class=\"name\" @click=\"viewDetail(album.id)\"> {{ album.name }}</span>\n    <img v-lazy=\"$helpers.getSmallPicture(album.picUrl, 200)\" alt=\"\" />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"AlbumName\",\n  props: { album: { type: Object } },\n\n  methods: {\n    viewDetail(albumId) {\n      this.$router.push(`/albums/detail` + `?id=${albumId}`);\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.album-name {\n  position: relative;\n  .name {\n    color: #517eaf;\n    cursor: pointer;\n  }\n\n  img {\n    width: 200px;\n    height: 200px;\n    display: none;\n  }\n\n  &:hover {\n    .name {\n      text-decoration: underline;\n    }\n    img {\n      display: block;\n      position: absolute;\n      bottom: -202px;\n      left: 0;\n      z-index: 100;\n      border-radius: 4px;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./AlbumName.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./AlbumName.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlbumName.vue?vue&type=template&id=141e8842&scoped=true&\"\nimport script from \"./AlbumName.vue?vue&type=script&lang=js&\"\nexport * from \"./AlbumName.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AlbumName.vue?vue&type=style&index=0&id=141e8842&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  \"141e8842\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar IndexedObject = require('../internals/indexed-object');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar nativeJoin = [].join;\n\nvar ES3_STRINGS = IndexedObject != Object;\nvar STRICT_METHOD = arrayMethodIsStrict('join', ',');\n\n// `Array.prototype.join` method\n// https://tc39.es/ecma262/#sec-array.prototype.join\n$({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {\n  join: function join(separator) {\n    return nativeJoin.call(toIndexedObject(this), separator === undefined ? ',' : separator);\n  }\n});\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=e909c956&lang=scss&scoped=true&\"","var DESCRIPTORS = require('../internals/descriptors');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar FunctionPrototypeToString = FunctionPrototype.toString;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !(NAME in FunctionPrototype)) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return FunctionPrototypeToString.call(this).match(nameRE)[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"wrapper\",staticClass:\"leaderboards\"},[_c('div',{staticClass:\"leaderboard-wrapper\"},[(_vm.leaderboards.length > 0)?_c('div',{staticClass:\"leaderboard-detail\"},[_c('div',{staticClass:\"img-wrapper\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(_vm.curLb.coverImgUrl, 110)),expression:\"$helpers.getSmallPicture(curLb.coverImgUrl, 110)\"}],staticClass:\"leaderboard-image\",attrs:{\"alt\":\"\"}})]),_c('div',{staticClass:\"leaderboard-details\"},[_c('h3',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.curLb.name))]),_c('div',{staticClass:\"update-time\"},[_c('i',{staticClass:\"iconfont icon-clock2\"},[_vm._v(_vm._s(\"最后更新: \" + _vm.$helpers.formatTime(_vm.curLb.updateTime, 'date'))+\" \"+_vm._s(_vm.$helpers.encloseNumber(_vm.curLb.updateFrequency))+\" \")])]),_c('div',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.curLb.description))]),_c('div',{staticClass:\"social\"},[_c('span',{staticClass:\"play\"},[_c('el-button',{attrs:{\"size\":\"mini\",\"type\":\"danger\"}},[_c('i',{staticClass:\"iconfont icon-bofang\"},[_vm._v(\"Play\")])]),_c('el-button',{attrs:{\"size\":\"mini\",\"type\":\"danger\"}},[_c('i',{staticClass:\"iconfont icon-Add\"})])],1),_c('el-button',{attrs:{\"size\":\"mini\"}},[_c('i',{staticClass:\"iconfont icon-shoucangjia2\"},[_vm._v(\" \"+_vm._s(_vm.$helpers.encloseNumber(_vm.curLb.subscribedCount)))])]),_c('el-button',{attrs:{\"size\":\"mini\"}},[_c('i',{staticClass:\"iconfont icon-ArtboardCopy\"},[_vm._v(\" \"+_vm._s(_vm.$helpers.encloseNumber(_vm.curLb.shareCount)))])]),_c('el-button',{attrs:{\"size\":\"mini\"}},[_c('i',{staticClass:\"iconfont icon-Clouddownload\"})]),_c('el-button',{attrs:{\"size\":\"mini\"}},[_c('i',{staticClass:\"iconfont icon-message\"},[_vm._v(_vm._s(_vm.$helpers.encloseNumber(_vm.curLb.commentCount)))])])],1)])]):_vm._e(),_c('TracksTable',{attrs:{\"showTitle\":true,\"playCount\":_vm.$helpers.formatNumberWithTS(_vm.curLb.playCount),\"tableData\":_vm.lbTracks}}),_c('div',{staticClass:\"ld-comments\"},[_c('h1',{staticClass:\"comments-title\"},[_vm._v(_vm._s(_vm.comments.length + \" Comments\"))]),_vm._l((_vm.comments),function(item){return _c('Comment',{key:item.time,attrs:{\"content\":item.content,\"name\":item.user.nickname,\"avatar\":item.user.avatarUrl,\"likedCount\":item.likedCount,\"time\":item.time}})})],2)],1),_c('div',{staticClass:\"leaderboard-list\"},_vm._l((_vm.leaderboards),function(item,index){return _c('div',{key:item.updateTime,staticClass:\"leaderboard-card\",class:{ 'active-card': index == _vm.curSelected },on:{\"click\":function($event){return _vm.setSelected(index)}}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(item.coverImgUrl, 50)),expression:\"$helpers.getSmallPicture(item.coverImgUrl, 50)\"}],staticClass:\"leadbaord-cover\",attrs:{\"alt\":\"\"}}),_c('div',{staticClass:\"leaderboard-desc\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"update-freq\"},[_vm._v(_vm._s(item.updateFrequency))])])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"leaderboards\" ref=\"wrapper\">\n    <!-- Page Left Part contains three parts vertically -->\n    <div class=\"leaderboard-wrapper\">\n      <!-- Left Top Part: Playlist information -->\n      <div class=\"leaderboard-detail\" v-if=\"leaderboards.length > 0\">\n        <div class=\"img-wrapper\">\n          <img class=\"leaderboard-image\" v-lazy=\"$helpers.getSmallPicture(curLb.coverImgUrl, 110)\" alt=\"\" />\n        </div>\n        <div class=\"leaderboard-details\">\n          <h3 class=\"name\">{{ curLb.name }}</h3>\n          <div class=\"update-time\">\n            <i class=\"iconfont icon-clock2\">{{ `最后更新: ` + $helpers.formatTime(curLb.updateTime, 'date') }}\n              {{ $helpers.encloseNumber(curLb.updateFrequency) }}\n            </i>\n          </div>\n          <div class=\"description\">{{ curLb.description }}</div>\n\n          <div class=\"social\">\n            <span class=\"play\">\n              <el-button size=\"mini\" type=\"danger\"> <i class=\"iconfont icon-bofang\">Play</i> </el-button>\n              <el-button size=\"mini\" type=\"danger\"> <i class=\"iconfont icon-Add\"></i> </el-button>\n            </span>\n            <el-button size=\"mini\">\n              <i class=\"iconfont icon-shoucangjia2\"> {{ $helpers.encloseNumber(curLb.subscribedCount) }}</i>\n            </el-button>\n            <el-button size=\"mini\">\n              <i class=\"iconfont icon-ArtboardCopy\"> {{ $helpers.encloseNumber(curLb.shareCount) }}</i>\n            </el-button>\n            <el-button size=\"mini\">\n              <i class=\"iconfont icon-Clouddownload\"> </i>\n            </el-button>\n            <el-button size=\"mini\">\n              <i class=\"iconfont icon-message\">{{ $helpers.encloseNumber(curLb.commentCount) }}</i>\n            </el-button>\n          </div>\n        </div>\n      </div>\n\n      <!-- Left Middle Part: Playlist(tracks) -->\n      <TracksTable :showTitle=\"true\" :playCount=\"$helpers.formatNumberWithTS(curLb.playCount)\" :tableData=\"lbTracks\" />\n\n      <!-- Left Bottom Part: Comments-->\n      <div class=\"ld-comments\">\n        <h1 class=\"comments-title\">{{ comments.length + \" Comments\" }}</h1>\n        <Comment v-for=\"item in comments\" :key=\"item.time\" :content=\"item.content\" :name=\"item.user.nickname\"\n          :avatar=\"item.user.avatarUrl\" :likedCount=\"item.likedCount\" :time=\"item.time\"></Comment>\n      </div>\n    </div>\n\n    <!-- Page Right Part -->\n    <div class=\"leaderboard-list\">\n      <div v-for=\"(item, index) in leaderboards\" class=\"leaderboard-card\" @click=\"setSelected(index)\"\n        :class=\"{ 'active-card': index == curSelected }\" :key=\"item.updateTime\">\n        <img class=\"leadbaord-cover\" v-lazy=\"$helpers.getSmallPicture(item.coverImgUrl, 50)\" alt=\"\" />\n        <div class=\"leaderboard-desc\">\n          <div class=\"name\">{{ item.name }}</div>\n          <div class=\"update-freq\">{{ item.updateFrequency }}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  getAllLeaderboards,\n  getPlaylistDetail,\n  getPlaylistComments\n} from \"@/network/request\";\nimport TracksTable from \"@/components/pure-com/TracksTable\";\nimport Comment from \"@/components/pure-com/Comment\";\n\nexport default {\n  data() {\n    return {\n      leaderboards: [], // all leaderboards\n      curSelected: 15, // the 15th is US billboard by default\n      curLb: {}, // current selected leaderboard\n      lbTracks: [], // tracks in selected leaderboard\n      comments: []\n    };\n  },\n\n  components: {\n    Comment,\n    TracksTable\n  },\n\n  methods: {\n    setSelected(index) {\n      this.curSelected = index;\n      this.curLb = this.leaderboards[index];\n      this.$nextTick(() => {\n        this.$refs.wrapper.scrollIntoView({ behavior: \"smooth\" });\n      });\n    },\n\n    async getLeaderboardDetail(id) {\n      let { data } = await getPlaylistDetail({ id });\n      let { shareCount, commentCount, playCount } = data.playlist;\n\n      this.lbTracks = [];\n      data.playlist.tracks.forEach(item => {\n        let { name, id, dt: duration } = item;\n        duration = this.$helpers.convertMsToMinutes(duration);\n        let album = item.al; // item.al.name;\n        let artists = item.ar; //item.ar[0].name;\n        let coverUrl = item.al.picUrl;\n        this.lbTracks.push({ id, name, duration, album, artists, coverUrl });\n      });\n\n      // Add more information to current leaderboard (as the results from getAllLeaderboards()\n      // request doesn't contain the following attributes)\n      this.curLb = {\n        ...this.curLb,\n        shareCount,\n        commentCount,\n        playCount,\n        tracksCount: this.lbTracks.length\n      };\n    },\n\n    async getLeaderboardComments(id) {\n      let { data } = await getPlaylistComments({ id });\n      this.comments = data.comments;\n    }\n  },\n\n  watch: {\n    async curSelected() {\n      await this.getLeaderboardDetail(this.curLb.id);\n      await this.getLeaderboardComments(this.curLb.id);\n    }\n  },\n\n  async created() {\n    let { data } = await getAllLeaderboards();\n\n    data.list.forEach(list => {\n      let {\n        updateFrequency,\n        trackUpdateTime,\n        updateTime,\n        trackCount,\n        commentThreadId,\n        coverImgUrl,\n        description,\n        trackNumberUpdateTime,\n        playCount,\n        subscribedCount,\n        name,\n        id,\n        ToplistType\n      } = list;\n\n      this.leaderboards.push({\n        updateFrequency,\n        trackUpdateTime,\n        updateTime,\n        trackCount,\n        commentThreadId,\n        coverImgUrl,\n        description,\n        trackNumberUpdateTime,\n        playCount,\n        subscribedCount,\n        name,\n        id,\n        ToplistType\n      });\n    });\n\n    // The featured page route is pushed with `params` not `query` option\n    let routeLdId = this.$route.params.id || 0;\n\n    for (const index in this.leaderboards) {\n      if (this.leaderboards[index].id === +routeLdId) {\n        this.curSelected = index;\n        break;\n      }\n    }\n\n    this.curLb = this.leaderboards[this.curSelected];\n    await this.getLeaderboardDetail(this.curLb.id);\n    await this.getLeaderboardComments(this.curLb.id);\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/styles/mixin.scss\";\n@import \"@/assets/styles/variables.scss\";\n\n.leaderboards {\n  padding-top: 20px;\n  @include flex-align(row, flex-start, flex-start);\n}\n\n// Left Part -- Top area styles\n.leaderboard-wrapper {\n  flex: 1;\n  min-width: 800px;\n\n  .leaderboard-detail {\n    width: 800px;\n    margin: 0 auto;\n    @include flex-align(row, flex-start);\n  }\n\n  .img-wrapper {\n    width: 110px;\n    height: 110px;\n    margin-right: 15px;\n  }\n\n  .leaderboard-details {\n    height: 110px;\n    padding: 3px 0;\n    text-align: left;\n    @include flex-align(column, space-between, flex-start);\n    .name {\n      font-weight: bold;\n    }\n\n    .update-time i::before {\n      padding-left: 0 !important;\n    }\n\n    .update-time i,\n    .description {\n      font-size: 12px;\n    }\n\n    .social > span > button {\n      padding: 7px 5px;\n    }\n    .social > span > button:nth-child(1) {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n    .social > span > button:nth-child(2) {\n      margin-left: 0.8px;\n      margin-right: 10px;\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  }\n}\n\n// Left Part -- Bottome comments styles\n.ld-comments {\n  margin: 30px 0;\n  text-align: left;\n  .comments-title {\n    margin: 10px 0;\n    font-weight: bold;\n  }\n}\n\n// Right Part styles\n.leaderboard-list {\n  width: 280px;\n\n  padding-bottom: 20px;\n  margin-left: 20px;\n\n  .active-card {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n\n  .leaderboard-card {\n    @include flex-align(row, flex-start);\n    margin-bottom: 10px;\n    cursor: pointer;\n    &:hover {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n\n    img {\n      padding-right: 10px;\n    }\n\n    .leaderboard-desc {\n      padding: 5px 0;\n      height: 50px;\n      font-size: 14px;\n\n      @include flex-align(column, space-between, flex-start);\n      .name {\n        font-weight: 600;\n        flex-shrink: 0;\n      }\n      .upate-freq {\n        color: lightgray;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=e909c956&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=e909c956&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  \"e909c956\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar $map = require('../internals/array-iteration').map;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');\n\n// `Array.prototype.map` method\n// https://tc39.es/ecma262/#sec-array.prototype.map\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  map: function map(callbackfn /* , thisArg */) {\n    return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","// `Symbol.prototype.description` getter\n// https://tc39.es/ecma262/#sec-symbol.prototype.description\n'use strict';\nvar $ = require('../internals/export');\nvar DESCRIPTORS = require('../internals/descriptors');\nvar global = require('../internals/global');\nvar has = require('../internals/has');\nvar isObject = require('../internals/is-object');\nvar defineProperty = require('../internals/object-define-property').f;\nvar copyConstructorProperties = require('../internals/copy-constructor-properties');\n\nvar NativeSymbol = global.Symbol;\n\nif (DESCRIPTORS && typeof NativeSymbol == 'function' && (!('description' in NativeSymbol.prototype) ||\n  // Safari 12 bug\n  NativeSymbol().description !== undefined\n)) {\n  var EmptyStringDescriptionStore = {};\n  // wrap Symbol constructor for correct work with undefined description\n  var SymbolWrapper = function Symbol() {\n    var description = arguments.length < 1 || arguments[0] === undefined ? undefined : String(arguments[0]);\n    var result = this instanceof SymbolWrapper\n      ? new NativeSymbol(description)\n      // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'\n      : description === undefined ? NativeSymbol() : NativeSymbol(description);\n    if (description === '') EmptyStringDescriptionStore[result] = true;\n    return result;\n  };\n  copyConstructorProperties(SymbolWrapper, NativeSymbol);\n  var symbolPrototype = SymbolWrapper.prototype = NativeSymbol.prototype;\n  symbolPrototype.constructor = SymbolWrapper;\n\n  var symbolToString = symbolPrototype.toString;\n  var native = String(NativeSymbol('test')) == 'Symbol(test)';\n  var regexp = /^Symbol\\((.*)\\)[^)]+$/;\n  defineProperty(symbolPrototype, 'description', {\n    configurable: true,\n    get: function description() {\n      var symbol = isObject(this) ? this.valueOf() : this;\n      var string = symbolToString.call(symbol);\n      if (has(EmptyStringDescriptionStore, symbol)) return '';\n      var desc = native ? string.slice(7, -1) : string.replace(regexp, '$1');\n      return desc === '' ? undefined : desc;\n    }\n  });\n\n  $({ global: true, forced: true }, {\n    Symbol: SymbolWrapper\n  });\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"song-list\"},[(_vm.showTitle)?_c('div',{staticClass:\"separator\"},[_c('div',[_c('span',{staticClass:\"title\"},[_vm._v(\"Tracks List\")]),_c('span',{staticClass:\"song-count\"},[_vm._v(_vm._s(_vm.countString)+\" \")])]),(_vm.playCount > 0)?_c('span',{staticClass:\"play-count\"},[_vm._v(\" Played: \"),_c('span',{staticClass:\"font-bold\"},[_vm._v(_vm._s(_vm.playCount))])]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"songs-table\"},[_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"stripe\":\"\",\"data\":_vm.tableData}},[_c('template',{slot:\"empty\"},[_c('p',[_vm._v(\"Requesting Data...\")])]),_c('el-table-column',{attrs:{\"type\":\"index\",\"width\":\"50\"}}),_c('el-table-column',{attrs:{\"prop\":\"name\",\"label\":\"Track\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(scope.row.coverUrl, 50)),expression:\"$helpers.getSmallPicture(scope.row.coverUrl, 50)\"}],attrs:{\"alt\":\"\"}}),_c('span',{staticClass:\"name\",staticStyle:{\"margin-left\":\"10px\"}},[_vm._v(_vm._s(scope.row.name))]),_c('div',{staticClass:\"buttons\"},[_c('TrackButton',{attrs:{\"track\":scope.row}}),_c('i',{staticClass:\"iconfont icon-add1\"})],1)]}}])}),_c('el-table-column',{attrs:{\"prop\":\"album\",\"label\":\"Album\",\"width\":\"220px\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('AlbumName',{attrs:{\"album\":scope.row.album}})]}}])}),_c('el-table-column',{attrs:{\"prop\":\"artists\",\"label\":\"Artist(s)\",\"width\":\"150px\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return _vm._l((scope.row.artists),function(item,index){return _c('ArtistName',{key:item.id,attrs:{\"artist\":item,\"updateAvatar\":true}},[(index < scope.row.artists.length - 1)?_c('span',[_vm._v(\",\")]):_vm._e()])})}}])}),_c('el-table-column',{attrs:{\"prop\":\"duration\",\"label\":\"Duration\",\"width\":\"80px\"}})],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"song-list\">\n    <div class=\"separator\" v-if=\"showTitle\">\n      <div>\n        <span class=\"title\">Tracks List</span><span class=\"song-count\">{{ countString }} </span>\n      </div>\n      <span class=\"play-count\" v-if=\"playCount > 0\">\n        Played: <span class=\"font-bold\">{{ playCount }}</span>\n      </span>\n    </div>\n\n    <div class=\"songs-table\">\n      <el-table stripe style=\"width: 100%\" :data=\"tableData\">\n        <!-- Mask and replace the default hint text -->\n        <template slot=\"empty\">\n          <p>Requesting Data...</p>\n        </template>\n        <!-- 1: index -->\n        <el-table-column type=\"index\" width=\"50\"></el-table-column>\n        <!-- 2: tracks -->\n        <el-table-column prop=\"name\" label=\"Track\">\n          <template class=\"name-wrapper\" slot-scope=\"scope\">\n            <img v-lazy=\"$helpers.getSmallPicture(scope.row.coverUrl, 50)\" alt=\"\" />\n            <span class=\"name\" style=\"margin-left: 10px\">{{ scope.row.name }}</span>\n            <div class=\"buttons\">\n              <!-- <i class=\"iconfont icon-bofang1\" @click=\"playAudio(scope.row)\"></i> -->\n              <TrackButton :track=\"scope.row\" />\n              <i class=\"iconfont icon-add1\"></i>\n            </div>\n          </template>\n        </el-table-column>\n        <!-- 3: album -->\n        <el-table-column prop=\"album\" label=\"Album\" width=\"220px\">\n          <!-- {{ scope.row.album.name }} -->\n          <template slot-scope=\"scope\">\n            <AlbumName :album=\"scope.row.album\" />\n          </template>\n        </el-table-column>\n        <!-- 4: artists -->\n        <el-table-column prop=\"artists\" label=\"Artist(s)\" width=\"150px\">\n          <template slot-scope=\"scope\">\n            <ArtistName v-for=\"(item, index) in scope.row.artists\" :artist=\"item\" :key=\"item.id\" :updateAvatar=\"true\">\n              <span v-if=\"index < scope.row.artists.length - 1\">,</span>\n            </ArtistName>\n          </template>\n        </el-table-column>\n        <!-- 5: duration -->\n        <el-table-column prop=\"duration\" label=\"Duration\" width=\"80px\"></el-table-column>\n      </el-table>\n    </div>\n  </div>\n</template>\n\n<script>\nimport TrackButton from \"@/components/pure-com/TrackButton\";\nimport ArtistName from \"@/components/pure-com/ArtistName\";\nimport AlbumName from \"@/components/pure-com/AlbumName\";\n\nexport default {\n  name: \"TracksTable\",\n  props: [\"showTitle\", \"playCount\", \"tableData\"],\n  components: { TrackButton, ArtistName, AlbumName },\n\n  computed: {\n    countString() {\n      if (this.tableData.length > 1) {\n        return this.tableData.length + \" tracks\";\n      } else {\n        return this.tableData.length + \" track\";\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/styles/mixin.scss\";\n@import \"@/assets/styles/variables.scss\";\n\n.song-list {\n  width: 100%;\n  margin-bottom: 20px;\n\n  .separator {\n    height: 50px;\n    padding: 5px;\n    margin-top: 20px;\n    border-bottom: 2px solid $theme-primary-color;\n    @include flex-align(row, space-between);\n    div > .title {\n      font-size: 20px;\n      font-weight: bold;\n    }\n    div > .song-count {\n      font-size: 12px;\n      padding-left: 10px;\n    }\n    .play-count {\n      font-size: 12px;\n      span {\n        color: $theme-primary-color;\n        font-weight: bold;\n      }\n    }\n  }\n\n  /deep/tr td:nth-child(2) .cell {\n    @include flex-align(row, flex-start, center);\n    img {\n      width: 50px;\n    }\n\n    &:hover {\n      cursor: pointer;\n      .name {\n        text-decoration: underline;\n      }\n    }\n\n    .name {\n      flex: 1;\n    }\n\n    .buttons {\n      width: 100px;\n      padding-left: 10px;\n      @include flex-align(row, flex-start, center);\n      i {\n        padding-right: 0 5px;\n        &:nth-child(1) {\n          color: $theme-primary-color;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./TracksTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./TracksTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TracksTable.vue?vue&type=template&id=1913c6b4&scoped=true&\"\nimport script from \"./TracksTable.vue?vue&type=script&lang=js&\"\nexport * from \"./TracksTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TracksTable.vue?vue&type=style&index=0&id=1913c6b4&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  \"1913c6b4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrackButton.vue?vue&type=style&index=0&id=0d001b44&lang=scss&scoped=true&\""],"sourceRoot":""}