{"version":3,"sources":["webpack:///./src/views/artistMV.vue?c211","webpack:///src/views/artistMV.vue","webpack:///./src/views/artistMV.vue?7985","webpack:///./src/views/artistMV.vue","webpack:///./src/components/ButtonTwoTone.vue?42d3","webpack:///./src/components/MvRow.vue?78c4","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/ButtonTwoTone.vue?9500","webpack:///src/components/ButtonTwoTone.vue","webpack:///./src/components/ButtonTwoTone.vue?3552","webpack:///./src/components/ButtonTwoTone.vue","webpack:///./src/components/MvRow.vue?bc9f","webpack:///src/components/MvRow.vue","webpack:///./src/components/MvRow.vue?2b6e","webpack:///./src/components/MvRow.vue","webpack:///./src/views/artistMV.vue?55db"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","attrs","_f","artist","img1v1Url","_v","_s","mvs","nativeOn","$event","loadMVs","$t","staticRenderFns","components","MvRow","ButtonTwoTone","data","id","show","hasMore","methods","loadData","created","$route","params","activated","beforeRouteUpdate","to","next","component","_arrayWithoutHoles","arr","Array","isArray","arrayLikeToArray","_iterableToArray","iter","Symbol","iterator","Object","from","_nonIterableSpread","TypeError","_toConsumableArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","class","color","style","iconClass","marginRight","iconButton","_e","_t","props","type","String","default","Boolean","horizontalPadding","Number","backgroundColor","textColor","shape","computed","buttonStyle","borderRadius","padding","width","styles","withoutPadding","_l","mv","key","getID","on","hoverVideoID","goToMv","getUrl","background","getTitle","domProps","getSubtitle","subtitle","undefined","$parent","player","query","$router","push","url","replace","vid","title","artistName","artistID","artistId","creator","userName","userId","publishTime"],"mappings":"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","file":"js/chunk-40548718.3c003179.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.show),expression:\"show\"}]},[_c('h1',[_c('img',{staticClass:\"avatar\",attrs:{\"src\":_vm._f(\"resizeImage\")(_vm.artist.img1v1Url,1024)}}),_vm._v(_vm._s(_vm.artist.name)+\"'s Music Videos \")]),_c('MvRow',{attrs:{\"mvs\":_vm.mvs,\"subtitle\":\"publishTime\"}}),_c('div',{staticClass:\"load-more\"},[_c('ButtonTwoTone',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasMore),expression:\"hasMore\"}],attrs:{\"color\":\"grey\"},nativeOn:{\"click\":function($event){return _vm.loadMVs($event)}}},[_vm._v(_vm._s(_vm.$t(\"explore.loadMore\")))])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-show=\"show\">\n    <h1>\n      <img class=\"avatar\" :src=\"artist.img1v1Url | resizeImage(1024)\" />{{\n        artist.name\n      }}'s Music Videos\n    </h1>\n    <MvRow :mvs=\"mvs\" subtitle=\"publishTime\" />\n    <div class=\"load-more\">\n      <ButtonTwoTone v-show=\"hasMore\" @click.native=\"loadMVs\" color=\"grey\">{{\n        $t(\"explore.loadMore\")\n      }}</ButtonTwoTone>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { artistMv, getArtist } from \"@/api/artist\";\nimport NProgress from \"nprogress\";\n\nimport ButtonTwoTone from \"@/components/ButtonTwoTone.vue\";\nimport MvRow from \"@/components/MvRow.vue\";\n\nexport default {\n  name: \"artistMV\",\n  components: {\n    MvRow,\n    ButtonTwoTone,\n  },\n  data() {\n    return {\n      id: 0,\n      show: false,\n      hasMore: true,\n      artist: {},\n      mvs: [],\n    };\n  },\n  methods: {\n    loadData() {\n      getArtist(this.id).then((data) => {\n        this.artist = data.artist;\n      });\n      this.loadMVs();\n    },\n    loadMVs() {\n      artistMv({ id: this.id, limit: 100, offset: this.mvs.length }).then(\n        (data) => {\n          this.mvs.push(...data.mvs);\n          this.hasMore = data.hasMore;\n          NProgress.done();\n          this.show = true;\n        }\n      );\n    },\n  },\n  created() {\n    this.id = this.$route.params.id;\n    this.loadData();\n  },\n  activated() {\n    if (this.$route.params.id !== this.id) {\n      this.id = this.$route.params.id;\n      this.mvs = [];\n      this.artist = {};\n      this.show = false;\n      this.hasMore = true;\n      this.loadData();\n    }\n  },\n  beforeRouteUpdate(to, from, next) {\n    NProgress.start();\n    this.id = to.params.id;\n    this.loadData();\n    next();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nh1 {\n  font-size: 42px;\n  color: var(--color-text);\n  .avatar {\n    height: 44px;\n    margin-right: 12px;\n    vertical-align: -7px;\n    border-radius: 50%;\n    border: rgba(0, 0, 0, 0.2);\n  }\n}\n.load-more {\n  display: flex;\n  justify-content: center;\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!./artistMV.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!./artistMV.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./artistMV.vue?vue&type=template&id=2ee89e1e&scoped=true&\"\nimport script from \"./artistMV.vue?vue&type=script&lang=js&\"\nexport * from \"./artistMV.vue?vue&type=script&lang=js&\"\nimport style0 from \"./artistMV.vue?vue&type=style&index=0&id=2ee89e1e&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  \"2ee89e1e\",\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&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MvRow.vue?vue&type=style&index=0&id=71b4f1ff&lang=scss&scoped=true&\"","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('button',{class:_vm.color,style:(_vm.buttonStyle)},[(_vm.iconClass !== null)?_c('svg-icon',{style:({ marginRight: _vm.iconButton ? '0px' : '8px' }),attrs:{\"iconClass\":_vm.iconClass}}):_vm._e(),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <button :style=\"buttonStyle\" :class=\"color\">\n    <svg-icon\n      v-if=\"iconClass !== null\"\n      :iconClass=\"iconClass\"\n      :style=\"{ marginRight: iconButton ? '0px' : '8px' }\"\n    />\n    <slot></slot>\n  </button>\n</template>\n\n<script>\nexport default {\n  name: \"ButtonTwoTone\",\n  props: {\n    iconClass: {\n      type: String,\n      default: null,\n    },\n    iconButton: {\n      type: Boolean,\n      default: false,\n    },\n    horizontalPadding: {\n      type: Number,\n      default: 16,\n    },\n    color: {\n      type: String,\n      default: \"blue\",\n    },\n    backgroundColor: {\n      type: String,\n      default: \"\",\n    },\n    textColor: {\n      type: String,\n      default: \"\",\n    },\n    shape: {\n      type: String,\n      default: \"square\",\n    },\n  },\n  computed: {\n    buttonStyle() {\n      let styles = {\n        borderRadius: this.shape === \"round\" ? \"50%\" : \"8px\",\n        padding: `8px ${this.horizontalPadding}px`,\n        // height: \"38px\",\n        width: this.shape === \"round\" ? \"38px\" : \"auto\",\n      };\n      if (this.backgroundColor !== \"\")\n        styles.backgroundColor = this.backgroundColor;\n      if (this.textColor !== \"\") styles.color = this.textColor;\n      return styles;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nbutton {\n  height: 40px;\n  min-width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  line-height: 18px;\n  font-weight: 600;\n  background-color: var(--color-primary-bg);\n  color: var(--color-primary);\n  margin-right: 12px;\n  transition: 0.2s;\n  .svg-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &:hover {\n    transform: scale(1.06);\n  }\n  &:active {\n    transform: scale(0.94);\n  }\n}\nbutton.grey {\n  background-color: var(--color-secondary-bg);\n  color: var(--color-text);\n  opacity: 0.78;\n}\nbutton.transparent {\n  background-color: transparent;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonTwoTone.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonTwoTone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonTwoTone.vue?vue&type=template&id=18f7e8ba&scoped=true&\"\nimport script from \"./ButtonTwoTone.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonTwoTone.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ButtonTwoTone.vue?vue&type=style&index=0&id=18f7e8ba&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"18f7e8ba\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mv-row\",class:{ 'without-padding': _vm.withoutPadding }},_vm._l((_vm.mvs),function(mv){return _c('div',{key:_vm.getID(mv),staticClass:\"mv\"},[_c('div',{staticClass:\"cover\",on:{\"mouseover\":function($event){_vm.hoverVideoID = _vm.getID(mv)},\"mouseleave\":function($event){_vm.hoverVideoID = 0},\"click\":function($event){_vm.goToMv(_vm.getID(mv))}}},[_c('img',{attrs:{\"src\":_vm.getUrl(mv)}}),_c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hoverVideoID === _vm.getID(mv)),expression:\"hoverVideoID === getID(mv)\"}],staticClass:\"shadow\",style:({ background: 'url(' + _vm.getUrl(mv) + ')' })})])],1),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"title\"},[_c('router-link',{attrs:{\"to\":'/mv/' + _vm.getID(mv)}},[_vm._v(_vm._s(_vm.getTitle(mv)))])],1),_c('div',{staticClass:\"artist\",domProps:{\"innerHTML\":_vm._s(_vm.getSubtitle(mv))}})])])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mv-row\" :class=\"{ 'without-padding': withoutPadding }\">\n    <div class=\"mv\" v-for=\"mv in mvs\" :key=\"getID(mv)\">\n      <div\n        class=\"cover\"\n        @mouseover=\"hoverVideoID = getID(mv)\"\n        @mouseleave=\"hoverVideoID = 0\"\n        @click=\"goToMv(getID(mv))\"\n      >\n        <img :src=\"getUrl(mv)\" />\n        <transition name=\"fade\">\n          <div\n            class=\"shadow\"\n            v-show=\"hoverVideoID === getID(mv)\"\n            :style=\"{ background: 'url(' + getUrl(mv) + ')' }\"\n          ></div>\n        </transition>\n      </div>\n      <div class=\"info\">\n        <div class=\"title\">\n          <router-link :to=\"'/mv/' + getID(mv)\">{{ getTitle(mv) }}</router-link>\n        </div>\n        <div class=\"artist\" v-html=\"getSubtitle(mv)\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"CoverVideo\",\n  props: {\n    mvs: Array,\n    subtitle: {\n      type: String,\n      default: \"artist\",\n    },\n    withoutPadding: { type: Boolean, default: false },\n  },\n  data() {\n    return {\n      hoverVideoID: 0,\n    };\n  },\n  methods: {\n    goToMv(id) {\n      let query = {};\n      if (this.$parent.player !== undefined) {\n        query = { autoplay: this.$parent.player.playing };\n      }\n      this.$router.push({ path: \"/mv/\" + id, query });\n    },\n    getUrl(mv) {\n      let url = mv.imgurl16v9 ?? mv.cover ?? mv.coverUrl;\n      return url.replace(/^http:/, \"https:\") + \"?param=464y260\";\n    },\n    getID(mv) {\n      if (mv.id !== undefined) return mv.id;\n      if (mv.vid !== undefined) return mv.vid;\n    },\n    getTitle(mv) {\n      if (mv.name !== undefined) return mv.name;\n      if (mv.title !== undefined) return mv.title;\n    },\n    getSubtitle(mv) {\n      if (this.subtitle === \"artist\") {\n        let artistName = \"null\";\n        let artistID = 0;\n        if (mv.artistName !== undefined) {\n          artistName = mv.artistName;\n          artistID = mv.artistId;\n        } else if (mv.creator !== undefined) {\n          artistName = mv.creator[0].userName;\n          artistID = mv.creator[0].userId;\n        }\n        return `<a href=\"/#/artist/${artistID}\">${artistName}</a>`;\n      } else if (this.subtitle === \"publishTime\") {\n        return mv.publishTime;\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.mv-row {\n  --col-num: 5;\n  display: grid;\n  grid-template-columns: repeat(var(--col-num), 1fr);\n  gap: 36px 24px;\n  padding: var(--main-content-padding);\n}\n\n.mv-row.without-padding {\n  padding: 0;\n}\n\n@media (max-width: 900px) {\n  .mv-row {\n    --col-num: 4;\n  }\n}\n\n@media (max-width: 800px) {\n  .mv-row {\n    --col-num: 3;\n  }\n}\n\n@media (max-width: 700px) {\n  .mv-row {\n    --col-num: 2;\n  }\n}\n\n@media (max-width: 550px) {\n  .mv-row {\n    --col-num: 1;\n  }\n}\n\n.mv {\n  color: var(--color-text);\n\n  .title {\n    font-size: 16px;\n    font-weight: 600;\n    opacity: 0.88;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n    word-break: break-all;\n  }\n  .artist {\n    font-size: 12px;\n    opacity: 0.68;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n  }\n}\n\n.cover {\n  position: relative;\n  transition: transform 0.3s;\n  &:hover {\n    cursor: pointer;\n    transform: scale(1.02);\n  }\n}\nimg {\n  border-radius: 0.75em;\n  width: 100%;\n  user-select: none;\n}\n\n.shadow {\n  position: absolute;\n  top: 6px;\n  height: 100%;\n  width: 100%;\n  filter: blur(16px) opacity(0.4);\n  transform: scale(0.9, 0.9);\n  z-index: -1;\n  background-size: cover;\n  border-radius: 0.75em;\n}\n\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n  opacity: 0;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MvRow.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MvRow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MvRow.vue?vue&type=template&id=71b4f1ff&scoped=true&\"\nimport script from \"./MvRow.vue?vue&type=script&lang=js&\"\nexport * from \"./MvRow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MvRow.vue?vue&type=style&index=0&id=71b4f1ff&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"71b4f1ff\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./artistMV.vue?vue&type=style&index=0&id=2ee89e1e&lang=scss&scoped=true&\""],"sourceRoot":""}