1 |
- import{O as l}from"./TransposeCalculator-bb4225f8.js";import{s as d}from"./index-f53ab261.js";import{f as c}from"./utils-8747c988.js";import{i as o,j as m,o as g}from"./index-ecf281fc.js";import{d as i,I as u,c as a}from"./runtime-core.esm-bundler-8a997806.js";import{a as h}from"./request-9a0f9c1d.js";import"./_commonjsHelpers-edff4021.js";import"./index-ea32d722.js";import"./index-e1d206b5.js";import"./loading-dedc0838.js";let n=null;const f=i({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=c(),await this.osmd.render(),this.onRerender(n)}catch(e){console.log(e),this.onRerender(null)}o.emit("loaded"),this.loading=!1},noteClickEvent(e){o.emit("container-click",e);const s=e.path||e.composedPath&&e.composedPath();for(const t of s)t.classList&&t.classList.contains("vf-stavenote")&&o.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 u(),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(n,this.$refs.container),this.loadRender()},render(){return a("div",{class:m.container,ref:"container"},null)}}),r=Object.assign({});console.log(r);const B=i({name:"RenderTest",data(){return{scores:[]}},async mounted(){const e=[];for(const s of Object.keys(r)){const t=await h(s);e.push(g(t,0))}console.log(e),this.scores=e},render(){return this.scores.map((e,s)=>a(f,{key:s,score:e,opotions:{drawMetronomeMarks:!0,drawTitle:!0},EngravingRules:{DYContainerId:"dy-container1",DYSVGContainerId:"dy-svg-container1"}},null))}});export{B as default};
|