react-kggraph 0.0.28 → 0.0.30

package/lib/index.es11.js

@@ -19,7 +19,7 @@ const f = ({ cyRef: n, setContextMenu: a, onPathAnalysis: t, setPathNodes: i, ac
       }
     },
     {
-      label: "节点信息",
+      label: "节点样式",
       ids: "nodeInfo",
       onClick: (e) => {
         console.log("节点信息:", e);

package/lib/index.es14.js

@@ -1,63 +1,75 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as D, useState as C, useImperativeHandle as w } from "react";
-import { Select as a, Form as r, Drawer as F, Input as o } from "antd";
-const { Option: t } = a, z = D((S, g) => {
-  const [v, s] = C(!1), [V, x] = C({ style: {}, data: {} }), [d] = r.useForm();
-  return w(g, () => ({
-    open: (l) => {
-      var c, h, i, m, b, p, y, u, f, I;
-      s(!0), x(l), d.setFieldsValue({
-        name: (c = l.data) == null ? void 0 : c.name,
-        type: l.type || "圆形",
-        color: (h = l.style) == null ? void 0 : h.color,
-        size: parseInt((i = l.style) == null ? void 0 : i.height) || 30,
-        borderWidth: parseInt((m = l.style) == null ? void 0 : m.borderWidth) || 2,
-        borderDash: ((b = l.style) == null ? void 0 : b.borderDash) === [5, 5] ? "是" : "否",
-        borderColor: (p = l.style) == null ? void 0 : p.borderColor,
-        textValign: ((y = l.style) == null ? void 0 : y.textValign) || "center",
-        fontStyle: ((u = l.style) == null ? void 0 : u.fontStyle) || "normal",
-        fontColor: ((f = l.style) == null ? void 0 : f["font-color"]) || "#000000",
-        textBackgroundColor: ((I = l.style) == null ? void 0 : I.textBackgroundColor) || "transparent"
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as W, useState as k, useImperativeHandle as u } from "react";
+import { Select as n, Form as r, Drawer as O, Input as d, Button as j, message as w } from "antd";
+import { textPositionConfig as N } from "./index.es8.js";
+const { Option: D } = n, q = W((B, F) => {
+  const { cyRef: c } = B, [S, s] = k(!1), [z, V] = k({ style: {}, data: {} }), [a] = r.useForm();
+  u(F, () => ({
+    open: (e) => {
+      var i, l, o, p, b, m, g, C, x, I;
+      s(!0), V(e), a.setFieldsValue({
+        name: (i = e.data) == null ? void 0 : i.name,
+        type: e.type || "圆形",
+        color: (l = e.style) == null ? void 0 : l.color,
+        size: parseInt((o = e.style) == null ? void 0 : o.height) || 30,
+        borderWidth: parseInt((p = e.style) == null ? void 0 : p.borderWidth) || 2,
+        borderDash: ((b = e.style) == null ? void 0 : b.borderDash) === [5, 5] ? "是" : "否",
+        borderColor: (m = e.style) == null ? void 0 : m.borderColor,
+        textValign: ((g = e.style) == null ? void 0 : g.textValign) || "center",
+        fontStyle: ((C = e.style) == null ? void 0 : C.fontStyle) || "normal",
+        fontColor: ((x = e.style) == null ? void 0 : x.color) || "#000000",
+        textBackgroundColor: ((I = e.style) == null ? void 0 : I.textBackgroundColor) || "transparent"
       });
     },
     close: () => s(!1)
-  })), /* @__PURE__ */ e(
-    F,
+  }));
+  const f = () => {
+    s(!1), a.resetFields();
+  }, y = (e) => {
+    const i = c == null ? void 0 : c.current;
+    if (!i) return;
+    const l = i.getElementById(z.id);
+    if (!l.length) {
+      w.error("未找到目标节点");
+      return;
+    }
+    const o = {};
+    e.size !== void 0 && e.size !== "" && (o.width = e.size, o.height = e.size), e.borderWidth !== void 0 && e.borderWidth !== "" && (o["border-width"] = e.borderWidth), e.borderColor && (o["border-color"] = e.borderColor), e.borderDash !== void 0 && (o["border-dash"] = e.borderDash === "是" ? [5, 5] : [0, 0]), e.textValign && (o["text-valign"] = e.textValign), e.fontStyle && (o["font-style"] = e.fontStyle), e.fontColor && (o.color = e.fontColor), e.textBackgroundColor && (o["text-background-color"] = e.textBackgroundColor), e.type && (e.type === "圆形" ? o.shape = "ellipse" : e.type === "矩形" && (o.shape = "rectangle")), l.style(o), e.name !== void 0 && l.data("name", e.name), w.success("节点样式已更新"), f();
+  };
+  return /* @__PURE__ */ t(
+    O,
     {
-      title: "节点配置",
+      title: "节点样式",
       closable: { "aria-label": "Close Button" },
-      onClose: () => {
-        s(!1), d.resetFields();
-      },
-      open: v,
+      onClose: f,
+      open: S,
       getContainer: !1,
       width: 360,
-      children: /* @__PURE__ */ n(
+      mask: !1,
+      footer: /* @__PURE__ */ t(j, { type: "primary", block: !0, onClick: () => {
+        a.validateFields().then((e) => y(e));
+      }, children: "保存节点配置" }),
+      children: /* @__PURE__ */ h(
         r,
         {
-          form: d,
+          form: a,
           layout: "vertical",
-          disabled: !0,
+          onFinish: y,
           children: [
-            /* @__PURE__ */ e(r.Item, { label: "名称", name: "name", children: /* @__PURE__ */ e(o, {}) }),
-            /* @__PURE__ */ e(r.Item, { label: "类型", name: "type", children: /* @__PURE__ */ n(a, { children: [
-              /* @__PURE__ */ e(t, { value: "圆形", children: "圆形" }),
-              /* @__PURE__ */ e(t, { value: "矩形", children: "矩形" })
-            ] }) }),
-            /* @__PURE__ */ e(r.Item, { label: "大小", name: "size", children: /* @__PURE__ */ e(o, { type: "number" }) }),
-            /* @__PURE__ */ e(r.Item, { label: "边框宽度", name: "borderWidth", children: /* @__PURE__ */ e(o, { type: "number" }) }),
-            /* @__PURE__ */ e(r.Item, { label: "边框虚线", name: "borderDash", children: /* @__PURE__ */ n(a, { children: [
-              /* @__PURE__ */ e(t, { value: "否", children: "否" }),
-              /* @__PURE__ */ e(t, { value: "是", children: "是" })
+            /* @__PURE__ */ t(r.Item, { label: "名称", name: "name", children: /* @__PURE__ */ t(d, {}) }),
+            /* @__PURE__ */ t(r.Item, { label: "类型", name: "type", children: /* @__PURE__ */ h(n, { children: [
+              /* @__PURE__ */ t(D, { value: "圆形", children: "圆形" }),
+              /* @__PURE__ */ t(D, { value: "矩形", children: "矩形" })
             ] }) }),
-            /* @__PURE__ */ e(r.Item, { label: "边框颜色", name: "borderColor", children: /* @__PURE__ */ e(o, { type: "color", style: { width: "100%", height: 32 } }) }),
-            /* @__PURE__ */ e(r.Item, { label: "字体位置", name: "textValign", children: /* @__PURE__ */ n(a, { children: [
-              /* @__PURE__ */ e(t, { value: "center", children: "居中" }),
-              /* @__PURE__ */ e(t, { value: "bottom", children: "底部" }),
-              /* @__PURE__ */ e(t, { value: "top", children: "顶部" })
+            /* @__PURE__ */ t(r.Item, { label: "大小", name: "size", children: /* @__PURE__ */ t(d, { type: "number" }) }),
+            /* @__PURE__ */ t(r.Item, { label: "边框宽度", name: "borderWidth", children: /* @__PURE__ */ t(d, { type: "number" }) }),
+            /* @__PURE__ */ t(r.Item, { label: "边框颜色", name: "borderColor", children: /* @__PURE__ */ t(d, { type: "color", style: { width: "100%", height: 32 } }) }),
+            /* @__PURE__ */ t(r.Item, { label: "字体位置", name: "textValign", children: /* @__PURE__ */ t(n, { children: N.map((e) => /* @__PURE__ */ t(n.Option, { value: e.key, children: e.label }, e.key)) }) }),
+            /* @__PURE__ */ t(r.Item, { label: "字体样式", name: "fontStyle", children: /* @__PURE__ */ h(n, { children: [
+              /* @__PURE__ */ t(n.Option, { value: "normal", children: "默认" }),
+              /* @__PURE__ */ t(n.Option, { value: "italic", children: "斜体" })
             ] }) }),
-            /* @__PURE__ */ e(r.Item, { label: "字体样式", name: "fontStyle", children: /* @__PURE__ */ e(o, {}) }),
-            /* @__PURE__ */ e(r.Item, { label: "字体颜色", name: "fontColor", children: /* @__PURE__ */ e(o, { type: "color", style: { width: "100%", height: 32 } }) })
+            /* @__PURE__ */ t(r.Item, { label: "字体颜色", name: "fontColor", children: /* @__PURE__ */ t(d, { type: "color", style: { width: "100%", height: 32 } }) })
           ]
         }
       )
@@ -65,5 +77,5 @@ const { Option: t } = a, z = D((S, g) => {
   );
 });
 export {
-  z as default
+  q as default
 };

package/lib/index.es16.js

@@ -1,37 +1,39 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as u, useContext as g, useState as e, useRef as C, useEffect as w, useImperativeHandle as h } from "react";
-import { Drawer as D } from "antd";
-import { GraphContext as x } from "./index.es15.js";
-import y from "./index.es38.js";
-import { cardDara as I } from "./index.es39.js";
-const K = u((v, l) => {
-  const { graphInfo: f, knowledgeCardApi: R } = g(x), [t, o] = e(!1), [d, s] = e(!1), [c, i] = e(!1), [k, p] = e({ style: {}, data: {} }), r = C(null);
-  w(() => {
-    t && r.current && (r.current.scrollTop = 0);
-  }, [t]), h(l, () => ({
-    open: (n) => {
-      o(!0), p(n), m();
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as w, useContext as C, useState as t, useRef as h, useEffect as I, useImperativeHandle as k } from "react";
+import { Drawer as x } from "antd";
+import { GraphContext as y } from "./index.es15.js";
+import D from "./index.es39.js";
+const G = w((v, d) => {
+  const { graphInfo: n, knowledgeCardApi: f } = C(y), [o, a] = t(!1), [c, l] = t(!1), [i, p] = t(!1), [R, u] = t({ style: {}, data: {} }), r = h(null);
+  I(() => {
+    o && r.current && (r.current.scrollTop = 0);
+  }, [o]), k(d, () => ({
+    open: (e) => {
+      a(!0), u(e), m(e);
     },
-    close: () => o(!1)
+    close: () => a(!1)
   }));
-  const m = async (n) => {
-    s(!0), i(I.data), s(!1);
+  const m = async (e) => {
+    l(!0);
+    const g = await f({ kgId: n.kgId, uri: e.id });
+    p(g.data), l(!1);
   };
-  return /* @__PURE__ */ a(
-    D,
+  return /* @__PURE__ */ s(
+    x,
     {
       title: "知识卡片",
       onClose: () => {
-        o(!1);
+        a(!1);
       },
-      open: t,
+      open: o,
+      mask: !1,
       getContainer: !1,
       className: "knowledge-card-drawer",
       styles: { body: { padding: "0 20px", overflow: "auto" } },
-      children: /* @__PURE__ */ a("div", { ref: r, style: { height: "100%" }, children: /* @__PURE__ */ a(y, { detailData: c, drawerInfo: f, loading: d }) })
+      children: /* @__PURE__ */ s("div", { ref: r, style: { height: "100%" }, children: /* @__PURE__ */ s(D, { detailData: i, drawerInfo: n, loading: c }) })
     }
   );
 });
 export {
-  K as default
+  G as default
 };

package/lib/index.es23.js

@@ -1,62 +1,65 @@
-import { jsx as e, Fragment as N, jsxs as a } from "react/jsx-runtime";
+import { jsx as n, Fragment as N, jsxs as s } from "react/jsx-runtime";
 import { useContext as g } from "react";
-import { Select as v, Space as b, Button as d } from "antd";
+import { Select as v, Space as b, Button as h } from "antd";
 import { CloseOutlined as w } from "@ant-design/icons";
 /* empty css           */
 import { GraphContext as k } from "./index.es15.js";
-const B = ({ searchChange: y, isVisible: h, closePath: c, analysis: i }) => {
-  const { pathNodes: n, setPathNodes: r, graphData: p } = g(k), m = () => {
-    c && c(!1);
+const P = ({ searchChange: x, isVisible: p, closePath: i, analysis: d }) => {
+  const { pathNodes: o, setPathNodes: r, graphData: m } = g(k), f = () => {
+    i && i(!1);
   }, u = () => {
-    i && i(n);
-  }, f = p.filter((t) => t.group === "nodes").map((t) => t.data);
-  return /* @__PURE__ */ e(N, { children: h && /* @__PURE__ */ a("div", { className: "path-node", children: [
-    /* @__PURE__ */ a("div", { className: "title", children: [
-      /* @__PURE__ */ e("span", { children: "路径分析" }),
-      /* @__PURE__ */ e(w, { onClick: () => m() })
+    d && d(o);
+  }, l = [];
+  return m.forEach((a) => {
+    const t = l.findIndex((e) => e.name === a.data.name);
+    a.group === "nodes" && t === -1 && l.push(a.data);
+  }), /* @__PURE__ */ n(N, { children: p && /* @__PURE__ */ s("div", { className: "path-node", children: [
+    /* @__PURE__ */ s("div", { className: "title", children: [
+      /* @__PURE__ */ n("span", { children: "路径分析" }),
+      /* @__PURE__ */ n(w, { onClick: () => f() })
     ] }),
-    n.map((t, s) => /* @__PURE__ */ a("div", { className: "node-input-row", children: [
-      /* @__PURE__ */ a("span", { children: [
+    o.map((a, t) => /* @__PURE__ */ s("div", { className: "node-input-row", children: [
+      /* @__PURE__ */ s("span", { children: [
         "节点 ",
-        s + 1,
+        t + 1,
         ":"
       ] }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ n(
         v,
         {
           showSearch: !0,
           style: { width: "60%" },
-          options: f.map((o) => ({
-            value: o.name,
-            label: o.name
+          options: l.map((e) => ({
+            value: e.name,
+            label: e.name
           })),
           placeholder: "请选择节点",
           className: "select-node",
-          value: t,
-          onChange: (o) => {
-            const l = [...n];
-            l[s] = o, r(l);
+          value: a,
+          onChange: (e) => {
+            const c = [...o];
+            c[t] = e, r(c);
           }
         }
       ),
-      n.length > 2 && /* @__PURE__ */ e(
+      o.length > 2 && /* @__PURE__ */ n(
         "button",
         {
           className: "btn remove-node-btn",
           onClick: () => {
-            const o = n.filter((l, C) => C !== s);
-            r(o);
+            const e = o.filter((c, C) => C !== t);
+            r(e);
           },
           children: "删除"
         }
       )
-    ] }, s)),
-    /* @__PURE__ */ e("div", { className: "btn-group", children: /* @__PURE__ */ a(b, { children: [
-      /* @__PURE__ */ e(d, { onClick: () => r([...n, ""]), children: "添加节点" }),
-      /* @__PURE__ */ e(d, { type: "primary", onClick: () => u(), children: "计算路径" })
+    ] }, t)),
+    /* @__PURE__ */ n("div", { className: "btn-group", children: /* @__PURE__ */ s(b, { children: [
+      /* @__PURE__ */ n(h, { onClick: () => r([...o, ""]), children: "添加节点" }),
+      /* @__PURE__ */ n(h, { type: "primary", onClick: () => u(), children: "计算路径" })
     ] }) })
   ] }) });
 };
 export {
-  B as default
+  P as default
 };

package/lib/index.es24.js

@@ -1,47 +1,50 @@
-import { jsx as l, Fragment as u, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as f, useState as o, useContext as y, useImperativeHandle as C } from "react";
-import { Form as b, Select as v, Input as x, Button as w } from "antd";
+import { jsx as l, Fragment as x, jsxs as a } from "react/jsx-runtime";
+import { forwardRef as y, useState as r, useContext as C, useImperativeHandle as b } from "react";
+import { Form as v, Select as w, Input as F, Button as I } from "antd";
 /* empty css           */
-import a from "antd/es/form/FormItem";
-import { CloseOutlined as F } from "@ant-design/icons";
-import { GraphContext as g } from "./index.es15.js";
-const q = f(({ onLevelClick: r }, s) => {
-  const [i, t] = o(!1), { graphData: m } = y(g), [p, D] = o({ level: 1 });
-  C(s, () => ({
+import o from "antd/es/form/FormItem";
+import { CloseOutlined as g } from "@ant-design/icons";
+import { GraphContext as D } from "./index.es15.js";
+const B = y(({ onLevelClick: s }, i) => {
+  const [p, n] = r(!1), { graphData: m } = C(D), [d, N] = r({ level: 1 });
+  b(i, () => ({
     open: (e) => {
-      t(!0);
+      n(!0);
     },
-    close: () => t(!1)
+    close: () => n(!1)
   }));
   const c = () => {
-    t(!1);
-  }, d = (e) => {
-    r(e.name, e.level);
-  }, h = m.filter((e) => e.group === "nodes").map((e) => e.data);
-  return /* @__PURE__ */ l(u, { children: i && /* @__PURE__ */ n("div", { className: "query-node z-10", children: [
-    /* @__PURE__ */ n("div", { className: "title", children: [
+    n(!1);
+  }, h = (e) => {
+    s(e.name, e.level);
+  }, t = [];
+  return m.forEach((e) => {
+    const u = t.findIndex((f) => f.name === e.data.name);
+    e.group === "nodes" && u === -1 && t.push(e.data);
+  }), /* @__PURE__ */ l(x, { children: p && /* @__PURE__ */ a("div", { className: "query-node z-10", children: [
+    /* @__PURE__ */ a("div", { className: "title", children: [
       /* @__PURE__ */ l("span", { children: "分析N层关系" }),
-      /* @__PURE__ */ l(F, { onClick: () => c() })
+      /* @__PURE__ */ l(g, { onClick: () => c() })
     ] }),
-    /* @__PURE__ */ n(
-      b,
+    /* @__PURE__ */ a(
+      v,
       {
-        onFinish: d,
-        initialValues: p,
+        onFinish: h,
+        initialValues: d,
         children: [
           /* @__PURE__ */ l(
-            a,
+            o,
             {
               label: "节点名称",
               labelCol: { span: 6 },
               name: "name",
               wrapperCol: { span: 14 },
               children: /* @__PURE__ */ l(
-                v,
+                w,
                 {
                   showSearch: !0,
                   style: { width: "200px" },
-                  options: h.map((e) => ({
+                  options: t.map((e) => ({
                     value: e.name,
                     label: e.name
                   }))
@@ -50,22 +53,22 @@ const q = f(({ onLevelClick: r }, s) => {
             }
           ),
           /* @__PURE__ */ l(
-            a,
+            o,
             {
               id: "level",
               label: "层级",
               labelCol: { span: 6 },
               name: "level",
               wrapperCol: { span: 14 },
-              children: /* @__PURE__ */ l(x, { placeholder: "请输入", style: { width: 200 }, type: "number", min: 1 })
+              children: /* @__PURE__ */ l(F, { placeholder: "请输入", style: { width: 200 }, type: "number", min: 1 })
             }
           ),
-          /* @__PURE__ */ l(a, { label: null, style: { textAlign: "center" }, children: /* @__PURE__ */ l(w, { type: "primary", htmlType: "submit", children: "查询" }) })
+          /* @__PURE__ */ l(o, { label: null, style: { textAlign: "center" }, children: /* @__PURE__ */ l(I, { type: "primary", htmlType: "submit", children: "查询" }) })
         ]
       }
     )
   ] }) });
 });
 export {
-  q as default
+  B as default
 };