Home Explore Help
Sign In
lex
/
classroom-instruments
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: f8921f8cd2
Branches Tags
classroom-in...
/
dist
/
index-legacy-79dbcfb4-1706578181881.js

index-legacy-79dbcfb4-1706578181881.js 20 KB
History Raw

1 
  1. System.register(["./index-legacy-12037e21-1706578181881.js","./icon_back-legacy-a8ad0d25-1706578181881.js","./index-legacy-6b659357-1706578181881.js","./index-legacy-61c118c8-1706578181881.js","./icon-collect-active-legacy-b7c75e66-1706578181881.js","./icon_default-legacy-fa9bb009-1706578181881.js","./index-legacy-e0976a43-1706578181881.js","./catchData-legacy-dc5f46de-1706578181881.js","./api-legacy-3140daa5-1706578181881.js","./api-legacy-6850f76e-1706578181881.js","./index-legacy-a3f53da5-1706578181881.js","./state-legacy-9ad4285b-1706578181881.js","./index-legacy-03e03b3c-1706578181881.js","./Slider-legacy-ae35851c-1706578181881.js","./index-legacy-d2430edc-1706578181881.js"],(function(e,t){"use strict";var i,a,n,s,l,o,r,u,c,d,_,w,m,p,g,v,h,f,k,y,q,x,b,S,I,A,C,P,j,F,B,L,R,z,U,$,E,T,M,N,D,O,W,V,G,J,X,H,K,Q,Y,Z;return{setters:[e=>{i=e.d,a=e.e,n=e.X,s=e.r,l=e.p,o=e.H,r=e.O,u=e.f,c=e.c1,d=e.bT,_=e.k,w=e.F,m=e.c,p=e.a,g=e.u,v=e.M,h=e.U,f=e.w,k=e.ck,y=e.cl,q=e.cm,x=e.j,b=e.v,S=e.x,I=e.A,A=e.W,C=e.a6,P=e.l,j=e.aV},e=>{F=e.i},e=>{B=e.i,L=e.P,R=e.a,z=e.b,U=e.c,$=e.d},e=>{E=e.T},e=>{T=e.i,M=e.a},e=>{N=e.i},e=>{D=e.T},e=>{O=e.u},e=>{W=e.c,V=e.d,G=e.e},e=>{J=e.g,X=e.s,H=e.a,K=e.b},e=>{Q=e.T},e=>{Y=e.s},e=>{Z=e.u},null,null],execute:function(){var ee=document.createElement("style");ee.textContent="._container_1ukwq_1{display:flex;flex-direction:column;height:100%}._container_1ukwq_1 ._iconBack_1ukwq_6{width:1.875vw;height:1.875vw}._container_1ukwq_1 .n-breadcrumb .n-breadcrumb-item{font-size:max(.83333333rem,12Px)!important}._container_1ukwq_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_1ukwq_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_1ukwq_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_1ukwq_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:.26041667vw .9375vw;background:#FFFFFF;border-radius:.83333333vw;color:#21225d;line-height:1.04166667vw}._container_1ukwq_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_1ukwq_1>.n-space{height:1.875vw;flex-shrink:0}._container_1ukwq_1 ._separator_1ukwq_39{width:.46875vw;height:.78125vw;margin:0 .83333333vw}._wrap_1ukwq_44{padding-top:.78125vw;flex:1;transition:padding .3s;overflow:hidden}._wrap_1ukwq_44._wrapBottom_1ukwq_50{padding-bottom:5.625vw}._content_1ukwq_53{display:flex;flex-direction:column;height:100%;background:#DDF2FF;border-radius:1.04166667vw}._tools_1ukwq_60{padding:1.04166667vw;display:flex;align-items:center;flex-shrink:0}._tools_1ukwq_60 .n-input{margin-left:auto;width:18.80208333vw}._tools_1ukwq_60 .n-input__input-el{height:100%;line-height:100%}._tools_1ukwq_60 .n-button{--n-height: 1.92708333vw !important;height:1.92708333vw;padding:0 1.25vw;font-size:max(.9375rem,13Px)}._tools_1ukwq_60 .n-button.n-button--primary-type{font-weight:700!important;color:#fff}._contentWrap_1ukwq_84{flex:1;display:flex;padding:0 1.04166667vw 1.04166667vw;overflow:hidden;gap:0 1.66666667vw}._musicList_1ukwq_91{background-color:#fff;border-radius:.83333333vw;width:26.66666667vw;min-width:15.3125vw;height:100%;overflow-x:hidden;overflow-y:auto;min-width:330Px}._musicList_1ukwq_91::-webkit-scrollbar{width:0;display:none}._musicList_1ukwq_91 ._wrapList_1ukwq_105{width:26.66666667vw;min-width:15.3125vw;min-height:100%;border-radius:.83333333vw}._musicList_1ukwq_91 ._empty_1ukwq_111{display:flex;align-items:center;justify-content:center;height:50vh}._itemContainer_1ukwq_117{width:100%;border-radius:.83333333vw;padding:.20833333vw .41666667vw}._itemContainer_1ukwq_117:first-child{padding-top:.41666667vw}._itemContainer_1ukwq_117:last-child{padding-bottom:.41666667vw}._item_1ukwq_117{position:relative;display:flex;align-items:center;padding:.52083333vw;border-radius:.625vw;cursor:pointer}._item_1ukwq_117:hover{background-color:rgba(0,0,0,.05)}._item_1ukwq_117._active_1ukwq_139{background-color:#ddf2ff}._item_1ukwq_117._active_1ukwq_139 ._arrow_1ukwq_142{opacity:1}._item_1ukwq_117 ._img_1ukwq_145{position:relative;width:3.125vw;height:3.125vw;border-radius:.41666667vw;margin-right:.625vw;overflow:hidden;flex-shrink:0}._item_1ukwq_117 ._img_1ukwq_145 .n-image{width:3.125vw;height:3.125vw}._item_1ukwq_117 ._img_1ukwq_145 img{transition:opacity .3s;opacity:0;height:100%;width:100%}._item_1ukwq_117 ._img_1ukwq_145 img[data-loaded=true]{opacity:1}._item_1ukwq_117 ._title_1ukwq_167{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}._item_1ukwq_117 ._title_1ukwq_167 ._titleName_1ukwq_174{font-size:max(.9375rem,13Px);font-weight:600;color:#131415;line-height:1.45833333vw;width:100%}._item_1ukwq_117 ._title_1ukwq_167 ._titleDes_1ukwq_181{font-size:max(.72916667rem,11Px);font-weight:400;color:#777;line-height:1.04166667vw;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._item_1ukwq_117 ._btn_1ukwq_191{margin-left:auto;width:4.375vw;height:1.875vw;background:linear-gradient(to right,#44CAFF,#259DFE);border:none;padding:0;font-weight:700!important;flex-shrink:0;min-width:3.22916667vw;min-height:1.5625vw;font-size:max(.9375rem,12Px)}._item_1ukwq_117 ._btn_1ukwq_191 .n-button__content>img{margin-left:.52083333vw;width:.46875vw;height:.625vw}._item_1ukwq_117 ._arrow_1ukwq_142{position:absolute;top:50%;right:.625vw;transform:translate(124%,-50%);opacity:0}._item_1ukwq_117 ._showPlayLoading_1ukwq_216{opacity:0}._loadingWrap_1ukwq_219{display:flex;justify-content:center;min-height:4.16666667vw}._musicStaff_1ukwq_224{display:flex;flex-direction:column;position:relative;left:-.41666667vw;flex:1;background-color:#fff;border-radius:.83333333vw;z-index:1;overflow:hidden}._musicStaff_1ukwq_224::-webkit-scrollbar{width:0;display:none}._musicStaff_1ukwq_224 ._goBtn_1ukwq_239{position:absolute;left:50%;bottom:2.39583333vw;transform:translate(-50%);height:3.64583333vw;cursor:pointer;transition:all .2s ease-in}._musicStaff_1ukwq_224 ._rightBtns_1ukwq_248{position:absolute;top:1.04166667vw;right:1.25vw;display:flex;align-items:center}._musicStaff_1ukwq_224 ._rightBtns_1ukwq_248 ._textBtn_1ukwq_255{margin-right:1.25vw;padding:1px .83333333vw!important;line-height:1.92708333vw!important;height:1.92708333vw!important;background:#F5F6FA;--n-border: #F5F6FA !important}._musicStaff_1ukwq_224 ._favitor_1ukwq_263{width:2.5vw;height:2.5vw;cursor:pointer;transition:all .3s}._musicStaff_1ukwq_224 ._favitor_1ukwq_263:hover{transform:scale(1.1)}._musicStaff_1ukwq_224 ._favitor_1ukwq_263>img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 .52083333vw rgba(27,35,55,.1))}._musicName_1ukwq_278{padding-top:1.5625vw;font-size:1.25rem;font-weight:500;color:#333;line-height:1.25vw;text-align:center}._staffImgs_1ukwq_286{flex:1;overflow-y:auto;height:100%;padding:0 1.5625vw}._staffImgs_1ukwq_286>img{width:100%}.van-fade-enter-active,.van-fade-leave-active{transition:all .3s}.van-fade-enter-from,.van-fade-leave-to{opacity:0}._previewWindow_1ukwq_303{width:85%;height:85vh;position:relative}._previewWindow_1ukwq_303 ._previewClose_1ukwq_308{position:absolute;left:2.08333333vw;top:2.08333333vw;width:3.125vw;height:3.38541667vw}._previewWindow_1ukwq_303 ._previewIframe_1ukwq_315{width:100%;height:85vh;background-color:#fff;border-radius:.83333333vw}._popSelect_1ukwq_321{font-size:.83333333rem;width:10.41666667vw;box-shadow:0 2 .83333333vw rgba(0,0,0,.08);border-radius:.57291667vw;--n-option-height: 1.77083333vw}._popSelect_1ukwq_321 .n-base-select-option__content{width:80%!important}._textBtn_1ukwq_255 ._iconArrow_1ukwq_331{display:inline-block;margin-left:.41666667vw;margin-top:.10416667vw;width:.41666667vw;height:.26041667vw;background:url("+new URL("icon-arrow-66c56d73.svg",t.meta.url).href+") no-repeat center center / contain;transform:rotate(180deg);color:#131415;fill:#131415}._textBtn_1ukwq_255:hover,._textBtn_1ukwq_255._textBtnActive_1ukwq_343{background:#198CFE!important;font-weight:500!important;color:#fff!important}._textBtn_1ukwq_255:hover ._iconArrow_1ukwq_331,._textBtn_1ukwq_255._textBtnActive_1ukwq_343 ._iconArrow_1ukwq_331{transform:rotate(0);background:url("+new URL("icon-arrow2-3d2121db.svg",t.meta.url).href+") no-repeat center center / contain;color:#fff;fill:#fff;margin-top:0}\n",document.head.appendChild(ee);const te="_container_1ukwq_1",ie="_iconBack_1ukwq_6",ae="_separator_1ukwq_39",ne="_wrap_1ukwq_44",se="_wrapBottom_1ukwq_50",le="_content_1ukwq_53",oe="_tools_1ukwq_60",re="_contentWrap_1ukwq_84",ue="_musicList_1ukwq_91",ce="_wrapList_1ukwq_105",de="_empty_1ukwq_111",_e="_itemContainer_1ukwq_117",we="_item_1ukwq_117",me="_active_1ukwq_139",pe="_arrow_1ukwq_142",ge="_img_1ukwq_145",ve="_title_1ukwq_167",he="_titleName_1ukwq_174",fe="_titleDes_1ukwq_181",ke="_btn_1ukwq_191",ye="_showPlayLoading_1ukwq_216",qe="_loadingWrap_1ukwq_219",xe="_musicStaff_1ukwq_224",be="_goBtn_1ukwq_239",Se="_rightBtns_1ukwq_248",Ie="_textBtn_1ukwq_255",Ae="_favitor_1ukwq_263",Ce="_musicName_1ukwq_278",Pe="_staffImgs_1ukwq_286",je="_previewWindow_1ukwq_303",Fe="_previewClose_1ukwq_308",Be="_previewIframe_1ukwq_315",Le="_popSelect_1ukwq_321",Re="_iconArrow_1ukwq_331",ze="_textBtnActive_1ukwq_343",Ue=""+new URL("icon_goXiaoku-5d0db670.png",t.meta.url).href,$e=""+new URL("icon-close-1bf25bcf.png",t.meta.url).href,Ee=i({name:"music-guide",emits:["close"],setup(e,{emit:t}){const i=a({box:{height:"0px"},show:!1,steps:[{ele:"",eleRect:{},img:J("music1.png"),handStyle:{top:"0.91rem"},imgStyle:{top:n(-4),left:n(0),width:n(533),height:n(271)},btnsStyle:{bottom:n(40),left:n(159)},eleRectPadding:{left:7,top:7,width:14,height:14},boxStyle:{}},{ele:"",img:J("music2.png"),imgStyle:{top:n(-4),left:n(-205),width:n(420),height:n(228)},btnsStyle:{bottom:n(35),left:n(-48)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:J("music3.png"),imgStyle:{top:"100%",left:n(-130),width:n(401),height:n(304)},btnsStyle:{bottom:n(100),left:n(30)},boxStyle:{borderRadius:"40px"},eleRectPadding:{left:7,top:7,width:14,height:14},type:"bottom"}],step:0}),m=s(!1),p=s({});(async()=>{try{const e=await H({guideTag:"teacher-guideInfo"});e.data?p.value=JSON.parse(e.data?.guideValue)||null:p.value={},p.value&&p.value.musicGuide?m.value=!1:m.value=!0}catch(e){console.log(e)}})();const g=()=>{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 f();const a=i.steps[i.step].eleRectPadding?.left||0,n=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-n+"px",width:t.width+s+"px",height:t.height+l+"px"}}else f()},v=async e=>{try{if("xiaoku-music"!==e)return;p.value?p.value.musicGuide=!1:p.value={musicGuide:!1};try{await K({guideTag:"teacher-guideInfo",guideValue:JSON.stringify(p.value)})}catch(t){console.log(t)}i.step=0,g(),m.value=!0}catch{}};l((()=>{g(),window.addEventListener("resize",h),o.on("teacher-guideInfo",(e=>v(e)))}));const h=()=>{g()};r((()=>{window.removeEventListener("resize",h),o.off("teacher-guideInfo",v)}));const f=()=>{i.step>=3?k():(i.step=i.step+1,g())},k=async()=>{p.value?p.value.musicGuide=!0:p.value={musicGuide:!0};try{await K({guideTag:"teacher-guideInfo",guideValue:JSON.stringify(p.value)})}catch(e){console.log(e)}m.value=!1};return()=>u(w,null,[m.value?c(u("div",{"onUpdate:show":e=>m.value=e,class:["n-modal-mask","n-modal-mask-guide"]},[u("div",{class:X.content,onClick:()=>f()},[u("div",{class:X.backBtn,onClick:e=>{e.stopPropagation(),k()}},[_("跳过")]),u("div",{class:X.box,style:{...i.box,...i.steps[i.step].boxStyle},id:`modeType-${i.step}`},[i.steps.map(((e,t)=>u("div",{onClick:e=>e.stopPropagation(),class:X.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}`}},[u("img",{class:X.img,style:e.imgStyle,src:e.img},null),u("div",{class:X.btns,style:e.btnsStyle},[i.step+1==i.steps.length?u(w,null,[u("div",{class:[X.endBtn],onClick:()=>k()},[_("完成")]),u("div",{class:X.nextBtn,onClick:()=>{i.step=0,g()}},[_("再看一遍")])]):u("div",{class:X.btn,onClick:()=>f()},[_("下一步 ("),i.step+1,_("/"),i.steps.length,_(")")])])])))])])]),[[d,m.value,"show"]]):null])}});e("default",i({name:"XiaokuMusic",setup(){const e=O(),t=m(),i=p(),n=g(),o=a({page:1,rows:20,status:!0,name:"",musicSheetCategoriesId:i.query.id||""}),c=a({loading:!1,finshed:!1,reshing:!1,tags:[],tagIndex:0,list:[],listActive:0,musicInstrumentIndex:0,playState:"pause",showPlayer:!1,previewModal:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,iframeSrc:""}),d=s(!1),w=m(),J=async()=>{c.loading=!0;let e={};try{e=await W({...o,musicSubject:c.tagIndex?c.tagIndex:""})}catch(t){console.log(t)}c.reshing&&(c.list=[],c.reshing=!1),200===e?.code&&Array.isArray(e?.data?.rows)&&(c.list=[...c.list,...e.data.rows],c.finshed=e.data.rows.length<o.rows,console.log("🚀 ~ data.finshed:",c.finshed)),c.list[c.listActive]&&ee(c.list[c.listActive]),c.loading=!1,setTimeout((()=>{d.value=!0}),500)},X=()=>{c.listActive=0,c.showPlayer=!1,c.playState="pause",o.page=1,c.finshed=!1,J()},H=s(),K=e=>{"api_fingerPreView"===e.data?.api&&(c.showCloseBtn=!e.data.state)};l((async()=>{await e.getSubjects(),Z(document.querySelector(".musicList-container"),(e=>{const t=e[0],{height:i}=t.contentRect;document.documentElement.style.setProperty("--xiaoku-music-height",i+"px")})),(async()=>{const t=e.getSubjectAllList,i=sessionStorage.getItem("musicSubjectList")?JSON.parse(sessionStorage.getItem("musicSubjectList")):[],a=[];t.forEach((e=>{i.find((t=>t.id===e.id))&&a.push(e)})),c.tags=[{name:"全部",id:0},...a]})(),await J();const t=new IntersectionObserver((e=>{e[0].intersectionRatio>0&&(console.log(c.finshed),c.loading||c.finshed||(o.page=o.page+1,J()))}));v((()=>{t.observe(H.value)})),window.addEventListener("message",K)})),r((()=>{window.removeEventListener("message",K)}));const ee=async e=>{const t=await V({type:"MUSIC",materialId:e.id});200===t?.code&&(e.favitor=t.data)},Te=e=>{const t={};return e?.forEach((e=>{e.id===c.tagIndex&&(t.selected=!0,t.name=e.name)})),t},Me=h((()=>(c.list[c.listActive]&&(/(localhost|192)/.test(location.host)||location.origin,console.log(c.list[c.listActive].xmlFileUrl,"data.list[data.listActive]"),c.list[c.listActive].xmlFileUrl,w.getToken),c.list[c.listActive]||{}))),Ne=()=>{c.list[c.listActive].favitor=!c.list[c.listActive].favitor,G({favoriteFlag:c.list[c.listActive].favitor,type:"MUSIC",materialId:c.list[c.listActive].id})},De=e=>{const t=c.list.findIndex((t=>t.id===e.id));t>-1&&(c.listActive===t?c.playState="play"===c.playState?"pause":"play":c.playState="play",c.showPlayer=!0,c.listActive=t)},Oe=h((()=>{const e=c.list[c.listActive],t=[];return(e?.musicalInstruments||[]).forEach(((e,i)=>{t.push({label:e.name,value:i})})),t})),We=h((()=>{const e=c.list[c.listActive],t=e?.musicalInstruments;return!!(t&&t.length>1)})),Ve=()=>{const e=w.getToken,t=c.list[c.listActive],i=/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin;console.log(i,"origin",`${i}/instrument/?id=${t.id}&modelType=practise&modeType=json&Authorization=${e}&isPreView=true&part-index=${c.musicInstrumentIndex}`),c.iframeSrc=`${i}/instrument/?id=${t.id}&modelType=practise&modeType=json&Authorization=${e}&isPreView=true&part-index=${c.musicInstrumentIndex}`},Ge=e=>{"play"===e?c.playState="play":"pause"===e?c.playState="pause":"pre"===e?c.list[c.listActive-1]&&De(c.list[c.listActive-1]):"next"===e?c.list[c.listActive+1]&&De(c.list[c.listActive+1]):"favitor"===e&&Ne()};return()=>{let e;return u("div",{class:te},[u(f,{align:"center",wrapItem:!1,size:16},{default:()=>[u("img",{style:{cursor:"pointer"},src:F,class:ie,onClick:()=>n.push({path:"/xiaoku-ai"})},null),u(k,{separator:""},{default:()=>[u(y,{onClick:()=>n.push({path:"/xiaoku-ai"})},{default:()=>[_("全部列表")]}),u("img",{class:ae,src:B},null),u(y,null,{default:()=>[i.query.name]})]})]}),u("div",{class:[ne,c.showPlayer?se:""]},[u("div",{class:le},[u("div",{class:oe},[u(f,{style:{width:"100%"},size:[24,12],wrapItem:!1},{default:()=>{return[u("div",{id:"music-0"},[u(f,{style:{width:"100%"},size:[24,12],wrapItem:!1},(t=e=c.tags.map((e=>e.instruments&&e.instruments.length>1?u(q,{options:e.instruments,trigger:"hover",value:c.tagIndex,"onUpdate:value":[e=>c.tagIndex=e,()=>{console.log(c.tagIndex,"tagIndex",c.tagIndex),c.reshing=!0,X()}],key:e.id,class:[Le]},{default:()=>[u(x,{round:!0,textColor:Te(e.instruments).selected?"#fff":"#000",color:Te(e.instruments).selected?"#198CFE":"#fff",type:Te(e.instruments).selected?"primary":"default",class:[Ie,Te(e.instruments).selected&&ze]},{default:()=>[Te(e.instruments).name||e.name,u("i",{class:Re},null)]})]}):u(x,{round:!0,textColor:c.tagIndex===e.id?"#fff":"#000",color:c.tagIndex===e.id?"#198CFE":"#fff",type:c.tagIndex===e.id?"primary":"default",onClick:()=>{c.tagIndex=e.id,c.reshing=!0,X()}},{default:()=>[e.name]}))),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!j(t)?e:{default:()=>[e]}))])];var t}}),u(E,{style:{marginLeft:"auto"},round:!0,border:!1,onSearch:e=>{o.name=e,c.reshing=!0,X()}},null)]),u("div",{class:re},[u("div",{class:[ue,"musicList-container"]},[u("div",{class:ce},[c.list.map(((e,t)=>u("div",{class:_e},[u("div",{class:[we,c.listActive===t&&me],onClick:()=>{(e=>{const t=c.list.findIndex((t=>t.id===e.id));t>-1&&(c.listActive=t),ee(e)})(e),Ve()}},[u("div",{class:ge},[u(b,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:e.titleImg||N,onLoad:e=>{e.target.dataset.loaded="true"}},null),u(L,{class:[c.listActive===t&&"play"===c.playState?"":ye]},null)]),u("div",{class:ve},[u("div",{class:he},[u(D,{text:e.musicSheetName},null)]),u("div",{class:fe},[e.composer])]),u(x,0==t?S({color:"#259CFE",textColor:"#fff"},{id:"music-1"},{round:!0,class:ke,type:"primary",onClick:t=>{t.stopPropagation(),De(e)}}):{color:"#259CFE",textColor:"#fff",round:!0,class:ke,type:"primary",onClick:t=>{t.stopPropagation(),De(e)}},{default:()=>[_("试听"),u("img",{src:c.listActive===t&&"play"===c.playState?R:z},null)]}),u("img",{class:pe,src:U},null)])]))),!c.finshed&&u("div",{ref:H,class:qe},[u(I,{show:!0},null)]),!c.loading&&0===c.list.length&&u("div",{class:de},[u(Q,null,null)])])]),u("div",{class:xe},[u("div",{class:Ce},[Me.value.musicSheetName]),u("img",{id:"music-2",style:{display:Me.value.id?"":"none"},class:[be],src:Ue,onClick:()=>{Ge("pause");const e=`${/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin}/instrument?v=${+new Date}&platform=pc&showGuide=true&id=${Me.value.id}&Authorization=${t.getToken}`;window.matchMedia("(display-mode: standalone)").matches?(Y.application=window.matchMedia("(display-mode: standalone)").matches,c.previewModal=!0,c.previewUrl=e,c.showPreivew=!1):window.open(e)}},null),u("div",{class:Se,style:{display:Me.value.id?"":"none"}},[We.value&&u(q,{options:Oe.value,trigger:"hover",value:c.musicInstrumentIndex,"onUpdate:value":[e=>c.musicInstrumentIndex=e,e=>{e!==c.musicInstrumentIndex&&Ve()}],class:[Le]},{default:()=>[u(x,{round:!0,class:[Ie]},{default:()=>[_("切换声轨"),u("i",{class:Re},null)]})]}),u("div",{class:Ae,onClick:()=>Ne()},[u(A,{name:"favitor",mode:"out-in"},{default:()=>[Me.value.favitor?u("img",{src:T,key:"1"},null):u("img",{src:M,key:"2"},null)]})])]),u("div",{class:Pe},[We.value?u("iframe",{id:"staffIframeRef",style:{width:"100%"},src:c.iframeSrc,onLoad:Ve},null):u(C,{name:"van-fade"},{default:()=>[Me.value?.musicSvg||Me.value?.musicImg?(Me.value?.musicSvg||Me.value?.musicImg)?.split(",").map((e=>u("img",{src:e,key:e},null))):u(Q,null,null)]})])])])])]),0!==c.list.length&&u($,{show:c.showPlayer,playState:c.playState,item:Me.value,onChange:e=>Ge(e)},null),d.value?u(Ee,null,null):null,u(P,{show:c.previewModal,"onUpdate:show":[e=>c.previewModal=e,e=>{e||(c.previewUrl="")}],class:je,showIcon:!1,displayDirective:"show"},{default:()=>[u(I,{show:c.showPreivew,style:"--n-opacity-spinning: 1;"},{default:()=>[u("img",{style:{display:c.showCloseBtn?"":"none"},src:$e,class:Fe,onClick:()=>{c.previewModal=!1,c.previewUrl=""}},null),u("iframe",{class:Be,onLoad:()=>{c.showPreivew=!1},frameborder:"0",src:c.previewUrl},null)]})]})])}}}))}}}));
    2.