| 1 |
- import{d as g,f as w,b as A,G as S,a0 as v,w as k,g as t,p as N,a1 as x,k as _,u as I,R as y,a2 as B,a3 as h,l as f,T,a4 as F,X as P}from"./index-5bd77e02.js";import{T as D}from"./index-8773c9b1.js";import{l as R}from"./data-8bf93671.js";import{T as L,i as $,a as W}from"./index-8e1c20ca.js";import{N as U}from"./Slider-d29207d8.js";const E="_container_1619a_1",j="_separator_1619a_29",X="_wrap_1619a_33",z="_content_1619a_37",G="_tools_1619a_42",O="_tags_1619a_48",V="_contentWrap_1619a_55",M="_musicList_1619a_61",q="_wrapList_1619a_72",H="_item_1619a_79",J="_active_1619a_91",K="_arrow_1619a_94",Q="_img_1619a_97",Y="_title_1619a_118",Z="_titleName_1619a_125",tt="_titleDes_1619a_132",et="_btn_1619a_142",at="_showPlayLoading_1619a_164",st="_musicStaff_1619a_167",it="_goBtn_1619a_183",lt="_favitor_1619a_191",ot="_musicName_1619a_209",nt="_staffImgs_1619a_217",s={container:E,separator:j,wrap:X,content:z,tools:G,tags:O,contentWrap:V,musicList:M,wrapList:q,item:H,active:J,arrow:K,img:Q,title:Y,titleName:Z,titleDes:tt,btn:et,showPlayLoading:at,musicStaff:st,goBtn:it,favitor:lt,musicName:ot,staffImgs:nt},rt=""+new URL("icon_back-8a62341e.svg",import.meta.url).href,ct=""+new URL("icon_separator-36fe21d8.svg",import.meta.url).href,ut=""+new URL("icon_arrow-653dc704.svg",import.meta.url).href,b=""+new URL("icon_play-e55ce8d9.svg",import.meta.url).href,C=""+new URL("icon_pause-b55f26df.svg",import.meta.url).href,mt=""+new URL("icon_goXiaoku-af3839bc.svg",import.meta.url).href,dt="_container_hsosf_1",_t="_hidden_hsosf_15",pt="_item_hsosf_19",ft="_img_hsosf_25",gt="_rotateImg_hsosf_1",vt="_svgcontainer_hsosf_50",yt="_progress_hsosf_55",ht="_title_hsosf_66",wt="_titleName_hsosf_70",St="_titleDes_hsosf_77",Nt="_playBtns_hsosf_89",Lt="_playBtn_hsosf_89",bt="_timeWrap_hsosf_111",Ct="_timeProgress_hsosf_117",At="_time_hsosf_111",r={container:dt,hidden:_t,item:pt,img:ft,rotateImg:gt,svgcontainer:vt,progress:yt,title:ht,titleName:wt,titleDes:St,playBtns:Nt,playBtn:Lt,timeWrap:bt,timeProgress:Ct,time:At},kt=""+new URL("icon_pre-f15675ed.svg",import.meta.url).href,xt=""+new URL("icon_next-7ede96c3.svg",import.meta.url).href,It=g({name:"playItem",props:{item:{type:Object,default:()=>({})},show:{type:Boolean,default:!1},playState:{type:String,default:"pause"}},emits:["change"],setup(i,{emit:e}){let u=null;const l=w({isFirst:!0,duration:0,currentTime:0}),c=A(),d=()=>{if(l.duration=c.value.duration,l.isFirst){l.isFirst=!1;return}i.playState==="play"&&c.value.play()},p=a=>{c.value.pause(),l.currentTime=a,clearTimeout(u),u=setTimeout(()=>{c.value.currentTime=a,i.playState==="play"&&c.value.play(),u=null},300)},n=S(()=>`${v(l.currentTime)} / ${v(l.duration)}`);return k(()=>i.playState,a=>{a==="play"?c.value.play():c.value.pause()}),()=>t("div",{class:[r.container,i.show?r.show:r.hidden]},[t("div",{class:[r.item]},[t("div",{class:r.img},[t(N,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:i.item.titleImg,onLoad:a=>{a.target.dataset.loaded="true"}},null),t("svg",{class:r.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(x,{type:"circle",class:r.progress,showIndicator:!1,percentage:l.currentTime/l.duration*100},null)]),t("div",{class:r.title},[t("div",{class:r.titleName},[t(L,{text:i.item.musicSheetName},null)]),t("div",{class:r.titleDes},[i.item.composer])]),t("div",{class:r.playBtns},[t(_,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>e("change","pre")},{default:()=>[t("img",{src:kt},null)]}),t(_,{color:"rgba(57,130,246,1)",class:r.playBtn,circle:!0,bordered:!1,onClick:()=>e("change",i.playState==="pause"?"play":"pause")},{default:()=>[t("img",{style:{display:i.playState==="pause"?"":"none",transform:"scale(1.5) translateX(1Px)"},src:b},null),t("img",{style:{display:i.playState==="play"?"":"none",transform:"scale(1.5)"},src:C},null)]}),t(_,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>e("change","next")},{default:()=>[t("img",{src:xt},null)]})]),t("div",{class:r.timeWrap},[t(U,{tooltip:!1,step:.01,class:r.timeProgress,value:l.currentTime,max:l.duration,"onUpdate:value":a=>p(a)},null),t("div",{class:r.time},[n.value]),t("audio",{ref:c,src:i.item.audioFileUrl,onLoadedmetadata:d,onTimeupdate:()=>{u||(l.currentTime=c.value.currentTime)}},null)])])])}}),Bt="_audioAnimate_29dwa_1",Tt="_musicWave_29dwa_1",Ft={audioAnimate:Bt,musicWave:Tt},Pt=g({name:"playLoading",setup(){return()=>t("div",{class:Ft.audioAnimate},[t("div",null,null),t("div",null,null),t("div",null,null),t("div",null,null)])}});function Dt(i){return typeof i=="function"||Object.prototype.toString.call(i)==="[object Object]"&&!P(i)}const Xt=g({name:"XiaokuMusic",setup(){const i=I(),e=w({tags:[{name:"全部",id:0},{name:"竖笛",id:1},{name:"排箫",id:2},{name:"口风琴",id:3},{name:"陶笛",id:4},{name:"葫芦丝",id:5}],tagIndex:0,list:R.rows,listActive:0,playState:"pause",showPlayer:!1}),u=n=>{const a=e.list.findIndex(o=>o.id===n.id);a>-1&&(e.listActive=a)},l=S(()=>e.list[e.listActive]||{}),c=()=>{e.list[e.listActive].delFlag=!e.list[e.listActive].delFlag},d=n=>{const a=e.list.findIndex(o=>o.id===n.id);a>-1&&(e.listActive===a?e.playState=e.playState==="play"?"pause":"play":e.playState="play",e.showPlayer=!0,e.listActive=a)},p=n=>{n==="play"?e.playState="play":n==="pause"?e.playState="pause":n==="pre"?e.list[e.listActive-1]&&d(e.list[e.listActive-1]):n==="next"?e.list[e.listActive+1]&&d(e.list[e.listActive+1]):n==="favitor"&&c()};return()=>{let n;return t("div",{class:s.container},[t(y,{align:"center",wrapItem:!1,size:16},{default:()=>[t("img",{style:{cursor:"pointer"},src:rt,onClick:()=>i.push({path:"/xiaoku-ai"})},null),t(B,{separator:""},{default:()=>[t(h,{onClick:()=>i.push({path:"/xiaoku-ai"})},{default:()=>[f("曲谱列表")]}),t("img",{class:s.separator,src:ct},null),t(h,null,{default:()=>[f("一年级上册人教版（2013版）")]})]})]}),t("div",{class:s.wrap},[t("div",{class:s.content},[t("div",{class:s.tools},[t("div",{class:s.tags},[t(y,{size:[24,12],wrap:!1},Dt(n=e.tags.map((a,o)=>t(_,{round:!0,textColor:e.tagIndex===o?"#fff":"#000",color:e.tagIndex===o?"#198CFE":"#fff",onClick:()=>e.tagIndex=o},{default:()=>[a.name]})))?n:{default:()=>[n]})]),t(D,{round:!0},null)]),t("div",{class:s.contentWrap,style:{paddingBottom:e.showPlayer?"90px":""}},[t("div",{class:s.musicList},[t("div",{class:s.wrapList},[e.list.map((a,o)=>t("div",{class:[s.item,e.listActive===o&&s.active],onClick:()=>u(a)},[t("div",{class:s.img},[t(N,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:a.titleImg,onLoad:m=>{m.target.dataset.loaded="true"}},null),t(Pt,{class:[e.listActive===o&&e.playState==="play"?"":s.showPlayLoading]},null)]),t("div",{class:s.title},[t("div",{class:s.titleName},[t(L,{text:a.musicSheetName},null)]),t("div",{class:s.titleDes},[a.composer])]),t(_,{color:"#259CFE",textColor:"#fff",round:!0,class:s.btn,type:"primary",onClick:m=>{m.stopPropagation(),d(a)}},{default:()=>[f("试听"),t("img",{src:e.listActive===o&&e.playState==="play"?C:b},null)]}),t("img",{class:s.arrow,src:ut},null)]))])]),t("div",{class:s.musicStaff},[t("div",{class:s.musicName},[l.value.musicSheetName]),t("img",{class:s.goBtn,src:mt,onClick:()=>{p("pause");const o=`${/(localhost|192)/.test(location.host)?"https://dev.kt.colexiu.com":location.origin}/instrument?platform=pc&id=${l.value.id}`;window.open(o)}},null),t("div",{class:s.favitor,onClick:()=>c()},[t(T,{name:"favitor",mode:"out-in"},{default:()=>[l.value.delFlag?t("img",{src:$,key:"1"},null):t("img",{src:W,key:"2"},null)]})]),t("div",{class:s.staffImgs},[t(F,{name:"van-fade"},{default:()=>{var a,o;return[(o=(a=l.value)==null?void 0:a.firstTone)==null?void 0:o.split(",").map((m,Rt)=>t("img",{src:m,key:m},null))]}})])])])])]),t(It,{show:e.showPlayer,playState:e.playState,item:l.value,onChange:a=>p(a)},null)])}}});export{Xt as default};
|
