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