{"version":3,"sources":["webpack:///./node_modules/core-js/modules/web.dom-collections.for-each.js","webpack:///./node_modules/core-js/internals/array-for-each.js","webpack:///./src/network/config.js","webpack:///./src/network/request.js","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:///./node_modules/core-js/modules/es.array.filter.js","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/DiscCard.vue?d608","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:///./src/views/artists/ArtistDetail.vue?9af0","webpack:///src/views/artists/ArtistDetail.vue","webpack:///./src/views/artists/ArtistDetail.vue?cf5f","webpack:///./src/views/artists/ArtistDetail.vue","webpack:///./node_modules/core-js/modules/es.array.join.js","webpack:///./node_modules/core-js/internals/array-method-is-strict.js","webpack:///./node_modules/core-js/modules/es.function.name.js","webpack:///./node_modules/core-js/internals/array-iteration.js","webpack:///./src/components/pure-com/DiscCard.vue?a134","webpack:///src/components/pure-com/DiscCard.vue","webpack:///./src/components/pure-com/DiscCard.vue?ba66","webpack:///./src/components/pure-com/DiscCard.vue","webpack:///./node_modules/core-js/modules/es.array.map.js","webpack:///./src/views/artists/ArtistDetail.vue?061a","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/MvCard.vue?db27","webpack:///src/components/pure-com/MvCard.vue","webpack:///./src/components/pure-com/MvCard.vue?1c4c","webpack:///./src/components/pure-com/MvCard.vue","webpack:///./src/components/pure-com/MvCard.vue?0c18","webpack:///./src/components/pure-com/TrackButton.vue?5b62"],"names":["global","DOMIterables","forEach","createNonEnumerableProperty","COLLECTION_NAME","Collection","CollectionPrototype","prototype","error","$forEach","arrayMethodIsStrict","STRICT_METHOD","module","exports","callbackfn","this","arguments","length","undefined","axiosLib","require","axios","create","crossDomain","defaults","baseURL","process","timeout","interceptors","request","use","insertLoader","response","updateLoaderStatus","errResProcess","loader","curReqCount","config","Loading","service","lock","target","background","text","res","setTimeout","close","err","getBannerCarousel","post","getFeaturedList","get","getSearchResults","params","getAllLeaderboards","getPlaylistDetail","getPlaylistComments","getAllCategories","getBestPlaylists","getTopPlaylists","getSimilarPlaylists","getNewAlbums","getAllAlbums","getAlbumTracks","id","getAlbumComments","getAudioUrl","br","getAudioDetail","songIds","ids","checkAudioValid","getAllMvs","getMvUrl","mvid","getMvDetail","getMvArtistV2","getSimilarMvs","getMvComments","getArtistsList","getArtistTopTracks","getArtistMvs","limit","getArtistAlbums","offset","getArtistDesc","getTopArtists","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","on","$event","playAudio","track","name","_v","_s","_e","mv","playVideo","staticRenderFns","component","$","$filter","filter","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","proto","forced","class","disabled","diableRoute","viewDetail","artist","_t","directives","rawName","value","$helpers","getSmallPicture","picUrl","expression","props","updateAvatar","data","arRequest","methods","computed","album","$router","push","Object","keys","alias","join","topTracks","labelNames","_l","item","key","copywriter","blurPicUrl","allAlbums","ALS_PAGE_SIZE","setAlbumsPage","imgurl16v9","playCount","convertMsToMinutes","duration","relatedMvs","MVS_PAGE_SIZE","setMvsPage","ti","domProps","txt","replace","index","img1v1Url","viewArtistDetail","introduction","curPageAlbs","curPageMvs","detailedDesc","topArtists","topArsDetail","components","TracksTable","DiscCard","MvCard","page","slice","watch","$route","IndexedObject","toIndexedObject","nativeJoin","ES3_STRINGS","separator","call","fails","METHOD_NAME","argument","method","DESCRIPTORS","defineProperty","f","FunctionPrototype","Function","FunctionPrototypeToString","toString","nameRE","NAME","configurable","match","bind","toObject","toLength","arraySpeciesCreate","createMethod","TYPE","IS_MAP","IS_FILTER","IS_SOME","IS_EVERY","IS_FIND_INDEX","IS_FILTER_OUT","NO_HOLES","$this","that","specificCreate","result","O","self","boundFunction","map","some","every","find","findIndex","filterOut","viewAlbum","albumId","caption","songName","$map","countString","staticStyle","tableData","slot","scopedSlots","_u","fn","scope","row","coverUrl","artists","playMv","mvId","style","height","calcPlayedCount","mvName"],"mappings":"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","file":"js/artist-detail.bd43eea1.js","sourcesContent":["var global = require('../internals/global');\nvar DOMIterables = require('../internals/dom-iterables');\nvar forEach = require('../internals/array-for-each');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\n\nfor (var COLLECTION_NAME in DOMIterables) {\n  var Collection = global[COLLECTION_NAME];\n  var CollectionPrototype = Collection && Collection.prototype;\n  // some Chrome versions have non-configurable methods on DOMTokenList\n  if (CollectionPrototype && CollectionPrototype.forEach !== forEach) try {\n    createNonEnumerableProperty(CollectionPrototype, 'forEach', forEach);\n  } catch (error) {\n    CollectionPrototype.forEach = forEach;\n  }\n}\n","'use strict';\nvar $forEach = require('../internals/array-iteration').forEach;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar STRICT_METHOD = arrayMethodIsStrict('forEach');\n\n// `Array.prototype.forEach` method implementation\n// https://tc39.es/ecma262/#sec-array.prototype.foreach\nmodule.exports = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {\n  return $forEach(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n} : [].forEach;\n","// import * as axiosLib from \"axios\";\nconst axiosLib = require(\"axios\");\n\nimport { Loading } from \"element-ui\";\n\nconst axios = axiosLib.create({\n\tcrossDomain: true,\n\t// withCredentials: true,\n\t// this setup is not allowed from the server\n\t// headers: { \"Cache-Control\": \"no-cache\" },\n});\n\naxios.defaults.baseURL = `${process.env.VUE_APP_API_HOST}`;\naxios.defaults.timeout = 10000;\n\n// Add interceptor before request\naxios.interceptors.request.use(insertLoader);\n\n// Add interceptor when getting response\naxios.interceptors.response.use(updateLoaderStatus, errResProcess);\n\nlet loader = null;\nlet curReqCount = 0;\n\n// Note: All the interceptor functions don't support arrow function,\n// they must be defined with a function keyword\n\n// Insert Loading spinner\nfunction insertLoader(config) {\n\tif (!loader) {\n\t\tloader = Loading.service({\n\t\t\tlock: true,\n\t\t\ttarget: \"body\",\n\t\t\tbackground: \"transparent\",\n\t\t\t// spinner: \"el-icon-loading\",\n\t\t\ttext: \"LOADING ...\",\n\t\t});\n\t}\n\tcurReqCount++;\n\n\treturn config;\n}\n\n// for successful response\nfunction updateLoaderStatus(res) {\n\tcurReqCount--;\n\tif (curReqCount === 0) {\n\t\tsetTimeout(() => {\n\t\t\tif (loader) {\n\t\t\t\tloader.close();\n\t\t\t\tloader = null;\n\t\t\t}\n\t\t}, 500);\n\t}\n\n\treturn res;\n}\n\n// for error response\nfunction errResProcess(err) {\n\tupdateLoaderStatus();\n\tthrow err;\n}\n\nexport default axios;\n","import axios from \"./config\";\n\n// the api supports `post` to get data, but the timestamp is suggested to put in the parameter\n// otherwise, the requests will be cached and will not get latest data each time\n\n// return apromise\nexport const getBannerCarousel = () => axios.post(`/banner?type=0`);\nexport const getFeaturedList = () => axios.get(`/personalized?limit=15`);\n\n// 可选参数 :\n// limit : 返回数量 , 默认为 30\n// offset : 偏移数量，用于分页 , 如 : 如 :( 页数 -1)*30, 其中 30 为 limit 的值 , 默认为 0\n// type: 搜索类型；默认为 1 即单曲 , 取值意义 :\n// 1: 单曲, 10: 专辑, 100: 歌手, 1000: 歌单, 1002: 用户, 1004: MV, 1006: 歌词, 1009: 电台, 1014: 视频, 1018:综合\nexport const getSearchResults = (params) => axios.get(`/search`, { params: params });\n\n// Leaderboard Requests\n// get leaderboards, use `/playlislt/detail?id=xxxx` instead of `/toplist?id=xxxx`\nexport const getAllLeaderboards = () => axios.get(`/toplist`);\n\n// Note: leaderboard detail and comments are fetched by playlist APIs\nexport const getPlaylistDetail = (params) => axios.get(`/playlist/detail`, { params: params });\nexport const getPlaylistComments = (params) => axios.get(`/comment/playlist`, { params: params });\n\n// Playlists Requests\nexport const getAllCategories = (params) => axios.get(`/playlist/catlist`, { params: params });\nexport const getBestPlaylists = (params) => axios.get(`/top/playlist/highquality`, { params: params });\nexport const getTopPlaylists = (params) => axios.get(\"/top/playlist\", { params: params });\nexport const getSimilarPlaylists = (params) => axios.get(\"/related/playlist\", { params: params });\n\n// 推荐歌单接口地址 : /personalized  可选参数 : limit: 默认为 30 (不支持 offset)\n// 推荐新音乐接口地址 : /personalized/newsong\n// 推荐电台接口地址 : /personalized/djprogram\n// 推荐节目接口地址 : /program/recommend\n\n// =================  Albums realted requests ================================================\nexport const getNewAlbums = () => axios.get(`/album/newest`);\nexport const getAllAlbums = (params) => axios.get(`/album/new`, { params });\n//export const getAllAlbums = (params) =>\n//\taxios.get(`/album/new`, { baseURL: `${process.env.VUE_APP_API_BACKUP}`, params: params });\n\n//专辑内容：包含了大部分页面需要的内容（含album/detail/dynamic的内容，因此没有必要再次请求dynamic内容）\nexport const getAlbumTracks = (id) => axios.get(`/album`, { params: { id } });\n\nexport const getAlbumDetail = (id) => axios.get(`/album/detail/dynamic`, { params: { id } });\nexport const getAlbumComments = (id) => axios.get(`/comment/album`, { params: { id } });\n\n// =================  Track realted requests ================================================\nexport const getAudioUrl = (id) => axios.get(`/song/url`, { params: { id, br: 999000 } });\nexport const getAudioDetail = (songIds) => axios.get(`/song/detail`, { params: { ids: songIds } });\nexport const checkAudioValid = (id) => axios.get(`/check/music`, { params: { id } });\n\n// =================  MV realted requests ================================================\n\n// area: 地区,可选值为全部,内地,港台,欧美,日本,韩国,不填则为全部\n// type: 类型,可选值为全部,官方版,原生,现场版,网易出品,不填则为全部\n// order: 排序,可选值为上升最快,最热,最新,不填则为上升最快\n// limit: 取出数量 , 默认为 30\n// offset: 偏移数量 , 用于分页 , 如 :( 页数 -1)*50, 其中 50 为 limit 的值 , 默认 为 0\nexport const getAllMvs = (params) => axios.get(`/mv/all`, { params: params });\n\nexport const getLatestMvs = () => axios.get(`/mv/first`);\nexport const getMvUrl = (mvid) => axios.get(`/mv/url`, { params: { id: mvid } });\nexport const getMvDetail = (mvid) => axios.get(`/mv/detail`, { params: { mvid } });\nexport const getMvArtist = (id) => axios.get(`/artist/desc`, { params: { id } });\nexport const getMvArtistV2 = (id) => axios.get(`/artists`, { params: { id } });\nexport const getSimilarMvs = (mvid) => axios.get(\"/simi/mv\", { params: { mvid } });\nexport const getMvComments = (mvid) => axios.get(`/comment/mv`, { params: { id: mvid } });\n\n// Requests for ordinory videos (how to get the vid ????)\nexport const getVideoUrl = (vid) => axios.get(`/video/url`, { params: { id: vid } });\nexport const getVideoDetail = (vid) => axios.get(`/video/detail`, { params: { id: vid } });\nexport const getVideoComments = (vid) => axios.get(`/comment/video`, { params: { id: vid } });\nexport const getSimilarVideos = (vid) => axios.get(`/related/allvideo`, { params: { id: vid } });\n\n// =================  Artists realted requests ================================================\n// 接口地址 : /artist/list\n// 调用例子 : /artist/list?type=1&area=96&initial=b /artist/list?type=2&area=2&initial=b\n// type 取值: -1:全部 1:男歌手 2:女歌手 3:乐队\n// area 取值: -1:全部 7华语 96欧美 8:日本 16韩国 0:其他\nexport const getArtistsList = (params) => axios.get(`/artist/list`, { params: params });\n\n// 说明: 获取歌手热门50首歌曲\n// 必选参数 :id : 歌手 id\n// 接口地址 : /artist/top/song\n// 调用例子 : /artist/top/song?id=6452\nexport const getArtistTopTracks = (id) => axios.get(`/artist/top/song`, { params: { id: id } });\n\n// 获取歌手 mv\n// 说明 : 调用此接口传入歌手id可获得歌手 mv 信息, 具体 mv 播放地址可调用/mv传入此接口获得的 mvid 来拿到 ,\n// 如 : /artist/mv?id=6452,/mv?mvid=5461064\n// 必选参数 : id: 歌手 id, 可由搜索接口获得\n// 接口地址 : /artist/mv\n// 调用例子 : /artist/mv?id=6452\nexport const getArtistMvs = ({ id, limit }) => axios.get(`/artist/mv`, { params: { id, limit } });\n\n// 说明 : 调用此接口 , 传入歌手 id, 可获得歌手专辑内容\n// 必选参数 : id: 歌手 id\n// 可选参数 : limit: 取出数量 , 默认为 50\n// offset: 偏移数量 , 用于分页 , 如 :( 页数 -1)*50, 其中 50 为 limit 的值 , 默认 为 0\n// 接口地址 : /artist/album\n// 调用例子 : /artist/album?id=6452&limit=30 ( 周杰伦 )\nexport const getArtistAlbums = ({ id, limit, offset }) => axios.get(`/artist/album`, { params: { id, limit, offset } });\n\n// 说明 : 调用此接口 , 传入歌手 id, 可获得歌手描述\n// 必选参数 : id: 歌手 id\n// 接口地址 : /artist/desc\n// 调用例子 : /artist/desc?id=6452 ( 周杰伦 )\nexport const getArtistDesc = (id) => axios.get(`/artist/desc`, { params: { id: id } });\n\n// 说明 : 调用此接口 , 传入歌手 id, 可获得相似歌手\n// 必选参数 : id: 歌手 id\n// 接口地址 : /simi/artist\n// 调用例子 : /simi/artist?id=6452 ( 对应和周杰伦相似歌手 )\nexport const getSimilarArtists = (id) => axios.get(`/simi/artist`, { params: { id: id } });\n\n// 调用此接口 , 可获取热门歌手数据\n// 可选参数 : limit: 取出数量 , 默认为 50\n// offset: 偏移数量 , 用于分页 , 如 :( 页数 -1)*50, 其中 50 为 limit 的值 , 默认 为 0\n// 接口地址 : /top/artists\n// 调用例子 : /top/artists?offset=0&limit=30\nexport const getTopArtists = () => axios.get(`/top/artists`, { params: { limit: 50 } });\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!./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","'use strict';\nvar $ = require('../internals/export');\nvar $filter = require('../internals/array-iteration').filter;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');\n\n// `Array.prototype.filter` method\n// https://tc39.es/ecma262/#sec-array.prototype.filter\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  filter: function filter(callbackfn /* , thisArg */) {\n    return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\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!./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","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!./DiscCard.vue?vue&type=style&index=0&id=5cda100e&lang=scss&scoped=true&\"","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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"artist\"},[_c('div',{staticClass:\"left-part\"},[(Object.keys(_vm.artist).length > 0)?_c('div',{staticClass:\"artist-name\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.artist.name))]),_c('span',{staticClass:\"alias\"},[_vm._v(_vm._s(_vm.artist.alias ? _vm.artist.alias.join(\",\") : ''))]),_c('div',{staticClass:\"photo\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(_vm.artist.picUrl, 640, 300)),expression:\"$helpers.getSmallPicture(artist.picUrl, 640, 300)\"}],attrs:{\"alt\":\"\"}})])]):_vm._e(),_c('el-tabs',{attrs:{\"type\":\"border-card\"}},[_c('el-tab-pane',{attrs:{\"label\":\"Tracks(Top 50)\"}},[_c('TracksTable',{attrs:{\"showTitle\":false,\"tableData\":_vm.topTracks}})],1),_c('el-tab-pane',{attrs:{\"label\":_vm.labelNames[1]}},[_c('div',{staticClass:\"al-cards\"},_vm._l((_vm.curPageAlbs),function(item){return _c('DiscCard',{key:item.id,attrs:{\"caption\":item.copywriter,\"picUrl\":item.blurPicUrl,\"songName\":item.name,\"albumId\":item.id}})}),1),_c('div',{staticClass:\"pagination\"},[(_vm.allAlbums.length > _vm.ALS_PAGE_SIZE)?_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":_vm.ALS_PAGE_SIZE,\"total\":_vm.allAlbums.length},on:{\"current-change\":_vm.setAlbumsPage}}):_vm._e()],1)]),_c('el-tab-pane',{attrs:{\"label\":_vm.labelNames[2]}},[_c('div',{staticClass:\"mv-cards\"},_vm._l((_vm.curPageMvs),function(item){return _c('MvCard',{key:item.id,attrs:{\"height\":'120px',\"picUrl\":item.imgurl16v9,\"playCount\":item.playCount,\"mvName\":item.name,\"mvId\":item.id,\"duration\":_vm.$helpers.convertMsToMinutes(item.duration)}})}),1),_c('div',{staticClass:\"pagination\"},[(_vm.relatedMvs.length > _vm.MVS_PAGE_SIZE)?_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":_vm.MVS_PAGE_SIZE,\"total\":_vm.relatedMvs.length},on:{\"current-change\":_vm.setMvsPage}}):_vm._e()],1)]),_c('el-tab-pane',{attrs:{\"label\":\"Introduction\"}},_vm._l((_vm.introduction),function(item){return _c('div',{key:item.ti,staticClass:\"introduction\"},[_c('h4',{staticClass:\"intro-title\"},[_vm._v(_vm._s(item.ti))]),_c('p',{staticClass:\"intro-text\",domProps:{\"innerHTML\":_vm._s(item.txt.replace(/\\n/g, '<br />'))}})])}),0)],1)],1),_c('div',{staticClass:\"right-part\"},[_c('div',{staticClass:\"top-singers\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Top 50 Artists\")]),_c('div',{staticClass:\"avatars\"},_vm._l((_vm.topArtists),function(artist,index){return _c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(artist.img1v1Url, 40)),expression:\"$helpers.getSmallPicture(artist.img1v1Url, 40)\"}],key:artist.id,attrs:{\"title\":artist.name,\"alt\":\"\"},on:{\"click\":function($event){return _vm.viewArtistDetail(index)}}})}),0)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"artist\">\n    <div class=\"left-part\">\n      <div class=\"artist-name\" v-if=\"Object.keys(artist).length > 0\">\n        <span class=\"name\">{{ artist.name }}</span>\n        <span class=\"alias\">{{ artist.alias ? artist.alias.join(\",\") : '' }}</span>\n\n        <div class=\"photo\">\n          <img v-lazy=\"$helpers.getSmallPicture(artist.picUrl, 640, 300)\" alt=\"\" />\n        </div>\n      </div>\n\n      <el-tabs type=\"border-card\">\n        <el-tab-pane label=\"Tracks(Top 50)\">\n          <TracksTable :showTitle=\"false\" :tableData=\"topTracks\" />\n        </el-tab-pane>\n\n        <el-tab-pane :label=\"labelNames[1]\">\n          <div class=\"al-cards\">\n            <DiscCard v-for=\"item in curPageAlbs\" :key=\"item.id\" :caption=\"item.copywriter\" :picUrl=\"item.blurPicUrl\"\n              :songName=\"item.name\" :albumId=\"item.id\">\n            </DiscCard>\n          </div>\n\n          <div class=\"pagination\">\n            <el-pagination v-if=\"allAlbums.length > ALS_PAGE_SIZE\" background layout=\"prev, pager, next\"\n              :page-size=\"ALS_PAGE_SIZE\" :total=\"allAlbums.length\" @current-change=\"setAlbumsPage\"></el-pagination>\n          </div>\n        </el-tab-pane>\n\n        <el-tab-pane :label=\"labelNames[2]\">\n          <div class=\"mv-cards\">\n            <MvCard v-for=\"item in curPageMvs\" :key=\"item.id\" :height=\"'120px'\" :picUrl=\"item.imgurl16v9\"\n              :playCount=\"item.playCount\" :mvName=\"item.name\" :mvId=\"item.id\"\n              :duration=\"$helpers.convertMsToMinutes(item.duration)\">\n            </MvCard>\n          </div>\n\n          <div class=\"pagination\">\n            <el-pagination v-if=\"relatedMvs.length > MVS_PAGE_SIZE\" background layout=\"prev, pager, next\"\n              :page-size=\"MVS_PAGE_SIZE\" :total=\"relatedMvs.length\" @current-change=\"setMvsPage\"></el-pagination>\n          </div>\n        </el-tab-pane>\n        <el-tab-pane label=\"Introduction\">\n          <div class=\"introduction\" v-for=\"item in introduction\" :key=\"item.ti\">\n            <h4 class=\"intro-title\">{{ item.ti }}</h4>\n            <p class=\"intro-text\" v-html=\"item.txt.replace(/\\n/g, '<br />')\"></p>\n          </div>\n        </el-tab-pane>\n      </el-tabs>\n    </div>\n\n    <!-- Right Part: similar singers -->\n    <div class=\"right-part\">\n      <div class=\"top-singers\">\n        <div class=\"title\">Top 50 Artists</div>\n        <div class=\"avatars\">\n          <img v-for=\"(artist, index) in topArtists\" v-lazy=\"$helpers.getSmallPicture(artist.img1v1Url, 40)\"\n            :title=\"artist.name\" alt=\"\" :key=\"artist.id\" @click=\"viewArtistDetail(index)\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  getArtistDesc,\n  getArtistTopTracks,\n  getArtistAlbums,\n  getArtistMvs,\n  getTopArtists,\n  getArtistsList\n} from \"@/network/request\";\nimport TracksTable from \"@/components/pure-com/TracksTable\";\nimport DiscCard from \"@/components/pure-com/DiscCard\";\nimport MvCard from \"@/components/pure-com/MvCard\";\n\nexport default {\n  data() {\n    return {\n      artist: {},\n      introduction: [],\n      topTracks: [],\n      allAlbums: [],\n      curPageAlbs: [],\n      ALS_PAGE_SIZE: 15, // default albums page size\n\n      relatedMvs: [],\n      curPageMvs: [],\n      MVS_PAGE_SIZE: 16, // default mvs page size\n\n      detailedDesc: \"\",\n      topArtists: [], // related artists\n      topArsDetail: [],\n\n      labelNames: [\"Tracks(Top 50)\", \"Albums\", \"Music Videos\", \"Introduction\"]\n    };\n  },\n\n  components: {\n    TracksTable,\n    DiscCard,\n    MvCard\n  },\n\n  methods: {\n    async updateArtistData(artistId) {\n      // Get data for \"Top Tracks\" Tab\n      try {\n        let { data } = await getArtistTopTracks(artistId);\n        this.topTracks = [];\n        data.songs.forEach(item => {\n          // Note: The mvid is not `mvid` in song object here, it's mvid in other song or track object.\n          let { name, id, dt: duration, mv } = item;\n          duration = this.$helpers.convertMsToMinutes(duration);\n          let album = item.al; //item.al.name;\n          let artists = item.ar; // this array contains artists with name and id only\n          let coverUrl = item.al.picUrl;\n          this.topTracks.push({\n            id,\n            name,\n            duration,\n            mv,\n            album,\n            artists,\n            coverUrl\n          });\n        });\n      } catch (error) {\n        return this.$message({\n          showClose: true,\n          message: \"Sorry, failed to get data！\",\n          type: \"error\",\n          offset: 50\n        });\n      }\n\n      // Get data for the right column of page: \"Top Artists\"\n      // The API to request similar artists doesn't response\n      // let { data: ars } = await getSimilarArtists(this.artist.id);\n      let {\n        data: { artists }\n      } = await getTopArtists();\n      this.topArtists = artists;\n\n      // Get data for \"Albums\" Tab\n      let {\n        data: { hotAlbums }\n      } = await getArtistAlbums({ id: artistId, limit: 200 });\n      this.allAlbums = hotAlbums;\n      this.curPageAlbs = hotAlbums.slice(0, this.ALS_PAGE_SIZE);\n\n      if (hotAlbums.length > 0) {\n        this.labelNames[1] = \"Albums\" + `(${hotAlbums.length})`;\n      }\n\n      // Get data for \"Music Videos\" Tab\n      let {\n        data: { mvs }\n      } = await getArtistMvs({ id: artistId, limit: 100 });\n      this.relatedMvs = mvs;\n      this.curPageMvs = mvs.slice(0, this.MVS_PAGE_SIZE);\n      if (mvs.length > 0) {\n        this.labelNames[2] = \"Music Videos\" + `(${mvs.length})`;\n      }\n\n      // Get data for \"Introduction\" Tab\n      // As this will not be displayed once the page loads, so put it at the end to request\n      let {\n        data: { briefDesc, introduction }\n      } = await getArtistDesc(artistId);\n      this.introduction = introduction;\n      if (briefDesc) this.introduction.unshift({ ti: \"简介\", txt: briefDesc });\n    },\n\n    // Use internal page render instead of route pushing to update (for right part artists)\n    async viewArtistDetail(index) {\n      // Get the top 50 artists data once to reduce requests\n      if (this.topArsDetail.length === 0) {\n        let { data } = await getArtistsList({ type: -1, area: -1, limit: 50 });\n        this.topArsDetail = data.artists;\n      }\n\n      this.artist = this.topArsDetail[index];\n      this.$session.setPageData(\"artist\", this.artist);\n      // await this.updateArtistData(this.artist.id);  // commented here, let route watcher to update data\n      this.$router.push({\n        path: \"/artists/detail\",\n        name: \"ar-detail\",\n        query: { id: this.artist.id },\n        params: { artist: this.artist }\n      });\n    },\n\n    setAlbumsPage(page) {\n      if (page < 1) return;\n      this.curPageAlbs = this.allAlbums.slice(\n        (page - 1) * this.ALS_PAGE_SIZE,\n        page * this.ALS_PAGE_SIZE\n      );\n    },\n\n    setMvsPage(page) {\n      if (page < 1) return;\n      this.curPageMvs = this.relatedMvs.slice(\n        (page - 1) * this.MVS_PAGE_SIZE,\n        page * this.MVS_PAGE_SIZE\n      );\n    }\n  },\n\n  // as the click of artistname in the Table will push to the same route( to this current page again)\n  // we need the route watch here to achieve same route navigation, otherwise it won't work\n  // however, if the route is pushed by name, not path, this doesn't work\n  // beforeRouteUpdate(to, from, next) {\n  //   console.log(\"******************Before route update*******************\");\n  //   console.log(to, from, next);\n  // },\n\n  // beforeRouteEnter(to, from, next) {\n  //   console.log(\"*****************Before route enter********************\");\n  //   console.log(\"to\", to);\n  //   console.log(\"from\", from);\n  //   console.log(\"next\", next);\n  //   next(vm => console.log(vm));\n  // },\n\n  // beforeRouteLeave(to, from, next) {\n  //   console.log(\"****************Before route Leaves*********\");\n  //   console.log(this, \"beforeRouteLeave\");\n  //   console.log(\"to\", to);\n  //   console.log(\"from\", from);\n  //   console.log(\"next\", next);\n  //   next();\n  // },\n\n  watch: {\n    // watch the same route internal changes:\n    // however, if the route is pushed by name and params this won't work;\n    // this only works when the route params is pushed with name, path and query property,\n    // if path or query are omitted from the options, it doesn't work\n    $route: async function(cur) {\n      this.artist = cur.params.artist;\n      await this.updateArtistData(this.artist.id);\n    }\n  },\n\n  async created() {\n    // Use sessionStorage to recover page data when user presses F5\n    if (!this.$route.params.artist) {\n      this.artist = this.$session.getPageData(\"artist\");\n    } else {\n      this.artist = this.$route.params.artist;\n      this.$session.setPageData(\"artist\", this.artist);\n    }\n    await this.updateArtistData(this.artist.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.artist {\n  padding-top: 20px;\n  @include flex-align(row, flex-start, flex-start);\n}\n\n.left-part {\n  flex: 1;\n  min-width: 640px; //needed to avoid right part auto shrink\n  text-align: left;\n\n  .artist-name {\n    .name {\n      font-size: 24px;\n      font-weight: bold;\n    }\n    .alias {\n      font-size: 16px;\n      padding-left: 5px;\n    }\n\n    .photo {\n      margin-top: 10px;\n      width: 100%;\n      height: 300px;\n      background-color: rgba(0, 0, 0, 0.2);\n      text-align: center;\n      img {\n        width: 640px;\n        height: 300px;\n      }\n    }\n  }\n\n  .al-cards {\n    @include grid-align-cards(226px, 10px);\n    text-align: center;\n  }\n\n  .mv-cards {\n    @include grid-align-cards(200px, 10px);\n    row-gap: 15px;\n    text-align: center;\n  }\n\n  .pagination {\n    text-align: center;\n  }\n\n  .introduction {\n    .intro-title {\n      font-size: 14px;\n      font-weight: bold;\n      border-left: 3px solid $theme-primary-color;\n      padding-left: 10px;\n    }\n    .intro-text {\n      margin: 10px 0;\n      font-size: 12px;\n      line-height: 2;\n    }\n  }\n}\n\n// Right Part styles\n.right-part {\n  // flex-shrink: 0;  //if left part grows, this property setting will not work\n  width: 280px;\n  padding-bottom: 20px;\n  margin-left: 20px;\n\n  .title {\n    font-size: 13px;\n    font-weight: bold;\n    text-align: left;\n    padding-bottom: 10px;\n    border-bottom: 1.5px solid gray;\n    margin-bottom: 10px;\n  }\n\n  .avatars {\n    width: 100%;\n    @include grid-align-cards(40px, 5px);\n    row-gap: 5px;\n    img {\n      cursor: pointer;\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!./ArtistDetail.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!./ArtistDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArtistDetail.vue?vue&type=template&id=56248f57&scoped=true&\"\nimport script from \"./ArtistDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./ArtistDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArtistDetail.vue?vue&type=style&index=0&id=56248f57&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  \"56248f57\",\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","'use strict';\nvar fails = require('../internals/fails');\n\nmodule.exports = function (METHOD_NAME, argument) {\n  var method = [][METHOD_NAME];\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call,no-throw-literal -- required for testing\n    method.call(null, argument || function () { throw 1; }, 1);\n  });\n};\n","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 bind = require('../internals/function-bind-context');\nvar IndexedObject = require('../internals/indexed-object');\nvar toObject = require('../internals/to-object');\nvar toLength = require('../internals/to-length');\nvar arraySpeciesCreate = require('../internals/array-species-create');\n\nvar push = [].push;\n\n// `Array.prototype.{ forEach, map, filter, some, every, find, findIndex, filterOut }` methods implementation\nvar createMethod = function (TYPE) {\n  var IS_MAP = TYPE == 1;\n  var IS_FILTER = TYPE == 2;\n  var IS_SOME = TYPE == 3;\n  var IS_EVERY = TYPE == 4;\n  var IS_FIND_INDEX = TYPE == 6;\n  var IS_FILTER_OUT = TYPE == 7;\n  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;\n  return function ($this, callbackfn, that, specificCreate) {\n    var O = toObject($this);\n    var self = IndexedObject(O);\n    var boundFunction = bind(callbackfn, that, 3);\n    var length = toLength(self.length);\n    var index = 0;\n    var create = specificCreate || arraySpeciesCreate;\n    var target = IS_MAP ? create($this, length) : IS_FILTER || IS_FILTER_OUT ? create($this, 0) : undefined;\n    var value, result;\n    for (;length > index; index++) if (NO_HOLES || index in self) {\n      value = self[index];\n      result = boundFunction(value, index, O);\n      if (TYPE) {\n        if (IS_MAP) target[index] = result; // map\n        else if (result) switch (TYPE) {\n          case 3: return true;              // some\n          case 5: return value;             // find\n          case 6: return index;             // findIndex\n          case 2: push.call(target, value); // filter\n        } else switch (TYPE) {\n          case 4: return false;             // every\n          case 7: push.call(target, value); // filterOut\n        }\n      }\n    }\n    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : target;\n  };\n};\n\nmodule.exports = {\n  // `Array.prototype.forEach` method\n  // https://tc39.es/ecma262/#sec-array.prototype.foreach\n  forEach: createMethod(0),\n  // `Array.prototype.map` method\n  // https://tc39.es/ecma262/#sec-array.prototype.map\n  map: createMethod(1),\n  // `Array.prototype.filter` method\n  // https://tc39.es/ecma262/#sec-array.prototype.filter\n  filter: createMethod(2),\n  // `Array.prototype.some` method\n  // https://tc39.es/ecma262/#sec-array.prototype.some\n  some: createMethod(3),\n  // `Array.prototype.every` method\n  // https://tc39.es/ecma262/#sec-array.prototype.every\n  every: createMethod(4),\n  // `Array.prototype.find` method\n  // https://tc39.es/ecma262/#sec-array.prototype.find\n  find: createMethod(5),\n  // `Array.prototype.findIndex` method\n  // https://tc39.es/ecma262/#sec-array.prototype.findIndex\n  findIndex: createMethod(6),\n  // `Array.prototype.filterOut` method\n  // https://github.com/tc39/proposal-array-filtering\n  filterOut: createMethod(7)\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"disc-card\"},[_c('div',{staticClass:\"card-image\",on:{\"click\":function($event){return _vm.viewAlbum(_vm.albumId)}}},[_c('span',{staticClass:\"card-caption\"},[_vm._v(_vm._s(_vm.caption))]),_c('div',{staticClass:\"disc\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(_vm.picUrl, 200)),expression:\"$helpers.getSmallPicture(picUrl, 200)\"}]})])]),_c('p',{staticClass:\"card-desc\"},[_vm._v(_vm._s(_vm.songName))]),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// disc-card is a component for the cover display and detail entry of an album\n<template>\n\t<div class=\"disc-card\">\n\t\t<div class=\"card-image\" @click=\"viewAlbum(albumId)\">\n\t\t\t<span class=\"card-caption\">{{ caption }}</span>\n\t\t\t<div class=\"disc\">\n\t\t\t\t<img v-lazy=\"$helpers.getSmallPicture(picUrl, 200)\" />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<p class=\"card-desc\">{{ songName }}</p>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: \"DiscCard\",\n\tprops: [\"caption\", \"picUrl\", \"songName\", \"albumId\"],\n\tmethods: {\n\t\tviewAlbum(albumId) {\n\t\t\tthis.$router.push(`/albums/detail` + `?id=${albumId}`);\n\t\t},\n\t},\n};\n</script>\n\n// scoped is needed here\n<style lang=\"scss\" scoped>\n@import \"@/assets/styles/mixin.scss\";\n\n.disc-card {\n\twidth: 226px;\n\tmargin: 20px 0;\n\tposition: relative;\n\toverflow: hidden;\n\tfont-size: 14px;\n\ttext-align: center;\n\n\t.card-image {\n\t\tposition: relative;\n\t\tcursor: pointer;\n\n\t\t.card-caption {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tpadding: 5px;\n\t\t\tcolor: white;\n\t\t\ttext-align: left;\n\t\t\tline-height: 20px;\n\t\t\tmax-height: 50px;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\tbackground: rgba(0, 0, 0, 0.3);\n\t\t\tborder-radius: 5px 5px 0 0;\n\t\t}\n\n\t\t.played-info {\n\t\t\tposition: absolute;\n\t\t\tbottom: 3px;\n\t\t\tleft: 0px;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0 20px;\n\t\t\theight: 50px;\n\t\t\tbackground: rgba(0, 0, 0, 0.3);\n\t\t\tborder-radius: 0 0 5px 5px;\n\n\t\t\t@include flex-align(row, space-between);\n\n\t\t\t.played-count {\n\t\t\t\t@include flex-align(row, flex-start);\n\t\t\t\twidth: 70%;\n\t\t\t}\n\n\t\t\ti {\n\t\t\t\tfont-size: 25px;\n\t\t\t}\n\n\t\t\t.play-music {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t.disc {\n\t\t\twidth: 226px;\n\t\t\theight: 200px;\n\t\t\tposition: relative;\n\n\t\t\t&::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: 1;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\tright: 0;\n\t\t\t\tbackground: url(../../assets/images/disc-clear.png) no-repeat top center;\n\t\t\t\tbackground-size: 226px 200px;\n\t\t\t\t// opacity: 0.7;\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: 2;\n\t\t\t\twidth: 194px;\n\t\t\t\theight: 194px;\n\t\t\t\ttop: 3px;\n\t\t\t\tleft: 23px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t}\n\n\t\t\t// img {\n\t\t\t// \twidth: 83%;\n\t\t\t// \t// height: 200px;\n\t\t\t// \tposition: absolute;\n\t\t\t// \ttop: 50%;\n\t\t\t// \tleft: 50%;\n\t\t\t// \ttransform: translate(-46%, -50%);\n\t\t\t// \tborder-radius: 50%;\n\t\t\t// }\n\t\t}\n\t}\n\n\t&:nth-child(even) .disc::after {\n\t\tbackground: url(../../assets/images/disc.png) no-repeat top center;\n\t\tbackground-size: 226px 200px;\n\t}\n\n\t&:nth-child(odd) .disc::after {\n\t\tbackground: url(../../assets/images/disc-clear.png) no-repeat top center;\n\t\tbackground-size: 226px 200px;\n\t}\n\n\t.card-desc {\n\t\tpadding: 7px;\n\t\twidth: 100%;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: 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!./DiscCard.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!./DiscCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DiscCard.vue?vue&type=template&id=5cda100e&scoped=true&\"\nimport script from \"./DiscCard.vue?vue&type=script&lang=js&\"\nexport * from \"./DiscCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DiscCard.vue?vue&type=style&index=0&id=5cda100e&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  \"5cda100e\",\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","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!./ArtistDetail.vue?vue&type=style&index=0&id=56248f57&lang=scss&scoped=true&\"","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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mv-card\"},[_c('div',{staticClass:\"card-image\",on:{\"click\":function($event){return _vm.playMv(_vm.mvId)}}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(_vm.picUrl, 250, 140)),expression:\"$helpers.getSmallPicture(picUrl, 250, 140)\"}],style:({ height: _vm.height })}),_c('div',{staticClass:\"played-count\"},[_c('i',{staticClass:\"iconfont icon-yiguankan\"}),_c('span',[_vm._v(_vm._s(_vm.calcPlayedCount(_vm.playCount)))])]),_c('div',{staticClass:\"mv-duration\"},[_c('span',[_vm._v(_vm._s(_vm.duration))])]),_c('i',{staticClass:\"play-video iconfont icon-mv4\"})]),_c('p',{staticClass:\"card-desc\"},[_vm._v(_vm._s(_vm.mvName))]),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"mv-card\">\n\t\t<div class=\"card-image\" @click=\"playMv(mvId)\">\n\t\t\t<img v-lazy=\"$helpers.getSmallPicture(picUrl, 250, 140)\" :style=\"{ height: height }\" />\n\t\t\t<div class=\"played-count\">\n\t\t\t\t<i class=\"iconfont icon-yiguankan\"></i>\n\t\t\t\t<span>{{ calcPlayedCount(playCount) }}</span>\n\t\t\t</div>\n\t\t\t<div class=\"mv-duration\">\n\t\t\t\t<span>{{ duration }}</span>\n\t\t\t</div>\n\t\t\t<i class=\"play-video iconfont icon-mv4\"></i>\n\t\t</div>\n\n\t\t<p class=\"card-desc\">{{ mvName }}</p>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: \"MvCard\",\n\tprops: [\"width\", \"height\", \"caption\", \"picUrl\", \"playCount\", \"mvName\", \"mvId\", \"duration\"],\n\tmethods: {\n\t\tcalcPlayedCount(count) {\n\t\t\tif (count >= 1000 * 1000) {\n\t\t\t\treturn (\n\t\t\t\t\t(count / 1000000)\n\t\t\t\t\t\t.toFixed(3)\n\t\t\t\t\t\t.slice(0, 3)\n\t\t\t\t\t\t.replace(/\\.$/, \"\") + `M`\n\t\t\t\t);\n\t\t\t} else if (count >= 1000) {\n\t\t\t\treturn (\n\t\t\t\t\tparseInt(count / 1000)\n\t\t\t\t\t\t.toFixed(3)\n\t\t\t\t\t\t.slice(0, 3)\n\t\t\t\t\t\t.replace(/\\.$/, \"\") + `K`\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn count;\n\t\t},\n\n\t\tplayMv(mvId) {\n\t\t\tthis.$router.push(`/videos/detail` + `?id=${mvId}`);\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.mv-card {\n\t// width: 250px;\n\t// margin: 20px 0;\n\tposition: relative;\n\toverflow: hidden;\n\tfont-size: 14px;\n\n\t.card-image {\n\t\tposition: relative;\n\n\t\t&:hover .play-video {\n\t\t\tvisibility: visible;\n\t\t}\n\n\t\t.played-count {\n\t\t\t@include flex-align(row, flex-end);\n\t\t\tcolor: white;\n\t\t\tposition: absolute;\n\t\t\ttop: 10px;\n\t\t\tright: 10px;\n\t\t}\n\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\tborder-radius: 5px;\n\t\t}\n\n\t\t.mv-duration {\n\t\t\tcolor: white;\n\t\t\tposition: absolute;\n\t\t\tbottom: 10px;\n\t\t\tright: 10px;\n\t\t}\n\n\t\t.play-video {\n\t\t\t@include position-abs-center();\n\t\t\tpadding: 0 !important;\n\t\t\tcolor: $theme-primary-color;\n\t\t\tfont-size: 35px;\n\t\t\tz-index: 105;\n\t\t\tvertical-align: middle;\n\t\t\tbackground-color: rgba(255, 255, 255, 0.2);\n\t\t\tborder-radius: 4px;\n\t\t\tcursor: pointer;\n\t\t\tvisibility: hidden;\n\t\t}\n\t}\n\n\t.card-desc {\n\t\tpadding: 7px;\n\t\twidth: 100%;\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!./MvCard.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!./MvCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MvCard.vue?vue&type=template&id=435db122&scoped=true&\"\nimport script from \"./MvCard.vue?vue&type=script&lang=js&\"\nexport * from \"./MvCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MvCard.vue?vue&type=style&index=0&id=435db122&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  \"435db122\",\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!./MvCard.vue?vue&type=style&index=0&id=435db122&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!./TrackButton.vue?vue&type=style&index=0&id=0d001b44&lang=scss&scoped=true&\""],"sourceRoot":""}