import{d as A,e as k,r as N,W as z,cu as W,w as q,f as t,o as M,cv as J,j as P,_ as d,q as O,$ as V,a0 as H,a1 as K,k as v,F as E,c as Q,a as Y,u as Z,b4 as tt,G as B,cs as et,ct as G,z as st,t as at,T as it,ae as ot,b0 as lt}from"./index-3ffe920d.js";import{T as nt}from"./index-350747f8.js";import{N as ct,i as rt,a as ut}from"./icon-collect-active-6f8f9420.js";import{T as X}from"./index-3d9b4eb1.js";import{c as dt,d as pt,e as mt,f as ft}from"./api-268c7133.js";import{g as R,s as h}from"./index-a7965c32.js";import{T as j}from"./index-50c14b98.js";const gt="_container_1wd8o_1",_t="_separator_1wd8o_31",ht="_wrap_1wd8o_35",vt="_content_1wd8o_41",yt="_tools_1wd8o_48",wt="_contentWrap_1wd8o_58",St="_musicList_1wd8o_64",bt="_wrapList_1wd8o_75",xt="_empty_1wd8o_82",It="_itemContainer_1wd8o_88",Ct="_item_1wd8o_88",Pt="_active_1wd8o_109",Lt="_arrow_1wd8o_112",kt="_img_1wd8o_115",Nt="_title_1wd8o_136",At="_titleName_1wd8o_143",Bt="_titleDes_1wd8o_150",Rt="_btn_1wd8o_160",Tt="_showPlayLoading_1wd8o_182",$t="_loadingWrap_1wd8o_185",Ft="_musicStaff_1wd8o_190",Dt="_goBtn_1wd8o_206",Ut="_favitor_1wd8o_215",Wt="_musicName_1wd8o_233",Et="_staffImgs_1wd8o_241",o={container:gt,separator:_t,wrap:ht,content:vt,tools:yt,contentWrap:wt,musicList:St,wrapList:bt,empty:xt,itemContainer:It,item:Ct,active:Pt,arrow:Lt,img:kt,title:Nt,titleName:At,titleDes:Bt,btn:Rt,showPlayLoading:Tt,loadingWrap:$t,musicStaff:Ft,goBtn:Dt,favitor:Ut,musicName:Wt,staffImgs:Et},Gt=""+new URL("icon_back-57d35e72.svg",import.meta.url).href,jt=""+new URL("icon_separator-7cca8458.svg",import.meta.url).href,zt=""+new URL("icon_arrow-b4fee1f7.svg",import.meta.url).href,T=""+new URL("icon_play-43b52923.svg",import.meta.url).href,$=""+new URL("icon_pause-6dbc64e3.svg",import.meta.url).href,Mt=""+new URL("icon_goXiaoku-c05e1880.svg",import.meta.url).href,Ot=""+new URL("icon_default-7bc33289.png",import.meta.url).href,Xt="_container_hsosf_1",qt="_hidden_hsosf_15",Jt="_item_hsosf_19",Vt="_img_hsosf_25",Ht="_rotateImg_hsosf_1",Kt="_svgcontainer_hsosf_50",Qt="_progress_hsosf_55",Yt="_title_hsosf_66",Zt="_titleName_hsosf_70",te="_titleDes_hsosf_77",ee="_playBtns_hsosf_89",se="_playBtn_hsosf_89",ae="_timeWrap_hsosf_111",ie="_timeProgress_hsosf_117",oe="_time_hsosf_111",m={container:Xt,hidden:qt,item:Jt,img:Vt,rotateImg:Ht,svgcontainer:Kt,progress:Qt,title:Yt,titleName:Zt,titleDes:te,playBtns:ee,playBtn:se,timeWrap:ae,timeProgress:ie,time:oe},le=""+new URL("icon_pre-20929b0c.svg",import.meta.url).href,ne=""+new URL("icon_next-7dc20456.svg",import.meta.url).href,ce=A({name:"playItem",props:{item:{type:Object,default:()=>({})},show:{type:Boolean,default:!1},playState:{type:String,default:"pause"}},emits:["change"],setup(c,{emit:y}){let a=null;const l=k({isFirst:!0,duration:0,currentTime:0}),e=N(),_=()=>{if(l.duration=e.value.duration,l.isFirst){l.isFirst=!1;return}c.playState==="play"&&e.value.play()},C=p=>{e.value.pause(),l.currentTime=p,clearTimeout(a),a=setTimeout(()=>{e.value.currentTime=p,c.playState==="play"&&e.value.play(),a=null},300)},f=z(()=>"".concat(W(l.currentTime)," / ").concat(W(l.duration)));return q(()=>c.playState,p=>{p==="play"?e.value.play():e.value.pause()}),()=>t("div",{class:[m.container,c.show?m.show:m.hidden]},[t("div",{class:[m.item]},[t("div",{class:m.img},[t(M,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:c.item.titleImg,onLoad:p=>{p.target.dataset.loaded="true"}},null),t("svg",{class:m.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(J,{type:"circle",class:m.progress,showIndicator:!1,percentage:l.currentTime/l.duration*100},null)]),t("div",{class:m.title},[t("div",{class:m.titleName},[t(X,{text:c.item.musicSheetName},null)]),t("div",{class:m.titleDes},[c.item.composer])]),t("div",{class:m.playBtns},[t(P,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>y("change","pre")},{default:()=>[t("img",{src:le},null)]}),t(P,{color:"rgba(57,130,246,1)",class:m.playBtn,circle:!0,bordered:!1,onClick:()=>y("change",c.playState==="pause"?"play":"pause")},{default:()=>[t("img",{style:{display:c.playState==="pause"?"":"none",transform:"scale(1.5) translateX(1Px)"},src:T},null),t("img",{style:{display:c.playState==="play"?"":"none",transform:"scale(1.5)"},src:$},null)]}),t(P,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>y("change","next")},{default:()=>[t("img",{src:ne},null)]})]),t("div",{class:m.timeWrap},[t(ct,{tooltip:!1,step:.01,class:m.timeProgress,value:l.currentTime,max:l.duration,"onUpdate:value":p=>C(p)},null),t("div",{class:m.time},[f.value]),t("audio",{ref:e,src:c.item.audioFileUrl||c.item.metronomeUrl,onLoadedmetadata:_,onEnded:()=>{y("change","pause")},onTimeupdate:()=>{a||(l.currentTime=e.value.currentTime)}},null)])])])}}),re="_audioAnimate_29dwa_1",ue="_musicWave_29dwa_1",de={audioAnimate:re,musicWave:ue},pe=A({name:"playLoading",setup(){return()=>t("div",{class:de.audioAnimate},[t("div",null,null),t("div",null,null),t("div",null,null),t("div",null,null)])}}),me=A({name:"music-guide",emits:["close"],setup(c,{emit:y}){const a=k({box:{height:"0px"},show:!1,steps:[{ele:"",eleRect:{},img:R("music1.png"),handStyle:{top:"0.91rem"},imgStyle:{top:d(-4),left:d(0),width:d(534),height:d(228)},btnsStyle:{bottom:d(40),left:d(159)},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:R("music2.png"),imgStyle:{top:d(-4),left:d(-205),width:d(420),height:d(228)},btnsStyle:{bottom:d(35),left:d(-48)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:R("music3.png"),imgStyle:{top:"100%",left:"-130px",width:d(401),height:d(304)},btnsStyle:{bottom:d(100),left:d(30)},boxStyle:{borderRadius:"40px"},eleRectPadding:{left:7,top:7,width:14,height:14},type:"bottom"}],step:0}),l=N(!1),e=localStorage.getItem("teacher-guideInfo");e&&JSON.parse(e).musicGuide?l.value=!1:l.value=!0;const _=()=>{var x,w,I,r;const n=document.getElementById("music-".concat(a.step));if(n){const g=n.getBoundingClientRect();if(console.log(n.style.display,"ele"),n.style.display=="none"){f();return}const S=((x=a.steps[a.step].eleRectPadding)==null?void 0:x.left)||0,L=((w=a.steps[a.step].eleRectPadding)==null?void 0:w.top)||0,i=((I=a.steps[a.step].eleRectPadding)==null?void 0:I.width)||0,s=((r=a.steps[a.step].eleRectPadding)==null?void 0:r.height)||0;a.box={left:g.x-S+"px",top:g.y-L+"px",width:g.width+i+"px",height:g.height+s+"px"},console.log("coai-".concat(a.step),a.box)}else f()};O(()=>{_(),window.addEventListener("resize",C)});const C=()=>{_()};V(()=>{window.removeEventListener("resize",C)});const f=()=>{if(a.step>=3){p();return}a.step=a.step+1,_()},p=()=>{let n=JSON.parse(localStorage.getItem("teacher-guideInfo")||"{}")||null;n?n.musicGuide=!0:n={musicGuide:!0},localStorage.setItem("teacher-guideInfo",JSON.stringify(n)),l.value=!1};return()=>t(E,null,[l.value?H(t("div",{"onUpdate:show":n=>l.value=n,class:["n-modal-mask","n-modal-mask-guide"]},[t("div",{class:h.content,onClick:()=>f()},[t("div",{class:h.backBtn,onClick:n=>{n.stopPropagation(),p()}},[v("跳过")]),t("div",{class:h.box,style:{...a.box,...a.steps[a.step].boxStyle},id:"modeType-".concat(a.step)},[a.steps.map((n,x)=>{var w,I,r,g;return t("div",{onClick:S=>S.stopPropagation(),class:h.item,style:n.type=="bottom"?{display:x===a.step?"":"none",left:"".concat((w=n.eleRect)==null?void 0:w.left,"px"),top:"-".concat((I=n.imgStyle)==null?void 0:I.height)}:{display:x===a.step?"":"none",left:"".concat((r=n.eleRect)==null?void 0:r.left,"px"),top:"".concat((g=a.box)==null?void 0:g.height)}},[t("img",{class:h.img,style:n.imgStyle,src:n.img},null),t("div",{class:h.btns,style:n.btnsStyle},[a.step+1==a.steps.length?t(E,null,[t("div",{class:[h.endBtn],onClick:()=>p()},[v("完成")]),t("div",{class:h.nextBtn,onClick:()=>{a.step=0,_()}},[v("再看一遍")])]):t("div",{class:h.btn,onClick:()=>f()},[v("下一步 ("),a.step+1,v("/"),a.steps.length,v(")")])])])})])])]),[[K,l.value,"show"]]):null])}});function fe(c){return typeof c=="function"||Object.prototype.toString.call(c)==="[object Object]"&&!lt(c)}const xe=A({name:"XiaokuMusic",setup(){const c=Q(),y=Y(),a=Z(),l=k({page:1,rows:20,status:!0,name:"",musicSheetCategoriesId:y.query.id||""}),e=k({loading:!1,finshed:!1,reshing:!1,tags:[],tagIndex:0,list:[],listActive:0,playState:"pause",showPlayer:!1}),_=N(!1),C=async()=>{const i=await dt();Array.isArray(i==null?void 0:i.data)&&(e.tags=[{name:"全部",id:0},...i.data])},f=async()=>{var s;e.loading=!0;let i={};try{i=await pt({...l,musicSubject:e.tagIndex?e.tagIndex:""})}catch(u){console.log(u)}e.reshing&&(e.list=[],e.reshing=!1),(i==null?void 0:i.code)===200&&Array.isArray((s=i==null?void 0:i.data)==null?void 0:s.rows)&&(e.list=[...e.list,...i.data.rows],e.finshed=i.data.rows.length<l.rows,console.log("🚀 ~ data.finshed:",e.finshed)),e.list[e.listActive]&&w(e.list[e.listActive]),e.loading=!1,setTimeout(()=>{_.value=!0},500)},p=()=>{e.listActive=0,e.showPlayer=!1,e.playState="pause",l.page=1,e.finshed=!1,f()},n=N(),x=()=>{console.log(e.finshed),!(e.loading||e.finshed)&&(l.page=l.page+1,f())};O(async()=>{C(),await f();const i=new IntersectionObserver(s=>{s[0].intersectionRatio>0&&x()});tt(()=>{i.observe(n.value)})});const w=async i=>{const s=await mt({type:"MUSIC",materialId:i.id});(s==null?void 0:s.code)===200&&(i.favitor=s.data)},I=i=>{const s=e.list.findIndex(u=>u.id===i.id);s>-1&&(e.listActive=s),w(i)},r=z(()=>e.list[e.listActive]||{}),g=()=>{e.list[e.listActive].favitor=!e.list[e.listActive].favitor,ft({favoriteFlag:e.list[e.listActive].favitor,type:"MUSIC",materialId:e.list[e.listActive].id})},S=i=>{const s=e.list.findIndex(u=>u.id===i.id);s>-1&&(e.listActive===s?e.playState=e.playState==="play"?"pause":"play":e.playState="play",e.showPlayer=!0,e.listActive=s)},L=i=>{i==="play"?e.playState="play":i==="pause"?e.playState="pause":i==="pre"?e.list[e.listActive-1]&&S(e.list[e.listActive-1]):i==="next"?e.list[e.listActive+1]&&S(e.list[e.listActive+1]):i==="favitor"&&g()};return()=>{let i;return t("div",{class:o.container},[t(B,{align:"center",wrapItem:!1,size:16},{default:()=>[t("img",{style:{cursor:"pointer"},src:Gt,onClick:()=>a.push({path:"/xiaoku-ai"})},null),t(et,{separator:""},{default:()=>[t(G,{onClick:()=>a.push({path:"/xiaoku-ai"})},{default:()=>[v("全部列表")]}),t("img",{class:o.separator,src:jt},null),t(G,null,{default:()=>[y.query.name]})]})]}),t("div",{class:o.wrap,style:{paddingBottom:e.showPlayer?"108Px":""}},[t("div",{class:o.content},[t("div",{class:o.tools},[t(B,{style:{width:"100%"},size:[24,12],wrapItem:!1},{default:()=>[t("div",{id:"music-0"},[t(B,{style:{width:"100%"},size:[24,12],wrapItem:!1},fe(i=e.tags.map(s=>t(P,{round:!0,textColor:e.tagIndex===s.id?"#fff":"#000",color:e.tagIndex===s.id?"#198CFE":"#fff",onClick:()=>{e.tagIndex=s.id,e.reshing=!0,p()}},{default:()=>[s.name]})))?i:{default:()=>[i]})])]}),t(nt,{style:{marginLeft:"auto"},round:!0,border:!1,onSearch:s=>{l.name=s,e.reshing=!0,p()}},null)]),t("div",{class:o.contentWrap},[t("div",{class:o.musicList},[t("div",{class:o.wrapList},[e.list.map((s,u)=>t("div",{class:o.itemContainer},[t("div",{class:[o.item,e.listActive===u&&o.active],onClick:()=>I(s)},[t("div",{class:o.img},[t(M,{width:60,height:60,lazy:!0,objectFit:"cover",previewDisabled:!0,src:s.titleImg||Ot,onLoad:b=>{b.target.dataset.loaded="true"}},null),t(pe,{class:[e.listActive===u&&e.playState==="play"?"":o.showPlayLoading]},null)]),t("div",{class:o.title},[t("div",{class:o.titleName},[t(X,{text:s.musicSheetName},null)]),t("div",{class:o.titleDes},[s.composer])]),u==0?t(P,st({color:"#259CFE",textColor:"#fff"},{id:"music-1"},{round:!0,class:o.btn,type:"primary",onClick:b=>{b.stopPropagation(),S(s)}}),{default:()=>[v("试听"),t("img",{src:e.listActive===u&&e.playState==="play"?$:T},null)]}):t(P,{color:"#259CFE",textColor:"#fff",round:!0,class:o.btn,type:"primary",onClick:b=>{b.stopPropagation(),S(s)}},{default:()=>[v("试听"),t("img",{src:e.listActive===u&&e.playState==="play"?$:T},null)]}),t("img",{class:o.arrow,src:zt},null)])])),!e.finshed&&t("div",{ref:n,class:o.loadingWrap},[t(at,{show:!0},null)]),!e.loading&&e.list.length===0&&t("div",{class:o.empty},[t(j,null,null)])])]),t("div",{class:o.musicStaff},[t("div",{class:o.musicName},[r.value.musicSheetName]),t("img",{id:"music-2",style:{display:r.value.id?"":"none",bottom:e.showPlayer?"154Px":"46Px"},class:o.goBtn,src:Mt,onClick:()=>{L("pause");const s=/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin,u="".concat(s,"/instrument?platform=pc&showGuide=true&id=").concat(r.value.id,"&Authorization=").concat(c.getToken);window.open(u)}},null),t("div",{style:{display:r.value.id?"":"none"},class:o.favitor,onClick:()=>g()},[t(it,{name:"favitor",mode:"out-in"},{default:()=>[r.value.favitor?t("img",{src:rt,key:"1"},null):t("img",{src:ut,key:"2"},null)]})]),t("div",{class:o.staffImgs},[t(ot,{name:"van-fade"},{default:()=>{var s,u,b,F,D;return[(s=r.value)!=null&&s.musicSvg||(u=r.value)!=null&&u.musicImg?(D=((b=r.value)==null?void 0:b.musicSvg)||((F=r.value)==null?void 0:F.musicImg))==null?void 0:D.split(",").map((U,ge)=>t("img",{src:U,key:U},null)):t(j,null,null)]}})])])])])]),e.list.length!==0&&t(ce,{show:e.showPlayer,playState:e.playState,item:r.value,onChange:s=>L(s)},null),_.value?t(me,null,null):null])}}});export{xe as default};