1 |
- System.register(["./index-legacy-e6be1dcb.js","./browser-legacy-794fdde3.js","./index-legacy-d3534fc9.js","./index-legacy-f9858fd3.js","./index-legacy-72ad1f03.js"],(function(e,r){"use strict";var A,a,i,t,o,n,s,l,m,c,g,u,_,d,p,w;return{setters:[e=>{A=e.d,a=e.aO,i=e.x,t=e.r,o=e.e,n=e.w,s=e.y,l=e.a,m=e.I,c=e.R,g=e.A,u=e.aN},e=>{_=e.b},e=>{d=e.I},e=>{p=e.S},e=>{w=e.C}],execute:function(){var y=document.createElement("style");y.textContent='._audioPlayer_r8rw7_1{background-color:#fff}._playerHeader_r8rw7_4{display:flex;align-items:center;justify-content:space-between;padding:.26667rem .4rem 0}._playerHeader_r8rw7_4 ._musicInfo_r8rw7_10{display:flex;align-items:center}._playerHeader_r8rw7_4 ._musicInfo_r8rw7_10 ._cover_r8rw7_14{display:flex;align-items:center;justify-content:center;width:1.12rem;height:1.12rem;background:#3D465A;box-shadow:0 .05333rem .34667rem rgba(0,0,0,.09);border-radius:50%;transition:opacity .3s;animation:_rotateImg_r8rw7_1 6s linear infinite}._playerHeader_r8rw7_4 ._musicInfo_r8rw7_10 ._cover_r8rw7_14._imgRotate_r8rw7_26{animation-play-state:paused}._playerHeader_r8rw7_4 ._musicInfo_r8rw7_10 ._musicBg_r8rw7_29{width:.74667rem;height:.74667rem;border-radius:50%;overflow:hidden}._playerHeader_r8rw7_4 ._musicInfo_r8rw7_10 ._musicName_r8rw7_35{padding-left:.26667rem;font-size:.42667rem;font-weight:500;color:#131415;line-height:.58667rem;text-shadow:0 .05333rem .34667rem rgba(0,0,0,.09);max-width:3.73333rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._playerHeader_r8rw7_4 ._controls_r8rw7_47 ._icon_r8rw7_47{font-size:.48rem;margin:0 .29333rem}._playerHeader_r8rw7_4 ._controls_r8rw7_47 ._iconMenu_r8rw7_51{font-size:.53333rem}._playerFooter_r8rw7_54{--van-slider-bar-height: .10667rem;--van-slider-active-background: #C8E7FF;--van-slider-inactive-background: rgba(0, 0, 0, .09);--van-slider-button-width: .26667rem;--van-slider-button-height: .26667rem;--van-slider-button-background: #269EFE;--van-slider-button-shadow: 0 .05333rem .34667rem 0 rgba(0, 0, 0, .09);padding:.37333rem .4rem calc(.37333rem + env(safe-area-inset-bottom));display:flex;align-items:center}._playerFooter_r8rw7_54 .van-slider__button-wrapper--right{border:.10667rem solid rgba(38,158,254,.19);border-radius:50%}._playerFooter_r8rw7_54 ._playerTimer_r8rw7_70{margin-left:.4rem;flex-shrink:0;font-size:.32rem;font-weight:500;color:#aaa;line-height:.45333rem;text-shadow:0 .05333rem .34667rem rgba(0,0,0,.09)}._songPopup_r8rw7_79{border-radius:.32rem .32rem 0 0;background:#F8F9FC}._songContainer_r8rw7_83{background:#FFFFFF;border-radius:.42667rem;min-height:10.88rem;max-height:10.88rem;overflow-x:hidden;overflow-y:auto;margin:.37333rem .32rem calc(.37333rem + env(safe-area-inset-bottom))}._songContainer_r8rw7_83 ._songTitle_r8rw7_92{position:sticky;top:0;z-index:10;background-color:#fff;display:flex;align-items:center;font-size:.45333rem;font-weight:600;color:#333;line-height:.64rem;padding:.32rem .37333rem}._songContainer_r8rw7_83 ._songTitle_r8rw7_92:before{content:"";width:.10667rem;height:.37333rem;border-radius:.05333rem;background:linear-gradient(to bottom,#259CFE,#47CEFF);margin-right:.16rem}._songContainer_r8rw7_83 ._songCell_r8rw7_113{margin:.66667rem .18667rem;padding:.26667rem .18667rem;border-radius:.32rem;width:auto}._songContainer_r8rw7_83 ._songCell_r8rw7_113._active_r8rw7_119{background:#F1F5FD}._songContainer_r8rw7_83 ._songCell_r8rw7_113._active_r8rw7_119 ._songName_r8rw7_122{color:#1cacf1}._songContainer_r8rw7_83 ._songCell_r8rw7_113:first-child{margin-top:0}._songContainer_r8rw7_83 ._songCell_r8rw7_113 .van-cell__value{display:flex;align-items:center;justify-content:flex-end}._songContainer_r8rw7_83 ._songCell_r8rw7_113 ._songImg_r8rw7_133{width:.74667rem;height:.72rem;border-radius:.26667rem;overflow:hidden;margin-right:.26667rem;flex-shrink:0}._songContainer_r8rw7_83 ._songCell_r8rw7_113 ._songName_r8rw7_122{max-width:4.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.42667rem;font-weight:500;color:#131415;line-height:.58667rem}._songContainer_r8rw7_83 ._songCell_r8rw7_113 ._iconSong_r8rw7_151{font-size:.53333rem}@keyframes _rotateImg_r8rw7_1{to{transform:rotate(360deg)}}\n',document.head.appendChild(y);const v={audioPlayer:"_audioPlayer_r8rw7_1",playerHeader:"_playerHeader_r8rw7_4",musicInfo:"_musicInfo_r8rw7_10",cover:"_cover_r8rw7_14",rotateImg:"_rotateImg_r8rw7_1",imgRotate:"_imgRotate_r8rw7_26",musicBg:"_musicBg_r8rw7_29",musicName:"_musicName_r8rw7_35",controls:"_controls_r8rw7_47",icon:"_icon_r8rw7_47",iconMenu:"_iconMenu_r8rw7_51",playerFooter:"_playerFooter_r8rw7_54",playerTimer:"_playerTimer_r8rw7_70",songPopup:"_songPopup_r8rw7_79",songContainer:"_songContainer_r8rw7_83",songTitle:"_songTitle_r8rw7_92",songCell:"_songCell_r8rw7_113",active:"_active_r8rw7_119",songName:"_songName_r8rw7_122",songImg:"_songImg_r8rw7_133",iconSong:"_iconSong_r8rw7_151"},h=e("m",""+new URL("music_bg-7bc33289.png",r.meta.url).href);e("A",A({name:"audio-player",props:{musicList:{type:Array,default:()=>[]}},setup(e){const r=a(),A=i({songPopup:!1,musicListenList:e.musicList||[],playState:"pause",audioObj:{},listActive:0,dragStatus:!1});let y=null;const C=i({isFirst:!0,duration:.1,currentTime:0}),b=t(),E=()=>{C.duration=b.value.duration,C.isFirst?C.isFirst=!1:"play"===A.playState&&b.value.play()},f=o((()=>`${u(C.currentTime)} / ${u(C.duration)}`)),B=e=>{const r=A.musicListenList.findIndex((r=>r.id===e.id));r>-1&&(A.listActive===r?A.playState="play"===A.playState?"pause":"play":A.playState="play",A.listActive=r,A.audioObj=A.musicListenList[r])},F=e=>{"play"===e?A.playState="play":"pause"===e?A.playState="pause":"pre"===e?A.musicListenList[A.listActive-1]&&(C.currentTime=0,B(A.musicListenList[A.listActive-1])):"next"===e&&A.musicListenList[A.listActive+1]&&(C.currentTime=0,B(A.musicListenList[A.listActive+1]))};return n((()=>r.value),(e=>{"hidden"===e&&(b.value.pause(),A.playState="pause")})),n((()=>A.playState),(e=>{"play"===e?b.value.play():b.value.pause()})),n((()=>e.musicList),(()=>{A.musicListenList=e.musicList;const r=e.musicList;r.length>0&&(A.audioObj=r[0])})),s((()=>{_.nextTick((()=>{const r=e.musicList;r.length>0&&(A.audioObj=r[0])}))})),()=>{var e;return l("div",{class:v.audioPlayer},[l("div",{class:v.playerHeader},[l("div",{class:v.musicInfo},[l("div",{class:[v.cover,"pause"===A.playState&&v.imgRotate]},[l(d,{src:h,class:v.musicBg},null)]),l("div",{class:v.musicName},[(null===(e=A.audioObj)||void 0===e?void 0:e.name)||"--"])]),l("div",{class:v.controls},[l(m,{name:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABAhJREFUWEftmFloE1EUhs+5k6RZ3Gobi23Utlhr1S42Ki4drG0JCm4UrVrwQfTRFfXBBVxwA3EBFxD0NUV8EkQkKohREYu4UKqt+KSkrUStK2rpjNwxM965yUxm2ggK5mkyc8+93/znv8sZBAACv3/IXPOXZs9MwkwfyakGoUCZAuH7SRrQAE9rRzsQ2EaBwCxX0cTCfUBwnXJfks+/bO/cG4s9/GFRSVNJqmqXFvhcnpUo42iUpba3se6W9vZb3xJBchKQ2LDqMBDcrutVko9Gb7TsGmheaFx+ftBZNLlkK0GyEwDcal8ywPPv376EWm9f7qL3eCAUQ81vACCbG/x9NBLO4+5Z9tTsucuDgst5DhDKDV7qcjQSXsYDKQOIoea+VEHRSNiVxmtJYYVVVd4xo8r2AOAG3hpc4763r2MjaepUhbS3NQHKMni7lErNrFtW53S4zgBAkZVUf/3ycdzDu1ditDMHG2AByDRVZUFxZE5O4AgCrrajaAKoiweiHmJnk8YajYQ1Ixp5aVbD8kYBnccRgfdbWpE+f+4tfHTvqk4h1UNWgHQqlU+vzx8+YtRJRFyUdmSDBjwQ6yEzID5dOKdhxVokwkEEGDZQGBqXANJSZgXIww5YLc6f4HVnn0HEmsGAqLEskJNdgcVQ83eDaa8A5ebmOksr67cQQdjBLnCDhfr08V3R4/vXFA+pQKqHDIGmiYuDHo/vLABWDBaAj7cNJEn9JwkR1vPLRKbAEkCKh6hCrIdSKpSpgY36+WeA6MKoHgX+tCi6/j/0xoufPohoplZT9lcA0V1c/f0HUpVgU2ZJIUnqP0qIsJlZtzLqMdtA0UjYF6xZUu710oURqjNKAwADAkpsHUJpZd0GFBy7EMCbKbABA6kAFdNCxcOyc04hYm0moGxP+2gkTNVgjx/K9cy6ptVOh+NQisLAFmcmgOiAClRJeU1eXl7BMSTCUlsUTGMjIFp1GO32ql9Snal/qVXbuNDpcp8AgNF2wWzvZYmUaQuo0YDjyoLDxxSUHEDENYBouXbjgTT5LSiUFoo2mCEuEbM8vtMAMN6KWokTY7etA5pBWWOoQiAw2T22dMpOQSCbAFBXbukgZejrfHozu6enp48FUlQSQ83dBqV0PrvnWXlrtU31nEWVPu+Qs4A4NVWcLMuX7lxvoXWc8rGBkv8+oDWsPASEbGMD5f7+Y3duXtzNdWbZHzTO7/cLEyrmbSRE2A2IWsEgy9De2xuf39Ya6VF9owPy+ydlTays2AOErFUAJOnCs8eP9sfjHbQ8MoMweqb7RhQMLihwjxjaBEj8EkhtL149uRTv6NBmNlu5Ji16JimypQ6nLP8Ri/2vpSzVzEkqCk18kw7Q6EuaDob2/xMWc5gG61HO0QAAAABJRU5ErkJggg==",class:v.icon,onClick:()=>{F("pre")}},null),l(m,{name:"play"===A.playState?"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAABA0lEQVRYCe1YMQrCQBC8U0mnlSAKtr7Cb6T1G3YSBD+SNl/wF3aChZVY2Ag2adYc55FwzGaNiI17EO5uZmc4JlutMbraE7AcnaZZcr0ft8bYla+hfDJabIoiKzkNwrv69JGJw8bz2Y7IrKvj8PUtH+UtOZ8Oe8e/u7r69HjjkEyzAmFNHp2RBmFeyz6IiKaxPcLimviONAgLOvZBoeDXuz5ISlwT0oSkBCRee0gTkhKQeO0hTUhKQOK1hzQhKQGJ1x7ShKQEJF576OOErLWXWIywuCa+Iw3Cgq7ll1EeiuodYTWLT0iDMK8eYBNj3OilGsdUdBgM+HEMV8/h3/Lh/P8PfwL4DkxltlKgdQAAAABJRU5ErkJggg==":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAADA0lEQVRYCc2YT0gUcRTH35uV9c9GUkQdgv5CKBYekm47myntbpHQwQ7rbggpdahAvUTUsVsZEWGHSEU9GB00D+uf/rhbRFCXMvoDlUSHWCEqQ2XF+b3ebM4iOzM5urM7Duz+fvN+7/1+n/m+mcdvBmCNHWjGIwcjh0iIFnYoA6DPKOGNWLQvauZvl90QyOcPRQRBNy+SMY733UXFZx89uJOwCyBznowFAYLBc4Uzyo8EAZRmOqfOEX5KILXFRno7DcezNEqZ8XP4a58pjOpMsEGQuOv1NzysPRralRmf7bkOCBTaZGlSoprkAk7I/oa2+vp7LksxFpz0QBaC0i5EJUR0NfF74EW1P1yZtmfRyQ5ocWFOcZVC4pXXH7pysLGxKAsesAVIBWCoAv67qHyffy0fCcmrhbINKA1AsIcWYJzvrY5gsGF92m6xYz/Qv4WR760zMwq8kwPhOossKbdcAaUmJ6CtXO0HWa3+mrqmLVbAcgqkAbBaJ+aTs++9gVCjZjNr8wKUWpwLKgjo5CdxTD4W2ek8kEZAUEvz4q0vEG41Kqj5U0gDUlsuqEKIa4npgeeHj0c2Lx1yBmiRgAgOzM0qj5cq5ShQiougYurPYLo0OA+kZlDQbi1tawKI94HfNKACreNYi/jVI20c0NZ3VCFE/IRuqToavZl0FAgRFN6tt5e6PZXxoZ5JDUZt858yhDesTFN8uO/lUhCtn7eUsSpJBLxUvn1dVcwEJm8KsSJPXYjNT0Z6P8Y1KUza3KYMcVoivDA+3HOboXhTufyRs5TxC9+QS4KK2Ghvh1UYFTcHCuEUw5yPj/b1L6+H3sNWhfim7S7BovLVwtimEINM8u80p2dMf80rs2SnEKIAkK6XFnr22gFjqBA/CjNWrokVmeDacoo/OhgWOCtzGPnoFMLigglAnDVyVm2pAifB5bIdnv3/K3Bm8cvZdZ9j1ABfINQiBLTrghGeucjdPD7a9UE3ZpPBEEidW/aHT/J7VStvn7bxK/IXCaVbXOC6VlJTVsP4F/FV4pZfUyOuAAAAAElFTkSuQmCC",class:[v.icon,v.iconPlay],onClick:()=>{"pause"===A.playState?F("play"):F("pause")}},null),l(m,{name:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABBBJREFUWEftmFtoFFcYx7+ZNbtBrY12MdnFPpUaDUETgiLRKQV1kCD4JCX72j5IVPCC4A1bwcuDFlv1UelDIPWGaC1UlpimTKyhdWOyUWOMmKibSNxN19tekt05X5ljZjwzmZmdNRd9cJ6SyTnn+83//HO+7zscALhg7MOZvBvvK7RZQPubEpgFcgpiHGcXzMhhC6YC0QBlZV8XfuYvqUWOL0cOnyZGUmfamy/1j0MaLbjfX+X+omz+D8Bz39H1CJ7qvdf3fSRyY4RdXwGZprxY8tU6n6dwRpADWMAMSBMkh3rv9Pw4MBDKjAMMhFW1B4HndujWIHhEavx1lymQIAYuAMA686AYloezG/7+63woDyjd1ghiYBAAZhvmx6Vgw1wA0HloGt2qeb44AEfVsnhkADzx5FnX/r729mQeYMpQFMSAbmvU+VKwoWD0ZwpFt6xq+Vr/9BmzHjkM0pvJjmxsbbrQZDHe1LSCGBg2G88AUXAFqKBq+VpfHkB0IgLWDw1FdnaFpP9yfAgFdAhEFSqorK7xz5xZ1OdQIW0YIgzKmNl2o/H8RWaulUJpC4XcRg+9M5AaABGvvHj+bEvnv9cGDEE1OEEM2AFR1VUPuSura3zvohAbHAFeIpH3XG88e5r9YtWwDoA0D00IEKNWSzId39gmXb3PAgtiIGWzZdp0xUPuimVr/J/MmtObr4dsxqeJLB/u7rh2LBaL0QPVBshj9NBkAKk7FU6lEnU3pd9COYB0HvJULFvjm2CFWPGyhMgned61xWLLFIWmFMjWCVKwQQXSTD3ZCuUPtGip6P+0yPtwAk3teCkp2FDImJqmDs9HIEY/g0I0l31ICk0JUIYQ+Seed+mrxVGVplqhtmQyURdqudwpiIGExTnEmnpyFEKAJMrZg90dTSdisZg8mjreDxAiNr+MD20O3wzqjpH3oVA8k83ubm06V8+mAqb8MK3DJ+UcQiJfGhzs397T2aJ0FlpeYjyjFPnOgcaRXJ9mRtJbW5sv/m4BosHZAE1ALkP6/PKkv2fvo67QC5s8wZawVgqNBaqsrinJo4R9MJxKbPpHuizlSFjGRjEX0Nuauri4uGD+opVx4EBt2kxiYVaWyc+Pu28fikTumBbsdtuWT4GmtCHcitW19RzHrTf9asRbieTrurbrVzocp3GDuQUxoHQkZq10yZgSVplbvkQsLiryXuU4KNOCIqYIkQ/cD/95PBqN0gMuj0e3ZStWfnOAc7m26+YTclRqPLOb/W+kRb76wlta6vny88XreeDLAUk0/fzVuVDoD+N1jNUdku29j9db6l5YUbkPeP5bGo+Q0/c6wvuj0btsi/2mlR7t8VUuY0Cnl1hm4hkh7X7XTK0amQ1sBZELztG1ndlJrn7N/4og+NUrgFAZAAAAAElFTkSuQmCC",class:v.icon,onClick:()=>{F("next")}},null),l(m,{name:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAYAAACsyDmTAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJgAAAABQzrCcAAACi0lEQVRYCWNgGOzg////jA4eCQoNDQ1MA+FWZnRL9x+/s+7f/78z7j95lyCvov/40d1L19HV0JLPiGy4Q2gWz9+PHz4jizEwMuxh/s+We2DXghso4jTioEbL728sGPb8Z3D5y/D7kp1HTLefXxIvhjyVBVBDKCBB4O+3X+9x2cHIyPic4T9j6aFdS5aiqwGlvfT0dEwPoStE49+Skvp/oKHhD0yYJAchNDEeYmLnDj6wedYbkJiTT5z0n99/zwAdJQFTQwL9H+jRtkM7l9aA9KBGGZGm/Gf4b/f/59cimPI/f/75kOkYkBGgQEmGmUWWg0Ca/zMwXIQZAjTzMYJNFguuHyXOuX//YvxEwDxGRoYHQMcUAIN4I0wpk4Xyrn/HbtcA/SoDEyOB/vufgXkRTD3RaYiRgfHHf0aGLgk+sY7Vq/u/wwygNo0SQrgMBya6TWws/wv3bF12D5caaomjOshA4QvjsVtfgFHCA7IAGHy3GZkZ8w9uX7qdWhYSMgel6nhw4MA/ORX9S8B0wsHExDBbnE8tcdvGyTcJGTIqPxoCgykEUMohkMMcPKNl/v5jCGFgZGSli0P////NzMSw5sD2pU9A9qFme6DA33//5wPrBReG/8DMTycADABvoFWuIOuw1WX6dHIHsjVwOzEcxPifcTWySnqwke3ESEOghpazV4LSv7/0SUNMzP9/79224B6weqJfGqFHKI/aMRoCoyEwZEMAo2C09Yh1Z/z3L5+B8T9GPUcTX/5n/POfiWni4R2Ld4LMx7T0/98uYJGpB+p40QcALfr/VxpoF9hBGHUZ0CHgBj59HAO1BclOjBAC9r9agV3lamBDny7tIWAr5zfITroGwKhl1AwBANEszsQF/y1YAAAAAElFTkSuQmCC",class:[v.icon,v.iconMenu],onClick:()=>{A.songPopup=!0}},null)])]),l("div",{class:v.playerFooter},[l(p,{step:.01,class:v.timeProgress,modelValue:C.currentTime,"onUpdate:modelValue":[e=>C.currentTime=e,e=>{(e=>{b.value.pause(),C.currentTime=e,clearTimeout(y),y=setTimeout((()=>{b.value.currentTime=e,"play"===A.playState&&b.value.play(),y=null}),300)})(e)}],max:C.duration,onDragStart:()=>{A.dragStatus=!0},onDragEnd:()=>{A.dragStatus=!1}},null),l("div",{class:v.playerTimer},[f.value]),l("audio",{ref:b,src:A.audioObj.url,onLoadedmetadata:E,onEnded:()=>{F("pause")},onTimeupdate:()=>{var e;y||A.dragStatus||("pause"===A.playState&&b.value.pause(),C.currentTime=null===(e=b.value)||void 0===e?void 0:e.currentTime)}},null)]),l(c,{show:A.songPopup,"onUpdate:show":e=>A.songPopup=e,round:!0,position:"bottom",class:v.songPopup},{default:()=>[l("div",{class:v.songContainer},[l("div",{class:v.songTitle},[g("代表作")]),l("div",{class:v.songCellGroup},[A.musicListenList.map(((e,r)=>l(w,{border:!1,class:[v.songCell,r===A.listActive&&v.active],center:!0,onClick:()=>{r!==A.listActive&&(A.audioObj=A.musicListenList[r],A.listActive=r,A.playState="play")}},{icon:()=>l(d,{src:h,class:v.songImg},null),title:()=>l("div",{class:v.songName},[e.name])})))])])]})])}}}))}}}));
|