{"version":3,"file":"SongsItem.12f3ed8f.js","sources":["../../../../src/pages/songs/components/SongsItem.vue"],"sourcesContent":["<template>\n  <view class=\"songs-list-item\" v-if=\"data\">\n    <view class=\"like-content\">\n      <view class=\"info\">\n        <view class=\"avatar-wrap\" @click.stop=\"playHandle\">\n          <image lazy-load :src=\"data.cover\" class=\"avatar-img\" alt=\"\" />\n          <image\n            class=\"attach-img\"\n            v-show=\"+data.music_id === +storeSongID && isPlay\"\n            src=\"@/static/img/songs/icon_btn_pause_on_cover.svg\"\n          />\n          <image\n            class=\"attach-img\"\n            v-show=\"+data.music_id !== +storeSongID || !isPlay\"\n            src=\"@/static/img/songs/icon_btn_play_on_cover.svg\"\n          />\n        </view>\n        <view class=\"text\">\n          <view class=\"name musicname-text\">\n            <h3>{{ data.music_name }}</h3>\n          </view>\n          <p class=\"author musician-text\">\n            {{ data.singer }}\n            <!-- 总交易数 {{data.cs_total_vol}} | 持有人数 {{data.cs_holders}} -->\n          </p>\n          <!-- 隐藏进度条 -->\n          <!-- <view class='progress-wrap2' v-show='audio.id === data.ID'>\n            <van-slider \n              v-model='sliderVal'\n              @change=\"onChange\"\n              @drag-start='dragStart'\n              @drag-end='dragEnd'\n              bar-height='5px'\n              active-color='#ffd000'\n              />\n          </view> -->\n        </view>\n      </view>\n      <view class=\"more\" @click.stop=\"moreIconClick(data)\">\n        <image class=\"likeimg\" v-if=\"!data.is_favor\" src=\"@/static/img/user/likes/like-w.png\"></image>\n        <image class=\"likeimg\" v-else src=\"@/static/img/user/likes/like-r.png\"></image>\n      </view>\n      <!-- 00:03/12:03 隐藏 -->\n      <!-- <view class='duration' v-show='audio.id === data.ID && isCur'>\n        {{formatSeconds(Number(duration * sliderVal / 100))}}\n        /\n        {{formatSeconds(Number(duration))}}\n      </view>\n      <view class='duration' v-show='audio.id === data.ID && !isCur'>\n        <p>\n          {{formatSeconds(Number(audio.curTime))}}\n          /\n          {{duration ? formatSeconds(Number(duration)) : '加载中'}}\n        </p>\n      </view> -->\n    </view>\n  </view>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useGlobalPlayerStoreWithOut } from '@/store/modules'\nimport { computed } from 'vue'\nimport { SongsApi, LikesApi } from '@/api'\nimport { APIResponse } from '@/interface'\n\nexport interface Props {\n  isAbled?: number\n  data?: any\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  isAbled: 1,\n  data: {} as any\n})\n\nconst emit = defineEmits<{\n  (e: 'like', data: any): void\n  (e: 'dislike', data: any): void\n}>()\n\nconst globalPlayerStore = useGlobalPlayerStoreWithOut()\nlet storeSongID = computed(() => {\n  return globalPlayerStore.songId\n})\nlet isPlay = computed(() => {\n  return globalPlayerStore.isPlay\n})\nconst moreIconClick = (data) => {\n  if (data.is_favor) {\n    dislikeMusic(data)\n  } else {\n    likeMusic(data)\n  }\n}\nconst likeMusic = async (item: any) => {\n  try {\n    const res: any = (await SongsApi.apiJoinLike({ id: item.music_id })) as APIResponse\n    if (res && !res.code) {\n      emit('like', item.music_id)\n    }\n  } catch (error) {}\n}\nconst dislikeMusic = (item: any) => {\n  let arr = [item.music_id]\n  try {\n    LikesApi.apiDeleteLike({\n      worksIds: arr.join(',')\n    }).then((res: APIResponse) => {\n      if (res && res.code === 0) {\n        emit('dislike', item.music_id)\n      }\n    })\n  } catch (error) {}\n}\nconst playHandle = () => {\n  const { source_url: url, music_id: id, cover: img, title } = props.data\n  if (+storeSongID.value === +id) {\n    globalPlayerStore.setPlayToggle()\n  } else {\n    globalPlayerStore.setPlayerSrc(url, id, img, title)\n    globalPlayerStore.setPlay()\n    emit('itemClick')\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.songs-list-item {\n  box-sizing: border-box;\n  position: relative;\n  background: #302e33;\n  padding: 20rpx;\n  border-radius: 32rpx;\n  margin: 0 auto;\n  margin-bottom: 20rpx;\n  width: 654rpx;\n  .like-content {\n    display: flex;\n    justify-content: space-between;\n    .info {\n      display: flex;\n      .van-checkbox {\n        margin-right: 28rpx;\n      }\n      .avatar-wrap {\n        width: 96rpx;\n        height: 96rpx;\n        background: url('@/static/img/songs/disc-s@2x.png');\n        background-size: 100% 100%;\n        margin-right: 20rpx;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        .avatar-img {\n          width: 80rpx;\n          height: 80rpx;\n          border-radius: 50%;\n        }\n\n        .attach-img {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: 52rpx;\n          height: 52rpx;\n        }\n      }\n      .text {\n        box-sizing: border-box;\n        flex: 1;\n        padding-right: 7px;\n        .name {\n          font-family: PingFangSC-Semibold, PingFang SC;\n          color: rgba(255, 255, 255, 1);\n          line-height: 40rpx;\n          margin-bottom: 12rpx;\n          h3 {\n            font-size: 28rpx;\n            font-weight: bold;\n            display: inline;\n          }\n          span {\n            font-size: 24rpx;\n            font-weight: 100;\n          }\n        }\n        .author {\n          font-size: 24rpx;\n          font-family: PingFangSC-Regular, PingFang SC;\n          font-weight: 400;\n          color: var(--py-doc-gray-02);\n          line-height: 28rpx;\n          max-width: 500rpx;\n        }\n        .progress-wrap2 {\n          width: 460rpx;\n          .van-slider {\n            margin-top: 16rpx;\n            .van-slider__button {\n              width: 36rpx;\n              height: 36rpx;\n              background-color: #ffd000;\n              position: relative;\n              right: -16rpx;\n              transition: all 0.3s;\n            }\n            &.cur {\n              .van-slider__button {\n                width: 50rpx;\n                height: 50rpx;\n              }\n            }\n          }\n        }\n        .progress-wrap {\n          margin-top: 12rpx;\n          width: 500rpx;\n          background-color: #fff;\n          height: 10rpx;\n          position: relative;\n          .bar {\n            position: absolute;\n            top: 0;\n            left: 0;\n            height: 10rpx;\n            background-color: #ffd000;\n          }\n          .dot {\n            position: absolute;\n            width: 20rpx;\n            height: 20rpx;\n            top: 50%;\n            border-radius: 50%;\n            transform: translate(-50%, -50%);\n            background-color: red;\n            animation: left 0.1s ease 0s;\n          }\n        }\n      }\n    }\n    .more {\n      position: absolute;\n      top: 50%;\n      right: 20rpx;\n      transform: translate(-50%, -50%);\n      padding-top: 30rpx;\n      padding-bottom: 30rpx;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      image {\n        width: 36rpx;\n        height: 32rpx;\n      }\n    }\n    .duration {\n      position: absolute;\n      top: 50%;\n      right: 50rpx;\n      transform: translate(-50%, -50%);\n      p.loading {\n        position: relative;\n        left: -40rpx;\n      }\n    }\n  }\n}\n</style>\n"],"names":["globalPlayerStore","useGlobalPlayerStoreWithOut","storeSongID","computed","songId","isPlay","likeMusic","async","item","res","SongsApi","apiJoinLike","id","music_id","code","emit","error","dislikeMusic","arr","LikesApi","apiDeleteLike","worksIds","join","then","playHandle","source_url","url","cover","img","title","props","data","value","setPlayToggle","setPlayerSrc","setPlay","is_favor"],"mappings":"8cAgFMA,EAAoBC,IACtB,IAAAC,EAAcC,GAAS,IAClBH,EAAkBI,SAEvBC,EAASF,GAAS,IACbH,EAAkBK,SAErB,MAOAC,EAAYC,MAAOC,IACnB,IACI,MAAAC,QAAkBC,EAASC,YAAY,CAAEC,GAAIJ,EAAKK,WACpDJ,IAAQA,EAAIK,MACTC,EAAA,OAAQP,EAAKK,gBAEbG,MAELC,EAAgBT,IAChB,IAAAU,EAAM,CAACV,EAAKK,UACZ,IACFM,EAASC,cAAc,CACrBC,SAAUH,EAAII,KAAK,OAClBC,MAAMd,IACHA,GAAoB,IAAbA,EAAIK,MACRC,EAAA,UAAWP,EAAKK,mBAGlBG,MAELQ,EAAa,KACX,MAAEC,WAAYC,EAAKb,SAAUD,EAAIe,MAAOC,EAAAC,MAAKA,GAAUC,EAAMC,MAC9D7B,EAAY8B,QAAWpB,EAC1BZ,EAAkBiC,iBAElBjC,EAAkBkC,aAAaR,EAAKd,EAAIgB,EAAKC,GAC7C7B,EAAkBmC,UAClBpB,EAAK,grCAlCa,IAACgB,GAAAA,UACZK,SACPnB,EAAac,GAEbzB,EAAUyB"}