index-legacy-dfddd4d2.js 19 KB

1
  1. System.register(["./index-legacy-2b3f695c.js","./index-legacy-669357dc.js","./icon-collect-active-legacy-f4184206.js","./index-legacy-b10968ed.js","./api-legacy-8981564e.js","./index-legacy-02012b74.js","./index-legacy-25b9cc83.js"],(function(e,t){"use strict";var i,a,o,s,l,n,r,d,_,c,m,p,g,h,u,f,w,v,y,x,b,P,k,S,C,I,A,F,L,B,R,j,z,T,W,N,U,$,E,D,G;return{setters:[e=>{i=e.d,a=e.e,o=e.r,s=e.W,l=e.cu,n=e.w,r=e.f,d=e.o,_=e.cv,c=e.j,m=e._,p=e.q,g=e.$,h=e.a0,u=e.a1,f=e.k,w=e.F,v=e.c,y=e.a,x=e.u,b=e.b4,P=e.G,k=e.cs,S=e.ct,C=e.z,I=e.t,A=e.T,F=e.ae,L=e.b0},e=>{B=e.T},e=>{R=e.N,j=e.i,z=e.a},e=>{T=e.T},e=>{W=e.c,N=e.d,U=e.e,$=e.f},e=>{E=e.g,D=e.s},e=>{G=e.T}],execute:function(){var O=document.createElement("style");O.textContent="._container_1wd8o_1{display:flex;flex-direction:column}._container_1wd8o_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_1wd8o_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_1wd8o_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_1wd8o_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:5Px 18Px;background:#FFFFFF;border-radius:16Px;color:#21225d;line-height:20Px}._container_1wd8o_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_1wd8o_1>.n-space{height:36Px;flex-shrink:0}._container_1wd8o_1 ._separator_1wd8o_31{height:18Px;margin:0 16Px}._wrap_1wd8o_35{padding-top:20Px;flex:1;transition:padding .3s;overflow:hidden}._content_1wd8o_41{display:flex;flex-direction:column;height:100%;background:#DDF2FF;border-radius:20Px}._tools_1wd8o_48{padding:20Px;display:flex;align-items:center;flex-shrink:0}._tools_1wd8o_48 .n-input{margin-left:auto;width:361Px}._contentWrap_1wd8o_58{flex:1;display:flex;padding:0 20Px 20Px;overflow:hidden}._musicList_1wd8o_64{width:28.54166667vw;display:flex;overflow-x:hidden;overflow-y:auto;min-width:330Px}._musicList_1wd8o_64::-webkit-scrollbar{width:0;display:none}._musicList_1wd8o_64 ._wrapList_1wd8o_75{width:26.66666667vw;min-width:294Px;min-height:100%;background:#fff;border-radius:16Px}._musicList_1wd8o_64 ._empty_1wd8o_82{display:flex;align-items:center;justify-content:center;height:50vh}._itemContainer_1wd8o_88{border-radius:16Px;padding:4Px 8Px}._itemContainer_1wd8o_88:first-child{padding-top:8Px}._itemContainer_1wd8o_88:last-child{padding-bottom:8Px}._item_1wd8o_88{position:relative;display:flex;align-items:center;padding:10Px;border-radius:12Px;cursor:pointer}._item_1wd8o_88:hover{background-color:rgba(0,0,0,.05)}._item_1wd8o_88._active_1wd8o_109{background-color:#ddf2ff}._item_1wd8o_88._active_1wd8o_109 ._arrow_1wd8o_112{opacity:1}._item_1wd8o_88 ._img_1wd8o_115{position:relative;width:60Px;height:60Px;border-radius:8Px;margin-right:12Px;box-shadow:0 0 .52083333vw .20833333vw rgba(27,35,55,.1);overflow:hidden;flex-shrink:0}._item_1wd8o_88 ._img_1wd8o_115 .n-image{width:100%;height:100%}._item_1wd8o_88 ._img_1wd8o_115 img{transition:opacity .3s;opacity:0}._item_1wd8o_88 ._img_1wd8o_115 img[data-loaded=true]{opacity:1}._item_1wd8o_88 ._title_1wd8o_136{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}._item_1wd8o_88 ._title_1wd8o_136 ._titleName_1wd8o_143{font-size:16Px;font-weight:600;color:#131415;line-height:28Px;width:100%}._item_1wd8o_88 ._title_1wd8o_136 ._titleDes_1wd8o_150{font-size:14Px;font-weight:400;color:#777;line-height:20Px;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._item_1wd8o_88 ._btn_1wd8o_160{margin-left:auto;width:4.375vw;height:2.08333333vw;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_1wd8o_88 ._btn_1wd8o_160 .n-button__content>img{margin-left:10Px}._item_1wd8o_88 ._arrow_1wd8o_112{position:absolute;top:50%;right:0;transform:translate(124%,-50%);opacity:0}._item_1wd8o_88 ._showPlayLoading_1wd8o_182{opacity:0}._loadingWrap_1wd8o_185{display:flex;justify-content:center;min-height:80Px}._musicStaff_1wd8o_190{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_1wd8o_190::-webkit-scrollbar{width:0;display:none}._musicStaff_1wd8o_190 ._goBtn_1wd8o_206{position:fixed;left:65%;bottom:46Px;transform:translate(-50%);height:70Px;cursor:pointer;transition:all .2s ease-in}._musicStaff_1wd8o_190 ._favitor_1wd8o_215{position:absolute;top:1.04166667vw;right:1.25vw;width:2.5vw;height:2.5vw;cursor:pointer;transition:all .3s}._musicStaff_1wd8o_190 ._favitor_1wd8o_215:hover{transform:scale(1.1)}._musicStaff_1wd8o_190 ._favitor_1wd8o_215>img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 .52083333vw rgba(27,35,55,.1))}._musicName_1wd8o_233{padding-top:30Px;font-size:24Px;font-weight:500;color:#333;line-height:24Px;text-align:center}._staffImgs_1wd8o_241{flex:1;overflow-y:auto}._staffImgs_1wd8o_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.20833333vw;bottom:0;right:0;display:flex;align-items:center;height:108Px;padding:0 60Px;background-color:#fff;box-shadow:0 .10416667vw .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 .52083333vw .20833333vw 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.29166667vw;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.58333333vw}._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:.26041667vw;height:1.04166667vw;background:linear-gradient(135deg,#34FFC5 0%,#1BD2FF 100%);transform-origin:bottom;border-radius:.26041667vw .26041667vw 0 0;margin:0 .10416667vw}._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(O);const q="_container_1wd8o_1",J="_separator_1wd8o_31",M="_wrap_1wd8o_35",X="_content_1wd8o_41",K="_tools_1wd8o_48",Y="_contentWrap_1wd8o_58",H="_musicList_1wd8o_64",Q="_wrapList_1wd8o_75",V="_empty_1wd8o_82",Z="_itemContainer_1wd8o_88",ee="_item_1wd8o_88",te="_active_1wd8o_109",ie="_arrow_1wd8o_112",ae="_img_1wd8o_115",oe="_title_1wd8o_136",se="_titleName_1wd8o_143",le="_titleDes_1wd8o_150",ne="_btn_1wd8o_160",re="_showPlayLoading_1wd8o_182",de="_loadingWrap_1wd8o_185",_e="_musicStaff_1wd8o_190",ce="_goBtn_1wd8o_206",me="_favitor_1wd8o_215",pe="_musicName_1wd8o_233",ge="_staffImgs_1wd8o_241",he=""+new URL("icon_back-57d35e72.svg",t.meta.url).href,ue=""+new URL("icon_separator-7cca8458.svg",t.meta.url).href,fe=""+new URL("icon_arrow-b4fee1f7.svg",t.meta.url).href,we=""+new URL("icon_play-43b52923.svg",t.meta.url).href,ve=""+new URL("icon_pause-6dbc64e3.svg",t.meta.url).href,ye=""+new URL("icon_goXiaoku-c05e1880.svg",t.meta.url).href,xe=""+new URL("icon_default-7bc33289.png",t.meta.url).href,be={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"},Pe=""+new URL("icon_pre-20929b0c.svg",t.meta.url).href,ke=""+new URL("icon_next-7dc20456.svg",t.meta.url).href,Se=i({name:"playItem",props:{item:{type:Object,default:()=>({})},show:{type:Boolean,default:!1},playState:{type:String,default:"pause"}},emits:["change"],setup(e,{emit:t}){let i=null;const m=a({isFirst:!0,duration:0,currentTime:0}),p=o(),g=()=>{m.duration=p.value.duration,m.isFirst?m.isFirst=!1:"play"===e.playState&&p.value.play()},h=s((()=>`${l(m.currentTime)} / ${l(m.duration)}`));return n((()=>e.playState),(e=>{"play"===e?p.value.play():p.value.pause()})),()=>r("div",{class:[be.container,e.show?be.show:be.hidden]},[r("div",{class:[be.item]},[r("div",{class:be.img},[r(d,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:e.item.titleImg,onLoad:e=>{e.target.dataset.loaded="true"}},null),r("svg",{class:be.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(_,{type:"circle",class:be.progress,showIndicator:!1,percentage:m.currentTime/m.duration*100},null)]),r("div",{class:be.title},[r("div",{class:be.titleName},[r(T,{text:e.item.musicSheetName},null)]),r("div",{class:be.titleDes},[e.item.composer])]),r("div",{class:be.playBtns},[r(c,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>t("change","pre")},{default:()=>[r("img",{src:Pe},null)]}),r(c,{color:"rgba(57,130,246,1)",class:be.playBtn,circle:!0,bordered:!1,onClick:()=>t("change","pause"===e.playState?"play":"pause")},{default:()=>[r("img",{style:{display:"pause"===e.playState?"":"none",transform:"scale(1.5) translateX(1Px)"},src:we},null),r("img",{style:{display:"play"===e.playState?"":"none",transform:"scale(1.5)"},src:ve},null)]}),r(c,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>t("change","next")},{default:()=>[r("img",{src:ke},null)]})]),r("div",{class:be.timeWrap},[r(R,{tooltip:!1,step:.01,class:be.timeProgress,value:m.currentTime,max:m.duration,"onUpdate:value":t=>(t=>{p.value.pause(),m.currentTime=t,clearTimeout(i),i=setTimeout((()=>{p.value.currentTime=t,"play"===e.playState&&p.value.play(),i=null}),300)})(t)},null),r("div",{class:be.time},[h.value]),r("audio",{ref:p,src:e.item.audioFileUrl||e.item.metronomeUrl,onLoadedmetadata:g,onEnded:()=>{t("change","pause")},onTimeupdate:()=>{i||(m.currentTime=p.value.currentTime)}},null)])])])}}),Ce="_audioAnimate_29dwa_1",Ie=i({name:"playLoading",setup:()=>()=>r("div",{class:Ce},[r("div",null,null),r("div",null,null),r("div",null,null),r("div",null,null)])}),Ae=i({name:"music-guide",emits:["close"],setup(e,{emit:t}){const i=a({box:{height:"0px"},show:!1,steps:[{ele:"",eleRect:{},img:E("music1.png"),handStyle:{top:"0.91rem"},imgStyle:{top:m(-4),left:m(0),width:m(534),height:m(228)},btnsStyle:{bottom:m(40),left:m(159)},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:E("music2.png"),imgStyle:{top:m(-4),left:m(-205),width:m(420),height:m(228)},btnsStyle:{bottom:m(35),left:m(-48)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:E("music3.png"),imgStyle:{top:"100%",left:"-130px",width:m(401),height:m(304)},btnsStyle:{bottom:m(100),left:m(30)},boxStyle:{borderRadius:"40px"},eleRectPadding:{left:7,top:7,width:14,height:14},type:"bottom"}],step:0}),s=o(!1),l=localStorage.getItem("teacher-guideInfo");l&&JSON.parse(l).musicGuide?s.value=!1:s.value=!0;const n=()=>{const e=document.getElementById(`music-${i.step}`);if(e){const t=e.getBoundingClientRect();if(console.log(e.style.display,"ele"),"none"==e.style.display)return void _();const a=i.steps[i.step].eleRectPadding?.left||0,o=i.steps[i.step].eleRectPadding?.top||0,s=i.steps[i.step].eleRectPadding?.width||0,l=i.steps[i.step].eleRectPadding?.height||0;i.box={left:t.x-a+"px",top:t.y-o+"px",width:t.width+s+"px",height:t.height+l+"px"},console.log(`coai-${i.step}`,i.box)}else _()};p((()=>{n(),window.addEventListener("resize",d)}));const d=()=>{n()};g((()=>{window.removeEventListener("resize",d)}));const _=()=>{i.step>=3?c():(i.step=i.step+1,n())},c=()=>{let e=JSON.parse(localStorage.getItem("teacher-guideInfo")||"{}")||null;e?e.musicGuide=!0:e={musicGuide:!0},localStorage.setItem("teacher-guideInfo",JSON.stringify(e)),s.value=!1};return()=>r(w,null,[s.value?h(r("div",{"onUpdate:show":e=>s.value=e,class:["n-modal-mask","n-modal-mask-guide"]},[r("div",{class:D.content,onClick:()=>_()},[r("div",{class:D.backBtn,onClick:e=>{e.stopPropagation(),c()}},[f("跳过")]),r("div",{class:D.box,style:{...i.box,...i.steps[i.step].boxStyle},id:`modeType-${i.step}`},[i.steps.map(((e,t)=>r("div",{onClick:e=>e.stopPropagation(),class:D.item,style:"bottom"==e.type?{display:t===i.step?"":"none",left:`${e.eleRect?.left}px`,top:`-${e.imgStyle?.height}`}:{display:t===i.step?"":"none",left:`${e.eleRect?.left}px`,top:`${i.box?.height}`}},[r("img",{class:D.img,style:e.imgStyle,src:e.img},null),r("div",{class:D.btns,style:e.btnsStyle},[i.step+1==i.steps.length?r(w,null,[r("div",{class:[D.endBtn],onClick:()=>c()},[f("完成")]),r("div",{class:D.nextBtn,onClick:()=>{i.step=0,n()}},[f("再看一遍")])]):r("div",{class:D.btn,onClick:()=>_()},[f("下一步 ("),i.step+1,f("/"),i.steps.length,f(")")])])])))])])]),[[u,s.value,"show"]]):null])}});e("default",i({name:"XiaokuMusic",setup(){const e=v(),t=y(),i=x(),l=a({page:1,rows:20,status:!0,name:"",musicSheetCategoriesId:t.query.id||""}),n=a({loading:!1,finshed:!1,reshing:!1,tags:[],tagIndex:0,list:[],listActive:0,playState:"pause",showPlayer:!1}),_=o(!1),m=async()=>{n.loading=!0;let e={};try{e=await N({...l,musicSubject:n.tagIndex?n.tagIndex:""})}catch(t){console.log(t)}n.reshing&&(n.list=[],n.reshing=!1),200===e?.code&&Array.isArray(e?.data?.rows)&&(n.list=[...n.list,...e.data.rows],n.finshed=e.data.rows.length<l.rows,console.log("🚀 ~ data.finshed:",n.finshed)),n.list[n.listActive]&&u(n.list[n.listActive]),n.loading=!1,setTimeout((()=>{_.value=!0}),500)},g=()=>{n.listActive=0,n.showPlayer=!1,n.playState="pause",l.page=1,n.finshed=!1,m()},h=o();p((async()=>{(async()=>{const e=await W();Array.isArray(e?.data)&&(n.tags=[{name:"全部",id:0},...e.data])})(),await m();const e=new IntersectionObserver((e=>{e[0].intersectionRatio>0&&(console.log(n.finshed),n.loading||n.finshed||(l.page=l.page+1,m()))}));b((()=>{e.observe(h.value)}))}));const u=async e=>{const t=await U({type:"MUSIC",materialId:e.id});200===t?.code&&(e.favitor=t.data)},w=s((()=>n.list[n.listActive]||{})),R=()=>{n.list[n.listActive].favitor=!n.list[n.listActive].favitor,$({favoriteFlag:n.list[n.listActive].favitor,type:"MUSIC",materialId:n.list[n.listActive].id})},E=e=>{const t=n.list.findIndex((t=>t.id===e.id));t>-1&&(n.listActive===t?n.playState="play"===n.playState?"pause":"play":n.playState="play",n.showPlayer=!0,n.listActive=t)},D=e=>{"play"===e?n.playState="play":"pause"===e?n.playState="pause":"pre"===e?n.list[n.listActive-1]&&E(n.list[n.listActive-1]):"next"===e?n.list[n.listActive+1]&&E(n.list[n.listActive+1]):"favitor"===e&&R()};return()=>{let a;return r("div",{class:q},[r(P,{align:"center",wrapItem:!1,size:16},{default:()=>[r("img",{style:{cursor:"pointer"},src:he,onClick:()=>i.push({path:"/xiaoku-ai"})},null),r(k,{separator:""},{default:()=>[r(S,{onClick:()=>i.push({path:"/xiaoku-ai"})},{default:()=>[f("全部列表")]}),r("img",{class:J,src:ue},null),r(S,null,{default:()=>[t.query.name]})]})]}),r("div",{class:M,style:{paddingBottom:n.showPlayer?"108Px":""}},[r("div",{class:X},[r("div",{class:K},[r(P,{style:{width:"100%"},size:[24,12],wrapItem:!1},{default:()=>{return[r("div",{id:"music-0"},[r(P,{style:{width:"100%"},size:[24,12],wrapItem:!1},(e=a=n.tags.map((e=>r(c,{round:!0,textColor:n.tagIndex===e.id?"#fff":"#000",color:n.tagIndex===e.id?"#198CFE":"#fff",onClick:()=>{n.tagIndex=e.id,n.reshing=!0,g()}},{default:()=>[e.name]}))),"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!L(e)?a:{default:()=>[a]}))])];var e}}),r(B,{style:{marginLeft:"auto"},round:!0,border:!1,onSearch:e=>{l.name=e,n.reshing=!0,g()}},null)]),r("div",{class:Y},[r("div",{class:H},[r("div",{class:Q},[n.list.map(((e,t)=>r("div",{class:Z},[r("div",{class:[ee,n.listActive===t&&te],onClick:()=>(e=>{const t=n.list.findIndex((t=>t.id===e.id));t>-1&&(n.listActive=t),u(e)})(e)},[r("div",{class:ae},[r(d,{width:60,height:60,lazy:!0,objectFit:"cover",previewDisabled:!0,src:e.titleImg||xe,onLoad:e=>{e.target.dataset.loaded="true"}},null),r(Ie,{class:[n.listActive===t&&"play"===n.playState?"":re]},null)]),r("div",{class:oe},[r("div",{class:se},[r(T,{text:e.musicSheetName},null)]),r("div",{class:le},[e.composer])]),r(c,0==t?C({color:"#259CFE",textColor:"#fff"},{id:"music-1"},{round:!0,class:ne,type:"primary",onClick:t=>{t.stopPropagation(),E(e)}}):{color:"#259CFE",textColor:"#fff",round:!0,class:ne,type:"primary",onClick:t=>{t.stopPropagation(),E(e)}},{default:()=>[f("试听"),r("img",{src:n.listActive===t&&"play"===n.playState?ve:we},null)]}),r("img",{class:ie,src:fe},null)])]))),!n.finshed&&r("div",{ref:h,class:de},[r(I,{show:!0},null)]),!n.loading&&0===n.list.length&&r("div",{class:V},[r(G,null,null)])])]),r("div",{class:_e},[r("div",{class:pe},[w.value.musicSheetName]),r("img",{id:"music-2",style:{display:w.value.id?"":"none",bottom:n.showPlayer?"154Px":"46Px"},class:ce,src:ye,onClick:()=>{D("pause");const t=`${/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin}/instrument?platform=pc&showGuide=true&id=${w.value.id}&Authorization=${e.getToken}`;window.open(t)}},null),r("div",{style:{display:w.value.id?"":"none"},class:me,onClick:()=>R()},[r(A,{name:"favitor",mode:"out-in"},{default:()=>[w.value.favitor?r("img",{src:j,key:"1"},null):r("img",{src:z,key:"2"},null)]})]),r("div",{class:ge},[r(F,{name:"van-fade"},{default:()=>[w.value?.musicSvg||w.value?.musicImg?(w.value?.musicSvg||w.value?.musicImg)?.split(",").map(((e,t)=>r("img",{src:e,key:e},null))):r(G,null,null)]})])])])])]),0!==n.list.length&&r(Se,{show:n.showPlayer,playState:n.playState,item:w.value,onChange:e=>D(e)},null),_.value?r(Ae,null,null):null])}}}))}}}));