import{d as A,e as P,r as N,R as W,cw as D,w as M,f as t,o as j,cx as O,j as C,Z as L,q as G,_ as X,$ as q,a0 as J,k as h,F as U,c as V,a as Z,u as H,a8 as K,X as B,cu as Q,cv as E,x as Y,a3 as tt,cy as et,T as st,al as at,b5 as it}from"./index-7bba3724.js";import{T as lt}from"./index-bdca2be1.js";import{i as ot,a as nt}from"./icon-collect-active-4272e308.js";import{T as z}from"./index-9ce53889.js";import{N as ct}from"./Slider-62d52aa0.js";import{c as rt,d as dt,e as ut,f as pt}from"./api-1af70bf9.js";import{g as R,s as g}from"./index-500ba9cd.js";const mt="_container_1dh8a_1",ft="_separator_1dh8a_32",gt="_wrap_1dh8a_36",ht="_content_1dh8a_42",_t="_tools_1dh8a_49",vt="_contentWrap_1dh8a_59",yt="_musicList_1dh8a_65",wt="_wrapList_1dh8a_76",St="_empty_1dh8a_83",xt="_itemContainer_1dh8a_89",bt="_item_1dh8a_89",It="_active_1dh8a_110",Ct="_arrow_1dh8a_113",kt="_img_1dh8a_116",Lt="_title_1dh8a_137",Pt="_titleName_1dh8a_144",Nt="_titleDes_1dh8a_151",At="_btn_1dh8a_161",Bt="_showPlayLoading_1dh8a_183",Rt="_loadingWrap_1dh8a_186",Tt="_musicStaff_1dh8a_191",$t="_goBtn_1dh8a_207",Ft="_favitor_1dh8a_215",Dt="_musicName_1dh8a_233",Ut="_staffImgs_1dh8a_241",l={container:mt,separator:ft,wrap:gt,content:ht,tools:_t,contentWrap:vt,musicList:yt,wrapList:wt,empty:St,itemContainer:xt,item:bt,active:It,arrow:Ct,img:kt,title:Lt,titleName:Pt,titleDes:Nt,btn:At,showPlayLoading:Bt,loadingWrap:Rt,musicStaff:Tt,goBtn:$t,favitor:Ft,musicName:Dt,staffImgs:Ut},Et=""+new URL("icon_back-17d73f64.svg",import.meta.url).href,Wt=""+new URL("icon_separator-36fe21d8.svg",import.meta.url).href,jt=""+new URL("icon_arrow-653dc704.svg",import.meta.url).href,T=""+new URL("icon_play-e55ce8d9.svg",import.meta.url).href,$=""+new URL("icon_pause-b55f26df.svg",import.meta.url).href,Gt=""+new URL("icon_goXiaoku-af3839bc.svg",import.meta.url).href,zt=""+new URL("icon_default-7bc33289.png",import.meta.url).href,Mt="_container_hsosf_1",Ot="_hidden_hsosf_15",Xt="_item_hsosf_19",qt="_img_hsosf_25",Jt="_rotateImg_hsosf_1",Vt="_svgcontainer_hsosf_50",Zt="_progress_hsosf_55",Ht="_title_hsosf_66",Kt="_titleName_hsosf_70",Qt="_titleDes_hsosf_77",Yt="_playBtns_hsosf_89",te="_playBtn_hsosf_89",ee="_timeWrap_hsosf_111",se="_timeProgress_hsosf_117",ae="_time_hsosf_111",u={container:Mt,hidden:Ot,item:Xt,img:qt,rotateImg:Jt,svgcontainer:Vt,progress:Zt,title:Ht,titleName:Kt,titleDes:Qt,playBtns:Yt,playBtn:te,timeWrap:ee,timeProgress:se,time:ae},ie=""+new URL("icon_pre-f15675ed.svg",import.meta.url).href,le=""+new URL("icon_next-7ede96c3.svg",import.meta.url).href,oe=A({name:"playItem",props:{item:{type:Object,default:()=>({})},show:{type:Boolean,default:!1},playState:{type:String,default:"pause"}},emits:["change"],setup(c,{emit:_}){let a=null;const o=P({isFirst:!0,duration:0,currentTime:0}),e=N(),f=()=>{if(o.duration=e.value.duration,o.isFirst){o.isFirst=!1;return}c.playState==="play"&&e.value.play()},I=d=>{e.value.pause(),o.currentTime=d,clearTimeout(a),a=setTimeout(()=>{e.value.currentTime=d,c.playState==="play"&&e.value.play(),a=null},300)},v=W(()=>`${D(o.currentTime)} / ${D(o.duration)}`);return M(()=>c.playState,d=>{d==="play"?e.value.play():e.value.pause()}),()=>t("div",{class:[u.container,c.show?u.show:u.hidden]},[t("div",{class:[u.item]},[t("div",{class:u.img},[t(j,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:c.item.titleImg,onLoad:d=>{d.target.dataset.loaded="true"}},null),t("svg",{class:u.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(O,{type:"circle",class:u.progress,showIndicator:!1,percentage:o.currentTime/o.duration*100},null)]),t("div",{class:u.title},[t("div",{class:u.titleName},[t(z,{text:c.item.musicSheetName},null)]),t("div",{class:u.titleDes},[c.item.composer])]),t("div",{class:u.playBtns},[t(C,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>_("change","pre")},{default:()=>[t("img",{src:ie},null)]}),t(C,{color:"rgba(57,130,246,1)",class:u.playBtn,circle:!0,bordered:!1,onClick:()=>_("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(C,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>_("change","next")},{default:()=>[t("img",{src:le},null)]})]),t("div",{class:u.timeWrap},[t(ct,{tooltip:!1,step:.01,class:u.timeProgress,value:o.currentTime,max:o.duration,"onUpdate:value":d=>I(d)},null),t("div",{class:u.time},[v.value]),t("audio",{ref:e,src:c.item.audioFileUrl||c.item.metronomeUrl,onLoadedmetadata:f,onEnded:()=>{_("change","pause")},onTimeupdate:()=>{a||(o.currentTime=e.value.currentTime)}},null)])])])}}),ne="_audioAnimate_29dwa_1",ce="_musicWave_29dwa_1",re={audioAnimate:ne,musicWave:ce},de=A({name:"playLoading",setup(){return()=>t("div",{class:re.audioAnimate},[t("div",null,null),t("div",null,null),t("div",null,null),t("div",null,null)])}}),ue=A({name:"music-guide",emits:["close"],setup(c,{emit:_}){const a=P({box:{height:"0px"},show:!1,steps:[{ele:"",eleRect:{},img:R("music1.png"),handStyle:{top:"0.91rem"},imgStyle:{left:"-4.4em",width:"534px",height:"228px"},btnsStyle:{bottom:"30px",left:"90px"},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:R("music2.png"),imgStyle:{top:"100%",left:"-205px",width:"420px",height:"228px"},btnsStyle:{bottom:"30px",left:L(-60)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:R("music3.png"),imgStyle:{top:"100%",left:"-130px",width:L(401),height:L(304)},btnsStyle:{bottom:"90px",left:L(20)},eleRectPadding:{left:7,top:7,width:14,height:14},type:"bottom"}],step:0}),o=N(!1),e=localStorage.getItem("teacher-guideInfo");e&&JSON.parse(e).musicGuide?o.value=!1:o.value=!0;const f=()=>{var x,y,b,p;const n=document.getElementById(`music-${a.step}`);if(n){const m=n.getBoundingClientRect(),w=((x=a.steps[a.step].eleRectPadding)==null?void 0:x.left)||0,k=((y=a.steps[a.step].eleRectPadding)==null?void 0:y.top)||0,i=((b=a.steps[a.step].eleRectPadding)==null?void 0:b.width)||0,s=((p=a.steps[a.step].eleRectPadding)==null?void 0:p.height)||0;a.box={left:m.x-w+"px",top:m.y-k+"px",width:m.width+i+"px",height:m.height+s+"px"},console.log(`coai-${a.step}`,a.box)}};G(()=>{f(),window.addEventListener("resize",I)});const I=()=>{f()};X(()=>{window.removeEventListener("resize",I)});const v=()=>{if(a.step>=4){d();return}a.step=a.step+1,f()},d=()=>{let n=JSON.parse(localStorage.getItem("teacher-guideInfo")||"{}")||null;n?n.musicGuide=!0:n={musicGuide:!0},localStorage.setItem("teacher-guideInfo",JSON.stringify(n)),o.value=!1};return()=>t(U,null,[o.value?q(t("div",{"onUpdate:show":n=>o.value=n,class:["n-modal-mask","n-modal-mask-guide"]},[t("div",{class:g.content,onClick:()=>v()},[t("div",{class:g.backBtn,onClick:n=>{n.stopPropagation(),d()}},[h("跳过")]),t("div",{class:g.box,style:{...a.box,...a.steps[a.step].boxStyle},id:`modeType-${a.step}`},[a.steps.map((n,x)=>{var y,b,p,m;return t("div",{onClick:w=>w.stopPropagation(),class:g.item,style:n.type=="bottom"?{display:x===a.step?"":"none",left:`${(y=n.eleRect)==null?void 0:y.left}px`,top:`-${(b=n.imgStyle)==null?void 0:b.height}`}:{display:x===a.step?"":"none",left:`${(p=n.eleRect)==null?void 0:p.left}px`,top:`${(m=a.box)==null?void 0:m.height}`}},[t("img",{class:g.img,style:n.imgStyle,src:n.img},null),t("div",{class:g.btns,style:n.btnsStyle},[a.step+1==a.steps.length?t(U,null,[t("div",{class:[g.endBtn],onClick:()=>d()},[h("完成")]),t("div",{class:g.nextBtn,onClick:()=>{a.step=0,f()}},[h("再看一遍")])]):t("div",{class:g.btn,onClick:()=>v()},[h("下一步 ("),a.step+1,h("/"),a.steps.length,h(")")])])])})])])]),[[J,o.value,"show"]]):null])}});function pe(c){return typeof c=="function"||Object.prototype.toString.call(c)==="[object Object]"&&!it(c)}const Se=A({name:"XiaokuMusic",setup(){const c=V(),_=Z(),a=H(),o=P({page:1,rows:20,status:!0,keyword:"",musicSheetCategoriesId:_.query.id||""}),e=P({loading:!1,finshed:!1,reshing:!1,tags:[],tagIndex:0,list:[],listActive:0,playState:"pause",showPlayer:!1}),f=N(!1),I=async()=>{const i=await rt();Array.isArray(i==null?void 0:i.data)&&(e.tags=[{name:"全部",id:0},...i.data])},v=async()=>{var s;e.loading=!0;let i={};try{i=await dt({...o,musicSubject:e.tagIndex?e.tagIndex:""})}catch(r){console.log(r)}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<o.rows,console.log("🚀 ~ data.finshed:",e.finshed)),e.list[e.listActive]&&y(e.list[e.listActive]),e.loading=!1,setTimeout(()=>{f.value=!0},500)},d=()=>{e.listActive=0,e.showPlayer=!1,e.playState="pause",o.page=1,e.finshed=!1,v()},n=N(),x=()=>{console.log(e.finshed),!(e.loading||e.finshed)&&(o.page=o.page+1,v())};G(async()=>{I(),await v();const i=new IntersectionObserver(s=>{s[0].intersectionRatio>0&&x()});K(()=>{i.observe(n.value)})});const y=async i=>{const s=await ut({type:"MUSIC",materialId:i.id});(s==null?void 0:s.code)===200&&(i.favitor=s.data)},b=i=>{const s=e.list.findIndex(r=>r.id===i.id);s>-1&&(e.listActive=s),y(i)},p=W(()=>e.list[e.listActive]||{}),m=()=>{e.list[e.listActive].favitor=!e.list[e.listActive].favitor,pt({favoriteFlag:e.list[e.listActive].favitor,type:"MUSIC",materialId:e.list[e.listActive].id})},w=i=>{const s=e.list.findIndex(r=>r.id===i.id);s>-1&&(e.listActive===s?e.playState=e.playState==="play"?"pause":"play":e.playState="play",e.showPlayer=!0,e.listActive=s)},k=i=>{i==="play"?e.playState="play":i==="pause"?e.playState="pause":i==="pre"?e.list[e.listActive-1]&&w(e.list[e.listActive-1]):i==="next"?e.list[e.listActive+1]&&w(e.list[e.listActive+1]):i==="favitor"&&m()};return()=>{let i;return t("div",{class:l.container},[t(B,{align:"center",wrapItem:!1,size:16},{default:()=>[t("img",{style:{cursor:"pointer"},src:Et,onClick:()=>a.push({path:"/xiaoku-ai"})},null),t(Q,{separator:""},{default:()=>[t(E,{onClick:()=>a.push({path:"/xiaoku-ai"})},{default:()=>[h("全部列表")]}),t("img",{class:l.separator,src:Wt},null),t(E,null,{default:()=>[_.query.name]})]})]}),t("div",{class:l.wrap,style:{paddingBottom:e.showPlayer?"108Px":""}},[t("div",{class:l.content},[t("div",{class:l.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},pe(i=e.tags.map(s=>t(C,{round:!0,textColor:e.tagIndex===s.id?"#fff":"#000",color:e.tagIndex===s.id?"#198CFE":"#fff",onClick:()=>{e.tagIndex=s.id,e.reshing=!0,d()}},{default:()=>[s.name]})))?i:{default:()=>[i]})])]}),t(lt,{style:{marginLeft:"auto"},round:!0,border:!1,onSearch:s=>{o.keyword=s,e.reshing=!0,d()}},null)]),t("div",{class:l.contentWrap},[t("div",{class:l.musicList},[t("div",{class:l.wrapList},[e.list.map((s,r)=>t("div",{class:l.itemContainer},[t("div",{class:[l.item,e.listActive===r&&l.active],onClick:()=>b(s)},[t("div",{class:l.img},[t(j,{width:60,height:60,lazy:!0,objectFit:"cover",previewDisabled:!0,src:s.titleImg||zt,onLoad:S=>{S.target.dataset.loaded="true"}},null),t(de,{class:[e.listActive===r&&e.playState==="play"?"":l.showPlayLoading]},null)]),t("div",{class:l.title},[t("div",{class:l.titleName},[t(z,{text:s.musicSheetName},null)]),t("div",{class:l.titleDes},[s.composer])]),r==0?t(C,Y({color:"#259CFE",textColor:"#fff"},{id:"music-1"},{round:!0,class:l.btn,type:"primary",onClick:S=>{S.stopPropagation(),w(s)}}),{default:()=>[h("试听"),t("img",{src:e.listActive===r&&e.playState==="play"?$:T},null)]}):t(C,{color:"#259CFE",textColor:"#fff",round:!0,class:l.btn,type:"primary",onClick:S=>{S.stopPropagation(),w(s)}},{default:()=>[h("试听"),t("img",{src:e.listActive===r&&e.playState==="play"?$:T},null)]}),t("img",{class:l.arrow,src:jt},null)])])),!e.finshed&&t("div",{ref:n,class:l.loadingWrap},[t(tt,{show:!0},null)]),!e.loading&&e.list.length===0&&t("div",{class:l.empty},[t(et,null,null)])])]),t("div",{class:l.musicStaff},[t("div",{class:l.musicName},[p.value.musicSheetName]),t("img",{id:"music-2",style:{display:p.value.id?"":"none"},class:l.goBtn,src:Gt,onClick:()=>{k("pause");const r=`${/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin}/instrument?platform=pc&showGuide=true&id=${p.value.id}&Authorization=${c.getToken}`;window.open(r)}},null),t("div",{style:{display:p.value.id?"":"none"},class:l.favitor,onClick:()=>m()},[t(st,{name:"favitor",mode:"out-in"},{default:()=>[p.value.favitor?t("img",{src:ot,key:"1"},null):t("img",{src:nt,key:"2"},null)]})]),t("div",{class:l.staffImgs},[t(at,{name:"van-fade"},{default:()=>{var s,r,S;return[(S=((s=p.value)==null?void 0:s.musicSvg)||((r=p.value)==null?void 0:r.musicImg))==null?void 0:S.split(",").map((F,me)=>t("img",{src:F,key:F},null))]}})])])])])]),e.list.length!==0&&t(oe,{show:e.showPlayer,playState:e.playState,item:p.value,onChange:s=>k(s)},null),f.value?t(ue,null,null):null])}}});export{Se as default};