import{d as U,aO as Q,x as g,r as f,e as D,w as p,y as S,a as e,I as u,V as k,A as F,aN as d}from"./index-95adcbf8.js";import{b as T}from"./browser-504037ee.js";import{I as B}from"./index-7144bdd8.js";import{S as b}from"./index-2497b2ab.js";import{C as h}from"./index-6b775f18.js";const V="_audioPlayer_r8rw7_1",G="_playerHeader_r8rw7_4",N="_musicInfo_r8rw7_10",P="_cover_r8rw7_14",R="_rotateImg_r8rw7_1",K="_imgRotate_r8rw7_26",M="_musicBg_r8rw7_29",Y="_musicName_r8rw7_35",I="_controls_r8rw7_47",O="_icon_r8rw7_47",j="_iconMenu_r8rw7_51",H="_playerFooter_r8rw7_54",L="_playerTimer_r8rw7_70",W="_songPopup_r8rw7_79",Z="_songContainer_r8rw7_83",J="_songTitle_r8rw7_92",x="_songCell_r8rw7_113",X="_active_r8rw7_119",z="_songName_r8rw7_122",q="_songImg_r8rw7_133",_="_iconSong_r8rw7_151",a={audioPlayer:V,playerHeader:G,musicInfo:N,cover:P,rotateImg:R,imgRotate:K,musicBg:M,musicName:Y,controls:I,icon:O,iconMenu:j,playerFooter:H,playerTimer:L,songPopup:W,songContainer:Z,songTitle:J,songCell:x,active:X,songName:z,songImg:q,iconSong:_},E=""+new URL("music_bg-7bc33289.png",import.meta.url).href,$="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",AA="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",aA="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAABA0lEQVRYCe1YMQrCQBC8U0mnlSAKtr7Cb6T1G3YSBD+SNl/wF3aChZVY2Ag2adYc55FwzGaNiI17EO5uZmc4JlutMbraE7AcnaZZcr0ft8bYla+hfDJabIoiKzkNwrv69JGJw8bz2Y7IrKvj8PUtH+UtOZ8Oe8e/u7r69HjjkEyzAmFNHp2RBmFeyz6IiKaxPcLimviONAgLOvZBoeDXuz5ISlwT0oSkBCRee0gTkhKQeO0hTUhKQOK1hzQhKQGJ1x7ShKQEJF576OOErLWXWIywuCa+Iw3Cgq7ll1EeiuodYTWLT0iDMK8eYBNj3OilGsdUdBgM+HEMV8/h3/Lh/P8PfwL4DkxltlKgdQAAAABJRU5ErkJggg==",eA="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==",sA="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",cA=U({name:"audio-player",props:{musicList:{type:Array,default:()=>[]}},setup(r){const y=Q(),A=g({songPopup:!1,playState:"pause",audioObj:{},listActive:0,dragStatus:!1});let l=null;const t=g({isFirst:!0,duration:.1,currentTime:0}),i=f(),C=()=>{if(t.duration=i.value.duration,t.isFirst){t.isFirst=!1;return}A.playState==="play"&&i.value.play()},v=s=>{i.value.pause(),t.currentTime=s,clearTimeout(l),l=setTimeout(()=>{i.value.currentTime=s,A.playState==="play"&&i.value.play(),l=null},300)},w=D(()=>`${d(t.currentTime)} / ${d(t.duration)}`),m=s=>{const o=r.musicList.findIndex(n=>n.id===s.id);o>-1&&(A.listActive===o?A.playState=A.playState==="play"?"pause":"play":A.playState="play",A.listActive=o,A.audioObj=r.musicList[o])},c=s=>{s==="play"?A.playState="play":s==="pause"?A.playState="pause":s==="pre"?r.musicList[A.listActive-1]&&(t.currentTime=0,m(r.musicList[A.listActive-1])):s==="next"&&r.musicList[A.listActive+1]&&(t.currentTime=0,m(r.musicList[A.listActive+1]))};return p(()=>y.value,s=>{s==="hidden"&&(i.value.pause(),A.playState="pause")}),p(()=>A.playState,s=>{s==="play"?i.value.play():i.value.pause()}),S(()=>{T.nextTick(()=>{const s=r.musicList;s.length>0&&(A.audioObj=s[0])})}),()=>{var s;return e("div",{class:a.audioPlayer},[e("div",{class:a.playerHeader},[e("div",{class:a.musicInfo},[e("div",{class:[a.cover,A.playState==="pause"&&a.imgRotate]},[e(B,{src:E,class:a.musicBg},null)]),e("div",{class:a.musicName},[((s=A.audioObj)==null?void 0:s.name)||"--"])]),e("div",{class:a.controls},[e(u,{name:eA,class:a.icon,onClick:()=>{c("pre")}},null),e(u,{name:A.playState==="play"?aA:AA,class:[a.icon,a.iconPlay],onClick:()=>{A.playState==="pause"?c("play"):c("pause")}},null),e(u,{name:sA,class:a.icon,onClick:()=>{c("next")}},null),e(u,{name:$,class:[a.icon,a.iconMenu],onClick:()=>{A.songPopup=!0}},null)])]),e("div",{class:a.playerFooter},[e(b,{step:.01,class:a.timeProgress,modelValue:t.currentTime,"onUpdate:modelValue":[o=>t.currentTime=o,o=>{v(o)}],max:t.duration,onDragStart:()=>{A.dragStatus=!0},onDragEnd:()=>{A.dragStatus=!1}},null),e("div",{class:a.playerTimer},[w.value]),e("audio",{ref:i,src:A.audioObj.url,onLoadedmetadata:C,onEnded:()=>{c("pause")},onTimeupdate:()=>{var o;l||A.dragStatus||(A.playState==="pause"&&i.value.pause(),t.currentTime=(o=i.value)==null?void 0:o.currentTime)}},null)]),e(k,{show:A.songPopup,"onUpdate:show":o=>A.songPopup=o,round:!0,position:"bottom",class:a.songPopup},{default:()=>[e("div",{class:a.songContainer},[e("div",{class:a.songTitle},[F("代表作")]),e("div",{class:a.songCellGroup},[r.musicList.map((o,n)=>e(h,{border:!1,class:[a.songCell,n===A.listActive&&a.active],center:!0,onClick:()=>{n!==A.listActive&&(A.audioObj=r.musicList[n],A.listActive=n,A.playState="play")}},{icon:()=>e(B,{src:E,class:a.songImg},null),title:()=>e("div",{class:a.songName},[o.name])}))])])]})])}}});export{cA as A,E as m};