1 |
- import{d as C,f as e,v as q,U as Z,n as R,l as M,e as j,h as K,m as d,k as n,F as y,P as G,a8 as $,as as ee,g as te,o as se,ad as ne,c as N,cS as le,bn as ie,ae as U,af as ae,w as oe,ah as O,ag as ue,ai as re,al as ce,ap as de,at as me}from"./index-039d4555.js";import{P as pe}from"./plyr.min-c8c2777b.js";import{T as fe}from"./instrument-964ca5bb.js";import"./index-17327900.js";import"./index-17763e70.js";import"./instruments-4b20732d.js";import"./index-c5bfeee7.js";const ve="_detail_mbevf_5",ge="_skeleton_mbevf_11",Fe="_headHeight_mbevf_34",he="_headHide_mbevf_43",ye="_container_mbevf_46",we="_musicName_mbevf_61",_e="_beam_mbevf_68",Ae="_right_mbevf_72",Ce="_inaccuracy_mbevf_76",be="_wrong_mbevf_80",Le="_notPlay_mbevf_84",Se="_intonation_wrong_mbevf_88",Ee="_intonation_high_mbevf_89",Te="_intonation_low_mbevf_90",Be="_cadence_wrong_mbevf_94",Ie="_cadence_fast_mbevf_95",xe="_cadence_slow_mbevf_96",De="_integrity_wrong_mbevf_100",ke="_arrowSvg_mbevf_104",m={detail:ve,skeleton:ge,headHeight:Fe,headHide:he,container:ye,musicName:we,beam:_e,right:Ae,inaccuracy:Ce,wrong:be,notPlay:Le,intonation_wrong:Se,intonation_high:Ee,intonation_low:Te,cadence_wrong:Be,cadence_fast:Ie,cadence_slow:xe,integrity_wrong:De,arrowSvg:ke},Pe="_headerTop_1yde0_1",Re="_android_1yde0_12",Ge="_back_1yde0_15",Ne="_disabled_1yde0_27",Ue="_left_1yde0_30",Oe="_leftContent_1yde0_34",He="_lcName_1yde0_34",We="_lcScore_1yde0_45",Je="_center_1yde0_50",Ve="_cItem_1yde0_55",ze="_active_1yde0_77",Qe="_middle_1yde0_84",Xe="_mScore_1yde0_105",Ye="_mLabel_1yde0_110",Me="_right_1yde0_124",qe="_btn_1yde0_128",Ze="_iconBtn_1yde0_140",je="_btnWrap_1yde0_149",Ke="_popup_1yde0_154",$e="_audiobox_1yde0_166",et="_videobox_1yde0_173",tt="_demos_1yde0_184",st="_shiyiClose_1yde0_209",nt="_shiyiPopup_1yde0_217",lt="_shiyiTop_1yde0_225",it="_shiyiTitle_1yde0_232",at="_items_1yde0_238",ot="_item_1yde0_238",ut="_itemTone_1yde0_260",rt="_firstIcon1_1yde0_270",ct="_firstIcon2_1yde0_274",dt="_firstIcon3_1yde0_278",mt="_fiz_1yde0_288",t={headerTop:Pe,android:Re,back:Ge,disabled:Ne,left:Ue,leftContent:Oe,lcName:He,lcScore:We,center:Je,cItem:Ve,active:ze,middle:Qe,mScore:Xe,mLabel:Ye,right:Me,btn:qe,iconBtn:Ze,btnWrap:je,popup:Ke,audiobox:$e,videobox:et,demos:tt,shiyiClose:st,shiyiPopup:nt,shiyiTop:lt,shiyiTitle:it,items:at,item:ot,itemTone:ut,firstIcon1:rt,firstIcon2:ct,firstIcon3:dt,fiz:mt},pt=""+new URL("../svg/icon-back-ad5010f0.svg",import.meta.url).href,ft=""+new URL("../svg/icon-shiyi-b27b9b6f.svg",import.meta.url).href,vt=""+new URL("../svg/icon-huifang-4d7bf6f9.svg",import.meta.url).href,H="data:image/png;base64,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",gt=""+new URL("../svg/shiyi-close-81107aad.svg",import.meta.url).href,W=""+new URL("../svg/first-left-93249328.svg",import.meta.url).href,J=""+new URL("../svg/first-right-26321337.svg",import.meta.url).href,V=""+new URL("../svg/first-top-b209d9ff.svg",import.meta.url).href,z=""+new URL("../svg/first-bottom-b102a090.svg",import.meta.url).href,P=""+new URL("../svg/first-correct-b550d7f2.svg",import.meta.url).href,Q=""+new URL("../svg/first-error-e5ff229a.svg",import.meta.url).href,X=""+new URL("../svg/first-not-bfc62a59.svg",import.meta.url).href,Y=""+new URL("../svg/first-lack-609cf8ae.svg",import.meta.url).href,Ft=""+new URL("../png/videobg-2d19d627.png",import.meta.url).href,p=C({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 e("svg",{width:"14",height:"24",viewBox:"0 0 14 24"},[e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("rect",{x:"0",y:"0",width:"14",height:"24"},null),e("g",{fill:this.fill},[this.shadow&&e("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),e("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)])])])}}),ht=C({name:"header-top",props:{scoreData:{type:Object,default:()=>({})}},setup(L,{expose:S}){const o=q(),{scoreData:a}=Z(L),f=R({show:!1,shiyiShow:!1,isInitPlyr:!1,_plrl:null}),D={BEGINNER:"入门级",ADVANCED:"进阶级",PERFORMER:"大师级"},c=M("intonation"),I=()=>{$()},b=s=>{c.value=s,a.value.itemType=s},E=j(()=>{const s=(a.value.videoFilePath||"").split(".").pop();return s==="wav"||s==="mp3"||s==="m4a"?"audio":"video"}),k=()=>{f.show=!0,!f.isInitPlyr&&ee(()=>{const s=E.value==="audio"?"#audioSrc":"#videoSrc";f._plrl=new pe(s,{controls:["play-large","play","progress","current-time"],fullscreen:{enabled:!1}}),f.isInitPlyr=!0})};return()=>e("div",{class:[t.headerTop,o.android&&t.android]},[e("div",{class:t.left},[e("div",{class:[t.back,!K.isApp&&t.disabled],onClick:I},[e("img",{src:pt},null)]),e("div",{class:t.leftContent},[e(fe,{class:t.lcName,text:d.examSongName,rightView:!1},null),e("div",{class:t.lcScore},[D[a.value.heardLevel],n("|综合分数:"),a.value.score,n("分")])])]),e("div",{class:t.middle},[d.isPercussion?null:e("div",{onClick:()=>b("intonation"),class:[t.cItem,c.value==="intonation"&&t.active]},[e("span",{class:t.mScore},[a.value.intonation,n("分")]),e("span",{class:t.mLabel},[n("音准")])]),e("div",{onClick:()=>b("cadence"),class:[t.cItem,c.value==="cadence"&&t.active]},[e("span",{class:t.mScore},[a.value.cadence,n("分")]),e("span",{class:t.mLabel},[n("节奏")])]),d.isPercussion?null:e("div",{onClick:()=>b("integrity"),class:[t.cItem,c.value==="integrity"&&t.active]},[e("span",{class:t.mScore},[a.value.integrity,n("分")]),e("span",{class:t.mLabel},[n("完成度")])])]),e("div",{class:t.right},[e("div",{style:{display:a.value.videoFilePath?"":"none"},class:t.btn,onClick:k},[e("img",{class:t.iconBtn,src:vt},null),e("span",null,[n("回放")])]),e("div",{class:t.btn,onClick:()=>f.shiyiShow=!0},[e("img",{class:t.iconBtn,src:ft},null),e("span",null,[n("释义")])])]),a.value.musicType==="staff"?e(y,null,[d.isPercussion?null:e("div",{class:t.demos},[c.value==="intonation"&&e(y,null,[e("div",null,[e(p,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-2,y:0},null),e("span",null,[n("演奏偏高")])]),e("div",null,[e(p,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),e("span",null,[n("演奏偏低")])])]),c.value==="cadence"&&e(y,null,[e("div",null,[e(p,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:.5,y:-1},null),e("span",null,[n("节奏偏快")])]),e("div",null,[e(p,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-3,y:-2.5},null),e("span",null,[n("演奏偏低")])])]),(c.value==="intonation"||c.value==="cadence")&&e(y,null,[e("div",null,[e(p,{fill:"#2ABC6F"},null),e("span",null,[n("演奏正确")])]),e("div",null,[e(p,{fill:"#FF2B29"},null),e("span",null,[n("演奏错误")])])]),(c.value==="intonation"||c.value==="integrity")&&e("div",null,[e(p,{fill:"#8F4EFB"},null),e("span",null,[n("时值不足")])]),c.value==="integrity"&&e("div",null,[e(p,{fill:"#2ABC6F"},null),e("span",null,[n("时值正确")])]),e("div",null,[e(p,{fill:"#ADADAD"},null),e("span",null,[n("未演奏")])])])]):e(y,null,[d.isPercussion?null:e("div",{class:t.demos},[c.value==="intonation"&&e(y,null,[e("div",null,[e("img",{class:t.firstIcon1,src:V},null),e("span",null,[n("演奏偏高")])]),e("div",null,[e("img",{class:t.firstIcon1,src:z},null),e("span",null,[n("演奏偏低")])])]),c.value==="cadence"&&e(y,null,[e("div",null,[e("img",{class:t.firstIcon2,src:W},null),e("span",null,[n("节奏偏快")])]),e("div",null,[e("img",{class:t.firstIcon2,src:J},null),e("span",null,[n("节奏偏慢")])])]),(c.value==="intonation"||c.value==="cadence")&&e(y,null,[e("div",null,[e("img",{class:t.firstIcon3,src:P},null),e("span",null,[n("演奏正确")])]),e("div",null,[e("img",{class:t.firstIcon3,src:Q},null),e("span",null,[n("演奏错误")])])]),(c.value==="intonation"||c.value==="integrity")&&e("div",null,[e("img",{class:t.firstIcon3,src:Y},null),e("span",null,[n("时值不足")])]),c.value==="integrity"&&e("div",null,[e("img",{class:t.firstIcon3,src:P},null),e("span",null,[n("时值正确")])]),e("div",null,[e("img",{class:t.firstIcon3,src:X},null),e("span",null,[n("未演奏")])])])]),e(G,{teleport:"body",class:["popup-custom","van-scale",t.popup],transition:"van-scale",show:f.show,"onUpdate:show":s=>f.show=s,closeable:!0,onClose:()=>{var s;(s=f._plrl)==null||s.pause()}},{default:()=>[E.value==="audio"&&e("div",{class:t.audiobox},[e("audio",{id:"audioSrc",src:a.value.videoFilePath,controls:"false",preload:"metadata",playsinline:!0},null)]),E.value==="video"&&e("div",{class:t.videobox},[e("video",{id:"videoSrc",class:t.videoBox,src:a.value.videoFilePath,"data-poster":Ft,preload:"metadata",playsinline:!0},null)])]}),e(G,{show:f.shiyiShow,"onUpdate:show":s=>f.shiyiShow=s,class:"popup-custom van-scale center-closeBtn shiyiBox",transition:"van-scale",teleport:"body",closeable:!0},{default:()=>[e("img",{onClick:()=>f.shiyiShow=!1,class:t.shiyiClose,src:gt},null),a.value.musicType==="staff"?e("div",{class:t.shiyiPopup},[e("img",{class:t.shiyiTop,src:H},null),e("div",{class:t.items},[e("div",{class:t.item},[e(p,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-2,y:0},null),e("span",null,[n("黄色音符在上:演奏偏高")])]),e("div",{class:t.item},[e(p,{fill:"#2ABC6F"},null),e("span",null,[n("绿色音符:演奏/时值正确")])]),e("div",{class:t.item},[e(p,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),e("span",null,[n("黄色音符在下:演奏偏低")])]),e("div",{class:t.item},[e(p,{fill:"#FF2B29"},null),e("span",null,[n("红色音符:演奏错误")])]),e("div",{class:t.item},[e(p,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:.5,y:-1},null),e("span",null,[n("黄色音符在左:节奏偏快")])]),e("div",{class:t.item},[e(p,{fill:"#8F4EFB"},null),e("span",null,[n("紫色音符:时值不足")])]),e("div",{class:t.item},[e(p,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-3,y:-2.5},null),e("span",null,[n("黄色音符在右:节奏偏慢")])]),e("div",{class:t.item},[e(p,{fill:"#ADADAD"},null),e("span",null,[n("灰色音符:未演奏")])])])]):e("div",{class:t.shiyiPopup},[e("img",{class:t.shiyiTop,src:H},null),e("div",{class:t.items},[e("div",{class:t.itemTone},[e("img",{class:t.firstIcon1,src:V},null),e("span",null,[n("黄色箭头朝上:演奏偏高")])]),e("div",{class:t.itemTone},[e("img",{class:t.firstIcon3,src:P},null),e("span",null,[n("绿色音符:演奏/时值正确")])]),e("div",{class:t.itemTone},[e("img",{class:t.firstIcon1,src:z},null),e("span",null,[n("黄色箭头朝下:演奏偏低")])]),e("div",{class:t.itemTone},[e("img",{class:t.firstIcon3,src:Q},null),e("span",null,[n("红色音符:演奏错误")])]),e("div",{class:t.itemTone},[e("img",{class:[t.firstIcon2,t.fiz],src:W},null),e("span",null,[n("黄色箭头朝左:节奏偏快")])]),e("div",{class:t.itemTone},[e("img",{class:t.firstIcon3,src:Y},null),e("span",null,[n("紫色音符:时值不足")])]),e("div",{class:t.itemTone},[e("img",{class:t.firstIcon2,src:J},null),e("span",null,[n("黄色箭头朝右:节奏偏慢")])]),e("div",{class:t.itemTone},[e("img",{class:t.firstIcon3,src:X},null),e("span",null,[n("灰色音符:未演奏")])])])])]})])}}),yt=C({name:"ArrowSvg",props:{fill:String},render(){return e("svg",{id:"topSvg",width:"15px",height:"10px",viewBox:"0 0 10 7",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e("g",{id:"页面-1",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("path",{d:"M1.61932444,0 L8.38067556,0 C8.84091285,1.06606835e-15 9.2140089,0.373096042 9.2140089,0.833333333 C9.2140089,1.00701915 9.15973962,1.17636453 9.05878679,1.31769849 L5.67811123,6.05064428 C5.41060373,6.42515477 4.89014533,6.51189784 4.51563484,6.24439035 C4.44080524,6.19094063 4.37533849,6.12547388 4.32188877,6.05064428 L0.941213211,1.31769849 C0.673705719,0.943188006 0.760448786,0.422729599 1.13495928,0.155222107 C1.27629324,0.0542692786 1.44563862,-3.01161341e-16 1.61932444,0 Z",id:"上",fill:"#FF9200",transform:"translate(5.000000, 3.500000) scale(1, -1) translate(-5.000000, -3.500000) "},null)])])}}),wt=C({name:"ArrowSvg",props:{fill:String},render(){return e("svg",{id:"bottomSvg",width:"15px",height:"10px",viewBox:"0 0 10 7",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e("g",{id:"页面-223",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("path",{d:"M1.61932444,0 L8.38067556,0 C8.84091285,1.06606835e-15 9.2140089,0.373096042 9.2140089,0.833333333 C9.2140089,1.00701915 9.15973962,1.17636453 9.05878679,1.31769849 L5.67811123,6.05064428 C5.41060373,6.42515477 4.89014533,6.51189784 4.51563484,6.24439035 C4.44080524,6.19094063 4.37533849,6.12547388 4.32188877,6.05064428 L0.941213211,1.31769849 C0.673705719,0.943188006 0.760448786,0.422729599 1.13495928,0.155222107 C1.27629324,0.0542692786 1.44563862,-3.01161341e-16 1.61932444,0 Z",id:"下",fill:"#FF9200",transform:"translate(5.000000, 3.500000) scale(1, -1) rotate(-180.000000) translate(-5.000000, -3.500000) "},null)])])}}),_t=C({name:"ArrowSvg",props:{fill:String},render(){return e("svg",{id:"leftSvg",width:"15px",height:"10px",viewBox:"0 0 10 7",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e("g",{id:"页面-1",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("path",{d:"M0.119324437,1.5 L6.88067556,1.5 C7.34091285,1.5 7.7140089,1.87309604 7.7140089,2.33333333 C7.7140089,2.50701915 7.65973962,2.67636453 7.55878679,2.81769849 L4.17811123,7.55064428 C3.91060373,7.92515477 3.39014533,8.01189784 3.01563484,7.74439035 C2.94080524,7.69094063 2.87533849,7.62547388 2.82188877,7.55064428 L-0.558786789,2.81769849 C-0.826294281,2.44318801 -0.739551214,1.9227296 -0.365040725,1.65522211 C-0.223706765,1.55426928 -0.0543613774,1.5 0.119324437,1.5 Z",id:"左",fill:"#FF9200",transform:"translate(3.500000, 5.000000) scale(-1, -1) rotate(-90.000000) translate(-3.500000, -5.000000) "},null)])])}}),At=C({name:"ArrowSvg",props:{fill:String},render(){return e("svg",{id:"rightSvg",width:"15px",height:"10px",viewBox:"0 0 10 7",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e("g",{id:"页面-1",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e("path",{d:"M0.119324437,1.5 L6.88067556,1.5 C7.34091285,1.5 7.7140089,1.87309604 7.7140089,2.33333333 C7.7140089,2.50701915 7.65973962,2.67636453 7.55878679,2.81769849 L4.17811123,7.55064428 C3.91060373,7.92515477 3.39014533,8.01189784 3.01563484,7.74439035 C2.94080524,7.69094063 2.87533849,7.62547388 2.82188877,7.55064428 L-0.558786789,2.81769849 C-0.826294281,2.44318801 -0.739551214,1.9227296 -0.365040725,1.65522211 C-0.223706765,1.55426928 -0.0543613774,1.5 0.119324437,1.5 Z",id:"右",fill:"#FF9200",transform:"translate(3.500000, 5.000000) scale(1, -1) rotate(-90.000000) translate(-3.500000, -5.000000) "},null)])])}}),A={RIGHT:m.right,WRONG:m.wrong,NOT_PLAYED:m.notPlay,EARLY:m.cadence_fast,LATE:m.cadence_slow,HIGH:m.intonation_high,LOW:m.intonation_low,DURATION_INSUFFICIENT:m.integrity_wrong},It=C({name:"music-list",setup(){const L=te(),S=M([]),o=R({videoFilePath:"",cadence:0,integrity:0,intonation:0,score:0,heardLevel:"",itemType:"intonation",musicType:"staff"}),a=R({isLoading:!0,paddingLeft:"",headerHide:!1,musicalNotesPlayStats:[],userMeasureScore:{}}),f=async()=>{const s=await ce();if(s!=null&&s.content){const{isSpecialShapedScreen:u,notchHeight:l}=s.content;u&&(a.paddingLeft="25px")}a.paddingLeft="20px"};se(()=>{f(),ne()}),N(async()=>{var l,r,g,i,T,B,v,x,w,_,F;const s=await le(L.id);d.partIndex=Number((l=s==null?void 0:s.data)==null?void 0:l.partIndex);let u={};try{u=JSON.parse((r=s==null?void 0:s.data)==null?void 0:r.scoreData)}catch(h){console.error("解析评测结果:",h)}a.musicalNotesPlayStats=((g=u.musicalNotesPlayStats)==null?void 0:g.notesData)||[],a.userMeasureScore=u.userMeasureScore||{},o.heardLevel=(i=s.data)==null?void 0:i.heardLevel,o.cadence=(T=s.data)==null?void 0:T.cadence,o.integrity=(B=s.data)==null?void 0:B.integrity,o.intonation=(v=s.data)==null?void 0:v.intonation,o.score=(x=s.data)==null?void 0:x.score,o.videoFilePath=((w=s.data)==null?void 0:w.videoFilePath)||((_=s.data)==null?void 0:_.recordFilePath),d.isEvaluatReport=!0,await ie((F=u.musicalNotesPlayStats)==null?void 0:F.examSongId),o.musicType=L.musicRenderType?L.musicRenderType:d.musicRenderType,a.isLoading=!1});const D=s=>{if(o.musicType==="staff")switch(s){case"EARLY":return"translateX(-3px)";case"LATE":return"translateX(3px)";case"HIGH":return"translateY(-2px)";case"LOW":return"translateY(2px)";default:return""}else switch(s){case"EARLY":return"translateX(-3px)";case"LATE":return"translateX(3px)";case"HIGH":return"translateY(-2px)";case"LOW":return"translateY(-10px)";default:return""}},c=()=>{let s=["RIGHT","WRONG","NOT_PLAYED"];return o.itemType==="intonation"?s.push("HIGH","LOW","DURATION_INSUFFICIENT"):o.itemType==="cadence"?s.push("EARLY","LATE"):o.itemType==="integrity"&&(s=["DURATION_INSUFFICIENT","RIGHT","NOT_PLAYED"]),o.itemType==="cadence"?a.musicalNotesPlayStats.filter(u=>s.includes(u.rhythmicAssessment.result)):a.musicalNotesPlayStats.filter(u=>{let l=u.pitchAssessment.result;return o.itemType==="integrity"&&(l=l==="HIGH"||l==="LOW"||l==="WRONG"?"RIGHT":l),s.includes(l)})},I=()=>{E();const s=c();for(const u of s){const l=d.times[u.index];setTimeout(()=>{var B;if(S.value.includes(l.id))return;S.value.push(l.id);const r=document.getElementById("vf-"+l.id),g=document.getElementById("vf-"+l.id+"-stem");let i=o.itemType==="cadence"?u.rhythmicAssessment.result:u.pitchAssessment.result;const T=o.itemType==="integrity"?!1:["HIGH","LOW","EARLY","LATE"].includes(i);if(o.itemType==="integrity"&&(i=i=u.pitchAssessment.result==="HIGH"||u.pitchAssessment.result==="LOW"||u.pitchAssessment.result==="WRONG"?"RIGHT":i),g==null||g.classList.add(A[i]),r==null||r.classList.add(A[i]),r&&T){g==null||g.classList.remove(A[i]),r==null||r.classList.remove(A[i]);let v=null;if(o.musicType==="staff")g==null||g.classList.add(A.RIGHT),r==null||r.classList.add(A.RIGHT),v=r.querySelector(".vf-notehead").cloneNode(!0);else if(T){r==null||r.classList.add(m.inaccuracy);const x=i==="HIGH"?"topSvg":i==="LOW"?"bottomSvg":i==="EARLY"?"leftSvg":i==="LATE"?"rightSvg":"";v=document.getElementById(x).cloneNode(!0);const{width:w,height:_}=r.getBoundingClientRect()||{};let{x:F,y:h}=(r==null?void 0:r.getBBox())||{};F=i==="HIGH"||i==="LOW"?F+(w-15)/2+2:i==="EARLY"?F-Math.abs((w-15)/2)-12:i==="LATE"?F+w+6:F,h=i==="HIGH"?h-Math.abs((_-10)/2)-10:i==="LOW"?h+_+8:i==="EARLY"||i==="LATE"?h+(_-10)/2:h,v.setAttribute("x",F),v.setAttribute("y",h)}o.musicType==="staff"&&(v.style.transform=D(i)),v.id="vf-"+l.id+"-copy",v==null||v.classList.add(A[i]),(B=d.osmd)==null||B.container.querySelector("svg").insertAdjacentElement("afterbegin",v)}},300)}},b=s=>{if(!s)return;const u=s.classList.values();for(const l of u)(l==null?void 0:l.indexOf("vf-"))!==0&&s.classList.remove(l)},E=()=>{for(const s of S.value){b(document.getElementById("vf-"+s)),b(document.getElementById("vf-"+s+"-stem"));const u="vf-"+s+"-copy",l=document.getElementById(u);l&&l.remove()}S.value=[]},k=s=>{d.musicRendered=!0,d.osmd=s,d.times=de(s),console.log("🚀 ~ state.times:",d.times),Array.from(new Set(document.getElementsByClassName("vf-beam"))).forEach(l=>{l.classList.add(m.beam)}),I(),me()};return N(()=>{window.addEventListener("resize",U)}),ae(()=>{window.removeEventListener("resize",U)}),oe(()=>o.itemType,()=>{I()}),()=>e("div",{class:[m.detail,d.setting.eyeProtection&&"eyeProtection",m.shareBox],style:{paddingLeft:a.paddingLeft}},[e(O,{name:"van-fade"},{default:()=>[!d.musicRendered&&e("div",{class:m.skeleton},[e(ue,{class:m.skeleton,row:8},null)])]}),e("div",{class:[m.headHeight,a.headerHide&&m.headHide],onClick:s=>s.stopPropagation()},[e(O,{name:"van-slide-down"},{default:()=>[d.musicRendered&&e(ht,{scoreData:o},null)]})]),e("div",{id:"scrollContainer",class:[m.container,!d.setting.displayCursor&&"hideCursor"]},[!a.isLoading&&e(re,{musicColor:"#ADADAD",onRendered:k},null),e("div",{class:m.arrowSvg},[e(yt,null,null),e(wt,null,null),e(_t,null,null),e(At,null,null)])])])}});export{It as default};
|