lowcoder-comps 0.0.14 → 0.0.16

package/256b619e.js

@@ -0,0 +1,92 @@
+var E = Math.pow;
+const c = Math.PI, x = 2 * c, u = 1e-6, A = x - u;
+function T(e) {
+  this._ += e[0];
+  for (let t = 1, h = e.length; t < h; ++t)
+    this._ += arguments[t] + e[t];
+}
+function L(e) {
+  let t = Math.floor(e);
+  if (!(t >= 0))
+    throw new Error(`invalid digits: ${e}`);
+  if (t > 15)
+    return T;
+  const h = E(10, t);
+  return function(i) {
+    this._ += i[0];
+    for (let s = 1, n = i.length; s < n; ++s)
+      this._ += Math.round(arguments[s] * h) / h + i[s];
+  };
+}
+class P {
+  constructor(t) {
+    this._x0 = this._y0 = // start of current subpath
+    this._x1 = this._y1 = null, this._ = "", this._append = t == null ? T : L(t);
+  }
+  moveTo(t, h) {
+    this._append`M${this._x0 = this._x1 = +t},${this._y0 = this._y1 = +h}`;
+  }
+  closePath() {
+    this._x1 !== null && (this._x1 = this._x0, this._y1 = this._y0, this._append`Z`);
+  }
+  lineTo(t, h) {
+    this._append`L${this._x1 = +t},${this._y1 = +h}`;
+  }
+  quadraticCurveTo(t, h, i, s) {
+    this._append`Q${+t},${+h},${this._x1 = +i},${this._y1 = +s}`;
+  }
+  bezierCurveTo(t, h, i, s, n, $) {
+    this._append`C${+t},${+h},${+i},${+s},${this._x1 = +n},${this._y1 = +$}`;
+  }
+  arcTo(t, h, i, s, n) {
+    if (t = +t, h = +h, i = +i, s = +s, n = +n, n < 0)
+      throw new Error(`negative radius: ${n}`);
+    let $ = this._x1, r = this._y1, p = i - t, l = s - h, _ = $ - t, o = r - h, a = _ * _ + o * o;
+    if (this._x1 === null)
+      this._append`M${this._x1 = t},${this._y1 = h}`;
+    else if (a > u)
+      if (!(Math.abs(o * p - l * _) > u) || !n)
+        this._append`L${this._x1 = t},${this._y1 = h}`;
+      else {
+        let d = i - $, f = s - r, y = p * p + l * l, m = d * d + f * f, g = Math.sqrt(y), v = Math.sqrt(a), w = n * Math.tan((c - Math.acos((y + a - m) / (2 * g * v))) / 2), M = w / v, b = w / g;
+        Math.abs(M - 1) > u && this._append`L${t + M * _},${h + M * o}`, this._append`A${n},${n},0,0,${+(o * d > _ * f)},${this._x1 = t + b * p},${this._y1 = h + b * l}`;
+      }
+  }
+  arc(t, h, i, s, n, $) {
+    if (t = +t, h = +h, i = +i, $ = !!$, i < 0)
+      throw new Error(`negative radius: ${i}`);
+    let r = i * Math.cos(s), p = i * Math.sin(s), l = t + r, _ = h + p, o = 1 ^ $, a = $ ? s - n : n - s;
+    this._x1 === null ? this._append`M${l},${_}` : (Math.abs(this._x1 - l) > u || Math.abs(this._y1 - _) > u) && this._append`L${l},${_}`, i && (a < 0 && (a = a % x + x), a > A ? this._append`A${i},${i},0,1,${o},${t - r},${h - p}A${i},${i},0,1,${o},${this._x1 = l},${this._y1 = _}` : a > u && this._append`A${i},${i},0,${+(a >= c)},${o},${this._x1 = t + i * Math.cos(n)},${this._y1 = h + i * Math.sin(n)}`);
+  }
+  rect(t, h, i, s) {
+    this._append`M${this._x0 = this._x1 = +t},${this._y0 = this._y1 = +h}h${i = +i}v${+s}h${-i}Z`;
+  }
+  toString() {
+    return this._;
+  }
+}
+function C(e) {
+  return function() {
+    return e;
+  };
+}
+function R(e) {
+  let t = 3;
+  return e.digits = function(h) {
+    if (!arguments.length)
+      return t;
+    if (h == null)
+      t = null;
+    else {
+      const i = Math.floor(h);
+      if (!(i >= 0))
+        throw new RangeError(`invalid digits: ${h}`);
+      t = i;
+    }
+    return e;
+  }, () => new P(t);
+}
+export {
+  C as c,
+  R as w
+};

package/2ff2c7a6.js

@@ -0,0 +1,6 @@
+function t(r) {
+  return typeof r == "object" && "length" in r ? r : Array.from(r);
+}
+export {
+  t as a
+};

package/382c4fc4.js

@@ -0,0 +1,275 @@
+import { p as R, d as N, s as W } from "./623efbe6.js";
+import { c as t, h as H, l as b, i as v, j as L, D as U, x as C } from "./c7fbe06d.js";
+import { G as A, l as F } from "./86704c08.js";
+import { l as $ } from "./1f647469.js";
+import "./2ff2c7a6.js";
+import "./256b619e.js";
+const O = (e) => e.append("circle").attr("class", "start-state").attr("r", t().state.sizeUnit).attr("cx", t().state.padding + t().state.sizeUnit).attr("cy", t().state.padding + t().state.sizeUnit), X = (e) => e.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", t().state.textHeight).attr("class", "divider").attr("x2", t().state.textHeight * 2).attr("y1", 0).attr("y2", 0), J = (e, i) => {
+  const o = e.append("text").attr("x", 2 * t().state.padding).attr("y", t().state.textHeight + 2 * t().state.padding).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.id), c = o.node().getBBox();
+  return e.insert("rect", ":first-child").attr("x", t().state.padding).attr("y", t().state.padding).attr("width", c.width + 2 * t().state.padding).attr("height", c.height + 2 * t().state.padding).attr("rx", t().state.radius), o;
+}, Y = (e, i) => {
+  const o = function(d, m, f) {
+    const S = d.append("tspan").attr("x", 2 * t().state.padding).text(m);
+    f || S.attr("dy", t().state.textHeight);
+  }, s = e.append("text").attr("x", 2 * t().state.padding).attr("y", t().state.textHeight + 1.3 * t().state.padding).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.descriptions[0]).node().getBBox(), g = s.height, p = e.append("text").attr("x", t().state.padding).attr(
+    "y",
+    g + t().state.padding * 0.4 + t().state.dividerMargin + t().state.textHeight
+  ).attr("class", "state-description");
+  let a = !0, r = !0;
+  i.descriptions.forEach(function(d) {
+    a || (o(p, d, r), r = !1), a = !1;
+  });
+  const w = e.append("line").attr("x1", t().state.padding).attr("y1", t().state.padding + g + t().state.dividerMargin / 2).attr("y2", t().state.padding + g + t().state.dividerMargin / 2).attr("class", "descr-divider"), x = p.node().getBBox(), l = Math.max(x.width, s.width);
+  return w.attr("x2", l + 3 * t().state.padding), e.insert("rect", ":first-child").attr("x", t().state.padding).attr("y", t().state.padding).attr("width", l + 2 * t().state.padding).attr("height", x.height + g + 2 * t().state.padding).attr("rx", t().state.radius), e;
+}, I = (e, i, o) => {
+  const c = t().state.padding, s = 2 * t().state.padding, g = e.node().getBBox(), p = g.width, a = g.x, r = e.append("text").attr("x", 0).attr("y", t().state.titleShift).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.id), x = r.node().getBBox().width + s;
+  let l = Math.max(x, p);
+  l === p && (l = l + s);
+  let d;
+  const m = e.node().getBBox();
+  i.doc, d = a - c, x > p && (d = (p - l) / 2 + c), Math.abs(a - m.x) < c && x > p && (d = a - (x - p) / 2);
+  const f = 1 - t().state.textHeight;
+  return e.insert("rect", ":first-child").attr("x", d).attr("y", f).attr("class", o ? "alt-composit" : "composit").attr("width", l).attr(
+    "height",
+    m.height + t().state.textHeight + t().state.titleShift + 1
+  ).attr("rx", "0"), r.attr("x", d + c), x <= p && r.attr("x", a + (l - s) / 2 - x / 2 + c), e.insert("rect", ":first-child").attr("x", d).attr(
+    "y",
+    t().state.titleShift - t().state.textHeight - t().state.padding
+  ).attr("width", l).attr("height", t().state.textHeight * 3).attr("rx", t().state.radius), e.insert("rect", ":first-child").attr("x", d).attr(
+    "y",
+    t().state.titleShift - t().state.textHeight - t().state.padding
+  ).attr("width", l).attr("height", m.height + 3 + 2 * t().state.textHeight).attr("rx", t().state.radius), e;
+}, _ = (e) => (e.append("circle").attr("class", "end-state-outer").attr("r", t().state.sizeUnit + t().state.miniPadding).attr(
+  "cx",
+  t().state.padding + t().state.sizeUnit + t().state.miniPadding
+).attr(
+  "cy",
+  t().state.padding + t().state.sizeUnit + t().state.miniPadding
+), e.append("circle").attr("class", "end-state-inner").attr("r", t().state.sizeUnit).attr("cx", t().state.padding + t().state.sizeUnit + 2).attr("cy", t().state.padding + t().state.sizeUnit + 2)), q = (e, i) => {
+  let o = t().state.forkWidth, c = t().state.forkHeight;
+  if (i.parentId) {
+    let s = o;
+    o = c, c = s;
+  }
+  return e.append("rect").style("stroke", "black").style("fill", "black").attr("width", o).attr("height", c).attr("x", t().state.padding).attr("y", t().state.padding);
+}, D = (e, i, o, c) => {
+  let s = 0;
+  const g = c.append("text");
+  g.style("text-anchor", "start"), g.attr("class", "noteText");
+  let p = e.replace(/\r\n/g, "<br/>");
+  p = p.replace(/\n/g, "<br/>");
+  const a = p.split(L.lineBreakRegex);
+  let r = 1.25 * t().state.noteMargin;
+  for (const w of a) {
+    const x = w.trim();
+    if (x.length > 0) {
+      const l = g.append("tspan");
+      if (l.text(x), r === 0) {
+        const d = l.node().getBBox();
+        r += d.height;
+      }
+      s += r, l.attr("x", i + t().state.noteMargin), l.attr("y", o + s + 1.25 * t().state.noteMargin);
+    }
+  }
+  return { textWidth: g.node().getBBox().width, textHeight: s };
+}, Z = (e, i) => {
+  i.attr("class", "state-note");
+  const o = i.append("rect").attr("x", 0).attr("y", t().state.padding), c = i.append("g"), { textWidth: s, textHeight: g } = D(e, 0, 0, c);
+  return o.attr("height", g + 2 * t().state.noteMargin), o.attr("width", s + t().state.noteMargin * 2), o;
+}, T = function(e, i) {
+  const o = i.id, c = {
+    id: o,
+    label: i.id,
+    width: 0,
+    height: 0
+  }, s = e.append("g").attr("id", o).attr("class", "stateGroup");
+  i.type === "start" && O(s), i.type === "end" && _(s), (i.type === "fork" || i.type === "join") && q(s, i), i.type === "note" && Z(i.note.text, s), i.type === "divider" && X(s), i.type === "default" && i.descriptions.length === 0 && J(s, i), i.type === "default" && i.descriptions.length > 0 && Y(s, i);
+  const g = s.node().getBBox();
+  return c.width = g.width + 2 * t().state.padding, c.height = g.height + 2 * t().state.padding, c;
+};
+let G = 0;
+const j = function(e, i, o) {
+  const c = function(r) {
+    switch (r) {
+      case N.relationType.AGGREGATION:
+        return "aggregation";
+      case N.relationType.EXTENSION:
+        return "extension";
+      case N.relationType.COMPOSITION:
+        return "composition";
+      case N.relationType.DEPENDENCY:
+        return "dependency";
+    }
+  };
+  i.points = i.points.filter((r) => !Number.isNaN(r.y));
+  const s = i.points, g = $().x(function(r) {
+    return r.x;
+  }).y(function(r) {
+    return r.y;
+  }).curve(U), p = e.append("path").attr("d", g(s)).attr("id", "edge" + G).attr("class", "transition");
+  let a = "";
+  if (t().state.arrowMarkerAbsolute && (a = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search, a = a.replace(/\(/g, "\\("), a = a.replace(/\)/g, "\\)")), p.attr(
+    "marker-end",
+    "url(" + a + "#" + c(N.relationType.DEPENDENCY) + "End)"
+  ), o.title !== void 0) {
+    const r = e.append("g").attr("class", "stateLabel"), { x: w, y: x } = C.calcLabelPosition(i.points), l = L.getRows(o.title);
+    let d = 0;
+    const m = [];
+    let f = 0, S = 0;
+    for (let u = 0; u <= l.length; u++) {
+      const h = r.append("text").attr("text-anchor", "middle").text(l[u]).attr("x", w).attr("y", x + d), y = h.node().getBBox();
+      f = Math.max(f, y.width), S = Math.min(S, y.x), b.info(y.x, w, x + d), d === 0 && (d = h.node().getBBox().height, b.info("Title height", d, x)), m.push(h);
+    }
+    let k = d * l.length;
+    if (l.length > 1) {
+      const u = (l.length - 1) * d * 0.5;
+      m.forEach((h, y) => h.attr("y", x + y * d - u)), k = d * l.length;
+    }
+    const n = r.node().getBBox();
+    r.insert("rect", ":first-child").attr("class", "box").attr("x", w - f / 2 - t().state.padding / 2).attr("y", x - k / 2 - t().state.padding / 2 - 3.5).attr("width", f + t().state.padding).attr("height", k + t().state.padding), b.info(n);
+  }
+  G++;
+};
+let B;
+const z = {}, K = function() {
+}, Q = function(e) {
+  e.append("defs").append("marker").attr("id", "dependencyEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 19,7 L9,13 L14,7 L9,1 Z");
+}, V = function(e, i, o, c) {
+  B = t().state;
+  const s = t().securityLevel;
+  let g;
+  s === "sandbox" && (g = H("#i" + i));
+  const p = s === "sandbox" ? H(g.nodes()[0].contentDocument.body) : H("body"), a = s === "sandbox" ? g.nodes()[0].contentDocument : document;
+  b.debug("Rendering diagram " + e);
+  const r = p.select(`[id='${i}']`);
+  Q(r), new A({
+    multigraph: !0,
+    compound: !0,
+    // acyclicer: 'greedy',
+    rankdir: "RL"
+    // ranksep: '20'
+  }).setDefaultEdgeLabel(function() {
+    return {};
+  });
+  const x = c.db.getRootDoc();
+  P(x, r, void 0, !1, p, a, c);
+  const l = B.padding, d = r.node().getBBox(), m = d.width + l * 2, f = d.height + l * 2, S = m * 1.75;
+  v(r, f, S, B.useMaxWidth), r.attr(
+    "viewBox",
+    `${d.x - B.padding}  ${d.y - B.padding} ` + m + " " + f
+  );
+}, tt = (e) => e ? e.length * B.fontSizeFactor : 1, P = (e, i, o, c, s, g, p) => {
+  const a = new A({
+    compound: !0,
+    multigraph: !0
+  });
+  let r, w = !0;
+  for (r = 0; r < e.length; r++)
+    if (e[r].stmt === "relation") {
+      w = !1;
+      break;
+    }
+  o ? a.setGraph({
+    rankdir: "LR",
+    multigraph: !0,
+    compound: !0,
+    // acyclicer: 'greedy',
+    ranker: "tight-tree",
+    ranksep: w ? 1 : B.edgeLengthFactor,
+    nodeSep: w ? 1 : 50,
+    isMultiGraph: !0
+    // ranksep: 5,
+    // nodesep: 1
+  }) : a.setGraph({
+    rankdir: "TB",
+    multigraph: !0,
+    compound: !0,
+    // isCompound: true,
+    // acyclicer: 'greedy',
+    // ranker: 'longest-path'
+    ranksep: w ? 1 : B.edgeLengthFactor,
+    nodeSep: w ? 1 : 50,
+    ranker: "tight-tree",
+    // ranker: 'network-simplex'
+    isMultiGraph: !0
+  }), a.setDefaultEdgeLabel(function() {
+    return {};
+  }), p.db.extract(e);
+  const x = p.db.getStates(), l = p.db.getRelations(), d = Object.keys(x);
+  for (const n of d) {
+    const u = x[n];
+    o && (u.parentId = o);
+    let h;
+    if (u.doc) {
+      let y = i.append("g").attr("id", u.id).attr("class", "stateGroup");
+      h = P(u.doc, y, u.id, !c, s, g, p);
+      {
+        y = I(y, u, c);
+        let E = y.node().getBBox();
+        h.width = E.width, h.height = E.height + B.padding / 2, z[u.id] = { y: B.compositTitleSize };
+      }
+    } else
+      h = T(i, u);
+    if (u.note) {
+      const y = {
+        descriptions: [],
+        id: u.id + "-note",
+        note: u.note,
+        type: "note"
+      }, E = T(i, y);
+      u.note.position === "left of" ? (a.setNode(h.id + "-note", E), a.setNode(h.id, h)) : (a.setNode(h.id, h), a.setNode(h.id + "-note", E)), a.setParent(h.id, h.id + "-group"), a.setParent(h.id + "-note", h.id + "-group");
+    } else
+      a.setNode(h.id, h);
+  }
+  b.debug("Count=", a.nodeCount(), a);
+  let m = 0;
+  l.forEach(function(n) {
+    m++, b.debug("Setting edge", n), a.setEdge(
+      n.id1,
+      n.id2,
+      {
+        relation: n,
+        width: tt(n.title),
+        height: B.labelHeight * L.getRows(n.title).length,
+        labelpos: "c"
+      },
+      "id" + m
+    );
+  }), F(a), b.debug("Graph after layout", a.nodes());
+  const f = i.node();
+  a.nodes().forEach(function(n) {
+    n !== void 0 && a.node(n) !== void 0 ? (b.warn("Node " + n + ": " + JSON.stringify(a.node(n))), s.select("#" + f.id + " #" + n).attr(
+      "transform",
+      "translate(" + (a.node(n).x - a.node(n).width / 2) + "," + (a.node(n).y + (z[n] ? z[n].y : 0) - a.node(n).height / 2) + " )"
+    ), s.select("#" + f.id + " #" + n).attr("data-x-shift", a.node(n).x - a.node(n).width / 2), g.querySelectorAll("#" + f.id + " #" + n + " .divider").forEach((h) => {
+      const y = h.parentElement;
+      let E = 0, M = 0;
+      y && (y.parentElement && (E = y.parentElement.getBBox().width), M = parseInt(y.getAttribute("data-x-shift"), 10), Number.isNaN(M) && (M = 0)), h.setAttribute("x1", 0 - M + 8), h.setAttribute("x2", E - M - 8);
+    })) : b.debug("No Node " + n + ": " + JSON.stringify(a.node(n)));
+  });
+  let S = f.getBBox();
+  a.edges().forEach(function(n) {
+    n !== void 0 && a.edge(n) !== void 0 && (b.debug("Edge " + n.v + " -> " + n.w + ": " + JSON.stringify(a.edge(n))), j(i, a.edge(n), a.edge(n).relation));
+  }), S = f.getBBox();
+  const k = {
+    id: o || "root",
+    label: o || "root",
+    width: 0,
+    height: 0
+  };
+  return k.width = S.width + 2 * B.padding, k.height = S.height + 2 * B.padding, b.debug("Doc rendered", k, a), k;
+}, et = {
+  setConf: K,
+  draw: V
+}, dt = {
+  parser: R,
+  db: N,
+  renderer: et,
+  styles: W,
+  init: (e) => {
+    e.state || (e.state = {}), e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute, N.clear();
+  }
+};
+export {
+  dt as diagram
+};