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

index-d6efa710.js 9.0 KB
Historik Rå

1 
  1. import{d as w,e as h,r as I,E as k,cg as L,w as W,f as t,o as A,ch as $,j as p,c as D,a as U,u as j,q as E,K as z,M as N,cd as G,ce as C,k as x,c1 as M,ci as O,T as X,a0 as q,aP as V}from"./index-0ad94195.js";import{T as K}from"./index-cb0d5d75.js";import{T as P,i as H,a as J}from"./index-f1b9282e.js";import{N as Q}from"./Slider-b50d8194.js";import{c as Y,d as Z}from"./api-cc0d4a7a.js";const tt="_container_1n0wf_1",et="_separator_1n0wf_32",at="_wrap_1n0wf_36",st="_content_1n0wf_42",it="_tools_1n0wf_49",nt="_contentWrap_1n0wf_59",ot="_musicList_1n0wf_65",lt="_wrapList_1n0wf_76",rt="_empty_1n0wf_83",ct="_itemContainer_1n0wf_89",ut="_item_1n0wf_89",dt="_active_1n0wf_110",mt="_arrow_1n0wf_113",ft="_img_1n0wf_116",_t="_title_1n0wf_137",pt="_titleName_1n0wf_144",gt="_titleDes_1n0wf_151",vt="_btn_1n0wf_161",yt="_showPlayLoading_1n0wf_183",ht="_loadingWrap_1n0wf_186",wt="_musicStaff_1n0wf_191",St="_goBtn_1n0wf_207",bt="_favitor_1n0wf_215",Lt="_musicName_1n0wf_233",Nt="_staffImgs_1n0wf_241",i={container:tt,separator:et,wrap:at,content:st,tools:it,contentWrap:nt,musicList:ot,wrapList:lt,empty:rt,itemContainer:ct,item:ut,active:dt,arrow:mt,img:ft,title:_t,titleName:pt,titleDes:gt,btn:vt,showPlayLoading:yt,loadingWrap:ht,musicStaff:wt,goBtn:St,favitor:bt,musicName:Lt,staffImgs:Nt},Ct=""+new URL("icon_back-57d35e72.svg",import.meta.url).href,xt=""+new URL("icon_separator-7cca8458.svg",import.meta.url).href,It=""+new URL("icon_arrow-b4fee1f7.svg",import.meta.url).href,T=""+new URL("icon_play-43b52923.svg",import.meta.url).href,B=""+new URL("icon_pause-6dbc64e3.svg",import.meta.url).href,kt=""+new URL("icon_goXiaoku-c05e1880.svg",import.meta.url).href,At="_container_hsosf_1",Pt="_hidden_hsosf_15",Tt="_item_hsosf_19",Bt="_img_hsosf_25",Ft="_rotateImg_hsosf_1",Rt="_svgcontainer_hsosf_50",Wt="_progress_hsosf_55",$t="_title_hsosf_66",Dt="_titleName_hsosf_70",Ut="_titleDes_hsosf_77",jt="_playBtns_hsosf_89",Et="_playBtn_hsosf_89",zt="_timeWrap_hsosf_111",Gt="_timeProgress_hsosf_117",Mt="_time_hsosf_111",l={container:At,hidden:Pt,item:Tt,img:Bt,rotateImg:Ft,svgcontainer:Rt,progress:Wt,title:$t,titleName:Dt,titleDes:Ut,playBtns:jt,playBtn:Et,timeWrap:zt,timeProgress:Gt,time:Mt},Ot=""+new URL("icon_pre-20929b0c.svg",import.meta.url).href,Xt=""+new URL("icon_next-7dc20456.svg",import.meta.url).href,qt=w({name:"playItem",props:{item:{type:Object,default:()=>({})},show:{type:Boolean,default:!1},playState:{type:String,default:"pause"}},emits:["change"],setup(n,{emit:m}){let u=null;const o=h({isFirst:!0,duration:0,currentTime:0}),e=I(),v=()=>{if(o.duration=e.value.duration,o.isFirst){o.isFirst=!1;return}n.playState==="play"&&e.value.play()},_=c=>{e.value.pause(),o.currentTime=c,clearTimeout(u),u=setTimeout(()=>{e.value.currentTime=c,n.playState==="play"&&e.value.play(),u=null},300)},g=k(()=>`${L(o.currentTime)} / ${L(o.duration)}`);return W(()=>n.playState,c=>{c==="play"?e.value.play():e.value.pause()}),()=>t("div",{class:[l.container,n.show?l.show:l.hidden]},[t("div",{class:[l.item]},[t("div",{class:l.img},[t(A,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:n.item.titleImg,onLoad:c=>{c.target.dataset.loaded="true"}},null),t("svg",{class:l.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($,{type:"circle",class:l.progress,showIndicator:!1,percentage:o.currentTime/o.duration*100},null)]),t("div",{class:l.title},[t("div",{class:l.titleName},[t(P,{text:n.item.musicSheetName},null)]),t("div",{class:l.titleDes},[n.item.composer])]),t("div",{class:l.playBtns},[t(p,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>m("change","pre")},{default:()=>[t("img",{src:Ot},null)]}),t(p,{color:"rgba(57,130,246,1)",class:l.playBtn,circle:!0,bordered:!1,onClick:()=>m("change",n.playState==="pause"?"play":"pause")},{default:()=>[t("img",{style:{display:n.playState==="pause"?"":"none",transform:"scale(1.5) translateX(1Px)"},src:T},null),t("img",{style:{display:n.playState==="play"?"":"none",transform:"scale(1.5)"},src:B},null)]}),t(p,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>m("change","next")},{default:()=>[t("img",{src:Xt},null)]})]),t("div",{class:l.timeWrap},[t(Q,{tooltip:!1,step:.01,class:l.timeProgress,value:o.currentTime,max:o.duration,"onUpdate:value":c=>_(c)},null),t("div",{class:l.time},[g.value]),t("audio",{ref:e,src:n.item.audioFileUrl||n.item.metronomeUrl,onLoadedmetadata:v,onTimeupdate:()=>{u||(o.currentTime=e.value.currentTime)}},null)])])])}}),Vt="_audioAnimate_29dwa_1",Kt="_musicWave_29dwa_1",Ht={audioAnimate:Vt,musicWave:Kt},Jt=w({name:"playLoading",setup(){return()=>t("div",{class:Ht.audioAnimate},[t("div",null,null),t("div",null,null),t("div",null,null),t("div",null,null)])}});function Qt(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!V(n)}const ie=w({name:"XiaokuMusic",setup(){const n=D(),m=U(),u=j(),o=h({page:1,rows:20,status:!0,keyword:"",musicSheetCategoriesId:m.query.id||""}),e=h({loading:!1,finshed:!1,reshing:!1,tags:[],tagIndex:0,list:[],listActive:0,playState:"pause",showPlayer:!1}),v=async()=>{const a=await Y();Array.isArray(a==null?void 0:a.data)&&(e.tags=[{name:"全部",id:0},...a.data])},_=async()=>{var s;e.loading=!0;let a={};try{a=await Z({...o,musicSubject:e.tagIndex?e.tagIndex:""})}catch(r){console.log(r)}e.reshing&&(e.list=[],e.reshing=!1),(a==null?void 0:a.code)===200&&Array.isArray((s=a==null?void 0:a.data)==null?void 0:s.rows)&&(e.list=[...e.list,...a.data.rows],e.finshed=a.data.rows.length<o.rows,console.log("🚀 ~ data.finshed:",e.finshed)),e.loading=!1},g=()=>{o.page=1,e.finshed=!1,_()},c=I(),F=()=>{console.log(e.finshed),!(e.loading||e.finshed)&&(o.page=o.page+1,_())};E(async()=>{v(),await _();const a=new IntersectionObserver(s=>{s[0].intersectionRatio>0&&F()});z(()=>{a.observe(c.value)})});const R=a=>{const s=e.list.findIndex(r=>r.id===a.id);s>-1&&(e.listActive=s)},d=k(()=>e.list[e.listActive]||{}),S=()=>{e.list[e.listActive].delFlag=!e.list[e.listActive].delFlag},y=a=>{const s=e.list.findIndex(r=>r.id===a.id);s>-1&&(e.listActive===s?e.playState=e.playState==="play"?"pause":"play":e.playState="play",e.showPlayer=!0,e.listActive=s)},b=a=>{a==="play"?e.playState="play":a==="pause"?e.playState="pause":a==="pre"?e.list[e.listActive-1]&&y(e.list[e.listActive-1]):a==="next"?e.list[e.listActive+1]&&y(e.list[e.listActive+1]):a==="favitor"&&S()};return()=>{let a;return t("div",{class:i.container},[t(N,{align:"center",wrapItem:!1,size:16},{default:()=>[t("img",{style:{cursor:"pointer"},src:Ct,onClick:()=>u.push({path:"/xiaoku-ai"})},null),t(G,{separator:""},{default:()=>[t(C,{onClick:()=>u.push({path:"/xiaoku-ai"})},{default:()=>[x("曲谱列表")]}),t("img",{class:i.separator,src:xt},null),t(C,null,{default:()=>[m.query.name]})]})]}),t("div",{class:i.wrap,style:{paddingBottom:e.showPlayer?"108Px":""}},[t("div",{class:i.content},[t("div",{class:i.tools},[t(N,{style:{width:"100%"},size:[24,12],wrapItem:!1},Qt(a=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,g()}},{default:()=>[s.name]})))?a:{default:()=>[a]}),t(K,{style:{marginLeft:"auto"},round:!0,onSearch:s=>{o.keyword=s,e.reshing=!0,g()}},null)]),t("div",{class:i.contentWrap},[t("div",{class:i.musicList},[t("div",{class:i.wrapList},[e.list.map((s,r)=>t("div",{class:i.itemContainer},[t("div",{class:[i.item,e.listActive===r&&i.active],onClick:()=>R(s)},[t("div",{class:i.img},[t(A,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:s.titleImg,onLoad:f=>{f.target.dataset.loaded="true"}},null),t(Jt,{class:[e.listActive===r&&e.playState==="play"?"":i.showPlayLoading]},null)]),t("div",{class:i.title},[t("div",{class:i.titleName},[t(P,{text:s.musicSheetName},null)]),t("div",{class:i.titleDes},[s.composer])]),t(p,{color:"#259CFE",textColor:"#fff",round:!0,class:i.btn,type:"primary",onClick:f=>{f.stopPropagation(),y(s)}},{default:()=>[x("试听"),t("img",{src:e.listActive===r&&e.playState==="play"?B:T},null)]}),t("img",{class:i.arrow,src:It},null)])])),!e.finshed&&t("div",{ref:c,class:i.loadingWrap},[t(M,{show:!0},null)]),!e.loading&&e.list.length===0&&t("div",{class:i.empty},[t(O,null,null)])])]),t("div",{class:i.musicStaff},[t("div",{class:i.musicName},[d.value.musicSheetName]),t("img",{style:{display:d.value.id?"":"none"},class:i.goBtn,src:kt,onClick:()=>{b("pause");const r=`${/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin}/instrument?platform=pc&id=${d.value.id}&Authorization=${n.getToken}`;window.open(r)}},null),t("div",{style:{display:d.value.id?"":"none"},class:i.favitor,onClick:()=>S()},[t(X,{name:"favitor",mode:"out-in"},{default:()=>[d.value.delFlag?t("img",{src:H,key:"1"},null):t("img",{src:J,key:"2"},null)]})]),t("div",{class:i.staffImgs},[t(q,{name:"van-fade"},{default:()=>{var s,r;return[(r=(s=d.value)==null?void 0:s.firstTone)==null?void 0:r.split(",").map((f,Yt)=>t("img",{src:f,key:f},null))]}})])])])])]),t(qt,{show:e.showPlayer,playState:e.playState,item:d.value,onChange:s=>b(s)},null)])}}});export{ie as default};
    2.