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