| 1 |
- System.register(["./index-legacy-b01db964-1716977058336.js","./icon_back-legacy-a8ad0d25-1716977058336.js","./icon_separator-legacy-74573619-1716977058336.js","./index-legacy-0342e910-1716977058336.js","./index-legacy-f4d6d117-1716977058336.js","./icon-collect-active-legacy-b7c75e66-1716977058336.js","./icon_default-legacy-fa9bb009-1716977058336.js","./catchData-legacy-c41148d6-1716977058336.js","./api-legacy-84628d35-1716977058336.js","./index-legacy-7dba2a59-1716977058336.js","./api-legacy-f877e6c5-1716977058336.js","./index-legacy-0f7ee593-1716977058336.js","./index-legacy-4bde2b69-1716977058336.js","./urlUtils-legacy-133e91cc-1716977058336.js","./Slider-legacy-201ab7a3-1716977058336.js","./index-legacy-a1939c14-1716977058336.js"],(function(e,t){"use strict";var i,a,s,g,n,l,o,r,c,d,_,u,m,p,h,v,f,w,y,x,b,I,S,k,A,C,T,B,L,F,P,M,j,R,E,N,U,z,$,O,D,G,W,J,V,q,Q,X,Y,Z,H,K,ee,te,ie;return{setters:[e=>{i=e.d,a=e.e,s=e._,g=e.r,n=e.p,l=e.B,o=e.S,r=e.f,c=e.$,d=e.a0,_=e.k,u=e.F,m=e.c,p=e.a,h=e.u,v=e.T,f=e.aN,w=e.z,y=e.w,x=e.aO,b=e.aP,I=e.aB,S=e.j,k=e.v,A=e.x,C=e.D,T=e.y,B=e.Z,L=e.l,F=e.C,P=e.aQ,M=e.aR},e=>{j=e.i},e=>{R=e.i},e=>{E=e.T},e=>{N=e.P,U=e.T,z=e.i,$=e.a,O=e.b,D=e.c},e=>{G=e.i,W=e.a},e=>{J=e.i},e=>{V=e.u},e=>{q=e.c,Q=e.d,X=e.e},e=>{Y=e.g,Z=e.s},e=>{H=e.g,K=e.s},e=>{ee=e.T},e=>{te=e.u},e=>{ie=e.v},null,null],execute:function(){var ae=document.createElement("style");ae.textContent="._container_1g7gg_1{display:flex;flex-direction:column;height:100%}._container_1g7gg_1 ._iconBack_1g7gg_6{width:1.875vw;height:1.875vw}._container_1g7gg_1 .n-breadcrumb .n-breadcrumb-item{font-size:max(.83333333rem,12Px)!important}._container_1g7gg_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_1g7gg_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_1g7gg_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_1g7gg_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:.26041667vw .9375vw;background:#FFFFFF;border-radius:.83333333vw;color:#21225d;line-height:1.04166667vw}._container_1g7gg_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_1g7gg_1>.n-space{height:1.875vw;flex-shrink:0}._container_1g7gg_1 ._separator_1g7gg_39{width:.46875vw;height:.78125vw;margin:0 .83333333vw}._wrap_1g7gg_44{padding-top:.78125vw;flex:1;transition:padding .3s;overflow:hidden}._wrap_1g7gg_44._wrapBottom_1g7gg_50{padding-bottom:5.625vw}._content_1g7gg_53{display:flex;flex-direction:column;height:100%;background:#DDF2FF;border-radius:1.04166667vw}._tools_1g7gg_60{padding:1.04166667vw;display:flex;align-items:center;flex-shrink:0}._tools_1g7gg_60 .n-input{margin-left:auto;width:18.80208333vw}._tools_1g7gg_60 .n-input__input-el{height:100%;line-height:100%}._tools_1g7gg_60 .n-button{--n-height: 1.92708333vw !important;height:1.92708333vw;padding:0 1.25vw;font-size:max(.9375rem,13Px)}._tools_1g7gg_60 .n-button.n-button--primary-type{font-weight:700!important;color:#fff}._contentWrap_1g7gg_84{flex:1;display:flex;padding:0 1.04166667vw 1.04166667vw;overflow:hidden;gap:0 1.66666667vw}._musicList_1g7gg_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_1g7gg_91::-webkit-scrollbar{width:0;display:none}._musicList_1g7gg_91 ._wrapList_1g7gg_105{width:26.66666667vw;min-width:15.3125vw;min-height:100%;border-radius:.83333333vw}._musicList_1g7gg_91 ._empty_1g7gg_111{display:flex;align-items:center;justify-content:center;height:50vh}._itemContainer_1g7gg_117{width:100%;border-radius:.83333333vw;padding:.20833333vw .41666667vw}._itemContainer_1g7gg_117:first-child{padding-top:.41666667vw}._itemContainer_1g7gg_117:last-child{padding-bottom:.41666667vw}._item_1g7gg_117{position:relative;display:flex;align-items:center;padding:.52083333vw;border-radius:.625vw;cursor:pointer}._item_1g7gg_117:hover{background-color:rgba(0,0,0,.05)}._item_1g7gg_117._active_1g7gg_139{background-color:#ddf2ff}._item_1g7gg_117._active_1g7gg_139 ._arrow_1g7gg_142{opacity:1}._item_1g7gg_117 ._img_1g7gg_145{position:relative;width:3.125vw;height:3.125vw;border-radius:.41666667vw;margin-right:.625vw;overflow:hidden;flex-shrink:0}._item_1g7gg_117 ._img_1g7gg_145 .n-image{width:3.125vw;height:3.125vw}._item_1g7gg_117 ._img_1g7gg_145 img{transition:opacity .3s;opacity:0;height:100%;width:100%}._item_1g7gg_117 ._img_1g7gg_145 img[data-loaded=true]{opacity:1}._item_1g7gg_117 ._title_1g7gg_167{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}._item_1g7gg_117 ._title_1g7gg_167 ._titleName_1g7gg_174{font-size:max(.9375rem,13Px);font-weight:600;color:#131415;line-height:1.45833333vw;width:100%}._item_1g7gg_117 ._title_1g7gg_167 ._titleDes_1g7gg_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_1g7gg_117 ._btn_1g7gg_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_1g7gg_117 ._btn_1g7gg_191 .n-button__content>img{margin-left:.52083333vw;width:.46875vw;height:.625vw}._item_1g7gg_117 ._arrow_1g7gg_142{position:absolute;top:50%;right:.625vw;transform:translate(124%,-50%);opacity:0}._item_1g7gg_117 ._showPlayLoading_1g7gg_216{opacity:0}._loadingWrap_1g7gg_219{display:flex;justify-content:center;min-height:4.16666667vw}._loadingWrap_1g7gg_219._showLoading_1g7gg_224{height:0;opacity:0;min-height:0}._musicStaff_1g7gg_229{display:flex;flex-direction:column;position:relative;left:-.41666667vw;flex:1;background-color:#fff;border-radius:.83333333vw;z-index:1;overflow:hidden}._musicStaff_1g7gg_229::-webkit-scrollbar{width:0;display:none}._musicStaff_1g7gg_229 ._goBtn_1g7gg_244{position:absolute;left:50%;bottom:2.39583333vw;transform:translate(-50%);height:3.64583333vw;cursor:pointer;transition:all .2s ease-in}._musicStaff_1g7gg_229 ._rightBtns_1g7gg_253{position:absolute;top:1.04166667vw;right:1.25vw;display:flex;align-items:center}._musicStaff_1g7gg_229 ._rightBtns_1g7gg_253 ._textBtn_1g7gg_260{margin-right:1.25vw;padding:1px .83333333vw!important;line-height:1.92708333vw!important;height:1.92708333vw!important;background:#F5F6FA;--n-border: #F5F6FA !important}._musicStaff_1g7gg_229 ._rightBtns_1g7gg_253 ._transBtn_1g7gg_268{width:2.34375vw;cursor:pointer;margin-right:.78125vw}._musicStaff_1g7gg_229 ._favitor_1g7gg_273{width:2.5vw;height:2.5vw;cursor:pointer;transition:all .3s}._musicStaff_1g7gg_229 ._favitor_1g7gg_273:hover{transform:scale(1.1)}._musicStaff_1g7gg_229 ._favitor_1g7gg_273>img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 .52083333vw rgba(27,35,55,.1))}._musicName_1g7gg_288{padding-top:1.5625vw;font-size:1.35416667rem;font-weight:500;color:#333;line-height:1.25vw;text-align:center}._staffImgs_1g7gg_296{flex:1;overflow-y:auto;height:100%;padding:0 1.5625vw}._staffImgs_1g7gg_296>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_1g7gg_313{width:85%;height:85vh;position:relative}._previewWindow_1g7gg_313 ._previewClose_1g7gg_318{position:absolute;left:2.08333333vw;top:2.08333333vw;width:3.125vw;height:3.38541667vw}._previewWindow_1g7gg_313 ._previewIframe_1g7gg_325{width:100%;height:85vh;background-color:#fff;border-radius:.83333333vw}._popSelect_1g7gg_331{font-size:.83333333rem;width:15.625vw;max-height:26.04166667vw;overflow-y:scroll;box-shadow:0 .10416667vw .83333333vw rgba(0,0,0,.08);border-radius:.57291667vw;--n-option-height: 1.77083333vw}._popSelect_1g7gg_331 .n-base-select-option__content{width:80%!important}._popSelect1_1g7gg_343{font-size:.83333333rem;width:12.5vw;box-shadow:0 .10416667vw .83333333vw rgba(0,0,0,.08);border-radius:.57291667vw;--n-option-height: 1.77083333vw}._popSelect1_1g7gg_343 .n-base-select-option__content{width:80%!important}._popTrans_1g7gg_353{font-size:.83333333rem;width:10.41666667vw;overflow-y:scroll;box-shadow:0 2 .83333333vw rgba(0,0,0,.08);border-radius:.57291667vw;--n-option-height: 1.77083333vw}._popTrans_1g7gg_353 .n-base-select-option__content{width:80%!important}._textBtn_1g7gg_260 ._iconArrow_1g7gg_364{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_1g7gg_260:hover,._textBtn_1g7gg_260._textBtnActive_1g7gg_376{background:#198CFE!important;font-weight:500!important;color:#fff!important}._textBtn_1g7gg_260:hover ._iconArrow_1g7gg_364,._textBtn_1g7gg_260._textBtnActive_1g7gg_376 ._iconArrow_1g7gg_364{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(ae);const se="_container_1g7gg_1",ge="_iconBack_1g7gg_6",ne="_separator_1g7gg_39",le="_wrap_1g7gg_44",oe="_wrapBottom_1g7gg_50",re="_content_1g7gg_53",ce="_tools_1g7gg_60",de="_contentWrap_1g7gg_84",_e="_musicList_1g7gg_91",ue="_wrapList_1g7gg_105",me="_empty_1g7gg_111",pe="_itemContainer_1g7gg_117",he="_item_1g7gg_117",ve="_active_1g7gg_139",fe="_arrow_1g7gg_142",we="_img_1g7gg_145",ye="_title_1g7gg_167",xe="_titleName_1g7gg_174",be="_titleDes_1g7gg_181",Ie="_btn_1g7gg_191",Se="_showPlayLoading_1g7gg_216",ke="_loadingWrap_1g7gg_219",Ae="_showLoading_1g7gg_224",Ce="_musicStaff_1g7gg_229",Te="_goBtn_1g7gg_244",Be="_rightBtns_1g7gg_253",Le="_textBtn_1g7gg_260",Fe="_transBtn_1g7gg_268",Pe="_favitor_1g7gg_273",Me="_musicName_1g7gg_288",je="_staffImgs_1g7gg_296",Re="_previewWindow_1g7gg_313",Ee="_previewClose_1g7gg_318",Ne="_previewIframe_1g7gg_325",Ue="_popSelect_1g7gg_331",ze="_popSelect1_1g7gg_343",$e="_popTrans_1g7gg_353",Oe="_iconArrow_1g7gg_364",De="_textBtnActive_1g7gg_376",Ge=""+new URL("icon_goXiaoku-5d0db670.png",t.meta.url).href,We=""+new URL("icon-close-1bf25bcf.png",t.meta.url).href,Je=""+new URL("icon_trans-e9b9e2da.png",t.meta.url).href,Ve=i({name:"music-guide",emits:["close"],setup(e,{emit:t}){const i=a({box:{height:"0px"},show:!1,steps:[{ele:"",eleRect:{},img:Y("music1.png"),handStyle:{top:"0.91rem"},imgStyle:{top:s(-4),left:s(0),width:s(533),height:s(271)},btnsStyle:{bottom:s(40),left:s(-10)},eleRectPadding:{left:7,top:7,width:14,height:14},boxStyle:{}},{ele:"",img:Y("music2.png"),imgStyle:{top:s(-4),left:s(-205),width:s(420),height:s(228)},btnsStyle:{bottom:s(35),left:s(-48)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:Y("music3.png"),imgStyle:{top:"100%",left:s(-130),width:s(401),height:s(304)},btnsStyle:{bottom:s(100),left:s(30)},boxStyle:{borderRadius:"40px"},eleRectPadding:{left:7,top:7,width:14,height:14},type:"bottom"}],step:0}),m=g(!1),p=g({});(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 h=()=>{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 w();const a=i.steps[i.step].eleRectPadding?.left||0,s=i.steps[i.step].eleRectPadding?.top||0,g=i.steps[i.step].eleRectPadding?.width||0,n=i.steps[i.step].eleRectPadding?.height||0;i.box={left:t.x-a+"px",top:t.y-s+"px",width:t.width+g+"px",height:t.height+n+"px"}}else w()},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,h(),m.value=!0}catch{}};n((()=>{h(),window.addEventListener("resize",f),l.on("teacher-guideInfo",v)}));const f=()=>{h()};o((()=>{window.removeEventListener("resize",f),l.off("teacher-guideInfo",v)}));const w=()=>{i.step>=3?y():(i.step=i.step+1,h())},y=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()=>r(u,null,[m.value?c(r("div",{"onUpdate:show":e=>m.value=e,class:["n-modal-mask","n-modal-mask-guide"]},[r("div",{class:Z.content,onClick:()=>w()},[r("div",{class:Z.backBtn,onClick:e=>{e.stopPropagation(),y()}},[_("跳过")]),r("div",{class:Z.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:Z.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:Z.img,style:e.imgStyle,src:e.img},null),r("div",{class:Z.btns,style:e.btnsStyle},[i.step+1==i.steps.length?r(u,null,[r("div",{class:[Z.endBtn],onClick:()=>y()},[_("完成")]),r("div",{class:Z.nextBtn,onClick:()=>{i.step=0,h()}},[_("再看一遍")])]):r("div",{class:Z.btn,onClick:()=>w()},[_("下一步 ("),i.step+1,_("/"),i.steps.length,_(")")])])])))])])]),[[d,m.value,"show"]]):null])}});e("default",i({name:"XiaokuMusic",setup(){const e=V(),t=m(),i=p(),s=h(),l=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:"",showMusicImg:"staff",trackList:[],showTransBtn:!0,trackName:"切换声轨"}),d=g(!1),Y=m(),Z=async()=>{c.loading=!0;let e={};try{e=await q({...l,musicalInstrumentId: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<l.rows):c.finshed=!0,c.list[c.listActive]&&qe(c.list[c.listActive]),c.loading=!1,setTimeout((()=>{d.value=!0}),500)},H=()=>{c.listActive=0,c.showPlayer=!1,c.playState="pause",l.page=1,c.finshed=!1,Z()},K=g(),ae=e=>{"api_fingerPreView"===e.data?.api&&(c.showCloseBtn=!e.data.state)};n((async()=>{await e.getSubjects(),te(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.getSubjectInstruments,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,value:0,label:"全部"},...a]})(),await Z(),new IntersectionObserver((e=>{e[0].intersectionRatio>0&&(c.loading||c.finshed||(l.page=l.page+1,Z()))})).observe(K.value),it(),window.addEventListener("message",ae)})),o((()=>{window.removeEventListener("message",ae)}));const qe=async e=>{const t=await Q({type:"MUSIC",materialId:e.id});200===t?.code&&(e.favitor=t.data)},Qe=e=>{const t={};return e?.forEach((e=>{e.id===c.tagIndex&&(t.selected=!0,t.name=e.name)})),t},Xe=v((()=>(c.list[c.listActive]&&(ie(),c.list[c.listActive].xmlFileUrl,Y.getToken),c.list[c.listActive]||{}))),Ye=()=>{c.list[c.listActive].favitor=!c.list[c.listActive].favitor,X({favoriteFlag:c.list[c.listActive].favitor,type:"MUSIC",materialId:c.list[c.listActive].id})},Ze=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)};v((()=>{const e=c.list[c.listActive],t=[];return(e?.musicalInstruments||[]).forEach(((e,i)=>{t.push({label:e.name,value:i})})),t}));const He=v((()=>{if(c.list.length){const e=c.list[c.listActive]?.musicSheetType;return"SINGLE"!==e}return!1})),Ke=()=>{const e=Y.getToken,t=c.list[c.listActive],i="first"===c.showMusicImg?"firstTone":"fixed"===c.showMusicImg?"fixedTone":(c.showMusicImg,"staff");c.iframeSrc=`${ie()}/instrument/?id=${t.id}&modelType=practise&modeType=json&Authorization=${e}&isPreView=true&part-index=${c.musicInstrumentIndex}&musicRenderType=${i}`},et=e=>{"play"===e?c.playState="play":"pause"===e?c.playState="pause":"pre"===e?c.list[c.listActive-1]&&Ze(c.list[c.listActive-1]):"next"===e?c.list[c.listActive+1]&&Ze(c.list[c.listActive+1]):"favitor"===e&&Ye()},tt=[{value:"staff",label:"五线谱"},{value:"first",label:"首调"},{value:"fixed",label:"固定调"}],it=async()=>{const e=c.list[c.listActive];if("CONCERT"===e?.musicSheetType){if(e.xmlFileUrl){const t=await fetch(e.xmlFileUrl).then((e=>e.text()));at(t)}}else{const{defaultScore:t,transferFlag:i}=e.musicalInstruments[0]||{};let a="staff";a="STAVE"===t?"staff":"JIAN"===t?"fixed":"FIRST"===t?"first":"staff",console.log(a,"musicImgType1"),c.showMusicImg=a,c.showTransBtn=i}},at=e=>{const t=(new DOMParser).parseFromString(e,"text/xml"),i=t.getElementsByTagName("part-list")?.[0]?.getElementsByTagName("score-part")||[],a=Array.from(i).map((e=>e.getElementsByTagName("part-name")?.[0]?.textContent?.trim()||""));t.getElementsByTagName("part"),"COMMON"===a[0]?.toLocaleUpperCase?.()&&a.shift();const s=c.list[c.listActive]?.multiTracksSelection,g=s?s?.split(","):[],n=a.map(((e,t)=>{const i=!(0!=g.length&&!g.includes(e)),a=f(e);return{label:e+(a?`(${a})`:""),value:t,sortId:P(a,t),canselect:i,track:e}})).filter((e=>e.canselect)).sort(((e,t)=>e.sortId-t.sortId));c.trackList=n;let l=n.find((e=>e.value===c.musicInstrumentIndex))?.track;l=M(l);let o="staff",r=!0;c.list[c.listActive]?.musicalInstruments.forEach((e=>{e.code.toLocaleLowerCase()===l.toLocaleLowerCase()&&(o="STAVE"===e.defaultScore?"staff":"JIAN"===e.defaultScore?"fixed":"FIRST"===e.defaultScore?"first":"staff",r=e.transferFlag)})),c.showTransBtn=r,c.showMusicImg=o};w((()=>c.listActive),(async()=>{c.musicInstrumentIndex=0,it()})),w((()=>c.musicInstrumentIndex),(async()=>{c.trackName=c.trackList.find((e=>e.value===c.musicInstrumentIndex))?.label||"切换声轨",Ke()})),w((()=>c.showMusicImg),(()=>{He.value&&Ke()}));const st=v((()=>{let e=[];if("first"===c.showMusicImg){const t=Xe.value?.musicFirstImg;e=t?t.split(","):[]}else if("fixed"===c.showMusicImg){const t=Xe.value?.musicJianImg;e=t?t.split(","):[]}else if("staff"===c.showMusicImg){const t=Xe.value?.musicImg||Xe.value?.musicSvg;e=t?t.split(","):[]}return e}));return()=>{let e;return r("div",{class:se},[r(y,{align:"center",wrapItem:!1,size:16},{default:()=>[r("img",{style:{cursor:"pointer"},src:j,class:ge,onClick:()=>s.push({path:"/xiaoku-ai"})},null),r(x,{separator:""},{default:()=>[r(b,{onClick:()=>s.push({path:"/xiaoku-ai"})},{default:()=>[_("全部列表")]}),r("img",{class:ne,src:R},null),r(b,null,{default:()=>[i.query.name]})]})]}),r("div",{class:[le,c.showPlayer?oe:""]},[r("div",{class:re},[r("div",{class:ce},[r(y,{style:{width:"100%"},size:[24,12],wrapItem:!1},{default:()=>{return[r("div",{id:"music-0"},[r(y,{style:{width:"100%"},size:[24,12],wrapItem:!1},(t=e=c.tags.map((e=>e.instruments&&e.instruments.length>1?r(I,{options:e.instruments,trigger:"hover",value:c.tagIndex,"onUpdate:value":[e=>c.tagIndex=e,()=>{c.reshing=!0,document.querySelector(".musicList-container").scroll(0,0),H()}],scrollable:!0,key:e.value,class:[ze]},{default:()=>[r(S,{round:!0,textColor:Qe(e.instruments).selected?"#fff":"#000",color:Qe(e.instruments).selected?"#198CFE":"#fff",type:Qe(e.instruments).selected?"primary":"default",class:[Le,Qe(e.instruments).selected&&De]},{default:()=>[Qe(e.instruments).name||e.name,r("i",{class:Oe},null)]})]}):r(S,{round:!0,textColor:c.tagIndex===e.value?"#fff":"#000",color:c.tagIndex===e.value?"#198CFE":"#fff",type:c.tagIndex===e.value?"primary":"default",onClick:()=>{c.tagIndex=e.value||0,c.reshing=!0,document.querySelector(".musicList-container").scroll(0,0),H()}},{default:()=>[e.name]}))),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!F(t)?e:{default:()=>[e]}))])];var t}}),r(E,{style:{marginLeft:"auto"},round:!0,border:!1,onSearch:e=>{l.name=e,c.reshing=!0,H()}},null)]),r("div",{class:de},[r("div",{class:[_e,"musicList-container"]},[r("div",{class:[ue,"music-wrap-list"]},[c.list.map(((e,t)=>r("div",{class:pe},[r("div",{class:[he,c.listActive===t&&ve],onClick:()=>{(e=>{const t=c.list.findIndex((t=>t.id===e.id));t>-1&&(c.listActive=t),qe(e)})(e),Ke()}},[r("div",{class:we},[r(k,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:e.titleImg||J,onLoad:e=>{e.target.dataset.loaded="true"}},null),r(N,{class:[c.listActive===t&&"play"===c.playState?"":Se]},null)]),r("div",{class:ye},[r("div",{class:xe},[r(U,{text:e.musicSheetName},null)]),r("div",{class:be},[e.composer])]),r(S,0==t?A({color:"#259CFE",textColor:"#fff"},{id:"music-1"},{round:!0,class:Ie,type:"primary",onClick:i=>{i.stopPropagation(),Ze(e),c.listActive===t&&"play"===c.playState&&He.value&&Ke()}}):{color:"#259CFE",textColor:"#fff",round:!0,class:Ie,type:"primary",onClick:i=>{i.stopPropagation(),Ze(e),c.listActive===t&&"play"===c.playState&&He.value&&Ke()}},{default:()=>[_("试听"),r("img",{src:c.listActive===t&&"play"===c.playState?z:$},null)]}),r("img",{class:fe,src:O},null)])]))),r("div",{ref:K,class:[ke,c.finshed&&Ae]},[r(C,{show:!0},null)]),!c.loading&&0===c.list.length&&r("div",{class:me},[r(ee,null,null)])])]),r("div",{class:Ce},[r("div",{class:Me},[Xe.value.musicSheetName]),r("img",{id:"music-2",style:{display:Xe.value.id?"":"none"},class:[Te],src:Ge,onClick:()=>{et("pause");let e="staff";"first"===c.showMusicImg?e="firstTone":"fixed"===c.showMusicImg?e="fixedTone":"staff"===c.showMusicImg&&(e="staff");const i=`${ie()}/instrument?v=${+new Date}&platform=pc&showGuide=true&id=${Xe.value.id}&Authorization=${t.getToken}&musicRenderType=${e}&showGuide=true&part-index=${c.musicInstrumentIndex}`;window.matchMedia("(display-mode: standalone)").matches?(T.application=window.matchMedia("(display-mode: standalone)").matches,c.previewModal=!0,c.previewUrl=i,c.showPreivew=!1):window.open(i)}},null),r("div",{class:Be,style:{display:Xe.value.id?"":"none"}},[He.value&&r(I,{options:c.trackList,trigger:"hover",value:c.musicInstrumentIndex,"onUpdate:value":[e=>c.musicInstrumentIndex=e,async e=>{await it()}],class:[Ue]},{default:()=>[r(S,{round:!0,class:[Le]},{default:()=>[c.trackName,r("i",{class:Oe},null)]})]}),c.showTransBtn&&r(I,{options:tt,trigger:"hover",value:c.showMusicImg,"onUpdate:value":[e=>c.showMusicImg=e,async e=>{c.showMusicImg=e}],class:[$e]},{default:()=>[r("img",{class:[Fe],src:Je},null)]}),r("div",{class:Pe,onClick:()=>Ye()},[r(B,{name:"favitor",mode:"out-in"},{default:()=>[Xe.value.favitor?r("img",{src:G,key:"1"},null):r("img",{src:W,key:"2"},null)]})])]),r("div",{class:je},[He.value?r("iframe",{id:"staffIframeRef",style:{width:"100%",height:"100%",paddingTop:"20px"},src:c.iframeSrc,onLoad:Ke},null):r(u,null,[st.value.length>0?st.value.map((e=>r("img",{src:e,key:e},null))):r(ee,null,null)])])])])])]),0!==c.list.length&&r(D,{show:c.showPlayer,playState:c.playState,item:Xe.value,onChange:e=>et(e)},null),d.value?r(Ve,null,null):null,r(L,{show:c.previewModal,"onUpdate:show":[e=>c.previewModal=e,e=>{e||(c.previewUrl="")}],class:Re,showIcon:!1,displayDirective:"show"},{default:()=>[r(C,{show:c.showPreivew,style:"--n-opacity-spinning: 1;"},{default:()=>[r("img",{style:{display:c.showCloseBtn?"":"none"},src:We,class:Ee,onClick:()=>{c.previewModal=!1,c.previewUrl=""}},null),r("iframe",{class:Ne,onLoad:()=>{c.showPreivew=!1},frameborder:"0",src:c.previewUrl},null)]})]})])}}}))}}}));
|
