System.register(["./index-legacy-8f834fab.js","./instrument-legacy-7903cf31.js","./plyr.min-legacy-2197a4aa.js","./vue3-lottie.es-legacy-395ea5aa.js","./index-legacy-11e57390.js","./index-legacy-6f1bab5a.js","./index-legacy-6b51abe4.js"],(function(e,i){"use strict";var l,t,a,n,o,r,s,d,c,_,u,h,w,v,m,p,g,f,b,y,x,F,k,I,P,S,N,C,E,L,T,j,B,R,A=document.createElement("style");return A.textContent="._skeleton_vbtuh_1{position:fixed;left:0;top:0;width:100vw;height:100vh;padding:.53333rem .8rem;background-color:#fff;z-index:10;--van-skeleton-paragraph-height: .8rem}._detail_vbtuh_12{width:100vw;min-height:100vh;--header-height: 1.65333rem;background:#f8f2e8}._detail_vbtuh_12 #cursorImg-0{display:none!important}._detail_vbtuh_12 #selectionBox{pointer-events:none}._detail_vbtuh_12 ._headHeight_vbtuh_24{position:fixed;left:0;top:0;width:100%;height:var(--header-height);transition:margin .3s;z-index:10}._detail_vbtuh_12 ._headHeight_vbtuh_24._headHide_vbtuh_33{margin-top:calc(0Px - var(--header-height))}._detail_vbtuh_12 ._container_vbtuh_36{position:relative;margin:0 .26667rem;border-radius:.26667rem;padding-top:calc(var(--header-height) + 1.44rem)}._detail_vbtuh_12 ._container_vbtuh_36 #musicAndSelection{overflow:initial;height:initial;max-height:initial}._detail_vbtuh_12 ._container_vbtuh_36 #musicAndSelection>#osmdCanvasPage1{position:relative!important}._musicName_vbtuh_50{font-size:.69333rem;font-weight:400;color:#000;line-height:.98667rem;text-align:center}._right_vbtuh_57 path{fill:#01c1b5;stroke:#01c1b5}._wrong_vbtuh_61 path{fill:#f44;stroke:#f44}._notPlay_vbtuh_65 path{fill:#000;stroke:#000}._intonation_wrong_vbtuh_69 path{fill:#ffab25;stroke:#ffab25}._cadence_wrong_vbtuh_73 path{fill:#f44;stroke:#f44}._integrity_wrong_vbtuh_77 path{fill:#cc75ff;stroke:#cc75ff}._headerTop_7lww4_1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;flex-shrink:0;padding:.21333rem .26667rem;background-color:#fff}._android_7lww4_11{padding-top:.53333rem}._back_7lww4_14{display:flex;justify-content:center;align-items:center;padding:0 .8rem;height:100%}._back_7lww4_14 img{display:block;width:.4rem;height:.64rem}._disabled_7lww4_26{opacity:0;pointer-events:none}._left_7lww4_30{display:flex;align-items:center}._center_7lww4_34{display:flex;align-items:center;margin:0 auto}._center_7lww4_34 ._cItem_7lww4_39{text-align:center;padding:0 .32rem;white-space:nowrap}._center_7lww4_34 ._cItem_7lww4_39>div:first-child{font-size:.32rem;color:#333;line-height:.37333rem;margin-bottom:.16rem;font-weight:700}._center_7lww4_34 ._cItem_7lww4_39>div:last-child{font-size:.32rem;color:#777;line-height:.32rem;padding:.10667rem .21333rem;border-radius:.37333rem}._center_7lww4_34 ._cItem_7lww4_39:not(:last-child){border-right:.02667rem solid #EBDABF}._center_7lww4_34 ._active_7lww4_61>div:first-child{color:var(--van-primary-color)!important}._center_7lww4_34 ._active_7lww4_61>div:last-child{background-color:#ecf9ff;color:var(--van-primary-color)}._right_7lww4_68{display:flex;align-items:center}._right_7lww4_68 ._btn_7lww4_72{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.26667rem;line-height:.37333rem;font-weight:400;padding:0 .16rem;color:#999}._right_7lww4_68 ._btn_7lww4_72 ._iconBtn_7lww4_84{display:block;width:.88rem;height:.88rem}._right_7lww4_68 ._btn_7lww4_72 span{margin-top:.05333rem;white-space:nowrap}._right_7lww4_68 ._btn_7lww4_72 ._btnWrap_7lww4_93{position:relative;width:.66667rem;height:.66667rem}._popup_7lww4_98{--plyr-color-main: var(--van-primary-color)}._popup_7lww4_98 .van-popup__close-icon{top:0;right:-.8rem;background-color:#fff;border-radius:50%;padding:.10667rem;font-size:.42667rem;color:var(--van-primary-color)}._audiobox_7lww4_110{width:40vw}._audiobox_7lww4_110 .plyr{border-radius:.53333rem;width:100%}._videobox_7lww4_117{display:flex;align-items:center;width:80vw;height:80vh}._videobox_7lww4_117 .plyr{border-radius:.26667rem;width:100%;height:100%}._demos_7lww4_128{position:fixed;top:calc(var(--header-height) + .21333rem);right:.53333rem;display:flex;justify-content:flex-end;align-items:center;height:.96rem;padding:0 .37333rem;border-radius:.48rem;background-color:rgba(255,255,255,.4);z-index:1}._demos_7lww4_128>div{display:flex;align-items:center;margin-right:.16rem}._demos_7lww4_128>div>span{margin-left:.10667rem}._shiyiPopup_7lww4_149{background:#fff;border-radius:.53333rem;width:80vw;max-width:11.2rem;padding:.53333rem}._shiyiTitle_7lww4_156{font-size:.42667rem;color:#333;font-weight:400;text-align:center}._items_7lww4_162{display:flex;flex-wrap:wrap}._items_7lww4_162 ._item_7lww4_162{width:50%;display:flex;align-items:center;padding:.18667rem 0}._items_7lww4_162 ._item_7lww4_162 span{margin-left:.32rem}._items_7lww4_162 ._item_7lww4_162 svg{visibility:visible}\n",document.head.appendChild(A),{setters:[e=>{l=e.d,t=e.j,a=e.a0,n=e.aj,o=e.V,r=e.r,s=e.s,d=e.N,c=e.S,_=e.U,u=e.O,h=e.a5,w=e.az,v=e.A,m=e.F,p=e.G,g=e.aE,f=e.M,b=e.aF,y=e.aG,x=e.aI,F=e.aH,k=e.aJ,I=e.aM,P=e.aN,S=e.aO,N=e.aP,C=e.aD,E=e.aQ,L=e.aT,T=e.aU},e=>{j=e.a,B=e.b},e=>{R=e.P},null,null,null,null],execute:function(){const A={skeleton:"_skeleton_vbtuh_1",detail:"_detail_vbtuh_12",headHeight:"_headHeight_vbtuh_24",headHide:"_headHide_vbtuh_33",container:"_container_vbtuh_36",musicName:"_musicName_vbtuh_50",right:"_right_vbtuh_57",wrong:"_wrong_vbtuh_61",notPlay:"_notPlay_vbtuh_65",intonation_wrong:"_intonation_wrong_vbtuh_69",cadence_wrong:"_cadence_wrong_vbtuh_73",integrity_wrong:"_integrity_wrong_vbtuh_77"},M={headerTop:"_headerTop_7lww4_1",android:"_android_7lww4_11",back:"_back_7lww4_14",disabled:"_disabled_7lww4_26",left:"_left_7lww4_30",center:"_center_7lww4_34",cItem:"_cItem_7lww4_39",active:"_active_7lww4_61",right:"_right_7lww4_68",btn:"_btn_7lww4_72",iconBtn:"_iconBtn_7lww4_84",btnWrap:"_btnWrap_7lww4_93",popup:"_popup_7lww4_98",audiobox:"_audiobox_7lww4_110",videobox:"_videobox_7lww4_117",demos:"_demos_7lww4_128",shiyiPopup:"_shiyiPopup_7lww4_149",shiyiTitle:"_shiyiTitle_7lww4_156",items:"_items_7lww4_162",item:"_item_7lww4_162"},O=""+new URL("icon-back-2cf38e60.svg",i.meta.url).href,H=""+new URL("icon-shiyi-ba387160.svg",i.meta.url).href,U=""+new URL("icon-huifang-4d7bf6f9.svg",i.meta.url).href,z=""+new URL("videobg-2d19d627.png",i.meta.url).href,D=l({name:"NoteSvg",props:{fill:String,shadow:{type:Boolean,defalut:!1},shadowFill:{type:String,default:""},x:{type:Number,default:0},y:{type:Number,default:0}},render(){return t("svg",{width:"14",height:"24",viewBox:"0 0 14 24"},[t("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t("rect",{x:"0",y:"0",width:"14",height:"24"},null),t("g",{fill:this.fill},[this.shadow&&t("ellipse",{fill:this.shadowFill||this.fill,transform:`translate(4.685927, 18.917813) scale(-1, -1) rotate(-32.000000) translate(${this.x+-4.685927}, ${this.y+-18.917813})`,cx:"4.68592654",cy:"18.9178127",rx:"3.70078457",ry:"2.92022453"},null),t("path",{d:"M1.95251677,0.68258909 C3.68583115,-0.400505943 5.78379192,-0.169765229 6.63844331,1.1979629 C7.4930947,2.56569103 6.78079761,4.55247575 5.04748323,5.63557079 C3.85503595,6.38069455 2.49000663,6.50399819 1.47594704,6.06306368 L1.47635248,22.0768926 L0.0162402201,22.0768926 L0.0154715991,4.11169688 C-0.117424115,2.8976469 0.612367024,1.52000759 1.95251677,0.68258909 Z",transform:"scale(-1, -1) translate(-10, -23) "},null)])])])}}),G=l({name:"header-top",props:{scoreData:{type:Object,default:()=>({})}},setup(e){const i=a(),{scoreData:l}=n(e),m=o({show:!1,shiyiShow:!1,isInitPlyr:!1,_plrl:null}),p={BEGINNER:"入门级",ADVANCED:"进阶级",PERFORMER:"大师级"},g=r("intonation"),f=()=>{w()},b=e=>{g.value=e},y=s((()=>{const e=(l.value.videoFilePath||"").split(".").pop();return"wav"===e||"mp3"===e?"audio":"video"})),x=()=>{m.show=!0,m.isInitPlyr||v((()=>{const e="audio"===y.value?"#audioSrc":"#videoSrc";m._plrl=new R(e,{controls:["play-large","play","progress","current-time"],fullscreen:{enabled:!1}}),m.isInitPlyr=!0}))};return()=>t("div",{class:[M.headerTop,i.android&&M.android]},[t("div",{class:[M.back,!d.isApp&&M.disabled],onClick:f},[t("img",{src:O},null)]),t("div",{class:M.center},[t("div",{class:M.cItem},[t("div",null,[p[l.value.heardLevel]]),t("div",null,[c("难度")])]),t("div",{class:M.cItem},[t("div",null,[l.value.score,c("分")]),t("div",null,[c("评测分数")])]),_.isPercussion?null:t(u,null,[t("div",{onClick:()=>b("intonation"),class:[M.cItem,"intonation"===g.value&&M.active]},[t("div",{style:{color:"rgb(45, 199, 170)"}},[l.value.intonation,c("分")]),t("div",null,[c("音准")])]),t("div",{onClick:()=>b("cadence"),class:[M.cItem,"cadence"===g.value&&M.active]},[t("div",{style:{color:"#FF4E19"}},[l.value.cadence,c("分")]),t("div",null,[c("节奏")])]),t("div",{onClick:()=>b("integrity"),class:[M.cItem,"integrity"===g.value&&M.active]},[t("div",{style:{color:"rgb(255, 196, 89)"}},[l.value.integrity,c("分")]),t("div",null,[c("完成度")])])])]),t("div",{class:M.right},[t("div",{style:{display:l.value.videoFilePath?"":"none"},class:M.btn,onClick:x},[t("img",{class:M.iconBtn,src:U},null),t("span",null,[c("回放")])]),t("div",{class:M.btn,onClick:()=>m.shiyiShow=!0},[t("img",{class:M.iconBtn,src:H},null),t("span",null,[c("释义")])])]),_.isPercussion?null:t("div",{class:M.demos},[t("div",null,[t(D,{fill:"#01C1B5"},null),t("span",null,[c("演奏正确")])]),"intonation"===g.value&&t(u,null,[t("div",null,[t(D,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FFAB25",shadow:!0,x:-2,y:0},null),t("span",null,[c("音高了")])]),t("div",null,[t(D,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),t("span",null,[c("音低了")])])]),"cadence"===g.value&&t(u,null,[t("div",null,[t(D,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FF4444",shadow:!0,x:.5,y:-1},null),t("span",null,[c("节奏过快")])]),t("div",null,[t(D,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FF4444",shadow:!0,x:-3,y:-2.5},null),t("span",null,[c("节奏慢了")])])]),"integrity"===g.value&&t("div",null,[t(D,{fill:"#CC75FF"},null),t("span",null,[c("完成度不足")])]),t("div",null,[t(D,{fill:"#000"},null),t("span",null,[c("未演奏")])])]),t(h,{teleport:"body",class:["popup-custom","van-scale",M.popup],transition:"van-scale",show:m.show,"onUpdate:show":e=>m.show=e,closeable:!0,onClose:()=>{var e;null===(e=m._plrl)||void 0===e||e.pause()}},{default:()=>["audio"===y.value&&t("div",{class:M.audiobox},[t("audio",{id:"audioSrc",src:l.value.videoFilePath,controls:"false",preload:"metadata",playsinline:!0},null)]),"video"===y.value&&t("div",{class:M.videobox},[t("video",{id:"videoSrc",class:M.videoBox,src:l.value.videoFilePath,"data-poster":z,preload:"metadata",playsinline:!0},null)])]}),t(h,{show:m.shiyiShow,"onUpdate:show":e=>m.shiyiShow=e,class:"popup-custom van-scale center-closeBtn",transition:"van-scale",teleport:"body",closeable:!0},{default:()=>[t("div",{class:M.shiyiPopup},[t("div",{class:M.shiyiTitle},[c("图标释义")]),t("div",{class:M.items},[t("div",{class:M.item},[t(D,{fill:"#01C1B5"},null),t("span",null,[c("绿色音符:演奏正确")])]),t("div",{class:M.item},[t(D,{fill:"#FF4444"},null),t("span",null,[c("红色音符:错音")])]),t("div",{class:M.item},[t(D,{fill:"#CC75FF"},null),t("span",null,[c("紫色音符:完成度不足")])]),t("div",{class:M.item},[t(D,{fill:"#AEAEAE"},null),t("span",null,[c("灰色音符:未演奏")])]),t("div",{class:M.item},[t(D,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FF4444",shadow:!0,x:.5,y:-1},null),t("span",null,[c("音符重影(红色在前):节奏过快")])]),t("div",{class:M.item},[t(D,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FF4444",shadow:!0,x:-3,y:-2.5},null),t("span",null,[c("音符重影(红色在后):节奏慢了")])]),t("div",{class:M.item},[t(D,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FFAB25",shadow:!0,x:-2,y:0},null),t("span",null,[c("音符重影(黄色在上):音高了")])]),t("div",{class:M.item},[t(D,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),t("span",null,[c("音符重影(黄色在下):音低了")])])])])]})])}}),J={RIGHT:A.right,WRONG:A.wrong,NOT_PLAY:A.notPlay,CADENCE_WRONG:A.cadence_wrong,INTONATION_WRONG:A.intonation_wrong,INTEGRITY_WRONG:A.integrity_wrong};e("default",l({name:"music-list",setup(){const e=m(),i=o({videoFilePath:"",cadence:0,integrity:0,intonation:0,score:0,heardLevel:""}),l=o({isLoading:!0,paddingLeft:"",headerHide:!1,musicalNotesPlayStats:[],userMeasureScore:{}});p((()=>{(async()=>{const e=await I();if(null!=e&&e.content){const{isSpecialShapedScreen:i,notchHeight:t}=e.content;i&&(l.paddingLeft="25px")}l.paddingLeft="20px"})(),g()}));const a=(e,i)=>{if(_.scrollContainer="scrollContainer",_.detailId=e.id,_.xmlUrl=e.xmlFileUrl,_.partIndex=i,_.subjectId=e.musicSubject,_.categoriesId=e.categoriesId,_.categoriesName=e.musicTagNames,_.enableEvaluation=!!e.canEvaluate,_.examSongId=e.id+"",_.examSongName=e.musicSheetName,e.extConfigJson)try{_.extConfigJson=JSON.parse(e.extConfigJson)}catch(l){console.error("解析扩展字段错误:",l)}_.isOpenMetronome="MP3_METRONOME"===e.mp3Type,_.needTick=e.isOpenMetronome,_.isShowFingering=!!e.showFingering,_.music=e.audioFileUrl,_.accompany=e.metronomeUrl||e.metronomeUrl,_.midiUrl=e.midiUrl,_.parentCategoriesId=e.musicTag,_.playMode="MP3"===e.audioType?"MP3":"MIDI",_.originSpeed=_.speed=e.speed,_.track=e.track,_.enableNotation=!!e.notation,_.subjectId=P(_.subjectId,"ORCHESTRA"),_.isPercussion=23==_.subjectId||113==_.subjectId||121==_.subjectId||S(),_.fingeringInfo=N(_.subjectId)},n=()=>{_.extConfigJson.multitrack&&C("multitrack",_.extConfigJson.multitrack)};f((async()=>{var t,o,r,s,d,c,u,h,w,v;const m=await j(e.id);_.partIndex=Number(null==m||null===(t=m.data)||void 0===t?void 0:t.partIndex);let p={};try{var g;p=JSON.parse(null==m||null===(g=m.data)||void 0===g?void 0:g.scoreData)}catch(f){console.error("解析评测结果:",f)}l.musicalNotesPlayStats=(null===(o=p.musicalNotesPlayStats)||void 0===o?void 0:o.notesData)||[],l.userMeasureScore=p.userMeasureScore||{},i.heardLevel=null===(r=m.data)||void 0===r?void 0:r.heardLevel,i.cadence=null===(s=m.data)||void 0===s?void 0:s.cadence,i.integrity=null===(d=m.data)||void 0===d?void 0:d.integrity,i.intonation=null===(c=m.data)||void 0===c?void 0:c.intonation,i.score=null===(u=m.data)||void 0===u?void 0:u.score,i.videoFilePath=(null===(h=m.data)||void 0===h?void 0:h.videoFilePath)||(null===(w=m.data)||void 0===w?void 0:w.recordFilePath),Promise.all([B(null===(v=p.musicalNotesPlayStats)||void 0===v?void 0:v.examSongId)]).then((e=>{(e=>{const i=_.partIndex,t={...e.data,...e.data.background[i]};a(t,i),n(),l.isLoading=!1})(e[0])}))}));const r=e=>{_.musicRendered=!0,_.osmd=e,_.times=E(e),console.log("🚀 ~ state.times:",_.times),(()=>{for(const e of l.musicalNotesPlayStats){const i=_.times[e.musicalNotesIndex],l=document.getElementById("vf-"+i.id);null==l||l.classList.add(J[e.musicalErrorType])}})(),(()=>{for(let e in l.userMeasureScore)T(l.userMeasureScore[e],!1)})(),L()};return f((()=>{window.addEventListener("resize",b)})),y((()=>{window.removeEventListener("resize",b)})),()=>t("div",{class:[A.detail,_.setting.eyeProtection&&"eyeProtection",A.shareBox],style:{paddingLeft:l.paddingLeft}},[t(x,{name:"van-fade"},{default:()=>[!_.musicRendered&&t("div",{class:A.skeleton},[t(F,{class:A.skeleton,row:8},null)])]}),t("div",{class:[A.headHeight,l.headerHide&&A.headHide],onClick:e=>e.stopPropagation()},[t(x,{name:"van-slide-down"},{default:()=>[_.musicRendered&&t(G,{scoreData:i},null)]})]),t("div",{id:"scrollContainer",class:[A.container,!_.setting.displayCursor&&"hideCursor"]},[t("div",{class:A.musicName},[_.examSongName]),!l.isLoading&&t(k,{onRendered:r},null)])])}}))}}}));