1 |
- System.register(["./index-legacy-58017049.js","./instrument-legacy-1890f790.js","./plyr.min-legacy-338f3b05.js","./index-legacy-ed4ecf6f.js","./index-legacy-66a17597.js","./instruments-legacy-a5304c6c.js","./index-legacy-074a9f4a.js"],(function(e,i){"use strict";var t,l,n,a,s,r,o,d,c,_,m,u,f,p,h,v,g,y,w,b,x,A,L,S,I,T,k,C,E,F,P;return{setters:[e=>{t=e.d,l=e.f,n=e.v,a=e.U,s=e.n,r=e.l,o=e.e,d=e.h,c=e.m,_=e.k,m=e.F,u=e.P,f=e.a9,p=e.ae,h=e.g,v=e.o,g=e.ad,y=e.c,w=e.bk,b=e.af,x=e.ag,A=e.w,L=e.ai,S=e.ah,I=e.aj,T=e.am,k=e.aq,C=e.at},e=>{E=e.T,F=e.a},e=>{P=e.P},null,null,null,null],execute:function(){var R=document.createElement("style");R.textContent="::-webkit-scrollbar{display:none}._detail_mbevf_5{overflow:auto;margin-right:-.45333rem;height:100vh}._skeleton_mbevf_11{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_mbevf_5{width:100vw;min-height:100vh;--header-height: 1.65333rem;background:#f8f2e8}._detail_mbevf_5 #cursorImg-0{display:none!important}._detail_mbevf_5 #selectionBox{pointer-events:none}._detail_mbevf_5 ._headHeight_mbevf_34{position:fixed;left:0;top:0;width:100%;height:var(--header-height);transition:margin .3s;z-index:10}._detail_mbevf_5 ._headHeight_mbevf_34._headHide_mbevf_43{margin-top:calc(0Px - var(--header-height))}._detail_mbevf_5 ._container_mbevf_46{position:relative;margin:0 .26667rem;border-radius:.26667rem;padding-top:calc(var(--header-height) + 1.44rem)}._detail_mbevf_5 ._container_mbevf_46 #musicAndSelection{overflow:initial;height:initial;max-height:initial;transform:translateY(-3%)!important}._detail_mbevf_5 ._container_mbevf_46 #musicAndSelection>#osmdCanvasPage1{position:relative!important}._musicName_mbevf_61{font-size:.69333rem;font-weight:400;color:#000;line-height:.98667rem;text-align:center}._beam_mbevf_68 path{fill:#adadad!important;stroke:#adadad}._right_mbevf_72 path{fill:#2abc6f;stroke:#2abc6f}._inaccuracy_mbevf_76 path{fill:#ff9200;stroke:#ff9200}._wrong_mbevf_80 path{fill:#ff2b29;stroke:#ff2b29}._notPlay_mbevf_84 path{fill:#adadad;stroke:#adadad}._intonation_wrong_mbevf_88 path,._intonation_high_mbevf_89 path,._intonation_low_mbevf_90 path{fill:#ff9200;stroke:#ff9200}._cadence_wrong_mbevf_94 path,._cadence_fast_mbevf_95 path,._cadence_slow_mbevf_96 path{fill:#ff9200;stroke:#ff9200}._integrity_wrong_mbevf_100 path{fill:#8f4efb;stroke:#8f4efb}._arrowSvg_mbevf_104{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);const G={detail:"_detail_mbevf_5",skeleton:"_skeleton_mbevf_11",headHeight:"_headHeight_mbevf_34",headHide:"_headHide_mbevf_43",container:"_container_mbevf_46",musicName:"_musicName_mbevf_61",beam:"_beam_mbevf_68",right:"_right_mbevf_72",inaccuracy:"_inaccuracy_mbevf_76",wrong:"_wrong_mbevf_80",notPlay:"_notPlay_mbevf_84",intonation_wrong:"_intonation_wrong_mbevf_88",intonation_high:"_intonation_high_mbevf_89",intonation_low:"_intonation_low_mbevf_90",cadence_wrong:"_cadence_wrong_mbevf_94",cadence_fast:"_cadence_fast_mbevf_95",cadence_slow:"_cadence_slow_mbevf_96",integrity_wrong:"_integrity_wrong_mbevf_100",arrowSvg:"_arrowSvg_mbevf_104"},B={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"},U=""+new URL("icon-back-ad5010f0.svg",i.meta.url).href,N=""+new URL("icon-shiyi-b27b9b6f.svg",i.meta.url).href,O=""+new URL("icon-huifang-4d7bf6f9.svg",i.meta.url).href,D="data:image/png;base64,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",H=""+new URL("shiyi-close-81107aad.svg",i.meta.url).href,z=""+new URL("first-left-93249328.svg",i.meta.url).href,W=""+new URL("first-right-26321337.svg",i.meta.url).href,J=""+new URL("first-top-b209d9ff.svg",i.meta.url).href,j=""+new URL("first-bottom-b102a090.svg",i.meta.url).href,Q=""+new URL("first-correct-b550d7f2.svg",i.meta.url).href,Y=""+new URL("first-error-e5ff229a.svg",i.meta.url).href,V=""+new URL("first-not-bfc62a59.svg",i.meta.url).href,X=""+new URL("first-lack-609cf8ae.svg",i.meta.url).href,Z=""+new URL("videobg-2d19d627.png",i.meta.url).href,q=t({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=t({name:"header-top",props:{scoreData:{type:Object,default:()=>({})}},setup(e,{expose:i}){const t=n(),{scoreData:h}=a(e),v=s({show:!1,shiyiShow:!1,isInitPlyr:!1,_plrl:null}),g={BEGINNER:"入门级",ADVANCED:"进阶级",PERFORMER:"大师级"},y=r("intonation"),w=()=>{f()},b=e=>{y.value=e,h.value.itemType=e},x=o((()=>{const e=(h.value.videoFilePath||"").split(".").pop();return"wav"===e||"mp3"===e||"m4a"===e?"audio":"video"})),A=()=>{v.show=!0,v.isInitPlyr||p((()=>{const e="audio"===x.value?"#audioSrc":"#videoSrc";v._plrl=new P(e,{controls:["play-large","play","progress","current-time"],fullscreen:{enabled:!1}}),v.isInitPlyr=!0}))};return()=>l("div",{class:[B.headerTop,t.android&&B.android]},[l("div",{class:B.left},[l("div",{class:[B.back,!d.isApp&&B.disabled],onClick:w},[l("img",{src:U},null)]),l("div",{class:B.leftContent},[l(E,{class:B.lcName,text:c.examSongName,rightView:!1},null),l("div",{class:B.lcScore},[g[h.value.heardLevel],_("|综合分数:"),h.value.score,_("分")])])]),l("div",{class:B.middle},[c.isPercussion?null:l("div",{onClick:()=>b("intonation"),class:[B.cItem,"intonation"===y.value&&B.active]},[l("span",{class:B.mScore},[h.value.intonation,_("分")]),l("span",{class:B.mLabel},[_("音准")])]),l("div",{onClick:()=>b("cadence"),class:[B.cItem,"cadence"===y.value&&B.active]},[l("span",{class:B.mScore},[h.value.cadence,_("分")]),l("span",{class:B.mLabel},[_("节奏")])]),c.isPercussion?null:l("div",{onClick:()=>b("integrity"),class:[B.cItem,"integrity"===y.value&&B.active]},[l("span",{class:B.mScore},[h.value.integrity,_("分")]),l("span",{class:B.mLabel},[_("完成度")])])]),l("div",{class:B.right},[l("div",{style:{display:h.value.videoFilePath?"":"none"},class:B.btn,onClick:A},[l("img",{class:B.iconBtn,src:O},null),l("span",null,[_("回放")])]),l("div",{class:B.btn,onClick:()=>v.shiyiShow=!0},[l("img",{class:B.iconBtn,src:N},null),l("span",null,[_("释义")])])]),"staff"===h.value.musicType?l(m,null,[c.isPercussion?null:l("div",{class:B.demos},["intonation"===y.value&&l(m,null,[l("div",null,[l(q,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-2,y:0},null),l("span",null,[_("演奏偏高")])]),l("div",null,[l(q,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),l("span",null,[_("演奏偏低")])])]),"cadence"===y.value&&l(m,null,[l("div",null,[l(q,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:.5,y:-1},null),l("span",null,[_("节奏偏快")])]),l("div",null,[l(q,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-3,y:-2.5},null),l("span",null,[_("演奏偏低")])])]),("intonation"===y.value||"cadence"===y.value)&&l(m,null,[l("div",null,[l(q,{fill:"#2ABC6F"},null),l("span",null,[_("演奏正确")])]),l("div",null,[l(q,{fill:"#FF2B29"},null),l("span",null,[_("演奏错误")])])]),("intonation"===y.value||"integrity"===y.value)&&l("div",null,[l(q,{fill:"#8F4EFB"},null),l("span",null,[_("时值不足")])]),"integrity"===y.value&&l("div",null,[l(q,{fill:"#2ABC6F"},null),l("span",null,[_("时值正确")])]),l("div",null,[l(q,{fill:"#ADADAD"},null),l("span",null,[_("未演奏")])])])]):l(m,null,[c.isPercussion?null:l("div",{class:B.demos},["intonation"===y.value&&l(m,null,[l("div",null,[l("img",{class:B.firstIcon1,src:J},null),l("span",null,[_("演奏偏高")])]),l("div",null,[l("img",{class:B.firstIcon1,src:j},null),l("span",null,[_("演奏偏低")])])]),"cadence"===y.value&&l(m,null,[l("div",null,[l("img",{class:B.firstIcon2,src:z},null),l("span",null,[_("节奏偏快")])]),l("div",null,[l("img",{class:B.firstIcon2,src:W},null),l("span",null,[_("节奏偏慢")])])]),("intonation"===y.value||"cadence"===y.value)&&l(m,null,[l("div",null,[l("img",{class:B.firstIcon3,src:Q},null),l("span",null,[_("演奏正确")])]),l("div",null,[l("img",{class:B.firstIcon3,src:Y},null),l("span",null,[_("演奏错误")])])]),("intonation"===y.value||"integrity"===y.value)&&l("div",null,[l("img",{class:B.firstIcon3,src:X},null),l("span",null,[_("时值不足")])]),"integrity"===y.value&&l("div",null,[l("img",{class:B.firstIcon3,src:Q},null),l("span",null,[_("时值正确")])]),l("div",null,[l("img",{class:B.firstIcon3,src:V},null),l("span",null,[_("未演奏")])])])]),l(u,{teleport:"body",class:["popup-custom","van-scale",B.popup],transition:"van-scale",show:v.show,"onUpdate:show":e=>v.show=e,closeable:!0,onClose:()=>{var e;null===(e=v._plrl)||void 0===e||e.pause()}},{default:()=>["audio"===x.value&&l("div",{class:B.audiobox},[l("audio",{id:"audioSrc",src:h.value.videoFilePath,controls:"false",preload:"metadata",playsinline:!0},null)]),"video"===x.value&&l("div",{class:B.videobox},[l("video",{id:"videoSrc",class:B.videoBox,src:h.value.videoFilePath,"data-poster":Z,preload:"metadata",playsinline:!0},null)])]}),l(u,{show:v.shiyiShow,"onUpdate:show":e=>v.shiyiShow=e,class:"popup-custom van-scale center-closeBtn shiyiBox",transition:"van-scale",teleport:"body",closeable:!0},{default:()=>[l("img",{onClick:()=>v.shiyiShow=!1,class:B.shiyiClose,src:H},null),"staff"===h.value.musicType?l("div",{class:B.shiyiPopup},[l("img",{class:B.shiyiTop,src:D},null),l("div",{class:B.items},[l("div",{class:B.item},[l(q,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-2,y:0},null),l("span",null,[_("黄色音符在上:演奏偏高")])]),l("div",{class:B.item},[l(q,{fill:"#2ABC6F"},null),l("span",null,[_("绿色音符:演奏/时值正确")])]),l("div",{class:B.item},[l(q,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),l("span",null,[_("黄色音符在下:演奏偏低")])]),l("div",{class:B.item},[l(q,{fill:"#FF2B29"},null),l("span",null,[_("红色音符:演奏错误")])]),l("div",{class:B.item},[l(q,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:.5,y:-1},null),l("span",null,[_("黄色音符在左:节奏偏快")])]),l("div",{class:B.item},[l(q,{fill:"#8F4EFB"},null),l("span",null,[_("紫色音符:时值不足")])]),l("div",{class:B.item},[l(q,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-3,y:-2.5},null),l("span",null,[_("黄色音符在右:节奏偏慢")])]),l("div",{class:B.item},[l(q,{fill:"#ADADAD"},null),l("span",null,[_("灰色音符:未演奏")])])])]):l("div",{class:B.shiyiPopup},[l("img",{class:B.shiyiTop,src:D},null),l("div",{class:B.items},[l("div",{class:B.itemTone},[l("img",{class:B.firstIcon1,src:J},null),l("span",null,[_("黄色箭头朝上:演奏偏高")])]),l("div",{class:B.itemTone},[l("img",{class:B.firstIcon3,src:Q},null),l("span",null,[_("绿色音符:演奏/时值正确")])]),l("div",{class:B.itemTone},[l("img",{class:B.firstIcon1,src:j},null),l("span",null,[_("黄色箭头朝下:演奏偏低")])]),l("div",{class:B.itemTone},[l("img",{class:B.firstIcon3,src:Y},null),l("span",null,[_("红色音符:演奏错误")])]),l("div",{class:B.itemTone},[l("img",{class:[B.firstIcon2,B.fiz],src:z},null),l("span",null,[_("黄色箭头朝左:节奏偏快")])]),l("div",{class:B.itemTone},[l("img",{class:B.firstIcon3,src:X},null),l("span",null,[_("紫色音符:时值不足")])]),l("div",{class:B.itemTone},[l("img",{class:B.firstIcon2,src:W},null),l("span",null,[_("黄色箭头朝右:节奏偏慢")])]),l("div",{class:B.itemTone},[l("img",{class:B.firstIcon3,src:V},null),l("span",null,[_("灰色音符:未演奏")])])])])]})])}}),K=t({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)])])}),$=t({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)])])}),ee=t({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)])])}),ie=t({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:G.right,WRONG:G.wrong,NOT_PLAYED:G.notPlay,EARLY:G.cadence_fast,LATE:G.cadence_slow,HIGH:G.intonation_high,LOW:G.intonation_low,DURATION_INSUFFICIENT:G.integrity_wrong};e("default",t({name:"music-list",setup(){const e=h(),i=r([]),t=s({videoFilePath:"",cadence:0,integrity:0,intonation:0,score:0,heardLevel:"",itemType:"intonation",musicType:"staff"}),n=s({isLoading:!0,paddingLeft:"",headerHide:!1,musicalNotesPlayStats:[],userMeasureScore:{}});v((()=>{(async()=>{const e=await T();if(null!=e&&e.content){const{isSpecialShapedScreen:i,notchHeight:t}=e.content;i&&(n.paddingLeft="25px")}n.paddingLeft="20px"})(),g()})),y((async()=>{var i,l,a,s,r,o,d,_,m,u;const f=await F(e.id);c.partIndex=Number(null==f||null===(i=f.data)||void 0===i?void 0:i.partIndex);let p={};try{var h;p=JSON.parse(null==f||null===(h=f.data)||void 0===h?void 0:h.scoreData)}catch(v){console.error("解析评测结果:",v)}n.musicalNotesPlayStats=(null===(l=p.musicalNotesPlayStats)||void 0===l?void 0:l.notesData)||[],n.userMeasureScore=p.userMeasureScore||{},t.heardLevel=null===(a=f.data)||void 0===a?void 0:a.heardLevel,t.cadence=null===(s=f.data)||void 0===s?void 0:s.cadence,t.integrity=null===(r=f.data)||void 0===r?void 0:r.integrity,t.intonation=null===(o=f.data)||void 0===o?void 0:o.intonation,t.score=null===(d=f.data)||void 0===d?void 0:d.score,t.videoFilePath=(null===(_=f.data)||void 0===_?void 0:_.videoFilePath)||(null===(m=f.data)||void 0===m?void 0:m.recordFilePath),c.isEvaluatReport=!0,await w(null===(u=p.musicalNotesPlayStats)||void 0===u?void 0:u.examSongId),t.musicType=e.musicRenderType?e.musicRenderType:c.musicRenderType,n.isLoading=!1}));const a=e=>{if("staff"===t.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""}},o=()=>{_();const e=(()=>{let e=["RIGHT","WRONG","NOT_PLAYED"];return"intonation"===t.itemType?e.push("HIGH","LOW","DURATION_INSUFFICIENT"):"cadence"===t.itemType?e.push("EARLY","LATE"):"integrity"===t.itemType&&(e=["DURATION_INSUFFICIENT","RIGHT","NOT_PLAYED"]),"cadence"===t.itemType?n.musicalNotesPlayStats.filter((i=>e.includes(i.rhythmicAssessment.result))):n.musicalNotesPlayStats.filter((i=>{let l=i.pitchAssessment.result;return"integrity"===t.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(i.value.includes(e.id))return;i.value.push(e.id);const n=document.getElementById("vf-"+e.id),s=document.getElementById("vf-"+e.id+"-stem");let r="cadence"===t.itemType?l.rhythmicAssessment.result:l.pitchAssessment.result;const o="integrity"!==t.itemType&&["HIGH","LOW","EARLY","LATE"].includes(r);if("integrity"===t.itemType&&(r=r="HIGH"===l.pitchAssessment.result||"LOW"===l.pitchAssessment.result||"WRONG"===l.pitchAssessment.result?"RIGHT":r),null==s||s.classList.add(te[r]),null==n||n.classList.add(te[r]),n&&o){var d,_;null==s||s.classList.remove(te[r]),null==n||n.classList.remove(te[r]);let i=null;if("staff"===t.musicType)null==s||s.classList.add(te.RIGHT),null==n||n.classList.add(te.RIGHT),i=n.querySelector(".vf-notehead").cloneNode(!0);else if(o){null==n||n.classList.add(G.inaccuracy);const e="HIGH"===r?"topSvg":"LOW"===r?"bottomSvg":"EARLY"===r?"leftSvg":"LATE"===r?"rightSvg":"";i=document.getElementById(e).cloneNode(!0);const{width:t,height:l}=n.getBoundingClientRect()||{};let{x:a,y:s}=(null==n?void 0:n.getBBox())||{};a="HIGH"===r||"LOW"===r?a+(t-15)/2+2:"EARLY"===r?a-Math.abs((t-15)/2)-12:"LATE"===r?a+t+6:a,s="HIGH"===r?s-Math.abs((l-10)/2)-10:"LOW"===r?s+l+8:"EARLY"===r||"LATE"===r?s+(l-10)/2:s,i.setAttribute("x",a),i.setAttribute("y",s)}"staff"===t.musicType&&(i.style.transform=a(r)),i.id="vf-"+e.id+"-copy",null===(d=i)||void 0===d||d.classList.add(te[r]),null===(_=c.osmd)||void 0===_||_.container.querySelector("svg").insertAdjacentElement("afterbegin",i)}}),300)}},d=e=>{if(!e)return;const i=e.classList.values();for(const t of i)0!==(null==t?void 0:t.indexOf("vf-"))&&e.classList.remove(t)},_=()=>{for(const e of i.value){d(document.getElementById("vf-"+e)),d(document.getElementById("vf-"+e+"-stem"));const i="vf-"+e+"-copy",t=document.getElementById(i);t&&t.remove()}i.value=[]},m=e=>{c.musicRendered=!0,c.osmd=e,c.times=k(e),console.log("🚀 ~ state.times:",c.times),Array.from(new Set(document.getElementsByClassName("vf-beam"))).forEach((e=>{e.classList.add(G.beam)})),o(),C()};return y((()=>{window.addEventListener("resize",b)})),x((()=>{window.removeEventListener("resize",b)})),A((()=>t.itemType),(()=>{o()})),()=>l("div",{class:[G.detail,c.setting.eyeProtection&&"eyeProtection",G.shareBox],style:{paddingLeft:n.paddingLeft}},[l(L,{name:"van-fade"},{default:()=>[!c.musicRendered&&l("div",{class:G.skeleton},[l(S,{class:G.skeleton,row:8},null)])]}),l("div",{class:[G.headHeight,n.headerHide&&G.headHide],onClick:e=>e.stopPropagation()},[l(L,{name:"van-slide-down"},{default:()=>[c.musicRendered&&l(M,{scoreData:t},null)]})]),l("div",{id:"scrollContainer",class:[G.container,!c.setting.displayCursor&&"hideCursor"]},[!n.isLoading&&l(I,{musicColor:"#ADADAD",onRendered:m},null),l("div",{class:G.arrowSvg},[l(K,null,null),l($,null,null),l(ee,null,null),l(ie,null,null)])])])}}))}}}));
|