{"version":3,"sources":["webpack:///./src/components/ExplicitSymbol.vue?daaa","webpack:///src/components/ExplicitSymbol.vue","webpack:///./src/components/ExplicitSymbol.vue?0562","webpack:///./src/components/ExplicitSymbol.vue","webpack:///./src/components/ButtonTwoTone.vue?42d3","webpack:///./src/components/ArtistsInLine.vue?2cc4","webpack:///src/components/ArtistsInLine.vue","webpack:///./src/components/ArtistsInLine.vue?d1db","webpack:///./src/components/ArtistsInLine.vue","webpack:///./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/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/utils/nativeAlert.js","webpack:///./src/views/playlist.vue?52d7","webpack:///./src/views/playlist.vue?2e21","webpack:///src/views/playlist.vue","webpack:///./src/views/playlist.vue?db5e","webpack:///./src/views/playlist.vue","webpack:///./src/components/TrackList.vue?b731","webpack:///./src/components/TrackListItem.vue?4fe4","webpack:///src/components/TrackListItem.vue","webpack:///./src/components/TrackListItem.vue?1f49","webpack:///./src/components/TrackListItem.vue","webpack:///src/components/TrackList.vue","webpack:///./src/components/TrackList.vue?0ccc","webpack:///./src/components/TrackList.vue","webpack:///./src/components/TrackListItem.vue?83d1"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","attrs","staticRenderFns","name","components","SvgIcon","props","size","type","Number","default","data","svgStyle","created","height","width","component","staticClass","_v","_s","computedPrefix","_l","ar","index","key","id","filteredArtists","length","_e","artists","Array","required","exclude","String","prefix","computed","filter","_arrayWithoutHoles","arr","isArray","arrayLikeToArray","_iterableToArray","iter","Symbol","iterator","Object","from","_nonIterableSpread","TypeError","_toConsumableArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","class","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","methods","album","player","playAlbumByID","playlist","playPlaylistByID","artist","playArtistByID","playActions","bind","$router","push","color","iconClass","marginRight","iconButton","_t","Boolean","horizontalPadding","backgroundColor","textColor","shape","buttonStyle","padding","nativeAlert","process","IS_ELECTRON","require","dialog","remote","message","options","detail","showMessageBoxSync","alert","undefined","specialPlaylistInfo","isLikeSongsPage","_f","coverImgUrl","nativeOn","openMenu","privacy","includes","staticStyle","creator","nickname","$t","updateTime","trackCount","showFullDescription","description","userId","user","subscribed","likePlaylist","active","inputFocus","modifiers","domProps","target","composing","inputSearchKeyWords","trim","inputDebounce","$forceUpdate","gradient","englishTitle","updateFrequency","avatarUrl","filteredTracks","isUserOwnPlaylist","ref","searchInPlaylist","editPlaylist","deletePlaylist","2829816518","2890490211","5089855855","2888212971","2829733864","2829844572","2920647537","2890501416","5217150082","2829961453","4923261701","5212729721","3103434282","2829896389","2829779628","2860654884","898150","2638104052","5317236517","2821115454","3136952023","Cover","ButtonTwoTone","TrackList","Modal","ContextMenu","show","trackIds","tracks","loadingMore","lastLoadedTrackIndex","displaySearchInPlaylist","searchKeyWords","debounceTimeout","$route","loadData","likedSongPlaylistID","params","destroyed","window","removeEventListener","handleScroll","specialPlaylist","$store","state","replacePlaylist","t","code","toast","showToast","loadMore","trackIDs","map","clientHeight","scrollTop","scrollHeight","$refs","playlistMenu","e","confirmation","removeTrack","clearTimeout","setTimeout","inserted","el","rightClickedTrack","al","picUrl","playNext","isRightClickedTrackLiked","like","extraContextMenuItem","removeTrackFromPlaylist","addTrackToPlaylist","track","itemKey","highlightPlayingTrack","playThisList","trackClass","showUnavailableSongInGreyStyle","reason","hover","isAlbum","imgUrl","goToAlbum","playable","isPlaying","playTrack","no","$parent","albumObject","mark","isTracklist","likeThisSong","visibility","isLiked","dt","image","isPlaylist","liked","songs","currentTrack","settings","isMenuOpened","likeASong","TrackListItem","dbclickTrackFunc","columnNumber","listStyles","display","gap","gridTemplateColumns","menu","closeMenu","playThisListDefault","trackID","playTrackOnListByID","addTrackToPlayNext","likedSongs","updateModal","modalName","confirm","op","pid"],"mappings":"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","file":"js/chunk-c58286d8.2f8773ff.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg-icon',{style:(_vm.svgStyle),attrs:{\"icon-class\":\"explicit\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <svg-icon icon-class=\"explicit\" :style=\"svgStyle\"></svg-icon>\n</template>\n\n<script>\nimport SvgIcon from \"@/components/SvgIcon.vue\";\n\nexport default {\n  name: \"ExplicitSymbol\",\n  components: {\n    SvgIcon,\n  },\n  props: {\n    size: {\n      type: Number,\n      default: 16,\n    },\n  },\n  data() {\n    return {\n      svgStyle: {},\n    };\n  },\n  created() {\n    this.svgStyle = {\n      height: this.size + \"px\",\n      width: this.size + \"px\",\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExplicitSymbol.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExplicitSymbol.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExplicitSymbol.vue?vue&type=template&id=7e2a888e&scoped=true&\"\nimport script from \"./ExplicitSymbol.vue?vue&type=script&lang=js&\"\nexport * from \"./ExplicitSymbol.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7e2a888e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonTwoTone.vue?vue&type=style&index=0&id=18f7e8ba&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"artist-in-line\"},[_vm._v(\" \"+_vm._s(_vm.computedPrefix)+\" \"),_vm._l((_vm.filteredArtists),function(ar,index){return _c('span',{key:ar.id},[_c('router-link',{attrs:{\"to\":(\"/artist/\" + (ar.id))}},[_vm._v(_vm._s(ar.name))]),(index !== _vm.filteredArtists.length - 1)?_c('span',[_vm._v(\", \")]):_vm._e()],1)})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <span class=\"artist-in-line\">\n    {{ computedPrefix }}\n    <span v-for=\"(ar, index) in filteredArtists\" :key=\"ar.id\">\n      <router-link :to=\"`/artist/${ar.id}`\">{{ ar.name }}</router-link>\n      <span v-if=\"index !== filteredArtists.length - 1\">, </span>\n    </span>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"ArtistInLine\",\n  props: {\n    artists: {\n      type: Array,\n      required: true,\n    },\n    exclude: {\n      type: String,\n      default: \"\",\n    },\n    prefix: {\n      type: String,\n      default: \"\",\n    },\n  },\n  computed: {\n    filteredArtists() {\n      return this.artists.filter((a) => a.name !== this.exclude);\n    },\n    computedPrefix() {\n      if (this.filteredArtists.length !== 0) return this.prefix;\n      else return \"\";\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArtistsInLine.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArtistsInLine.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArtistsInLine.vue?vue&type=template&id=6b13d4cd&scoped=true&\"\nimport script from \"./ArtistsInLine.vue?vue&type=script&lang=js&\"\nexport * from \"./ArtistsInLine.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6b13d4cd\",\n  null\n  \n)\n\nexport default component.exports","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","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&\"","/**\n * Returns an alert-like function that fits current runtime environment\n *\n * This function is amid to solve a electron bug on Windows, that, when\n * user dismissed a browser alert, <input> elements cannot be focused\n * for further editing unless switching to another window and then back\n *\n * @returns { (message:string) => void }\n * Built-in alert function for browser environment\n * A function wrapping {@link dialog.showMessageBoxSync} for electron environment\n *\n * @see {@link https://github.com/electron/electron/issues/19977} for upstream electron issue\n */\nconst nativeAlert = (() => {\n  if (process.env.IS_ELECTRON === true) {\n    const {\n      remote: { dialog },\n    } = require(\"electron\");\n    if (dialog) {\n      return (message) => {\n        var options = {\n          type: \"warning\",\n          detail: message,\n        };\n        dialog.showMessageBoxSync(null, options);\n      };\n    }\n  }\n  return alert;\n})();\n\nexport default nativeAlert;\n","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!./playlist.vue?vue&type=style&index=0&id=5d4aadd7&lang=scss&scoped=true&\"","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\"}]},[(_vm.specialPlaylistInfo === undefined && !_vm.isLikeSongsPage)?_c('div',{staticClass:\"playlist-info\"},[_c('Cover',{attrs:{\"imageUrl\":_vm._f(\"resizeImage\")(_vm.playlist.coverImgUrl,1024),\"showPlayButton\":true,\"alwaysShowShadow\":true,\"clickCoverToPlay\":true,\"fixedSize\":288,\"type\":\"playlist\",\"id\":_vm.playlist.id,\"coverHover\":false,\"playButtonSize\":18},nativeOn:{\"contextmenu\":function($event){return _vm.openMenu($event)}}}),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"title\",on:{\"contextmenu\":function($event){return _vm.openMenu($event)}}},[(_vm.playlist.privacy === 10)?_c('span',{staticClass:\"lock-icon\"},[_c('svg-icon',{attrs:{\"icon-class\":\"lock\"}})],1):_vm._e(),_vm._v(_vm._s(_vm.playlist.name))]),_c('div',{staticClass:\"artist\"},[_vm._v(\" Playlist by \"),(\n            [\n              5277771961,\n              5277965913,\n              5277969451,\n              5277778542,\n              5278068783 ].includes(_vm.playlist.id)\n          )?_c('span',{staticStyle:{\"font-weight\":\"600\"}},[_vm._v(\"Apple Music\")]):_c('a',{attrs:{\"href\":(\"https://music.163.com/#/user/home?id=\" + (_vm.playlist.creator.userId)),\"target\":\"blank\"}},[_vm._v(_vm._s(_vm.playlist.creator.nickname))])]),_c('div',{staticClass:\"date-and-count\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"playlist.updatedAt\"))+\" \"+_vm._s(_vm._f(\"formatDate\")(_vm.playlist.updateTime))+\" · \"+_vm._s(_vm.playlist.trackCount)+\" \"+_vm._s(_vm.$t(\"common.songs\"))+\" \")]),_c('div',{staticClass:\"description\",on:{\"click\":function($event){_vm.showFullDescription = true}}},[_vm._v(\" \"+_vm._s(_vm.playlist.description)+\" \")]),_c('div',{staticClass:\"buttons\"},[_c('ButtonTwoTone',{attrs:{\"iconClass\":\"play\"},nativeOn:{\"click\":function($event){return _vm.playPlaylistByID()}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"common.play\"))+\" \")]),(_vm.playlist.creator.userId !== _vm.data.user.userId)?_c('ButtonTwoTone',{attrs:{\"iconClass\":_vm.playlist.subscribed ? 'heart-solid' : 'heart',\"iconButton\":true,\"horizontalPadding\":0,\"color\":_vm.playlist.subscribed ? 'blue' : 'grey',\"textColor\":_vm.playlist.subscribed ? '#335eea' : '',\"backgroundColor\":_vm.playlist.subscribed ? 'var(--color-secondary-bg)' : ''},nativeOn:{\"click\":function($event){return _vm.likePlaylist($event)}}}):_vm._e(),_c('ButtonTwoTone',{attrs:{\"iconClass\":\"more\",\"iconButton\":true,\"horizontalPadding\":0,\"color\":\"grey\"},nativeOn:{\"click\":function($event){return _vm.openMenu($event)}}})],1)]),(_vm.displaySearchInPlaylist)?_c('div',{staticClass:\"search-box\"},[_c('div',{staticClass:\"container\",class:{ active: _vm.inputFocus }},[_c('svg-icon',{attrs:{\"icon-class\":\"search\"}}),_c('div',{staticClass:\"input\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.inputSearchKeyWords),expression:\"inputSearchKeyWords\",modifiers:{\"trim\":true}},{name:\"focus\",rawName:\"v-focus\",value:(_vm.displaySearchInPlaylist),expression:\"displaySearchInPlaylist\"}],attrs:{\"placeholder\":_vm.inputFocus ? '' : _vm.$t('playlist.search')},domProps:{\"value\":(_vm.inputSearchKeyWords)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.inputSearchKeyWords=$event.target.value.trim()},function($event){return _vm.inputDebounce()}],\"focus\":function($event){_vm.inputFocus = true},\"blur\":[function($event){_vm.inputFocus = false},function($event){return _vm.$forceUpdate()}]}})])],1)]):_vm._e()],1):_vm._e(),(_vm.specialPlaylistInfo !== undefined)?_c('div',{staticClass:\"special-playlist\"},[_c('div',{staticClass:\"title\",class:_vm.specialPlaylistInfo.gradient,on:{\"contextmenu\":function($event){return _vm.openMenu($event)}}},[_vm._v(\" \"+_vm._s(_vm.specialPlaylistInfo.name)+\" \")]),_c('div',{staticClass:\"subtitle\"},[_vm._v(_vm._s(_vm.playlist.englishTitle)+\" · \"+_vm._s(_vm.playlist.updateFrequency)+\" \")]),_c('div',{staticClass:\"buttons\"},[_c('ButtonTwoTone',{staticClass:\"play-button\",attrs:{\"iconClass\":\"play\",\"color\":\"grey\"},nativeOn:{\"click\":function($event){return _vm.playPlaylistByID()}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"common.play\"))+\" \")]),(_vm.playlist.creator.userId !== _vm.data.user.userId)?_c('ButtonTwoTone',{attrs:{\"iconClass\":_vm.playlist.subscribed ? 'heart-solid' : 'heart',\"iconButton\":true,\"horizontalPadding\":0,\"color\":_vm.playlist.subscribed ? 'blue' : 'grey',\"textColor\":_vm.playlist.subscribed ? '#335eea' : '',\"backgroundColor\":_vm.playlist.subscribed ? 'var(--color-secondary-bg)' : ''},nativeOn:{\"click\":function($event){return _vm.likePlaylist($event)}}}):_vm._e(),_c('ButtonTwoTone',{attrs:{\"iconClass\":\"more\",\"iconButton\":true,\"horizontalPadding\":0,\"color\":\"grey\"},nativeOn:{\"click\":function($event){return _vm.openMenu($event)}}})],1)]):_vm._e(),(_vm.isLikeSongsPage)?_c('div',{staticClass:\"user-info\"},[_c('h1',[_c('img',{staticClass:\"avatar\",attrs:{\"src\":_vm._f(\"resizeImage\")(_vm.data.user.avatarUrl)}}),_vm._v(_vm._s(_vm.data.user.nickname)+_vm._s(_vm.$t(\"library.sLikedSongs\"))+\" \")])]):_vm._e(),_c('TrackList',{attrs:{\"tracks\":_vm.filteredTracks,\"type\":'playlist',\"id\":_vm.playlist.id,\"extraContextMenuItem\":_vm.isUserOwnPlaylist ? ['removeTrackFromPlaylist'] : []}}),_c('Modal',{attrs:{\"show\":_vm.showFullDescription,\"close\":function () { return (_vm.showFullDescription = false); },\"showFooter\":false,\"clickOutsideHide\":true,\"title\":\"歌单介绍\"}},[_vm._v(_vm._s(_vm.playlist.description))]),_c('ContextMenu',{ref:\"playlistMenu\"},[_c('div',{staticClass:\"item\"},[_vm._v(_vm._s(_vm.$t(\"contextMenu.playNext\")))]),_c('div',{staticClass:\"item\",on:{\"click\":function($event){return _vm.likePlaylist(true)}}},[_vm._v(_vm._s(_vm.playlist.subscribed ? \"从音乐库删除\" : \"保存到音乐库\"))]),_c('div',{staticClass:\"item\",on:{\"click\":function($event){return _vm.searchInPlaylist()}}},[_vm._v(\"歌单内搜索\")]),(_vm.playlist.creator.userId === _vm.data.user.userId)?_c('div',{staticClass:\"item\",on:{\"click\":_vm.editPlaylist}},[_vm._v(\"编辑歌单信息\")]):_vm._e(),(_vm.playlist.creator.userId === _vm.data.user.userId)?_c('div',{staticClass:\"item\",on:{\"click\":_vm.deletePlaylist}},[_vm._v(\"删除歌单\")]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-show=\"show\">\n    <div\n      class=\"playlist-info\"\n      v-if=\"specialPlaylistInfo === undefined && !isLikeSongsPage\"\n    >\n      <Cover\n        :imageUrl=\"playlist.coverImgUrl | resizeImage(1024)\"\n        :showPlayButton=\"true\"\n        :alwaysShowShadow=\"true\"\n        :clickCoverToPlay=\"true\"\n        :fixedSize=\"288\"\n        type=\"playlist\"\n        :id=\"playlist.id\"\n        :coverHover=\"false\"\n        :playButtonSize=\"18\"\n        @click.right.native=\"openMenu\"\n      />\n      <div class=\"info\">\n        <div class=\"title\" @click.right=\"openMenu\"\n          ><span class=\"lock-icon\" v-if=\"playlist.privacy === 10\">\n            <svg-icon icon-class=\"lock\" /></span\n          >{{ playlist.name }}</div\n        >\n        <div class=\"artist\">\n          Playlist by\n          <span\n            style=\"font-weight: 600\"\n            v-if=\"\n              [\n                5277771961,\n                5277965913,\n                5277969451,\n                5277778542,\n                5278068783,\n              ].includes(playlist.id)\n            \"\n            >Apple Music</span\n          >\n          <a\n            v-else\n            :href=\"`https://music.163.com/#/user/home?id=${playlist.creator.userId}`\"\n            target=\"blank\"\n            >{{ playlist.creator.nickname }}</a\n          >\n        </div>\n        <div class=\"date-and-count\">\n          {{ $t(\"playlist.updatedAt\") }}\n          {{ playlist.updateTime | formatDate }} · {{ playlist.trackCount }}\n          {{ $t(\"common.songs\") }}\n        </div>\n        <div class=\"description\" @click=\"showFullDescription = true\">\n          {{ playlist.description }}\n        </div>\n        <div class=\"buttons\">\n          <ButtonTwoTone @click.native=\"playPlaylistByID()\" :iconClass=\"`play`\">\n            {{ $t(\"common.play\") }}\n          </ButtonTwoTone>\n          <ButtonTwoTone\n            v-if=\"playlist.creator.userId !== data.user.userId\"\n            :iconClass=\"playlist.subscribed ? 'heart-solid' : 'heart'\"\n            :iconButton=\"true\"\n            :horizontalPadding=\"0\"\n            :color=\"playlist.subscribed ? 'blue' : 'grey'\"\n            :textColor=\"playlist.subscribed ? '#335eea' : ''\"\n            :backgroundColor=\"\n              playlist.subscribed ? 'var(--color-secondary-bg)' : ''\n            \"\n            @click.native=\"likePlaylist\"\n          >\n          </ButtonTwoTone>\n          <ButtonTwoTone\n            iconClass=\"more\"\n            :iconButton=\"true\"\n            :horizontalPadding=\"0\"\n            color=\"grey\"\n            @click.native=\"openMenu\"\n          >\n          </ButtonTwoTone>\n        </div>\n      </div>\n      <div class=\"search-box\" v-if=\"displaySearchInPlaylist\">\n        <div class=\"container\" :class=\"{ active: inputFocus }\">\n          <svg-icon icon-class=\"search\" />\n          <div class=\"input\">\n            <input\n              :placeholder=\"inputFocus ? '' : $t('playlist.search')\"\n              v-model.trim=\"inputSearchKeyWords\"\n              v-focus=\"displaySearchInPlaylist\"\n              @input=\"inputDebounce()\"\n              @focus=\"inputFocus = true\"\n              @blur=\"inputFocus = false\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"special-playlist\" v-if=\"specialPlaylistInfo !== undefined\">\n      <div\n        class=\"title\"\n        :class=\"specialPlaylistInfo.gradient\"\n        @click.right=\"openMenu\"\n      >\n        <!-- <img :src=\"playlist.coverImgUrl | resizeImage\" /> -->\n        {{ specialPlaylistInfo.name }}\n      </div>\n      <div class=\"subtitle\"\n        >{{ playlist.englishTitle }} · {{ playlist.updateFrequency }}\n      </div>\n\n      <div class=\"buttons\">\n        <ButtonTwoTone\n          class=\"play-button\"\n          @click.native=\"playPlaylistByID()\"\n          iconClass=\"play\"\n          color=\"grey\"\n        >\n          {{ $t(\"common.play\") }}\n        </ButtonTwoTone>\n        <ButtonTwoTone\n          v-if=\"playlist.creator.userId !== data.user.userId\"\n          :iconClass=\"playlist.subscribed ? 'heart-solid' : 'heart'\"\n          :iconButton=\"true\"\n          :horizontalPadding=\"0\"\n          :color=\"playlist.subscribed ? 'blue' : 'grey'\"\n          :textColor=\"playlist.subscribed ? '#335eea' : ''\"\n          :backgroundColor=\"\n            playlist.subscribed ? 'var(--color-secondary-bg)' : ''\n          \"\n          @click.native=\"likePlaylist\"\n        >\n        </ButtonTwoTone>\n        <ButtonTwoTone\n          iconClass=\"more\"\n          :iconButton=\"true\"\n          :horizontalPadding=\"0\"\n          color=\"grey\"\n          @click.native=\"openMenu\"\n        >\n        </ButtonTwoTone>\n      </div>\n    </div>\n\n    <div class=\"user-info\" v-if=\"isLikeSongsPage\">\n      <h1>\n        <img class=\"avatar\" :src=\"data.user.avatarUrl | resizeImage\" />{{\n          data.user.nickname\n        }}{{ $t(\"library.sLikedSongs\") }}\n      </h1>\n    </div>\n\n    <TrackList\n      :tracks=\"filteredTracks\"\n      :type=\"'playlist'\"\n      :id=\"playlist.id\"\n      :extraContextMenuItem=\"\n        isUserOwnPlaylist ? ['removeTrackFromPlaylist'] : []\n      \"\n    />\n\n    <Modal\n      :show=\"showFullDescription\"\n      :close=\"() => (showFullDescription = false)\"\n      :showFooter=\"false\"\n      :clickOutsideHide=\"true\"\n      title=\"歌单介绍\"\n      >{{ playlist.description }}</Modal\n    >\n\n    <ContextMenu ref=\"playlistMenu\">\n      <div class=\"item\">{{ $t(\"contextMenu.playNext\") }}</div>\n      <div class=\"item\" @click=\"likePlaylist(true)\">{{\n        playlist.subscribed ? \"从音乐库删除\" : \"保存到音乐库\"\n      }}</div>\n      <div class=\"item\" @click=\"searchInPlaylist()\">歌单内搜索</div>\n      <div\n        class=\"item\"\n        v-if=\"playlist.creator.userId === data.user.userId\"\n        @click=\"editPlaylist\"\n        >编辑歌单信息</div\n      >\n      <div\n        class=\"item\"\n        v-if=\"playlist.creator.userId === data.user.userId\"\n        @click=\"deletePlaylist\"\n        >删除歌单</div\n      >\n    </ContextMenu>\n  </div>\n</template>\n\n<script>\nimport { mapMutations, mapActions, mapState } from \"vuex\";\nimport NProgress from \"nprogress\";\nimport {\n  getPlaylistDetail,\n  subscribePlaylist,\n  deletePlaylist,\n} from \"@/api/playlist\";\nimport { getTrackDetail } from \"@/api/track\";\nimport { isAccountLoggedIn } from \"@/utils/auth\";\nimport nativeAlert from \"@/utils/nativeAlert\";\n\nimport ButtonTwoTone from \"@/components/ButtonTwoTone.vue\";\nimport ContextMenu from \"@/components/ContextMenu.vue\";\nimport TrackList from \"@/components/TrackList.vue\";\nimport Cover from \"@/components/Cover.vue\";\nimport Modal from \"@/components/Modal.vue\";\n\nconst specialPlaylist = {\n  2829816518: {\n    name: \"欧美私人订制\",\n    gradient: \"gradient-pink-purple-blue\",\n  },\n  2890490211: {\n    name: \"助眠鸟鸣声\",\n    gradient: \"gradient-green\",\n  },\n  5089855855: {\n    name: \"夜的胡思乱想\",\n    gradient: \"gradient-moonstone-blue\",\n  },\n  2888212971: {\n    name: \"全球百大DJ\",\n    gradient: \"gradient-orange-red\",\n  },\n  2829733864: {\n    name: \"睡眠伴侣\",\n    gradient: \"gradient-midnight-blue\",\n  },\n  2829844572: {\n    name: \"洗澡时听的歌\",\n    gradient: \"gradient-yellow\",\n  },\n  2920647537: {\n    name: \"还是会想你\",\n    gradient: \"gradient-dark-blue-midnight-blue\",\n  },\n  2890501416: {\n    name: \"助眠白噪声\",\n    gradient: \"gradient-sky-blue\",\n  },\n  5217150082: {\n    name: \"摇滚唱片行\",\n    gradient: \"gradient-yellow-red\",\n  },\n  2829961453: {\n    name: \"古风音乐大赏\",\n    gradient: \"gradient-fog\",\n  },\n  4923261701: {\n    name: \"Trance\",\n    gradient: \"gradient-light-red-light-blue \",\n  },\n  5212729721: {\n    name: \"欧美点唱机\",\n    gradient: \"gradient-indigo-pink-yellow\",\n  },\n  3103434282: {\n    name: \"甜蜜少女心\",\n    gradient: \"gradient-pink\",\n  },\n  2829896389: {\n    name: \"日系私人订制\",\n    gradient: \"gradient-yellow-pink\",\n  },\n  2829779628: {\n    name: \"运动随身听\",\n    gradient: \"gradient-orange-red\",\n  },\n  2860654884: {\n    name: \"独立女声精选\",\n    gradient: \"gradient-sharp-blue\",\n  },\n  898150: {\n    name: \"浪漫婚礼专用\",\n    gradient: \"gradient-pink\",\n  },\n  2638104052: {\n    name: \"牛奶泡泡浴\",\n    gradient: \"gradient-fog\",\n  },\n  5317236517: {\n    name: \"后朋克精选\",\n    gradient: \"gradient-pink-purple-blue\",\n  },\n  2821115454: {\n    name: \"一周原创发现\",\n    gradient: \"gradient-blue-purple\",\n  },\n  3136952023: {\n    name: \"私人雷达\",\n    gradient: \"gradient-radar\",\n  },\n};\n\nexport default {\n  name: \"Playlist\",\n  components: {\n    Cover,\n    ButtonTwoTone,\n    TrackList,\n    Modal,\n    ContextMenu,\n  },\n  data() {\n    return {\n      show: false,\n      playlist: {\n        id: 0,\n        coverImgUrl: \"\",\n        creator: {\n          userId: \"\",\n        },\n        trackIds: [],\n      },\n      showFullDescription: false,\n      tracks: [],\n      loadingMore: false,\n      lastLoadedTrackIndex: 9,\n      displaySearchInPlaylist: false,\n      searchKeyWords: \"\", // 搜索使用的关键字\n      inputSearchKeyWords: \"\", // 搜索框中正在输入的关键字\n      inputFocus: false,\n      debounceTimeout: null,\n    };\n  },\n  created() {\n    if (this.$route.name === \"likedSongs\") {\n      this.loadData(this.data.likedSongPlaylistID);\n    } else {\n      this.loadData(this.$route.params.id);\n    }\n  },\n  destroyed() {\n    window.removeEventListener(\"scroll\", this.handleScroll, true);\n  },\n  computed: {\n    ...mapState([\"player\", \"data\"]),\n    isLikeSongsPage() {\n      return this.$route.name === \"likedSongs\";\n    },\n    specialPlaylistInfo() {\n      return specialPlaylist[this.playlist.id];\n    },\n    isUserOwnPlaylist() {\n      return (\n        this.playlist.creator.userId === this.data.user.userId &&\n        this.playlist.id !== this.data.likedSongPlaylistID\n      );\n    },\n    filteredTracks() {\n      return this.tracks.filter(\n        (track) =>\n          (track.name &&\n            track.name\n              .toLowerCase()\n              .includes(this.searchKeyWords.toLowerCase())) ||\n          (track.al.name &&\n            track.al.name\n              .toLowerCase()\n              .includes(this.searchKeyWords.toLowerCase())) ||\n          track.ar.find(\n            (artist) =>\n              artist.name &&\n              artist.name\n                .toLowerCase()\n                .includes(this.searchKeyWords.toLowerCase())\n          )\n      );\n    },\n  },\n  methods: {\n    ...mapMutations([\"appendTrackToPlayerList\"]),\n    ...mapActions([\"playFirstTrackOnList\", \"playTrackOnListByID\", \"showToast\"]),\n    playPlaylistByID(trackID = \"first\") {\n      let trackIDs = this.playlist.trackIds.map((t) => t.id);\n      this.$store.state.player.replacePlaylist(\n        trackIDs,\n        this.playlist.id,\n        \"playlist\",\n        trackID\n      );\n    },\n    likePlaylist(toast = false) {\n      if (!isAccountLoggedIn()) {\n        this.showToast(\"此操作需要登录网易云账号\");\n        return;\n      }\n      subscribePlaylist({\n        id: this.playlist.id,\n        t: this.playlist.subscribed ? 2 : 1,\n      }).then((data) => {\n        if (data.code === 200) {\n          this.playlist.subscribed = !this.playlist.subscribed;\n          if (toast === true)\n            this.showToast(\n              this.playlist.subscribed ? \"已保存到音乐库\" : \"已从音乐库删除\"\n            );\n        }\n        getPlaylistDetail(this.id, true).then((data) => {\n          this.playlist = data.playlist;\n        });\n      });\n    },\n    loadData(id, next = undefined) {\n      this.id = id;\n      getPlaylistDetail(this.id, true)\n        .then((data) => {\n          this.playlist = data.playlist;\n          this.tracks = data.playlist.tracks;\n          NProgress.done();\n          if (next !== undefined) next();\n          this.show = true;\n          this.lastLoadedTrackIndex = data.playlist.tracks.length - 1;\n          if (this.playlist.trackCount > this.tracks.length) {\n            window.addEventListener(\"scroll\", this.handleScroll, true);\n          }\n          return data;\n        })\n        .then(() => {\n          if (this.playlist.trackCount > this.tracks.length) {\n            this.loadingMore = true;\n            this.loadMore();\n          }\n        });\n    },\n    loadMore(loadNum = 50) {\n      let trackIDs = this.playlist.trackIds.filter((t, index) => {\n        if (\n          index > this.lastLoadedTrackIndex &&\n          index <= this.lastLoadedTrackIndex + loadNum\n        )\n          return t;\n      });\n      trackIDs = trackIDs.map((t) => t.id);\n      getTrackDetail(trackIDs.join(\",\")).then((data) => {\n        this.tracks.push(...data.songs);\n        this.lastLoadedTrackIndex += trackIDs.length;\n        this.loadingMore = false;\n      });\n    },\n    handleScroll(e) {\n      let dom = document.querySelector(\"html\");\n      let scrollHeight = Math.max(dom.scrollHeight, dom.scrollHeight);\n      let scrollTop = e.target.scrollingElement.scrollTop;\n      let clientHeight =\n        dom.innerHeight || Math.min(dom.clientHeight, dom.clientHeight);\n      if (clientHeight + scrollTop + 200 >= scrollHeight) {\n        if (\n          this.lastLoadedTrackIndex + 1 === this.playlist.trackIds.length ||\n          this.loadingMore\n        )\n          return;\n        this.loadingMore = true;\n        this.loadMore();\n      }\n    },\n    openMenu(e) {\n      this.$refs.playlistMenu.openMenu(e);\n    },\n    deletePlaylist() {\n      if (!isAccountLoggedIn()) {\n        this.showToast(\"此操作需要登录网易云账号\");\n        return;\n      }\n      let confirmation = confirm(`确定要删除歌单 ${this.playlist.name}？`);\n      if (confirmation === true) {\n        deletePlaylist(this.playlist.id).then((data) => {\n          if (data.code === 200) {\n            nativeAlert(`已删除歌单 ${this.playlist.name}`);\n            this.$router.go(-1);\n          } else {\n            nativeAlert(\"发生错误\");\n          }\n        });\n      }\n    },\n    editPlaylist() {\n      nativeAlert(\"此功能开发中\");\n    },\n    searchInPlaylist() {\n      this.displaySearchInPlaylist = !this.displaySearchInPlaylist;\n      if (this.displaySearchInPlaylist == false) {\n        this.searchKeyWords = \"\";\n        this.inputSearchKeyWords = \"\";\n      } else {\n        this.loadMore(500);\n      }\n    },\n    removeTrack(trackID) {\n      if (!isAccountLoggedIn()) {\n        this.showToast(\"此操作需要登录网易云账号\");\n        return;\n      }\n      this.tracks = this.tracks.filter((t) => t.id !== trackID);\n    },\n    inputDebounce() {\n      if (this.debounceTimeout) clearTimeout(this.debounceTimeout);\n      this.debounceTimeout = setTimeout(() => {\n        this.searchKeyWords = this.inputSearchKeyWords;\n      }, 600);\n    },\n  },\n  directives: {\n    focus: {\n      inserted: function (el) {\n        el.focus();\n      },\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.playlist-info {\n  display: flex;\n  margin-bottom: 72px;\n  position: relative;\n  .info {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    flex: 1;\n    margin-left: 56px;\n    .title {\n      font-size: 36px;\n      font-weight: 700;\n      color: var(--color-text);\n\n      .lock-icon {\n        opacity: 0.28;\n        color: var(--color-text);\n        margin-right: 8px;\n        .svg-icon {\n          height: 26px;\n          width: 26px;\n        }\n      }\n    }\n    .artist {\n      font-size: 18px;\n      opacity: 0.88;\n      color: var(--color-text);\n      margin-top: 24px;\n    }\n    .date-and-count {\n      font-size: 14px;\n      opacity: 0.68;\n      color: var(--color-text);\n      margin-top: 2px;\n    }\n    .description {\n      font-size: 14px;\n      opacity: 0.68;\n      color: var(--color-text);\n      margin-top: 24px;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 3;\n      overflow: hidden;\n      cursor: pointer;\n      &:hover {\n        transition: opacity 0.3s;\n        opacity: 0.88;\n      }\n    }\n    .buttons {\n      margin-top: 32px;\n      display: flex;\n      button {\n        margin-right: 16px;\n      }\n    }\n  }\n}\n\n.special-playlist {\n  margin-top: 192px;\n  margin-bottom: 128px;\n  border-radius: 1.25em;\n  text-align: center;\n\n  @keyframes letterSpacing4 {\n    from {\n      letter-spacing: 0px;\n    }\n\n    to {\n      letter-spacing: 4px;\n    }\n  }\n\n  @keyframes letterSpacing1 {\n    from {\n      letter-spacing: 0px;\n    }\n\n    to {\n      letter-spacing: 1px;\n    }\n  }\n\n  .title {\n    font-size: 84px;\n    line-height: 1.05;\n    font-weight: 700;\n    text-transform: uppercase;\n\n    letter-spacing: 4px;\n    animation-duration: 0.8s;\n    animation-name: letterSpacing4;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    // background-image: linear-gradient(\n    //   225deg,\n    //   var(--color-primary),\n    //   var(--color-primary)\n    // );\n\n    img {\n      height: 78px;\n      border-radius: 0.125em;\n      margin-right: 24px;\n    }\n  }\n  .subtitle {\n    font-size: 18px;\n    letter-spacing: 1px;\n    margin: 28px 0 54px 0;\n    animation-duration: 0.8s;\n    animation-name: letterSpacing1;\n    text-transform: uppercase;\n    color: var(--color-text);\n  }\n  .buttons {\n    margin-top: 32px;\n    display: flex;\n    justify-content: center;\n    button {\n      margin-right: 16px;\n    }\n  }\n}\n\n.gradient-test {\n  background-image: linear-gradient(to left, #92fe9d 0%, #00c9ff 100%);\n}\n\n[data-theme=\"dark\"] {\n  .gradient-radar {\n    background-image: linear-gradient(to left, #92fe9d 0%, #00c9ff 100%);\n  }\n}\n\n.gradient-radar {\n  background-image: linear-gradient(to left, #0ba360 0%, #3cba92 100%);\n}\n\n.gradient-blue-purple {\n  background-image: linear-gradient(\n    45deg,\n    #89c4f5 0%,\n    #6284ff 42%,\n    #ff0000 100%\n  );\n}\n\n.gradient-sharp-blue {\n  background-image: linear-gradient(45deg, #00c6fb 0%, #005bea 100%);\n}\n\n.gradient-yellow-pink {\n  background-image: linear-gradient(45deg, #f6d365 0%, #fda085 100%);\n}\n\n.gradient-pink {\n  background-image: linear-gradient(45deg, #ee9ca7 0%, #ffdde1 100%);\n}\n\n.gradient-indigo-pink-yellow {\n  background-image: linear-gradient(\n    43deg,\n    #4158d0 0%,\n    #c850c0 46%,\n    #ffcc70 100%\n  );\n}\n\n.gradient-light-red-light-blue {\n  background-image: linear-gradient(\n    225deg,\n    hsl(190, 30%, 50%) 0%,\n    #081abb 38%,\n    #ec3841 58%,\n    hsl(13, 99%, 49%) 100%\n  );\n}\n\n.gradient-fog {\n  background: linear-gradient(-180deg, #bcc5ce 0%, #929ead 98%),\n    radial-gradient(\n      at top left,\n      rgba(255, 255, 255, 0.3) 0%,\n      rgba(0, 0, 0, 0.3) 100%\n    );\n  background-blend-mode: screen;\n}\n\n.gradient-red {\n  background-image: linear-gradient(213deg, #ff0844 0%, #ffb199 100%);\n}\n\n.gradient-sky-blue {\n  background-image: linear-gradient(147deg, #48c6ef 0%, #6f86d6 100%);\n}\n\n.gradient-dark-blue-midnight-blue {\n  background-image: linear-gradient(213deg, #09203f 0%, #537895 100%);\n}\n\n.gradient-yellow-red {\n  background: linear-gradient(147deg, #fec867 0%, #f72c61 100%);\n}\n\n.gradient-yellow {\n  background: linear-gradient(147deg, #fceb02 0%, #fec401 100%);\n}\n\n.gradient-midnight-blue {\n  background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);\n}\n\n.gradient-orange-red {\n  background-image: linear-gradient(147deg, #ffe53b 0%, #ff2525 74%);\n}\n\n.gradient-moonstone-blue {\n  background-image: linear-gradient(\n    147deg,\n    hsl(200, 34%, 8%) 0%,\n    hsl(204, 35%, 38%) 50%,\n    hsl(200, 34%, 18%) 100%\n  );\n}\n\n.gradient-pink-purple-blue {\n  background-image: linear-gradient(\n    to right,\n    #ff3cac 0%,\n    #784ba0 50%,\n    #2b86c5 100%\n  ) !important;\n}\n\n.gradient-green {\n  background-image: linear-gradient(\n    90deg,\n    #c6f6d5,\n    #68d391,\n    #38b2ac\n  ) !important;\n}\n\n.user-info {\n  h1 {\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}\n\n.search-box {\n  display: flex;\n  position: absolute;\n  right: 20px;\n  bottom: -55px;\n  justify-content: flex-end;\n  -webkit-app-region: no-drag;\n\n  .container {\n    display: flex;\n    align-items: center;\n    height: 32px;\n    background: var(--color-secondary-bg-for-transparent);\n    border-radius: 8px;\n    width: 200px;\n  }\n\n  .svg-icon {\n    height: 15px;\n    width: 15px;\n    color: var(--color-text);\n    opacity: 0.28;\n    margin: {\n      left: 8px;\n      right: 4px;\n    }\n  }\n\n  input {\n    font-size: 16px;\n    border: none;\n    background: transparent;\n    width: 96%;\n    font-weight: 600;\n    margin-top: -1px;\n    color: var(--color-text);\n  }\n\n  .active {\n    background: var(--color-primary-bg-for-transparent);\n    input,\n    .svg-icon {\n      opacity: 1;\n      color: var(--color-primary);\n    }\n  }\n}\n\n[data-theme=\"dark\"] {\n  .search-box {\n    .active {\n      input,\n      .svg-icon {\n        color: var(--color-text);\n      }\n    }\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!./playlist.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!./playlist.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./playlist.vue?vue&type=template&id=5d4aadd7&scoped=true&\"\nimport script from \"./playlist.vue?vue&type=script&lang=js&\"\nexport * from \"./playlist.vue?vue&type=script&lang=js&\"\nimport style0 from \"./playlist.vue?vue&type=style&index=0&id=5d4aadd7&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  \"5d4aadd7\",\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:\"track-list\"},[_c('ContextMenu',{ref:\"menu\"},[_c('div',{staticClass:\"item-info\"},[_c('img',{attrs:{\"src\":_vm._f(\"resizeImage\")(_vm.rightClickedTrack.al.picUrl,224)}}),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.rightClickedTrack.name))]),_c('div',{staticClass:\"subtitle\"},[_vm._v(_vm._s(_vm.rightClickedTrack.ar[0].name))])])]),_c('hr'),_c('div',{staticClass:\"item\",on:{\"click\":_vm.play}},[_vm._v(_vm._s(_vm.$t(\"contextMenu.play\")))]),_c('div',{staticClass:\"item\",on:{\"click\":_vm.playNext}},[_vm._v(_vm._s(_vm.$t(\"contextMenu.playNext\")))]),_c('hr'),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isRightClickedTrackLiked),expression:\"!isRightClickedTrackLiked\"}],staticClass:\"item\",on:{\"click\":_vm.like}},[_vm._v(\" \"+_vm._s(_vm.$t(\"contextMenu.saveToMyLikedSongs\"))+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isRightClickedTrackLiked),expression:\"isRightClickedTrackLiked\"}],staticClass:\"item\",on:{\"click\":_vm.like}},[_vm._v(\" \"+_vm._s(_vm.$t(\"contextMenu.removeFromMyLikedSongs\"))+\" \")]),(_vm.extraContextMenuItem.includes('removeTrackFromPlaylist'))?_c('div',{staticClass:\"item\",on:{\"click\":_vm.removeTrackFromPlaylist}},[_vm._v(\"从歌单中删除\")]):_vm._e(),_c('div',{staticClass:\"item\",on:{\"click\":_vm.addTrackToPlaylist}},[_vm._v(\"添加到歌单\")])]),_c('div',{style:(_vm.listStyles)},_vm._l((_vm.tracks),function(track,index){return _c('TrackListItem',{key:_vm.itemKey === 'id' ? track.id : (\"\" + (track.id) + index),attrs:{\"track\":track,\"highlightPlayingTrack\":_vm.highlightPlayingTrack},nativeOn:{\"dblclick\":function($event){return _vm.playThisList(track.id)},\"contextmenu\":function($event){return _vm.openMenu($event, track)}}})}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"track\",class:_vm.trackClass,style:(_vm.trackStyle),attrs:{\"title\":_vm.showUnavailableSongInGreyStyle ? _vm.track.reason : ''},on:{\"mouseover\":function($event){_vm.hover = true},\"mouseleave\":function($event){_vm.hover = false}}},[(!_vm.isAlbum)?_c('img',{class:{ hover: _vm.focus },attrs:{\"src\":_vm.imgUrl},on:{\"click\":_vm.goToAlbum}}):_vm._e(),(_vm.isAlbum)?_c('div',{staticClass:\"no\"},[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.focus && _vm.track.playable && !_vm.isPlaying),expression:\"focus && track.playable && !isPlaying\"}],on:{\"click\":_vm.playTrack}},[_c('svg-icon',{staticStyle:{\"height\":\"14px\",\"width\":\"14px\"},attrs:{\"icon-class\":\"play\"}})],1),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:((!_vm.focus || !_vm.track.playable) && !_vm.isPlaying),expression:\"(!focus || !track.playable) && !isPlaying\"}]},[_vm._v(_vm._s(_vm.track.no))]),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isPlaying),expression:\"isPlaying\"}]},[_c('svg-icon',{staticStyle:{\"height\":\"16px\",\"width\":\"16px\"},attrs:{\"icon-class\":\"volume\"}})],1)]):_vm._e(),_c('div',{staticClass:\"title-and-artist\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.track.name)+\" \"),(_vm.isAlbum)?_c('span',{staticClass:\"featured\"},[_c('ArtistsInLine',{attrs:{\"artists\":_vm.track.ar,\"exclude\":this.$parent.albumObject.artist.name,\"prefix\":\"-\"}})],1):_vm._e(),(_vm.isAlbum && _vm.track.mark === 1318912)?_c('span',{staticClass:\"explicit-symbol\"},[_c('ExplicitSymbol')],1):_vm._e()]),(!_vm.isAlbum)?_c('div',{staticClass:\"artist\"},[(_vm.track.mark === 1318912)?_c('span',{staticClass:\"explicit-symbol before-artist\"},[_c('ExplicitSymbol',{attrs:{\"size\":15}})],1):_vm._e(),_c('ArtistsInLine',{attrs:{\"artists\":_vm.artists}})],1):_vm._e()]),_c('div')]),(!_vm.isTracklist && !_vm.isAlbum)?_c('div',{staticClass:\"album\"},[_c('router-link',{attrs:{\"to\":(\"/album/\" + (_vm.album.id))}},[_vm._v(_vm._s(_vm.album.name))]),_c('div')],1):_vm._e(),(!_vm.isTracklist)?_c('div',{staticClass:\"actions\"},[_c('button',{on:{\"click\":_vm.likeThisSong}},[_c('svg-icon',{style:({\n          visibility: _vm.focus && !_vm.isLiked ? 'visible' : 'hidden',\n        }),attrs:{\"icon-class\":\"heart\"}}),_c('svg-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isLiked),expression:\"isLiked\"}],attrs:{\"icon-class\":\"heart-solid\"}})],1)]):_vm._e(),(!_vm.isTracklist)?_c('div',{staticClass:\"time\"},[_vm._v(\" \"+_vm._s(_vm._f(\"formatTime\")(_vm.track.dt))+\" \")]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"track\"\n    :class=\"trackClass\"\n    :style=\"trackStyle\"\n    :title=\"showUnavailableSongInGreyStyle ? track.reason : ''\"\n    @mouseover=\"hover = true\"\n    @mouseleave=\"hover = false\"\n  >\n    <img\n      :src=\"imgUrl\"\n      v-if=\"!isAlbum\"\n      @click=\"goToAlbum\"\n      :class=\"{ hover: focus }\"\n    />\n    <div class=\"no\" v-if=\"isAlbum\">\n      <button v-show=\"focus && track.playable && !isPlaying\" @click=\"playTrack\">\n        <svg-icon\n          icon-class=\"play\"\n          style=\"height: 14px; width: 14px\"\n        ></svg-icon>\n      </button>\n      <span v-show=\"(!focus || !track.playable) && !isPlaying\">{{\n        track.no\n      }}</span>\n      <button v-show=\"isPlaying\">\n        <svg-icon\n          icon-class=\"volume\"\n          style=\"height: 16px; width: 16px\"\n        ></svg-icon>\n      </button>\n    </div>\n    <div class=\"title-and-artist\">\n      <div class=\"container\">\n        <div class=\"title\">\n          {{ track.name }}\n          <span class=\"featured\" v-if=\"isAlbum\">\n            <ArtistsInLine\n              :artists=\"track.ar\"\n              :exclude=\"this.$parent.albumObject.artist.name\"\n              prefix=\"-\"\n          /></span>\n          <span v-if=\"isAlbum && track.mark === 1318912\" class=\"explicit-symbol\"\n            ><ExplicitSymbol\n          /></span>\n        </div>\n        <div class=\"artist\" v-if=\"!isAlbum\">\n          <span\n            v-if=\"track.mark === 1318912\"\n            class=\"explicit-symbol before-artist\"\n            ><ExplicitSymbol :size=\"15\"\n          /></span>\n          <ArtistsInLine :artists=\"artists\" />\n        </div>\n      </div>\n      <div></div>\n    </div>\n    <div class=\"album\" v-if=\"!isTracklist && !isAlbum\">\n      <router-link :to=\"`/album/${album.id}`\">{{ album.name }}</router-link>\n      <div></div>\n    </div>\n    <div class=\"actions\" v-if=\"!isTracklist\">\n      <button @click=\"likeThisSong\">\n        <svg-icon\n          icon-class=\"heart\"\n          :style=\"{\n            visibility: focus && !isLiked ? 'visible' : 'hidden',\n          }\"\n        ></svg-icon>\n        <svg-icon icon-class=\"heart-solid\" v-show=\"isLiked\"></svg-icon>\n      </button>\n    </div>\n    <div class=\"time\" v-if=\"!isTracklist\">\n      {{ track.dt | formatTime }}\n    </div>\n  </div>\n</template>\n\n<script>\nimport ArtistsInLine from \"@/components/ArtistsInLine.vue\";\nimport ExplicitSymbol from \"@/components/ExplicitSymbol.vue\";\nimport { mapState } from \"vuex\";\n\nexport default {\n  name: \"TrackListItem\",\n  components: { ArtistsInLine, ExplicitSymbol },\n  props: {\n    track: Object,\n    highlightPlayingTrack: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  data() {\n    return { hover: false, trackStyle: {} };\n  },\n  computed: {\n    ...mapState([\"settings\"]),\n    imgUrl() {\n      let image =\n        this.track?.al?.picUrl ??\n        this.track?.album?.picUrl ??\n        \"https://p2.music.126.net/UeTuwE7pvjBpypWLudqukA==/3132508627578625.jpg\";\n      return image + \"?param=224y224\";\n    },\n    artists() {\n      if (this.track.ar !== undefined) return this.track.ar;\n      if (this.track.artists !== undefined) return this.track.artists;\n      return [];\n    },\n    album() {\n      return this.track.album || this.track.al;\n    },\n    type() {\n      return this.$parent.type;\n    },\n    isAlbum() {\n      return this.type === \"album\";\n    },\n    isTracklist() {\n      return this.type === \"tracklist\";\n    },\n    isPlaylist() {\n      return this.type === \"playlist\";\n    },\n    isLiked() {\n      return this.$parent.liked.songs.includes(this.track.id);\n    },\n    isPlaying() {\n      return this.$store.state.player.currentTrack.id === this.track.id;\n    },\n    trackClass() {\n      let trackClass = [this.type];\n      if (!this.track.playable && this.settings.showUnavailableSongInGreyStyle)\n        trackClass.push(\"disable\");\n      if (this.isPlaying && this.highlightPlayingTrack)\n        trackClass.push(\"playing\");\n      if (this.focus) trackClass.push(\"focus\");\n      return trackClass;\n    },\n    isMenuOpened() {\n      return this.$parent.rightClickedTrack.id === this.track.id ? true : false;\n    },\n    focus() {\n      return (\n        (this.hover && this.$parent.rightClickedTrack.id === 0) ||\n        this.isMenuOpened\n      );\n    },\n    showUnavailableSongInGreyStyle() {\n      return this.$store.state.settings.showUnavailableSongInGreyStyle;\n    },\n  },\n  methods: {\n    goToAlbum() {\n      this.$router.push({ path: \"/album/\" + this.track.al.id });\n    },\n    playTrack() {\n      this.$parent.playThisList(this.track.id);\n    },\n    likeThisSong() {\n      this.$parent.likeASong(this.track.id);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nbutton {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 8px;\n  background: transparent;\n  border-radius: 25%;\n  transition: transform 0.2s;\n  .svg-icon {\n    height: 16px;\n    width: 16px;\n    color: var(--color-primary);\n  }\n  &:hover {\n    transform: scale(1.12);\n  }\n  &:active {\n    transform: scale(0.96);\n  }\n}\n\n.track {\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  border-radius: 12px;\n  user-select: none;\n\n  .no {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 8px;\n    margin: 0 20px 0 10px;\n    width: 12px;\n    color: var(--color-text);\n    cursor: default;\n    span {\n      opacity: 0.58;\n    }\n  }\n\n  .explicit-symbol {\n    opacity: 0.28;\n    color: var(--color-text);\n    .svg-icon {\n      margin-bottom: -3px;\n    }\n  }\n\n  .explicit-symbol.before-artist {\n    margin-right: 2px;\n    .svg-icon {\n      margin-bottom: -3px;\n    }\n  }\n\n  img {\n    border-radius: 8px;\n    height: 46px;\n    width: 46px;\n    margin-right: 20px;\n    border: 1px solid rgba(0, 0, 0, 0.04);\n    cursor: pointer;\n  }\n\n  img.hover {\n    filter: drop-shadow(100 200 0 black);\n  }\n\n  .title-and-artist {\n    flex: 1;\n    display: flex;\n    .container {\n      display: flex;\n      flex-direction: column;\n    }\n    .title {\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--color-text);\n      cursor: default;\n      padding-right: 16px;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      overflow: hidden;\n      word-break: break-all;\n      .featured {\n        margin-right: 2px;\n        font-weight: 500;\n        font-size: 14px;\n        opacity: 0.72;\n      }\n    }\n    .artist {\n      margin-top: 2px;\n      font-size: 13px;\n      opacity: 0.68;\n      color: var(--color-text);\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      overflow: hidden;\n      a {\n        span {\n          margin-right: 3px;\n          opacity: 0.8;\n        }\n        &:hover {\n          text-decoration: underline;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n  .album {\n    flex: 1;\n    display: flex;\n    font-size: 16px;\n    opacity: 0.88;\n    color: var(--color-text);\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n  }\n  .time {\n    font-size: 16px;\n    width: 50px;\n    cursor: default;\n    display: flex;\n    justify-content: flex-end;\n    margin-right: 10px;\n    font-variant-numeric: tabular-nums;\n    opacity: 0.88;\n    color: var(--color-text);\n  }\n}\n\n.track.focus {\n  transition: all 0.3s;\n  background: var(--color-secondary-bg);\n}\n\n.track.disable {\n  img {\n    filter: grayscale(1) opacity(0.6);\n  }\n  .title,\n  .artist,\n  .album,\n  .time,\n  .no,\n  .featured {\n    opacity: 0.28 !important;\n  }\n  &:hover {\n    background: none;\n  }\n}\n\n.track.tracklist {\n  img {\n    height: 36px;\n    width: 36px;\n    border-radius: 6px;\n    margin-right: 14px;\n    cursor: pointer;\n  }\n  .title {\n    font-size: 16px;\n  }\n  .artist {\n    font-size: 12px;\n  }\n}\n\n.track.album {\n  height: 32px;\n}\n\n.actions {\n  width: 80px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.track.playing {\n  background: var(--color-primary-bg);\n  color: var(--color-primary);\n  .title,\n  .album,\n  .time {\n    color: var(--color-primary);\n  }\n  .title .featured,\n  .artist,\n  .explicit-symbol {\n    color: var(--color-primary);\n    opacity: 0.88;\n  }\n  .no span {\n    color: var(--color-primary);\n    opacity: 0.78;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrackListItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrackListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrackListItem.vue?vue&type=template&id=0fd62688&scoped=true&\"\nimport script from \"./TrackListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./TrackListItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrackListItem.vue?vue&type=style&index=0&id=0fd62688&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0fd62688\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"track-list\">\n    <ContextMenu ref=\"menu\">\n      <div class=\"item-info\">\n        <img :src=\"rightClickedTrack.al.picUrl | resizeImage(224)\" />\n        <div class=\"info\">\n          <div class=\"title\">{{ rightClickedTrack.name }}</div>\n          <div class=\"subtitle\">{{ rightClickedTrack.ar[0].name }}</div>\n        </div>\n      </div>\n      <hr />\n      <div class=\"item\" @click=\"play\">{{ $t(\"contextMenu.play\") }}</div>\n      <div class=\"item\" @click=\"playNext\">{{ $t(\"contextMenu.playNext\") }}</div>\n      <hr />\n      <div class=\"item\" @click=\"like\" v-show=\"!isRightClickedTrackLiked\">\n        {{ $t(\"contextMenu.saveToMyLikedSongs\") }}\n      </div>\n      <div class=\"item\" @click=\"like\" v-show=\"isRightClickedTrackLiked\">\n        {{ $t(\"contextMenu.removeFromMyLikedSongs\") }}\n      </div>\n      <div\n        v-if=\"extraContextMenuItem.includes('removeTrackFromPlaylist')\"\n        class=\"item\"\n        @click=\"removeTrackFromPlaylist\"\n        >从歌单中删除</div\n      >\n      <div class=\"item\" @click=\"addTrackToPlaylist\">添加到歌单</div>\n    </ContextMenu>\n    <div :style=\"listStyles\">\n      <TrackListItem\n        v-for=\"(track, index) in tracks\"\n        :track=\"track\"\n        :key=\"itemKey === 'id' ? track.id : `${track.id}${index}`\"\n        :highlightPlayingTrack=\"highlightPlayingTrack\"\n        @dblclick.native=\"playThisList(track.id)\"\n        @click.right.native=\"openMenu($event, track)\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapMutations, mapState } from \"vuex\";\nimport { likeATrack } from \"@/api/track\";\nimport { addOrRemoveTrackFromPlaylist } from \"@/api/playlist\";\nimport { isAccountLoggedIn } from \"@/utils/auth\";\n\nimport TrackListItem from \"@/components/TrackListItem.vue\";\nimport ContextMenu from \"@/components/ContextMenu.vue\";\n\nexport default {\n  name: \"TrackList\",\n  components: {\n    TrackListItem,\n    ContextMenu,\n  },\n  props: {\n    tracks: Array,\n    type: String,\n    id: Number,\n    dbclickTrackFunc: {\n      type: String,\n      default: \"default\",\n    },\n    albumObject: {\n      type: Object,\n      default: () => {\n        return {\n          artist: {\n            name: \"\",\n          },\n        };\n      },\n    },\n    extraContextMenuItem: {\n      type: Array,\n      default: () => {\n        return []; // 'removeTrackFromPlaylist'\n      },\n    },\n    columnNumber: {\n      type: Number,\n      default: 4,\n    },\n    highlightPlayingTrack: {\n      type: Boolean,\n      default: true,\n    },\n    itemKey: {\n      type: String,\n      default: \"id\",\n    },\n  },\n  data() {\n    return {\n      rightClickedTrack: {\n        id: 0,\n        name: \"\",\n        ar: [{ name: \"\" }],\n        al: { picUrl: \"\" },\n      },\n      listStyles: {},\n    };\n  },\n  created() {\n    if (this.type === \"tracklist\") {\n      this.listStyles = {\n        display: \"grid\",\n        gap: \"4px\",\n        gridTemplateColumns: `repeat(${this.columnNumber}, 1fr)`,\n      };\n    }\n  },\n  computed: {\n    ...mapState([\"liked\"]),\n    isRightClickedTrackLiked() {\n      return this.liked.songs.includes(this.rightClickedTrack?.id);\n    },\n  },\n  methods: {\n    ...mapMutations([\"updateLikedSongs\", \"updateModal\"]),\n    ...mapActions([\"nextTrack\", \"showToast\"]),\n    openMenu(e, track) {\n      this.rightClickedTrack = track;\n      this.$refs.menu.openMenu(e);\n    },\n    closeMenu() {\n      this.rightClickedTrack = {\n        id: 0,\n        name: \"\",\n        ar: [{ name: \"\" }],\n        al: { picUrl: \"\" },\n      };\n    },\n    playThisList(trackID) {\n      if (this.dbclickTrackFunc === \"default\") {\n        this.playThisListDefault(trackID);\n      } else if (this.dbclickTrackFunc === \"none\") {\n        // do nothing\n      } else if (this.dbclickTrackFunc === \"playTrackOnListByID\") {\n        this.$store.state.player.playTrackOnListByID(trackID);\n      } else if (this.dbclickTrackFunc === \"playPlaylistByID\") {\n        this.$store.state.player.playPlaylistByID(this.id, trackID);\n      } else if (this.dbclickTrackFunc === \"playAList\") {\n        let trackIDs = this.tracks.map((t) => t.id);\n        this.$store.state.player.replacePlaylist(\n          trackIDs,\n          this.id,\n          \"artist\",\n          trackID\n        );\n      } else if (this.dbclickTrackFunc === \"dailyTracks\") {\n        let trackIDs = this.tracks.map((t) => t.id);\n        this.$store.state.player.replacePlaylist(\n          trackIDs,\n          \"/daily/songs\",\n          \"url\",\n          trackID\n        );\n      }\n    },\n    playThisListDefault(trackID) {\n      if (this.type === \"playlist\") {\n        this.$store.state.player.playPlaylistByID(this.id, trackID);\n      } else if (this.type === \"album\") {\n        this.$store.state.player.playAlbumByID(this.id, trackID);\n      } else if (this.type === \"tracklist\") {\n        let trackIDs = this.tracks.map((t) => t.id);\n        this.$store.state.player.replacePlaylist(\n          trackIDs,\n          this.id,\n          \"artist\",\n          trackID\n        );\n      }\n    },\n    play() {\n      this.$store.state.player.addTrackToPlayNext(\n        this.rightClickedTrack.id,\n        true\n      );\n    },\n    playNext() {\n      this.$store.state.player.addTrackToPlayNext(this.rightClickedTrack.id);\n    },\n    like() {\n      this.likeASong(this.rightClickedTrack.id);\n    },\n    likeASong(id) {\n      if (!isAccountLoggedIn()) {\n        this.showToast(\"此操作需要登录网易云账号\");\n        return;\n      }\n      let like = true;\n      let likedSongs = this.liked.songs;\n      if (likedSongs.includes(id)) like = false;\n      likeATrack({ id, like }).then((data) => {\n        if (data.code !== 200) return;\n        if (like === false) {\n          this.showToast(this.$t(\"toast.removedFromMyLikedSongs\"));\n          this.updateLikedSongs(likedSongs.filter((d) => d !== id));\n        } else {\n          this.showToast(this.$t(\"toast.savedToMyLikedSongs\"));\n          likedSongs.push(id);\n          this.updateLikedSongs(likedSongs);\n        }\n      });\n    },\n    addTrackToPlaylist() {\n      if (!isAccountLoggedIn()) {\n        this.showToast(\"此操作需要登录网易云账号\");\n        return;\n      }\n      this.updateModal({\n        modalName: \"addTrackToPlaylistModal\",\n        key: \"show\",\n        value: true,\n      });\n      this.updateModal({\n        modalName: \"addTrackToPlaylistModal\",\n        key: \"selectedTrackID\",\n        value: this.rightClickedTrack.id,\n      });\n    },\n    removeTrackFromPlaylist() {\n      if (!isAccountLoggedIn()) {\n        this.showToast(\"此操作需要登录网易云账号\");\n        return;\n      }\n      if (confirm(`确定要从歌单删除 ${this.rightClickedTrack.name}？`)) {\n        let trackID = this.rightClickedTrack.id;\n        addOrRemoveTrackFromPlaylist({\n          op: \"del\",\n          pid: this.id,\n          tracks: trackID,\n        }).then((data) => {\n          this.showToast(\n            data.body.code === 200 ? \"已从歌单中删除\" : data.body.message\n          );\n          this.$parent.removeTrack(trackID);\n        });\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrackList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrackList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrackList.vue?vue&type=template&id=0574ba73&scoped=true&\"\nimport script from \"./TrackList.vue?vue&type=script&lang=js&\"\nexport * from \"./TrackList.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0574ba73\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrackListItem.vue?vue&type=style&index=0&id=0fd62688&lang=scss&scoped=true&\""],"sourceRoot":""}