import{d as y,r as u,e as p,A as C,f as t,U as R,dU as B,w as v,aO as S,j as m}from"./index-efb66432-1734950731618.js";import{N as w}from"./Slider-f8e18c57-1734950731618.js";const I="_wrap_3lsnj_1",h="_isAnitaion_3lsnj_7",E="_notice_3lsnj_7",g={wrap:I,isAnitaion:h,notice:E},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(),e=p({isActive:!1,wrapWidth:0,contentWidth:0,contentStyle:{transitionDuration:"0s",transform:"translateX(0px)"},time:null}),i=()=>{e.isActive||!o.value||!s.value||(e.isActive=!0,e.contentWidth=o.value.getBoundingClientRect().width,e.wrapWidth=s.value.getBoundingClientRect().width,r())},r=()=>{if(e.contentWidth<=e.wrapWidth||!e.isActive){e.contentStyle.transitionDuration="0s",e.contentStyle.transform="translateX(0px)";return}e.contentStyle.transitionDuration=A.time+"s",e.contentStyle.transform="translateX(-100%)",e.time=setTimeout(()=>{e.contentStyle.transitionDuration="0s",e.contentStyle.transform="translateX(".concat(e.wrapWidth,"px)"),d(r)},5*1e3)},l=()=>{clearTimeout(e.time),e.isActive=!1,e.contentStyle.transitionDuration="0s",e.contentStyle.transform="translateX(0px)",e.time=null};return C(()=>A.isAnimation,c=>{d(c?i:l)}),()=>t("div",{ref:s,class:[g.wrap,A.isAnimation?g.isAnitaion:""],onMouseenter:()=>!A.isAnimation&&i(),onMouseleave:()=>!A.isAnimation&&l()},[t("div",{ref:o,style:e.contentStyle,class:g.notice},[A.text])])}}),nt="data:image/png;base64,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",b="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAAAXNSR0IArs4c6QAAAPxJREFUOE/NlD1KQ0EUhb9TWAVSCVmAuIlkD4KNTYqAYGNl6uwhre5ALAxkBakFuzSCpRtIII3VDSe8Kfx9b5wpvM3AvHe+uXfunSOaiIgT4EjSS9rLWRURA+ARGDXCZ+BS0joX9ABcfBK9AzNgLim6AJ3RFuj/8PMKmEh6a4MZ1HbiBriWdP8brAso6Q0y0OAvkQOy2CW6VJf8IXJBFvsq5m6GJDflEH8BJa3HY5zGpARkoDO6kXRXCkrZndUCLf4dqLg0X/ZU0m1JacXtrzKQVZ5I8aPtbCM7oFfD2BbAeQ2rPQaWwLCBPQFX2eafMomI04OvSK9t/vzd9z3mWooBqQP50QAAAABJRU5ErkJggg==",Q="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAAAXNSR0IArs4c6QAAALFJREFUOE/tlbsJQkEQRc9VBBuwAC1AwdQqTIwsz8jEKkwFLeBZgA0IolcWDPbzdBPDnXDhnFkuzIwAbI+BGdBJuoe3WuWMbK+AAzABbsBa0vGXqJexfQbmEXiRtKiISsb2ExhE4EvSsCIqGdvOIUmqiEqmiZLIeuNoGbWMssFqs5YEElbt3/ZRB0wj/VVSOARfy3bJ2N4AO2AEPICtpH1FVDKfcxR+sAROkkK3atlOmDeNFNADM6ZBwAAAAABJRU5ErkJggg==",F="_audioAnimate_29dwa_1",U="_musicWave_29dwa_1",N={audioAnimate:F,musicWave:U},it=y({name:"playLoading",setup(){return()=>t("div",{class:N.audioAnimate},[t("div",null,null),t("div",null,null),t("div",null,null),t("div",null,null)])}}),X="_container_sr32v_1",K="_previewcontainer_sr32v_15",L="_containerModal_sr32v_19",O="_hidden_sr32v_23",V="_item_sr32v_26",q="_img_sr32v_36",z="_rotateImg_sr32v_1",P="_imgRotate_sr32v_58",k="_svgcontainer_sr32v_64",G="_progress_sr32v_69",J="_title_sr32v_80",M="_titleName_sr32v_84",T="_titleDes_sr32v_91",W="_playBtns_sr32v_103",Y="_playBtn_sr32v_103",x="_timeWrap_sr32v_126",Z="_timeProgress_sr32v_132",j="_time_sr32v_126",H="_iconArrow_sr32v_142",_="_down_sr32v_161",a={container:X,previewcontainer:K,containerModal:L,hidden:O,item:V,img:q,rotateImg:z,imgRotate:P,svgcontainer:k,progress:G,title:J,titleName:M,titleDes:T,playBtns:W,playBtn:Y,timeWrap:x,timeProgress:Z,time:j,iconArrow:H,down:_},$="data:image/png;base64,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",tt="data:image/png;base64,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",et="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAUJJREFUSEvtlD1OxEAMhT0uVnQUSFTcAXEHOpBoLNNR0HEBDsEB6GjokgkREqLiEHAKCgokOrRS9GCiySqwzM4PaBuScuLMl/f8bENrfsyaeTQB/9zxf2RpVVWnzHwB4JmITlT16Td+tm2723XdNYAdIjpX1St3X29pXdczAG/GmA0PeWXmfRF5LIE2TbMH4AHAlv/+nYg2VXXeAwGwtfaFiIYCd1wE/QHW30VE26raLUJjrT0EcENEs5GqLGgANmdmEZG7haUDwFp7BKAuga6AHYvI7cBYGosSaCpsSWGJ0hxYEOhepCjNha0ExqA+3ePouyMXkC89+z5W0dUWUmqMwWjOkmBRhZGejn8+qiyY0tBmCShNVpYNDPQ0WVkR0O/dg881den38Jmq3ufs22hoci5LqZ2AKS5l1UyWZtmVUvwBFlDmHXz7F4EAAAAASUVORK5CYII=",st=y({name:"playItem",props:{item:{type:Object,default:()=>({})},show:{type:Boolean,default:!1},playState:{type:String,default:"pause"},type:{type:String,default:""}},emits:["change","show"],setup(A,{emit:s}){let o=null;const e=p({isFirst:!0,duration:0,currentTime:0}),i=u(),r=()=>{var n;if(e.duration=(n=i.value)==null?void 0:n.duration,e.isFirst){e.isFirst=!1;return}A.playState==="play"&&i.value.play(),!A.item.audioFileUrl&&!A.item.metronomeUrl&&s("change","pause")},l=n=>{i.value.pause(),e.currentTime=n,clearTimeout(o),o=setTimeout(()=>{i.value.currentTime=n,A.playState==="play"&&i.value.play(),o=null},300)},c=R(()=>"".concat(B(e.currentTime)," / ").concat(B(e.duration)));return C(()=>A.playState,n=>{n==="play"?i.value.play().catch(D=>{console.log(D,"22"),i.value.play()}):i.value.pause()}),C(()=>A.item,()=>{!A.item.audioFileUrl&&!A.item.metronomeUrl&&s("change","pause")}),()=>t("div",{class:[a.container,A.type==="preview"&&a.previewcontainer,A.type==="modal"&&a.containerModal,A.show?a.show:a.hidden]},[t("div",{class:[a.item]},[t("div",{class:[a.img,A.playState!=="play"&&a.imgRotate]},[t(v,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:A.item.titleImg||"https://oss.dayaedu.com/klx/16983720423251690789356356.png",onLoad:n=>{n.target.dataset.loaded="true"}},null),t("svg",{class:a.svgcontainer},[t("defs",null,[t("linearGradient",{id:"GradientProgress"},[t("stop",{"stop-color":"#5BECFF",offset:"0%"},null),t("stop",{"stop-color":"#259CFE",offset:"100%"},null)])])]),t(S,{type:"circle",class:a.progress,showIndicator:!1,percentage:e.currentTime/e.duration*100},null)]),t("div",{class:a.title},[t("div",{class:a.titleName},[t(f,{text:A.item.musicSheetName},null)]),t("div",{class:a.titleDes},[A.item.composer])]),t("div",{class:a.playBtns},[t(m,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>s("change","pre")},{default:()=>[t("img",{src:$},null)]}),t(m,{color:"rgba(57,130,246,1)",class:a.playBtn,circle:!0,bordered:!1,onClick:()=>s("change",A.playState==="pause"?"play":"pause")},{default:()=>[t("img",{style:{display:A.playState==="pause"?"":"none"},src:b},null),t("img",{style:{display:A.playState==="play"?"":"none"},src:Q},null)]}),t(m,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>s("change","next")},{default:()=>[t("img",{src:tt},null)]})]),t("div",{class:a.timeWrap},[t(w,{tooltip:!1,step:.01,class:a.timeProgress,value:e.currentTime,max:e.duration,"onUpdate:value":n=>l(n)},null),t("div",{class:a.time},[c.value]),t("audio",{ref:i,src:A.item.audioFileUrl||A.item.metronomeUrl,onLoadedmetadata:r,onEnded:()=>{s("change","pause")},onTimeupdate:()=>{var n;o||(e.currentTime=(n=i.value)==null?void 0:n.currentTime)}},null)])]),t("div",{class:[a.iconArrow,A.show?"":a.down],onClick:()=>{s("show",!A.show)}},[t("img",{src:et},null)])])}});export{it as P,f as T,st as a,Q as b,b as c,nt as i};