{"ast":null,"code":"import { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\";\nconst _hoisted_1 = {\n  id: \"aPlayer\"\n};\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n  return _openBlock(), _createElementBlock(\"div\", _hoisted_1);\n}","map":{"version":3,"names":["id","_createElementBlock","_hoisted_1"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/aPlayer.vue"],"sourcesContent":["<template>\n  <div id=\"aPlayer\"></div>\n</template>\n<script>\n/* eslint-disable */\nimport APlayer from \"aplayer\"\nimport { nextTick, onMounted, computed, watch } from \"vue\"\nimport { getAppMusic } from \"@/utils/api\"\nimport { useStore } from \"vuex\"\nexport default {\n  name: \"confirmBet\",\n  components: {},\n  props: {\n    data: {\n      type: Object,\n      default: () => ({\n        show: false\n      })\n    }\n  },\n  setup() {\n    const store = useStore()\n    const musicVolume = computed(() => store.state.config.musicVolume)\n    const volume = computed(() => store.state.config.volume)\n    let player = null\n    onMounted(() => {\n      nextTick(() => {\n        // const list = [\n        //   {\n        //     name: \"We Can’t Stop\", //歌名\n        //     artist: \"Miley Cyrus - Berlin Tag Und Nacht Vol.4\", //歌手\n        //     url: require(\"../assets/mp3/2023520.mp3\"), //音频文件地址\n        //     cover: require(\"../assets/mp3/cover/2023520.webp\"), //音乐封面地址\n        //     lrc: \"\"\n        //   },\n        //   {\n        //     name: \"Peter Pan Was Right\", //歌名\n        //     artist: \"Anson Seabra - Peter Pan Was Right\", //歌手\n        //     url: require(\"../assets/mp3/4138042894.mp3\"), //音频文件地址\n        //     cover: require(\"../assets/mp3/cover/4138042894.webp\"), //音乐封面地址\n        //     lrc: \"\"\n        //   },\n        //   {\n        //     name: \"Shape of You\", //歌名\n        //     artist: \"Ed Sheeran - Shape of You\", //歌手\n        //     url: require(\"../assets/mp3/3197545262.mp3\"), //音频文件地址\n        //     cover: require(\"../assets/mp3/cover/3197545262.webp\"), //音乐封面地址\n        //     lrc: \"\"\n        //   },\n        //   {\n        //     name: \"Unstoppable\", //歌名\n        //     artist: \"Sia - This Is Acting (Deluxe Version)\", //歌手\n        //     url: require(\"../assets/mp3/6005971CUY6.mp3\"), //音频文件地址\n        //     cover: require(\"../assets/mp3/cover/6005971CUY6.webp\"), //音乐封面地址\n        //     lrc: \"\"\n        //   },\n        //   {\n        //     name: \"Bones\", //歌名\n        //     artist: \"Imagine Dragons - Bones\", //歌手\n        //     url: require(\"../assets/mp3/680637476.mp3\"), //音频文件地址\n        //     cover: require(\"../assets/mp3/cover/680637476.webp\"), //音乐封面地址\n        //     lrc: \"\"\n        //   },\n        //   {\n        //     name: \"Someone Like You\", //歌名\n        //     artist: \"Adele - 21 (Explicit)\", //歌手\n        //     url: require(\"../assets/mp3/2591806824.mp3\"), //音频文件地址\n        //     cover: require(\"../assets/mp3/cover/2591806824.webp\"), //音乐封面地址\n        //     lrc: \"\"\n        //   }\n        // ]\n\n        // 音乐文件\n        getAppMusic(\"/music.json\")\n          .then((res) => {\n            if (res.list && res.list.length > 0) {\n              init(res.list)\n            } else {\n              console.warn(\"音乐列表文件不存在\")\n            }\n          })\n          .catch((err) => {\n            console.log(err)\n          })\n      })\n    })\n    const init = (list) => {\n      player = new APlayer({\n        container: document.getElementById(\"aPlayer\"),\n        mini: false,\n        audio: list,\n        listFolded: false,\n        listMaxHeight: \"8rem\"\n      })\n      store.commit(\"app/musicPlayer\", player)\n      player.on(\"play\", function () {\n        if (musicVolume.value == false) {\n          store.commit(\"config/setValue\", {\n            name: \"musicVolume\",\n            type: true\n          })\n        }\n      })\n      player.on(\"pause\", function () {\n        if (musicVolume.value == true) {\n          // console.log(\"pause\")\n          store.commit(\"config/setValue\", {\n            name: \"musicVolume\",\n            type: false\n          })\n        }\n      })\n      player.pause()\n      player.play()\n    }\n    watch(\n      () => [musicVolume.value],\n      ([type]) => {\n        if (player) {\n          nextTick(() => {\n            if (type) {\n              player.volume(volume.value.music / 100, true)\n              player.play()\n            } else {\n              player.volume(volume.value.music / 100, false)\n              player.pause()\n            }\n          })\n        }\n      },\n      { deep: true }\n    )\n    watch(\n      () => [volume.value.music],\n      ([value]) => {\n        if (player) {\n          nextTick(() => {\n            player.volume(value / 100, true)\n          })\n        }\n      },\n      { immediate: true, deep: true }\n    )\n  }\n}\n</script>\n<style lang=\"scss\">\n@import \"APlayer/dist/APlayer.min\";\n.aplayer {\n  transform: rotateX(0deg);\n}\n.aplayer .aplayer-icon {\n  width: 22px;\n  height: 22px;\n  margin: 0 4px;\n}\n.aplayer-controller {\n  align-items: center;\n}\n.aplayer.aplayer-arrow .aplayer-icon-loop,\n.aplayer.aplayer-arrow .aplayer-icon-order {\n  display: inline-block;\n}\n.aplayer .aplayer-icon-volume-down {\n  display: none;\n}\n.aplayer .aplayer-info .aplayer-music {\n  line-height: 20px;\n  display: flex;\n  margin-bottom: 10px;\n  width: calc(100% - 40px);\n  span:last-child {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n  .aplayer-title {\n    padding-right: 10px;\n  }\n}\n</style>\n"],"mappings":";;EACOA,EAAE,EAAC;AAAS;;uBAAjBC,mBAAA,CAAwB,OAAxBC,UAAwB"},"metadata":{},"sourceType":"module","externalDependencies":[]}