{"version":3,"sources":["webpack:///./src/components/ExplicitSymbol.vue?daaa","webpack:///src/components/ExplicitSymbol.vue","webpack:///./src/components/ExplicitSymbol.vue?0562","webpack:///./src/components/ExplicitSymbol.vue","webpack:///./src/components/ButtonTwoTone.vue?42d3","webpack:///./src/components/CoverRow.vue?b120","webpack:///src/components/CoverRow.vue","webpack:///./src/components/CoverRow.vue?ca50","webpack:///./src/components/CoverRow.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack:///./src/components/Cover.vue?7b33","webpack:///src/components/Cover.vue","webpack:///./src/components/Cover.vue?c51e","webpack:///./src/components/Cover.vue","webpack:///./src/views/explore.vue?6782","webpack:///./src/components/ButtonTwoTone.vue?9500","webpack:///src/components/ButtonTwoTone.vue","webpack:///./src/components/ButtonTwoTone.vue?3552","webpack:///./src/components/ButtonTwoTone.vue","webpack:///./src/components/Cover.vue?536e","webpack:///./src/components/CoverRow.vue?3add","webpack:///./src/views/explore.vue?963d","webpack:///src/views/explore.vue","webpack:///./src/views/explore.vue?fd79","webpack:///./src/views/explore.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","attrs","staticRenderFns","name","components","SvgIcon","props","size","type","Number","default","data","svgStyle","created","height","width","component","staticClass","_l","item","key","id","class","artist","getImageUrl","_v","_s","_f","playCount","_e","fontSize","subTextFontSize","isExplicit","isPrivacy","getTitleLink","subText","domProps","getSubText","Cover","ExplicitSymbol","items","showPlayCount","columnNumber","gap","computed","rowStyles","methods","copywriter","description","updateFrequency","creator","nickname","undefined","artists","albumType","privacy","mark","img1v1Url","img1v1ID","length","_arrayWithoutHoles","arr","Array","isArray","arrayLikeToArray","_iterableToArray","iter","Symbol","iterator","Object","from","_nonIterableSpread","TypeError","_toConsumableArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","coverHover","on","$event","focus","clickCoverToPlay","play","goTo","directives","rawName","value","expression","stopPropagation","imageUrl","alwaysShowShadow","fixedSize","playButtonSize","alwaysShowPlayButton","shadowMargin","radius","imageStyles","styles","borderRadius","playButtonStyles","shadowStyles","backgroundImage","album","player","playAlbumByID","playlist","playPlaylistByID","playArtistByID","playActions","bind","$router","push","color","iconClass","marginRight","iconButton","_t","String","Boolean","horizontalPadding","backgroundColor","textColor","shape","buttonStyle","padding","$t","settings","playlistCategories","filter","p","enable","cat","active","activeCategory","showCatOptions","goToCategory","bigCat","getCatsByBigCat","toggleCat","playlists","includes","showLoadMoreButton","hasMore","loadingMore","nativeOn","getPlaylist","CoverRow","ButtonTwoTone","show","allBigCats","loadData","updatePlaylist","getRecommendPlayList","getHighQualityPlaylist","getTopLists","getTopPlayList","offset","togglePlaylistCategory","activated","beforeRouteUpdate","to","query","category","next"],"mappings":"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","file":"js/chunk-3aefd81f.55b1ce5d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg-icon',{style:(_vm.svgStyle),attrs:{\"icon-class\":\"explicit\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <svg-icon icon-class=\"explicit\" :style=\"svgStyle\"></svg-icon>\n</template>\n\n<script>\nimport SvgIcon from \"@/components/SvgIcon.vue\";\n\nexport default {\n  name: \"ExplicitSymbol\",\n  components: {\n    SvgIcon,\n  },\n  props: {\n    size: {\n      type: Number,\n      default: 16,\n    },\n  },\n  data() {\n    return {\n      svgStyle: {},\n    };\n  },\n  created() {\n    this.svgStyle = {\n      height: this.size + \"px\",\n      width: this.size + \"px\",\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExplicitSymbol.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExplicitSymbol.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExplicitSymbol.vue?vue&type=template&id=7e2a888e&scoped=true&\"\nimport script from \"./ExplicitSymbol.vue?vue&type=script&lang=js&\"\nexport * from \"./ExplicitSymbol.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7e2a888e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonTwoTone.vue?vue&type=style&index=0&id=18f7e8ba&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cover-row\",style:(_vm.rowStyles)},_vm._l((_vm.items),function(item){return _c('div',{key:item.id,staticClass:\"item\",class:{ artist: _vm.type === 'artist' }},[_c('Cover',{attrs:{\"imageUrl\":_vm.getImageUrl(item),\"type\":_vm.type,\"id\":item.id,\"playButtonSize\":_vm.type === 'artist' ? 26 : 22}}),_c('div',{staticClass:\"text\"},[(_vm.showPlayCount)?_c('div',{staticClass:\"info\"},[_c('span',{staticClass:\"play-count\"},[_c('svg-icon',{attrs:{\"icon-class\":\"play\"}}),_vm._v(_vm._s(_vm._f(\"formatPlayCount\")(item.playCount))+\" \")],1)]):_vm._e(),_c('div',{staticClass:\"title\",style:({ fontSize: _vm.subTextFontSize })},[(_vm.isExplicit(item))?_c('span',{staticClass:\"explicit-symbol\"},[_c('ExplicitSymbol')],1):_vm._e(),(_vm.isPrivacy(item))?_c('span',{staticClass:\"lock-icon\"},[_c('svg-icon',{attrs:{\"icon-class\":\"lock\"}})],1):_vm._e(),_c('router-link',{attrs:{\"to\":_vm.getTitleLink(item)}},[_vm._v(_vm._s(item.name))])],1),(_vm.type !== 'artist' && _vm.subText !== 'none')?_c('div',{staticClass:\"info\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.getSubText(item))}})]):_vm._e()])],1)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"cover-row\" :style=\"rowStyles\">\n    <div\n      class=\"item\"\n      v-for=\"item in items\"\n      :key=\"item.id\"\n      :class=\"{ artist: type === 'artist' }\"\n    >\n      <Cover\n        :imageUrl=\"getImageUrl(item)\"\n        :type=\"type\"\n        :id=\"item.id\"\n        :playButtonSize=\"type === 'artist' ? 26 : 22\"\n      />\n      <div class=\"text\">\n        <div class=\"info\" v-if=\"showPlayCount\">\n          <span class=\"play-count\"\n            ><svg-icon icon-class=\"play\" />{{\n              item.playCount | formatPlayCount\n            }}\n          </span>\n        </div>\n        <div class=\"title\" :style=\"{ fontSize: subTextFontSize }\">\n          <span class=\"explicit-symbol\" v-if=\"isExplicit(item)\"\n            ><ExplicitSymbol\n          /></span>\n          <span class=\"lock-icon\" v-if=\"isPrivacy(item)\">\n            <svg-icon icon-class=\"lock\"\n          /></span>\n          <router-link :to=\"getTitleLink(item)\">{{ item.name }}</router-link>\n        </div>\n        <div class=\"info\" v-if=\"type !== 'artist' && subText !== 'none'\">\n          <span v-html=\"getSubText(item)\"></span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Cover from \"@/components/Cover.vue\";\nimport ExplicitSymbol from \"@/components/ExplicitSymbol.vue\";\n\nexport default {\n  name: \"CoverRow\",\n  components: {\n    Cover,\n    ExplicitSymbol,\n  },\n  props: {\n    items: { type: Array, required: true },\n    type: { type: String, required: true },\n    subText: { type: String, default: \"null\" },\n    subTextFontSize: { type: String, default: \"16px\" },\n    showPlayCount: { type: Boolean, default: false },\n    columnNumber: { type: Number, default: 5 },\n    gap: { type: String, default: \"44px 24px\" },\n  },\n  computed: {\n    rowStyles() {\n      return {\n        \"grid-template-columns\": `repeat(${this.columnNumber}, 1fr)`,\n        gap: this.gap,\n      };\n    },\n  },\n  methods: {\n    getSubText(item) {\n      if (this.subText === \"copywriter\") return item.copywriter;\n      if (this.subText === \"description\") return item.description;\n      if (this.subText === \"updateFrequency\") return item.updateFrequency;\n      if (this.subText === \"creator\") return \"by \" + item.creator.nickname;\n      if (this.subText === \"releaseYear\")\n        return new Date(item.publishTime).getFullYear();\n      if (this.subText === \"artist\") {\n        if (item.artist !== undefined)\n          return `<a href=\"/#/artist/${item.artist.id}\">${item.artist.name}</a>`;\n        if (item.artists !== undefined)\n          return `<a href=\"/#/artist/${item.artists[0].id}\">${item.artists[0].name}</a>`;\n      }\n      if (this.subText === \"albumType+releaseYear\") {\n        let albumType = item.type;\n        if (item.type === \"EP/Single\") {\n          albumType = item.size === 1 ? \"Single\" : \"EP\";\n        } else if (item.type === \"Single\") {\n          albumType = \"Single\";\n        } else if (item.type === \"专辑\") {\n          albumType = \"Album\";\n        }\n        return `${albumType} · ${new Date(item.publishTime).getFullYear()}`;\n      }\n      if (this.subText === \"appleMusic\") return \"by Apple Music\";\n    },\n    isPrivacy(item) {\n      return this.type === \"playlist\" && item.privacy === 10;\n    },\n    isExplicit(item) {\n      return this.type === \"album\" && item.mark === 1056768;\n    },\n    getTitleLink(item) {\n      return `/${this.type}/${item.id}`;\n    },\n    getImageUrl(item) {\n      if (item.img1v1Url) {\n        let img1v1ID = item.img1v1Url.split(\"/\");\n        img1v1ID = img1v1ID[img1v1ID.length - 1];\n        if (img1v1ID === \"5639395138885805.jpg\") {\n          // 没有头像的歌手，网易云返回的img1v1Url并不是正方形的 😅😅😅\n          return \"https://p2.music.126.net/VnZiScyynLG7atLIZ2YPkw==/18686200114669622.jpg?param=512y512\";\n        }\n      }\n      let img = item.img1v1Url || item.picUrl || item.coverImgUrl;\n      return `${img}?param=512y512`;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.cover-row {\n  display: grid;\n}\n\n.item {\n  color: var(--color-text);\n  .text {\n    margin-top: 8px;\n    .title {\n      font-size: 16px;\n      font-weight: 600;\n      line-height: 20px;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n      overflow: hidden;\n      word-break: break-all;\n    }\n    .info {\n      font-size: 12px;\n      opacity: 0.68;\n      line-height: 18px;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n      overflow: hidden;\n      word-break: break-word;\n    }\n  }\n}\n\n.item.artist {\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  .cover {\n    display: flex;\n  }\n  .title {\n    margin-top: 4px;\n  }\n}\n\n@media (max-width: 834px) {\n  .item .text .title {\n    font-size: 14px;\n  }\n}\n\n.explicit-symbol {\n  opacity: 0.28;\n  color: var(--color-text);\n  float: right;\n  .svg-icon {\n    margin-bottom: -3px;\n  }\n}\n\n.lock-icon {\n  opacity: 0.28;\n  color: var(--color-text);\n  margin-right: 4px;\n  // float: right;\n  .svg-icon {\n    height: 12px;\n    width: 12px;\n  }\n}\n\n.play-count {\n  font-weight: 600;\n  opacity: 0.58;\n  color: var(--color-text);\n  font-size: 12px;\n  .svg-icon {\n    margin-right: 3px;\n    height: 8px;\n    width: 8px;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CoverRow.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CoverRow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CoverRow.vue?vue&type=template&id=b46b0474&scoped=true&\"\nimport script from \"./CoverRow.vue?vue&type=script&lang=js&\"\nexport * from \"./CoverRow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CoverRow.vue?vue&type=style&index=0&id=b46b0474&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b46b0474\",\n  null\n  \n)\n\nexport default component.exports","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cover\",class:{ 'cover-hover': _vm.coverHover },on:{\"mouseover\":function($event){_vm.focus = true},\"mouseleave\":function($event){_vm.focus = false},\"click\":function($event){_vm.clickCoverToPlay ? _vm.play() : _vm.goTo()}}},[_c('div',{staticClass:\"cover-container\"},[_c('div',{staticClass:\"shade\"},[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.focus),expression:\"focus\"}],staticClass:\"play-button\",style:(_vm.playButtonStyles),on:{\"click\":function($event){$event.stopPropagation();return _vm.play()}}},[_c('svg-icon',{attrs:{\"icon-class\":\"play\"}})],1)]),_c('img',{style:(_vm.imageStyles),attrs:{\"src\":_vm.imageUrl}}),(_vm.coverHover || _vm.alwaysShowShadow)?_c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.focus || _vm.alwaysShowShadow),expression:\"focus || alwaysShowShadow\"}],staticClass:\"shadow\",style:(_vm.shadowStyles)})]):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"cover\"\n    @mouseover=\"focus = true\"\n    @mouseleave=\"focus = false\"\n    :class=\"{ 'cover-hover': coverHover }\"\n    @click=\"clickCoverToPlay ? play() : goTo()\"\n  >\n    <div class=\"cover-container\">\n      <div class=\"shade\">\n        <button\n          v-show=\"focus\"\n          class=\"play-button\"\n          @click.stop=\"play()\"\n          :style=\"playButtonStyles\"\n          ><svg-icon icon-class=\"play\" />\n        </button>\n      </div>\n      <img :src=\"imageUrl\" :style=\"imageStyles\" />\n      <transition name=\"fade\" v-if=\"coverHover || alwaysShowShadow\">\n        <div\n          class=\"shadow\"\n          v-show=\"focus || alwaysShowShadow\"\n          :style=\"shadowStyles\"\n        ></div>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    id: { type: Number, required: true },\n    type: { type: String, required: true },\n    imageUrl: { type: String, required: true },\n    fixedSize: { type: Number, default: 0 },\n    playButtonSize: { type: Number, default: 22 },\n    coverHover: { type: Boolean, default: true },\n    alwaysShowPlayButton: { type: Boolean, default: true },\n    alwaysShowShadow: { type: Boolean, default: false },\n    clickCoverToPlay: { type: Boolean, default: false },\n    shadowMargin: { type: Number, default: 12 },\n    radius: { type: Number, default: 12 },\n  },\n  data() {\n    return {\n      focus: false,\n    };\n  },\n  computed: {\n    imageStyles() {\n      let styles = {};\n      if (this.fixedSize !== 0) {\n        styles.width = this.fixedSize + \"px\";\n        styles.height = this.fixedSize + \"px\";\n      }\n      if (this.type === \"artist\") styles.borderRadius = \"50%\";\n      return styles;\n    },\n    playButtonStyles() {\n      let styles = {};\n      styles.width = this.playButtonSize + \"%\";\n      styles.height = this.playButtonSize + \"%\";\n      return styles;\n    },\n    shadowStyles() {\n      let styles = {};\n      styles.backgroundImage = `url(${this.imageUrl})`;\n      if (this.type === \"artist\") styles.borderRadius = \"50%\";\n      return styles;\n    },\n  },\n  methods: {\n    play() {\n      const player = this.$store.state.player;\n      const playActions = {\n        album: player.playAlbumByID,\n        playlist: player.playPlaylistByID,\n        artist: player.playArtistByID,\n      };\n      playActions[this.type].bind(player)(this.id);\n    },\n    goTo() {\n      this.$router.push({ name: this.type, params: { id: this.id } });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.cover {\n  position: relative;\n  transition: transform 0.3s;\n}\n.cover-container {\n  position: relative;\n}\nimg {\n  border-radius: 0.75em;\n  width: 100%;\n  user-select: none;\n}\n\n.cover-hover {\n  &:hover {\n    cursor: pointer;\n    /* transform: scale(1.02); */\n  }\n}\n\n.shade {\n  position: absolute;\n  top: 0;\n  height: calc(100% - 3px);\n  width: 100%;\n  background: transparent;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.play-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: white;\n  backdrop-filter: blur(8px);\n  background: rgba(255, 255, 255, 0.14);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  height: 22%;\n  width: 22%;\n  border-radius: 50%;\n  cursor: default;\n  transition: 0.2s;\n  .svg-icon {\n    height: 44%;\n    margin: {\n      left: 4px;\n    }\n  }\n  &:hover {\n    background: rgba(255, 255, 255, 0.28);\n  }\n  &:active {\n    transform: scale(0.94);\n  }\n}\n\n.shadow {\n  position: absolute;\n  top: 12px;\n  height: 100%;\n  width: 100%;\n  filter: blur(16px) opacity(0.6);\n  transform: scale(0.92, 0.96);\n  z-index: -1;\n  background-size: cover;\n  border-radius: 0.75em;\n}\n\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n  opacity: 0;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cover.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Cover.vue?vue&type=template&id=358ddfb0&scoped=true&\"\nimport script from \"./Cover.vue?vue&type=script&lang=js&\"\nexport * from \"./Cover.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Cover.vue?vue&type=style&index=0&id=358ddfb0&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"358ddfb0\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./explore.vue?vue&type=style&index=0&id=01de6ecb&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{class:_vm.color,style:(_vm.buttonStyle)},[(_vm.iconClass !== null)?_c('svg-icon',{style:({ marginRight: _vm.iconButton ? '0px' : '8px' }),attrs:{\"iconClass\":_vm.iconClass}}):_vm._e(),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <button :style=\"buttonStyle\" :class=\"color\">\n    <svg-icon\n      v-if=\"iconClass !== null\"\n      :iconClass=\"iconClass\"\n      :style=\"{ marginRight: iconButton ? '0px' : '8px' }\"\n    />\n    <slot></slot>\n  </button>\n</template>\n\n<script>\nexport default {\n  name: \"ButtonTwoTone\",\n  props: {\n    iconClass: {\n      type: String,\n      default: null,\n    },\n    iconButton: {\n      type: Boolean,\n      default: false,\n    },\n    horizontalPadding: {\n      type: Number,\n      default: 16,\n    },\n    color: {\n      type: String,\n      default: \"blue\",\n    },\n    backgroundColor: {\n      type: String,\n      default: \"\",\n    },\n    textColor: {\n      type: String,\n      default: \"\",\n    },\n    shape: {\n      type: String,\n      default: \"square\",\n    },\n  },\n  computed: {\n    buttonStyle() {\n      let styles = {\n        borderRadius: this.shape === \"round\" ? \"50%\" : \"8px\",\n        padding: `8px ${this.horizontalPadding}px`,\n        // height: \"38px\",\n        width: this.shape === \"round\" ? \"38px\" : \"auto\",\n      };\n      if (this.backgroundColor !== \"\")\n        styles.backgroundColor = this.backgroundColor;\n      if (this.textColor !== \"\") styles.color = this.textColor;\n      return styles;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nbutton {\n  height: 40px;\n  min-width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  line-height: 18px;\n  font-weight: 600;\n  background-color: var(--color-primary-bg);\n  color: var(--color-primary);\n  margin-right: 12px;\n  transition: 0.2s;\n  .svg-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &:hover {\n    transform: scale(1.06);\n  }\n  &:active {\n    transform: scale(0.94);\n  }\n}\nbutton.grey {\n  background-color: var(--color-secondary-bg);\n  color: var(--color-text);\n  opacity: 0.78;\n}\nbutton.transparent {\n  background-color: transparent;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonTwoTone.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonTwoTone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonTwoTone.vue?vue&type=template&id=18f7e8ba&scoped=true&\"\nimport script from \"./ButtonTwoTone.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonTwoTone.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ButtonTwoTone.vue?vue&type=style&index=0&id=18f7e8ba&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"18f7e8ba\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cover.vue?vue&type=style&index=0&id=358ddfb0&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CoverRow.vue?vue&type=style&index=0&id=b46b0474&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"explore\"},[_c('h1',[_vm._v(_vm._s(_vm.$t(\"explore.explore\")))]),_c('div',{staticClass:\"buttons\"},[_vm._l((_vm.settings.playlistCategories.filter(function (p) { return p.enable; })),function(cat){return _c('div',{key:cat.name,staticClass:\"button\",class:{ active: cat.name === _vm.activeCategory && !_vm.showCatOptions },on:{\"click\":function($event){return _vm.goToCategory(cat.name)}}},[_vm._v(\" \"+_vm._s(cat.name)+\" \")])}),_c('div',{staticClass:\"button more\",class:{ active: _vm.showCatOptions },on:{\"click\":function($event){_vm.showCatOptions = !_vm.showCatOptions}}},[_c('svg-icon',{attrs:{\"icon-class\":\"more\"}})],1)],2),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showCatOptions),expression:\"showCatOptions\"}],staticClass:\"panel\"},_vm._l((_vm.allBigCats),function(bigCat){return _c('div',{key:bigCat,staticClass:\"big-cat\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(bigCat))]),_c('div',{staticClass:\"cats\"},_vm._l((_vm.getCatsByBigCat(bigCat)),function(cat){return _c('div',{key:cat.name,staticClass:\"cat\",class:{ active: cat.enable },on:{\"click\":function($event){return _vm.toggleCat(cat.name)}}},[_c('span',[_vm._v(_vm._s(cat.name))])])}),0)])}),0),_c('div',{staticClass:\"playlists\"},[_c('CoverRow',{attrs:{\"type\":\"playlist\",\"items\":_vm.playlists,\"subText\":_vm.subText,\"showPlayButton\":true,\"showPlayCount\":_vm.activeCategory !== '排行榜' ? true : false,\"imageSize\":_vm.activeCategory !== '排行榜' ? 512 : 1024}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(['推荐歌单', '排行榜'].includes(_vm.activeCategory) === false),expression:\"['推荐歌单', '排行榜'].includes(activeCategory) === false\"}],staticClass:\"load-more\"},[_c('ButtonTwoTone',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showLoadMoreButton && _vm.hasMore),expression:\"showLoadMoreButton && hasMore\"}],attrs:{\"color\":\"grey\",\"loading\":_vm.loadingMore},nativeOn:{\"click\":function($event){return _vm.getPlaylist($event)}}},[_vm._v(_vm._s(_vm.$t(\"explore.loadMore\")))])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"explore\">\n    <h1>{{ $t(\"explore.explore\") }}</h1>\n    <div class=\"buttons\">\n      <div\n        class=\"button\"\n        v-for=\"cat in settings.playlistCategories.filter((p) => p.enable)\"\n        :key=\"cat.name\"\n        :class=\"{ active: cat.name === activeCategory && !showCatOptions }\"\n        @click=\"goToCategory(cat.name)\"\n      >\n        {{ cat.name }}\n      </div>\n      <div\n        class=\"button more\"\n        :class=\"{ active: showCatOptions }\"\n        @click=\"showCatOptions = !showCatOptions\"\n      >\n        <svg-icon icon-class=\"more\"></svg-icon>\n      </div>\n    </div>\n\n    <div class=\"panel\" v-show=\"showCatOptions\">\n      <div class=\"big-cat\" v-for=\"bigCat in allBigCats\" :key=\"bigCat\">\n        <div class=\"name\">{{ bigCat }}</div>\n        <div class=\"cats\">\n          <div\n            class=\"cat\"\n            :class=\"{ active: cat.enable }\"\n            v-for=\"cat in getCatsByBigCat(bigCat)\"\n            :key=\"cat.name\"\n            @click=\"toggleCat(cat.name)\"\n            ><span>{{ cat.name }}</span></div\n          >\n        </div>\n      </div>\n    </div>\n\n    <div class=\"playlists\">\n      <CoverRow\n        type=\"playlist\"\n        :items=\"playlists\"\n        :subText=\"subText\"\n        :showPlayButton=\"true\"\n        :showPlayCount=\"activeCategory !== '排行榜' ? true : false\"\n        :imageSize=\"activeCategory !== '排行榜' ? 512 : 1024\"\n      />\n    </div>\n    <div\n      class=\"load-more\"\n      v-show=\"['推荐歌单', '排行榜'].includes(activeCategory) === false\"\n    >\n      <ButtonTwoTone\n        v-show=\"showLoadMoreButton && hasMore\"\n        @click.native=\"getPlaylist\"\n        color=\"grey\"\n        :loading=\"loadingMore\"\n        >{{ $t(\"explore.loadMore\") }}</ButtonTwoTone\n      >\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapMutations } from \"vuex\";\nimport NProgress from \"nprogress\";\nimport {\n  topPlaylist,\n  highQualityPlaylist,\n  recommendPlaylist,\n  toplists,\n} from \"@/api/playlist\";\n\nimport ButtonTwoTone from \"@/components/ButtonTwoTone.vue\";\nimport CoverRow from \"@/components/CoverRow.vue\";\nimport SvgIcon from \"@/components/SvgIcon.vue\";\n\nexport default {\n  name: \"Explore\",\n  components: {\n    CoverRow,\n    ButtonTwoTone,\n    SvgIcon,\n  },\n  data() {\n    return {\n      show: false,\n      playlists: [],\n      activeCategory: \"全部\",\n      loadingMore: false,\n      showLoadMoreButton: false,\n      hasMore: true,\n      allBigCats: [\"语种\", \"风格\", \"场景\", \"情感\", \"主题\"],\n      showCatOptions: false,\n    };\n  },\n  computed: {\n    ...mapState([\"settings\"]),\n    subText() {\n      if (this.activeCategory === \"排行榜\") return \"updateFrequency\";\n      if (this.activeCategory === \"推荐歌单\") return \"copywriter\";\n      return \"none\";\n    },\n  },\n  methods: {\n    ...mapMutations([\"togglePlaylistCategory\"]),\n    loadData() {\n      if (!this.show) NProgress.start();\n      this.activeCategory =\n        this.$route.query.category === undefined\n          ? \"全部\"\n          : this.$route.query.category;\n      this.getPlaylist();\n    },\n    goToCategory(Category) {\n      if (this.showCatOptions) return;\n      this.$router.push({ path: \"/explore?category=\" + Category });\n    },\n    updatePlaylist(playlists) {\n      this.playlists.push(...playlists);\n      this.loadingMore = false;\n      this.showLoadMoreButton = true;\n      NProgress.done();\n      this.show = true;\n    },\n    getPlaylist() {\n      this.loadingMore = true;\n      if (this.activeCategory === \"推荐歌单\") {\n        return this.getRecommendPlayList();\n      }\n      if (this.activeCategory === \"精品歌单\") {\n        return this.getHighQualityPlaylist();\n      }\n      if (this.activeCategory === \"排行榜\") {\n        return this.getTopLists();\n      }\n      return this.getTopPlayList();\n    },\n    getRecommendPlayList() {\n      recommendPlaylist({ limit: 100 }).then((data) => {\n        this.playlists = [];\n        this.updatePlaylist(data.result);\n      });\n    },\n    getHighQualityPlaylist() {\n      let playlists = this.playlists;\n      let before =\n        playlists.length !== 0 ? playlists[playlists.length - 1].updateTime : 0;\n      highQualityPlaylist({ limit: 50, before }).then((data) => {\n        this.updatePlaylist(data.playlists);\n        this.hasMore = data.more;\n      });\n    },\n    getTopLists() {\n      toplists().then((data) => {\n        this.playlists = [];\n        this.updatePlaylist(data.list);\n      });\n    },\n    getTopPlayList() {\n      topPlaylist({\n        cat: this.activeCategory,\n        offset: this.playlists.length,\n      }).then((data) => {\n        this.updatePlaylist(data.playlists);\n        this.hasMore = data.more;\n      });\n    },\n    getCatsByBigCat(name) {\n      return this.settings.playlistCategories.filter((c) => c.bigCat === name);\n    },\n    toggleCat(name) {\n      this.togglePlaylistCategory(name);\n    },\n  },\n  activated() {\n    this.loadData();\n  },\n  beforeRouteUpdate(to, from, next) {\n    NProgress.start();\n    this.showLoadMoreButton = false;\n    this.hasMore = true;\n    this.playlists = [];\n    this.offset = 1;\n    this.activeCategory = to.query.category;\n    this.getPlaylist();\n    next();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nh1 {\n  color: var(--color-text);\n  font-size: 56px;\n}\n.buttons {\n  display: flex;\n  flex-wrap: wrap;\n}\n.button {\n  user-select: none;\n  cursor: pointer;\n  padding: 8px 16px;\n  margin: 10px 16px 6px 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: 600;\n  font-size: 18px;\n  border-radius: 10px;\n  background-color: var(--color-secondary-bg);\n  color: var(--color-secondary);\n  transition: 0.2s;\n\n  &:hover {\n    background-color: var(--color-primary-bg);\n    color: var(--color-primary);\n  }\n}\n.button.active {\n  background-color: var(--color-primary-bg);\n  color: var(--color-primary);\n}\n.panel {\n  margin-top: 10px;\n  background: var(--color-secondary-bg);\n  border-radius: 10px;\n  padding: 8px;\n  color: var(--color-text);\n\n  .big-cat {\n    display: flex;\n    margin-bottom: 32px;\n  }\n\n  .name {\n    font-size: 24px;\n    font-weight: 700;\n    opacity: 0.68;\n    margin-left: 24px;\n    min-width: 54px;\n    height: 26px;\n    margin-top: 8px;\n  }\n  .cats {\n    margin-left: 24px;\n    display: flex;\n    flex-wrap: wrap;\n  }\n  .cat {\n    user-select: none;\n    margin: 4px 0px 0 0;\n    display: flex;\n    // justify-content: center;\n    align-items: center;\n    font-weight: 500;\n    font-size: 16px;\n    transition: 0.2s;\n    min-width: 98px;\n\n    span {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: pointer;\n      padding: 6px 12px;\n      height: 26px;\n      border-radius: 10px;\n      opacity: 0.88;\n      &:hover {\n        opacity: 1;\n        background-color: var(--color-primary-bg);\n        color: var(--color-primary);\n      }\n    }\n  }\n  .cat.active {\n    color: var(--color-primary);\n  }\n}\n\n.playlists {\n  margin-top: 24px;\n}\n\n.load-more {\n  display: flex;\n  justify-content: center;\n  margin-top: 32px;\n}\n\n.button.more {\n  .svg-icon {\n    height: 24px;\n    width: 24px;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./explore.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./explore.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./explore.vue?vue&type=template&id=01de6ecb&scoped=true&\"\nimport script from \"./explore.vue?vue&type=script&lang=js&\"\nexport * from \"./explore.vue?vue&type=script&lang=js&\"\nimport style0 from \"./explore.vue?vue&type=style&index=0&id=01de6ecb&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  \"01de6ecb\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}