| 1 |
- System.register(["./index-legacy-2860ea7b.js"],(function(i,e){"use strict";var t,n,o,r,a,l,s,d,_,f=document.createElement("style");return f.textContent="._fingeringContainer_xflo8_1{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;padding:0 .26667rem .10667rem;overflow:hidden}._vertical_xflo8_10{position:relative;padding:.26667rem 0;box-shadow:rgba(0,0,0,.05) 0 0 .26667rem}._vertical_xflo8_10 ._imgs_xflo8_15{flex:1}._imgs_xflo8_15{position:relative;width:84%;height:100%}._imgs_xflo8_15>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;max-width:100%;max-height:100%}._rightContent_xflo8_32{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;flex-shrink:0}.saxophone{padding:.26667rem 0}.saxophone ._imgs_xflo8_15{width:100%}.saxophone ._rightContent_xflo8_32{position:absolute;right:.16rem;height:90%}.horn{padding:.26667rem .10667rem}.horn ._imgs_xflo8_15{width:100%}.horn ._rightContent_xflo8_32{position:absolute;right:.26667rem;height:100%}.up-bass-horn,.tuba{padding:.26667rem .10667rem}.up-bass-horn ._imgs_xflo8_15,.tuba ._imgs_xflo8_15{width:100%}.up-bass-horn ._rightContent_xflo8_32,.tuba ._rightContent_xflo8_32{position:absolute;right:.26667rem;height:100%}._yidiao_xflo8_76{width:.8rem;color:var(--van-primary-color);font-size:12Px;text-align:center;opacity:0}._tizhi_xflo8_83{width:.8rem;height:.8rem;text-align:center;line-height:.8rem;border-radius:100%;background-color:var(--van-primary-color);color:#fff;box-shadow:0 0 .26667rem rgba(0,0,0,.05);font-size:12Px;opacity:0;pointer-events:none}._tizhi_xflo8_83:active{opacity:.8}._canDisplay_xflo8_99{opacity:1;pointer-events:initial}@keyframes _activeopacity_xflo8_1{0%{transforopacitym:0}to{opacity:1}}@keyframes _leftrotates_xflo8_1{0%{transform:rotate(0)}50%{transform:rotate(-10deg)}to{transform:rotate(-10deg)}}@keyframes _rightrotates_xflo8_1{0%{transform:rotate(0)}50%{transform:rotate(5deg)}to{transform:rotate(5deg)}}.small-drum img[data-index=active]{animation:_activeopacity_xflo8_1 .2s;animation-delay:.3s;transform-origin:0 0}.small-drum img[data-index=left]{animation:_leftrotates_xflo8_1 .5s;transform-origin:0 0}.small-drum img[data-index=right]{animation:_rightrotates_xflo8_1 .5s;transform-origin:0 0}.piccolo{margin-top:0}\n",document.head.appendChild(f),{setters:[i=>{t=i.d,n=i.n,o=i.o,r=i.e,a=i.f,l=i.m,s=i.k,d=i.F,_=i.bN}],execute:function(){const e="_fingeringContainer_xflo8_1",f="_vertical_xflo8_10",g="_imgs_xflo8_15",c="_rightContent_xflo8_32",m="_tizhi_xflo8_83",h="_canDisplay_xflo8_99";i("F",t({name:"fingering",emits:["open"],setup(i,{emit:t}){const x=n({relationshipIndex:0,subject:null,delay:0});o((()=>{(async()=>{x.subject=await _(l.fingeringInfo.name),console.log("🚀 ~ fingerData.subject:",x.subject)})()}));const u=r((()=>{var i;return(null===(i=l.times[l.activeNoteIndex])||void 0===i?void 0:i.realKey)||-1})),p=()=>{const i=Date.now();i-x.delay<300?t("open"):x.delay=i};return()=>{var i,t,n,o,r,_;const v=(null===(i=x.subject)||void 0===i||null===(t=i.relationship)||void 0===t?void 0:t[u.value])||[],y=Array.isArray(v[1])?v[x.relationshipIndex]:v,b=Array.isArray(v[1]);return a(d,null,["transverse"===l.fingeringInfo.direction?a("div",{onClick:()=>p(),class:[e]},[a("div",{class:g},[a("img",{src:null===(n=x.subject)||void 0===n||null===(o=n.json)||void 0===o?void 0:o.full},null),y.map(((i,e)=>{var t,n;const o="string"==typeof i?i.replace("active-",""):String(i);return a("img",{"data-index":o,src:null===(t=x.subject)||void 0===t||null===(n=t.json)||void 0===n?void 0:n[o]},null)}))]),l.fingeringInfo.hasTizhi&&a("div",{class:[m,b&&h],onClick:()=>x.relationshipIndex=0===x.relationshipIndex?1:0},[s("替指")])]):a("div",{onClick:()=>p(),class:[e,f,l.fingeringInfo.name]},[a("div",{class:g},[a("img",{src:null===(r=x.subject)||void 0===r||null===(_=r.json)||void 0===_?void 0:_.full},null),y.map(((i,e)=>{var t,n;const o="string"==typeof i?i.replace("active-",""):String(i);return a("img",{"data-index":o,src:null===(t=x.subject)||void 0===t||null===(n=t.json)||void 0===n?void 0:n[o]},null)}))]),l.fingeringInfo.hasTizhi&&a("div",{style:{display:l.fingeringInfo.disabledFinger?"none":""},class:c},[a("div",{class:[m,b&&h],onClick:()=>x.relationshipIndex=0===x.relationshipIndex?1:0},[s("替指")])])])])}}}))}}}));
|
