react-kggraph 0.0.8 → 0.0.9

package/lib/index.es8.js

@@ -0,0 +1,324 @@
+import { message as C } from "antd";
+import j from "./index.es23.js";
+import I from "./index.es24.js";
+import P from "./index.es25.js";
+import $ from "./index.es26.js";
+import D from "./index.es27.js";
+import J from "./index.es28.js";
+import N from "./index.es29.js";
+import R from "./index.es30.js";
+import q from "./index.es31.js";
+import A from "./index.es32.js";
+import B from "./index.es33.js";
+import { jsonStringifyParse as U } from "./index.es12.js";
+const L = [j, I, P, $, D, J, N, R, q, A], G = (c) => {
+  let o = {};
+  const s = {}, e = [];
+  return c.forEach((n) => {
+    var a;
+    const { group: d } = n;
+    if (d === "nodes") {
+      const r = n.data, l = (a = r.properties) == null ? void 0 : a.type, i = r.type;
+      !i && l === "uri" || (!e.includes(i) && l === "uri" ? (e.push(i), o = { ...o, [i]: { ...o[i], count: 1, img: r.image } }) : l === "uri" && i && (o = { ...o, [i]: { ...o[i], img: r.image, count: o[i].count + 1 } }));
+    } else if (d === "edges") {
+      const r = n.data, { label: l } = r;
+      s[l] ? s[l] = s[l] + 1 : s[l] = 1;
+    } else
+      console.log("nonono");
+  }), {
+    typeListArr: e,
+    typeListObj: o,
+    relationListObj: s
+  };
+}, te = (c, { graphData: o = [], typeObj: s, zktype: e, graphInfo: n = {} }) => {
+  let d = U(s);
+  const a = Object.keys(s), r = n.searchNodes || [], l = new Set(
+    (o == null ? void 0 : o.map((g) => {
+      var t, m, h;
+      return g.group === "nodes" ? (t = g.data) == null ? void 0 : t.id : ((m = g.data) == null ? void 0 : m.source) + "-" + ((h = g.data) == null ? void 0 : h.target);
+    }).filter(Boolean)) || []
+  ), { nodes: i = [], links: p = [] } = c || {}, y = [], k = (g) => {
+    g.forEach((t) => {
+      var m, h;
+      if (!l.has(t.id)) {
+        const v = (m = t.properties) == null ? void 0 : m.type, f = t.type, E = t.label.split("#").pop();
+        let w = -1;
+        if (!f && v === "uri")
+          w = t.image || L[0];
+        else if (!a.includes(f) && v === "uri") {
+          a.push(f);
+          const O = a.indexOf(f);
+          w = t.image || L[O] || L[0], d = { ...d, [f]: { ...d[f], img: w } };
+        } else v === "uri" && f && (w = (h = d[f]) == null ? void 0 : h.img);
+        const S = {
+          ...t,
+          name: E,
+          "properties-type": v,
+          image: r.includes(E) ? B : w,
+          baseWidth: 80,
+          // 保存基础宽度
+          baseHeight: 80
+          // 保存基础高度
+        };
+        y.push({ group: "nodes", data: S });
+      }
+    });
+  };
+  ((g) => {
+    g.forEach((t) => {
+      const { label: m } = t, h = `${t.source}-${t.target}`;
+      l.has(h) || y.push({ group: "edges", data: { ...t, name: m, zktype: e } });
+    });
+  })(p), k(i);
+  const { typeListObj: u, relationListObj: x } = G([...y, ...o]);
+  return {
+    elements: y,
+    typeListObj: u,
+    relationListObj: x
+  };
+}, oe = (c, o) => {
+  const s = c.current;
+  if (!s) return;
+  let e = {
+    color: "#000"
+  };
+  switch (o) {
+    case "center":
+      e = {
+        "text-halign": "center",
+        "text-valign": "center"
+        // 'color': '#fff',
+      };
+      break;
+    case "left":
+      e = {
+        ...e,
+        "text-halign": "left",
+        "text-valign": "center",
+        "text-margin-x": "-5px"
+      };
+      break;
+    case "right":
+      e = {
+        ...e,
+        "text-halign": "right",
+        "text-valign": "center",
+        "text-margin-x": "5px"
+      };
+      break;
+    case "top":
+      e = {
+        ...e,
+        "text-halign": "center",
+        "text-valign": "top",
+        "text-margin-y": "-5px"
+      };
+      break;
+    case "bottom":
+      e = {
+        ...e,
+        "text-halign": "center",
+        "text-valign": "bottom",
+        "text-margin-y": "5px"
+      };
+      break;
+  }
+  s.nodes().style(e), s.style().update();
+}, ne = async (c, { pathNodes: o, isGrayed: s = !0 }) => {
+  const e = c.current;
+  if (!e)
+    return;
+  if ((o == null ? void 0 : o.length) < 2) {
+    C.warning("请至少设置 2 个路径节点！");
+    return;
+  }
+  if ([...new Set(o)].length !== o.length) {
+    C.warning("路径中存在重复节点，请检查！");
+    return;
+  }
+  const d = [];
+  for (const a of o) {
+    const r = e.nodes().filter((l) => l.data("name") === a);
+    if (r.length > 0)
+      d.push(r.id());
+    else {
+      e.nodes().removeClass("path-node"), e.edges().removeClass("path-edge"), C.warning(`找不到节点：${a}`);
+      return;
+    }
+  }
+  try {
+    e.nodes().removeClass("path-node").removeClass("grayed"), e.edges().removeClass("path-edge").removeClass("grayed");
+    let a = e.collection(), r = 0, l = !0;
+    const i = [];
+    for (let p = 0; p < d.length - 1; p++) {
+      const y = d[p], k = d[p + 1], b = e.getElementById(y), u = e.getElementById(k), x = b.edgesWith(u).filter(function(t) {
+        return t.data("source") === y && t.data("target") === k;
+      }), g = u.edgesWith(b).filter(function(t) {
+        return t.data("source") === k && t.data("target") === y;
+      });
+      if (x.length > 0 || g.length > 0) {
+        const t = x.add(g);
+        a = a.union(t).union(b).union(u), r += t.length, b.addClass("path-node"), u.addClass("path-node"), t.addClass("path-edge"), i.push(b.data("name"), u.data("name")), console.log(`找到直接连接的边：正向${x.length}条，反向${g.length}条`);
+      } else {
+        const t = e.elements().aStar({
+          root: b,
+          goal: u,
+          directed: !1
+        });
+        if (t.found && t.path) {
+          a = a.union(t.path), r += t.distance, t.path.nodes().addClass("path-node"), t.path.edges().addClass("path-edge");
+          const m = t.path.nodes().map((h) => h.data("name"));
+          i.push(...m);
+        } else {
+          l = !1, console.log(`节点 ${o[p]} 和 ${o[p + 1]} 之间没有路径`);
+          break;
+        }
+      }
+    }
+    if (l && a.length > 0) {
+      const p = a.nodes(), y = a.edges();
+      p.addClass("path-node"), y.addClass("path-edge"), s && (e.nodes().not(p).addClass("grayed"), e.edges().not(y).addClass("grayed"));
+    } else
+      C.warning("无法找到完整的路径！");
+  } catch (a) {
+    console.error(2e3, "计算路径时出错：", a), C.warning("计算路径时出错，请重试！");
+  }
+}, T = (c) => {
+  const o = c.nodes().map((n) => ({
+    data: n.data(),
+    position: n.position(),
+    style: {
+      width: n.style("width"),
+      height: n.style("height"),
+      backgroundColor: n.style("background-color")
+    }
+  })), s = c.edges().map((n) => ({
+    data: n.data(),
+    style: {
+      width: n.style("width"),
+      "line-color": n.style("line-color"),
+      "target-arrow-color": n.style("target-arrow-color")
+    }
+  }));
+  return { nodes: o, edges: s };
+}, ae = (c) => {
+  const o = T(c), s = new Blob([JSON.stringify(o, null, 2)], { type: "application/json" }), e = URL.createObjectURL(s), n = document.createElement("a");
+  n.href = e, n.download = `graph-data-${Date.now()}.json`, n.click(), URL.revokeObjectURL(e);
+}, se = [
+  {
+    label: "网络布局",
+    key: "cose-bilkent"
+  },
+  {
+    label: "弹性布局",
+    key: "fcose"
+  },
+  {
+    label: "网格布局",
+    key: "grid"
+  },
+  {
+    label: "球面布局",
+    key: "circle"
+  },
+  {
+    label: "层级布局",
+    key: "breadthfirst"
+  },
+  {
+    label: "同心圆布局",
+    key: "concentric"
+  }
+], le = [
+  {
+    label: "查询节点",
+    key: "query",
+    func: "queryNode"
+  },
+  {
+    label: "连接分析",
+    key: "link",
+    func: "onLevelClick"
+  },
+  {
+    label: "路径分析",
+    key: "path",
+    func: "pathAnalysis"
+  }
+], re = [
+  {
+    label: "全选",
+    key: "all"
+  },
+  {
+    label: "反选",
+    key: "reverse"
+  },
+  {
+    label: "点选模式",
+    key: "click"
+  },
+  {
+    label: "框选模式",
+    key: "box"
+  }
+], ie = [
+  {
+    label: "下载JSON",
+    key: "downloadJson"
+  },
+  {
+    label: "预览JSON列表",
+    key: "previewJsonList"
+  },
+  {
+    label: "下载EXCEL",
+    key: "downloadExcel"
+  },
+  // {
+  //   label: '预览数据列表',
+  //   key: 'previewDataList' 
+  // },
+  {
+    label: "下载JPG",
+    key: "downloadJpg"
+  },
+  {
+    label: "下载PNG",
+    key: "downloadPng"
+  }
+], ce = [
+  {
+    label: "居中",
+    key: "center"
+  },
+  {
+    label: "顶部",
+    key: "top"
+  },
+  {
+    label: "底部",
+    key: "bottom"
+  },
+  {
+    label: "左侧",
+    key: "left"
+  },
+  {
+    label: "右侧",
+    key: "right"
+  }
+];
+export {
+  re as choiceConfig,
+  ae as donwnGraphData,
+  ie as downloadData,
+  T as getCyData,
+  ne as handleCalcPath,
+  L as imageMap,
+  se as layoutCongig,
+  le as linkAnalysis,
+  te as resDetailData,
+  oe as textLayout,
+  ce as textPositionConfig
+};