lowcoder-comps 0.0.6 → 0.0.8

package/package/1264ddb2.js

@@ -0,0 +1,194 @@
+var z = Object.defineProperty;
+var A = Object.getOwnPropertySymbols;
+var q = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var N = (o, t, n) => t in o ? z(o, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[t] = n, S = (o, t) => {
+  for (var n in t || (t = {}))
+    q.call(t, n) && N(o, n, t[n]);
+  if (A)
+    for (var n of A(t))
+      F.call(t, n) && N(o, n, t[n]);
+  return o;
+};
+import { p as H, d as _, s as P } from "./79e8eeeb.js";
+import { l as y, c as i, h as k, y as V, t as W, r as R, o as B, p as J, k as G } from "./2b3ab1e4.js";
+import { G as K } from "./945eefb3.js";
+import { r as Q } from "./eaa160c9.js";
+import "./06481cb7.js";
+import "./a60de5d1.js";
+import "./a4d12a43.js";
+import "./012a06bb.js";
+import "./0c8b29d5.js";
+import "./e0f479f3.js";
+const I = (o) => G.sanitizeText(o, i());
+let T = {
+  dividerMargin: 10,
+  padding: 5,
+  textHeight: 10,
+  curve: void 0
+};
+const U = function(o, t, n, a) {
+  const e = Object.keys(o);
+  y.info("keys:", e), y.info(o), e.forEach(function(r) {
+    var u, h;
+    var s, c;
+    const l = o[r];
+    let b = "";
+    l.cssClasses.length > 0 && (b = b + " " + l.cssClasses.join(" "));
+    const d = { labelStyle: "", style: "" }, v = (u = l.label) != null ? u : l.id, p = 0, m = "class_box", f = {
+      labelStyle: d.labelStyle,
+      shape: m,
+      labelText: I(v),
+      classData: l,
+      rx: p,
+      ry: p,
+      class: b,
+      style: d.style,
+      id: l.id,
+      domId: l.domId,
+      tooltip: a.db.getTooltip(l.id) || "",
+      haveCallback: l.haveCallback,
+      link: l.link,
+      width: l.type === "group" ? 500 : void 0,
+      type: l.type,
+      padding: (h = (s = i().flowchart) == null ? void 0 : s.padding) != null ? h : (c = i().class) == null ? void 0 : c.padding
+    };
+    t.setNode(l.id, f), y.info("setNode", f);
+  });
+}, X = function(o, t, n, a) {
+  y.info(o), o.forEach(function(e, r) {
+    var g;
+    var s, c;
+    const l = e, b = "", d = { labelStyle: "", style: "" }, v = l.text, p = 0, m = "note", f = {
+      labelStyle: d.labelStyle,
+      shape: m,
+      labelText: I(v),
+      noteData: l,
+      rx: p,
+      ry: p,
+      class: b,
+      style: d.style,
+      id: l.id,
+      domId: l.id,
+      tooltip: "",
+      type: "note",
+      padding: (g = (s = i().flowchart) == null ? void 0 : s.padding) != null ? g : (c = i().class) == null ? void 0 : c.padding
+    };
+    if (t.setNode(l.id, f), y.info("setNode", f), !l.class || !(l.class in a))
+      return;
+    const u = n + r, h = {
+      id: `edgeNote${u}`,
+      classes: "relation",
+      pattern: "dotted",
+      arrowhead: "none",
+      startLabelRight: "",
+      endLabelLeft: "",
+      arrowTypeStart: "none",
+      arrowTypeEnd: "none",
+      style: "fill:none",
+      labelStyle: "",
+      curve: R(T.curve, B)
+    };
+    t.setEdge(l.id, l.class, h, u);
+  });
+}, Y = function(o, t) {
+  const n = i().flowchart;
+  let a = 0;
+  o.forEach(function(e) {
+    var c;
+    var r;
+    a++;
+    const s = {
+      classes: "relation",
+      pattern: e.relation.lineType == 1 ? "dashed" : "solid",
+      id: "id" + a,
+      arrowhead: e.type === "arrow_open" ? "none" : "normal",
+      startLabelRight: e.relationTitle1 === "none" ? "" : e.relationTitle1,
+      endLabelLeft: e.relationTitle2 === "none" ? "" : e.relationTitle2,
+      arrowTypeStart: M(e.relation.type1),
+      arrowTypeEnd: M(e.relation.type2),
+      style: "fill:none",
+      labelStyle: "",
+      curve: R(n == null ? void 0 : n.curve, B)
+    };
+    if (y.info(s, e), e.style !== void 0) {
+      const l = J(e.style);
+      s.style = l.style, s.labelStyle = l.labelStyle;
+    }
+    e.text = e.title, e.text === void 0 ? e.style !== void 0 && (s.arrowheadStyle = "fill: #333") : (s.arrowheadStyle = "fill: #333", s.labelpos = "c", ((c = (r = i().flowchart) == null ? void 0 : r.htmlLabels) != null ? c : i().htmlLabels) ? (s.labelType = "html", s.label = '<span class="edgeLabel">' + e.text + "</span>") : (s.labelType = "text", s.label = e.text.replace(G.lineBreakRegex, `
+`), e.style === void 0 && (s.style = s.style || "stroke: #333; stroke-width: 1.5px;fill:none"), s.labelStyle = s.labelStyle.replace("color:", "fill:"))), t.setEdge(e.id1, e.id2, s, a);
+  });
+}, Z = function(o) {
+  T = S(S({}, T), o);
+}, j = function(o, t, n, a) {
+  var h, g, L, C;
+  y.info("Drawing class - ", t);
+  const e = (h = i().flowchart) != null ? h : i().class, r = i().securityLevel;
+  y.info("config:", e);
+  const s = (g = e == null ? void 0 : e.nodeSpacing) != null ? g : 50, c = (L = e == null ? void 0 : e.rankSpacing) != null ? L : 50, l = new K({
+    multigraph: !0,
+    compound: !0
+  }).setGraph({
+    rankdir: a.db.getDirection(),
+    nodesep: s,
+    ranksep: c,
+    marginx: 8,
+    marginy: 8
+  }).setDefaultEdgeLabel(function() {
+    return {};
+  }), b = a.db.getClasses(), d = a.db.getRelations(), v = a.db.getNotes();
+  y.info(d), U(b, l, t, a), Y(d, l), X(v, l, d.length + 1, b);
+  let p;
+  r === "sandbox" && (p = k("#i" + t));
+  const m = r === "sandbox" ? k(p.nodes()[0].contentDocument.body) : k("body"), f = m.select(`[id="${t}"]`), u = m.select("#" + t + " g");
+  if (Q(
+    u,
+    l,
+    ["aggregation", "extension", "composition", "dependency", "lollipop"],
+    "classDiagram",
+    t
+  ), V.insertTitle(f, "classTitleText", (C = e == null ? void 0 : e.titleTopMargin) != null ? C : 5, a.db.getDiagramTitle()), W(l, f, e == null ? void 0 : e.diagramPadding, e == null ? void 0 : e.useMaxWidth), !(e != null && e.htmlLabels)) {
+    const D = r === "sandbox" ? p.nodes()[0].contentDocument : document, $ = D.querySelectorAll('[id="' + t + '"] .edgeLabel .label');
+    for (const w of $) {
+      const E = w.getBBox(), x = D.createElementNS("http://www.w3.org/2000/svg", "rect");
+      x.setAttribute("rx", 0), x.setAttribute("ry", 0), x.setAttribute("width", E.width), x.setAttribute("height", E.height), w.insertBefore(x, w.firstChild);
+    }
+  }
+};
+function M(o) {
+  let t;
+  switch (o) {
+    case 0:
+      t = "aggregation";
+      break;
+    case 1:
+      t = "extension";
+      break;
+    case 2:
+      t = "composition";
+      break;
+    case 3:
+      t = "dependency";
+      break;
+    case 4:
+      t = "lollipop";
+      break;
+    default:
+      t = "none";
+  }
+  return t;
+}
+const O = {
+  setConf: Z,
+  draw: j
+}, pe = {
+  parser: H,
+  db: _,
+  renderer: O,
+  styles: P,
+  init: (o) => {
+    o.class || (o.class = {}), o.class.arrowMarkerAbsolute = o.arrowMarkerAbsolute, _.clear();
+  }
+};
+export {
+  pe as diagram
+};