| 1 |
- System.register(["./index-legacy-1af91e02.js","./index-legacy-3defe231.js","./index-legacy-62d6b0ed.js","./Slider-legacy-6c587c9b.js","./api-legacy-4e874d54.js"],(function(t,e){"use strict";var i,a,n,s,o,l,r,_,d,f,c,m,h,g,u,p,w,v,y,x,b,P,k,S,A,F,C,I,L,B,j,T,W;return{setters:[t=>{i=t.d,a=t.e,n=t.r,s=t.$,o=t.cl,l=t.w,r=t.f,_=t.o,d=t.cm,f=t.j,c=t.c,m=t.a,h=t.u,g=t.q,u=t.aK,p=t.B,w=t.cj,v=t.ck,y=t.k,x=t.bX,b=t.cn,P=t.T,k=t.O,S=t.aG},t=>{A=t.T},t=>{F=t.T,C=t.i,I=t.a},t=>{L=t.N},t=>{B=t.c,j=t.d,T=t.e,W=t.f}],execute:function(){var z=document.createElement("style");z.textContent="._container_1n0wf_1{display:flex;flex-direction:column;height:100%}._container_1n0wf_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_1n0wf_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_1n0wf_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_1n0wf_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:5Px 18Px;background:#FFFFFF;border-radius:16Px;color:#21225d;line-height:20Px}._container_1n0wf_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_1n0wf_1>.n-space{height:36Px;flex-shrink:0}._container_1n0wf_1 ._separator_1n0wf_32{height:18Px;margin:0 16Px}._wrap_1n0wf_36{padding-top:20Px;flex:1;transition:padding .3s;overflow:hidden}._content_1n0wf_42{display:flex;flex-direction:column;height:100%;background:#DDF2FF;border-radius:20Px}._tools_1n0wf_49{padding:20Px;display:flex;align-items:center;flex-shrink:0}._tools_1n0wf_49 .n-input{margin-left:auto;width:361Px}._contentWrap_1n0wf_59{flex:1;display:flex;padding:0 20Px 20Px;overflow:hidden}._musicList_1n0wf_65{width:28.54167vw;height:100%;overflow-x:hidden;overflow-y:auto;min-width:330Px}._musicList_1n0wf_65::-webkit-scrollbar{width:0;display:none}._musicList_1n0wf_65 ._wrapList_1n0wf_76{width:26.66667vw;min-width:294Px;min-height:300Px;background:#fff;border-radius:16Px}._musicList_1n0wf_65 ._empty_1n0wf_83{display:flex;align-items:center;justify-content:center;min-height:300Px}._itemContainer_1n0wf_89{border-radius:16Px;padding:4Px 8Px}._itemContainer_1n0wf_89:first-child{padding-top:8Px}._itemContainer_1n0wf_89:last-child{padding-bottom:8Px}._item_1n0wf_89{position:relative;display:flex;align-items:center;padding:10Px;border-radius:12Px;cursor:pointer}._item_1n0wf_89:hover{background-color:rgba(0,0,0,.05)}._item_1n0wf_89._active_1n0wf_110{background-color:#ddf2ff}._item_1n0wf_89._active_1n0wf_110 ._arrow_1n0wf_113{opacity:1}._item_1n0wf_89 ._img_1n0wf_116{position:relative;width:60Px;height:60Px;border-radius:8Px;margin-right:12Px;box-shadow:0 0 .52083vw .20833vw rgba(27,35,55,.1);overflow:hidden;flex-shrink:0}._item_1n0wf_89 ._img_1n0wf_116 .n-image{width:100%;height:100%}._item_1n0wf_89 ._img_1n0wf_116 img{transition:opacity .3s;opacity:0}._item_1n0wf_89 ._img_1n0wf_116 img[data-loaded=true]{opacity:1}._item_1n0wf_89 ._title_1n0wf_137{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}._item_1n0wf_89 ._title_1n0wf_137 ._titleName_1n0wf_144{font-size:16Px;font-weight:600;color:#131415;line-height:28Px;width:100%}._item_1n0wf_89 ._title_1n0wf_137 ._titleDes_1n0wf_151{font-size:14Px;font-weight:400;color:#777;line-height:20Px;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._item_1n0wf_89 ._btn_1n0wf_161{margin-left:auto;width:4.375vw;height:2.08333vw;background:linear-gradient(to right,#44CAFF,#259DFE);border:none;padding:0;font-weight:700!important;flex-shrink:0;min-width:62Px;min-height:30Px}._item_1n0wf_89 ._btn_1n0wf_161 .n-button__content>img{margin-left:10Px}._item_1n0wf_89 ._arrow_1n0wf_113{position:absolute;top:50%;right:0;transform:translate(124%,-50%);opacity:0}._item_1n0wf_89 ._showPlayLoading_1n0wf_183{opacity:0}._loadingWrap_1n0wf_186{display:flex;justify-content:center;min-height:80Px}._musicStaff_1n0wf_191{display:flex;flex-direction:column;position:relative;left:-8Px;flex:1;background-color:#fff;border-radius:16Px;height:100%;z-index:1;overflow:hidden}._musicStaff_1n0wf_191::-webkit-scrollbar{width:0;display:none}._musicStaff_1n0wf_191 ._goBtn_1n0wf_207{position:absolute;left:50%;bottom:46Px;transform:translate(-50%);height:70Px;cursor:pointer}._musicStaff_1n0wf_191 ._favitor_1n0wf_215{position:absolute;top:1.04167vw;right:1.25vw;width:2.5vw;height:2.5vw;cursor:pointer;transition:all .3s}._musicStaff_1n0wf_191 ._favitor_1n0wf_215:hover{transform:scale(1.1)}._musicStaff_1n0wf_191 ._favitor_1n0wf_215>img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 .52083vw rgba(27,35,55,.1))}._musicName_1n0wf_233{padding-top:30Px;font-size:24Px;font-weight:500;color:#333;line-height:24Px;text-align:center}._staffImgs_1n0wf_241{flex:1;overflow-y:auto}._staffImgs_1n0wf_241>img{width:100%}.van-fade-enter-active,.van-fade-leave-active{transition:all .3s}.van-fade-enter-from,.van-fade-leave-to{opacity:0}._container_hsosf_1{position:fixed;left:5.20833vw;bottom:0;right:0;display:flex;align-items:center;height:108Px;padding:0 60Px;background-color:#fff;box-shadow:0 .10417vw .625vw rgba(0,0,0,.1);z-index:10;transition:all .3s}._hidden_hsosf_15{transform:translateY(100%);opacity:0}._item_hsosf_19{position:relative;display:flex;align-items:center;width:100%}._item_hsosf_19 ._img_hsosf_25{position:relative;width:64Px;height:64Px;border-radius:50%;margin-right:12Px;background-color:#000;box-shadow:0 0 .52083vw .20833vw rgba(27,35,55,.1);padding:7Px;overflow:hidden;flex-shrink:0}._item_hsosf_19 ._img_hsosf_25 .n-image{border-radius:50%;width:100%;height:100%}._item_hsosf_19 ._img_hsosf_25 img{transition:opacity .3s;opacity:0;animation:_rotateImg_hsosf_1 6s linear infinite}._item_hsosf_19 ._img_hsosf_25 img[data-loaded=true]{opacity:1}._item_hsosf_19 ._svgcontainer_hsosf_50{position:fixed;z-index:-1000;pointer-events:none}._item_hsosf_19 ._progress_hsosf_55{position:absolute;left:4Px;top:4Px;width:56Px;pointer-events:none;transform:rotate(180deg)}._item_hsosf_19 ._progress_hsosf_55 .n-progress-graph .n-progress-graph-circle .n-progress-graph-circle-fill{stroke:url(#GradientProgress)}._item_hsosf_19 ._title_hsosf_66{margin-right:15Px;width:200Px}._item_hsosf_19 ._title_hsosf_66 ._titleName_hsosf_70{font-size:16Px;font-weight:600;color:#131415;line-height:28Px;white-space:nowrap}._item_hsosf_19 ._title_hsosf_66 ._titleDes_hsosf_77{font-size:14Px;font-weight:400;color:#777;line-height:20Px;white-space:nowrap}@keyframes _rotateImg_hsosf_1{to{transform:rotate(360deg)}}._playBtns_hsosf_89{margin-left:7.29167vw;display:flex;align-items:center}._playBtns_hsosf_89 .n-button{width:40Px;height:40Px}._playBtns_hsosf_89 .n-button img{width:100%;height:100%}._playBtns_hsosf_89 ._playBtn_hsosf_89{width:50Px;height:50Px;margin:0 2.5vw;background:linear-gradient(to right bottom,#44CAFE,#007AFE)}._playBtns_hsosf_89 ._playBtn_hsosf_89 img{display:block}._timeWrap_hsosf_111{flex:1;display:flex;align-items:center;margin-left:4.58333vw}._timeWrap_hsosf_111 ._timeProgress_hsosf_117{margin-right:1.25vw;border-radius:6Px;--n-rail-height: 8Px !important}._timeWrap_hsosf_111 ._time_hsosf_111{width:90Px;white-space:nowrap;flex-shrink:0}._audioAnimate_29dwa_1{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:flex-end;padding-bottom:30%}._audioAnimate_29dwa_1 div{width:.26042vw;height:1.04167vw;background:linear-gradient(135deg,#34FFC5 0%,#1BD2FF 100%);transform-origin:bottom;border-radius:.26042vw .26042vw 0 0;margin:0 .10417vw}._audioAnimate_29dwa_1 div:nth-child(1){animation:_musicWave_29dwa_1 .5s infinite linear both alternate}._audioAnimate_29dwa_1 div:nth-child(2){animation:_musicWave_29dwa_1 .2s infinite linear both alternate}._audioAnimate_29dwa_1 div:nth-child(3){animation:_musicWave_29dwa_1 .6s infinite linear both alternate}._audioAnimate_29dwa_1 div:nth-child(4){animation:_musicWave_29dwa_1 .3s infinite linear both alternate}@keyframes _musicWave_29dwa_1{0%{height:5px}to{height:20px}}\n",document.head.appendChild(z);const U="_container_1n0wf_1",D="_separator_1n0wf_32",N="_wrap_1n0wf_36",R="_content_1n0wf_42",E="_tools_1n0wf_49",$="_contentWrap_1n0wf_59",G="_musicList_1n0wf_65",O="_wrapList_1n0wf_76",X="_empty_1n0wf_83",q="_itemContainer_1n0wf_89",M="_item_1n0wf_89",K="_active_1n0wf_110",Y="_arrow_1n0wf_113",H="_img_1n0wf_116",J="_title_1n0wf_137",Q="_titleName_1n0wf_144",V="_titleDes_1n0wf_151",Z="_btn_1n0wf_161",tt="_showPlayLoading_1n0wf_183",et="_loadingWrap_1n0wf_186",it="_musicStaff_1n0wf_191",at="_goBtn_1n0wf_207",nt="_favitor_1n0wf_215",st="_musicName_1n0wf_233",ot="_staffImgs_1n0wf_241",lt=""+new URL("icon_back-17d73f64.svg",e.meta.url).href,rt=""+new URL("icon_separator-36fe21d8.svg",e.meta.url).href,_t=""+new URL("icon_arrow-653dc704.svg",e.meta.url).href,dt=""+new URL("icon_play-e55ce8d9.svg",e.meta.url).href,ft=""+new URL("icon_pause-b55f26df.svg",e.meta.url).href,ct=""+new URL("icon_goXiaoku-af3839bc.svg",e.meta.url).href,mt={container:"_container_hsosf_1",hidden:"_hidden_hsosf_15",item:"_item_hsosf_19",img:"_img_hsosf_25",rotateImg:"_rotateImg_hsosf_1",svgcontainer:"_svgcontainer_hsosf_50",progress:"_progress_hsosf_55",title:"_title_hsosf_66",titleName:"_titleName_hsosf_70",titleDes:"_titleDes_hsosf_77",playBtns:"_playBtns_hsosf_89",playBtn:"_playBtn_hsosf_89",timeWrap:"_timeWrap_hsosf_111",timeProgress:"_timeProgress_hsosf_117",time:"_time_hsosf_111"},ht=""+new URL("icon_pre-f15675ed.svg",e.meta.url).href,gt=""+new URL("icon_next-7ede96c3.svg",e.meta.url).href,ut=i({name:"playItem",props:{item:{type:Object,default:()=>({})},show:{type:Boolean,default:!1},playState:{type:String,default:"pause"}},emits:["change"],setup(t,{emit:e}){let i=null;const c=a({isFirst:!0,duration:0,currentTime:0}),m=n(),h=()=>{c.duration=m.value.duration,c.isFirst?c.isFirst=!1:"play"===t.playState&&m.value.play()},g=s((()=>`${o(c.currentTime)} / ${o(c.duration)}`));return l((()=>t.playState),(t=>{"play"===t?m.value.play():m.value.pause()})),()=>r("div",{class:[mt.container,t.show?mt.show:mt.hidden]},[r("div",{class:[mt.item]},[r("div",{class:mt.img},[r(_,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:t.item.titleImg,onLoad:t=>{t.target.dataset.loaded="true"}},null),r("svg",{class:mt.svgcontainer},[r("defs",null,[r("linearGradient",{id:"GradientProgress"},[r("stop",{"stop-color":"#5BECFF",offset:"0%"},null),r("stop",{"stop-color":"#259CFE",offset:"100%"},null)])])]),r(d,{type:"circle",class:mt.progress,showIndicator:!1,percentage:c.currentTime/c.duration*100},null)]),r("div",{class:mt.title},[r("div",{class:mt.titleName},[r(F,{text:t.item.musicSheetName},null)]),r("div",{class:mt.titleDes},[t.item.composer])]),r("div",{class:mt.playBtns},[r(f,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>e("change","pre")},{default:()=>[r("img",{src:ht},null)]}),r(f,{color:"rgba(57,130,246,1)",class:mt.playBtn,circle:!0,bordered:!1,onClick:()=>e("change","pause"===t.playState?"play":"pause")},{default:()=>[r("img",{style:{display:"pause"===t.playState?"":"none",transform:"scale(1.5) translateX(1Px)"},src:dt},null),r("img",{style:{display:"play"===t.playState?"":"none",transform:"scale(1.5)"},src:ft},null)]}),r(f,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>e("change","next")},{default:()=>[r("img",{src:gt},null)]})]),r("div",{class:mt.timeWrap},[r(L,{tooltip:!1,step:.01,class:mt.timeProgress,value:c.currentTime,max:c.duration,"onUpdate:value":e=>(e=>{m.value.pause(),c.currentTime=e,clearTimeout(i),i=setTimeout((()=>{m.value.currentTime=e,"play"===t.playState&&m.value.play(),i=null}),300)})(e)},null),r("div",{class:mt.time},[g.value]),r("audio",{ref:m,src:t.item.audioFileUrl||t.item.metronomeUrl,onLoadedmetadata:h,onTimeupdate:()=>{i||(c.currentTime=m.value.currentTime)}},null)])])])}}),pt="_audioAnimate_29dwa_1",wt=i({name:"playLoading",setup:()=>()=>r("div",{class:pt},[r("div",null,null),r("div",null,null),r("div",null,null),r("div",null,null)])});t("default",i({name:"XiaokuMusic",setup(){const t=c(),e=m(),i=h(),o=a({page:1,rows:20,status:!0,keyword:"",musicSheetCategoriesId:e.query.id||""}),l=a({loading:!1,finshed:!1,reshing:!1,tags:[],tagIndex:0,list:[],listActive:0,playState:"pause",showPlayer:!1}),d=async()=>{l.loading=!0;let t={};try{t=await j({...o,musicSubject:l.tagIndex?l.tagIndex:""})}catch(e){console.log(e)}l.reshing&&(l.list=[],l.reshing=!1),200===t?.code&&Array.isArray(t?.data?.rows)&&(l.list=[...l.list,...t.data.rows],l.finshed=t.data.rows.length<o.rows,console.log("🚀 ~ data.finshed:",l.finshed)),l.list[l.listActive]&&mt(l.list[l.listActive]),l.loading=!1},L=()=>{o.page=1,l.finshed=!1,d()},z=n();g((async()=>{(async()=>{const t=await B();Array.isArray(t?.data)&&(l.tags=[{name:"全部",id:0},...t.data])})(),await d();const t=new IntersectionObserver((t=>{t[0].intersectionRatio>0&&(console.log(l.finshed),l.loading||l.finshed||(o.page=o.page+1,d()))}));u((()=>{t.observe(z.value)}))}));const mt=async t=>{const e=await T({type:"MUSIC",materialId:t.id});200===e?.code&&(t.favitor=e.data)},ht=s((()=>l.list[l.listActive]||{})),gt=()=>{l.list[l.listActive].favitor=!l.list[l.listActive].favitor,W({favoriteFlag:l.list[l.listActive].favitor,type:"MUSIC",materialId:l.list[l.listActive].id})},pt=t=>{const e=l.list.findIndex((e=>e.id===t.id));e>-1&&(l.listActive===e?l.playState="play"===l.playState?"pause":"play":l.playState="play",l.showPlayer=!0,l.listActive=e)},vt=t=>{"play"===t?l.playState="play":"pause"===t?l.playState="pause":"pre"===t?l.list[l.listActive-1]&&pt(l.list[l.listActive-1]):"next"===t?l.list[l.listActive+1]&&pt(l.list[l.listActive+1]):"favitor"===t&>()};return()=>{let a;return r("div",{class:U},[r(p,{align:"center",wrapItem:!1,size:16},{default:()=>[r("img",{style:{cursor:"pointer"},src:lt,onClick:()=>i.push({path:"/xiaoku-ai"})},null),r(w,{separator:""},{default:()=>[r(v,{onClick:()=>i.push({path:"/xiaoku-ai"})},{default:()=>[y("曲谱列表")]}),r("img",{class:D,src:rt},null),r(v,null,{default:()=>[e.query.name]})]})]}),r("div",{class:N,style:{paddingBottom:l.showPlayer?"108Px":""}},[r("div",{class:R},[r("div",{class:E},[r(p,{style:{width:"100%"},size:[24,12],wrapItem:!1},(n=a=l.tags.map((t=>r(f,{round:!0,textColor:l.tagIndex===t.id?"#fff":"#000",color:l.tagIndex===t.id?"#198CFE":"#fff",onClick:()=>{l.tagIndex=t.id,l.reshing=!0,L()}},{default:()=>[t.name]}))),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!S(n)?a:{default:()=>[a]})),r(A,{style:{marginLeft:"auto"},round:!0,onSearch:t=>{o.keyword=t,l.reshing=!0,L()}},null)]),r("div",{class:$},[r("div",{class:G},[r("div",{class:O},[l.list.map(((t,e)=>r("div",{class:q},[r("div",{class:[M,l.listActive===e&&K],onClick:()=>(t=>{const e=l.list.findIndex((e=>e.id===t.id));e>-1&&(l.listActive=e),mt(t)})(t)},[r("div",{class:H},[r(_,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:t.titleImg,onLoad:t=>{t.target.dataset.loaded="true"}},null),r(wt,{class:[l.listActive===e&&"play"===l.playState?"":tt]},null)]),r("div",{class:J},[r("div",{class:Q},[r(F,{text:t.musicSheetName},null)]),r("div",{class:V},[t.composer])]),r(f,{color:"#259CFE",textColor:"#fff",round:!0,class:Z,type:"primary",onClick:e=>{e.stopPropagation(),pt(t)}},{default:()=>[y("试听"),r("img",{src:l.listActive===e&&"play"===l.playState?ft:dt},null)]}),r("img",{class:Y,src:_t},null)])]))),!l.finshed&&r("div",{ref:z,class:et},[r(x,{show:!0},null)]),!l.loading&&0===l.list.length&&r("div",{class:X},[r(b,null,null)])])]),r("div",{class:it},[r("div",{class:st},[ht.value.musicSheetName]),r("img",{style:{display:ht.value.id?"":"none"},class:at,src:ct,onClick:()=>{vt("pause");const e=`${/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin}/instrument?platform=pc&id=${ht.value.id}&Authorization=${t.getToken}`;window.open(e)}},null),r("div",{style:{display:ht.value.id?"":"none"},class:nt,onClick:()=>gt()},[r(P,{name:"favitor",mode:"out-in"},{default:()=>[ht.value.favitor?r("img",{src:C,key:"1"},null):r("img",{src:I,key:"2"},null)]})]),r("div",{class:ot},[r(k,{name:"van-fade"},{default:()=>[ht.value?.firstTone?.split(",").map(((t,e)=>r("img",{src:t,key:t},null)))]})])])])])]),r(ut,{show:l.showPlayer,playState:l.playState,item:ht.value,onChange:t=>vt(t)},null)]);var n}}}))}}}));
|
