@yiyi_zhang/reactflow-ui 0.3.0 → 0.5.0-beta.0

package/dist/diagram-2AECGRRQ-C5jZp2YX.js

@@ -0,0 +1,217 @@
+import { _ as l, s as k, g as I, q as R, p as F, a as _, b as D, I as E, z, F as y, D as C, G, l as P, K as W, e as B } from "./mermaid.core-XSpZEAKP.js";
+import { p as V } from "./chunk-4BX2VUAB-DE3VjyiZ.js";
+import { p as H } from "./wardley-L42UT6IY-D7b2ujEZ.js";
+var h = {
+  showLegend: !0,
+  ticks: 5,
+  max: null,
+  min: 0,
+  graticule: "circle"
+}, w = {
+  axes: [],
+  curves: [],
+  options: h
+}, x = structuredClone(w), j = G.radar, q = /* @__PURE__ */ l(() => y({
+  ...j,
+  ...C().radar
+}), "getConfig"), b = /* @__PURE__ */ l(() => x.axes, "getAxes"), K = /* @__PURE__ */ l(() => x.curves, "getCurves"), N = /* @__PURE__ */ l(() => x.options, "getOptions"), U = /* @__PURE__ */ l((a) => {
+  x.axes = a.map((t) => ({
+    name: t.name,
+    label: t.label ?? t.name
+  }));
+}, "setAxes"), X = /* @__PURE__ */ l((a) => {
+  x.curves = a.map((t) => ({
+    name: t.name,
+    label: t.label ?? t.name,
+    entries: Y(t.entries)
+  }));
+}, "setCurves"), Y = /* @__PURE__ */ l((a) => {
+  if (a[0].axis == null)
+    return a.map((e) => e.value);
+  const t = b();
+  if (t.length === 0)
+    throw new Error("Axes must be populated before curves for reference entries");
+  return t.map((e) => {
+    const r = a.find((s) => s.axis?.$refText === e.name);
+    if (r === void 0)
+      throw new Error("Missing entry for axis " + e.label);
+    return r.value;
+  });
+}, "computeCurveEntries"), Z = /* @__PURE__ */ l((a) => {
+  const t = a.reduce(
+    (e, r) => (e[r.name] = r, e),
+    {}
+  );
+  x.options = {
+    showLegend: t.showLegend?.value ?? h.showLegend,
+    ticks: t.ticks?.value ?? h.ticks,
+    max: t.max?.value ?? h.max,
+    min: t.min?.value ?? h.min,
+    graticule: t.graticule?.value ?? h.graticule
+  };
+}, "setOptions"), J = /* @__PURE__ */ l(() => {
+  z(), x = structuredClone(w);
+}, "clear"), $ = {
+  getAxes: b,
+  getCurves: K,
+  getOptions: N,
+  setAxes: U,
+  setCurves: X,
+  setOptions: Z,
+  getConfig: q,
+  clear: J,
+  setAccTitle: D,
+  getAccTitle: _,
+  setDiagramTitle: F,
+  getDiagramTitle: R,
+  getAccDescription: I,
+  setAccDescription: k
+}, Q = /* @__PURE__ */ l((a) => {
+  V(a, $);
+  const { axes: t, curves: e, options: r } = a;
+  $.setAxes(t), $.setCurves(e), $.setOptions(r);
+}, "populate"), tt = {
+  parse: /* @__PURE__ */ l(async (a) => {
+    const t = await H("radar", a);
+    P.debug(t), Q(t);
+  }, "parse")
+}, et = /* @__PURE__ */ l((a, t, e, r) => {
+  const s = r.db, o = s.getAxes(), i = s.getCurves(), n = s.getOptions(), c = s.getConfig(), d = s.getDiagramTitle(), p = E(t), u = at(p, c), g = n.max ?? Math.max(...i.map((f) => Math.max(...f.entries))), m = n.min, v = Math.min(c.width, c.height) / 2;
+  rt(u, o, v, n.ticks, n.graticule), st(u, o, v, c), M(u, o, i, m, g, n.graticule, c), T(u, i, n.showLegend, c), u.append("text").attr("class", "radarTitle").text(d).attr("x", 0).attr("y", -c.height / 2 - c.marginTop);
+}, "draw"), at = /* @__PURE__ */ l((a, t) => {
+  const e = t.width + t.marginLeft + t.marginRight, r = t.height + t.marginTop + t.marginBottom, s = {
+    x: t.marginLeft + t.width / 2,
+    y: t.marginTop + t.height / 2
+  };
+  return B(a, r, e, t.useMaxWidth ?? !0), a.attr("viewBox", `0 0 ${e} ${r}`), a.append("g").attr("transform", `translate(${s.x}, ${s.y})`);
+}, "drawFrame"), rt = /* @__PURE__ */ l((a, t, e, r, s) => {
+  if (s === "circle")
+    for (let o = 0; o < r; o++) {
+      const i = e * (o + 1) / r;
+      a.append("circle").attr("r", i).attr("class", "radarGraticule");
+    }
+  else if (s === "polygon") {
+    const o = t.length;
+    for (let i = 0; i < r; i++) {
+      const n = e * (i + 1) / r, c = t.map((d, p) => {
+        const u = 2 * p * Math.PI / o - Math.PI / 2, g = n * Math.cos(u), m = n * Math.sin(u);
+        return `${g},${m}`;
+      }).join(" ");
+      a.append("polygon").attr("points", c).attr("class", "radarGraticule");
+    }
+  }
+}, "drawGraticule"), st = /* @__PURE__ */ l((a, t, e, r) => {
+  const s = t.length;
+  for (let o = 0; o < s; o++) {
+    const i = t[o].label, n = 2 * o * Math.PI / s - Math.PI / 2;
+    a.append("line").attr("x1", 0).attr("y1", 0).attr("x2", e * r.axisScaleFactor * Math.cos(n)).attr("y2", e * r.axisScaleFactor * Math.sin(n)).attr("class", "radarAxisLine"), a.append("text").text(i).attr("x", e * r.axisLabelFactor * Math.cos(n)).attr("y", e * r.axisLabelFactor * Math.sin(n)).attr("class", "radarAxisLabel");
+  }
+}, "drawAxes");
+function M(a, t, e, r, s, o, i) {
+  const n = t.length, c = Math.min(i.width, i.height) / 2;
+  e.forEach((d, p) => {
+    if (d.entries.length !== n)
+      return;
+    const u = d.entries.map((g, m) => {
+      const v = 2 * Math.PI * m / n - Math.PI / 2, f = A(g, r, s, c), S = f * Math.cos(v), O = f * Math.sin(v);
+      return { x: S, y: O };
+    });
+    o === "circle" ? a.append("path").attr("d", L(u, i.curveTension)).attr("class", `radarCurve-${p}`) : o === "polygon" && a.append("polygon").attr("points", u.map((g) => `${g.x},${g.y}`).join(" ")).attr("class", `radarCurve-${p}`);
+  });
+}
+l(M, "drawCurves");
+function A(a, t, e, r) {
+  const s = Math.min(Math.max(a, t), e);
+  return r * (s - t) / (e - t);
+}
+l(A, "relativeRadius");
+function L(a, t) {
+  const e = a.length;
+  let r = `M${a[0].x},${a[0].y}`;
+  for (let s = 0; s < e; s++) {
+    const o = a[(s - 1 + e) % e], i = a[s], n = a[(s + 1) % e], c = a[(s + 2) % e], d = {
+      x: i.x + (n.x - o.x) * t,
+      y: i.y + (n.y - o.y) * t
+    }, p = {
+      x: n.x - (c.x - i.x) * t,
+      y: n.y - (c.y - i.y) * t
+    };
+    r += ` C${d.x},${d.y} ${p.x},${p.y} ${n.x},${n.y}`;
+  }
+  return `${r} Z`;
+}
+l(L, "closedRoundCurve");
+function T(a, t, e, r) {
+  if (!e)
+    return;
+  const s = (r.width / 2 + r.marginRight) * 3 / 4, o = -(r.height / 2 + r.marginTop) * 3 / 4, i = 20;
+  t.forEach((n, c) => {
+    const d = a.append("g").attr("transform", `translate(${s}, ${o + c * i})`);
+    d.append("rect").attr("width", 12).attr("height", 12).attr("class", `radarLegendBox-${c}`), d.append("text").attr("x", 16).attr("y", 0).attr("class", "radarLegendText").text(n.label);
+  });
+}
+l(T, "drawLegend");
+var nt = { draw: et }, ot = /* @__PURE__ */ l((a, t) => {
+  let e = "";
+  for (let r = 0; r < a.THEME_COLOR_LIMIT; r++) {
+    const s = a[`cScale${r}`];
+    e += `
+		.radarCurve-${r} {
+			color: ${s};
+			fill: ${s};
+			fill-opacity: ${t.curveOpacity};
+			stroke: ${s};
+			stroke-width: ${t.curveStrokeWidth};
+		}
+		.radarLegendBox-${r} {
+			fill: ${s};
+			fill-opacity: ${t.curveOpacity};
+			stroke: ${s};
+		}
+		`;
+  }
+  return e;
+}, "genIndexStyles"), it = /* @__PURE__ */ l((a) => {
+  const t = W(), e = C(), r = y(t, e.themeVariables), s = y(r.radar, a);
+  return { themeVariables: r, radarOptions: s };
+}, "buildRadarStyleOptions"), lt = /* @__PURE__ */ l(({ radar: a } = {}) => {
+  const { themeVariables: t, radarOptions: e } = it(a);
+  return `
+	.radarTitle {
+		font-size: ${t.fontSize};
+		color: ${t.titleColor};
+		dominant-baseline: hanging;
+		text-anchor: middle;
+	}
+	.radarAxisLine {
+		stroke: ${e.axisColor};
+		stroke-width: ${e.axisStrokeWidth};
+	}
+	.radarAxisLabel {
+		dominant-baseline: middle;
+		text-anchor: middle;
+		font-size: ${e.axisLabelFontSize}px;
+		color: ${e.axisColor};
+	}
+	.radarGraticule {
+		fill: ${e.graticuleColor};
+		fill-opacity: ${e.graticuleOpacity};
+		stroke: ${e.graticuleColor};
+		stroke-width: ${e.graticuleStrokeWidth};
+	}
+	.radarLegendText {
+		text-anchor: start;
+		font-size: ${e.legendFontSize}px;
+		dominant-baseline: hanging;
+	}
+	${ot(t, e)}
+	`;
+}, "styles"), pt = {
+  parser: tt,
+  db: $,
+  renderer: nt,
+  styles: lt
+};
+export {
+  pt as diagram
+};

package/dist/diagram-5GNKFQAL-DRUVcHpp.js

@@ -0,0 +1,123 @@
+import { _ as s, p as x, b as f, s as C, q as B, g as T, a as y, F as u, l as k, I as V, e as _, D, z as N, G as S } from "./mermaid.core-XSpZEAKP.js";
+import { p as I } from "./chunk-4BX2VUAB-DE3VjyiZ.js";
+import { I as $ } from "./chunk-QZHKN3VN-DoV8iUKo.js";
+import { p as z } from "./wardley-L42UT6IY-D7b2ujEZ.js";
+var d = new $(() => ({
+  cnt: 1,
+  stack: [
+    {
+      id: 0,
+      level: -1,
+      name: "/",
+      children: []
+    }
+  ]
+})), A = /* @__PURE__ */ s(() => {
+  d.reset(), N();
+}, "clear"), X = /* @__PURE__ */ s(() => d.records.stack[0], "getRoot"), H = /* @__PURE__ */ s(() => d.records.cnt, "getCount"), L = S.treeView, R = /* @__PURE__ */ s(() => u(L, D().treeView), "getConfig"), W = /* @__PURE__ */ s((e, t) => {
+  for (; e <= d.records.stack[d.records.stack.length - 1].level; )
+    d.records.stack.pop();
+  const a = {
+    id: d.records.cnt++,
+    level: e,
+    name: t,
+    children: []
+  };
+  d.records.stack[d.records.stack.length - 1].children.push(a), d.records.stack.push(a);
+}, "addNode"), E = {
+  clear: A,
+  addNode: W,
+  getRoot: X,
+  getCount: H,
+  getConfig: R,
+  getAccTitle: y,
+  getAccDescription: T,
+  getDiagramTitle: B,
+  setAccDescription: C,
+  setAccTitle: f,
+  setDiagramTitle: x
+}, m = E, F = /* @__PURE__ */ s((e) => {
+  I(e, m), e.nodes.map((t) => m.addNode(t.indent ? parseInt(t.indent) : 0, t.name));
+}, "populate"), M = {
+  parse: /* @__PURE__ */ s(async (e) => {
+    const t = await z("treeView", e);
+    k.debug(t), F(t);
+  }, "parse")
+}, Y = /* @__PURE__ */ s((e, t, a, n, o) => {
+  const c = n.append("text").text(a.name).attr("dominant-baseline", "middle").attr("class", "treeView-node-label"), { height: g, width: r } = c.node().getBBox(), l = g + o.paddingY * 2, i = r + o.paddingX * 2;
+  c.attr("x", e + o.paddingX), c.attr("y", t + l / 2), a.BBox = {
+    x: e,
+    y: t,
+    width: i,
+    height: l
+  };
+}, "positionLabel"), b = /* @__PURE__ */ s((e, t, a, n, o, c) => e.append("line").attr("x1", t).attr("y1", a).attr("x2", n).attr("y2", o).attr("stroke-width", c).attr("class", "treeView-node-line"), "positionLine"), q = /* @__PURE__ */ s((e, t, a) => {
+  let n = 0, o = 0;
+  const c = /* @__PURE__ */ s((r, l, i, h) => {
+    const v = h * (i.rowIndent + i.paddingX);
+    Y(v, n, l, r, i);
+    const { height: p, width: w } = l.BBox;
+    b(
+      r,
+      v - i.rowIndent,
+      n + p / 2,
+      v,
+      n + p / 2,
+      i.lineThickness
+    ), o = Math.max(o, v + w), n += p;
+  }, "drawNode"), g = /* @__PURE__ */ s((r, l = 0) => {
+    c(e, r, a, l), r.children.forEach((p) => {
+      g(p, l + 1);
+    });
+    const { x: i, y: h, height: v } = r.BBox;
+    if (r.children.length) {
+      const { y: p, height: w } = r.children[r.children.length - 1].BBox;
+      b(
+        e,
+        i + a.paddingX,
+        h + v,
+        i + a.paddingX,
+        p + w / 2 + a.lineThickness / 2,
+        a.lineThickness
+      );
+    }
+  }, "processNode");
+  return g(t), { totalHeight: n, totalWidth: o };
+}, "drawTree"), G = /* @__PURE__ */ s((e, t, a, n) => {
+  k.debug(`Rendering treeView diagram
+` + e);
+  const o = n.db, c = o.getRoot(), g = o.getConfig(), r = V(t), l = r.append("g");
+  l.attr("class", "tree-view");
+  const { totalHeight: i, totalWidth: h } = q(l, c, g);
+  r.attr("viewBox", `-${g.lineThickness / 2} 0 ${h} ${i}`), _(r, i, h, g.useMaxWidth);
+}, "draw"), j = {
+  draw: G
+}, J = j, K = {
+  labelFontSize: "16px",
+  labelColor: "black",
+  lineColor: "black"
+}, O = /* @__PURE__ */ s(({
+  treeView: e
+}) => {
+  const { labelFontSize: t, labelColor: a, lineColor: n } = u(
+    K,
+    e
+  );
+  return `
+    .treeView-node-label {
+        font-size: ${t};
+        fill: ${a};
+    }
+    .treeView-node-line {
+        stroke: ${n};
+    }
+    `;
+}, "styles"), P = O, te = {
+  db: m,
+  renderer: J,
+  parser: M,
+  styles: P
+};
+export {
+  te as diagram
+};