1 |
- System.register(["./index-legacy-8e51d955.js","./plyr.min-legacy-2197a4aa.js","./instrument-legacy-0cc8eeb2.js","./index-legacy-60f530a1.js","./index-legacy-520c2f25.js","./instruments-legacy-820764d7.js","./index-legacy-15c3fcf7.js"],(function(e,t){"use strict";var i,l,n,a,s,o,r,d,c,_,m,u,g,f,p,h,y,v,w,b,x,A,L,S,I,T,k,C,E,F,P,R=document.createElement("style");return R.textContent="._skeleton_1tgfe_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_1tgfe_12{width:100vw;min-height:100vh;--header-height: 1.65333rem;background:#f8f2e8}._detail_1tgfe_12 #cursorImg-0{display:none!important}._detail_1tgfe_12 #selectionBox{pointer-events:none}._detail_1tgfe_12 ._headHeight_1tgfe_24{position:fixed;left:0;top:0;width:100%;height:var(--header-height);transition:margin .3s;z-index:10}._detail_1tgfe_12 ._headHeight_1tgfe_24._headHide_1tgfe_33{margin-top:calc(0Px - var(--header-height))}._detail_1tgfe_12 ._container_1tgfe_36{position:relative;margin:0 .26667rem;border-radius:.26667rem;padding-top:calc(var(--header-height) + 1.44rem)}._detail_1tgfe_12 ._container_1tgfe_36 #musicAndSelection{overflow:initial;height:initial;max-height:initial;transform:translateY(-3%)!important}._detail_1tgfe_12 ._container_1tgfe_36 #musicAndSelection>#osmdCanvasPage1{position:relative!important}._musicName_1tgfe_51{font-size:.69333rem;font-weight:400;color:#000;line-height:.98667rem;text-align:center}._beam_1tgfe_58 path{fill:#adadad!important;stroke:#adadad}._right_1tgfe_62 path{fill:#2abc6f;stroke:#2abc6f}._inaccuracy_1tgfe_66 path{fill:#ff9200;stroke:#ff9200}._wrong_1tgfe_70 path{fill:#ff2b29;stroke:#ff2b29}._notPlay_1tgfe_74 path{fill:#adadad;stroke:#adadad}._intonation_wrong_1tgfe_78 path,._intonation_high_1tgfe_79 path,._intonation_low_1tgfe_80 path{fill:#ff9200;stroke:#ff9200}._cadence_wrong_1tgfe_84 path,._cadence_fast_1tgfe_85 path,._cadence_slow_1tgfe_86 path{fill:#ff9200;stroke:#ff9200}._integrity_wrong_1tgfe_90 path{fill:#8f4efb;stroke:#8f4efb}._arrowSvg_1tgfe_94{opacity:0;width:1;height:1}._headerTop_1yde0_1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;flex-shrink:0;padding:.26667rem .58667rem;background-color:#fff;position:relative}._android_1yde0_12{padding-top:.53333rem}._back_1yde0_15{display:flex;justify-content:center;align-items:center;padding-right:.37333rem;height:100%}._back_1yde0_15 img{display:block;width:.4rem;height:.64rem}._disabled_1yde0_27{pointer-events:none}._left_1yde0_30{display:flex;align-items:center}._left_1yde0_30 ._leftContent_1yde0_34 ._lcName_1yde0_34{font-size:.48rem;font-weight:600;color:#000;line-height:.66667rem;margin-bottom:.05333rem;padding:0!important}._left_1yde0_30 ._leftContent_1yde0_34 ._lcName_1yde0_34 .van-notice-bar{padding:0!important}._left_1yde0_30 ._leftContent_1yde0_34 ._lcScore_1yde0_45{font-size:.32rem;color:#777;line-height:.48rem}._center_1yde0_50{display:flex;align-items:center;margin:0 auto}._center_1yde0_50 ._cItem_1yde0_55{text-align:center;padding:0 .32rem;white-space:nowrap}._center_1yde0_50 ._cItem_1yde0_55>div:first-child{font-size:.32rem;color:#333;line-height:.37333rem;margin-bottom:.16rem;font-weight:700}._center_1yde0_50 ._cItem_1yde0_55>div:last-child{font-size:.32rem;color:#777;line-height:.32rem;padding:.10667rem .21333rem;border-radius:.37333rem}._center_1yde0_50 ._cItem_1yde0_55:not(:last-child){border-right:.02667rem solid #EBDABF}._center_1yde0_50 ._active_1yde0_77>div:first-child{color:var(--van-primary-color)!important}._center_1yde0_50 ._active_1yde0_77>div:last-child{background-color:#ecf9ff;color:var(--van-primary-color)}._middle_1yde0_84{display:flex;align-items:center;justify-content:center;width:60%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}._middle_1yde0_84 ._cItem_1yde0_55{width:1.70667rem;height:1.33333rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.10667rem 0;margin:0 .16rem;cursor:pointer}._middle_1yde0_84 ._cItem_1yde0_55 ._mScore_1yde0_105{font-size:.42667rem;line-height:.58667rem;color:#aaa}._middle_1yde0_84 ._cItem_1yde0_55 ._mLabel_1yde0_110{font-size:.32rem;line-height:.48rem;color:#aaa}._middle_1yde0_84 ._active_1yde0_77{background:#CBEEFF;border-radius:.21333rem}._middle_1yde0_84 ._active_1yde0_77 ._mScore_1yde0_105,._middle_1yde0_84 ._active_1yde0_77 ._mLabel_1yde0_110{color:#000;font-weight:600}._right_1yde0_124{display:flex;align-items:center}._right_1yde0_124 ._btn_1yde0_128{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.26667rem;line-height:.37333rem;font-weight:400;padding:0 .26667rem;color:#999}._right_1yde0_124 ._btn_1yde0_128 ._iconBtn_1yde0_140{display:block;width:.88rem;height:.88rem}._right_1yde0_124 ._btn_1yde0_128 span{margin-top:.05333rem;white-space:nowrap}._right_1yde0_124 ._btn_1yde0_128 ._btnWrap_1yde0_149{position:relative;width:.66667rem;height:.66667rem}._popup_1yde0_154{--plyr-color-main: var(--van-primary-color)}._popup_1yde0_154 .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_1yde0_166{width:40vw}._audiobox_1yde0_166 .plyr{border-radius:.53333rem;width:100%}._videobox_1yde0_173{display:flex;align-items:center;width:80vw;height:80vh}._videobox_1yde0_173 .plyr{border-radius:.26667rem;width:100%;height:100%}._demos_1yde0_184{position:fixed;top:calc(var(--header-height) + .21333rem);right:.53333rem;display:flex;justify-content:flex-end;align-items:center;padding:0 .42667rem;height:.8rem;border-radius:.48rem;background-color:rgba(255,255,255,.9);z-index:1;box-sizing:content-box}._demos_1yde0_184>div{display:flex;align-items:center;margin-right:.42667rem}._demos_1yde0_184>div:last-child{margin-right:0}._demos_1yde0_184>div>span{margin-left:.10667rem}._shiyiClose_1yde0_209{width:.8rem;height:.8rem;position:absolute;right:-1.01333rem;top:-.69333rem;cursor:pointer}._shiyiPopup_1yde0_217{background:#fff;border-radius:.53333rem;width:80vw;max-width:12.26667rem;padding:.53333rem;position:relative}._shiyiPopup_1yde0_217 ._shiyiTop_1yde0_225{position:absolute;width:4.10667rem;left:50%;top:-.16rem;transform:translate(-50%)}._shiyiTitle_1yde0_232{font-size:.42667rem;color:#333;font-weight:400;text-align:center}._items_1yde0_238{display:flex;flex-wrap:wrap;margin-top:.42667rem}._items_1yde0_238 ._item_1yde0_238{width:50%;display:flex;align-items:center;padding:.32rem 0 .32rem .16rem}._items_1yde0_238 ._item_1yde0_238 span{margin-left:.32rem;font-size:.32rem;font-weight:400}._items_1yde0_238 ._item_1yde0_238 svg{visibility:visible}._items_1yde0_238 ._item_1yde0_238:nth-child(2n){transform:translate(.53333rem)}._items_1yde0_238 ._itemTone_1yde0_260{width:50%;display:flex;align-items:center;padding:.42667rem 0 .42667rem .69333rem;position:relative}._items_1yde0_238 ._itemTone_1yde0_260:nth-child(2n){transform:translate(.53333rem)}._items_1yde0_238 ._itemTone_1yde0_260 ._firstIcon1_1yde0_270{width:.32rem;height:.53333rem}._items_1yde0_238 ._itemTone_1yde0_260 ._firstIcon2_1yde0_274{width:.50667rem;height:.34667rem}._items_1yde0_238 ._itemTone_1yde0_260 ._firstIcon3_1yde0_278{width:.32rem;height:.34667rem}._items_1yde0_238 ._itemTone_1yde0_260 img{position:absolute;left:0;top:50%;transform:translateY(-50%)}._items_1yde0_238 ._itemTone_1yde0_260 ._fiz_1yde0_288{left:-.13333rem}._items_1yde0_238 ._itemTone_1yde0_260 span{font-size:.32rem;font-weight:400}\n",document.head.appendChild(R),{setters:[e=>{i=e.d,l=e.f,n=e.v,a=e.U,s=e.n,o=e.l,r=e.e,d=e.h,c=e.m,_=e.k,m=e.F,u=e.P,g=e.a8,f=e.as,p=e.g,h=e.o,y=e.ad,v=e.c,w=e.cS,b=e.bo,x=e.ae,A=e.af,L=e.w,S=e.ah,I=e.ag,T=e.ai,k=e.al,C=e.ap,E=e.at},e=>{F=e.P},e=>{P=e.T},null,null,null,null],execute:function(){const R={skeleton:"_skeleton_1tgfe_1",detail:"_detail_1tgfe_12",headHeight:"_headHeight_1tgfe_24",headHide:"_headHide_1tgfe_33",container:"_container_1tgfe_36",musicName:"_musicName_1tgfe_51",beam:"_beam_1tgfe_58",right:"_right_1tgfe_62",inaccuracy:"_inaccuracy_1tgfe_66",wrong:"_wrong_1tgfe_70",notPlay:"_notPlay_1tgfe_74",intonation_wrong:"_intonation_wrong_1tgfe_78",intonation_high:"_intonation_high_1tgfe_79",intonation_low:"_intonation_low_1tgfe_80",cadence_wrong:"_cadence_wrong_1tgfe_84",cadence_fast:"_cadence_fast_1tgfe_85",cadence_slow:"_cadence_slow_1tgfe_86",integrity_wrong:"_integrity_wrong_1tgfe_90",arrowSvg:"_arrowSvg_1tgfe_94"},G={headerTop:"_headerTop_1yde0_1",android:"_android_1yde0_12",back:"_back_1yde0_15",disabled:"_disabled_1yde0_27",left:"_left_1yde0_30",leftContent:"_leftContent_1yde0_34",lcName:"_lcName_1yde0_34",lcScore:"_lcScore_1yde0_45",center:"_center_1yde0_50",cItem:"_cItem_1yde0_55",active:"_active_1yde0_77",middle:"_middle_1yde0_84",mScore:"_mScore_1yde0_105",mLabel:"_mLabel_1yde0_110",right:"_right_1yde0_124",btn:"_btn_1yde0_128",iconBtn:"_iconBtn_1yde0_140",btnWrap:"_btnWrap_1yde0_149",popup:"_popup_1yde0_154",audiobox:"_audiobox_1yde0_166",videobox:"_videobox_1yde0_173",demos:"_demos_1yde0_184",shiyiClose:"_shiyiClose_1yde0_209",shiyiPopup:"_shiyiPopup_1yde0_217",shiyiTop:"_shiyiTop_1yde0_225",shiyiTitle:"_shiyiTitle_1yde0_232",items:"_items_1yde0_238",item:"_item_1yde0_238",itemTone:"_itemTone_1yde0_260",firstIcon1:"_firstIcon1_1yde0_270",firstIcon2:"_firstIcon2_1yde0_274",firstIcon3:"_firstIcon3_1yde0_278",fiz:"_fiz_1yde0_288"},B=""+new URL("../svg/icon-back-ad5010f0.svg",t.meta.url).href,U=""+new URL("../svg/icon-shiyi-b27b9b6f.svg",t.meta.url).href,N=""+new URL("../svg/icon-huifang-4d7bf6f9.svg",t.meta.url).href,O="data:image/png;base64,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",D=""+new URL("../svg/shiyi-close-81107aad.svg",t.meta.url).href,H=""+new URL("../svg/first-left-93249328.svg",t.meta.url).href,z=""+new URL("../svg/first-right-26321337.svg",t.meta.url).href,W=""+new URL("../svg/first-top-b209d9ff.svg",t.meta.url).href,J=""+new URL("../svg/first-bottom-b102a090.svg",t.meta.url).href,j=""+new URL("../svg/first-correct-b550d7f2.svg",t.meta.url).href,Q=""+new URL("../svg/first-error-e5ff229a.svg",t.meta.url).href,Y=""+new URL("../svg/first-not-bfc62a59.svg",t.meta.url).href,V=""+new URL("../svg/first-lack-609cf8ae.svg",t.meta.url).href,X=""+new URL("../png/videobg-2d19d627.png",t.meta.url).href,Z=i({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 l("svg",{width:"14",height:"24",viewBox:"0 0 14 24"},[l("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l("rect",{x:"0",y:"0",width:"14",height:"24"},null),l("g",{fill:this.fill},[this.shadow&&l("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),l("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)])])])}}),M=i({name:"header-top",props:{scoreData:{type:Object,default:()=>({})}},setup(e,{expose:t}){const i=n(),{scoreData:p}=a(e),h=s({show:!1,shiyiShow:!1,isInitPlyr:!1,_plrl:null}),y={BEGINNER:"入门级",ADVANCED:"进阶级",PERFORMER:"大师级"},v=o("intonation"),w=()=>{g()},b=e=>{v.value=e,p.value.itemType=e},x=r((()=>{const e=(p.value.videoFilePath||"").split(".").pop();return"wav"===e||"mp3"===e||"m4a"===e?"audio":"video"})),A=()=>{h.show=!0,h.isInitPlyr||f((()=>{const e="audio"===x.value?"#audioSrc":"#videoSrc";h._plrl=new F(e,{controls:["play-large","play","progress","current-time"],fullscreen:{enabled:!1}}),h.isInitPlyr=!0}))};return()=>l("div",{class:[G.headerTop,i.android&&G.android]},[l("div",{class:G.left},[l("div",{class:[G.back,!d.isApp&&G.disabled],onClick:w},[l("img",{src:B},null)]),l("div",{class:G.leftContent},[l(P,{class:G.lcName,text:c.examSongName,rightView:!1},null),l("div",{class:G.lcScore},[y[p.value.heardLevel],_("|综合分数:"),p.value.score,_("分")])])]),l("div",{class:G.middle},[c.isPercussion?null:l("div",{onClick:()=>b("intonation"),class:[G.cItem,"intonation"===v.value&&G.active]},[l("span",{class:G.mScore},[p.value.intonation,_("分")]),l("span",{class:G.mLabel},[_("音准")])]),l("div",{onClick:()=>b("cadence"),class:[G.cItem,"cadence"===v.value&&G.active]},[l("span",{class:G.mScore},[p.value.cadence,_("分")]),l("span",{class:G.mLabel},[_("节奏")])]),c.isPercussion?null:l("div",{onClick:()=>b("integrity"),class:[G.cItem,"integrity"===v.value&&G.active]},[l("span",{class:G.mScore},[p.value.integrity,_("分")]),l("span",{class:G.mLabel},[_("完成度")])])]),l("div",{class:G.right},[l("div",{style:{display:p.value.videoFilePath?"":"none"},class:G.btn,onClick:A},[l("img",{class:G.iconBtn,src:N},null),l("span",null,[_("回放")])]),l("div",{class:G.btn,onClick:()=>h.shiyiShow=!0},[l("img",{class:G.iconBtn,src:U},null),l("span",null,[_("释义")])])]),"staff"===p.value.musicType?l(m,null,[c.isPercussion?null:l("div",{class:G.demos},["intonation"===v.value&&l(m,null,[l("div",null,[l(Z,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-2,y:0},null),l("span",null,[_("演奏偏高")])]),l("div",null,[l(Z,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),l("span",null,[_("演奏偏低")])])]),"cadence"===v.value&&l(m,null,[l("div",null,[l(Z,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:.5,y:-1},null),l("span",null,[_("节奏偏快")])]),l("div",null,[l(Z,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-3,y:-2.5},null),l("span",null,[_("演奏偏低")])])]),("intonation"===v.value||"cadence"===v.value)&&l(m,null,[l("div",null,[l(Z,{fill:"#2ABC6F"},null),l("span",null,[_("演奏正确")])]),l("div",null,[l(Z,{fill:"#FF2B29"},null),l("span",null,[_("演奏错误")])])]),("intonation"===v.value||"integrity"===v.value)&&l("div",null,[l(Z,{fill:"#8F4EFB"},null),l("span",null,[_("时值不足")])]),"integrity"===v.value&&l("div",null,[l(Z,{fill:"#2ABC6F"},null),l("span",null,[_("时值正确")])]),l("div",null,[l(Z,{fill:"#ADADAD"},null),l("span",null,[_("未演奏")])])])]):l(m,null,[c.isPercussion?null:l("div",{class:G.demos},["intonation"===v.value&&l(m,null,[l("div",null,[l("img",{class:G.firstIcon1,src:W},null),l("span",null,[_("演奏偏高")])]),l("div",null,[l("img",{class:G.firstIcon1,src:J},null),l("span",null,[_("演奏偏低")])])]),"cadence"===v.value&&l(m,null,[l("div",null,[l("img",{class:G.firstIcon2,src:H},null),l("span",null,[_("节奏偏快")])]),l("div",null,[l("img",{class:G.firstIcon2,src:z},null),l("span",null,[_("节奏偏慢")])])]),("intonation"===v.value||"cadence"===v.value)&&l(m,null,[l("div",null,[l("img",{class:G.firstIcon3,src:j},null),l("span",null,[_("演奏正确")])]),l("div",null,[l("img",{class:G.firstIcon3,src:Q},null),l("span",null,[_("演奏错误")])])]),("intonation"===v.value||"integrity"===v.value)&&l("div",null,[l("img",{class:G.firstIcon3,src:V},null),l("span",null,[_("时值不足")])]),"integrity"===v.value&&l("div",null,[l("img",{class:G.firstIcon3,src:j},null),l("span",null,[_("时值正确")])]),l("div",null,[l("img",{class:G.firstIcon3,src:Y},null),l("span",null,[_("未演奏")])])])]),l(u,{teleport:"body",class:["popup-custom","van-scale",G.popup],transition:"van-scale",show:h.show,"onUpdate:show":e=>h.show=e,closeable:!0,onClose:()=>{var e;null===(e=h._plrl)||void 0===e||e.pause()}},{default:()=>["audio"===x.value&&l("div",{class:G.audiobox},[l("audio",{id:"audioSrc",src:p.value.videoFilePath,controls:"false",preload:"metadata",playsinline:!0},null)]),"video"===x.value&&l("div",{class:G.videobox},[l("video",{id:"videoSrc",class:G.videoBox,src:p.value.videoFilePath,"data-poster":X,preload:"metadata",playsinline:!0},null)])]}),l(u,{show:h.shiyiShow,"onUpdate:show":e=>h.shiyiShow=e,class:"popup-custom van-scale center-closeBtn shiyiBox",transition:"van-scale",teleport:"body",closeable:!0},{default:()=>[l("img",{onClick:()=>h.shiyiShow=!1,class:G.shiyiClose,src:D},null),"staff"===p.value.musicType?l("div",{class:G.shiyiPopup},[l("img",{class:G.shiyiTop,src:O},null),l("div",{class:G.items},[l("div",{class:G.item},[l(Z,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-2,y:0},null),l("span",null,[_("黄色音符在上:演奏偏高")])]),l("div",{class:G.item},[l(Z,{fill:"#2ABC6F"},null),l("span",null,[_("绿色音符:演奏/时值正确")])]),l("div",{class:G.item},[l(Z,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),l("span",null,[_("黄色音符在下:演奏偏低")])]),l("div",{class:G.item},[l(Z,{fill:"#FF2B29"},null),l("span",null,[_("红色音符:演奏错误")])]),l("div",{class:G.item},[l(Z,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:.5,y:-1},null),l("span",null,[_("黄色音符在左:节奏偏快")])]),l("div",{class:G.item},[l(Z,{fill:"#8F4EFB"},null),l("span",null,[_("紫色音符:时值不足")])]),l("div",{class:G.item},[l(Z,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-3,y:-2.5},null),l("span",null,[_("黄色音符在右:节奏偏慢")])]),l("div",{class:G.item},[l(Z,{fill:"#ADADAD"},null),l("span",null,[_("灰色音符:未演奏")])])])]):l("div",{class:G.shiyiPopup},[l("img",{class:G.shiyiTop,src:O},null),l("div",{class:G.items},[l("div",{class:G.itemTone},[l("img",{class:G.firstIcon1,src:W},null),l("span",null,[_("黄色箭头朝上:演奏偏高")])]),l("div",{class:G.itemTone},[l("img",{class:G.firstIcon3,src:j},null),l("span",null,[_("绿色音符:演奏/时值正确")])]),l("div",{class:G.itemTone},[l("img",{class:G.firstIcon1,src:J},null),l("span",null,[_("黄色箭头朝下:演奏偏低")])]),l("div",{class:G.itemTone},[l("img",{class:G.firstIcon3,src:Q},null),l("span",null,[_("红色音符:演奏错误")])]),l("div",{class:G.itemTone},[l("img",{class:[G.firstIcon2,G.fiz],src:H},null),l("span",null,[_("黄色箭头朝左:节奏偏快")])]),l("div",{class:G.itemTone},[l("img",{class:G.firstIcon3,src:V},null),l("span",null,[_("紫色音符:时值不足")])]),l("div",{class:G.itemTone},[l("img",{class:G.firstIcon2,src:z},null),l("span",null,[_("黄色箭头朝右:节奏偏慢")])]),l("div",{class:G.itemTone},[l("img",{class:G.firstIcon3,src:Y},null),l("span",null,[_("灰色音符:未演奏")])])])])]})])}}),q=i({name:"ArrowSvg",props:{fill:String},render:()=>l("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"},[l("g",{id:"页面-1",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l("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)])])}),K=i({name:"ArrowSvg",props:{fill:String},render:()=>l("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"},[l("g",{id:"页面-223",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l("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)])])}),$=i({name:"ArrowSvg",props:{fill:String},render:()=>l("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"},[l("g",{id:"页面-1",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l("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)])])}),ee=i({name:"ArrowSvg",props:{fill:String},render:()=>l("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"},[l("g",{id:"页面-1",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l("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)])])}),te={RIGHT:R.right,WRONG:R.wrong,NOT_PLAYED:R.notPlay,EARLY:R.cadence_fast,LATE:R.cadence_slow,HIGH:R.intonation_high,LOW:R.intonation_low,DURATION_INSUFFICIENT:R.integrity_wrong};e("default",i({name:"music-list",setup(){const e=p(),t=o([]),i=s({videoFilePath:"",cadence:0,integrity:0,intonation:0,score:0,heardLevel:"",itemType:"intonation",musicType:"staff"}),n=s({isLoading:!0,paddingLeft:"",headerHide:!1,musicalNotesPlayStats:[],userMeasureScore:{}});h((()=>{(async()=>{const e=await k();if(null!=e&&e.content){const{isSpecialShapedScreen:t,notchHeight:i}=e.content;t&&(n.paddingLeft="25px")}n.paddingLeft="20px"})(),y()})),v((async()=>{var t,l,a,s,o,r,d,_,m,u;const g=await w(e.id);c.partIndex=Number(null==g||null===(t=g.data)||void 0===t?void 0:t.partIndex);let f={};try{var p;f=JSON.parse(null==g||null===(p=g.data)||void 0===p?void 0:p.scoreData)}catch(h){console.error("解析评测结果:",h)}n.musicalNotesPlayStats=(null===(l=f.musicalNotesPlayStats)||void 0===l?void 0:l.notesData)||[],n.userMeasureScore=f.userMeasureScore||{},i.heardLevel=null===(a=g.data)||void 0===a?void 0:a.heardLevel,i.cadence=null===(s=g.data)||void 0===s?void 0:s.cadence,i.integrity=null===(o=g.data)||void 0===o?void 0:o.integrity,i.intonation=null===(r=g.data)||void 0===r?void 0:r.intonation,i.score=null===(d=g.data)||void 0===d?void 0:d.score,i.videoFilePath=(null===(_=g.data)||void 0===_?void 0:_.videoFilePath)||(null===(m=g.data)||void 0===m?void 0:m.recordFilePath),c.isEvaluatReport=!0,await b(null===(u=f.musicalNotesPlayStats)||void 0===u?void 0:u.examSongId),i.musicType=e.musicRenderType?e.musicRenderType:c.musicRenderType,n.isLoading=!1}));const a=e=>{if("staff"===i.musicType)switch(e){case"EARLY":return"translateX(-3px)";case"LATE":return"translateX(3px)";case"HIGH":return"translateY(-2px)";case"LOW":return"translateY(2px)";default:return""}else switch(e){case"EARLY":return"translateX(-3px)";case"LATE":return"translateX(3px)";case"HIGH":return"translateY(-2px)";case"LOW":return"translateY(-10px)";default:return""}},r=()=>{_();const e=(()=>{let e=["RIGHT","WRONG","NOT_PLAYED"];return"intonation"===i.itemType?e.push("HIGH","LOW","DURATION_INSUFFICIENT"):"cadence"===i.itemType?e.push("EARLY","LATE"):"integrity"===i.itemType&&(e=["DURATION_INSUFFICIENT","RIGHT","NOT_PLAYED"]),"cadence"===i.itemType?n.musicalNotesPlayStats.filter((t=>e.includes(t.rhythmicAssessment.result))):n.musicalNotesPlayStats.filter((t=>{let l=t.pitchAssessment.result;return"integrity"===i.itemType&&(l="HIGH"===l||"LOW"===l||"WRONG"===l?"RIGHT":l),e.includes(l)}))})();for(const l of e){const e=c.times[l.index];setTimeout((()=>{if(t.value.includes(e.id))return;t.value.push(e.id);const n=document.getElementById("vf-"+e.id),s=document.getElementById("vf-"+e.id+"-stem");let o="cadence"===i.itemType?l.rhythmicAssessment.result:l.pitchAssessment.result;const r="integrity"!==i.itemType&&["HIGH","LOW","EARLY","LATE"].includes(o);if("integrity"===i.itemType&&(o=o="HIGH"===l.pitchAssessment.result||"LOW"===l.pitchAssessment.result||"WRONG"===l.pitchAssessment.result?"RIGHT":o),null==s||s.classList.add(te[o]),null==n||n.classList.add(te[o]),n&&r){var d,_;null==s||s.classList.remove(te[o]),null==n||n.classList.remove(te[o]);let t=null;if("staff"===i.musicType)null==s||s.classList.add(te.RIGHT),null==n||n.classList.add(te.RIGHT),t=n.querySelector(".vf-notehead").cloneNode(!0);else if(r){null==n||n.classList.add(R.inaccuracy);const e="HIGH"===o?"topSvg":"LOW"===o?"bottomSvg":"EARLY"===o?"leftSvg":"LATE"===o?"rightSvg":"";t=document.getElementById(e).cloneNode(!0);const{width:i,height:l}=n.getBoundingClientRect()||{};let{x:a,y:s}=(null==n?void 0:n.getBBox())||{};a="HIGH"===o||"LOW"===o?a+(i-15)/2+2:"EARLY"===o?a-Math.abs((i-15)/2)-12:"LATE"===o?a+i+6:a,s="HIGH"===o?s-Math.abs((l-10)/2)-10:"LOW"===o?s+l+8:"EARLY"===o||"LATE"===o?s+(l-10)/2:s,t.setAttribute("x",a),t.setAttribute("y",s)}"staff"===i.musicType&&(t.style.transform=a(o)),t.id="vf-"+e.id+"-copy",null===(d=t)||void 0===d||d.classList.add(te[o]),null===(_=c.osmd)||void 0===_||_.container.querySelector("svg").insertAdjacentElement("afterbegin",t)}}),300)}},d=e=>{if(!e)return;const t=e.classList.values();for(const i of t)0!==(null==i?void 0:i.indexOf("vf-"))&&e.classList.remove(i)},_=()=>{for(const e of t.value){d(document.getElementById("vf-"+e)),d(document.getElementById("vf-"+e+"-stem"));const t="vf-"+e+"-copy",i=document.getElementById(t);i&&i.remove()}t.value=[]},m=e=>{c.musicRendered=!0,c.osmd=e,c.times=C(e),console.log("🚀 ~ state.times:",c.times),Array.from(new Set(document.getElementsByClassName("vf-beam"))).forEach((e=>{e.classList.add(R.beam)})),r(),E()};return v((()=>{window.addEventListener("resize",x)})),A((()=>{window.removeEventListener("resize",x)})),L((()=>i.itemType),(()=>{r()})),()=>l("div",{class:[R.detail,c.setting.eyeProtection&&"eyeProtection",R.shareBox],style:{paddingLeft:n.paddingLeft}},[l(S,{name:"van-fade"},{default:()=>[!c.musicRendered&&l("div",{class:R.skeleton},[l(I,{class:R.skeleton,row:8},null)])]}),l("div",{class:[R.headHeight,n.headerHide&&R.headHide],onClick:e=>e.stopPropagation()},[l(S,{name:"van-slide-down"},{default:()=>[c.musicRendered&&l(M,{scoreData:i},null)]})]),l("div",{id:"scrollContainer",class:[R.container,!c.setting.displayCursor&&"hideCursor"]},[!n.isLoading&&l(T,{musicColor:"#ADADAD",onRendered:m},null),l("div",{class:R.arrowSvg},[l(q,null,null),l(K,null,null),l($,null,null),l(ee,null,null)])])])}}))}}}));
|