epic-designer-gold/dist/diagram-P4PSJMXO-DdRI_98m.js

基于vue3的设计器,可视化开发页面表单

import { _ as b, G as m, L as B, e as C, l as w, b as S, a as D, q as T, t as P, g as z, s as A, H as E, I as F, A as W } from "./mermaid.core-BmO8XxbV.js";
import { p as _ } from "./chunk-4BX2VUAB-DxgSnK6Z.js";
import { p as L } from "./mermaid-parser.core-D4bsOEtn.js";
var N = E.packet, u, v = (u = class {
  constructor() {
    this.packet = [], this.setAccTitle = S, this.getAccTitle = D, this.setDiagramTitle = T, this.getDiagramTitle = P, this.getAccDescription = z, this.setAccDescription = A;
  }
  getConfig() {
    const t = m({
      ...N,
      ...F().packet
    });
    return t.showBits && (t.paddingY += 10), t;
  }
  getPacket() {
    return this.packet;
  }
  pushWord(t) {
    t.length > 0 && this.packet.push(t);
  }
  clear() {
    W(), this.packet = [];
  }
}, b(u, "PacketDB"), u), I = 1e4, M = /* @__PURE__ */ b((e, t) => {
  _(e, t);
  let s = -1, r = [], n = 1;
  const { bitsPerRow: l } = t.getConfig();
  for (let { start: a, end: i, bits: d, label: c } of e.blocks) {
    if (a !== void 0 && i !== void 0 && i < a)
      throw new Error(`Packet block ${a} - ${i} is invalid. End must be greater than start.`);
    if (a ?? (a = s + 1), a !== s + 1)
      throw new Error(
        `Packet block ${a} - ${i ?? a} is not contiguous. It should start from ${s + 1}.`
      );
    if (d === 0)
      throw new Error(`Packet block ${a} is invalid. Cannot have a zero bit field.`);
    for (i ?? (i = a + (d ?? 1) - 1), d ?? (d = i - a + 1), s = i, w.debug(`Packet block ${a} - ${s} with label ${c}`); r.length <= l + 1 && t.getPacket().length < I; ) {
      const [p, o] = Y({ start: a, end: i, bits: d, label: c }, n, l);
      if (r.push(p), p.end + 1 === n * l && (t.pushWord(r), r = [], n++), !o)
        break;
      ({ start: a, end: i, bits: d, label: c } = o);
    }
  }
  t.pushWord(r);
}, "populate"), Y = /* @__PURE__ */ b((e, t, s) => {
  if (e.start === void 0)
    throw new Error("start should have been set during first phase");
  if (e.end === void 0)
    throw new Error("end should have been set during first phase");
  if (e.start > e.end)
    throw new Error(`Block start ${e.start} is greater than block end ${e.end}.`);
  if (e.end + 1 <= t * s)
    return [e, void 0];
  const r = t * s - 1, n = t * s;
  return [
    {
      start: e.start,
      end: r,
      label: e.label,
      bits: r - e.start
    },
    {
      start: n,
      end: e.end,
      label: e.label,
      bits: e.end - n
    }
  ];
}, "getNextFittingBlock"), x = {
  // @ts-expect-error - PacketDB is not assignable to DiagramDB
  parser: { yy: void 0 },
  parse: /* @__PURE__ */ b(async (e) => {
    var r;
    const t = await L("packet", e), s = (r = x.parser) == null ? void 0 : r.yy;
    if (!(s instanceof v))
      throw new Error(
        "parser.parser?.yy was not a PacketDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues."
      );
    w.debug(t), M(t, s);
  }, "parse")
}, G = /* @__PURE__ */ b((e, t, s, r) => {
  const n = r.db, l = n.getConfig(), { rowHeight: a, paddingY: i, bitWidth: d, bitsPerRow: c } = l, p = n.getPacket(), o = n.getDiagramTitle(), h = a + i, g = h * (p.length + 1) - (o ? 0 : a), k = d * c + 2, f = B(t);
  f.attr("viewBox", `0 0 ${k} ${g}`), C(f, g, k, l.useMaxWidth);
  for (const [y, $] of p.entries())
    H(f, $, y, l);
  f.append("text").text(o).attr("x", k / 2).attr("y", g - h / 2).attr("dominant-baseline", "middle").attr("text-anchor", "middle").attr("class", "packetTitle");
}, "draw"), H = /* @__PURE__ */ b((e, t, s, { rowHeight: r, paddingX: n, paddingY: l, bitWidth: a, bitsPerRow: i, showBits: d }) => {
  const c = e.append("g"), p = s * (r + l) + l;
  for (const o of t) {
    const h = o.start % i * a + 1, g = (o.end - o.start + 1) * a - n;
    if (c.append("rect").attr("x", h).attr("y", p).attr("width", g).attr("height", r).attr("class", "packetBlock"), c.append("text").attr("x", h + g / 2).attr("y", p + r / 2).attr("class", "packetLabel").attr("dominant-baseline", "middle").attr("text-anchor", "middle").text(o.label), !d)
      continue;
    const k = o.end === o.start, f = p - 2;
    c.append("text").attr("x", h + (k ? g / 2 : 0)).attr("y", f).attr("class", "packetByte start").attr("dominant-baseline", "auto").attr("text-anchor", k ? "middle" : "start").text(o.start), k || c.append("text").attr("x", h + g).attr("y", f).attr("class", "packetByte end").attr("dominant-baseline", "auto").attr("text-anchor", "end").text(o.end);
  }
}, "drawWord"), O = { draw: G }, j = {
  byteFontSize: "10px",
  startByteColor: "black",
  endByteColor: "black",
  labelColor: "black",
  labelFontSize: "12px",
  titleColor: "black",
  titleFontSize: "14px",
  blockStrokeColor: "black",
  blockStrokeWidth: "1",
  blockFillColor: "#efefef"
}, q = /* @__PURE__ */ b(({ packet: e } = {}) => {
  const t = m(j, e);
  return `
	.packetByte {
		font-size: ${t.byteFontSize};
	}
	.packetByte.start {
		fill: ${t.startByteColor};
	}
	.packetByte.end {
		fill: ${t.endByteColor};
	}
	.packetLabel {
		fill: ${t.labelColor};
		font-size: ${t.labelFontSize};
	}
	.packetTitle {
		fill: ${t.titleColor};
		font-size: ${t.titleFontSize};
	}
	.packetBlock {
		stroke: ${t.blockStrokeColor};
		stroke-width: ${t.blockStrokeWidth};
		fill: ${t.blockFillColor};
	}
	`;
}, "styles"), X = {
  parser: x,
  get db() {
    return new v();
  },
  renderer: O,
  styles: q
};
export {
  X as diagram
};