index-legacy-c22be631.js 30 KB

1
  1. System.register(["./index-legacy-2860ea7b.js","./plyr.min-legacy-2197a4aa.js"],(function(e,i){"use strict";var t,l,n,r,a,s,o,d,_,c,v,m,u,f,p,h,g,w,b,y,x,A,L,S,I,T,k,C,E,F,P,R=document.createElement("style");return 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_17rv6_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_17rv6_12{padding-top:.53333rem}._back_17rv6_15{display:flex;justify-content:center;align-items:center;padding-right:.37333rem;height:100%}._back_17rv6_15 img{display:block;width:.4rem;height:.64rem}._disabled_17rv6_27{pointer-events:none}._left_17rv6_30{display:flex;align-items:center}._left_17rv6_30 ._leftContent_17rv6_34 ._lcName_17rv6_34{font-size:.48rem;font-weight:600;color:#000;line-height:.66667rem;margin-bottom:.05333rem;padding:0!important}._left_17rv6_30 ._leftContent_17rv6_34 ._lcName_17rv6_34 .van-notice-bar{padding:0!important}._left_17rv6_30 ._leftContent_17rv6_34 ._lcScore_17rv6_45{font-size:.32rem;color:#777;line-height:.48rem}._center_17rv6_50{display:flex;align-items:center;margin:0 auto}._center_17rv6_50 ._cItem_17rv6_55{text-align:center;padding:0 .32rem;white-space:nowrap}._center_17rv6_50 ._cItem_17rv6_55>div:first-child{font-size:.32rem;color:#333;line-height:.37333rem;margin-bottom:.16rem;font-weight:700}._center_17rv6_50 ._cItem_17rv6_55>div:last-child{font-size:.32rem;color:#777;line-height:.32rem;padding:.10667rem .21333rem;border-radius:.37333rem}._center_17rv6_50 ._cItem_17rv6_55:not(:last-child){border-right:.02667rem solid #EBDABF}._center_17rv6_50 ._active_17rv6_77>div:first-child{color:var(--van-primary-color)!important}._center_17rv6_50 ._active_17rv6_77>div:last-child{background-color:#ecf9ff;color:var(--van-primary-color)}._middle_17rv6_84{display:flex;align-items:center;justify-content:center;width:60%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}._middle_17rv6_84 ._cItem_17rv6_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_17rv6_84 ._cItem_17rv6_55 ._mScore_17rv6_105{font-size:.42667rem;line-height:.58667rem;color:#aaa}._middle_17rv6_84 ._cItem_17rv6_55 ._mLabel_17rv6_110{font-size:.32rem;line-height:.48rem;color:#aaa}._middle_17rv6_84 ._active_17rv6_77{background:#CBEEFF;border-radius:.21333rem}._middle_17rv6_84 ._active_17rv6_77 ._mScore_17rv6_105,._middle_17rv6_84 ._active_17rv6_77 ._mLabel_17rv6_110{color:#000;font-weight:600}._right_17rv6_124{display:flex;align-items:center}._right_17rv6_124 ._btn_17rv6_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;cursor:pointer}._right_17rv6_124 ._btn_17rv6_128 ._iconBtn_17rv6_141{display:block;width:.88rem;height:.88rem}._right_17rv6_124 ._btn_17rv6_128 span{margin-top:.05333rem;white-space:nowrap}._right_17rv6_124 ._btn_17rv6_128 ._btnWrap_17rv6_150{position:relative;width:.66667rem;height:.66667rem}._popup_17rv6_155{--plyr-color-main: var(--van-primary-color)}._popup_17rv6_155 .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_17rv6_167{width:40vw}._audiobox_17rv6_167 .plyr{border-radius:.53333rem;width:100%}._videobox_17rv6_174{display:flex;align-items:center;width:80vw;height:80vh}._videobox_17rv6_174 .plyr{border-radius:.26667rem;width:100%;height:100%}._demos_17rv6_185{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_17rv6_185>div{display:flex;align-items:center;margin-right:.42667rem}._demos_17rv6_185>div:last-child{margin-right:0}._demos_17rv6_185>div>span{margin-left:.10667rem}._shiyiClose_17rv6_210{width:.8rem;height:.8rem;position:absolute;right:-1.01333rem;top:-.69333rem;cursor:pointer}._shiyiPopup_17rv6_218{background:#fff;border-radius:.53333rem;width:80vw;max-width:12.26667rem;padding:.53333rem;position:relative}._shiyiPopup_17rv6_218 ._shiyiTop_17rv6_226{position:absolute;width:4.10667rem;left:50%;top:-.16rem;transform:translate(-50%)}._shiyiTitle_17rv6_233{font-size:.42667rem;color:#333;font-weight:400;text-align:center}._items_17rv6_239{display:flex;flex-wrap:wrap;margin-top:.42667rem}._items_17rv6_239 ._item_17rv6_239{width:50%;display:flex;align-items:center;padding:.32rem 0 .32rem .16rem}._items_17rv6_239 ._item_17rv6_239 span{margin-left:.32rem;font-size:.32rem;font-weight:400}._items_17rv6_239 ._item_17rv6_239 svg{visibility:visible}._items_17rv6_239 ._item_17rv6_239:nth-child(2n){transform:translate(.53333rem)}._items_17rv6_239 ._itemTone_17rv6_261{width:50%;display:flex;align-items:center;padding:.42667rem 0 .42667rem .69333rem;position:relative}._items_17rv6_239 ._itemTone_17rv6_261:nth-child(2n){transform:translate(.53333rem)}._items_17rv6_239 ._itemTone_17rv6_261 ._firstIcon1_17rv6_271{width:.32rem;height:.53333rem}._items_17rv6_239 ._itemTone_17rv6_261 ._firstIcon2_17rv6_275{width:.50667rem;height:.34667rem}._items_17rv6_239 ._itemTone_17rv6_261 ._firstIcon3_17rv6_279{width:.32rem;height:.34667rem}._items_17rv6_239 ._itemTone_17rv6_261 img{position:absolute;left:0;top:50%;transform:translateY(-50%)}._items_17rv6_239 ._itemTone_17rv6_261 ._fiz_17rv6_289{left:-.13333rem}._items_17rv6_239 ._itemTone_17rv6_261 span{font-size:.32rem;font-weight:400}\n",document.head.appendChild(R),{setters:[e=>{t=e.d,l=e.f,n=e.x,r=e.a1,a=e.n,s=e.l,o=e.e,d=e.h,_=e.bT,c=e.m,v=e.k,m=e.F,u=e.D,f=e.al,p=e.aG,h=e.g,g=e.o,w=e.ar,b=e.c,y=e.ce,x=e.bR,A=e.as,L=e.at,S=e.w,I=e.av,T=e.au,k=e.aw,C=e.az,E=e.aD,F=e.aH},e=>{P=e.P}],execute:function(){const R={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"},G={headerTop:"_headerTop_17rv6_1",android:"_android_17rv6_12",back:"_back_17rv6_15",disabled:"_disabled_17rv6_27",left:"_left_17rv6_30",leftContent:"_leftContent_17rv6_34",lcName:"_lcName_17rv6_34",lcScore:"_lcScore_17rv6_45",center:"_center_17rv6_50",cItem:"_cItem_17rv6_55",active:"_active_17rv6_77",middle:"_middle_17rv6_84",mScore:"_mScore_17rv6_105",mLabel:"_mLabel_17rv6_110",right:"_right_17rv6_124",btn:"_btn_17rv6_128",iconBtn:"_iconBtn_17rv6_141",btnWrap:"_btnWrap_17rv6_150",popup:"_popup_17rv6_155",audiobox:"_audiobox_17rv6_167",videobox:"_videobox_17rv6_174",demos:"_demos_17rv6_185",shiyiClose:"_shiyiClose_17rv6_210",shiyiPopup:"_shiyiPopup_17rv6_218",shiyiTop:"_shiyiTop_17rv6_226",shiyiTitle:"_shiyiTitle_17rv6_233",items:"_items_17rv6_239",item:"_item_17rv6_239",itemTone:"_itemTone_17rv6_261",firstIcon1:"_firstIcon1_17rv6_271",firstIcon2:"_firstIcon2_17rv6_275",firstIcon3:"_firstIcon3_17rv6_279",fiz:"_fiz_17rv6_289"},B=""+new URL("../svg/icon-back-ad5010f0.svg",i.meta.url).href,U=""+new URL("../svg/icon-shiyi-b27b9b6f.svg",i.meta.url).href,D=""+new URL("../svg/icon-huifang-4d7bf6f9.svg",i.meta.url).href,N="data:image/png;base64,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",O=""+new URL("../svg/shiyi-close-81107aad.svg",i.meta.url).href,H=""+new URL("../svg/first-left-93249328.svg",i.meta.url).href,z=""+new URL("../svg/first-right-26321337.svg",i.meta.url).href,W=""+new URL("../svg/first-top-b209d9ff.svg",i.meta.url).href,J=""+new URL("../svg/first-bottom-b102a090.svg",i.meta.url).href,Q=""+new URL("../svg/first-correct-b550d7f2.svg",i.meta.url).href,Y=""+new URL("../svg/first-error-e5ff229a.svg",i.meta.url).href,j=""+new URL("../svg/first-not-bfc62a59.svg",i.meta.url).href,V=""+new URL("../svg/first-lack-609cf8ae.svg",i.meta.url).href,X=""+new URL("../png/videobg-2d19d627.png",i.meta.url).href,Z=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}=r(e),g=a({show:!1,shiyiShow:!1,isInitPlyr:!1,_plrl:null}),w={BEGINNER:"入门级",ADVANCED:"进阶级",PERFORMER:"大师级"},b=s("intonation"),y=()=>{f()},x=e=>{b.value=e,h.value.itemType=e},A=o((()=>{const e=(h.value.videoFilePath||"").split(".").pop();return"wav"===e||"mp3"===e||"m4a"===e?"audio":"video"})),L=()=>{g.show=!0,g.isInitPlyr||p((()=>{const e="audio"===A.value?"#audioSrc":"#videoSrc";g._plrl=new P(e,{controls:["play-large","play","progress","current-time"],fullscreen:{enabled:!1}}),g.isInitPlyr=!0}))};return()=>l("div",{class:[G.headerTop,t.android&&G.android]},[l("div",{class:G.left},[l("div",{class:[G.back,!d.isApp&&G.disabled],onClick:y},[l("img",{src:B},null)]),l("div",{class:G.leftContent},[l(_,{class:G.lcName,text:c.examSongName,rightView:!1},null),l("div",{class:G.lcScore},[w[h.value.heardLevel],v("|综合分数:"),h.value.score,v("分")])])]),l("div",{class:G.middle},[c.isPercussion?null:l("div",{onClick:()=>x("intonation"),class:[G.cItem,"intonation"===b.value&&G.active]},[l("span",{class:G.mScore},[h.value.intonation,v("分")]),l("span",{class:G.mLabel},[v("音准")])]),l("div",{onClick:()=>x("cadence"),class:[G.cItem,"cadence"===b.value&&G.active]},[l("span",{class:G.mScore},[h.value.cadence,v("分")]),l("span",{class:G.mLabel},[v("节奏")])]),c.isPercussion?null:l("div",{onClick:()=>x("integrity"),class:[G.cItem,"integrity"===b.value&&G.active]},[l("span",{class:G.mScore},[h.value.integrity,v("分")]),l("span",{class:G.mLabel},[v("完成度")])])]),l("div",{class:G.right},[l("div",{style:{display:h.value.videoFilePath?"":"none"},class:G.btn,onClick:L},[l("img",{class:G.iconBtn,src:D},null),l("span",null,[v("回放")])]),l("div",{class:G.btn,onClick:()=>g.shiyiShow=!0},[l("img",{class:G.iconBtn,src:U},null),l("span",null,[v("释义")])])]),"staff"===h.value.musicType?l(m,null,[c.isPercussion?null:l("div",{class:G.demos},["intonation"===b.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,[v("演奏偏高")])]),l("div",null,[l(Z,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),l("span",null,[v("演奏偏低")])])]),"cadence"===b.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,[v("节奏偏快")])]),l("div",null,[l(Z,{fill:"rgba(42, 188, 111, 1)",shadowFill:"#FFAB25",shadow:!0,x:-3,y:-2.5},null),l("span",null,[v("演奏偏低")])])]),("intonation"===b.value||"cadence"===b.value)&&l(m,null,[l("div",null,[l(Z,{fill:"#2ABC6F"},null),l("span",null,[v("演奏正确")])]),l("div",null,[l(Z,{fill:"#FF2B29"},null),l("span",null,[v("演奏错误")])])]),("intonation"===b.value||"integrity"===b.value)&&l("div",null,[l(Z,{fill:"#8F4EFB"},null),l("span",null,[v("时值不足")])]),"integrity"===b.value&&l("div",null,[l(Z,{fill:"#2ABC6F"},null),l("span",null,[v("时值正确")])]),l("div",null,[l(Z,{fill:"#ADADAD"},null),l("span",null,[v("未演奏")])])])]):l(m,null,[c.isPercussion?null:l("div",{class:G.demos},["intonation"===b.value&&l(m,null,[l("div",null,[l("img",{class:G.firstIcon1,src:W},null),l("span",null,[v("演奏偏高")])]),l("div",null,[l("img",{class:G.firstIcon1,src:J},null),l("span",null,[v("演奏偏低")])])]),"cadence"===b.value&&l(m,null,[l("div",null,[l("img",{class:G.firstIcon2,src:H},null),l("span",null,[v("节奏偏快")])]),l("div",null,[l("img",{class:G.firstIcon2,src:z},null),l("span",null,[v("节奏偏慢")])])]),("intonation"===b.value||"cadence"===b.value)&&l(m,null,[l("div",null,[l("img",{class:G.firstIcon3,src:Q},null),l("span",null,[v("演奏正确")])]),l("div",null,[l("img",{class:G.firstIcon3,src:Y},null),l("span",null,[v("演奏错误")])])]),("intonation"===b.value||"integrity"===b.value)&&l("div",null,[l("img",{class:G.firstIcon3,src:V},null),l("span",null,[v("时值不足")])]),"integrity"===b.value&&l("div",null,[l("img",{class:G.firstIcon3,src:Q},null),l("span",null,[v("时值正确")])]),l("div",null,[l("img",{class:G.firstIcon3,src:j},null),l("span",null,[v("未演奏")])])])]),l(u,{teleport:"body",class:["popup-custom","van-scale",G.popup],transition:"van-scale",show:g.show,"onUpdate:show":e=>g.show=e,closeable:!0,onClose:()=>{var e;null===(e=g._plrl)||void 0===e||e.pause()}},{default:()=>["audio"===A.value&&l("div",{class:G.audiobox},[l("audio",{id:"audioSrc",src:h.value.videoFilePath,controls:"false",preload:"metadata",playsinline:!0},null)]),"video"===A.value&&l("div",{class:G.videobox},[l("video",{id:"videoSrc",class:G.videoBox,src:h.value.videoFilePath,"data-poster":X,preload:"metadata",playsinline:!0},null)])]}),l(u,{show:g.shiyiShow,"onUpdate:show":e=>g.shiyiShow=e,class:"popup-custom van-scale center-closeBtn shiyiBox",transition:"van-scale",teleport:"body",closeable:!0},{default:()=>[l("img",{onClick:()=>g.shiyiShow=!1,class:G.shiyiClose,src:O},null),"staff"===h.value.musicType?l("div",{class:G.shiyiPopup},[l("img",{class:G.shiyiTop,src:N},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,[v("黄色音符在上:演奏偏高")])]),l("div",{class:G.item},[l(Z,{fill:"#2ABC6F"},null),l("span",null,[v("绿色音符:演奏/时值正确")])]),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,[v("黄色音符在下:演奏偏低")])]),l("div",{class:G.item},[l(Z,{fill:"#FF2B29"},null),l("span",null,[v("红色音符:演奏错误")])]),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,[v("黄色音符在左:节奏偏快")])]),l("div",{class:G.item},[l(Z,{fill:"#8F4EFB"},null),l("span",null,[v("紫色音符:时值不足")])]),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,[v("黄色音符在右:节奏偏慢")])]),l("div",{class:G.item},[l(Z,{fill:"#ADADAD"},null),l("span",null,[v("灰色音符:未演奏")])])])]):l("div",{class:G.shiyiPopup},[l("img",{class:G.shiyiTop,src:N},null),l("div",{class:G.items},[l("div",{class:G.itemTone},[l("img",{class:G.firstIcon1,src:W},null),l("span",null,[v("黄色箭头朝上:演奏偏高")])]),l("div",{class:G.itemTone},[l("img",{class:G.firstIcon3,src:Q},null),l("span",null,[v("绿色音符:演奏/时值正确")])]),l("div",{class:G.itemTone},[l("img",{class:G.firstIcon1,src:J},null),l("span",null,[v("黄色箭头朝下:演奏偏低")])]),l("div",{class:G.itemTone},[l("img",{class:G.firstIcon3,src:Y},null),l("span",null,[v("红色音符:演奏错误")])]),l("div",{class:G.itemTone},[l("img",{class:[G.firstIcon2,G.fiz],src:H},null),l("span",null,[v("黄色箭头朝左:节奏偏快")])]),l("div",{class:G.itemTone},[l("img",{class:G.firstIcon3,src:V},null),l("span",null,[v("紫色音符:时值不足")])]),l("div",{class:G.itemTone},[l("img",{class:G.firstIcon2,src:z},null),l("span",null,[v("黄色箭头朝右:节奏偏慢")])]),l("div",{class:G.itemTone},[l("img",{class:G.firstIcon3,src:j},null),l("span",null,[v("灰色音符:未演奏")])])])])]})])}}),q=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)])])}),K=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)])])}),$=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)])])}),ee=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)])])}),ie={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",t({name:"music-list",setup(){const e=h(),i=s([]),t=a({videoFilePath:"",cadence:0,integrity:0,intonation:0,score:0,heardLevel:"",itemType:"intonation",musicType:"staff"}),n=a({isLoading:!0,paddingLeft:"",headerHide:!1,musicalNotesPlayStats:[],userMeasureScore:{}});g((()=>{(async()=>{const e=await C();if(null!=e&&e.content){const{isSpecialShapedScreen:i,notchHeight:t}=e.content;i&&(n.paddingLeft="25px")}n.paddingLeft="20px"})(),w()})),b((async()=>{var i,l,r,a,s,o,d,_,v,m;const u=await y(e.id);c.partIndex=Number(null==u||null===(i=u.data)||void 0===i?void 0:i.partIndex);let f={};try{var p;f=JSON.parse(null==u||null===(p=u.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||{},t.heardLevel=null===(r=u.data)||void 0===r?void 0:r.heardLevel,t.cadence=null===(a=u.data)||void 0===a?void 0:a.cadence,t.integrity=null===(s=u.data)||void 0===s?void 0:s.integrity,t.intonation=null===(o=u.data)||void 0===o?void 0:o.intonation,t.score=null===(d=u.data)||void 0===d?void 0:d.score,t.videoFilePath=(null===(_=u.data)||void 0===_?void 0:_.videoFilePath)||(null===(v=u.data)||void 0===v?void 0:v.recordFilePath),c.isEvaluatReport=!0,await x(null===(m=f.musicalNotesPlayStats)||void 0===m?void 0:m.examSongId),t.musicType=e.musicRenderType?e.musicRenderType:c.musicRenderType,n.isLoading=!1}));const r=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),a=document.getElementById("vf-"+e.id+"-stem");let s="cadence"===t.itemType?l.rhythmicAssessment.result:l.pitchAssessment.result;const o="integrity"!==t.itemType&&["HIGH","LOW","EARLY","LATE"].includes(s);if("integrity"===t.itemType&&(s=s="HIGH"===l.pitchAssessment.result||"LOW"===l.pitchAssessment.result||"WRONG"===l.pitchAssessment.result?"RIGHT":s),null==a||a.classList.add(ie[s]),null==n||n.classList.add(ie[s]),n&&o){var d,_;null==a||a.classList.remove(ie[s]),null==n||n.classList.remove(ie[s]);let i=null;if("staff"===t.musicType)null==a||a.classList.add(ie.RIGHT),null==n||n.classList.add(ie.RIGHT),i=n.querySelector(".vf-notehead").cloneNode(!0);else if(o){null==n||n.classList.add(R.inaccuracy);const e="HIGH"===s?"topSvg":"LOW"===s?"bottomSvg":"EARLY"===s?"leftSvg":"LATE"===s?"rightSvg":"";i=document.getElementById(e).cloneNode(!0);const{width:t,height:l}=n.getBoundingClientRect()||{};let{x:r,y:a}=(null==n?void 0:n.getBBox())||{};r="HIGH"===s||"LOW"===s?r+(t-15)/2+2:"EARLY"===s?r-Math.abs((t-15)/2)-12:"LATE"===s?r+t+6:r,a="HIGH"===s?a-Math.abs((l-10)/2)-10:"LOW"===s?a+l+8:"EARLY"===s||"LATE"===s?a+(l-10)/2:a,i.setAttribute("x",r),i.setAttribute("y",a)}"staff"===t.musicType&&(i.style.transform=r(s)),i.id="vf-"+e.id+"-copy",null===(d=i)||void 0===d||d.classList.add(ie[s]),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=[]},v=e=>{c.musicRendered=!0,c.osmd=e,c.times=E(e),console.log("🚀 ~ state.times:",c.times),Array.from(new Set(document.getElementsByClassName("vf-beam"))).forEach((e=>{e.classList.add(R.beam)})),o(),F()};return b((()=>{window.addEventListener("resize",A)})),L((()=>{window.removeEventListener("resize",A)})),S((()=>t.itemType),(()=>{o()})),()=>l("div",{class:[R.detail,c.setting.eyeProtection&&"eyeProtection",R.shareBox],style:{paddingLeft:n.paddingLeft}},[l(I,{name:"van-fade"},{default:()=>[!c.musicRendered&&l("div",{class:R.skeleton},[l(T,{class:R.skeleton,row:8},null)])]}),l("div",{class:[R.headHeight,n.headerHide&&R.headHide],onClick:e=>e.stopPropagation()},[l(I,{name:"van-slide-down"},{default:()=>[c.musicRendered&&l(M,{scoreData:t},null)]})]),l("div",{id:"scrollContainer",class:[R.container,!c.setting.displayCursor&&"hideCursor"]},[!n.isLoading&&l(k,{musicColor:"#ADADAD",onRendered:v},null),l("div",{class:R.arrowSvg},[l(q,null,null),l(K,null,null),l($,null,null),l(ee,null,null)])])])}}))}}}));