| 1 |
- import{d as f,r as _,e as w,f as t,E as S,_ as A,w as C,o as L,$ as E,j as g,u as k,O as y,a0 as P,a1 as h,k as v,T as R,a2 as I,V as D}from"./index-a5ebf65c.js";import{T as j}from"./index-37ada55f.js";import{l as x}from"./data-0dab0feb.js";import{N as F}from"./Slider-0d958994.js";const W="_container_1w5wh_1",X="_separator_1w5wh_29",M="_wrap_1w5wh_33",O="_content_1w5wh_37",z="_tools_1w5wh_42",G="_tags_1w5wh_48",V="_contentWrap_1w5wh_55",Y="_musicList_1w5wh_61",J="_wrapList_1w5wh_72",Q="_item_1w5wh_79",Z="_active_1w5wh_91",H="_arrow_1w5wh_94",q="_img_1w5wh_97",U="_title_1w5wh_118",K="_titleName_1w5wh_125",$="_titleDes_1w5wh_132",tt="_btn_1w5wh_142",et="_showPlayLoading_1w5wh_164",at="_musicStaff_1w5wh_167",st="_goBtn_1w5wh_183",nt="_favitor_1w5wh_191",it="_musicName_1w5wh_205",ot="_staffImgs_1w5wh_213",n={container:W,separator:X,wrap:M,content:O,tools:z,tags:G,contentWrap:V,musicList:Y,wrapList:J,item:Q,active:Z,arrow:H,img:q,title:U,titleName:K,titleDes:$,btn:tt,showPlayLoading:et,musicStaff:at,goBtn:st,favitor:nt,musicName:it,staffImgs:ot},lt=""+new URL("icon_back-8fc3ec5e.svg",import.meta.url).href,ct=""+new URL("icon_separator-7cca8458.svg",import.meta.url).href,rt=""+new URL("icon_arrow-b4fee1f7.svg",import.meta.url).href,N=""+new URL("icon_play-43b52923.svg",import.meta.url).href,b=""+new URL("icon_pause-6dbc64e3.svg",import.meta.url).href,ut=""+new URL("icon_goXiaoku-c05e1880.svg",import.meta.url).href,dt="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAwFBMVEX///8AAAD////9/f3///////////////////8FBQVMTEz19fUJCQkqKio4ODhBQUGSkpLIyMj///////////////////////////////////////////////////////////8dHR0aGhoRERFycnLc3Nzv7+/q6uoWFhYiIiIwMDBHR0dbW1t5eXmDg4ONjY2JiYmtra23t7e+vr67u7vExMTf39/l5eVVVVVpaWlnZ2d3d3enp6fPz8/T09MAAACM0PN4AAAAP3RSTlPMABzMyLSTQwX+7c789PLv39XBwL2mpImAem1pZ1tKMCj4+Prm0s/P+fbz7urk4uDg2tjX19XR0Ovn5+Tb1NN/7vKiAAAC0UlEQVRYw7WY6XrqIBCGp8SYRK3GXatV61brUtfW7rn/uzpAHk06A1aD5/vjw8z4BsiEAeBGK9Zp1at2JZWq2NV6q8P0kRqI6zRsQLIbjnsBpNcsg1LlZu9MSDcNJ5TungFhGEEx7A+I207Bn0q13VMQVoOzVGN6iFOCM1VydJB7uED3asgdXKQ7CpGMpBRAY7loRBjiQAI5vyGslARSYnGIW4NEqrkxSBsSqh1BWCopJMWOkDQkVvoA6aq83/7n0N9ZIGXt/OGn/w0KdQVE2RHLfwqk+sMxwHjYD1tPvkW7EkJ6xDG6DY562O36Uet2BFg9CWlic3EQaDUoAlJTQFy8nj72ZfR8tXx/OPbnfbmaS3b/Ea+77g3QhM+I2IyMtZY50cgtLUkPPST5OaSBbC8icnFobbwg8DaH1kL4XtAfGhyC68ucx02jt/A1GHxFb23KnXNcj26AAdKEx8Vnz7Lic86dE0Bi0EGWvZhG0EpM9R7ZOtASP+hZBT2kgPop1II6ndfTEDqzdajiLBHprYeIzwFnShVI8c/xvLB0DEt4sdGGCjaJ72atg6zF94ONFSDr0QJlJcnmBVmZKGTE47yRmjHyuHNEIRXAyvPAmRoy46480OHYxLYJdLOyFp4N0Imtqgc+eaX214l6uqpQVwTnxDvIYnNWvLcchXNEC6j8gGtmoRSZCasPVC3ogEIfIr6Q/dWPgrB9ABVHMGViyn/kx5FlnJdcZSozuShRjadyZS0ev2252k45lcqOlkekrHyy92zJjj17smfR+PDy6ICakgkLzRZgG5ahjJoBTlQyqMLHB/l8EHYK1Cq7seJFtY2Vvv4WNGqiMoqVHXohwhtmQaceKuhUP2+i7rz9gFZpurWg2q9W+1P+7jU3OebbLfONn/kW9NqbYfNtufkBwfyoYn5oMj++mR8kr3akNT9cmx/zzS8czK8+/ucljPl10D+nrmo4jdGd2gAAAABJRU5ErkJggg==",mt="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAABXFBMVEX///8AAAD/////////////////////////////////////3+b/////////////////////////////////////pLb/8PP/9/n/usj/09v/+/3/NF3/nbH/p7n/bIr/lqz/rr//5uv/0dr/X4D/lKn/V3j/jaT/boz/QGj/Xn//ssL/iKD/gZz/ydT/o7b/s8L/wc7/QWj/LFf/N1//gZr/THD/aYf/jKT/ZYT/Vnj/WXz/vsv/PGP/TXH/WXr/V3j/fpj/YID/ZYT/UXT/OWH/dJD/cI3/a4n/YoL/XX7/SG3/bov/aYf/Z4X/W3z/Sm//RGr/KVT/Qmj/M1z/MFr/hp7/fJb/dpL/PmX/Nl//g5z/eZT/T3P/QGf/IE3/gJr/co7/Rmz/U3b/JlL/Ik//i6L/VXf/G0n/LVj/GEf/kaf/iKH/JFH/HUv/jaT/epX/K1f/////9/n/t8ZcHWQ1AAAAPHRSTlPMABzIwbSlk2hDBdW9iYB6bVtKMCjn0s7d3M379O/q5d7W1fv6+fj29vHs6Ofh3t3a+/j39vb08PDw7ejaLmX2AAADo0lEQVRYw7WY91MaQRTHvznggAMkAoo1lvTeOy0QCE3RAwHFgthQY9T4/8/k3cJZdu8snPnM8AMM7zNv97a8d7hjihRw+WSH12bzOmSfKyCZ/9NEorj7HOBw9LmVG0hCfjsMsftD15QEnbgEZ/AaEolXiBrpConisuFKbC7lMokk41rIkrnEbcc1sbvNJP24Af3Gkru4EXdFCXP0agE3lpvQz0vc6AH3RYlkRw/YpfMSRUZPyMo5iQs94jqTSDb0iE06lTjRM05dEoQRg1OeqRF0CU+/fuOBEcGuxGlg+D62pzHOIoe+bu7s7u6+u2fgcXYkIQi8fLC394fY2toaHxx8+ntzdfVghzyrLyAQYhI/OEaeUTixv7+/QLyd39ggzQHTfAuDw69JFGGdPdPDl5aW1hJq+2h+fn5Dz+aesOIUkggLfpiFU/zaWiKRSJXLlcp5zSth8ZOkDxwPOvFEtXpY/Lm4SJZK+0jXvB/BRfpI4uAT0eMPG41aLR+JkIayac+cpDuaSf4+ugMJHONVEjQ0QTqdzqr1SEcT+Xt8nGfZCLMiIQCORxSuxTebmUwmOqeq9bqmqZMkygb1BBwBCHsvQfEkKBC/kqX8+tycuqJpCieHZTY3o8IuhA8ctUyGwolisTgbLTHNCtP8XCxrmjI4fJDB8aETPzOTTCbjqeVo9Fw27FF9BIcM4fL/3InPZrM/fsS3W4Km/AUcDnjBMcDiiVxuNhY/1ZCnq3kODi9s4PCwcI1YLEcfXVNaZ5p6ZBocNlGCxxROUBIx8umaZdKwbB5ClHjBMxDXBtFKpVKxZJZp6Af6Sulog5qAOBwHeML3U8QyxcRnkkyT07LZbrFsHoYhTqwMgddRokTZp35pTyqbpWzY8LRsJsFDCh9EPuUJmsdSoXCqYaNqtR5DgBQuiHiWaVmo6oraZIv3TBO774EAKQIwYEilhU5Ps5imXUjZFGlymOYNREghwYgJWlVEvFZjmkJXMwAjJP1Q4nlO22SxvFJtNOhY0LLRJsfY4dCPR5EX2o6tNOmAOtXoDvF4NK1MJirt9lGezspONs3mkGmVwq4MY4ZG6cLJLHU11WEYY1f0y8sQz9PNzcjCAtOMDcIEP3eNCkyOHuT26RJ6NAxTQtyFLhJ+9SSzNfZyBKY4udLCmOkpXEbwNosc6+WW9cLPegl628Ww9bLceoNgvVWx3jRZb9+sN5K31tJab66tt/nWXzhYf/XxP1/CWH8d9A98BgCf4ervbgAAAABJRU5ErkJggg==",pt="_container_1d1g7_1",gt="_hidden_1d1g7_15",ft="_item_1d1g7_19",vt="_img_1d1g7_25",_t="_rotateImg_1d1g7_1",wt="_svgcontainer_1d1g7_50",At="_progress_1d1g7_55",yt="_title_1d1g7_66",ht="_titleName_1d1g7_70",Bt="_titleDes_1d1g7_77",St="_playBtns_1d1g7_89",Lt="_playBtn_1d1g7_89",Nt="_timeWrap_1d1g7_110",bt="_timeProgress_1d1g7_116",Tt="_time_1d1g7_110",l={container:pt,hidden:gt,item:ft,img:vt,rotateImg:_t,svgcontainer:wt,progress:At,title:yt,titleName:ht,titleDes:Bt,playBtns:St,playBtn:Lt,timeWrap:Nt,timeProgress:bt,time:Tt},Ct=""+new URL("icon_pre-20929b0c.svg",import.meta.url).href,Et=""+new URL("icon_next-7dc20456.svg",import.meta.url).href,kt="_wrap_1mptt_1",Pt="_notice_1mptt_7",B={wrap:kt,notice:Pt},T=f({name:"TheNoticeBar",props:{text:{type:String,default:""}},setup(i){const e=_(),u=_(),a=w({isActive:!1,wrapWidth:0,contentWidth:0,contentStyle:{transitionDuration:"0s",transform:"translateX(0px)"},time:null}),c=()=>{a.isActive||!u.value||!e.value||(a.isActive=!0,a.contentWidth=u.value.getBoundingClientRect().width,a.wrapWidth=e.value.getBoundingClientRect().width,d())},d=()=>{if(a.contentWidth<=a.wrapWidth||!a.isActive){a.contentStyle.transitionDuration="0s",a.contentStyle.transform="translateX(0px)";return}a.contentStyle.transitionDuration="5s",a.contentStyle.transform="translateX(-100%)",a.time=setTimeout(()=>{a.contentStyle.transitionDuration="0s",a.contentStyle.transform=`translateX(${a.wrapWidth}px)`,requestAnimationFrame(()=>{d()})},5*1e3)},p=()=>{clearTimeout(a.time),a.isActive=!1,a.contentStyle.transitionDuration="0s",a.contentStyle.transform="translateX(0px)",a.time=null};return()=>t("div",{ref:e,class:B.wrap,onMouseenter:()=>c(),onMouseleave:()=>p()},[t("div",{ref:u,style:a.contentStyle,class:B.notice},[i.text])])}}),Rt=f({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 a=w({isFirst:!0,duration:0,currentTime:0}),c=_(),d=()=>{if(a.duration=c.value.duration,a.isFirst){a.isFirst=!1;return}i.playState==="play"&&c.value.play()},p=s=>{c.value.pause(),a.currentTime=s,clearTimeout(u),u=setTimeout(()=>{c.value.currentTime=s,c.value.play(),u=null},300)},o=S(()=>`${A(a.currentTime)} / ${A(a.duration)}`);return C(()=>i.playState,s=>{s==="play"?c.value.play():c.value.pause()}),()=>t("div",{class:[l.container,i.show?l.show:l.hidden]},[t("div",{class:[l.item]},[t("div",{class:l.img},[t(L,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:i.item.titleImg,onLoad:s=>{s.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(E,{type:"circle",class:l.progress,showIndicator:!1,percentage:a.currentTime/a.duration*100},null)]),t("div",{class:l.title},[t("div",{class:l.titleName},[t(T,{text:i.item.musicSheetName},null)]),t("div",{class:l.titleDes},[i.item.composer])]),t("div",{class:l.playBtns},[t(g,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>e("change","pre")},{default:()=>[t("img",{src:Ct},null)]}),t(g,{color:"rgba(57,130,246,1)",class:l.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:N},null),t("img",{style:{display:i.playState==="play"?"":"none",transform:"scale(1.5)"},src:b},null)]}),t(g,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>e("change","next")},{default:()=>[t("img",{src:Et},null)]})]),t("div",{class:l.timeWrap},[t(F,{tooltip:!1,step:.01,class:l.timeProgress,value:a.currentTime,max:a.duration,"onUpdate:value":s=>p(s)},null),t("div",{class:l.time},[o.value]),t("audio",{ref:c,src:i.item.audioFileUrl,onLoadedmetadata:d,onTimeupdate:()=>{u||(a.currentTime=c.value.currentTime)}},null)])])])}}),It="_audioAnimate_29dwa_1",Dt="_musicWave_29dwa_1",jt={audioAnimate:It,musicWave:Dt},xt=f({name:"playLoading",setup(){return()=>t("div",{class:jt.audioAnimate},[t("div",null,null),t("div",null,null),t("div",null,null),t("div",null,null)])}});function Ft(i){return typeof i=="function"||Object.prototype.toString.call(i)==="[object Object]"&&!D(i)}const Gt=f({name:"XiaokuMusic",setup(){const i=k(),e=w({tags:[{name:"全部",id:0},{name:"竖笛",id:1},{name:"排箫",id:2},{name:"口风琴",id:3},{name:"陶笛",id:4},{name:"葫芦丝",id:5}],tagIndex:0,list:x.rows,listActive:0,playState:"pause",showPlayer:!1}),u=o=>{const s=e.list.findIndex(r=>r.id===o.id);s>-1&&(e.listActive=s)},a=S(()=>e.list[e.listActive]||{}),c=()=>{e.list[e.listActive].delFlag=!e.list[e.listActive].delFlag},d=o=>{const s=e.list.findIndex(r=>r.id===o.id);s>-1&&(e.listActive===s?e.playState=e.playState==="play"?"pause":"play":e.playState="play",e.showPlayer=!0,e.listActive=s)},p=o=>{o==="play"?e.playState="play":o==="pause"?e.playState="pause":o==="pre"?e.list[e.listActive-1]&&d(e.list[e.listActive-1]):o==="next"?e.list[e.listActive+1]&&d(e.list[e.listActive+1]):o==="favitor"&&c()};return()=>{let o;return t("div",{class:n.container},[t(y,{align:"center",wrapItem:!1,size:16},{default:()=>[t("img",{style:{cursor:"pointer"},src:lt,onClick:()=>i.push({path:"/xiaoku-ai"})},null),t(P,{separator:""},{default:()=>[t(h,{onClick:()=>i.push({path:"/xiaoku-ai"})},{default:()=>[v("曲谱列表")]}),t("img",{class:n.separator,src:ct},null),t(h,null,{default:()=>[v("一年级上册人教版（2013版）")]})]})]}),t("div",{class:n.wrap},[t("div",{class:n.content},[t("div",{class:n.tools},[t("div",{class:n.tags},[t(y,{size:[24,12],wrap:!1},Ft(o=e.tags.map((s,r)=>t(g,{round:!0,textColor:e.tagIndex===r?"#fff":"#000",color:e.tagIndex===r?"#198CFE":"#fff",onClick:()=>e.tagIndex=r},{default:()=>[s.name]})))?o:{default:()=>[o]})]),t(j,{round:!0},null)]),t("div",{class:n.contentWrap,style:{paddingBottom:e.showPlayer?"90px":""}},[t("div",{class:n.musicList},[t("div",{class:n.wrapList},[e.list.map((s,r)=>t("div",{class:[n.item,e.listActive===r&&n.active],onClick:()=>u(s)},[t("div",{class:n.img},[t(L,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:s.titleImg,onLoad:m=>{m.target.dataset.loaded="true"}},null),t(xt,{class:[e.listActive===r&&e.playState==="play"?"":n.showPlayLoading]},null)]),t("div",{class:n.title},[t("div",{class:n.titleName},[t(T,{text:s.musicSheetName},null)]),t("div",{class:n.titleDes},[s.composer])]),t(g,{color:"#259CFE",textColor:"#fff",round:!0,class:n.btn,type:"primary",onClick:m=>{m.stopPropagation(),d(s)}},{default:()=>[v("试听"),t("img",{src:e.listActive===r&&e.playState==="play"?b:N},null)]}),t("img",{class:n.arrow,src:rt},null)]))])]),t("div",{class:n.musicStaff},[t("div",{class:n.musicName},[a.value.musicSheetName]),t("img",{class:n.goBtn,src:ut,onClick:()=>{window.open("https://dev.kt.colexiu.com/instrument/")}},null),t("div",{class:n.favitor,onClick:()=>c()},[t(R,{name:"favitor",mode:"out-in"},{default:()=>[a.value.delFlag?t("img",{src:mt,key:"1"},null):t("img",{src:dt,key:"2"},null)]})]),t("div",{class:n.staffImgs},[t(I,{name:"van-fade"},{default:()=>{var s,r;return[(r=(s=a.value)==null?void 0:s.firstTone)==null?void 0:r.split(",").map((m,Wt)=>t("img",{src:m,key:m},null))]}})])])])])]),t(Rt,{show:e.showPlayer,playState:e.playState,item:a.value,onChange:s=>p(s)},null)])}}});export{Gt as default};
|
