import{d as y,r as u,e as p,A as C,f as e,U as v,dZ as B,w,aN as R,j as m}from"./index-b48b51d2-1720699367816.js";import{N as S}from"./Slider-e8b4d094-1720699367816.js";const I="_wrap_3lsnj_1",b="_isAnitaion_3lsnj_7",h="_notice_3lsnj_7",g={wrap:I,isAnitaion:b,notice:h},d=a=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a()})})},f=y({name:"TheNoticeBar",props:{text:{type:String,default:""},isAnimation:{type:Boolean,default:!1},time:{type:Number,default:5}},setup(a){const s=u(),o=u(),t=p({isActive:!1,wrapWidth:0,contentWidth:0,contentStyle:{transitionDuration:"0s",transform:"translateX(0px)"},time:null}),A=()=>{t.isActive||!o.value||!s.value||(t.isActive=!0,t.contentWidth=o.value.getBoundingClientRect().width,t.wrapWidth=s.value.getBoundingClientRect().width,l())},l=()=>{if(t.contentWidth<=t.wrapWidth||!t.isActive){t.contentStyle.transitionDuration="0s",t.contentStyle.transform="translateX(0px)";return}t.contentStyle.transitionDuration=a.time+"s",t.contentStyle.transform="translateX(-100%)",t.time=setTimeout(()=>{t.contentStyle.transitionDuration="0s",t.contentStyle.transform="translateX(".concat(t.wrapWidth,"px)"),d(l)},5*1e3)},r=()=>{clearTimeout(t.time),t.isActive=!1,t.contentStyle.transitionDuration="0s",t.contentStyle.transform="translateX(0px)",t.time=null};return C(()=>a.isAnimation,c=>{d(c?A:r)}),()=>e("div",{ref:s,class:[g.wrap,a.isAnimation?g.isAnitaion:""],onMouseenter:()=>!a.isAnimation&&A(),onMouseleave:()=>!a.isAnimation&&r()},[e("div",{ref:o,style:t.contentStyle,class:g.notice},[a.text])])}}),et="data:image/png;base64,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",Q="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAAAXNSR0IArs4c6QAAAPxJREFUOE/NlD1KQ0EUhb9TWAVSCVmAuIlkD4KNTYqAYGNl6uwhre5ALAxkBakFuzSCpRtIII3VDSe8Kfx9b5wpvM3AvHe+uXfunSOaiIgT4EjSS9rLWRURA+ARGDXCZ+BS0joX9ABcfBK9AzNgLim6AJ3RFuj/8PMKmEh6a4MZ1HbiBriWdP8brAso6Q0y0OAvkQOy2CW6VJf8IXJBFvsq5m6GJDflEH8BJa3HY5zGpARkoDO6kXRXCkrZndUCLf4dqLg0X/ZU0m1JacXtrzKQVZ5I8aPtbCM7oFfD2BbAeQ2rPQaWwLCBPQFX2eafMomI04OvSK9t/vzd9z3mWooBqQP50QAAAABJRU5ErkJggg==",F="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAAAXNSR0IArs4c6QAAALFJREFUOE/tlbsJQkEQRc9VBBuwAC1AwdQqTIwsz8jEKkwFLeBZgA0IolcWDPbzdBPDnXDhnFkuzIwAbI+BGdBJuoe3WuWMbK+AAzABbsBa0vGXqJexfQbmEXiRtKiISsb2ExhE4EvSsCIqGdvOIUmqiEqmiZLIeuNoGbWMssFqs5YEElbt3/ZRB0wj/VVSOARfy3bJ2N4AO2AEPICtpH1FVDKfcxR+sAROkkK3atlOmDeNFNADM6ZBwAAAAABJRU5ErkJggg==",K="_audioAnimate_29dwa_1",E="_musicWave_29dwa_1",N={audioAnimate:K,musicWave:E},at=y({name:"playLoading",setup(){return()=>e("div",{class:N.audioAnimate},[e("div",null,null),e("div",null,null),e("div",null,null),e("div",null,null)])}}),X="_container_1vwin_1",U="_previewcontainer_1vwin_15",L="_containerModal_1vwin_19",O="_hidden_1vwin_23",P="_item_1vwin_27",z="_img_1vwin_33",V="_rotateImg_1vwin_1",q="_imgRotate_1vwin_55",J="_svgcontainer_1vwin_61",M="_progress_1vwin_66",k="_title_1vwin_77",G="_titleName_1vwin_81",T="_titleDes_1vwin_88",W="_playBtns_1vwin_100",Y="_playBtn_1vwin_100",x="_timeWrap_1vwin_123",Z="_timeProgress_1vwin_129",j="_time_1vwin_123",n={container:X,previewcontainer:U,containerModal:L,hidden:O,item:P,img:z,rotateImg:V,imgRotate:q,svgcontainer:J,progress:M,title:k,titleName:G,titleDes:T,playBtns:W,playBtn:Y,timeWrap:x,timeProgress:Z,time:j},H="data:image/png;base64,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",_="data:image/png;base64,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",nt=y({name:"playItem",props:{item:{type:Object,default:()=>({})},show:{type:Boolean,default:!1},playState:{type:String,default:"pause"},type:{type:String,default:""}},emits:["change"],setup(a,{emit:s}){let o=null;const t=p({isFirst:!0,duration:0,currentTime:0}),A=u(),l=()=>{var i;if(t.duration=(i=A.value)==null?void 0:i.duration,t.isFirst){t.isFirst=!1;return}a.playState==="play"&&A.value.play(),!a.item.audioFileUrl&&!a.item.metronomeUrl&&s("change","pause")},r=i=>{A.value.pause(),t.currentTime=i,clearTimeout(o),o=setTimeout(()=>{A.value.currentTime=i,a.playState==="play"&&A.value.play(),o=null},300)},c=v(()=>"".concat(B(t.currentTime)," / ").concat(B(t.duration)));return C(()=>a.playState,i=>{i==="play"?A.value.play().catch(D=>{console.log(D,"22"),A.value.play()}):A.value.pause()}),C(()=>a.item,()=>{!a.item.audioFileUrl&&!a.item.metronomeUrl&&s("change","pause")}),()=>e("div",{class:[n.container,a.type==="preview"&&n.previewcontainer,a.type==="modal"&&n.containerModal,a.show?n.show:n.hidden]},[e("div",{class:[n.item]},[e("div",{class:[n.img,a.playState!=="play"&&n.imgRotate]},[e(w,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:a.item.titleImg||"https://oss.dayaedu.com/klx/16983720423251690789356356.png",onLoad:i=>{i.target.dataset.loaded="true"}},null),e("svg",{class:n.svgcontainer},[e("defs",null,[e("linearGradient",{id:"GradientProgress"},[e("stop",{"stop-color":"#5BECFF",offset:"0%"},null),e("stop",{"stop-color":"#259CFE",offset:"100%"},null)])])]),e(R,{type:"circle",class:n.progress,showIndicator:!1,percentage:t.currentTime/t.duration*100},null)]),e("div",{class:n.title},[e("div",{class:n.titleName},[e(f,{text:a.item.musicSheetName},null)]),e("div",{class:n.titleDes},[a.item.composer])]),e("div",{class:n.playBtns},[e(m,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>s("change","pre")},{default:()=>[e("img",{src:H},null)]}),e(m,{color:"rgba(57,130,246,1)",class:n.playBtn,circle:!0,bordered:!1,onClick:()=>s("change",a.playState==="pause"?"play":"pause")},{default:()=>[e("img",{style:{display:a.playState==="pause"?"":"none"},src:Q},null),e("img",{style:{display:a.playState==="play"?"":"none"},src:F},null)]}),e(m,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>s("change","next")},{default:()=>[e("img",{src:_},null)]})]),e("div",{class:n.timeWrap},[e(S,{tooltip:!1,step:.01,class:n.timeProgress,value:t.currentTime,max:t.duration,"onUpdate:value":i=>r(i)},null),e("div",{class:n.time},[c.value]),e("audio",{ref:A,src:a.item.audioFileUrl||a.item.metronomeUrl,onLoadedmetadata:l,onEnded:()=>{s("change","pause")},onTimeupdate:()=>{var i;o||(t.currentTime=(i=A.value)==null?void 0:i.currentTime)}},null)])])])}});export{at as P,f as T,Q as a,et as b,nt as c,F as i};