import{d as w,e as y,r as x,M as k,cq as C,w as W,f as e,o as T,cr as $,j as _,c as D,a as j,u as M,q as z,aZ as E,U as L,co as q,cp as A,k as N,Y as G,cs as O,T as V,a7 as X,aV as Y}from"./index-64183484.js";import{T as Z}from"./index-56ccc4e9.js";import{i as H,a as J}from"./icon-collect-active-4272e308.js";import{T as P}from"./index-dc976e54.js";import{N as K}from"./Slider-17292161.js";import{c as Q,d as tt,e as et,f as at}from"./api-9c7e0b16.js";const st="_container_1dh8a_1",it="_separator_1dh8a_32",ot="_wrap_1dh8a_36",nt="_content_1dh8a_42",lt="_tools_1dh8a_49",rt="_contentWrap_1dh8a_59",ct="_musicList_1dh8a_65",dt="_wrapList_1dh8a_76",ut="_empty_1dh8a_83",mt="_itemContainer_1dh8a_89",ft="_item_1dh8a_89",pt="_active_1dh8a_110",_t="_arrow_1dh8a_113",gt="_img_1dh8a_116",ht="_title_1dh8a_137",vt="_titleName_1dh8a_144",yt="_titleDes_1dh8a_151",wt="_btn_1dh8a_161",St="_showPlayLoading_1dh8a_183",It="_loadingWrap_1dh8a_186",bt="_musicStaff_1dh8a_191",Ct="_goBtn_1dh8a_207",Lt="_favitor_1dh8a_215",At="_musicName_1dh8a_233",Nt="_staffImgs_1dh8a_241",i={container:st,separator:it,wrap:ot,content:nt,tools:lt,contentWrap:rt,musicList:ct,wrapList:dt,empty:ut,itemContainer:mt,item:ft,active:pt,arrow:_t,img:gt,title:ht,titleName:vt,titleDes:yt,btn:wt,showPlayLoading:St,loadingWrap:It,musicStaff:bt,goBtn:Ct,favitor:Lt,musicName:At,staffImgs:Nt},xt=""+new URL("icon_back-17d73f64.svg",import.meta.url).href,kt=""+new URL("icon_separator-36fe21d8.svg",import.meta.url).href,Tt=""+new URL("icon_arrow-653dc704.svg",import.meta.url).href,B=""+new URL("icon_play-e55ce8d9.svg",import.meta.url).href,F=""+new URL("icon_pause-b55f26df.svg",import.meta.url).href,Pt=""+new URL("icon_goXiaoku-af3839bc.svg",import.meta.url).href,Bt="_container_hsosf_1",Ft="_hidden_hsosf_15",Rt="_item_hsosf_19",Ut="_img_hsosf_25",Wt="_rotateImg_hsosf_1",$t="_svgcontainer_hsosf_50",Dt="_progress_hsosf_55",jt="_title_hsosf_66",Mt="_titleName_hsosf_70",zt="_titleDes_hsosf_77",Et="_playBtns_hsosf_89",qt="_playBtn_hsosf_89",Gt="_timeWrap_hsosf_111",Ot="_timeProgress_hsosf_117",Vt="_time_hsosf_111",l={container:Bt,hidden:Ft,item:Rt,img:Ut,rotateImg:Wt,svgcontainer:$t,progress:Dt,title:jt,titleName:Mt,titleDes:zt,playBtns:Et,playBtn:qt,timeWrap:Gt,timeProgress:Ot,time:Vt},Xt=""+new URL("icon_pre-f15675ed.svg",import.meta.url).href,Yt=""+new URL("icon_next-7ede96c3.svg",import.meta.url).href,Zt=w({name:"playItem",props:{item:{type:Object,default:()=>({})},show:{type:Boolean,default:!1},playState:{type:String,default:"pause"}},emits:["change"],setup(o,{emit:m}){let d=null;const n=y({isFirst:!0,duration:0,currentTime:0}),t=x(),h=()=>{if(n.duration=t.value.duration,n.isFirst){n.isFirst=!1;return}o.playState==="play"&&t.value.play()},p=c=>{t.value.pause(),n.currentTime=c,clearTimeout(d),d=setTimeout(()=>{t.value.currentTime=c,o.playState==="play"&&t.value.play(),d=null},300)},g=k(()=>`${C(n.currentTime)} / ${C(n.duration)}`);return W(()=>o.playState,c=>{c==="play"?t.value.play():t.value.pause()}),()=>e("div",{class:[l.container,o.show?l.show:l.hidden]},[e("div",{class:[l.item]},[e("div",{class:l.img},[e(T,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:o.item.titleImg,onLoad:c=>{c.target.dataset.loaded="true"}},null),e("svg",{class:l.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($,{type:"circle",class:l.progress,showIndicator:!1,percentage:n.currentTime/n.duration*100},null)]),e("div",{class:l.title},[e("div",{class:l.titleName},[e(P,{text:o.item.musicSheetName},null)]),e("div",{class:l.titleDes},[o.item.composer])]),e("div",{class:l.playBtns},[e(_,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>m("change","pre")},{default:()=>[e("img",{src:Xt},null)]}),e(_,{color:"rgba(57,130,246,1)",class:l.playBtn,circle:!0,bordered:!1,onClick:()=>m("change",o.playState==="pause"?"play":"pause")},{default:()=>[e("img",{style:{display:o.playState==="pause"?"":"none",transform:"scale(1.5) translateX(1Px)"},src:B},null),e("img",{style:{display:o.playState==="play"?"":"none",transform:"scale(1.5)"},src:F},null)]}),e(_,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>m("change","next")},{default:()=>[e("img",{src:Yt},null)]})]),e("div",{class:l.timeWrap},[e(K,{tooltip:!1,step:.01,class:l.timeProgress,value:n.currentTime,max:n.duration,"onUpdate:value":c=>p(c)},null),e("div",{class:l.time},[g.value]),e("audio",{ref:t,src:o.item.audioFileUrl||o.item.metronomeUrl,onLoadedmetadata:h,onTimeupdate:()=>{d||(n.currentTime=t.value.currentTime)}},null)])])])}}),Ht="_audioAnimate_29dwa_1",Jt="_musicWave_29dwa_1",Kt={audioAnimate:Ht,musicWave:Jt},Qt=w({name:"playLoading",setup(){return()=>e("div",{class:Kt.audioAnimate},[e("div",null,null),e("div",null,null),e("div",null,null),e("div",null,null)])}});function te(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!Y(o)}const re=w({name:"XiaokuMusic",setup(){const o=D(),m=j(),d=M(),n=y({page:1,rows:20,status:!0,keyword:"",musicSheetCategoriesId:m.query.id||""}),t=y({loading:!1,finshed:!1,reshing:!1,tags:[],tagIndex:0,list:[],listActive:0,playState:"pause",showPlayer:!1}),h=async()=>{const s=await Q();Array.isArray(s==null?void 0:s.data)&&(t.tags=[{name:"全部",id:0},...s.data])},p=async()=>{var a;t.loading=!0;let s={};try{s=await tt({...n,musicSubject:t.tagIndex?t.tagIndex:""})}catch(r){console.log(r)}t.reshing&&(t.list=[],t.reshing=!1),(s==null?void 0:s.code)===200&&Array.isArray((a=s==null?void 0:s.data)==null?void 0:a.rows)&&(t.list=[...t.list,...s.data.rows],t.finshed=s.data.rows.length<n.rows,console.log("🚀 ~ data.finshed:",t.finshed)),t.list[t.listActive]&&S(t.list[t.listActive]),t.loading=!1},g=()=>{n.page=1,t.finshed=!1,p()},c=x(),R=()=>{console.log(t.finshed),!(t.loading||t.finshed)&&(n.page=n.page+1,p())};z(async()=>{h(),await p();const s=new IntersectionObserver(a=>{a[0].intersectionRatio>0&&R()});E(()=>{s.observe(c.value)})});const S=async s=>{const a=await et({type:"MUSIC",materialId:s.id});(a==null?void 0:a.code)===200&&(s.favitor=a.data)},U=s=>{const a=t.list.findIndex(r=>r.id===s.id);a>-1&&(t.listActive=a),S(s)},u=k(()=>t.list[t.listActive]||{}),I=()=>{t.list[t.listActive].favitor=!t.list[t.listActive].favitor,at({favoriteFlag:t.list[t.listActive].favitor,type:"MUSIC",materialId:t.list[t.listActive].id})},v=s=>{const a=t.list.findIndex(r=>r.id===s.id);a>-1&&(t.listActive===a?t.playState=t.playState==="play"?"pause":"play":t.playState="play",t.showPlayer=!0,t.listActive=a)},b=s=>{s==="play"?t.playState="play":s==="pause"?t.playState="pause":s==="pre"?t.list[t.listActive-1]&&v(t.list[t.listActive-1]):s==="next"?t.list[t.listActive+1]&&v(t.list[t.listActive+1]):s==="favitor"&&I()};return()=>{let s;return e("div",{class:i.container},[e(L,{align:"center",wrapItem:!1,size:16},{default:()=>[e("img",{style:{cursor:"pointer"},src:xt,onClick:()=>d.push({path:"/xiaoku-ai"})},null),e(q,{separator:""},{default:()=>[e(A,{onClick:()=>d.push({path:"/xiaoku-ai"})},{default:()=>[N("曲谱列表")]}),e("img",{class:i.separator,src:kt},null),e(A,null,{default:()=>[m.query.name]})]})]}),e("div",{class:i.wrap,style:{paddingBottom:t.showPlayer?"108Px":""}},[e("div",{class:i.content},[e("div",{class:i.tools},[e(L,{style:{width:"100%"},size:[24,12],wrapItem:!1},te(s=t.tags.map(a=>e(_,{round:!0,textColor:t.tagIndex===a.id?"#fff":"#000",color:t.tagIndex===a.id?"#198CFE":"#fff",onClick:()=>{t.tagIndex=a.id,t.reshing=!0,g()}},{default:()=>[a.name]})))?s:{default:()=>[s]}),e(Z,{style:{marginLeft:"auto"},round:!0,onSearch:a=>{n.keyword=a,t.reshing=!0,g()}},null)]),e("div",{class:i.contentWrap},[e("div",{class:i.musicList},[e("div",{class:i.wrapList},[t.list.map((a,r)=>e("div",{class:i.itemContainer},[e("div",{class:[i.item,t.listActive===r&&i.active],onClick:()=>U(a)},[e("div",{class:i.img},[e(T,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:a.titleImg,onLoad:f=>{f.target.dataset.loaded="true"}},null),e(Qt,{class:[t.listActive===r&&t.playState==="play"?"":i.showPlayLoading]},null)]),e("div",{class:i.title},[e("div",{class:i.titleName},[e(P,{text:a.musicSheetName},null)]),e("div",{class:i.titleDes},[a.composer])]),e(_,{color:"#259CFE",textColor:"#fff",round:!0,class:i.btn,type:"primary",onClick:f=>{f.stopPropagation(),v(a)}},{default:()=>[N("试听"),e("img",{src:t.listActive===r&&t.playState==="play"?F:B},null)]}),e("img",{class:i.arrow,src:Tt},null)])])),!t.finshed&&e("div",{ref:c,class:i.loadingWrap},[e(G,{show:!0},null)]),!t.loading&&t.list.length===0&&e("div",{class:i.empty},[e(O,null,null)])])]),e("div",{class:i.musicStaff},[e("div",{class:i.musicName},[u.value.musicSheetName]),e("img",{style:{display:u.value.id?"":"none"},class:i.goBtn,src:Pt,onClick:()=>{b("pause");const r=`${/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin}/instrument?platform=pc&id=${u.value.id}&Authorization=${o.getToken}`;window.open(r)}},null),e("div",{style:{display:u.value.id?"":"none"},class:i.favitor,onClick:()=>I()},[e(V,{name:"favitor",mode:"out-in"},{default:()=>[u.value.favitor?e("img",{src:H,key:"1"},null):e("img",{src:J,key:"2"},null)]})]),e("div",{class:i.staffImgs},[e(X,{name:"van-fade"},{default:()=>{var a,r;return[(r=(a=u.value)==null?void 0:a.firstTone)==null?void 0:r.split(",").map((f,ee)=>e("img",{src:f,key:f},null))]}})])])])])]),t.list.length!==0&&e(Zt,{show:t.showPlayer,playState:t.playState,item:u.value,onChange:a=>b(a)},null)])}}});export{re as default};