Startsida Utforska Hjälp
Logga in
lex
/
classroom-instruments
1
0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Träd: 9c7e8fb95e
Grenar Taggar
classroom-in...
/
dist
/
assets
/
index-50bb7642.js

index-50bb7642.js 13 KB
Historik Rå

1 
  1. import{d as A,e as N,r as L,R as E,cu as D,w as O,f as t,o as j,cv as z,j as C,Z as P,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-decc05eb.js";import{T as it}from"./index-5e95e3f3.js";import{i as lt,a as ot}from"./icon-collect-active-4272e308.js";import{T as M}from"./index-bed59d1e.js";import{N as nt}from"./Slider-8d00188e.js";import{c as ct,d as rt,e as dt,f as ut}from"./api-bfe42e2d.js";import{g as R,s as m}from"./index-2707ceda.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",bt="_item_1dh8a_89",xt="_active_1dh8a_110",It="_arrow_1dh8a_113",Ct="_img_1dh8a_116",kt="_title_1dh8a_137",Pt="_titleName_1dh8a_144",Nt="_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:bt,active:xt,arrow:It,img:Ct,title:kt,titleName:Pt,titleDes:Nt,btn:Lt,showPlayLoading:At,loadingWrap:Bt,musicStaff:Rt,goBtn:Tt,favitor:$t,musicName:Ft,staffImgs:Dt},Ut=""+new URL("icon_back-57d35e72.svg",import.meta.url).href,Wt=""+new URL("icon_separator-7cca8458.svg",import.meta.url).href,Et=""+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,jt=""+new URL("icon_goXiaoku-c05e1880.svg",import.meta.url).href,Gt=""+new URL("icon_default-7bc33289.png",import.meta.url).href,Mt="_container_hsosf_1",Ot="_hidden_hsosf_15",zt="_item_hsosf_19",Xt="_img_hsosf_25",qt="_rotateImg_hsosf_1",Jt="_svgcontainer_hsosf_50",Vt="_progress_hsosf_55",Zt="_title_hsosf_66",Ht="_titleName_hsosf_70",Kt="_titleDes_hsosf_77",Qt="_playBtns_hsosf_89",Yt="_playBtn_hsosf_89",te="_timeWrap_hsosf_111",ee="_timeProgress_hsosf_117",se="_time_hsosf_111",u={container:Mt,hidden:Ot,item:zt,img:Xt,rotateImg:qt,svgcontainer:Jt,progress:Vt,title:Zt,titleName:Ht,titleDes:Kt,playBtns:Qt,playBtn:Yt,timeWrap:te,timeProgress:ee,time:se},ae=""+new URL("icon_pre-20929b0c.svg",import.meta.url).href,ie=""+new URL("icon_next-7dc20456.svg",import.meta.url).href,le=A({name:"playItem",props:{item:{type:Object,default:()=>({})},show:{type:Boolean,default:!1},playState:{type:String,default:"pause"}},emits:["change"],setup(c,{emit:g}){let a=null;const n=N({isFirst:!0,duration:0,currentTime:0}),e=L(),h=()=>{if(n.duration=e.value.duration,n.isFirst){n.isFirst=!1;return}c.playState==="play"&&e.value.play()},b=l=>{e.value.pause(),n.currentTime=l,clearTimeout(a),a=setTimeout(()=>{e.value.currentTime=l,c.playState==="play"&&e.value.play(),a=null},300)},p=E(()=>"".concat(D(n.currentTime)," / ").concat(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(C,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>g("change","pre")},{default:()=>[t("img",{src:ae},null)]}),t(C,{color:"rgba(57,130,246,1)",class:u.playBtn,circle:!0,bordered:!1,onClick:()=>g("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:()=>g("change","next")},{default:()=>[t("img",{src:ie},null)]})]),t("div",{class:u.timeWrap},[t(nt,{tooltip:!1,step:.01,class:u.timeProgress,value:n.currentTime,max:n.duration,"onUpdate:value":l=>b(l)},null),t("div",{class:u.time},[p.value]),t("audio",{ref:e,src:c.item.audioFileUrl||c.item.metronomeUrl,onLoadedmetadata:h,onEnded:()=>{g("change","pause")},onTimeupdate:()=>{a||(n.currentTime=e.value.currentTime)}},null)])])])}}),oe="_audioAnimate_29dwa_1",ne="_musicWave_29dwa_1",ce={audioAnimate:oe,musicWave:ne},re=A({name:"playLoading",setup(){return()=>t("div",{class:ce.audioAnimate},[t("div",null,null),t("div",null,null),t("div",null,null),t("div",null,null)])}}),de=A({name:"music-guide",emits:["close"],setup(c,{emit:g}){const a=N({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:P(-60)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:R("music3.png"),imgStyle:{top:"100%",left:"-130px",width:P(401),height:P(304)},btnsStyle:{bottom:"90px",left:P(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 h=()=>{var _,w,v,S;const l=document.getElementById("music-".concat(a.step));if(l){const r=l.getBoundingClientRect(),x=((_=a.steps[a.step].eleRectPadding)==null?void 0:_.left)||0,I=((w=a.steps[a.step].eleRectPadding)==null?void 0:w.top)||0,k=((v=a.steps[a.step].eleRectPadding)==null?void 0:v.width)||0,i=((S=a.steps[a.step].eleRectPadding)==null?void 0:S.height)||0;a.box={left:r.x-x+"px",top:r.y-I+"px",width:r.width+k+"px",height:r.height+i+"px"},console.log("coai-".concat(a.step),a.box)}};G(()=>{h()});const b=()=>{if(a.step>=4){p();return}a.step=a.step+1,h()},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:()=>b()},[t("div",{class:m.backBtn,onClick:l=>{l.stopPropagation(),p()}},[f("跳过")]),t("div",{class:m.box,style:{...a.box,...a.steps[a.step].boxStyle},id:"modeType-".concat(a.step)},[a.steps.map((l,_)=>{var w,v,S,r;return t("div",{onClick:x=>x.stopPropagation(),class:m.item,style:l.type=="bottom"?{display:_===a.step?"":"none",left:"".concat((w=l.eleRect)==null?void 0:w.left,"px"),top:"-".concat((v=l.imgStyle)==null?void 0:v.height)}:{display:_===a.step?"":"none",left:"".concat((S=l.eleRect)==null?void 0:S.left,"px"),top:"".concat((r=a.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},[a.step+1==a.steps.length?t(U,null,[t("div",{class:[m.endBtn],onClick:()=>p()},[f("完成")]),t("div",{class:m.nextBtn,onClick:()=>{a.step=0,h()}},[f("再看一遍")])]):t("div",{class:m.btn,onClick:()=>b()},[f("下一步 ("),a.step+1,f("/"),a.steps.length,f(")")])])])})])])]),[[q,n.value,"show"]]):null])}});function ue(c){return typeof c=="function"||Object.prototype.toString.call(c)==="[object Object]"&&!at(c)}const we=A({name:"XiaokuMusic",setup(){const c=J(),g=V(),a=Z(),n=N({page:1,rows:20,status:!0,keyword:"",musicSheetCategoriesId:g.query.id||""}),e=N({loading:!1,finshed:!1,reshing:!1,tags:[],tagIndex:0,list:[],listActive:0,playState:"pause",showPlayer:!1}),h=L(!1),b=async()=>{const i=await ct();Array.isArray(i==null?void 0:i.data)&&(e.tags=[{name:"全部",id:0},...i.data])},p=async()=>{var s;e.loading=!0;let i={};try{i=await rt({...n,musicSubject:e.tagIndex?e.tagIndex:""})}catch(d){console.log(d)}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<n.rows,console.log("🚀 ~ data.finshed:",e.finshed)),e.list[e.listActive]&&v(e.list[e.listActive]),e.loading=!1,setTimeout(()=>{h.value=!0},500)},l=()=>{e.listActive=0,e.showPlayer=!1,e.playState="pause",n.page=1,e.finshed=!1,p()},_=L(),w=()=>{console.log(e.finshed),!(e.loading||e.finshed)&&(n.page=n.page+1,p())};G(async()=>{b(),await p();const i=new IntersectionObserver(s=>{s[0].intersectionRatio>0&&w()});H(()=>{i.observe(_.value)})});const v=async i=>{const s=await dt({type:"MUSIC",materialId:i.id});(s==null?void 0:s.code)===200&&(i.favitor=s.data)},S=i=>{const s=e.list.findIndex(d=>d.id===i.id);s>-1&&(e.listActive=s),v(i)},r=E(()=>e.list[e.listActive]||{}),x=()=>{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})},I=i=>{const s=e.list.findIndex(d=>d.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]&&I(e.list[e.listActive-1]):i==="next"?e.list[e.listActive+1]&&I(e.list[e.listActive+1]):i==="favitor"&&x()};return()=>{let i;return t("div",{class:o.container},[t(B,{align:"center",wrapItem:!1,size:16},{default:()=>[t("img",{style:{cursor:"pointer"},src:Ut,onClick:()=>a.push({path:"/xiaoku-ai"})},null),t(K,{separator:""},{default:()=>[t(W,{onClick:()=>a.push({path:"/xiaoku-ai"})},{default:()=>[f("全部列表")]}),t("img",{class:o.separator,src:Wt},null),t(W,null,{default:()=>[g.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},ue(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,l()}},{default:()=>[s.name]})))?i:{default:()=>[i]})])]}),t(it,{style:{marginLeft:"auto"},round:!0,border:!1,onSearch:s=>{n.keyword=s,e.reshing=!0,l()}},null)]),t("div",{class:o.contentWrap},[t("div",{class:o.musicList},[t("div",{class:o.wrapList},[e.list.map((s,d)=>t("div",{class:o.itemContainer},[t("div",{class:[o.item,e.listActive===d&&o.active],onClick:()=>S(s)},[t("div",{class:o.img},[t(j,{width:60,height:60,lazy:!0,objectFit:"cover",previewDisabled:!0,src:s.titleImg||Gt,onLoad:y=>{y.target.dataset.loaded="true"}},null),t(re,{class:[e.listActive===d&&e.playState==="play"?"":o.showPlayLoading]},null)]),t("div",{class:o.title},[t("div",{class:o.titleName},[t(M,{text:s.musicSheetName},null)]),t("div",{class:o.titleDes},[s.composer])]),d==0?t(C,Q({color:"#259CFE",textColor:"#fff"},{id:"music-1"},{round:!0,class:o.btn,type:"primary",onClick:y=>{y.stopPropagation(),I(s)}}),{default:()=>[f("试听"),t("img",{src:e.listActive===d&&e.playState==="play"?$:T},null)]}):t(C,{color:"#259CFE",textColor:"#fff",round:!0,class:o.btn,type:"primary",onClick:y=>{y.stopPropagation(),I(s)}},{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:_,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 s=/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin,d="".concat(s,"/instrument?platform=pc&showGuide=true&id=").concat(r.value.id,"&Authorization=").concat(c.getToken);window.open(d)}},null),t("div",{style:{display:r.value.id?"":"none"},class:o.favitor,onClick:()=>x()},[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 s,d,y;return[(y=((s=r.value)==null?void 0:s.musicSvg)||((d=r.value)==null?void 0:d.musicImg))==null?void 0:y.split(",").map((F,pe)=>t("img",{src:F,key:F},null))]}})])])])])]),e.list.length!==0&&t(le,{show:e.showPlayer,playState:e.playState,item:r.value,onChange:s=>k(s)},null),h.value?t(de,null,null):null])}}});export{we as default};
    2.