Página Principal Explorar Ajuda
Iniciar Sessão
lex
/
classroom-instruments
1
0
Fork 0
Ficheiros Problemas 0 Pull Requests 0 Wiki
Árvore: 0201c0b139
Ramos Etiquetas
classroom-in...
/
dist
/
assets
/
index-698816ad.js

index-698816ad.js 12 KB
Histórico Em bruto

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