deciphony-renderer 0.0.14

package/dist/index.es.js

@@ -0,0 +1,3927 @@
+import { defineComponent as X, computed as S, createElementBlock as D, openBlock as x, withModifiers as $, normalizeStyle as F, createElementVNode as ue, Fragment as E, renderList as se, renderSlot as _e, createCommentVNode as Ce, unref as Z, toDisplayString as Rt, watch as An, ref as ie, onMounted as St, withDirectives as De, createBlock as J, vShow as Ne, inject as en, onBeforeMount as tn, withCtx as qe, createVNode as Re, mergeProps as jt, onUnmounted as kn, provide as Ln } from "vue";
+const Dn = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='500'%20height='80'%3e%3cline%20x1='0'%20y1='0'%20x2='500'%20y2='000'%20stroke='black'%20stroke-width='1'%3e%3c/line%3e%3cline%20x1='0'%20y1='20'%20x2='500'%20y2='20'%20stroke='black'%20stroke-width='1'%3e%3c/line%3e%3cline%20x1='0'%20y1='40'%20x2='500'%20y2='40'%20stroke='black'%20stroke-width='1'%3e%3c/line%3e%3cline%20x1='0'%20y1='60'%20x2='500'%20y2='60'%20stroke='black'%20stroke-width='1'%3e%3c/line%3e%3cline%20x1='0'%20y1='80'%20x2='500'%20y2='80'%20stroke='black'%20stroke-width='1'%3e%3c/line%3e%3c/svg%3e", Nn = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='500'%20height='80'%3e%3cline%20x1='0'%20y1='0'%20x2='500'%20y2='000'%20stroke='white'%20stroke-width='1'%3e%3c/line%3e%3cline%20x1='0'%20y1='80'%20x2='500'%20y2='80'%20stroke='white'%20stroke-width='1'%3e%3c/line%3e%3c/svg%3e";
+var ge = /* @__PURE__ */ ((e) => (e[e.MultipStaves = 1] = "MultipStaves", e[e.SingleStaff = 2] = "SingleStaff", e[e.Measure = 3] = "Measure", e[e.SpanSymbol = 4] = "SpanSymbol", e[e.MsSymbolContainer = 5] = "MsSymbolContainer", e[e.MsSymbol = 6] = "MsSymbol", e))(ge || {}), nn = /* @__PURE__ */ ((e) => (e.Line = "line", e.Space = "space", e))(nn || {}), rn = /* @__PURE__ */ ((e) => (e.Lower = "lower", e.Main = "main", e.Upper = "upper", e))(rn || {}), Y = /* @__PURE__ */ ((e) => (e[e.Treble = 1] = "Treble", e[e.MezzoSoprano = 2] = "MezzoSoprano", e[e.Alto = 3] = "Alto", e[e.Tenor = 4] = "Tenor", e[e.BaritoneF = 5] = "BaritoneF", e[e.BaritoneC = 6] = "BaritoneC", e[e.Bass = 7] = "Bass", e[e.Subbass = 8] = "Subbass", e))(Y || {}), on = /* @__PURE__ */ ((e) => (e.Cb = "Cb", e.Gb = "Gb", e.Db = "Db", e.Ab = "Ab", e.Eb = "Eb", e.Bb = "Bb", e.F = "F", e.C = "C", e.G = "G", e.D = "D", e.A = "A", e.E = "E", e.B = "B", e["F#"] = "F#", e["C#"] = "C#", e))(on || {}), Se = /* @__PURE__ */ ((e) => (e[e.DO = 1] = "DO", e[e.RE = 2] = "RE", e[e.MI = 3] = "MI", e[e.FA = 4] = "FA", e[e.SOL = 5] = "SOL", e[e.LA = 6] = "LA", e[e.TI = 7] = "TI", e))(Se || {}), He = /* @__PURE__ */ ((e) => (e.None = "", e.Natural = "&", e.Sharp = "#", e.Flat = "b", e.DoubleSharp = "##", e.DoubleFlat = "bb", e))(He || {}), R = /* @__PURE__ */ ((e) => (e[e.whole = 1] = "whole", e[e.half = 2] = "half", e[e.quarter = 4] = "quarter", e[e.eighth = 8] = "eighth", e[e.sixteenth = 16] = "sixteenth", e[e.thirtySecond = 32] = "thirtySecond", e[e.sixtyFourth = 64] = "sixtyFourth", e))(R || {}), b = /* @__PURE__ */ ((e) => (e.NoteHead = "noteHead", e.NoteStem = "noteStem", e.NoteTail = "noteTail", e.NoteNumber = "noteNumber", e.ChronaxieReducingLine = "chronaxieReducingLine", e.ChronaxieIncreasingLine = "chronaxieIncreasingLine", e.NoteDot = "noteDot", e.Rest = "rest", e.Slur = "slur", e.Tie = "tie", e.DurationDot = "durationDot", e.Accidental = "accidental", e.Tuplet = "tuplet", e.Clef = "clef", e.Clef_f = "clef_f", e.KeySignature = "keySignature", e.TimeSignature = "timeSignature", e.BarLine = "barLine", e.BarLine_f = "barLine_f", e))(b || {}), ce = /* @__PURE__ */ ((e) => (e[e.standardStaff = 1] = "standardStaff", e[e.numberNotation = 2] = "numberNotation", e[e.rhythmNotation = 3] = "rhythmNotation", e[e.percussion = 4] = "percussion", e))(ce || {}), Pe = /* @__PURE__ */ ((e) => (e[e.volta = 1] = "volta", e[e.slur = 2] = "slur", e[e.tie = 3] = "tie", e))(Pe || {}), Ee = /* @__PURE__ */ ((e) => (e[e.frontFixed = 1] = "frontFixed", e[e.rearFixed = 2] = "rearFixed", e[e.variable = 3] = "variable", e[e.span = 4] = "span", e))(Ee || {}), oe = /* @__PURE__ */ ((e) => (e[e.single = 1] = "single", e[e.final = 2] = "final", e[e.reverseFinal = 3] = "reverseFinal", e[e.startRepeatSign = 4] = "startRepeatSign", e[e.endRepeatSign = 5] = "endRepeatSign", e))(oe || {}), he = /* @__PURE__ */ ((e) => (e[e.normal = 1] = "normal", e[e.edit = 2] = "edit", e))(he || {}), xe = /* @__PURE__ */ ((e) => (e[e.note = 1] = "note", e[e.rest = 2] = "rest", e))(xe || {});
+const Hn = /* @__PURE__ */ X({
+  __name: "measure",
+  props: {
+    measure: {
+      type: Object,
+      required: !0
+    },
+    x: {
+      type: Number,
+      default: 0
+    },
+    y: {
+      type: Number,
+      default: 0
+    },
+    width: {
+      type: Number,
+      default: 400
+    },
+    height: {
+      type: Number,
+      default: 80
+    },
+    componentWidth: {
+      type: Number,
+      default: 1e3
+    },
+    componentHeight: {
+      type: Number,
+      default: 800
+    },
+    strokeWidth: {
+      type: Number,
+      default: 1
+    },
+    musicScore: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: ["measureMouseDown"],
+  setup(e, { emit: t }) {
+    const n = e, r = S(() => ({
+      width: "100%",
+      display: "grid",
+      "grid-template-rows": "1fr",
+      "grid-template-columns": "1fr"
+    })), o = S(() => {
+      const u = {
+        width: n.width + "px",
+        height: n.height + "px",
+        "background-color": "black",
+        // mask:`url("${barLine}") no-repeat center`,
+        // 'mask-size': '100% 100%',
+        background: n.measure.options.highlight ? n.measure.options.highlightColor : n.measure.options.color,
+        pointerEvents: "none"
+      };
+      switch (n.musicScore.showMode) {
+        case ce.standardStaff: {
+          u.mask = `url("${Dn}") no-repeat center`, u["mask-size"] = "100% 100%";
+          break;
+        }
+        case ce.numberNotation: {
+          u.mask = `url("${Nn}") no-repeat center`, u["mask-size"] = "100% 100%";
+          break;
+        }
+      }
+      return u;
+    }), i = t;
+    function s(u) {
+      i("measureMouseDown", u, n.measure);
+    }
+    return (u, c) => (x(), D("div", {
+      class: "measure",
+      style: F(r.value),
+      onMousedown: $(s, ["self"])
+    }, [
+      ue("div", {
+        style: F(o.value)
+      }, null, 4)
+    ], 36));
+  }
+}), ne = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [r, o] of t)
+    n[r] = o;
+  return n;
+}, Rn = /* @__PURE__ */ ne(Hn, [["__scopeId", "data-v-45ed8482"]]);
+var we;
+(function(e) {
+  e[e.MultipStaves = 1] = "MultipStaves", e[e.SingleStaff = 2] = "SingleStaff", e[e.Measure = 3] = "Measure", e[e.SpanSymbol = 4] = "SpanSymbol", e[e.MsSymbolContainer = 5] = "MsSymbolContainer", e[e.MsSymbol = 6] = "MsSymbol";
+})(we || (we = {}));
+var G;
+(function(e) {
+  e.Line = "line", e.Space = "space";
+})(G || (G = {}));
+var C;
+(function(e) {
+  e.Lower = "lower", e.Main = "main", e.Upper = "upper";
+})(C || (C = {}));
+var H;
+(function(e) {
+  e[e.Treble = 1] = "Treble", e[e.MezzoSoprano = 2] = "MezzoSoprano", e[e.Alto = 3] = "Alto", e[e.Tenor = 4] = "Tenor", e[e.BaritoneF = 5] = "BaritoneF", e[e.BaritoneC = 6] = "BaritoneC", e[e.Bass = 7] = "Bass", e[e.Subbass = 8] = "Subbass";
+})(H || (H = {}));
+var p;
+(function(e) {
+  e.Cb = "Cb", e.Gb = "Gb", e.Db = "Db", e.Ab = "Ab", e.Eb = "Eb", e.Bb = "Bb", e.F = "F", e.C = "C", e.G = "G", e.D = "D", e.A = "A", e.E = "E", e.B = "B", e["F#"] = "F#", e["C#"] = "C#";
+})(p || (p = {}));
+var L;
+(function(e) {
+  e[e.DO = 1] = "DO", e[e.RE = 2] = "RE", e[e.MI = 3] = "MI", e[e.FA = 4] = "FA", e[e.SOL = 5] = "SOL", e[e.LA = 6] = "LA", e[e.TI = 7] = "TI";
+})(L || (L = {}));
+var z;
+(function(e) {
+  e.C = "C", e.D = "D", e.E = "E", e.F = "F", e.G = "G", e.A = "A", e.B = "B";
+})(z || (z = {}));
+var m;
+(function(e) {
+  e.None = "", e.Natural = "&", e.Sharp = "#", e.Flat = "b", e.DoubleSharp = "##", e.DoubleFlat = "bb";
+})(m || (m = {}));
+var Bt;
+(function(e) {
+  e.None = "", e.Single = ".", e.Double = "..", e.Triple = "...";
+})(Bt || (Bt = {}));
+var w;
+(function(e) {
+  e[e.whole = 1] = "whole", e[e.half = 2] = "half", e[e.quarter = 4] = "quarter", e[e.eighth = 8] = "eighth", e[e.sixteenth = 16] = "sixteenth", e[e.thirtySecond = 32] = "thirtySecond", e[e.sixtyFourth = 64] = "sixtyFourth";
+})(w || (w = {}));
+var f;
+(function(e) {
+  e.NoteHead = "noteHead", e.NoteStem = "noteStem", e.NoteTail = "noteTail", e.NoteNumber = "noteNumber", e.ChronaxieReducingLine = "chronaxieReducingLine", e.ChronaxieIncreasingLine = "chronaxieIncreasingLine", e.NoteDot = "noteDot", e.Rest = "rest", e.Slur = "slur", e.Tie = "tie", e.DurationDot = "durationDot", e.Accidental = "accidental", e.Tuplet = "tuplet", e.Clef = "clef", e.Clef_f = "clef_f", e.KeySignature = "keySignature", e.TimeSignature = "timeSignature", e.BarLine = "barLine", e.BarLine_f = "barLine_f";
+})(f || (f = {}));
+var Ve;
+(function(e) {
+  e[e.standardStaff = 1] = "standardStaff", e[e.numberNotation = 2] = "numberNotation", e[e.rhythmNotation = 3] = "rhythmNotation", e[e.percussion = 4] = "percussion";
+})(Ve || (Ve = {}));
+var P;
+(function(e) {
+  e[e.singleMeasure = 1] = "singleMeasure", e[e.multipleMeasure = 2] = "multipleMeasure";
+})(P || (P = {}));
+var Wt;
+(function(e) {
+  e[e.volta = 1] = "volta", e[e.slur = 2] = "slur", e[e.tie = 3] = "tie";
+})(Wt || (Wt = {}));
+var Ft;
+(function(e) {
+  e[e.msSymbol = 1] = "msSymbol", e[e.measure = 2] = "measure", e[e.singleStaff = 3] = "singleStaff", e[e.multipleStaves = 4] = "multipleStaves";
+})(Ft || (Ft = {}));
+var q;
+(function(e) {
+  e[e.frontFixed = 1] = "frontFixed", e[e.rearFixed = 2] = "rearFixed", e[e.variable = 3] = "variable", e[e.span = 4] = "span";
+})(q || (q = {}));
+var U;
+(function(e) {
+  e[e.single = 1] = "single", e[e.final = 2] = "final", e[e.reverseFinal = 3] = "reverseFinal", e[e.startRepeatSign = 4] = "startRepeatSign", e[e.endRepeatSign = 5] = "endRepeatSign";
+})(U || (U = {}));
+var Tt;
+(function(e) {
+  e[e.highlight = 1] = "highlight";
+})(Tt || (Tt = {}));
+var Ot;
+(function(e) {
+  e[e.normal = 1] = "normal", e[e.edit = 2] = "edit";
+})(Ot || (Ot = {}));
+var Gt;
+(function(e) {
+  e[e.note = 1] = "note", e[e.rest = 2] = "rest";
+})(Gt || (Gt = {}));
+var ut;
+(function(e) {
+  e[e.left = 1] = "left";
+})(ut || (ut = {}));
+function jn(e) {
+  return e >= w.eighth;
+}
+function Bn(e) {
+  return e !== w.whole;
+}
+function an(e, t) {
+  let n = m.None;
+  if (!e.msSymbolArray)
+    return {
+      accidental: n,
+      measureAccidental: m.None
+    };
+  const r = O(e.index, t), o = r.msSymbolContainer, i = r.measure, s = r.singleStaff, u = i == null ? void 0 : i.index.measureIndex, c = o == null ? void 0 : o.index.msSymbolContainerIndex;
+  if (!o || !i || !s || c == null || u == null)
+    return console.error("索引数据查找出错，获取符号的谱号失败"), {
+      accidental: n,
+      measureAccidental: m.None
+    };
+  let l = m.None;
+  for (let a = u; a >= 0; a--) {
+    const g = s.measureArray[a];
+    if (a === u)
+      for (let d = c; d >= 0; d--) {
+        const y = g.msSymbolContainerArray[d].msSymbolArray[0];
+        if (f.Accidental === y.type) {
+          l = y.accidental;
+          break;
+        }
+      }
+    else
+      for (let d = g.msSymbolContainerArray.length - 1; d >= 0; d--) {
+        const y = g.msSymbolContainerArray[d].msSymbolArray[0];
+        if (f.Accidental === y.type) {
+          l = y.accidental;
+          break;
+        }
+      }
+  }
+  for (let a of e.msSymbolArray)
+    if (a.type === f.Accidental)
+      return n = a.accidental, { accidental: n, measureAccidental: l };
+  return { accidental: n, measureAccidental: l };
+}
+function sn(e, t) {
+  const n = O(e.index, t), r = n.msSymbolContainer, o = n.measure, i = n.singleStaff, s = o == null ? void 0 : o.index.measureIndex, u = r == null ? void 0 : r.index.msSymbolContainerIndex;
+  if (!r || !o || !i || u == null || s == null)
+    return console.error("索引数据查找出错，获取符号的谱号失败"), p.C;
+  for (let c = s; c >= 0; c--) {
+    const l = i.measureArray[c];
+    if (c === s)
+      for (let a = u; a >= 0; a--) {
+        const d = l.msSymbolContainerArray[a].msSymbolArray[0];
+        if (f.KeySignature === d.type)
+          return d.keySignature;
+      }
+    else
+      for (let a = l.msSymbolContainerArray.length - 1; a >= 0; a--) {
+        const d = l.msSymbolContainerArray[a].msSymbolArray[0];
+        if (f.KeySignature === d.type)
+          return d.keySignature;
+      }
+  }
+  return p.C;
+}
+function vt(e, t) {
+  const n = O(e.index, t), r = n.msSymbolContainer, o = n.measure, i = n.singleStaff, s = o == null ? void 0 : o.index.measureIndex, u = r == null ? void 0 : r.index.msSymbolContainerIndex;
+  if (!r || !o || !i || u == null || s == null)
+    return console.error("索引数据查找出错，获取符号的谱号失败"), H.Treble;
+  for (let c = s; c >= 0; c--) {
+    const l = i.measureArray[c];
+    if (c === s)
+      for (let a = u; a >= 0; a--) {
+        const d = l.msSymbolContainerArray[a].msSymbolArray[0];
+        if (f.Clef === d.type || f.Clef_f === d.type)
+          return d.clef;
+      }
+    else
+      for (let a = l.msSymbolContainerArray.length - 1; a >= 0; a--) {
+        const d = l.msSymbolContainerArray[a].msSymbolArray[0];
+        if (f.Clef === d.type || f.Clef_f === d.type)
+          return d.clef;
+      }
+  }
+  return H.Treble;
+}
+function Wn(e, { level: t = "symbol", order: n = "asc", callback: r }) {
+  const o = (s) => n === "asc" ? [...Array(s).keys()] : [...Array(s).keys()].reverse(), i = e.multipleStavesArray;
+  for (const s of o(i.length)) {
+    const u = i[s];
+    if (t === "multipleStaves") {
+      if (r({
+        multipleStavesIndex: s,
+        singleStaffIndex: -1,
+        measureIndex: -1,
+        multipleStaves: u
+      }))
+        return;
+      continue;
+    }
+    for (const c of o(u.singleStaffArray.length)) {
+      const l = u.singleStaffArray[c];
+      if (t === "singleStaff") {
+        if (r({
+          multipleStavesIndex: s,
+          singleStaffIndex: c,
+          measureIndex: -1,
+          multipleStaves: u,
+          singleStaff: l
+        }))
+          return;
+        continue;
+      }
+      for (const a of o(l.measureArray.length)) {
+        const g = l.measureArray[a];
+        if (t === "measure") {
+          if (r({
+            multipleStavesIndex: s,
+            singleStaffIndex: c,
+            measureIndex: a,
+            multipleStaves: u,
+            singleStaff: l,
+            measure: g
+          }))
+            return;
+          continue;
+        }
+        for (const d of o(g.msSymbolContainerArray.length)) {
+          const h = g.msSymbolContainerArray[d];
+          if (t === "container") {
+            if (r({
+              multipleStavesIndex: s,
+              singleStaffIndex: c,
+              measureIndex: a,
+              msSymbolContainerIndex: d,
+              multipleStaves: u,
+              singleStaff: l,
+              measure: g,
+              msSymbolContainer: h
+            }))
+              return;
+            continue;
+          }
+          for (const y of o(h.msSymbolArray.length)) {
+            const v = h.msSymbolArray[y];
+            if (r({
+              multipleStavesIndex: s,
+              singleStaffIndex: c,
+              measureIndex: a,
+              msSymbolContainerIndex: d,
+              msSymbolIndex: y,
+              multipleStaves: u,
+              singleStaff: l,
+              measure: g,
+              msSymbolContainer: h,
+              msSymbol: v
+            }))
+              return;
+          }
+        }
+      }
+    }
+  }
+}
+function Fn(e, t, n, r) {
+  if (t.multipleStavesIndex == null || e.multipleStavesIndex == null || e.measureIndex == null || t.measureIndex == null || e.singleStaffIndex == null)
+    return console.error("索引元素有误，无法正确执行traverseMeasure");
+  const o = e.singleStaffIndex, i = O(e, n), s = O(t, n), u = i.singleStaff;
+  s.singleStaff;
+  const c = i.multipleStaves, l = s.multipleStaves;
+  if (c === l) {
+    if (u == null || c == null)
+      return console.error("索引元素有误，无法正确执行traverseMeasure");
+    for (let a = e.measureIndex; a <= t.measureIndex; a++) {
+      const g = u.measureArray[a];
+      r(g, u, c);
+    }
+  } else
+    for (let a = e.multipleStavesIndex; a <= t.multipleStavesIndex; a++) {
+      const g = n.multipleStavesArray[a], d = g.singleStaffArray[o];
+      if (c === g)
+        for (let h = e.measureIndex; h < d.measureArray.length; h++) {
+          const y = d.measureArray[h];
+          r(y, d, g);
+        }
+      else if (c !== g && l !== g)
+        for (let h = 0; h < d.measureArray.length; h++) {
+          const y = d.measureArray[h];
+          r(y, d, g);
+        }
+      else if (l === g && c !== l)
+        for (let h = 0; h < t.measureIndex; h++) {
+          const y = d.measureArray[h];
+          r(y, d, g);
+        }
+    }
+}
+function Tn(e) {
+  e.multipleStavesArray.forEach((t, n) => {
+    t.index = {
+      multipleStavesIndex: n,
+      singleStaffIndex: -1,
+      measureIndex: -1,
+      msSymbolContainerIndex: -1,
+      msSymbolIndex: -1
+    }, On(t);
+  });
+}
+function On(e) {
+  const t = e.index.multipleStavesIndex;
+  if (t == null)
+    return console.error("数据有误，复谱表索引生成失败");
+  e.singleStaffArray.forEach((n, r) => {
+    n.index = {
+      multipleStavesIndex: t,
+      singleStaffIndex: r,
+      measureIndex: -1,
+      msSymbolContainerIndex: -1,
+      msSymbolIndex: -1
+    }, ln(n);
+  });
+}
+function ln(e) {
+  const t = e.index.singleStaffIndex, n = e.index.multipleStavesIndex;
+  if (n == null || t == null)
+    return console.error("数据有误，单谱表索引生成失败");
+  e.measureArray.forEach((r, o) => {
+    r.index = {
+      multipleStavesIndex: n,
+      singleStaffIndex: t,
+      measureIndex: o,
+      msSymbolContainerIndex: -1,
+      msSymbolIndex: -1
+    }, et(r);
+  });
+}
+function et(e) {
+  const t = e.index.singleStaffIndex, n = e.index.multipleStavesIndex, r = e.index.measureIndex;
+  if (n == null || t == null || r == null)
+    return console.error("数据有误，符号容器索引生成失败");
+  e.msSymbolContainerArray.forEach((o, i) => {
+    o.index = {
+      multipleStavesIndex: n,
+      singleStaffIndex: t,
+      measureIndex: r,
+      msSymbolContainerIndex: i,
+      msSymbolIndex: -1
+    }, gt(o);
+  });
+}
+function gt(e) {
+  const t = e.index.singleStaffIndex, n = e.index.multipleStavesIndex, r = e.index.measureIndex, o = e.index.msSymbolContainerIndex;
+  if (n == null || t == null || r == null || o == null)
+    return console.error("数据有误，符号索引生成失败");
+  e.msSymbolArray.forEach((i, s) => {
+    const u = {
+      multipleStavesIndex: n,
+      singleStaffIndex: t,
+      measureIndex: r,
+      msSymbolContainerIndex: o,
+      msSymbolIndex: s
+    };
+    i.index = u, xt(i);
+  });
+}
+function xt(e, t) {
+  let n = null;
+  n = e, n.msSymbolArray.forEach((r, o) => {
+    r.index = n.index, r.msSymbolArray.length > 0 && xt(r);
+  });
+}
+function Gn(e) {
+  const t = e.map;
+  for (let n = 0; n < e.multipleStavesArray.length; n++) {
+    const r = e.multipleStavesArray[n];
+    t[r.id] = r;
+    for (let o = 0; o < r.singleStaffArray.length; o++) {
+      const i = r.singleStaffArray[o];
+      t[i.id] = i;
+      for (let s = 0; s < i.measureArray.length; s++) {
+        const u = i.measureArray[s];
+        t[u.id] = u;
+        for (let c = 0; c < u.msSymbolContainerArray.length; c++) {
+          const l = u.msSymbolContainerArray[c];
+          t[l.id] = l;
+          for (let a = 0; a < l.msSymbolArray.length; a++) {
+            const g = l.msSymbolArray[a];
+            t[g.id] = g;
+          }
+        }
+      }
+    }
+  }
+}
+function K(e) {
+  if (e.region === C.Main)
+    return (e.index - 1) * 2 + (e.type === G.Space ? 1 : 0);
+  if (e.region === C.Lower)
+    return -(e.index * 2) + (e.type === G.Space ? 1 : 0);
+  if (e.region === C.Upper)
+    return 8 + e.index * 2 + (e.type === G.Space ? 1 : 0);
+  throw new Error("Invalid StaffRegion");
+}
+function dt(e) {
+  if (e >= 0 && e <= 9) {
+    const t = e % 2 === 0 ? G.Line : G.Space, n = Math.floor(e / 2) + 1, r = Math.floor(e / 2) + 1;
+    return {
+      region: C.Main,
+      type: t,
+      index: t === G.Line ? n : r
+    };
+  }
+  if (e < 0) {
+    const t = Math.abs(e), n = t % 2 === 0 ? G.Line : G.Space, r = Math.floor((t + 1) / 2);
+    return {
+      region: C.Lower,
+      type: n,
+      index: r
+    };
+  }
+  if (e >= 10) {
+    const t = e - 10, n = t % 2 === 0 ? G.Line : G.Space, r = Math.floor(t / 2) + 1;
+    return {
+      region: C.Upper,
+      type: n,
+      index: r
+    };
+  }
+  throw new Error("Invalid index for StaffRegion");
+}
+function Pt(e) {
+  return typeof e == "number" ? e <= 3 ? "up" : "down" : K(e) <= 3 ? "up" : "down";
+}
+function Je(e, t) {
+  const n = t[e];
+  if (n)
+    return n;
+  console.warn("此id元素不存在");
+}
+function O(e, t) {
+  const n = {
+    multipleStaves: null,
+    singleStaff: null,
+    measure: null,
+    msSymbolContainer: null,
+    msSymbol: null
+  };
+  if (e.multipleStavesIndex !== -1) {
+    const r = t.multipleStavesArray[e.multipleStavesIndex];
+    if (n.multipleStaves = r, e.singleStaffIndex !== -1) {
+      const o = r.singleStaffArray[e.singleStaffIndex];
+      if (n.singleStaff = o, e.measureIndex !== -1) {
+        const i = o.measureArray[e.measureIndex];
+        if (n.measure = i, e.msSymbolContainerIndex !== -1) {
+          const s = i.msSymbolContainerArray[e.msSymbolContainerIndex];
+          n.msSymbolContainer = s, e.msSymbolIndex !== -1 && (n.msSymbol = s.msSymbolArray[e.msSymbolIndex]);
+        }
+      }
+    }
+  }
+  return n;
+}
+function Pn(e, t) {
+  const n = /* @__PURE__ */ new Set();
+  return e.bindingEndId.forEach((r) => {
+    n.add(r);
+  }), e.bindingStartId.forEach((r) => {
+    n.add(r);
+  }), e.msSymbolContainerArray.forEach((r, o) => {
+    r.msSymbolArray.forEach((i, s) => {
+      i.bindingEndId.forEach((u) => {
+        n.add(u);
+      }), i.bindingStartId.forEach((u) => {
+        n.add(u);
+      });
+    });
+  }), n;
+}
+function wt(e, t) {
+  let n = /* @__PURE__ */ new Set();
+  return e.measureArray.forEach((r) => {
+    const o = Pn(r);
+    n = /* @__PURE__ */ new Set([...n, ...o]);
+  }), n;
+}
+function It(e, t) {
+  t.spanSymbolArray.forEach((n) => {
+    e.has(n.id) && (n.vueKey = Date.now());
+  });
+}
+function Ze(e, t) {
+  const n = O(e.index, t).msSymbol;
+  return n || (console.error("获取主符号失败"), e);
+}
+function Qe(e, t) {
+  const n = [];
+  return e === -1 ? [] : (t.msSymbolContainerArray.forEach((r) => {
+    r.msSymbolArray.forEach((o) => {
+      if (o.type === f.NoteHead && o.beamId === e) {
+        const i = {
+          beamId: o.beamId,
+          note: o,
+          region: o.region,
+          chronaxie: o.chronaxie
+        };
+        n.push(i);
+      }
+    });
+  }), n);
+}
+function cn(e, t) {
+  e.id = t.id, e.bindingEndId = t.bindingEndId, e.bindingStartId = t.bindingStartId;
+}
+function V(e = {}) {
+  const t = {
+    id: Math.random() * Date.now() + 1,
+    msTypeName: we.MsSymbol,
+    index: {
+      multipleStavesIndex: -1,
+      singleStaffIndex: -1,
+      measureIndex: -1,
+      msSymbolContainerIndex: -1,
+      msSymbolIndex: -1
+    },
+    options: {
+      highlight: !1,
+      highlightColor: "red",
+      color: "black"
+    },
+    bindingStartId: [],
+    bindingEndId: [],
+    msSymbolArray: [],
+    vueKey: Math.random() * Date.now()
+  };
+  switch (e.type) {
+    case f.NoteHead: {
+      const n = e.region || {
+        region: C.Main,
+        type: G.Line,
+        index: 1
+      };
+      if (!e.chronaxie || ![w.whole].includes(e.chronaxie)) {
+        const r = V({
+          type: f.NoteStem,
+          direction: Pt(K(n))
+        });
+        t.msSymbolArray.push(r);
+      }
+      if (e.chronaxie && ![w.whole, w.half, w.quarter].includes(e.chronaxie)) {
+        const r = V({
+          type: f.NoteTail,
+          chronaxie: e.chronaxie || w.quarter,
+          direction: Pt(n)
+        });
+        t.msSymbolArray.push(r);
+      }
+      return {
+        ...t,
+        beamId: -1,
+        type: f.NoteHead,
+        region: n,
+        chronaxie: e.chronaxie || w.quarter
+      };
+    }
+    case f.NoteDot:
+      return {
+        ...t,
+        type: f.NoteDot,
+        octave: e.octave ?? 4
+      };
+    case f.NoteNumber: {
+      e.chronaxie && [w.whole, w.half].includes(e.chronaxie) && (console.error("noteNumber的时值最大为四分音符"), e.chronaxie = w.quarter);
+      const n = {
+        ...t,
+        type: f.NoteNumber,
+        solmization: e.solmization || L.DO,
+        chronaxie: e.chronaxie || w.quarter,
+        octave: e.octave ?? 4,
+        beamId: -1
+      };
+      if (e.chronaxie && ![w.quarter].includes(e.chronaxie)) {
+        const r = V({
+          type: f.ChronaxieReducingLine,
+          chronaxie: e.chronaxie
+        });
+        t.msSymbolArray.push(r);
+      }
+      return n;
+    }
+    case f.ChronaxieIncreasingLine:
+      return {
+        ...t,
+        type: f.ChronaxieIncreasingLine
+      };
+    case f.ChronaxieReducingLine:
+      return {
+        ...t,
+        type: f.ChronaxieReducingLine,
+        chronaxie: e.chronaxie ?? w.eighth
+      };
+    case f.Rest:
+      return {
+        ...t,
+        type: f.Rest,
+        chronaxie: e.chronaxie || w.quarter
+      };
+    case f.BarLine: {
+      const n = e.barLineType ?? U.single;
+      return U.endRepeatSign === n || U.startRepeatSign === n ? {
+        ...t,
+        type: f.BarLine,
+        barLineType: n,
+        loopCount: 2
+      } : {
+        ...t,
+        type: f.BarLine,
+        barLineType: n
+      };
+    }
+    case f.BarLine_f: {
+      const n = e.barLineType ?? U.single;
+      return U.endRepeatSign === n || U.startRepeatSign === n ? {
+        ...t,
+        type: f.BarLine_f,
+        barLineType: n,
+        loopCount: 2
+      } : {
+        ...t,
+        type: f.BarLine_f,
+        barLineType: n
+      };
+    }
+    case f.NoteStem:
+      return {
+        ...t,
+        direction: e.direction || "up",
+        type: f.NoteStem
+      };
+    case f.NoteTail:
+      return {
+        ...t,
+        type: f.NoteTail,
+        chronaxie: e.chronaxie || w.quarter,
+        beamType: ut.left,
+        direction: e.direction || "up"
+      };
+    case f.Clef_f:
+      return {
+        ...t,
+        type: f.Clef_f,
+        clef: e.clef || H.Treble
+      };
+    case f.Clef:
+      return {
+        ...t,
+        type: f.Clef,
+        clef: e.clef || H.Treble
+      };
+    case f.KeySignature:
+      return {
+        ...t,
+        type: f.KeySignature,
+        keySignature: e.keySignature || p.C
+      };
+    case f.TimeSignature:
+      return {
+        ...t,
+        type: f.TimeSignature,
+        timeSignature: e.timeSignature || {
+          beat: 1,
+          chronaxie: 4
+        }
+      };
+    case f.Accidental:
+      return {
+        ...t,
+        type: f.Accidental,
+        accidental: e.accidental || m.Sharp
+      };
+    default:
+      return console.error("type不被识别，符号模版返回noteHead"), {
+        ...t,
+        type: f.NoteHead,
+        region: e.region || {
+          region: C.Main,
+          type: G.Line,
+          index: 1
+        },
+        chronaxie: e.chronaxie || w.quarter,
+        beamId: -1
+      };
+  }
+}
+function tt(e = {}) {
+  return {
+    id: Math.random() * Date.now() + 2,
+    msSymbolArray: [],
+    type: e.type || q.variable,
+    index: {
+      multipleStavesIndex: -1,
+      singleStaffIndex: -1,
+      measureIndex: -1,
+      msSymbolContainerIndex: -1,
+      msSymbolIndex: -1
+    },
+    bindingStartId: [],
+    bindingEndId: [],
+    options: {
+      highlight: !1,
+      highlightColor: "red",
+      color: "black"
+    },
+    vueKey: Math.random() * Date.now(),
+    msTypeName: we.MsSymbolContainer
+  };
+}
+function Mt(e, t) {
+  t.map[e.id] = e;
+}
+function Ct(e, t) {
+  t.map[e] && delete t.map[e];
+}
+function je(e, t, n) {
+  t.msSymbolArray.push(e), xt(t), Mt(e, n);
+}
+function Be(e, t, n, r = "after") {
+  if (t.msTypeName === we.MsSymbol) {
+    if (typeof r == "number") {
+      console.error("以符号为定位元素添加符号时，position只可以传after或before");
+      return;
+    }
+    const s = O(t.index, n).msSymbolContainer, u = O(t.index, n).msSymbol;
+    if (!s)
+      return console.error("符号容器不存在，符号添加失败");
+    if (!u)
+      return console.error("符号不存在，符号添加失败");
+    const c = s.msSymbolArray, l = c.findIndex((a) => a === u);
+    r === "before" ? c.splice(l, 0, e) : c.splice(l + 1, 0, e), gt(s);
+  } else if (t.msTypeName === we.MsSymbolContainer) {
+    const s = t;
+    if (!s)
+      return console.error("小节不存在，符号容器添加失败");
+    const u = s.msSymbolArray;
+    if (r === -1 || typeof r == "string")
+      u.push(e);
+    else if (r >= 0 && r <= u.length)
+      u.splice(r, 0, e);
+    else {
+      console.error("索引有误，符号添加失败");
+      return;
+    }
+    gt(s);
+  }
+  if (Mt(e, n), !("index" in t))
+    return console.error("当前选中对象缺少index,符号添加失败");
+  const o = O(t.index, n).singleStaff;
+  if (!o)
+    return console.error("单谱表查找出错，符号添加失败");
+  ln(o);
+  const i = wt(o);
+  It(i, n);
+}
+function ve(e, t, n, r = "after") {
+  if (t.msTypeName === we.MsSymbolContainer) {
+    if (typeof r == "number") {
+      console.error("以符号容器为定位元素添加符号容器时，position只可以传after或before");
+      return;
+    }
+    const o = O(t.index, n).measure, i = O(t.index, n).msSymbolContainer;
+    if (!o)
+      return console.error("小节不存在，符号容器添加失败");
+    if (!i)
+      return console.error("符号容器不存在，符号容器添加失败");
+    const s = o.msSymbolContainerArray, u = s.findIndex((c) => c === i);
+    r === "before" ? s.splice(u, 0, e) : s.splice(u + 1, 0, e), et(o);
+  } else if (t.msTypeName === we.Measure) {
+    const o = t;
+    if (!o)
+      return console.error("小节不存在，符号容器添加失败");
+    const i = o.msSymbolContainerArray;
+    if (r === -1 || typeof r == "string")
+      i.push(e);
+    else if (r >= 0 && r <= i.length)
+      i.splice(r, 0, e);
+    else {
+      console.error("索引有误，符号容器添加失败");
+      return;
+    }
+    et(o);
+  }
+  Mt(e, n);
+}
+function zn(e, t) {
+  const n = O(e.index, t), r = n.measure, o = n.singleStaff;
+  if (!r || !o)
+    return console.error("索引数据出错，符号容器移除失败");
+  const i = r.msSymbolContainerArray, s = i.findIndex((c) => c === e);
+  if (s === -1)
+    return console.error("找不到目标符号容器");
+  i.splice(s, 1), Ct(e.id, t), et(r), Un(e, t);
+  const u = wt(o);
+  It(u, t);
+}
+function qn(e, t) {
+  for (let n = t.spanSymbolArray.length - 1; n >= 0; n--) {
+    const r = t.spanSymbolArray[n];
+    (e.bindingStartId.includes(r.id) || e.bindingEndId.includes(r.id)) && (un(r, t), Ct(r.id, t));
+  }
+}
+function Un(e, t) {
+  e.msSymbolArray.forEach((n) => {
+    qn(n, t);
+  });
+  for (let n = t.spanSymbolArray.length - 1; n >= 0; n--) {
+    const r = t.spanSymbolArray[n];
+    (e.bindingStartId.includes(r.id) || e.bindingEndId.includes(r.id)) && (un(r, t), Ct(r.id, t));
+  }
+}
+function un(e, t) {
+  const n = t.spanSymbolArray.indexOf(e), r = e.startTargetId, o = e.endTargetId;
+  t.spanSymbolArray.splice(n, 1);
+  const i = e.id, s = t.map[r];
+  s && "bindingStartId" in s && s.bindingStartId.indexOf(i) !== -1 && s.bindingStartId.splice(n, 1);
+  const u = t.map[o];
+  u && "bindingEndId" in u && u.bindingEndId.indexOf(i) !== -1 && u.bindingEndId.splice(n, 1);
+}
+function mt(e, t) {
+  t.direction = e, t.vueKey = Math.random() * Date.now();
+}
+function ft(e, t) {
+  t.direction = e, t.vueKey = Math.random() * Date.now();
+}
+function Vn(e, t, n) {
+  const r = [];
+  let o = "up", i = 4, s = !1;
+  for (const u in t.msSymbolContainerArray) {
+    const c = t.msSymbolContainerArray[u];
+    for (const l in c.msSymbolArray) {
+      const a = c.msSymbolArray[l];
+      if (a.type === f.NoteHead && ![w.whole, w.half, w.quarter].includes(a.chronaxie)) {
+        const g = Math.abs(K(a.region) - 4), d = Math.abs(i - 4);
+        g > d && (i = K(a.region));
+        const h = a.msSymbolArray.find((v) => v.type === f.NoteStem), y = a.msSymbolArray.find((v) => v.type === f.NoteTail);
+        y && h && a.beamId === e && (r.push({ noteStem: h, noteTail: y }), s = !0);
+      } else if (s)
+        break;
+    }
+  }
+  o = i >= 3 ? "down" : "up";
+  for (const u in r) {
+    const c = r[u].noteStem, l = r[u].noteTail;
+    mt(o, c), ft(o, l);
+  }
+}
+z.C, m.None, z.C, m.Sharp, z.D, m.None, z.D, m.Sharp, z.E, m.None, z.F, m.None, z.F, m.Sharp, z.G, m.None, z.G, m.Sharp, z.A, m.None, z.A, m.Sharp, z.B, m.None;
+const $n = {
+  [p.Cb]: 59,
+  // Cb = B (比 C 小一半音)
+  [p.Gb]: 66,
+  // Gb = F#
+  [p.Db]: 61,
+  // Db = C#
+  [p.Ab]: 68,
+  // Ab = G#
+  [p.Eb]: 63,
+  // Eb = D#
+  [p.Bb]: 70,
+  // Bb = A#
+  [p.F]: 65,
+  // F
+  [p.C]: 60,
+  // C
+  [p.G]: 67,
+  // G
+  [p.D]: 62,
+  // D
+  [p.A]: 69,
+  // A
+  [p.E]: 64,
+  // E
+  [p.B]: 71,
+  // B
+  "F#": 66,
+  // F#
+  "C#": 61
+  // C#
+};
+function Zn(e, t, n, r) {
+  const o = $n[n];
+  let s = {
+    [L.DO]: 0,
+    [L.RE]: 2,
+    [L.MI]: 4,
+    [L.FA]: 5,
+    [L.SOL]: 7,
+    [L.LA]: 9,
+    [L.TI]: 11
+  }[e];
+  switch (t) {
+    case m.Sharp:
+      s += 1;
+      break;
+    case m.Flat:
+      s -= 1;
+      break;
+    case m.DoubleSharp:
+      s += 2;
+      break;
+    case m.DoubleFlat:
+      s -= 2;
+      break;
+    case m.None:
+      break;
+  }
+  return o + (r - 4) * 12 + s;
+}
+m.Natural, m.Sharp, m.Flat;
+m.Natural, m.Flat, m.Sharp;
+function Qn(e, t, n = m.Sharp) {
+  const r = ["C", "D", "E", "F", "G", "A", "B"], o = {
+    0: ["C", m.None],
+    1: ["C", m.Sharp],
+    2: ["D", m.None],
+    3: ["D", m.Sharp],
+    4: ["E", m.None],
+    5: ["F", m.None],
+    6: ["F", m.Sharp],
+    7: ["G", m.None],
+    8: ["G", m.Sharp],
+    9: ["A", m.None],
+    10: ["A", m.Sharp],
+    11: ["B", m.None]
+  }, i = {
+    0: ["C", m.None],
+    1: ["D", m.Flat],
+    // Db
+    2: ["D", m.None],
+    3: ["E", m.Flat],
+    // Eb
+    4: ["E", m.None],
+    5: ["F", m.None],
+    6: ["G", m.Flat],
+    // Gb
+    7: ["G", m.None],
+    8: ["A", m.Flat],
+    // Ab
+    9: ["A", m.None],
+    10: ["B", m.Flat],
+    // Bb
+    11: ["B", m.None]
+  }, s = n === m.Sharp ? o : i, u = (e % 12 + 12) % 12, [c, l] = s[u], a = Math.floor(e / 12) - 1, g = r.indexOf(c), d = a * 7 + g;
+  function h(B, te) {
+    const ye = r.indexOf(B);
+    return te * 7 + ye;
+  }
+  const y = {
+    [H.Treble]: { diatonic: h("G", 4), staffStep: 2 },
+    // G4 -> main_line2
+    [H.MezzoSoprano]: { diatonic: h("C", 4), staffStep: 2 },
+    // C4 -> main_line2
+    [H.Alto]: { diatonic: h("C", 4), staffStep: 4 },
+    // C4 -> main_line3
+    [H.Tenor]: { diatonic: h("C", 4), staffStep: 6 },
+    // C4 -> main_line4
+    [H.BaritoneF]: { diatonic: h("F", 3), staffStep: 4 },
+    // 取 F3 -> main_line3（可调整）
+    [H.BaritoneC]: { diatonic: h("C", 4), staffStep: 8 },
+    // C4 -> main_line5
+    [H.Bass]: { diatonic: h("F", 3), staffStep: 6 },
+    // F3 -> main_line4
+    [H.Subbass]: { diatonic: h("F", 2), staffStep: 6 }
+    // F2 -> main_line4（可调整）
+  }, v = y[t] ?? y[H.Treble], k = d - v.diatonic + v.staffStep;
+  let I, N, A;
+  if (k >= 0 && k <= 8)
+    I = C.Main, k % 2 === 0 ? (N = G.Line, A = Math.floor(k / 2) + 1) : (N = G.Space, A = Math.floor((k + 1) / 2));
+  else if (k < 0) {
+    I = C.Lower;
+    const B = -k;
+    B % 2 === 1 ? (N = G.Space, A = Math.floor((B + 1) / 2)) : (N = G.Line, A = B / 2);
+  } else {
+    I = C.Upper;
+    const B = k - 8;
+    B % 2 === 1 ? (N = G.Space, A = Math.floor((B + 1) / 2)) : (N = G.Line, A = B / 2);
+  }
+  return { staffRegion: {
+    region: I,
+    type: N,
+    index: A
+  }, accidental: l };
+}
+const Xn = {
+  // 高音谱号（G 谱号，G4 在第 2 线）
+  [H.Treble]: {
+    [C.Main]: 64,
+    // main_line_1 = E4
+    [C.Upper]: 79,
+    // upper_space_1 = G5
+    [C.Lower]: 62
+    // lower_space_1 = D4
+  },
+  // 次女高音谱号（Mezzo-soprano C 谱号，C4 在第 2 线）
+  [H.MezzoSoprano]: {
+    [C.Main]: 57,
+    // main_line_1 = A3
+    [C.Upper]: 72,
+    // upper_space_1 = C5
+    [C.Lower]: 55
+    // lower_space_1 = G3
+  },
+  // 中音谱号（Alto C 谱号，C4 在第 3 线）
+  [H.Alto]: {
+    [C.Main]: 53,
+    // main_line_1 = F3
+    [C.Upper]: 69,
+    // upper_space_1 = A4
+    [C.Lower]: 52
+    // lower_space_1 = E3
+  },
+  // 次男高音谱号（Tenor C 谱号，C4 在第 4 线）
+  [H.Tenor]: {
+    [C.Main]: 50,
+    // main_line_1 = D3
+    [C.Upper]: 65,
+    // upper_space_1 = F4
+    [C.Lower]: 48
+    // lower_space_1 = C3
+  },
+  // 男中音 F 谱号（Baritone F，常把 F 放第 3 线）
+  [H.BaritoneF]: {
+    [C.Main]: 47,
+    // main_line_1 = B2
+    [C.Upper]: 62,
+    // upper_space_1 = D4
+    [C.Lower]: 45
+    // lower_space_1 = A2
+  },
+  // 男中音 C 谱号（Baritone C，C4 在第 5 线）
+  [H.BaritoneC]: {
+    [C.Main]: 53,
+    // main_line_1 = F3
+    [C.Upper]: 62,
+    // upper_space_1 = D4 (C4 在 line5, 所以上方第一个间是 D4)
+    [C.Lower]: 52
+    // lower_space_1 = E3
+  },
+  // 低音谱号（Bass, F 谱号，F3 在第 4 线）
+  [H.Bass]: {
+    [C.Main]: 43,
+    // main_line_1 = G2
+    [C.Upper]: 60,
+    // upper_space_1 = C4
+    [C.Lower]: 41
+    // lower_space_1 = F2
+  },
+  // 次低音谱号（Subbass）——这里采用常见约定：F 在第 5 线 (F2)
+  [H.Subbass]: {
+    [C.Main]: 28,
+    // main_line_1 = E1  （五线最下面一线非常低）
+    [C.Upper]: 43,
+    // upper_space_1 = G2
+    [C.Lower]: 26
+    // lower_space_1 = D1
+  }
+}, Kn = [2, 2, 1, 2, 2, 2, 1], Jn = {
+  0: 0,
+  // C
+  2: 1,
+  // D
+  4: 2,
+  // E
+  5: 3,
+  // F
+  7: 4,
+  // G
+  9: 5,
+  // A
+  11: 6
+  // B
+};
+function _n(e, t) {
+  return t = (t % e.length + e.length) % e.length, e.slice(t).concat(e.slice(0, t));
+}
+function Yn(e, t, n) {
+  const r = Xn[n];
+  if (!r || typeof r[C.Main] != "number")
+    throw new Error(`No clef mapping for clef ${n}. please add clefMidiMap entry.`);
+  const o = r[C.Main], { region: i, type: s, index: u } = e;
+  if (u < 1)
+    throw new Error("StaffRegion.index should be >= 1");
+  let c;
+  if (i === C.Main)
+    c = (u - 1) * 2 + (s === G.Space ? 1 : 0);
+  else if (i === C.Upper)
+    c = 8 + (u - 1) * 2 + (s === G.Space ? 1 : 2);
+  else if (i === C.Lower)
+    c = -((u - 1) * 2 + (s === G.Space ? 1 : 2));
+  else
+    throw new Error("Unknown StaffRegionEnum: " + i);
+  const l = (o % 12 + 12) % 12;
+  let a = Jn[l];
+  a === void 0 && (a = 0);
+  const g = _n(Kn, a);
+  let d = 0;
+  if (c > 0)
+    for (let y = 0; y < c; y++)
+      d += g[y % g.length];
+  else if (c < 0) {
+    const y = Math.abs(c);
+    for (let v = 0; v < y; v++)
+      (g.length - 1 - v) % g.length, d -= g[(g.length - 1 - v % 7) % g.length];
+  }
+  let h = 0;
+  switch (t) {
+    case m.Sharp:
+      h = 1;
+      break;
+    case m.Flat:
+      h = -1;
+      break;
+    case m.DoubleSharp:
+      h = 2;
+      break;
+    case m.DoubleFlat:
+      h = -2;
+      break;
+    default:
+      h = 0;
+  }
+  return o + d + h;
+}
+m.Natural, m.Sharp, m.Flat;
+m.Natural, m.Flat, m.Sharp;
+const En = {
+  [p.Cb]: 59,
+  // Cb = B (比 C 小一半音)
+  [p.Gb]: 66,
+  // Gb = F#
+  [p.Db]: 61,
+  // Db = C#
+  [p.Ab]: 68,
+  // Ab = G#
+  [p.Eb]: 63,
+  // Eb = D#
+  [p.Bb]: 70,
+  // Bb = A#
+  [p.F]: 65,
+  // F
+  [p.C]: 60,
+  // C
+  [p.G]: 67,
+  // G
+  [p.D]: 62,
+  // D
+  [p.A]: 69,
+  // A
+  [p.E]: 64,
+  // E
+  [p.B]: 71,
+  // B
+  "F#": 66,
+  // F#
+  "C#": 61
+  // C#
+}, er = {
+  0: {
+    sharp: { solmization: L.DO, accidental: m.None },
+    flat: { solmization: L.DO, accidental: m.None }
+  },
+  1: {
+    sharp: { solmization: L.DO, accidental: m.Sharp },
+    flat: { solmization: L.RE, accidental: m.Flat }
+  },
+  2: {
+    sharp: { solmization: L.RE, accidental: m.None },
+    flat: { solmization: L.RE, accidental: m.None }
+  },
+  3: {
+    sharp: { solmization: L.RE, accidental: m.Sharp },
+    flat: { solmization: L.MI, accidental: m.Flat }
+  },
+  4: {
+    sharp: { solmization: L.MI, accidental: m.None },
+    flat: { solmization: L.MI, accidental: m.None }
+  },
+  5: {
+    sharp: { solmization: L.FA, accidental: m.None },
+    flat: { solmization: L.FA, accidental: m.None }
+  },
+  6: {
+    sharp: { solmization: L.FA, accidental: m.Sharp },
+    flat: { solmization: L.SOL, accidental: m.Flat }
+  },
+  7: {
+    sharp: { solmization: L.SOL, accidental: m.None },
+    flat: { solmization: L.SOL, accidental: m.None }
+  },
+  8: {
+    sharp: { solmization: L.SOL, accidental: m.Sharp },
+    flat: { solmization: L.LA, accidental: m.Flat }
+  },
+  9: {
+    sharp: { solmization: L.LA, accidental: m.None },
+    flat: { solmization: L.LA, accidental: m.None }
+  },
+  10: {
+    sharp: { solmization: L.LA, accidental: m.Sharp },
+    flat: { solmization: L.TI, accidental: m.Flat }
+  },
+  11: {
+    sharp: { solmization: L.TI, accidental: m.None },
+    flat: { solmization: L.TI, accidental: m.None }
+  }
+};
+function tr(e, t, n = m.Sharp) {
+  const r = En[t], o = e - r, i = (o % 12 + 12) % 12, s = Math.floor(o / 12) + 4, u = er[i], c = n === m.Sharp ? u.sharp : u.flat;
+  return {
+    solmization: c.solmization,
+    accidental: c.accidental,
+    octave: s
+  };
+}
+function nr(e) {
+  e.showMode = Ve.numberNotation;
+  for (let t = 0; t < e.multipleStavesArray.length; t++) {
+    const n = e.multipleStavesArray[t];
+    for (let r = 0; r < n.singleStaffArray.length; r++) {
+      const o = n.singleStaffArray[r];
+      for (let i = 0; i < o.measureArray.length; i++) {
+        const s = o.measureArray[i];
+        for (let u = 0; u < s.msSymbolContainerArray.length; u++) {
+          const c = s.msSymbolContainerArray[u];
+          for (let l = 0; l < c.msSymbolArray.length; l++) {
+            const a = c.msSymbolArray[l];
+            if (a.type === f.NoteHead) {
+              const g = V({ type: f.NoteNumber, chronaxie: w.quarter });
+              cn(g, a);
+              const { accidental: d, measureAccidental: h } = an(a, e);
+              let y = d;
+              h && y === m.Natural && (y = h);
+              const v = vt(a, e), k = sn(a, e), I = Yn(a.region, y, v), N = tr(I, k);
+              if (g.solmization = N.solmization, g.octave = N.octave, g.msSymbolArray = [], [w.whole, w.half, w.quarter].includes(a.chronaxie) || (g.chronaxie = a.chronaxie), c.msSymbolArray.splice(l, 1), Be(g, c, e, l), N.octave !== 4) {
+                const A = V({ type: f.NoteDot, octave: N.octave });
+                je(A, g, e);
+              }
+              if (![w.whole, w.half, w.quarter].includes(g.chronaxie)) {
+                const A = V({ type: f.ChronaxieReducingLine, chronaxie: g.chronaxie });
+                je(A, g, e);
+              }
+              if (N.accidental) {
+                const A = V({
+                  type: f.Accidental,
+                  accidental: N.accidental
+                });
+                je(A, g, e);
+              }
+            }
+            if (a.type === f.NoteHead) {
+              if (a.chronaxie === w.whole) {
+                for (let g = 0; g < 3; g++) {
+                  const d = V({ type: f.ChronaxieIncreasingLine }), h = tt({ type: q.variable });
+                  ve(h, c, e, "after"), Be(d, h, e, "after");
+                }
+                u += 3;
+              } else if (a.chronaxie === w.half) {
+                const g = V({ type: f.ChronaxieIncreasingLine }), d = tt({ type: q.variable });
+                ve(d, c, e, "after"), Be(g, d, e, "after"), u += 1;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+function rr(e) {
+  var t;
+  for (let n = 0; n < e.multipleStavesArray.length; n++) {
+    const r = e.multipleStavesArray[n];
+    for (let o = 0; o < r.singleStaffArray.length; o++) {
+      const i = r.singleStaffArray[o];
+      for (let s = 0; s < i.measureArray.length; s++) {
+        const u = i.measureArray[s];
+        for (let c = 0; c < u.msSymbolContainerArray.length; c++) {
+          const l = u.msSymbolContainerArray[c];
+          for (let a = 0; a < l.msSymbolArray.length; a++) {
+            const g = l.msSymbolArray[a];
+            if (g.type === f.ChronaxieIncreasingLine) {
+              zn(l, e), c--;
+              continue;
+            }
+            if (g.type === f.NoteNumber) {
+              const d = V({ type: f.NoteHead });
+              cn(d, g);
+              const { accidental: h, measureAccidental: y } = an(g, e);
+              let v = h;
+              y && v === m.Natural && (v = y);
+              const k = vt(g, e), I = sn(g, e), N = Zn(g.solmization, v, I, g.octave), A = Qn(N, k);
+              if (d.region = A.staffRegion, d.vueKey = Date.now(), d.msSymbolArray = [], g.chronaxie === w.quarter) {
+                let j = 0;
+                for (let B = c + 1; B < u.msSymbolContainerArray.length && ((t = u.msSymbolContainerArray[B]) == null ? void 0 : t.msSymbolArray[0]).type === f.ChronaxieIncreasingLine; B++)
+                  j++;
+                j === 0 ? d.chronaxie = w.quarter : j === 1 ? d.chronaxie = w.half : j === 3 && (d.chronaxie = w.whole);
+              } else
+                d.chronaxie = g.chronaxie;
+              if (l.msSymbolArray.splice(a, 1), Be(d, l, e, a), A.accidental) {
+                const j = V({
+                  type: f.Accidental,
+                  accidental: A.accidental
+                });
+                je(j, d, e);
+              }
+              if (Bn(d.chronaxie)) {
+                const j = V({ type: f.NoteStem });
+                j.index = d.index, je(j, d, e);
+              }
+              if (jn(d.chronaxie)) {
+                const j = V({
+                  type: f.NoteTail,
+                  chronaxie: d.chronaxie
+                });
+                je(j, d, e);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  e.showMode = Ve.standardStaff;
+}
+H.Treble + "", H.MezzoSoprano + "", H.Alto + "", H.Tenor + "", H.BaritoneF + "", H.BaritoneC + "", H.Bass + "", H.Subbass + "";
+m.Natural, m.Sharp, m.Flat;
+m.Natural, m.Flat, m.Sharp;
+z.C + "", z.D + "", z.E + "", z.F + "", z.G + "", z.A + "", z.B + "";
+m.None + "", m.Sharp + "", m.Flat + "", m.DoubleFlat + "", m.DoubleSharp + "";
+const co = {
+  [p.Cb]: 11,
+  // B
+  [p.Gb]: 6,
+  // Gb
+  [p.Db]: 1,
+  // Db
+  [p.Ab]: 8,
+  // Ab
+  [p.Eb]: 3,
+  // Eb
+  [p.Bb]: 10,
+  // Bb
+  [p.F]: 5,
+  // F
+  [p.C]: 0,
+  // C
+  [p.G]: 7,
+  // G
+  [p.D]: 2,
+  // D
+  [p.A]: 9,
+  // A
+  [p.E]: 4,
+  // E
+  [p.B]: 11,
+  // B
+  [p["F#"]]: 6,
+  // F#
+  [p["C#"]]: 1
+  // C#
+}, Q = {
+  [f.NoteHead]: {
+    containerType: q.variable,
+    aspectRatio: 1,
+    widthRatioConstant: 1,
+    category: P.singleMeasure,
+    heightMultiplier: 0.25,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.NoteNumber]: {
+    containerType: q.variable,
+    aspectRatio: 1,
+    widthRatioConstant: 1,
+    category: P.singleMeasure,
+    heightMultiplier: 1,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.NoteDot]: {
+    aspectRatio: {
+      // heightMultiplier除以1，保证宽度不变
+      0: 1 / 0.7,
+      1: 1 / 0.5,
+      2: 1 / 0.3,
+      3: 1 / 0.1,
+      5: 1 / 0.1,
+      6: 1 / 0.3,
+      7: 1 / 0.5,
+      8: 1 / 0.7
+    },
+    category: P.singleMeasure,
+    widthRatioConstant: 0,
+    heightMultiplier: {
+      0: 0.7,
+      1: 0.5,
+      2: 0.3,
+      3: 0.1,
+      5: 0.1,
+      6: 0.3,
+      7: 0.5,
+      8: 0.7
+    },
+    space: {
+      top: 0.1,
+      bottom: 0.1,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.ChronaxieIncreasingLine]: {
+    containerType: q.variable,
+    aspectRatio: 5,
+    widthRatioConstant: 1,
+    category: P.singleMeasure,
+    heightMultiplier: 0.1,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.ChronaxieReducingLine]: {
+    aspectRatio: {
+      // 1 除以heightMultiplier，保持宽度不变
+      [w.eighth]: 1 / 0.1,
+      // 7 flats
+      [w.sixteenth]: 1 / 0.15,
+      // 7 flats
+      [w.thirtySecond]: 1 / 0.2,
+      // 6 flats
+      [w.sixtyFourth]: 1 / 0.25
+      // 6 flats
+    },
+    category: P.singleMeasure,
+    widthRatioConstant: 0,
+    heightMultiplier: {
+      [w.eighth]: 0.1,
+      // 7 flats
+      [w.sixteenth]: 0.15,
+      // 7 flats
+      [w.thirtySecond]: 0.2,
+      // 6 flats
+      [w.sixtyFourth]: 0.25
+      // 6 flats
+    },
+    space: {
+      top: 0,
+      bottom: 0.1,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.NoteStem]: {
+    // 有些纯粹的符号跟随类型是没有符号容器类型的
+    aspectRatio: 0.05,
+    category: P.singleMeasure,
+    widthRatioConstant: 0,
+    heightMultiplier: 0.75,
+    // 符杠的height是动态的，这里只是最小高度
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.NoteTail]: {
+    aspectRatio: {
+      [w.eighth]: 0.5,
+      // 7 flats
+      [w.sixteenth]: 0.5
+      // 6 flats
+    },
+    category: P.singleMeasure,
+    widthRatioConstant: 0,
+    heightMultiplier: 0.5,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.Rest]: {
+    // 休止符： 占位比例等于音符头
+    containerType: q.variable,
+    aspectRatio: 0.25,
+    widthRatioConstant: 1,
+    category: P.singleMeasure,
+    heightMultiplier: 1,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.Slur]: {
+    // 圆滑线：跨音符装饰线，不占宽度
+    category: P.multipleMeasure,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.Tie]: {
+    // 延音线：连接两个音符，不影响宽度
+    category: P.multipleMeasure,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.DurationDot]: {
+    // 附点：相对于音符有一点影响
+    aspectRatio: 1,
+    category: P.singleMeasure,
+    widthRatioConstant: 0.5,
+    heightMultiplier: 0.1,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.Accidental]: {
+    aspectRatio: 1,
+    category: P.singleMeasure,
+    widthRatioConstant: 0.5,
+    heightMultiplier: 0.4,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.Tuplet]: {
+    // 连音记号
+    category: P.multipleMeasure,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.Clef]: {
+    // 谱号
+    containerType: q.rearFixed,
+    aspectRatio: 0.6,
+    category: P.singleMeasure,
+    heightMultiplier: 1,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.Clef_f]: {
+    // 前置谱号
+    containerType: q.frontFixed,
+    aspectRatio: 0.6,
+    category: P.singleMeasure,
+    heightMultiplier: 1,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.TimeSignature]: {
+    containerType: q.frontFixed,
+    aspectRatio: 0.6,
+    category: P.singleMeasure,
+    heightMultiplier: 1,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.KeySignature]: {
+    containerType: q.frontFixed,
+    aspectRatio: {
+      [p.Cb]: 0.4 * 7,
+      // 7 flats
+      [p.Gb]: 0.4 * 6,
+      // 6 flats
+      [p.Db]: 0.4 * 5,
+      // 5 flats
+      [p.Ab]: 0.4 * 4,
+      // 4 flats
+      [p.Eb]: 0.4 * 3,
+      // 3 flats
+      [p.Bb]: 0.4 * 2,
+      // 2 flats
+      [p.F]: 0.4,
+      // 1 flat
+      [p.C]: 0,
+      // 0
+      [p.G]: 0.4,
+      // 1 sharp
+      [p.D]: 0.4 * 2,
+      // 2 sharps
+      [p.A]: 0.4 * 3,
+      // 3 sharps
+      [p.E]: 0.4 * 4,
+      // 4 sharps
+      [p.B]: 0.4 * 5,
+      // 5 sharps
+      [p["F#"]]: 0.4 * 6,
+      // 6 sharps
+      [p["C#"]]: 0.4 * 7
+      // 7 sharps
+    },
+    category: P.singleMeasure,
+    heightMultiplier: 1,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.BarLine]: {
+    containerType: q.rearFixed,
+    aspectRatio: {
+      [U.single]: 1 / 50,
+      // 7 flats
+      [U.final]: 2 / 5,
+      // 7 flats
+      [U.reverseFinal]: 2 / 5,
+      // 7 flats
+      [U.startRepeatSign]: 3 / 5,
+      // 7 flats
+      [U.endRepeatSign]: 3 / 5
+      // 7 flats
+    },
+    category: P.singleMeasure,
+    heightMultiplier: 1,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  },
+  [f.BarLine_f]: {
+    containerType: q.frontFixed,
+    aspectRatio: {
+      [U.single]: 1 / 400,
+      // 7 flats
+      [U.final]: 2 / 5,
+      // 7 flats
+      [U.reverseFinal]: 2 / 5,
+      // 7 flats
+      [U.startRepeatSign]: 3 / 5,
+      // 7 flats
+      [U.endRepeatSign]: 3 / 5
+      // 7 flats
+    },
+    category: P.singleMeasure,
+    heightMultiplier: 1,
+    space: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  }
+};
+function gn(e) {
+  let t = 0;
+  const n = Q[e.type];
+  if ("widthRatioConstant" in n && (t += n.widthRatioConstant), e.msSymbolArray)
+    for (let r = 0; r < e.msSymbolArray.length; r++) {
+      const o = e.msSymbolArray[r], i = Q[o.type];
+      "widthRatioConstant" in i && (t += i.widthRatioConstant);
+    }
+  return t;
+}
+function At(e) {
+  let t = 0;
+  if (e.msSymbolArray)
+    for (let n = 0; n < e.msSymbolArray.length; n++) {
+      const r = e.msSymbolArray[n], o = gn(r);
+      t < o && (t = o);
+    }
+  return t;
+}
+function Ie(e, t) {
+  let n = 0;
+  for (let r = 0; r < e.msSymbolContainerArray.length; r++) {
+    const o = e.msSymbolContainerArray[r];
+    if (t && o === t)
+      return n;
+    n += At(o);
+  }
+  return n === 0 ? 1 : n;
+}
+function dn(e, t, n) {
+  let r = 0;
+  for (let o = 0; o < e.measureArray.length; o++) {
+    const i = e.measureArray[o];
+    r += Ie(i, n);
+  }
+  return r;
+}
+const uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getWidthConstantInMeasure: Ie,
+  getWidthConstantInMsSymbol: gn,
+  getWidthConstantInMsSymbolContainer: At,
+  getWidthConstantInSingleStaff: dn
+}, Symbol.toStringTag, { value: "Module" }));
+function or(e) {
+  const t = Q[e.type];
+  if ("aspectRatio" in t && typeof t.aspectRatio == "object") {
+    if (e.type === b.KeySignature)
+      return t.aspectRatio[e.keySignature];
+    if (e.type === b.BarLine || e.type === b.BarLine_f)
+      return t.aspectRatio[e.barLineType];
+    if (e.type === b.NoteTail)
+      return t.aspectRatio[e.chronaxie];
+    if (e.type === b.NoteDot)
+      return t.aspectRatio[e.octave];
+    if (e.type === b.ChronaxieReducingLine)
+      return t.aspectRatio[e.chronaxie];
+  }
+  return console.error("符号有误或符号不是复合aspectRatio类型"), 0;
+}
+function Ae(e) {
+  if (!(e != null && e.type))
+    return console.error("缺少符号传参，宽高比获取失败"), 1;
+  const t = Q[e.type];
+  return "aspectRatio" in t && typeof t.aspectRatio == "number" ? t.aspectRatio : "aspectRatio" in t && typeof t.aspectRatio == "object" ? or(e) : (console.error("未找到符号对应宽高比"), 1);
+}
+function ir(e) {
+  const t = Q[e.type];
+  if ("heightMultiplier" in t && typeof t.heightMultiplier == "object") {
+    if (e.type === b.ChronaxieReducingLine)
+      return t.heightMultiplier[e.chronaxie];
+    if (e.type === b.NoteDot)
+      return t.heightMultiplier[e.octave];
+  }
+  return console.error("符号有误或符号不是复合heightMultiplier类型"), 0;
+}
+function ot(e) {
+  if (!(e != null && e.type))
+    return console.error("缺少符号传参，高度乘数获取失败"), 1;
+  const t = Q[e.type];
+  return "heightMultiplier" in t && typeof t.heightMultiplier == "number" ? t.heightMultiplier : "heightMultiplier" in t && typeof t.heightMultiplier == "object" ? ir(e) : 1;
+}
+function ze(e, t) {
+  const n = Q[e.type], r = t.measureHeight;
+  return {
+    top: n.space.top * r,
+    bottom: n.space.bottom * r,
+    left: n.space.left * r,
+    right: n.space.right * r
+  };
+}
+const go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getHeightMultiplier: ot,
+  getMsSymbolAspectRatio: Ae,
+  getSpace: ze
+}, Symbol.toStringTag, { value: "Module" }));
+function kt(e, t) {
+  return t * ((K(e) - 1) * 2) / 16;
+}
+function Lt(e, t) {
+  const n = O(e.index, t).msSymbol, r = t.measureHeight;
+  switch (e == null ? void 0 : e.type) {
+    case f.NoteStem:
+      return e.direction === "up" ? r / 8 : -ee(e, t) + r / 8;
+    case f.NoteTail: {
+      de(e, t);
+      const o = n == null ? void 0 : n.msSymbolArray.find((c) => c.type === f.NoteStem);
+      if (!o)
+        return console.error("找不到符杠，符尾bottom计算失败"), 0;
+      const i = r * 1 / 8, s = ee(e, t), u = ee(o, t);
+      return e.direction === "up" ? u - s + i : -u + i;
+    }
+    case f.NoteDot: {
+      Q[f.NoteDot];
+      const o = ze(e, t).bottom, i = ze(e, t).top, s = Ze(e, t);
+      let u = 0;
+      const c = s.msSymbolArray.find((a) => a.type === f.ChronaxieReducingLine);
+      let l = 0;
+      return c && (l = ze(c, t).bottom, u = ee(c, t)), [0, 1, 2, 3].includes(e.octave) ? -ee(e, t) - o - u - l : [5, 6, 7, 8].includes(e.octave) ? r + i : 0;
+    }
+    case f.ChronaxieIncreasingLine: {
+      const s = Q[f.ChronaxieIncreasingLine].heightMultiplier * r;
+      return r / 2 - s / 2;
+    }
+    case f.ChronaxieReducingLine: {
+      Q[f.ChronaxieReducingLine];
+      const o = ot(e), i = ze(e, t).bottom;
+      return -(o * r) - i;
+    }
+    default:
+      return 0;
+  }
+}
+function de(e, t) {
+  var o;
+  if (!e) return 0;
+  const n = t.measureHeight, r = (o = O(e.index, t)) == null ? void 0 : o.msSymbol;
+  switch (r.type) {
+    case f.NoteHead: {
+      if (!r || t.showMode === Ve.numberNotation) return 0;
+      const i = r.region;
+      return kt(i, n);
+    }
+    default:
+      return 0;
+  }
+}
+function mn(e, t, n = !0) {
+  let r = 0;
+  t.measureHeight;
+  for (let o of e.msSymbolArray) {
+    const i = de(o, t), s = ee(o, t), u = i + s;
+    n ? r = Math.max(u, r) : r = Math.max(i, r);
+  }
+  return r;
+}
+function fn(e, t) {
+  let n = 1e4;
+  for (let r of e.msSymbolArray) {
+    const o = de(r, t);
+    n = Math.min(o, n);
+  }
+  return n;
+}
+function nt(e, t, n = !0) {
+  let r = 0;
+  for (let o of e.msSymbolContainerArray) {
+    const i = mn(o, t, n);
+    r = Math.max(i, r);
+  }
+  return r;
+}
+function hn(e, t) {
+  let n = 1e4;
+  for (let r of e.msSymbolContainerArray) {
+    const o = fn(r, t);
+    n = Math.min(o, n);
+  }
+  return n;
+}
+function ar(e, t, n = !0) {
+  let r = 0;
+  for (let o of e.measureArray) {
+    const i = nt(o, t, n);
+    r = Math.max(i, r);
+  }
+  return r;
+}
+function sr(e, t) {
+  let n = 1e4;
+  for (let r of e.measureArray) {
+    const o = hn(r, t);
+    n = Math.min(o, n);
+  }
+  return n;
+}
+function ht(e, t, n) {
+  let r = 0;
+  return Wn(t, {
+    level: "multipleStaves",
+    order: "asc",
+    callback: ({ multipleStaves: o }) => {
+      if (!o) return !0;
+      r += o.multipleStavesPaddingTop;
+      for (let i of o.singleStaffArray) {
+        r += i.singleStaffPaddingTop + t.measureHeight;
+        for (let s of i.measureArray)
+          if (s === e)
+            return !0;
+        r += i.singleStaffPaddingBottom + i.singleStaffMarginBottom;
+      }
+      return r += o.multipleStavesPaddingBottom + o.multipleStavesMarginBottom, !1;
+    }
+  }), n - r;
+}
+const mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getMaxMsSymbolBottomInMeasure: nt,
+  getMaxMsSymbolBottomInMsSymbolContainer: mn,
+  getMaxMsSymbolBottomInSingleStaff: ar,
+  getMeasureBottomToMusicScore: ht,
+  getMinMsSymbolBottomInMeasure: hn,
+  getMinMsSymbolBottomInMsSymbolContainer: fn,
+  getMinMsSymbolBottomInSingleStaff: sr,
+  getMsSymbolBottomToSlot: Lt,
+  getSlotBottomToMeasure: de,
+  staffRegionToBottom: kt
+}, Symbol.toStringTag, { value: "Module" }));
+function yn(e, t) {
+  const n = O(e.index, t).msSymbol, r = Q[e == null ? void 0 : e.type], o = t.measureHeight;
+  let i = 0;
+  if ("heightMultiplier" in r) {
+    const l = r.heightMultiplier;
+    i = o * l;
+  }
+  const s = o * 1 / 8, u = O(n.index, t).measure;
+  if (!u)
+    return console.error("索引找不到measure,符杠height计算失败"), 0;
+  const c = Qe(n.beamId, u);
+  if (n.beamId === -1 || !c || c.length === 0) {
+    const l = de(e, t);
+    return e.direction === "up" ? Math.max(i, Math.abs(l) + i - s) : Math.max(i, Math.abs(l) - o + i + s);
+  } else {
+    const l = de(e, t);
+    if (e.direction === "up") {
+      const a = c.reduce((d, h) => {
+        const y = d, v = h.note;
+        return K(y.region) < K(v.region) ? h.note : d;
+      }, c[0].note), g = de(a, t);
+      return K(a.region) > 0 ? a === n ? i : -l + g + i : -l - s + i;
+    } else {
+      const a = c.reduce((d, h) => {
+        const y = d, v = h.note;
+        return K(y.region) > K(v.region) ? v : d;
+      }, c[0].note), g = de(a, t);
+      return K(a.region) < 8 ? a === n ? i : l - g + i : l - o + s + i;
+    }
+  }
+}
+function ee(e, t) {
+  Q[e == null ? void 0 : e.type];
+  const n = t.measureHeight, r = ot(e);
+  switch (e.type) {
+    case b.NoteStem:
+      return yn(e, t);
+    default:
+      return n * r;
+  }
+}
+const fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getMsSymbolHeight: ee,
+  getNoteStemHeight: yn
+}, Symbol.toStringTag, { value: "Module" }));
+function Ue(e, t) {
+  let n = 0;
+  for (let r = 0; r < e.msSymbolArray.length; r++) {
+    const o = e.msSymbolArray[r], i = Q[o.type];
+    let s = 0;
+    "aspectRatio" in i && typeof i.aspectRatio == "number" ? s += i.aspectRatio * t : "aspectRatio" in i && typeof i.aspectRatio == "object" ? o.type === f.KeySignature ? s += i.aspectRatio[o.keySignature] * t : (o.type === f.BarLine || o.type === f.BarLine_f) && (s += i.aspectRatio[o.barLineType] * t) : console.error("符号的svg宽高比不存在"), n < s && (n = s);
+  }
+  return n;
+}
+function me(e, t, n, r, o) {
+  const i = r.measureHeight;
+  if (!e || !t)
+    return console.error("缺少必要的参数，坐标计算出错"), 0;
+  let s = 0;
+  const u = e.type;
+  if ([q.frontFixed, q.rearFixed].includes(u))
+    s = Ue(e, i);
+  else {
+    const c = ae(t, i), l = Ie(t), a = At(e);
+    s = (Me(t, n, r, o) - c) / l * a;
+  }
+  return s;
+}
+function Me(e, t, n, r) {
+  const o = dn(t, n.showMode), i = Ie(e), s = pn(t, n.measureHeight, n.showMode), u = ae(e, n.measureHeight), c = t.measureArray.length, l = r - s, a = l / o * n.widthDynamicRatio, g = l * (1 - n.widthDynamicRatio) / c;
+  return a * i + u + g;
+}
+function ae(e, t, n = "all", r) {
+  let o = 0;
+  for (let i = 0; i < e.msSymbolContainerArray.length; i++) {
+    const s = e.msSymbolContainerArray[i];
+    if (r && r === s)
+      return o;
+    const u = s.type;
+    (n === "all" && [q.frontFixed, q.rearFixed].includes(u) || n === "front" && [q.frontFixed].includes(u) || n === "rear" && [q.rearFixed].includes(u)) && (o += Ue(s, t));
+  }
+  return o;
+}
+function pn(e, t, n, r = "all", o) {
+  let i = 0;
+  return e.measureArray.forEach((s) => {
+    i += ae(s, t, r, o);
+  }), i;
+}
+function Dt(e, t, n, r, o, i, s) {
+  const u = Ae(e), c = ee(e, i), l = Qe(t.beamId, r);
+  return l.length > 1 ? t.id === l[0].note.id || t.id === l[l.length - 1].note.id ? me(n, r, o, i, s) / 2 : me(n, r, o, i, s) : c * u;
+}
+function We(e, t, n, r, o, i) {
+  const s = o.measureHeight, u = Ae(e), c = ot(e), l = ee(e, o);
+  switch (e == null ? void 0 : e.type) {
+    case f.NoteStem:
+      return s * c * u;
+    case f.NoteTail: {
+      const a = O(e.index, o).msSymbol;
+      return a ? Dt(e, a, t, n, r, o, i) : (console.error("音符头索引失败，符尾宽度计算失败"), l * u);
+    }
+    default:
+      return l * u;
+  }
+}
+function $e(e, t, n = !1) {
+  const r = n ? e : Ze(e, t), o = Ae(r);
+  return ee(r, t) * o;
+}
+const ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getMeasureWidth: Me,
+  getMsSymbolContainerWidth: me,
+  getMsSymbolSlotWidth: $e,
+  getMsSymbolWidth: We,
+  getNoteTailWidth: Dt,
+  getWidthFixedContainerWidth: Ue,
+  getWidthFixedContainerWidthSumInMeasure: ae,
+  getWidthFixedContainerWidthSumInSingleStaff: pn
+}, Symbol.toStringTag, { value: "Module" })), lr = ["onMousedown"], cr = ["onMousedown"], ur = /* @__PURE__ */ X({
+  __name: "measureContainer",
+  props: {
+    musicScore: {
+      type: Object,
+      default: {}
+    },
+    disabled: {
+      type: Boolean,
+      default: !0
+    },
+    width: {
+      type: Number,
+      default: 1e3
+    },
+    height: {
+      type: Number,
+      default: 800
+    }
+  },
+  emits: ["singleStaffMouseDown", "multipleStavesMouseDown"],
+  setup(e, { emit: t }) {
+    const n = e, r = t, o = S(() => (c) => ({
+      "grid-template-rows": `repeat(${c.singleStaffArray.length},1fr)`,
+      "padding-top": c.multipleStavesPaddingTop + "px",
+      "padding-bottom": c.multipleStavesPaddingBottom + "px",
+      "margin-bottom": c.multipleStavesMarginBottom + "px",
+      "pointer-events": n.disabled ? "none" : "auto",
+      outline: "1px solid " + (c.options.highlight ? c.options.highlightColor : c.options.color)
+    })), i = S(() => (c, l) => ({
+      "grid-template-columns": `repeat(${c.measureArray.length},1fr)`,
+      "padding-top": c.singleStaffPaddingTop + "px",
+      "padding-bottom": c.singleStaffPaddingBottom + "px",
+      "margin-bottom": c.singleStaffMarginBottom + "px",
+      "pointer-events": n.disabled ? "none" : "auto",
+      outline: "1px solid " + (c.options.highlight ? c.options.highlightColor : c.options.color)
+    })), s = S(() => (c, l, a) => Me(c, l, n.musicScore, n.width)), u = S(() => (c, l, a) => {
+      let g = {};
+      return g.height = n.musicScore.measureHeight + "px", g.width = s.value(c, l, a) + "px", g.pointerEvents = n.disabled ? "none" : "auto", g;
+    });
+    return (c, l) => (x(), D("div", null, [
+      (x(!0), D(E, null, se(e.musicScore.multipleStavesArray, (a, g) => (x(), D("div", {
+        key: "multipleStaves" + g,
+        style: F(o.value(a)),
+        onMousedown: $((d) => r("multipleStavesMouseDown", d, a), ["self"]),
+        class: "multipleStaves"
+      }, [
+        _e(c.$slots, "multipleStaves", {}, void 0, !0),
+        (x(!0), D(E, null, se(a.singleStaffArray, (d, h) => (x(), D("div", {
+          key: "singleStaff" + h,
+          style: F(i.value(d, a)),
+          onMousedown: $((y) => r("singleStaffMouseDown", y, d), ["self"]),
+          class: "singleStaff"
+        }, [
+          _e(c.$slots, "singleStaff", {}, void 0, !0),
+          (x(!0), D(E, null, se(d.measureArray, (y, v) => (x(), D("div", {
+            style: F(u.value(y, d, a)),
+            class: "measureSlot",
+            key: "measure" + v
+          }, [
+            _e(c.$slots, "default", {
+              measure: y,
+              measureIndex: v,
+              singleStaff: d,
+              singleStaffIndex: h,
+              multipleStaves: a,
+              multipleStavesIndex: g,
+              measureWidth: s.value(y, d, a)
+            }, void 0, !0)
+          ], 4))), 128))
+        ], 44, cr))), 128))
+      ], 44, lr))), 128))
+    ]));
+  }
+}), st = /* @__PURE__ */ ne(ur, [["__scopeId", "data-v-98818cac"]]), bn = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20width='100'%20height='100'%3e%3cdefs%3e%3cmask%20id='hollowEllipseMask'%3e%3c!--%20背景为黑色（不可见），要保留的区域为白色（可见）%20--%3e%3crect%20width='100%25'%20height='100%25'%20fill='black'/%3e%3cellipse%20cx='50'%20cy='50'%20rx='50'%20ry='37.36'%20fill='white'/%3e%3cellipse%20cx='50'%20cy='50'%20rx='40'%20ry='27.36'%20fill='black'/%3e%3c/mask%3e%3c/defs%3e%3crect%20width='100%25'%20height='100%25'%20fill='black'%20mask='url(%23hollowEllipseMask)'/%3e%3c/svg%3e", gr = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20width='100'%20height='100'%3e%3cdefs%3e%3cmask%20id='hollowSlantedEllipseMask'%3e%3crect%20width='100%25'%20height='100%25'%20fill='black'/%3e%3c!--%20外椭圆，稍微倾斜%20--%3e%3cellipse%20cx='50'%20cy='50'%20rx='45'%20ry='32'%20fill='white'%20transform='rotate(-15%2050%2050)'/%3e%3c!--%20内椭圆，用于挖空%20--%3e%3cellipse%20cx='50'%20cy='50'%20rx='35'%20ry='22'%20fill='black'%20transform='rotate(-15%2050%2050)'/%3e%3c/mask%3e%3c/defs%3e%3c!--%20使用蒙版绘制一个斜切空心音符头%20--%3e%3crect%20width='100%25'%20height='100%25'%20fill='black'%20mask='url(%23hollowSlantedEllipseMask)'/%3e%3c/svg%3e", zt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20width='100'%20height='100'%3e%3cdefs%3e%3cmask%20id='hollowSlantedEllipseMask'%3e%3crect%20width='100%25'%20height='100%25'%20fill='black'/%3e%3c!--%20外椭圆，稍微倾斜%20--%3e%3cellipse%20cx='50'%20cy='50'%20rx='45'%20ry='32'%20fill='white'%20transform='rotate(-15%2050%2050)'/%3e%3c!--%20内椭圆，用于挖空%20--%3e%3c!--%20%3cellipse%20cx='50'%20cy='50'%20rx='35'%20ry='22'%20fill='black'%20transform='rotate(-15%2050%2050)'/%3e--%3e%3c/mask%3e%3c/defs%3e%3c!--%20使用蒙版绘制一个斜切空心音符头%20--%3e%3crect%20width='100%25'%20height='100%25'%20fill='black'%20mask='url(%23hollowSlantedEllipseMask)'/%3e%3c/svg%3e", qt = "data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgd2lkdGg9IjMwIiBoZWlnaHQ9IjUwIg0KICAgICB2aWV3Qm94PSIwIDAgMzAgNTAiPg0KICAgIDwhLS0geSDorr7kuLogMjDvvIzorqnmloflrZfokL3lnKjlj6/op4HojIPlm7QgLS0+DQogICAgPHRleHQgeD0iLTIiIHk9IjQ4IiBmb250LXNpemU9IjcwIiBmaWxsPSJibGFjayI+MTwvdGV4dD4NCjwvc3ZnPg0K", dr = "data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgd2lkdGg9IjMwIiBoZWlnaHQ9IjUwIg0KICAgICB2aWV3Qm94PSIwIDAgMzAgNTAiPg0KICAgIDwhLS0geSDorr7kuLogMjDvvIzorqnmloflrZfokL3lnKjlj6/op4HojIPlm7QgLS0+DQogICAgPHRleHQgeD0iLTIiIHk9IjQ4IiBmb250LXNpemU9IjcwIiBmaWxsPSJibGFjayI+MjwvdGV4dD4NCjwvc3ZnPg0K", mr = "data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgd2lkdGg9IjMwIiBoZWlnaHQ9IjUwIg0KICAgICB2aWV3Qm94PSIwIDAgMzAgNTAiPg0KICAgIDwhLS0geSDorr7kuLogMjDvvIzorqnmloflrZfokL3lnKjlj6/op4HojIPlm7QgLS0+DQogICAgPHRleHQgeD0iLTIiIHk9IjQ4IiBmb250LXNpemU9IjcwIiBmaWxsPSJibGFjayI+MzwvdGV4dD4NCjwvc3ZnPg0K", fr = "data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgd2lkdGg9IjMwIiBoZWlnaHQ9IjUwIg0KICAgICB2aWV3Qm94PSIwIDAgMzAgNTAiPg0KICAgIDwhLS0geSDorr7kuLogMjDvvIzorqnmloflrZfokL3lnKjlj6/op4HojIPlm7QgLS0+DQogICAgPHRleHQgeD0iLTIiIHk9IjQ4IiBmb250LXNpemU9IjcwIiBmaWxsPSJibGFjayI+NDwvdGV4dD4NCjwvc3ZnPg0K", hr = "data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgd2lkdGg9IjMwIiBoZWlnaHQ9IjUwIg0KICAgICB2aWV3Qm94PSIwIDAgMzAgNTAiPg0KICAgIDwhLS0geSDorr7kuLogMjDvvIzorqnmloflrZfokL3lnKjlj6/op4HojIPlm7QgLS0+DQogICAgPHRleHQgeD0iLTIiIHk9IjQ4IiBmb250LXNpemU9IjcwIiBmaWxsPSJibGFjayI+NTwvdGV4dD4NCjwvc3ZnPg0K", yr = "data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgd2lkdGg9IjMwIiBoZWlnaHQ9IjUwIg0KICAgICB2aWV3Qm94PSIwIDAgMzAgNTAiPg0KICAgIDwhLS0geSDorr7kuLogMjDvvIzorqnmloflrZfokL3lnKjlj6/op4HojIPlm7QgLS0+DQogICAgPHRleHQgeD0iLTIiIHk9IjQ4IiBmb250LXNpemU9IjcwIiBmaWxsPSJibGFjayI+NjwvdGV4dD4NCjwvc3ZnPg0K", pr = "data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgd2lkdGg9IjMwIiBoZWlnaHQ9IjUwIg0KICAgICB2aWV3Qm94PSIwIDAgMzAgNTAiPg0KICAgIDwhLS0geSDorr7kuLogMjDvvIzorqnmloflrZfokL3lnKjlj6/op4HojIPlm7QgLS0+DQogICAgPHRleHQgeD0iLTIiIHk9IjQ4IiBmb250LXNpemU9IjcwIiBmaWxsPSJibGFjayI+NzwvdGV4dD4NCjwvc3ZnPg0K", Ut = "data:image/svg+xml,%3csvg%20viewBox='0%200%20100%20100'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='50'%20cy='50'%20r='50'%20/%3e%3c/svg%3e", Vt = "data:image/svg+xml,%3csvg%20viewBox='0%200%20100%20300'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='50'%20cy='50'%20r='50'%20/%3e%3ccircle%20cx='50'%20cy='250'%20r='50'%20/%3e%3c/svg%3e", br = "data:image/svg+xml,%3csvg%20viewBox='0%200%20100%20500'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='50'%20cy='50'%20r='50'%20/%3e%3ccircle%20cx='50'%20cy='250'%20r='50'%20/%3e%3ccircle%20cx='50'%20cy='450'%20r='50'%20/%3e%3c/svg%3e", $t = "data:image/svg+xml,%3csvg%20viewBox='0%200%20100%20700'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='50'%20cy='50'%20r='50'%20/%3e%3ccircle%20cx='50'%20cy='250'%20r='50'%20/%3e%3ccircle%20cx='50'%20cy='450'%20r='50'%20/%3e%3ccircle%20cx='50'%20cy='650'%20r='50'%20/%3e%3c/svg%3e", lt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20210%20210'%20style='enable-background:new%200%200%20210%20210;'%20xml:space='preserve'%3e%3cpolygon%20id='XMLID_830_'%20points='210,60%200,60%200,90%2030,90%2030,150%20180,150%20180,90%20210,90%20'/%3e%3c/svg%3e", Sr = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20210%20210'%20style='enable-background:new%200%200%20210%20210;'%20xml:space='preserve'%3e%3cpolygon%20id='XMLID_819_'%20points='180,120%20180,60%2030,60%2030,120%200,120%200,150%20210,150%20210,120%20'/%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e", Zt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20275.734%20275.734'%20style='enable-background:new%200%200%20275.734%20275.734;'%20xml:space='preserve'%3e%3cpath%20id='XMLID_831_'%20d='M149.83,130.355l42.148-41.852L103.474,0L82.261,21.213l42.143,42.143l-42.143,41.857l52.543,52.543%20c-25.63,6.826-44.571,30.229-44.571,57.979c0,33.084,26.916,60,60,60v-30c-16.542,0-30-13.457-30-30c0-16.541,13.458-30,30-30%20c7.948,0,15.438,3.078,21.089,8.664l0.063-0.063l0.877,0.877L193.474,174L149.83,130.355z'/%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e", vr = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20180%20180'%20style='enable-background:new%200%200%20180%20180;'%20xml:space='preserve'%3e%3cg%20id='XMLID_19_'%3e%3cpath%20id='XMLID_833_'%20d='M119.771,30l-7.279,16.325C107.142,54.543,97.898,60,87.381,60c-5.458,0-10.575-1.472-14.988-4.029%20C81.351,50.781,87.381,41.099,87.381,30c0-16.569-13.43-30-30-30c-16.569,0-30,13.431-30,30c0,0.519,0.013,1.034,0.039,1.546%20C28.246,63.917,54.815,90,87.381,90c1.945,0,3.866-0.102,5.764-0.284L52.888,180h32.847l66.884-150H119.771z'/%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e", xr = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20360%20360'%20style='enable-background:new%200%200%20360%20360;'%20xml:space='preserve'%3e%3cg%20id='XMLID_18_'%3e%3cpath%20id='XMLID_835_'%20d='M249.901,30l-6.545,14.678C238.211,53.806,228.456,60,217.251,60c-5.457,0-10.574-1.472-14.988-4.029%20c8.958-5.189,14.988-14.872,14.988-25.971c0-16.569-13.43-30-30-30c-16.569,0-30,13.431-30,30c0,0.519,0.014,1.034,0.039,1.546%20C158.116,63.917,184.686,90,217.251,90c2.038,0,4.05-0.112,6.036-0.312l-20.467,45.9c-5.27,8.626-14.741,14.411-25.569,14.411%20c-5.457,0-10.574-1.472-14.988-4.029c8.958-5.189,14.988-14.872,14.988-25.971c0-16.569-13.43-30-30-30c-16.569,0-30,13.431-30,30%20c0,0.519,0.014,1.034,0.039,1.546c0.826,32.37,27.395,58.454,59.961,58.454c1.989,0,3.956-0.099,5.896-0.29l-20.787,46.617%20C157.01,234.544,147.768,240,137.251,240c-5.457,0-10.574-1.472-14.988-4.029c8.958-5.189,14.988-14.872,14.988-25.971%20c0-16.569-13.43-30-30-30c-16.569,0-30,13.431-30,30c0,0.519,0.014,1.034,0.039,1.546C78.116,243.917,104.686,270,137.251,270%20c1.943,0,3.865-0.098,5.762-0.28L102.758,360h32.848L282.749,30H249.901z'/%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e", wr = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='100'%3e%3c!--%20音符杆%20--%3e%3cline%20x1='5'%20y1='0'%20x2='5'%20y2='100'%20stroke='black'%20stroke-width='10'%3e%3c/line%3e%3c/svg%3e", yt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20395%20395'%20style='enable-background:new%200%200%20395%20395;'%20xml:space='preserve'%3e%3cpath%20id='XMLID_905_'%20d='M272.833,80h30l-45-80l-45,80h30v47.358l-90,22.714V90h-30v67.645l-30.666,7.739v60l30.666-7.739v52.478%20l-30.666,7.739v60l30.666-7.739V395h30v-72.449l90-22.714V365h30v-72.734l29.334-7.403v-60l-29.334,7.403v-52.479l29.334-7.403v-60%20l-29.334,7.403V80z%20M242.833,239.837l-90,22.714v-52.479l90-22.714V239.837z'/%3e%3c/svg%3e", pt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20270%20270'%20style='enable-background:new%200%200%20270%20270;'%20xml:space='preserve'%3e%3cpath%20id='XMLID_920_'%20d='M174.642,156.642c-10.662-17.767-29.276-25.48-48.578-20.137c-2.379,0.659-4.681,1.507-6.901,2.507V0h-30%20v270h30c5.88-4.736,21.586-18.098,35.412-34.425C172.578,214.313,190.674,183.359,174.642,156.642z%20M131.944,215.875%20c-4.175,4.955-8.586,9.608-12.782,13.75V185c0-10.037,7.682-17.581,14.91-19.584c6.258-1.733,11.115,0.446,14.846,6.661%20C151.41,176.231,154.746,188.814,131.944,215.875z'/%3e%3c/svg%3e", Ir = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20270%20270'%20style='enable-background:new%200%200%20270%20270;'%20xml:space='preserve'%3e%3cg%20id='XMLID_14_'%3e%3cpath%20id='XMLID_906_'%20d='M90,60V0H60v240l120-30v60h30V30L90,60z%20M180,150l-90,22.5V120l90-22.5V150z'/%3e%3c/g%3e%3c/svg%3e", Qt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='800'%3e%3crect%20width='100'%20height='800'/%3e%3c/svg%3e", Xt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='500'%3e%3cstyle%3e%3c/style%3e%3cg%3e%3cline%20x1='50'%20x2='50'%20y1='0'%20y2='500'%20stroke-width='50'%20class='line'%20stroke='black'/%3e%3cline%20x1='150'%20x2='150'%20y1='0'%20y2='500'%20stroke-width='100'%20class='line'%20stroke='black'/%3e%3c/g%3e%3c/svg%3e", Kt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='500'%3e%3cstyle%3e%3c/style%3e%3cg%3e%3cline%20x1='150'%20x2='150'%20y1='0'%20y2='500'%20stroke-width='50'%20class='line'%20stroke='black'/%3e%3cline%20x1='50'%20x2='50'%20y1='0'%20y2='500'%20stroke-width='100'%20class='line'%20stroke='black'/%3e%3c/g%3e%3c/svg%3e", Jt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='300'%20height='500'%3e%3cg%3e%3ccircle%20cx='240'%20cy='180'%20r='30'%20fill='black'/%3e%3ccircle%20cx='240'%20cy='320'%20r='30'%20fill='black'/%3e%3cline%20x1='150'%20x2='150'%20y1='0'%20y2='500'%20stroke-width='50'%20class='line'%20stroke='black'/%3e%3cline%20x1='50'%20x2='50'%20y1='0'%20y2='500'%20stroke-width='100'%20class='line'%20stroke='black'/%3e%3c/g%3e%3c/svg%3e", _t = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='300'%20height='500'%3e%3cstyle%3e%3c/style%3e%3cg%3e%3ccircle%20cx='60'%20cy='180'%20r='30'%20fill='black'/%3e%3ccircle%20cx='60'%20cy='320'%20r='30'%20fill='black'/%3e%3cline%20x1='150'%20x2='150'%20y1='0'%20y2='500'%20stroke-width='50'%20class='line'%20stroke='black'/%3e%3cline%20x1='250'%20x2='250'%20y1='0'%20y2='500'%20stroke-width='100'%20class='line'%20stroke='black'/%3e%3c/g%3e%3c/svg%3e", Mr = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='30'%20height='50'%20viewBox='0%200%2025.8%2025.8'%20style='enable-background:new%200%200%2025.8%2025.8;'%20xml:space='preserve'%3e%3cg%20transform='translate(12.9,%2012.9)%20scale(1.67)%20translate(-12.9,%20-12.9)'%3e%3cpath%20style='fill:%23030104;'%20d='M16.681,13.4c-0.7-0.8-1.7-1.3-2.9-1.2c-0.1-0.2-0.5-2.2-0.5-2.2s1.4-2.1,1.7-2.5%20c1.5-2.4,1.6-4.3,0.7-6.2c-0.3-0.7-1.1-1.3-1.9-1.3c-0.6,0-1.1,0.5-1.4,1.1c-1,1.7-1,4.9-0.5,7.1c0,0-0.5,0.5-1,1.1%20c-1,1.1-2.1,2.3-2.5,3.9c-0.5,1.8-0.1,3.5,1,4.8c1.2,1.5,3,2.2,5.2,2c0.4,1.9,0.7,3.1,0.1,4.2c-0.2,0.4-0.6,0.8-1.3,0.8%20c-0.2,0-0.3,0-0.5-0.1c0.6-0.3,1.1-0.9,1.1-1.6c0-1-0.8-1.8-1.8-1.8c-1.7,0.1-1.8,1.8-1.8,1.8c0,0.6,0.2,1.2,0.6,1.6%20c0.5,0.5,1.3,0.9,2.2,0.9c1.1,0,2.2-0.4,2.6-2c0.4-1.3-0.3-3.4-0.4-4.1c1.1-0.5,2.1-2,2.2-3C17.781,15.6,17.381,14.3,16.681,13.4z%20M13.481,2.3c0.1-0.2,0.3-0.3,0.5-0.3c0.1,0,0.3,0.1,0.4,0.2c0.4,0.2,0.5,0.6,0.5,1.2c-0.1,1.5-1.4,3.3-2.1,3.9%20C12.481,5.9,12.681,3.3,13.481,2.3z%20M10.581,18c-0.7-0.7-1-1.7-0.9-2.7c0.2-1.6,1.3-2.9,2.2-3.9c0.2-0.2,0.4-0.4,0.5-0.6%20c0.1,0.5,0.4,1.3,0.5,1.7c-1.2,0.5-1.9,2.1-1.8,3.4c0,0.6,0.2,1,0.5,1.4c0.1,0.1,0.2,0.2,0.3,0.2s0.3-0.1,0.3-0.2l0,0%20c0.1-0.1,0.1-0.3,0-0.4s-0.1-0.2-0.1-0.4c-0.1-0.9,0.5-1.6,1.2-1.9c0.1,0.6,0.8,3.7,0.9,4.4C12.881,19.4,11.481,19,10.581,18z%20M15.081,18.6c-0.2-0.7-0.3-1.5-0.5-2.4c-0.1-0.6-0.2-1.3-0.4-1.9c1.3,0,1.7,1.1,1.8,1.5C16.281,16.9,15.981,18,15.081,18.6z'/%3e%3c/g%3e%3c/svg%3e", Cr = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='30'%20height='50'%20viewBox='0%200%20285%20285'%20xml:space='preserve'%3e%3cg%20id='XMLID_516_'%20transform='translate(0,%20142.5)%20scale(1,1.8)%20translate(0,%20-142.5)%20'%3e%3crect%20id='XMLID_517_'%20y='7.5'%20width='60'%20height='270'/%3e%3crect%20id='XMLID_518_'%20x='90'%20y='7.5'%20width='30'%20height='270'/%3e%3cpath%20id='XMLID_519_'%20d='M225,157.428v-29.855c33.084,0,60-26.916,60-60c0-33.084-26.916-60-60-60%20c-31.424,0-57.18,23.901-59.779,54.892c-0.02,0.158-0.173,1.825-0.173,2.515c0,0.031,0.005,0.06,0.005,0.091%20c-0.001,0.024-0.004,0.047-0.005,0.071l0.009,0.001c0.088,10.97,9,19.837,19.991,19.837c11.046,0,20-8.954,20-20%20c0-5.252-2.041-10.017-5.353-13.586c5.326-8.344,14.666-13.821,25.305-13.821c16.542,0,30,13.458,30,30c0,16.542-13.458,30-30,30%20V82.5l-75,60l75,60v-15.072c16.542,0,30,13.458,30,29.999c0,16.542-13.458,30.001-30,30.001c-10.639,0-19.979-5.477-25.305-13.821%20c3.312-3.569,5.353-8.333,5.353-13.586c0-11.046-8.954-20-20-20c-10.991,0-19.903,8.868-19.991,19.837l-0.009,0.001%20c0.001,0.024,0.004,0.047,0.005,0.071c0,0.031-0.005,0.06-0.005,0.091c0,0.69,0.153,2.357,0.173,2.515%20c2.6,30.991,28.355,54.892,59.779,54.892c33.084,0,60-26.916,60-60.001C285,184.343,258.084,157.428,225,157.428z'/%3e%3c/g%3e%3c/svg%3e", Ar = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='30'%20height='50'%20viewBox='0%200%20270%20270'%20style='enable-background:new%200%200%20270%20270;'%20xml:space='preserve'%3e%3cg%20id='XMLID_520_'%20transform='translate(135,%20135)%20scale(1.2,1.7)%20translate(-135,%20-135)'%3e%3cpath%20id='XMLID_521_'%20d='M95,0C46.286,0,20,35.035,20,68c0,16.393,5.134,30.499,14.848,40.794C44.851,119.396,58.736,125,75,125%20c16.569,0,30-13.431,30-30S91.569,65,75,65c-9.828,0-18.551,4.726-24.023,12.028C50.234,73.834,50,70.676,50,68%20c0-18.884,15.457-38,45-38c37.664,0,65,35.748,65,85c0,47.058-20.573,76.48-37.831,92.875C100.995,227.991,72.146,240,45,240v30%20c35.164,0,70.822-14.716,97.831-40.375C173.248,200.729,190,160.02,190,115c0-31.97-9.544-61.113-26.874-82.062%20C145.554,11.698,121.36,0,95,0z'/%3e%3ccircle%20id='XMLID_522_'%20cx='235'%20cy='60'%20r='15'/%3e%3ccircle%20id='XMLID_523_'%20cx='235'%20cy='120'%20r='15'/%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e", kr = /* @__PURE__ */ X({
+  __name: "clef",
+  props: {
+    clef: {
+      type: Object,
+      required: !0
+    },
+    musicScore: {
+      required: !0,
+      type: Object
+    }
+  },
+  setup(e) {
+    const t = e, n = S(() => {
+      let r = "";
+      return t.clef.clef === Y.Treble ? r = Mr : t.clef.clef === Y.Alto ? r = Cr : t.clef.clef === Y.Bass && (r = Ar), {
+        mask: `url("${r}") center center / 100% 100% no-repeat`
+      };
+    });
+    return (r, o) => (x(), D("div", {
+      style: F(n.value)
+    }, null, 4));
+  }
+}), Lr = { class: "keySignature" }, Dr = /* @__PURE__ */ X({
+  __name: "keySignature",
+  props: {
+    keySignature: {
+      type: Object,
+      required: !0
+    },
+    slotWidth: {
+      type: Number,
+      default: 50
+    },
+    measureHeight: {
+      type: Number,
+      default: 60
+    },
+    musicScore: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(e) {
+    const t = e, n = S(() => t.keySignature ? vt(t.keySignature, t.musicScore) : Y.Treble), r = S(() => {
+      const a = {
+        Cb: { type: "flat", count: 7 },
+        Gb: { type: "flat", count: 6 },
+        Db: { type: "flat", count: 5 },
+        Ab: { type: "flat", count: 4 },
+        Eb: { type: "flat", count: 3 },
+        Bb: { type: "flat", count: 2 },
+        F: { type: "flat", count: 1 },
+        C: { type: "none", count: 0 },
+        G: { type: "sharp", count: 1 },
+        D: { type: "sharp", count: 2 },
+        A: { type: "sharp", count: 3 },
+        E: { type: "sharp", count: 4 },
+        B: { type: "sharp", count: 5 },
+        "F#": { type: "sharp", count: 6 },
+        "C#": { type: "sharp", count: 7 }
+      };
+      return t.keySignature.type === b.KeySignature ? a[t.keySignature.keySignature] : (console.error("keySignature出错，没有keySignature属性", t.keySignature), a[on.C]);
+    }), o = S(
+      () => r.value.type === "sharp" ? yt : pt
+    ), i = S(() => t.measureHeight / 8), s = {
+      [Y.Treble]: [6, 3.5, 5, 2.5, 4, 2, 3],
+      [Y.Bass]: [3, 0.5, 2, -0.5, 1, -1, 0],
+      // 低音谱号升号位置，模拟五线谱线和间的对应
+      [Y.Alto]: [4.5, 2, 3.5, 1, 2.5, 0, 1.5]
+      // 中音谱号
+    }, u = {
+      [Y.Treble]: [5, 8, 4, 7, 3, 6, 2],
+      [Y.Bass]: [6, 3.5, 5, 2.5, 4, 2, 3],
+      [Y.Alto]: [2, 4.5, 1, 3.5, 0, 2.5, -0.5]
+    }, c = S(() => r.value.type === "sharp" ? (s[n.value] || s[Y.Treble]).slice(0, r.value.count).map((g) => g * i.value) : r.value.type === "flat" ? (u[n.value] || u[Y.Treble]).slice(0, r.value.count).map((g) => g * i.value) : []), l = S(() => {
+      const a = t.measureHeight * 0.5, g = t.measureHeight * 0.4;
+      return (d, h) => ({
+        width: a + "px",
+        height: a + "px",
+        position: "absolute",
+        pointerEvents: "none",
+        left: `${d * g}px`,
+        top: `${t.measureHeight - h - a / 2}px`,
+        backgroundColor: t.keySignature.options.highlight ? t.keySignature.options.highlightColor : t.keySignature.options.color,
+        maskImage: `url("${o.value}")`,
+        WebkitMaskImage: `url("${o.value}")`,
+        maskRepeat: "no-repeat",
+        WebkitMaskRepeat: "no-repeat",
+        maskSize: "contain",
+        WebkitMaskSize: "contain",
+        maskPosition: "center",
+        WebkitMaskPosition: "center"
+      });
+    });
+    return (a, g) => (x(), D("div", Lr, [
+      (x(!0), D(E, null, se(c.value, (d, h) => (x(), D("div", {
+        key: h,
+        class: "symbol",
+        style: F(l.value(h, d))
+      }, null, 4))), 128))
+    ]));
+  }
+}), Nr = /* @__PURE__ */ ne(Dr, [["__scopeId", "data-v-2bd67863"]]), Hr = /* @__PURE__ */ X({
+  __name: "timeSignature",
+  props: {
+    timeSignature: {
+      type: Object,
+      required: !0
+    },
+    //小节高度， 此属性会控制音符，休止符，谱号，拍号等符号大小
+    measureHeight: {
+      type: Number,
+      default: 60
+    }
+  },
+  setup(e) {
+    const t = e, n = S(() => ({
+      fontSize: t.measureHeight / 3 + "px",
+      userSelect: "none",
+      color: t.timeSignature.options.highlight ? t.timeSignature.options.highlightColor : t.timeSignature.options.color
+    }));
+    return (r, o) => e.timeSignature && e.timeSignature.type === Z(b).TimeSignature ? (x(), D("div", {
+      key: 0,
+      class: "timeSignature",
+      style: F(n.value)
+    }, [
+      ue("div", null, Rt(e.timeSignature.timeSignature.beat), 1),
+      ue("div", null, Rt(e.timeSignature.timeSignature.chronaxie), 1)
+    ], 4)) : Ce("", !0);
+  }
+}), Rr = /* @__PURE__ */ ne(Hr, [["__scopeId", "data-v-08c2b53d"]]);
+function Ye(e, t, n) {
+  const r = O(e.index, t);
+  if (r.singleStaff == null)
+    return console.error("没有单谱表信息，无法计算小节left"), 0;
+  let o = 0;
+  for (let i of r.singleStaff.measureArray) {
+    if (i === e)
+      return o;
+    o += Me(i, r.singleStaff, t, n);
+  }
+  return o;
+}
+function Sn(e, t, n, r, o, i, s, u, c) {
+  const l = i.measureHeight;
+  if (!n || !r || !o)
+    return console.error("数据索引有误，符尾left计算出错"), 0;
+  const a = We(
+    e,
+    n,
+    r,
+    o,
+    i,
+    c
+  ), g = Qe(t.beamId, r), d = Q[b.NoteStem];
+  if (!("aspectRatio" in d) || typeof d.aspectRatio != "number")
+    return console.error("符杠aspectRatio获取失败,符尾left计算出错"), 0;
+  if (g.length > 1)
+    return t.id === g[0].note.id ? e.direction === "up" ? s : 0 : t.id === g[g.length - 1].note.id ? e.direction === "up" ? -a + s : -a : -it(
+      t,
+      n,
+      r,
+      o,
+      i,
+      s,
+      c
+    );
+  if (e.direction === "up")
+    return s;
+  {
+    const h = Q[b.NoteStem];
+    if (!("aspectRatio" in h) || typeof h.aspectRatio != "number")
+      return console.error("符杠aspectRatio获取失败,符杠left计算出错"), 0;
+    const y = h.heightMultiplier;
+    return l * y * h.aspectRatio;
+  }
+}
+function Nt(e, t, n, r, o, i, s, u, c = !1) {
+  const l = c ? e : Ze(e, o), a = $e(e, o), g = We(
+    e,
+    t,
+    n,
+    r,
+    o,
+    u
+  );
+  switch (e == null ? void 0 : e.type) {
+    case b.NoteHead:
+      return 0;
+    case b.NoteStem:
+      return e.direction === "up" ? a - g : 0;
+    case b.NoteTail:
+      return l.type !== b.NoteHead ? (console.error("找不到音符头，符尾left计算出错"), 0) : Sn(
+        e,
+        l,
+        t,
+        n,
+        r,
+        o,
+        a,
+        s,
+        u
+      );
+    case b.Accidental:
+      return -g;
+    case b.NoteDot: {
+      const d = We(e, t, n, r, o, u);
+      return a / 2 - d / 2;
+    }
+  }
+  return 0;
+}
+function it(e, t, n, r, o, i, s, u = !1) {
+  const c = u ? e : Ze(e, o), l = me(t, n, r, o, s);
+  switch (o.measureHeight, c == null ? void 0 : c.type) {
+    case b.NoteHead:
+      return l / 2 - i / 2;
+    case b.NoteNumber:
+      return l / 2 - i / 2;
+    case b.Rest:
+      return l / 2 - i / 2;
+    case b.ChronaxieIncreasingLine:
+      return l / 2 - i / 2;
+  }
+  return 0;
+}
+function Ht(e, t, n, r, o) {
+  const i = r.measureHeight;
+  if (!e || !t || !n)
+    return console.error("缺少必要的参数，坐标计算出错"), 0;
+  let s = 0;
+  const u = e.type;
+  if ([Ee.frontFixed].includes(u))
+    s = ae(t, i, "front", e);
+  else if ([Ee.rearFixed].includes(u))
+    s = o - ae(t, i) + ae(t, i, "all", e);
+  else {
+    const c = ae(t, i), l = Ie(t), a = Ie(t, e), g = ae(t, i, "front");
+    s = (o - c) / l * a + g;
+  }
+  return s;
+}
+function bt(e, t, n, r, o, i, s, u, c = !1) {
+  const l = c ? e : Ze(e, o), a = it(
+    l,
+    t,
+    n,
+    r,
+    o,
+    i,
+    u
+  ), g = Ht(
+    t,
+    n,
+    r,
+    o,
+    s
+  );
+  return a + g;
+}
+const yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getContainerLeftToMeasure: Ht,
+  getMeasureLeftToMusicScore: Ye,
+  getMsSymbolLeftToSlot: Nt,
+  getNoteTailLeftToSlot: Sn,
+  getSlotLeftToContainer: it,
+  getSlotLeftToMeasure: bt
+}, Symbol.toStringTag, { value: "Module" })), jr = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='200'%3e%3c!--%20音符尾%20--%3e%3cpath%20d='%20M%200%200%20L%200%2040%20L%20100%20200%20L%20100%20180%20Z%20'%20fill='black'/%3e%3c/svg%3e", Br = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='200'%3e%3c!--%20音符尾%20--%3e%3cpath%20d='%20M%200%200%20L%200%2040%20L%20100%20120%20L%20100%20100%20M%200%2080%20L%200%20120%20L%20100%20200%20L%20100%20180%20Z%20'%20fill='black'/%3e%3c/svg%3e", Wr = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='200'%3e%3c!--%20音符尾%20--%3e%3cg%3e%3cpath%20d='%20M%200%20200%20L%200%20160%20L%20100%200%20L%20100%200%20Z%20'%20fill='black'/%3e%3c/g%3e%3c/svg%3e", Fr = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='200'%3e%3c!--%20音符尾%20--%3e%3cpath%20d='%20M%200%20200%20L%200%20160%20L%20100%2080%20L%20100%20100%20M%200%20120%20L%200%2080%20L%20100%200%20L%20100%2020%20Z%20'%20fill='black'/%3e%3c/svg%3e", Tr = /* @__PURE__ */ X({
+  __name: "noteTail",
+  props: {
+    noteTail: {
+      type: Object,
+      required: !0
+    },
+    // 不知道这里是否有问题，外部使用了as进行了强转，定性了符杠的父符号只能是符头
+    noteHead: {
+      type: Object,
+      required: !0
+    },
+    preContainer: {
+      type: Object,
+      required: !0
+    },
+    nextContainer: {
+      type: Object,
+      required: !0
+    },
+    msSymbolContainer: {
+      type: Object,
+      required: !0
+    },
+    measure: {
+      type: Object,
+      required: !0
+    },
+    singleStaff: {
+      type: Object,
+      required: !0
+    },
+    musicScore: {
+      type: Object,
+      required: !0
+    },
+    parentMsSymbol: {
+      type: Object
+    },
+    slotLeft: {
+      type: Number,
+      required: !0
+    },
+    measureWidth: {
+      type: Number,
+      required: !0
+    },
+    componentWidth: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = e, n = S(() => Qe(t.noteHead.beamId, t.measure));
+    S(() => Ae(t.noteTail));
+    const r = S(() => {
+      var a;
+      switch ((a = t.noteTail) == null ? void 0 : a.chronaxie) {
+        case R.eighth:
+          return 1;
+        case R.sixteenth:
+          return 2;
+      }
+      return 0;
+    }), o = S(() => ee(t.noteTail, t.musicScore)), i = S(() => t.noteTail.type === b.NoteTail && t.nextContainer ? Dt(
+      t.noteTail,
+      t.noteHead,
+      t.msSymbolContainer,
+      t.measure,
+      t.singleStaff,
+      t.musicScore,
+      t.componentWidth
+    ) : We(
+      t.noteTail,
+      t.msSymbolContainer,
+      t.measure,
+      t.singleStaff,
+      t.musicScore,
+      t.componentWidth
+    )), s = S(() => {
+      var g;
+      const a = {
+        width: `${i.value}px`,
+        height: `${o.value}px`,
+        display: "flex",
+        flexDirection: ((g = t.noteTail) == null ? void 0 : g.direction) === "up" ? "column" : "column-reverse",
+        position: "absolute",
+        left: u.value + "px",
+        bottom: c.value + "px",
+        background: t.noteTail.options.highlight ? t.noteTail.options.highlightColor : t.noteTail.options.color
+      };
+      return l.value && n.value.length < 2 ? a.mask = `url("${l.value}") center center / cover no-repeat` : a.background = "transparent", a;
+    }), u = S(() => Nt(
+      t.noteTail,
+      t.msSymbolContainer,
+      t.measure,
+      t.singleStaff,
+      t.musicScore,
+      t.slotLeft,
+      t.measureWidth,
+      t.componentWidth
+    )), c = S(() => Lt(t.noteTail, t.musicScore)), l = S(() => {
+      const a = O(t.noteTail.index, t.musicScore).msSymbol;
+      if (a && "chronaxie" in a && K(a.region) <= 3)
+        switch (t.noteTail.chronaxie) {
+          case R.eighth:
+            return jr;
+          case R.sixteenth:
+            return Br;
+          default:
+            return "";
+        }
+      else
+        switch (t.noteTail.chronaxie) {
+          case R.eighth:
+            return Wr;
+          case R.sixteenth:
+            return Fr;
+          default:
+            return "";
+        }
+    });
+    return (a, g) => (x(), D("div", {
+      style: F(s.value)
+    }, [
+      n.value.length > 1 ? (x(!0), D(E, { key: 0 }, se(r.value * 2 - 1, (d, h) => (x(), D("div", {
+        style: F({ backgroundColor: h % 2 === 0 ? "black" : "transparent", height: o.value / 5 + "px", width: "100%" })
+      }, null, 4))), 256)) : Ce("", !0)
+    ], 4));
+  }
+}), Or = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='10'%3e%3cline%20x1='0'%20y1='5'%20x2='100'%20y2='5'%20stroke='black'%20stroke-width='10'%3e%3c/line%3e%3c/svg%3e", Gr = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='10'%3e%3cline%20x1='0'%20y1='5'%20x2='100'%20y2='5'%20stroke='black'%20stroke-width='10'%3e%3c/line%3e%3c/svg%3e", Pr = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='30'%3e%3cline%20x1='0'%20y1='5'%20x2='100'%20y2='5'%20stroke='black'%20stroke-width='10'%3e%3c/line%3e%3cline%20x1='0'%20y1='25'%20x2='100'%20y2='25'%20stroke='black'%20stroke-width='10'%3e%3c/line%3e%3c/svg%3e", zr = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='50'%3e%3cline%20x1='0'%20y1='5'%20x2='100'%20y2='5'%20stroke='black'%20stroke-width='10'%3e%3c/line%3e%3cline%20x1='0'%20y1='25'%20x2='100'%20y2='25'%20stroke='black'%20stroke-width='10'%3e%3c/line%3e%3cline%20x1='0'%20y1='45'%20x2='100'%20y2='45'%20stroke='black'%20stroke-width='10'%3e%3c/line%3e%3c/svg%3e", qr = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='70'%3e%3cline%20x1='0'%20y1='5'%20x2='100'%20y2='5'%20stroke='black'%20stroke-width='10'%3e%3c/line%3e%3cline%20x1='0'%20y1='25'%20x2='100'%20y2='25'%20stroke='black'%20stroke-width='10'%3e%3c/line%3e%3cline%20x1='0'%20y1='45'%20x2='100'%20y2='45'%20stroke='black'%20stroke-width='10'%3e%3c/line%3e%3cline%20x1='0'%20y1='65'%20x2='100'%20y2='65'%20stroke='black'%20stroke-width='10'%3e%3c/line%3e%3c/svg%3e", Ur = /* @__PURE__ */ X({
+  __name: "msSymbol",
+  props: {
+    msSymbol: {
+      type: Object,
+      required: !0
+    },
+    msSymbolContainer: {
+      type: Object,
+      required: !0
+    },
+    preContainer: {
+      type: Object,
+      required: !0
+    },
+    nextContainer: {
+      type: Object,
+      required: !0
+    },
+    measure: {
+      type: Object,
+      required: !0
+    },
+    measureWidth: {
+      type: Number,
+      required: !0
+    },
+    singleStaff: {
+      type: Object,
+      required: !0
+    },
+    musicScore: {
+      type: Object,
+      required: !0
+    },
+    containerWidth: {
+      type: Number,
+      required: !0
+    },
+    isMain: {
+      type: Boolean,
+      default: !1
+    },
+    //小节高度， 此属性会控制音符，休止符，谱号，拍号等符号大小
+    measureHeight: {
+      type: Number,
+      required: !0
+    },
+    parentMsSymbol: {
+      type: Object
+    },
+    // 符号槽位宽度（父级符号宽度）
+    slotWidth: {
+      type: Number,
+      required: !0
+    },
+    slotBottom: {
+      type: Number,
+      required: !0
+    },
+    slotLeft: {
+      type: Number,
+      required: !0
+    },
+    componentWidth: {
+      type: Number,
+      required: !0
+    },
+    componentHeight: {
+      type: Number,
+      required: !0
+    }
+  },
+  emits: ["msSymbolMouseDown", "msSymbolMouseUp"],
+  setup(e, { expose: t, emit: n }) {
+    const r = e;
+    An(() => {
+      var k;
+      return (k = r.msSymbol) == null ? void 0 : k.vueKey;
+    }, () => {
+      o();
+    });
+    function o() {
+      var k, I, N, A, j, B, te;
+      switch ((k = r.msSymbol) == null ? void 0 : k.type) {
+        case b.NoteHead:
+          switch ((I = r.msSymbol) == null ? void 0 : I.chronaxie) {
+            case R.whole:
+              return bn;
+            case R.half:
+              return gr;
+            case R.quarter:
+              return zt;
+            default:
+              return zt;
+          }
+        case b.Rest:
+          switch ((N = r.msSymbol) == null ? void 0 : N.chronaxie) {
+            case R.whole:
+              return lt;
+            case R.half:
+              return Sr;
+            case R.quarter:
+              return Zt;
+            case R.eighth:
+              return vr;
+            case R.sixteenth:
+              return xr;
+            case R.thirtySecond:
+              return lt;
+            case R.sixtyFourth:
+              return lt;
+            default:
+              return Zt;
+          }
+        case b.NoteStem:
+          return wr;
+        case b.NoteTail:
+          return "";
+        case b.Clef:
+          return "";
+        case b.Clef_f:
+          return "";
+        case b.BarLine: {
+          switch ((A = r.msSymbol) == null ? void 0 : A.barLineType) {
+            case oe.single:
+              return Qt;
+            case oe.final:
+              return Xt;
+            case oe.reverseFinal:
+              return Kt;
+            case oe.startRepeatSign:
+              return Jt;
+            case oe.endRepeatSign:
+              return _t;
+          }
+          return "";
+        }
+        case b.BarLine_f: {
+          switch ((j = r.msSymbol) == null ? void 0 : j.barLineType) {
+            case oe.single:
+              return Qt;
+            case oe.final:
+              return Xt;
+            case oe.reverseFinal:
+              return Kt;
+            case oe.startRepeatSign:
+              return Jt;
+            case oe.endRepeatSign:
+              return _t;
+          }
+          return console.error("未知的小节线类型", r.msSymbol), "";
+        }
+        case b.KeySignature:
+          return "";
+        case b.TimeSignature:
+          return "";
+        case b.Accidental: {
+          switch ((B = r.msSymbol) == null ? void 0 : B.accidental) {
+            case He.Sharp:
+              return yt;
+            case He.Flat:
+              return pt;
+            case He.Natural:
+              return Ir;
+            case He.DoubleSharp:
+              return yt;
+            case He.DoubleFlat:
+              return pt;
+          }
+          return console.error("未知的变音符号", r.msSymbol), "";
+        }
+        case b.NoteNumber:
+          switch ((te = r.msSymbol) == null ? void 0 : te.solmization) {
+            case Se.DO:
+              return qt;
+            case Se.RE:
+              return dr;
+            case Se.MI:
+              return mr;
+            case Se.FA:
+              return fr;
+            case Se.SOL:
+              return hr;
+            case Se.LA:
+              return yr;
+            case Se.TI:
+              return pr;
+            default:
+              return qt;
+          }
+        case b.NoteDot:
+          switch (r.msSymbol.octave) {
+            case 1:
+              return $t;
+            case 2:
+              return Vt;
+            case 3:
+              return Ut;
+            case 5:
+              return Ut;
+            case 6:
+              return Vt;
+            case 7:
+              return br;
+            case 8:
+              return $t;
+            default:
+              return "";
+          }
+        case b.ChronaxieReducingLine:
+          switch (r.msSymbol.chronaxie) {
+            case R.eighth:
+              return Gr;
+            case R.sixteenth:
+              return Pr;
+            case R.thirtySecond:
+              return zr;
+            case R.sixtyFourth:
+              return qr;
+            default:
+              return "";
+          }
+        case b.ChronaxieIncreasingLine:
+          return Or;
+        default:
+          return console.error("未知的符号类别", r.msSymbol), "";
+      }
+    }
+    const i = S(() => o()), s = ie(null), u = S(() => Ae(r.msSymbol)), c = S(() => ee(r.msSymbol, r.musicScore)), l = S(() => We(
+      r.msSymbol,
+      r.msSymbolContainer,
+      r.measure,
+      r.singleStaff,
+      r.musicScore,
+      r.componentWidth
+    )), a = S(() => Nt(r.msSymbol, r.msSymbolContainer, r.measure, r.singleStaff, r.musicScore, r.slotLeft, r.measureWidth, r.componentWidth)), g = S(() => Lt(r.msSymbol, r.musicScore)), d = S(() => {
+      var I;
+      const k = {
+        width: `${l.value}px`,
+        height: `${c.value}px`,
+        position: "absolute",
+        pointerEvents: "auto",
+        left: a.value + "px",
+        bottom: g.value + "px",
+        background: r.msSymbol.options.highlight ? r.msSymbol.options.highlightColor : r.msSymbol.options.color
+      };
+      return (I = r.msSymbol) != null && I.type && [
+        b.KeySignature,
+        b.TimeSignature,
+        b.NoteTail
+      ].includes(r.msSymbol.type) && (k.background = "unset"), i.value && (k.mask = `url("${i.value}") no-repeat center`, k["mask-size"] = "100% 100%"), k;
+    }), h = n;
+    function y(k) {
+      h("msSymbolMouseDown", k, r.msSymbol);
+    }
+    function v(k) {
+      h("msSymbolMouseUp", k, r.msSymbol);
+    }
+    return St(() => {
+    }), t({ aspectRatio: u }), (k, I) => {
+      var N, A, j, B, te, ye;
+      return ((N = e.msSymbol) == null ? void 0 : N.type) === Z(b).Clef || ((A = e.msSymbol) == null ? void 0 : A.type) === Z(b).Clef_f && "clef" in e.msSymbol ? De((x(), J(kr, {
+        key: 0,
+        clef: e.msSymbol,
+        onMouseup: $(v, ["self"]),
+        onMousedown: $(y, ["self"]),
+        musicScore: e.musicScore,
+        style: F(d.value)
+      }, null, 8, ["clef", "musicScore", "style"])), [
+        [Ne, e.musicScore.showMode === Z(ce).standardStaff]
+      ]) : ((j = e.msSymbol) == null ? void 0 : j.type) === Z(b).KeySignature ? De((x(), J(Nr, {
+        key: 1,
+        "measure-height": e.measureHeight,
+        slotWidth: e.slotWidth,
+        onMouseup: $(v, ["self"]),
+        onMousedown: $(y, ["self"]),
+        musicScore: e.musicScore,
+        style: F(d.value),
+        keySignature: e.msSymbol
+      }, null, 8, ["measure-height", "slotWidth", "musicScore", "style", "keySignature"])), [
+        [Ne, e.musicScore.showMode === Z(ce).standardStaff]
+      ]) : ((B = e.msSymbol) == null ? void 0 : B.type) === Z(b).TimeSignature ? De((x(), J(Rr, {
+        key: 2,
+        style: F(d.value),
+        onMouseup: $(v, ["self"]),
+        onMousedown: $(y, ["self"]),
+        "time-signature": e.msSymbol,
+        "measure-height": e.measureHeight
+      }, null, 8, ["style", "time-signature", "measure-height"])), [
+        [Ne, e.musicScore.showMode === Z(ce).standardStaff]
+      ]) : ((te = e.msSymbol) == null ? void 0 : te.type) === Z(b).NoteTail ? De((x(), J(Tr, {
+        key: 3,
+        "ms-symbol-container": e.msSymbolContainer,
+        "pre-container": e.preContainer,
+        "next-container": e.nextContainer,
+        "measure-width": e.measureWidth,
+        "single-staff": e.singleStaff,
+        "slot-left": e.slotLeft,
+        "component-width": e.componentWidth,
+        noteTail: e.msSymbol,
+        noteHead: e.parentMsSymbol,
+        measure: e.measure,
+        musicScore: e.musicScore
+      }, null, 8, ["ms-symbol-container", "pre-container", "next-container", "measure-width", "single-staff", "slot-left", "component-width", "noteTail", "noteHead", "measure", "musicScore"])), [
+        [Ne, e.musicScore.showMode === Z(ce).standardStaff]
+      ]) : ((ye = e.msSymbol) == null ? void 0 : ye.type) === Z(b).NoteStem ? De((x(), D("div", {
+        key: 4,
+        ref_key: "msSymbolRef",
+        ref: s,
+        class: "msSymbol",
+        style: F(d.value),
+        onMouseup: $(v, ["self"]),
+        onMousedown: $(y, ["self"])
+      }, null, 36)), [
+        [Ne, e.musicScore.showMode === Z(ce).standardStaff]
+      ]) : (x(), D("div", {
+        key: 5,
+        ref_key: "msSymbolRef",
+        ref: s,
+        class: "msSymbol",
+        style: F(d.value),
+        onMouseup: $(v, ["self"]),
+        onMousedown: $(y, ["self"])
+      }, null, 36));
+    };
+  }
+}), Yt = /* @__PURE__ */ ne(Ur, [["__scopeId", "data-v-5b6eb544"]]), Vr = /* @__PURE__ */ X({
+  __name: "msSymbolSlot",
+  props: {
+    msSymbol: {
+      type: Object,
+      required: !0
+    },
+    msSymbolContainer: {
+      type: Object,
+      required: !0
+    },
+    preContainer: {
+      type: Object,
+      required: !0
+    },
+    nextContainer: {
+      type: Object,
+      required: !0
+    },
+    containerWidth: {
+      type: Number,
+      default: 60,
+      required: !0
+    },
+    //小节高度， 此属性会控制音符，休止符，谱号，拍号等符号大小
+    measureHeight: {
+      type: Number,
+      default: 60,
+      required: !0
+    },
+    measure: {
+      type: Object,
+      required: !0
+    },
+    measureWidth: {
+      type: Number,
+      default: 200,
+      required: !0
+    },
+    componentWidth: {
+      type: Number,
+      default: 1e3
+    },
+    componentHeight: {
+      type: Number,
+      default: 800
+    },
+    singleStaff: {
+      type: Object,
+      required: !0
+    },
+    multipleStaves: {
+      type: Object,
+      required: !0
+    },
+    musicScore: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: ["msSymbolMouseDown", "msSymbolMouseUp"],
+  setup(e, { emit: t }) {
+    const n = e, r = S(() => !n.msSymbol || !n.measure || !n.singleStaff ? (console.error("缺少必要的参数，坐标计算出错"), {}) : {
+      left: i.value + "px",
+      height: n.measureHeight + "px",
+      width: o.value + "px",
+      bottom: s.value + "px",
+      pointEvents: " none"
+    });
+    S(() => Ae(n.msSymbol)), S(() => ee(n.msSymbol, n.musicScore));
+    const o = S(() => $e(n.msSymbol, n.musicScore)), i = S(() => it(
+      n.msSymbol,
+      n.msSymbolContainer,
+      n.measure,
+      n.singleStaff,
+      n.musicScore,
+      o.value,
+      n.componentWidth
+    )), s = S(() => de(n.msSymbol, n.musicScore)), u = t;
+    return (c, l) => {
+      var a;
+      return x(), D("div", {
+        class: "msSymbolSlot p-stackItem",
+        style: F(r.value)
+      }, [
+        e.msSymbol ? (x(), J(Yt, {
+          key: 0,
+          ref: "mainMsSymbolRef",
+          measureHeight: e.measureHeight,
+          msSymbolContainer: n.msSymbolContainer,
+          preContainer: n.preContainer,
+          nextContainer: n.nextContainer,
+          "slot-width": o.value,
+          slotBottom: s.value,
+          "slot-left": i.value,
+          containerWidth: e.containerWidth,
+          "measure-width": e.measureWidth,
+          isMain: !0,
+          componentWidth: e.componentWidth,
+          componentHeight: e.componentHeight,
+          measure: e.measure,
+          "single-staff": e.singleStaff,
+          musicScore: n.musicScore,
+          onMsSymbolMouseDown: l[0] || (l[0] = (g, d) => u("msSymbolMouseDown", g, d)),
+          onMsSymbolMouseUp: l[1] || (l[1] = (g, d) => u("msSymbolMouseUp", g, d)),
+          "ms-symbol": e.msSymbol
+        }, null, 8, ["measureHeight", "msSymbolContainer", "preContainer", "nextContainer", "slot-width", "slotBottom", "slot-left", "containerWidth", "measure-width", "componentWidth", "componentHeight", "measure", "single-staff", "musicScore", "ms-symbol"])) : Ce("", !0),
+        (a = e.msSymbol) != null && a.msSymbolArray ? (x(!0), D(E, { key: 1 }, se(e.msSymbol.msSymbolArray, (g) => (x(), J(Yt, {
+          measureHeight: e.measureHeight,
+          msSymbolContainer: n.msSymbolContainer,
+          preContainer: n.preContainer,
+          nextContainer: n.nextContainer,
+          containerWidth: e.containerWidth,
+          "measure-width": e.measureWidth,
+          isMain: !1,
+          slotBottom: s.value,
+          measure: e.measure,
+          "single-staff": e.singleStaff,
+          "slot-width": o.value,
+          "slot-left": i.value,
+          "parent-ms-symbol": e.msSymbol,
+          componentWidth: e.componentWidth,
+          onMsSymbolMouseDown: l[2] || (l[2] = (d, h) => u("msSymbolMouseDown", d, h)),
+          onMsSymbolMouseUp: l[3] || (l[3] = (d, h) => u("msSymbolMouseUp", d, h)),
+          componentHeight: e.componentHeight,
+          musicScore: n.musicScore,
+          "ms-symbol": g
+        }, null, 8, ["measureHeight", "msSymbolContainer", "preContainer", "nextContainer", "containerWidth", "measure-width", "slotBottom", "measure", "single-staff", "slot-width", "slot-left", "parent-ms-symbol", "componentWidth", "componentHeight", "musicScore", "ms-symbol"]))), 256)) : Ce("", !0)
+      ], 4);
+    };
+  }
+}), $r = /* @__PURE__ */ ne(Vr, [["__scopeId", "data-v-501cb6ae"]]), Zr = /* @__PURE__ */ X({
+  __name: "msSymbolContainer",
+  props: {
+    msSymbolContainer: {
+      type: Object,
+      required: !0
+    },
+    preContainer: {
+      type: Object,
+      required: !0
+    },
+    nextContainer: {
+      type: Object,
+      required: !0
+    },
+    measureHeight: {
+      type: Number,
+      required: !0
+    },
+    measure: {
+      type: Object,
+      required: !0
+    },
+    measureWidth: {
+      type: Number,
+      required: !0
+    },
+    componentWidth: {
+      type: Number,
+      required: !0
+    },
+    componentHeight: {
+      type: Number,
+      required: !0
+    },
+    singleStaff: {
+      type: Object,
+      required: !0
+    },
+    multipleStaves: {
+      type: Object,
+      required: !0
+    },
+    musicScore: {
+      type: Object,
+      required: !0
+      // 改为必须传入，移除 default: {}
+    }
+  },
+  emits: ["msSymbolMouseDown", "msSymbolMouseUp"],
+  setup(e, { emit: t }) {
+    const n = e, r = S(() => !n.msSymbolContainer || !n.measure || !n.singleStaff ? (console.error("缺少必要的参数，坐标计算出错"), {}) : {
+      left: i.value + "px",
+      height: n.measureHeight + "px",
+      width: o.value + "px",
+      bottom: "0px",
+      pointerEvents: "none"
+    }), o = S(() => me(n.msSymbolContainer, n.measure, n.singleStaff, n.musicScore, n.componentWidth)), i = S(() => Ht(n.msSymbolContainer, n.measure, n.singleStaff, n.musicScore, n.measureWidth)), s = t;
+    return (u, c) => {
+      var l;
+      return x(), D("div", {
+        class: "msSymbolContainer",
+        style: F(r.value)
+      }, [
+        (x(!0), D(E, null, se((l = e.msSymbolContainer) == null ? void 0 : l.msSymbolArray, (a) => (x(), J($r, {
+          msSymbol: a,
+          msSymbolContainer: n.msSymbolContainer,
+          preContainer: n.preContainer,
+          nextContainer: n.nextContainer,
+          measure: n.measure,
+          measureWidth: n.measureWidth,
+          singleStaff: n.singleStaff,
+          containerWidth: o.value,
+          componentWidth: e.componentWidth,
+          componentHeight: e.componentHeight,
+          onMsSymbolMouseDown: (g, d) => s("msSymbolMouseDown", g, d),
+          onMsSymbolMouseUp: (g, d) => s("msSymbolMouseUp", g, d),
+          multipleStaves: n.multipleStaves,
+          musicScore: n.musicScore,
+          measureHeight: n.measureHeight
+        }, null, 8, ["msSymbol", "msSymbolContainer", "preContainer", "nextContainer", "measure", "measureWidth", "singleStaff", "containerWidth", "componentWidth", "componentHeight", "onMsSymbolMouseDown", "onMsSymbolMouseUp", "multipleStaves", "musicScore", "measureHeight"]))), 256))
+      ], 4);
+    };
+  }
+}), Qr = /* @__PURE__ */ ne(Zr, [["__scopeId", "data-v-a10cc562"]]), Xr = /* @__PURE__ */ X({
+  __name: "rectDragShell",
+  props: {
+    rect: {
+      required: !0,
+      type: Object
+    }
+  },
+  setup(e) {
+    const t = e, n = ie({
+      left: t.rect.left,
+      top: t.rect.top,
+      width: t.rect.width,
+      height: t.rect.height
+    }), r = ie(!1), o = ie(null);
+    function i(c, l) {
+      l.stopPropagation(), l.preventDefault(), r.value = !0, o.value = c, window.addEventListener("mousemove", s), window.addEventListener("mouseup", u);
+    }
+    function s(c) {
+      if (!r.value || !o.value) return;
+      const { clientX: l, clientY: a } = c;
+      switch (o.value) {
+        case "tl":
+          n.value.width += n.value.left - l, n.value.height += n.value.top - a, n.value.left = l, n.value.top = a;
+          break;
+        case "tr":
+          n.value.width = l - n.value.left, n.value.height += n.value.top - a, n.value.top = a;
+          break;
+        case "bl":
+          n.value.width += n.value.left - l, n.value.left = l, n.value.height = a - n.value.top;
+          break;
+        case "br":
+          n.value.width = l - n.value.left, n.value.height = a - n.value.top;
+          break;
+      }
+    }
+    function u() {
+      r.value = !1, o.value = null, window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", u);
+    }
+    return (c, l) => (x(), D("div", {
+      class: "resizable-box",
+      style: F({
+        position: "absolute",
+        left: n.value.left + "px",
+        top: n.value.top + "px",
+        width: n.value.width + "px",
+        height: n.value.height + "px"
+      })
+    }, [
+      _e(c.$slots, "default", {}, void 0, !0),
+      ue("div", {
+        class: "drag-point top-left",
+        onMousedown: l[0] || (l[0] = (a) => i("tl", a))
+      }, null, 32),
+      ue("div", {
+        class: "drag-point top-right",
+        onMousedown: l[1] || (l[1] = (a) => i("tr", a))
+      }, null, 32),
+      ue("div", {
+        class: "drag-point bottom-left",
+        onMousedown: l[2] || (l[2] = (a) => i("bl", a))
+      }, null, 32),
+      ue("div", {
+        class: "drag-point bottom-right",
+        onMousedown: l[3] || (l[3] = (a) => i("br", a))
+      }, null, 32)
+    ], 4));
+  }
+}), Et = /* @__PURE__ */ ne(Xr, [["__scopeId", "data-v-5a499cb9"]]), Kr = /* @__PURE__ */ X({
+  __name: "volta",
+  props: {
+    volta: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = S(() => ({
+      width: "100%",
+      height: "100%"
+    }));
+    return (n, r) => (x(), D("div", {
+      class: "volta",
+      style: F(t.value)
+    }, r[0] || (r[0] = [
+      ue("div", null, "1,2,3", -1)
+    ]), 4));
+  }
+}), Jr = /* @__PURE__ */ ne(Kr, [["__scopeId", "data-v-71eea7f6"]]), _r = { class: "slur" }, Yr = {
+  class: "slur-svg",
+  viewBox: "0 0 100 100",
+  preserveAspectRatio: "none"
+}, Er = ["d"], eo = /* @__PURE__ */ X({
+  __name: "slur",
+  props: {
+    slur: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = S(() => `
+    M 0,50
+    Q 50,-30 100,50
+    Q 50,0 0,50
+    Z
+  `.trim());
+    return (n, r) => (x(), D("div", _r, [
+      (x(), D("svg", Yr, [
+        ue("path", {
+          class: "slur-path",
+          d: t.value
+        }, null, 8, Er)
+      ]))
+    ]));
+  }
+}), to = /* @__PURE__ */ ne(eo, [["__scopeId", "data-v-45a54060"]]), no = /* @__PURE__ */ X({
+  __name: "spanSymbol",
+  props: {
+    spanSymbol: {
+      type: Object,
+      required: !0
+    },
+    musicScore: {
+      type: Object,
+      default: {}
+    },
+    componentWidth: {
+      type: Number,
+      default: 1e3
+    },
+    componentHeight: {
+      type: Number,
+      default: 800
+    }
+  },
+  emits: ["spanSymbolMouseDown", "spanSymbolMouseUp"],
+  setup(e, { emit: t }) {
+    const n = e;
+    en("msState");
+    function r(l, a, g, d) {
+      const h = {
+        width: 0,
+        left: 0,
+        top: 0,
+        height: 0
+      }, y = Je(l.startTargetId, a.map), v = Je(l.endTargetId, a.map);
+      if (!y || !v) return console.error("获取不到绑定元素", y, v);
+      if (y.msTypeName !== ge.Measure || v.msTypeName !== ge.Measure) return console.error("volta绑定元素错误");
+      if (y.index.multipleStavesIndex !== v.index.multipleStavesIndex) {
+        console.error("反复符号绑定小节有误");
+        return;
+      }
+      h.left = Ye(y, a, g), Fn(y.index, v.index, a, (k, I, N) => {
+        h.width += Me(k, I, a, g);
+        const A = ht(k, a, d), j = nt(k, a), B = a.measureHeight;
+        h.top = d - Math.max(a.measureHeight + A, j + A + B);
+      }), h.height = n.musicScore.measureHeight, l.rect = h;
+    }
+    function o(l, a, g, d) {
+      const h = {
+        width: 0,
+        left: 0,
+        top: 0,
+        height: 0
+      }, y = Je(l.startTargetId, a.map), v = Je(l.endTargetId, a.map);
+      if (!y || !v) return console.error("获取不到绑定元素", y, v);
+      if (y.msTypeName !== ge.MsSymbol || v.msTypeName !== ge.MsSymbol) return console.error("volta绑定元素错误");
+      if (y.index.multipleStavesIndex !== v.index.multipleStavesIndex) {
+        console.error("反复符号绑定小节有误");
+        return;
+      }
+      const k = a.measureHeight, I = O(y.index, a), N = I.msSymbolContainer, A = I.measure, j = I.singleStaff;
+      if (!N || !A || !j) {
+        console.error("索引数据出错，连音线rect计算失败");
+        return;
+      }
+      const B = $e(y, a, !0), te = Me(A, j, a, g), ye = bt(
+        y,
+        N,
+        A,
+        j,
+        a,
+        B,
+        te,
+        g
+      ), Xe = Ye(A, a, g), ke = ht(A, a, d), at = nt(A, a), Te = O(v.index, a), Ke = Te.msSymbolContainer, Le = Te.measure, Oe = Te.singleStaff;
+      if (!Ke || !Le || !Oe) {
+        console.error("索引数据出错，连音线rect计算失败");
+        return;
+      }
+      const M = $e(v, a, !0), W = Me(Le, Oe, a, g), T = bt(
+        v,
+        Ke,
+        Le,
+        Oe,
+        a,
+        M,
+        W,
+        g
+      ), le = Ye(Le, a, g), _ = Xe + ye + B / 2, pe = le + T + M / 2;
+      h.left = _, h.top = d - Math.max(a.measureHeight + ke, at + ke + k), h.width = pe - _, h.height = n.musicScore.measureHeight, l.rect = h;
+    }
+    function i(l, a, g, d) {
+      switch (l.type) {
+        case Pe.volta: {
+          r(l, a, g, d);
+          break;
+        }
+        case Pe.slur: {
+          o(l, a, g, d);
+          break;
+        }
+      }
+    }
+    const s = t;
+    function u(l) {
+      s("spanSymbolMouseDown", l, n.spanSymbol);
+    }
+    function c(l) {
+      s("spanSymbolMouseUp", l, n.spanSymbol);
+    }
+    return tn(() => {
+      i(n.spanSymbol, n.musicScore, n.componentWidth, n.componentHeight);
+    }), (l, a) => (x(), D(E, null, [
+      e.spanSymbol && e.spanSymbol.type === Z(Pe).volta ? (x(), J(Et, {
+        key: 0,
+        rect: e.spanSymbol.rect
+      }, {
+        default: qe(() => [
+          Re(Jr, jt({ volta: e.spanSymbol }, u, c), null, 16, ["volta"])
+        ]),
+        _: 1
+      }, 8, ["rect"])) : Ce("", !0),
+      e.spanSymbol && e.spanSymbol.type === Z(Pe).slur ? (x(), J(Et, {
+        key: 1,
+        slur: e.spanSymbol,
+        rect: e.spanSymbol.rect
+      }, {
+        default: qe(() => [
+          Re(to, jt({ slur: e.spanSymbol }, u, c), null, 16, ["slur"])
+        ]),
+        _: 1
+      }, 8, ["slur", "rect"])) : Ce("", !0)
+    ], 64));
+  }
+});
+function Fe(e, t) {
+  t.value && (t.value.options.highlight = !1), e.options.highlight = !0, t.value = e;
+}
+const fe = {
+  startX: 0,
+  //鼠标按下时相对视口坐标
+  startY: 0,
+  originRegion: {
+    region: rn.Main,
+    type: nn.Space,
+    index: 1
+  }
+  // 音符按下专用，记录初始region
+};
+function vn(e, t, n, r) {
+  if (n.value)
+    switch (n.value.msTypeName) {
+      case ge.MsSymbol: {
+        const o = n.value;
+        if (o.type === b.NoteHead) {
+          e.clientX - fe.startX;
+          const i = e.clientY - fe.startY;
+          if (Math.abs(i) > t / 8 && o) {
+            const s = Math.floor(i / t * 8), u = K(fe.originRegion) - s;
+            o.region, o.region = dt(u);
+            const c = o.msSymbolArray.find((y) => y.type === b.NoteStem), l = o.msSymbolArray.find((y) => y.type === b.NoteTail), a = O(o.index, r).measure;
+            if (!a) {
+              console.error("measure不存在，音符移动事件出错");
+              return;
+            }
+            const g = Qe(o.beamId, a);
+            if ([R.whole, R.half, R.quarter].includes(o.chronaxie) || g.length < 2) {
+              const y = K(o.region);
+              c && y >= 4 && c.direction !== "down" ? mt("down", c) : c && y < 4 && c.direction !== "up" && mt("up", c), l && y >= 4 && l.direction !== "down" ? ft("down", l) : l && y < 4 && l.direction !== "up" && ft("up", l);
+            } else {
+              const y = O(o.index, r).measure;
+              y && Vn(o.beamId, y);
+            }
+            const d = O(n.value.index, r).singleStaff;
+            if (!d) return console.error("找不到单谱表，跨小节符号更新失败");
+            const h = wt(d);
+            It(h, r);
+          }
+        }
+        break;
+      }
+    }
+}
+function ro(e, t, n) {
+  if (t.value)
+    switch (t.value.msTypeName) {
+      case ge.MsSymbol: {
+        t.value.options.highlight = !1, t.value = null;
+        break;
+      }
+      case ge.Measure:
+    }
+}
+function xn(e, t) {
+  if (!t.msState.currentSelected.value || t.msState.mode.value !== he.edit || t.msState.currentSelected.value.msTypeName !== ge.Measure) return;
+  const n = t.msState.currentResevedType.value;
+  if (n === xe.note) {
+    let r = null;
+    const o = t.msState.reserveMsSymbolMap.value.get(xe.note);
+    o && "chronaxie" in o && (r = o.chronaxie);
+    const i = V({
+      type: b.NoteHead,
+      region: t.msSymbolInformation.region,
+      chronaxie: r || R.quarter
+    }), s = tt({});
+    if (["front"].includes(t.virtualSymbolContainerType))
+      s.msSymbolArray.push(i), t.msData.msSymbolContainer ? ve(
+        s,
+        t.msData.msSymbolContainer,
+        t.msData.musicScore,
+        "before"
+      ) : ve(
+        s,
+        t.msData.measure,
+        t.msData.musicScore,
+        "before"
+      );
+    else if (["end", "middle"].includes(t.virtualSymbolContainerType)) {
+      if (s.msSymbolArray.push(i), !t.msData.msSymbolContainer) return console.error("没有作为对照的符号容器，符号容器添加失败");
+      ve(
+        s,
+        t.msData.msSymbolContainer,
+        t.msData.musicScore,
+        "after"
+      );
+    } else if (["self"].includes(t.virtualSymbolContainerType)) {
+      if (!t.msData.msSymbolContainer) return console.error("没有作为对照的符号容器，符号添加失败");
+      const u = t.msData.msSymbolContainer.msSymbolArray.find((c) => c.type === b.NoteHead && c.region === i.region);
+      u ? rt(e, t.msState.mode, t.msState.currentSelected, u) : Be(
+        i,
+        t.msData.msSymbolContainer,
+        t.msData.musicScore,
+        "after"
+      );
+    }
+  } else if (n === xe.rest) {
+    let r = null;
+    const o = t.msState.reserveMsSymbolMap.value.get(xe.rest);
+    o && "chronaxie" in o && (r = o.chronaxie);
+    const i = V({
+      type: b.Rest,
+      chronaxie: r || R.quarter
+    }), s = tt({});
+    if (["front"].includes(t.virtualSymbolContainerType))
+      s.msSymbolArray.push(i), t.msData.msSymbolContainer ? ve(
+        s,
+        t.msData.msSymbolContainer,
+        t.msData.musicScore,
+        "before"
+      ) : ve(
+        s,
+        t.msData.measure,
+        t.msData.musicScore,
+        "before"
+      );
+    else if (["end", "middle"].includes(t.virtualSymbolContainerType)) {
+      if (s.msSymbolArray.push(i), !t.msData.msSymbolContainer) return console.error("没有作为对照的符号容器，符号容器添加失败");
+      ve(
+        s,
+        t.msData.msSymbolContainer,
+        t.msData.musicScore,
+        "after"
+      );
+    } else if (["self"].includes(t.virtualSymbolContainerType)) {
+      if (!t.msData.msSymbolContainer) return console.error("没有作为对照的符号容器，符号添加失败");
+      const u = t.msData.msSymbolContainer.msSymbolArray.find((c) => c.type === b.Rest);
+      u ? rt(e, t.msState.mode, t.msState.currentSelected, u) : Be(
+        i,
+        t.msData.msSymbolContainer,
+        t.msData.musicScore,
+        "after"
+      );
+    }
+  }
+}
+function wn(e, t, n, r) {
+  t.value === he.edit && Fe(r, n);
+}
+function oo(e, t, n, r) {
+}
+function rt(e, t, n, r) {
+  r.type === b.NoteHead && (fe.originRegion = r.region), t.value === he.edit && Fe(r, n);
+}
+function io(e, t, n, r) {
+}
+function In(e, t, n, r) {
+  t.value === he.edit && Fe(r, n);
+}
+function Mn(e, t, n, r) {
+  t.value === he.edit && Fe(r, n);
+}
+function Cn(e, t, n, r) {
+  t.value === he.edit && Fe(r, n);
+}
+const po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  eventConstant: fe,
+  handleMouseMoveSelected: vn,
+  handleMouseUpSelected: ro,
+  measureMouseDown: In,
+  msSymbolMouseDown: rt,
+  msSymbolMouseUp: io,
+  multipleStavesMouseDown: Cn,
+  select: Fe,
+  singleStaffMouseDown: Mn,
+  spanSymbolMouseDown: wn,
+  spanSymbolMouseUp: oo,
+  virtualSymbolMouseDown: xn
+}, Symbol.toStringTag, { value: "Module" })), ao = /* @__PURE__ */ X({
+  __name: "virtualSymbolContainer",
+  props: {
+    ind: {},
+    msSymbolContainer: {
+      type: Object
+    },
+    //小节高度， 此属性会控制音符，休止符，谱号，拍号等符号大小
+    measureHeight: {
+      type: Number,
+      default: 60,
+      required: !0
+    },
+    type: {
+      type: String,
+      required: !0
+    },
+    measure: {
+      type: Object,
+      required: !0
+    },
+    measureWidth: {
+      type: Number,
+      default: 200
+    },
+    componentWidth: {
+      type: Number,
+      default: 1e3
+    },
+    componentHeight: {
+      type: Number,
+      default: 800
+    },
+    singleStaff: {
+      type: Object,
+      required: !0
+    },
+    multipleStaves: {
+      type: Object,
+      required: !0
+    },
+    musicScore: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(e) {
+    const t = e, n = S(() => bn), r = S(() => ({
+      left: i.value + "px",
+      height: t.measureHeight * 3 + "px",
+      width: o.value + "px",
+      bottom: -t.measureHeight + "px"
+    }));
+    S(() => 0);
+    const o = S(() => t.measureHeight * 0.25), i = S(() => {
+      let I = 0;
+      if (t.msSymbolContainer) {
+        t.msSymbolContainer.type;
+        const N = ae(t.measure, t.measureHeight), A = Ie(t.measure), j = Ie(t.measure, t.msSymbolContainer), B = ae(t.measure, t.measureHeight, "front");
+        I = (t.measureWidth - N) / A * j + B - o.value / 2, ["middle"].includes(t.type) ? I += me(t.msSymbolContainer, t.measure, t.singleStaff, t.musicScore, t.componentWidth) : ["end"].includes(t.type) ? I += me(t.msSymbolContainer, t.measure, t.singleStaff, t.musicScore, t.componentWidth) * 3 / 4 : ["front"].includes(t.type) ? I += me(t.msSymbolContainer, t.measure, t.singleStaff, t.musicScore, t.componentWidth) / 4 : ["self"].includes(t.type) && (I += me(t.msSymbolContainer, t.measure, t.singleStaff, t.musicScore, t.componentWidth) * 2 / 4);
+      } else
+        I = t.measureWidth / 2 - o.value / 2;
+      return I;
+    }), s = ie(t.measureHeight);
+    function u(I) {
+      const A = I.currentTarget.getBoundingClientRect();
+      s.value = A.height - I.clientY + A.top;
+    }
+    const c = en("msState");
+    function l(I) {
+      xn(I, {
+        msState: c,
+        virtualSymbolContainerType: t.type,
+        msData: {
+          musicScore: t.musicScore,
+          msSymbolContainer: t.msSymbolContainer || null,
+          measure: t.measure,
+          singleStaff: t.singleStaff,
+          multipleStaves: t.multipleStaves
+        },
+        msSymbolInformation: {
+          region: dt(y.value)
+        }
+      });
+    }
+    const a = S(() => 1), g = S(() => t.measureHeight * 0.25), d = S(() => g.value * a.value), h = S(() => 0), y = S(() => +((s.value - t.measureHeight) / (t.measureHeight / 8)).toFixed(0) + 1), v = S(() => kt(dt(y.value), t.measureHeight) + t.measureHeight), k = S(() => {
+      const I = {
+        width: `${d.value}px`,
+        height: `${g.value}px`,
+        position: "absolute",
+        left: h.value + "px",
+        bottom: v.value + "px",
+        background: "blue"
+      };
+      return n.value && (I.mask = `url("${n.value}") center center / cover no-repeat`), I;
+    });
+    return St(() => {
+    }), (I, N) => (x(), D("div", {
+      class: "vitrualSymbolContainer",
+      onMousemove: u,
+      onMousedown: l,
+      style: F(r.value)
+    }, [
+      ue("div", {
+        ref: "vitrualSymbolRef",
+        class: "vitrualSymbol",
+        style: F(k.value)
+      }, null, 4)
+    ], 36));
+  }
+}), ct = /* @__PURE__ */ ne(ao, [["__scopeId", "data-v-04b21654"]]), so = /* @__PURE__ */ X({
+  __name: "musicScore",
+  props: {
+    musicScore: {
+      type: Object,
+      required: !0
+    },
+    width: {
+      type: Number,
+      default: 1e3
+    },
+    height: {
+      type: Number,
+      default: 800
+    },
+    //小节的线条宽度
+    strokeWidth: {
+      type: Number,
+      default: 1
+    }
+  },
+  emits: ["spanSymbolMouseDown", "spanSymbolMouseUp", "msSymbolMouseDown", "measureMouseDown", "singleStaffMouseDown", "multipleStavesMouseDown", "update:mode", "msSymbolMouseUp"],
+  setup(e, { expose: t, emit: n }) {
+    const r = e;
+    S(() => (M) => {
+      const W = [];
+      return M.msSymbolContainerArray.forEach((T) => {
+        let le = !1;
+        for (const _ of T.msSymbolArray)
+          if (_.type === b.NoteHead && (_.chronaxie === R.eighth || _.chronaxie === R.sixteenth)) {
+            le = !0;
+            break;
+          }
+        W.push(le);
+      }), W;
+    });
+    const o = ie(he.edit), i = ie(/* @__PURE__ */ new Map()), s = ie(null);
+    function u() {
+      const M = V({ type: b.NoteHead, chronaxie: R.quarter }), W = V({ type: b.Rest, chronaxie: R.quarter });
+      i.value.set(xe.note, M), i.value.set(xe.rest, W);
+    }
+    function c(M, W) {
+      i.value.set(M, W);
+    }
+    function l(M) {
+      return i.value.has(M) ? i.value.get(M) : null;
+    }
+    const a = ie(xe.note);
+    function g(M) {
+      a.value = M;
+    }
+    const d = S(() => (M) => M.msSymbolContainerArray.filter((W) => W.type === Ee.variable)), h = n;
+    function y(M, W) {
+      wn(M, o, s, W), h("spanSymbolMouseDown");
+    }
+    function v(M, W) {
+      h("spanSymbolMouseUp");
+    }
+    function k(M, W) {
+      rt(M, o, s, W), h("msSymbolMouseDown");
+    }
+    function I(M, W) {
+      h("msSymbolMouseUp");
+    }
+    function N(M, W) {
+      In(M, o, s, W), h("measureMouseDown");
+    }
+    function A(M, W) {
+      Mn(M, o, s, W), h("singleStaffMouseDown");
+    }
+    function j(M, W) {
+      Cn(M, o, s, W), h("multipleStavesMouseDown");
+    }
+    function B(M) {
+      o.value = M;
+    }
+    const te = S(() => ({
+      width: r.width + "px",
+      height: r.height + "px",
+      overflow: "visible"
+    }));
+    function ye() {
+      r.musicScore && (Tn(r.musicScore), u(), Gn(r.musicScore));
+    }
+    tn(ye);
+    const Xe = ie(null), ke = ie(!1);
+    function at(M) {
+      M.preventDefault(), fe.startX = M.clientX, fe.startY = M.clientY, ke.value = !0;
+    }
+    function Te(M) {
+      fe.startX = 0, fe.startY = 0, ke.value = !1;
+    }
+    function Ke(M) {
+      var W;
+      ke.value && vn(M, (W = r.musicScore) == null ? void 0 : W.measureHeight, s, r.musicScore);
+    }
+    function Le() {
+      s.value && (s.value.options.highlight = !1), s.value = null;
+    }
+    function Oe(M) {
+      M.showMode === ce.standardStaff ? nr(M) : M.showMode === ce.numberNotation && rr(M);
+    }
+    return St(() => {
+    }), kn(() => {
+    }), Ln("msState", {
+      mode: o,
+      currentSelected: s,
+      reserveMsSymbolMap: i,
+      currentResevedType: a
+    }), t({
+      changeMode: B,
+      root: Xe,
+      mode: o,
+      currentSelected: s,
+      currentResevedType: a,
+      setReserveMsSymbol: c,
+      getReserveMsSymbol: l,
+      reserveMsSymbolMap: i,
+      setCurrentResevedType: g,
+      cancelSelect: Le,
+      switchShowMode: Oe
+    }), (M, W) => (x(), D("div", {
+      class: "musicScore stack",
+      style: F(te.value),
+      ref_key: "musicScoreRef",
+      ref: Xe,
+      onMousedown: $(at, ["stop"]),
+      onMousemove: $(Ke, ["stop"]),
+      onMouseup: $(Te, ["stop"])
+    }, [
+      Re(st, {
+        disabled: !1,
+        musicScore: e.musicScore,
+        class: "stackItem lineLayer",
+        style: F({ width: e.width + "px", height: e.height + "px" }),
+        onMultipleStavesMouseDown: j,
+        onSingleStaffMouseDown: A,
+        comment: "谱线层1"
+      }, {
+        default: qe(({ measure: T, measureIndex: le, singleStaff: _, multipleStaves: pe, measureWidth: be }) => [
+          (x(), J(Rn, {
+            key: "measure" + le,
+            strokeWidth: e.strokeWidth,
+            x: le * be,
+            width: be,
+            height: e.musicScore.measureHeight,
+            musicScore: e.musicScore,
+            componentWidth: e.width,
+            onMeasureMouseDown: N,
+            componentHeight: e.height,
+            measure: T
+          }, null, 8, ["strokeWidth", "x", "width", "height", "musicScore", "componentWidth", "componentHeight", "measure"]))
+        ]),
+        _: 1
+      }, 8, ["musicScore", "style"]),
+      (x(!0), D(E, null, se(e.musicScore.spanSymbolArray, (T, le) => (x(), J(no, {
+        key: T.vueKey,
+        musicScore: e.musicScore,
+        componentWidth: e.width,
+        componentHeight: e.height,
+        onSpanSymbolMouseDown: y,
+        onSpanSymbolMouseUp: v,
+        spanSymbol: T
+      }, null, 8, ["musicScore", "componentWidth", "componentHeight", "spanSymbol"]))), 128)),
+      Re(st, {
+        musicScore: e.musicScore,
+        class: "stackItem symbolLayer",
+        style: F({ width: e.width + "px", height: e.height + "px", pointerEvents: "none" }),
+        comment: "符号层2"
+      }, {
+        default: qe(({ measure: T, measureIndex: le, singleStaff: _, multipleStaves: pe, measureWidth: be }) => [
+          (x(!0), D(E, null, se(T.msSymbolContainerArray, (Ge, re) => (x(), J(Qr, {
+            msSymbolContainer: Ge,
+            nextContainer: T.msSymbolContainerArray.length !== re + 1 ? T.msSymbolContainerArray[re + 1] : void 0,
+            preContainer: T.msSymbolContainerArray.length !== 0 ? T.msSymbolContainerArray[re - 1] : void 0,
+            measure: T,
+            musicScore: e.musicScore,
+            measureWidth: be,
+            singleStaff: _,
+            multipleStaves: pe,
+            measureHeight: e.musicScore.measureHeight,
+            onMsSymbolMouseDown: k,
+            onMsSymbolMousUp: I,
+            key: "note-symbol" + re,
+            componentWidth: e.width,
+            componentHeight: e.height
+          }, null, 8, ["msSymbolContainer", "nextContainer", "preContainer", "measure", "musicScore", "measureWidth", "singleStaff", "multipleStaves", "measureHeight", "componentWidth", "componentHeight"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["musicScore", "style"]),
+      De(Re(st, {
+        musicScore: e.musicScore,
+        class: "stackItem symbolLayer",
+        style: F({ width: e.width + "px", height: e.height + "px", pointerEvents: "none" }),
+        comment: "编辑模式虚拟音符层"
+      }, {
+        default: qe(({ measure: T, measureIndex: le, singleStaff: _, multipleStaves: pe, measureWidth: be }) => [
+          s.value === T ? (x(), D(E, { key: 0 }, [
+            Re(ct, {
+              comment: "第一个变宽容器",
+              msSymbolContainer: d.value(T)[0],
+              measure: T,
+              type: "front",
+              musicScore: e.musicScore,
+              measureWidth: be,
+              singleStaff: _,
+              multipleStaves: pe,
+              measureHeight: e.musicScore.measureHeight,
+              componentWidth: e.width,
+              componentHeight: e.height
+            }, null, 8, ["msSymbolContainer", "measure", "musicScore", "measureWidth", "singleStaff", "multipleStaves", "measureHeight", "componentWidth", "componentHeight"]),
+            (x(!0), D(E, null, se(d.value(T), (Ge, re) => (x(), J(ct, {
+              msSymbolContainer: Ge,
+              measure: T,
+              type: "self",
+              musicScore: e.musicScore,
+              measureWidth: be,
+              ind: re,
+              singleStaff: _,
+              multipleStaves: pe,
+              measureHeight: e.musicScore.measureHeight,
+              key: "virtual-symbol" + re,
+              componentWidth: e.width,
+              componentHeight: e.height
+            }, null, 8, ["msSymbolContainer", "measure", "musicScore", "measureWidth", "ind", "singleStaff", "multipleStaves", "measureHeight", "componentWidth", "componentHeight"]))), 128)),
+            (x(!0), D(E, null, se(d.value(T), (Ge, re) => (x(), J(ct, {
+              msSymbolContainer: Ge,
+              measure: T,
+              type: re === d.value(T).length - 1 ? "end" : "middle",
+              musicScore: e.musicScore,
+              measureWidth: be,
+              ind: re,
+              singleStaff: _,
+              multipleStaves: pe,
+              measureHeight: e.musicScore.measureHeight,
+              key: "virtual-symbol" + re,
+              componentWidth: e.width,
+              componentHeight: e.height
+            }, null, 8, ["msSymbolContainer", "measure", "type", "musicScore", "measureWidth", "ind", "singleStaff", "multipleStaves", "measureHeight", "componentWidth", "componentHeight"]))), 128))
+          ], 64)) : Ce("", !0)
+        ]),
+        _: 1
+      }, 8, ["musicScore", "style"]), [
+        [Ne, o.value === Z(he).edit]
+      ])
+    ], 36));
+  }
+}), bo = /* @__PURE__ */ ne(so, [["__scopeId", "data-v-54269214"]]);
+export {
+  co as KeySignatureTonicSemitones,
+  Q as MsSymbolInformationMap,
+  mo as bottomUtil,
+  bo as default,
+  po as eventUtil,
+  go as geometryUtil,
+  fo as heightUtil,
+  yo as leftUtil,
+  uo as widthConstantUtil,
+  ho as widthUtil
+};