hub-ui-x 0.0.1

package/dist/diagram-VNBRO52H-CBXg8AYQ.js

@@ -0,0 +1,126 @@
+import { p as w } from "./chunk-4BMEZGHF-BBaiA8MA.js";
+import { _ as n, s as B, g as S, p as F, o as z, a as P, b as W, C as v, G as D, d as T, x as E, D as _, E as A, l as m } from "./mermaid-CZvYCPmi.js";
+import { p as N } from "./mermaid-parser.core-Bz7ADZ88.js";
+var C = {
+  packet: []
+}, x = structuredClone(C), L = A.packet, Y = /* @__PURE__ */ n(() => {
+  const t = v({
+    ...L,
+    ..._().packet
+  });
+  return t.showBits && (t.paddingY += 10), t;
+}, "getConfig"), G = /* @__PURE__ */ n(() => x.packet, "getPacket"), I = /* @__PURE__ */ n((t) => {
+  t.length > 0 && x.packet.push(t);
+}, "pushWord"), M = /* @__PURE__ */ n(() => {
+  E(), x = structuredClone(C);
+}, "clear"), h = {
+  pushWord: I,
+  getPacket: G,
+  getConfig: Y,
+  clear: M,
+  setAccTitle: W,
+  getAccTitle: P,
+  setDiagramTitle: z,
+  getDiagramTitle: F,
+  getAccDescription: S,
+  setAccDescription: B
+}, O = 1e4, H = /* @__PURE__ */ n((t) => {
+  w(t, h);
+  let e = -1, o = [], s = 1;
+  const { bitsPerRow: i } = h.getConfig();
+  for (let { start: a, end: r, label: p } of t.blocks) {
+    if (r && r < a)
+      throw new Error(`Packet block ${a} - ${r} is invalid. End must be greater than start.`);
+    if (a !== e + 1)
+      throw new Error(
+        `Packet block ${a} - ${r ?? a} is not contiguous. It should start from ${e + 1}.`
+      );
+    for (e = r ?? a, m.debug(`Packet block ${a} - ${e} with label ${p}`); o.length <= i + 1 && h.getPacket().length < O; ) {
+      const [b, c] = K({ start: a, end: r, label: p }, s, i);
+      if (o.push(b), b.end + 1 === s * i && (h.pushWord(o), o = [], s++), !c)
+        break;
+      ({ start: a, end: r, label: p } = c);
+    }
+  }
+  h.pushWord(o);
+}, "populate"), K = /* @__PURE__ */ n((t, e, o) => {
+  if (t.end === void 0 && (t.end = t.start), t.start > t.end)
+    throw new Error(`Block start ${t.start} is greater than block end ${t.end}.`);
+  return t.end + 1 <= e * o ? [t, void 0] : [
+    {
+      start: t.start,
+      end: e * o - 1,
+      label: t.label
+    },
+    {
+      start: e * o,
+      end: t.end,
+      label: t.label
+    }
+  ];
+}, "getNextFittingBlock"), R = {
+  parse: /* @__PURE__ */ n(async (t) => {
+    const e = await N("packet", t);
+    m.debug(e), H(e);
+  }, "parse")
+}, U = /* @__PURE__ */ n((t, e, o, s) => {
+  const i = s.db, a = i.getConfig(), { rowHeight: r, paddingY: p, bitWidth: b, bitsPerRow: c } = a, u = i.getPacket(), l = i.getDiagramTitle(), g = r + p, d = g * (u.length + 1) - (l ? 0 : r), k = b * c + 2, f = D(e);
+  f.attr("viewbox", `0 0 ${k} ${d}`), T(f, d, k, a.useMaxWidth);
+  for (const [$, y] of u.entries())
+    X(f, y, $, a);
+  f.append("text").text(l).attr("x", k / 2).attr("y", d - g / 2).attr("dominant-baseline", "middle").attr("text-anchor", "middle").attr("class", "packetTitle");
+}, "draw"), X = /* @__PURE__ */ n((t, e, o, { rowHeight: s, paddingX: i, paddingY: a, bitWidth: r, bitsPerRow: p, showBits: b }) => {
+  const c = t.append("g"), u = o * (s + a) + a;
+  for (const l of e) {
+    const g = l.start % p * r + 1, d = (l.end - l.start + 1) * r - i;
+    if (c.append("rect").attr("x", g).attr("y", u).attr("width", d).attr("height", s).attr("class", "packetBlock"), c.append("text").attr("x", g + d / 2).attr("y", u + s / 2).attr("class", "packetLabel").attr("dominant-baseline", "middle").attr("text-anchor", "middle").text(l.label), !b)
+      continue;
+    const k = l.end === l.start, f = u - 2;
+    c.append("text").attr("x", g + (k ? d / 2 : 0)).attr("y", f).attr("class", "packetByte start").attr("dominant-baseline", "auto").attr("text-anchor", k ? "middle" : "start").text(l.start), k || c.append("text").attr("x", g + d).attr("y", f).attr("class", "packetByte end").attr("dominant-baseline", "auto").attr("text-anchor", "end").text(l.end);
+  }
+}, "drawWord"), j = { draw: U }, q = {
+  byteFontSize: "10px",
+  startByteColor: "black",
+  endByteColor: "black",
+  labelColor: "black",
+  labelFontSize: "12px",
+  titleColor: "black",
+  titleFontSize: "14px",
+  blockStrokeColor: "black",
+  blockStrokeWidth: "1",
+  blockFillColor: "#efefef"
+}, J = /* @__PURE__ */ n(({ packet: t } = {}) => {
+  const e = v(q, t);
+  return `
+	.packetByte {
+		font-size: ${e.byteFontSize};
+	}
+	.packetByte.start {
+		fill: ${e.startByteColor};
+	}
+	.packetByte.end {
+		fill: ${e.endByteColor};
+	}
+	.packetLabel {
+		fill: ${e.labelColor};
+		font-size: ${e.labelFontSize};
+	}
+	.packetTitle {
+		fill: ${e.titleColor};
+		font-size: ${e.titleFontSize};
+	}
+	.packetBlock {
+		stroke: ${e.blockStrokeColor};
+		stroke-width: ${e.blockStrokeWidth};
+		fill: ${e.blockFillColor};
+	}
+	`;
+}, "styles"), tt = {
+  parser: R,
+  db: h,
+  renderer: j,
+  styles: J
+};
+export {
+  tt as diagram
+};

package/dist/download-B6Cbg_6N.js

@@ -0,0 +1,39 @@
+const l = (n, i) => {
+  try {
+    const t = n.cloneNode(!0);
+    t.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+    const e = new XMLSerializer().serializeToString(t), a = new Blob([e], { type: "image/svg+xml;charset=utf-8" }), c = URL.createObjectURL(a), o = document.createElement("a");
+    o.href = c, o.download = i || "mindmap.svg", document.body.appendChild(o), o.click(), document.body.removeChild(o), setTimeout(() => {
+      URL.revokeObjectURL(c);
+    }, 100);
+  } catch (t) {
+    console.error("下载SVG图片失败:", t);
+  }
+}, s = (n, i = "chart.png") => {
+  try {
+    if (n.getDataURL) {
+      const t = n.getDataURL({
+        type: "png",
+        pixelRatio: 2,
+        backgroundColor: "#fff"
+      }), e = document.createElement("a");
+      e.download = i, e.href = t, e.style.display = "none", document.body.appendChild(e), e.click(), document.body.removeChild(e);
+    } else if (n instanceof SVGElement) {
+      const t = new XMLSerializer().serializeToString(n), e = document.createElement("canvas"), a = e.getContext("2d"), c = new Image(), o = n.getBoundingClientRect();
+      e.width = o.width * 2, e.height = o.height * 2, c.onload = function() {
+        if (a) {
+          a.fillStyle = "#fff", a.fillRect(0, 0, e.width, e.height), a.drawImage(c, 0, 0, e.width, e.height);
+          const r = e.toDataURL("image/png"), d = document.createElement("a");
+          d.download = i, d.href = r, d.style.display = "none", document.body.appendChild(d), d.click(), document.body.removeChild(d);
+        }
+      }, c.src = "data:image/svg+xml;base64," + btoa(unescape(encodeURIComponent(t)));
+    } else
+      console.error("不支持的元素类型");
+  } catch (t) {
+    console.error("下载PNG图片失败:", t);
+  }
+};
+export {
+  s as a,
+  l as d
+};