| 1 |
- import{d as I,n as b,o as F,e as D,f as i,m as s,k as x,F as z,bN as T}from"./index-f14cb5c8.js";const k="_fingeringContainer_xflo8_1",A="_vertical_xflo8_10",N="_imgs_xflo8_15",w="_rightContent_xflo8_32",K="_yidiao_xflo8_76",S="_tizhi_xflo8_83",V="_canDisplay_xflo8_99",B="_activeopacity_xflo8_1",M="_leftrotates_xflo8_1",q="_rightrotates_xflo8_1",e={fingeringContainer:k,vertical:A,imgs:N,rightContent:w,yidiao:K,tizhi:S,canDisplay:V,activeopacity:B,leftrotates:M,rightrotates:q},H=I({name:"fingering",emits:["open"],setup(E,{emit:y}){const n=b({relationshipIndex:0,subject:null,delay:0}),v=async()=>{n.subject=await T(s.fingeringInfo.name),console.log("🚀 ~ fingerData.subject:",n.subject)};F(()=>{v()});const C=D(()=>{var t;return((t=s.times[s.activeNoteIndex])==null?void 0:t.realKey)||-1}),l=()=>{const t=Date.now();if(t-n.delay<300){y("open");return}n.delay=t};return()=>{var d,p,u,_,h,m;const t=((p=(d=n.subject)==null?void 0:d.relationship)==null?void 0:p[C.value])||[],g=Array.isArray(t[1])?t[n.relationshipIndex]:t,f=Array.isArray(t[1]);return i(z,null,[s.fingeringInfo.direction==="transverse"?i("div",{onClick:()=>l(),class:[e.fingeringContainer]},[i("div",{class:e.imgs},[i("img",{src:(_=(u=n.subject)==null?void 0:u.json)==null?void 0:_.full},null),g.map((a,j)=>{var r,c;const o=typeof a=="string"?a.replace("active-",""):String(a);return i("img",{"data-index":o,src:(c=(r=n.subject)==null?void 0:r.json)==null?void 0:c[o]},null)})]),s.fingeringInfo.hasTizhi&&i("div",{class:[e.tizhi,f&&e.canDisplay],onClick:()=>n.relationshipIndex=n.relationshipIndex===0?1:0},[x("替指")])]):i("div",{onClick:()=>l(),class:[e.fingeringContainer,e.vertical,s.fingeringInfo.name]},[i("div",{class:e.imgs},[i("img",{src:(m=(h=n.subject)==null?void 0:h.json)==null?void 0:m.full},null),g.map((a,j)=>{var r,c;const o=typeof a=="string"?a.replace("active-",""):String(a);return i("img",{"data-index":o,src:(c=(r=n.subject)==null?void 0:r.json)==null?void 0:c[o]},null)})]),s.fingeringInfo.hasTizhi&&i("div",{style:{display:s.fingeringInfo.disabledFinger?"none":""},class:e.rightContent},[i("div",{class:[e.tizhi,f&&e.canDisplay],onClick:()=>n.relationshipIndex=n.relationshipIndex===0?1:0},[x("替指")])])])])}}});export{H as F};
|
