1 |
- import{l as n,O as l,s as d,m as c,e as m,o as g}from"./index.a3180fab.js";import{d as a,f as u,v as h,b as i}from"./base.68a73957.js";import"./index.65a463be.js";let o=null;var f=a({name:"music-score",props:{score:{type:String,default:""},showPartNames:{type:Boolean,default:!1},onRerender:{type:Function,default:()=>{}},opotions:{type:Object,default:()=>{}},EngravingRules:{type:Object,default:()=>{}}},data(){return{osmd:null,loading:!1}},watch:{score(){this.loadRender()}},methods:{async loadRender(){if(this.loading=!0,this.score)try{await this.osmd.load(this.score),this.osmd.zoom=u(),await this.osmd.render(),this.onRerender(o)}catch(e){console.log(e),this.onRerender(null)}n.emit("loaded"),this.loading=!1},noteClickEvent(e){n.emit("container-click",e);const s=e.path||e.composedPath&&e.composedPath();for(const t of s)t.classList&&t.classList.contains("vf-stavenote")&&n.emit("click",e,t)}},beforeUnmount(){var e;(e=this.$refs.container)==null||e.removeEventListener("touchstart",this.noteClickEvent,!1)},async mounted(){var e;console.log(this.$refs.container),this.$refs.container.addEventListener("touchstart",this.noteClickEvent,!1),await h(),this.osmd=await new l(this.$refs.container,{followCursor:!1,autoResize:!0,drawSubtitle:!1,drawTitle:!1,autoBeam:!0,drawMetronomeMarks:!1,drawMeasureNumbers:!1,drawComposer:!1,drawLyricist:!1,drawPartNames:this.showPartNames,...this.opotions}),this.osmd.EngravingRules.CompactMode=!0,this.osmd.EngravingRules.DYMinNoteWidth=3,this.osmd.EngravingRules.VoiceSpacingMultiplierVexflow=.65,this.osmd.EngravingRules.VoiceSpacingAddendVexflow=2,this.osmd.EngravingRules.MinSkyBottomDistBetweenStaves=2,this.osmd.EngravingRules.MinSkyBottomDistBetweenSystems=2,this.osmd.EngravingRules.MinimumStaffLineDistance=4,this.osmd.EngravingRules.BetweenStaffDistance=2.5,this.osmd.EngravingRules.StaffDistance=3.5,this.osmd.EngravingRules.MinimumDistanceBetweenSystems=1,this.osmd.EngravingRules.PageBottomMargin=0,this.osmd.EngravingRules.PageLeftMargin=2,this.osmd.EngravingRules.PageRightMargin=2,this.osmd.EngravingRules.PageTopMarginNarrow=3,this.osmd.EngravingRules.WedgeEndDistanceBetweenTimestampsFactor=1,this.osmd.rules.RehearsalMarkXOffset=-18,this.osmd.rules.RehearsalMarkYOffset=10,this.osmd.EngravingRules.DYWorkId=((e=d.activeDetail)==null?void 0:e.parentCategoriesId)||0;for(const s in this.EngravingRules)if(Object.prototype.hasOwnProperty.call(this.EngravingRules,s)){const t=this.EngravingRules[s];this.osmd.EngravingRules[s]=t}console.log(o,this.$refs.container),this.loadRender()},render(){return i("div",{class:c.container,ref:"container"},null)}});const r={};console.log(r);var w=a({name:"RenderTest",data(){return{scores:[]}},async mounted(){const e=[];for(const s of Object.keys(r)){const t=await m(s);e.push(g(t,0))}console.log(e),this.scores=e},render(){return this.scores.map((e,s)=>i(f,{key:s,score:e,opotions:{drawMetronomeMarks:!0,drawTitle:!0},EngravingRules:{DYContainerId:"dy-container1",DYSVGContainerId:"dy-svg-container1"}},null))}});export{w as default};
|