react-kggraph 0.0.21 → 0.0.23

package/lib/index.es10.js

@@ -1,8 +1,8 @@
-const g = {
+const g = 60, s = {
   nodeLabelColor: "#000",
-  nodeLabelFontSize: 18,
+  nodeLabelFontSize: 16,
   edgeLabelColor: "#666",
-  edgeLabelFontSize: 18,
+  edgeLabelFontSize: 16,
   uriNodeColor: "#f7de63",
   // 节点类型为uri的节点颜色，默认节点颜色
   normalNodeColor: "#1890FF",
@@ -16,21 +16,21 @@ const g = {
   //路径高亮颜色
   pathNodeColor: "#145AFD"
   //路径节点颜色-不生效
-}, h = ({ elements: c, colors: n = {} }) => {
-  const e = { ...g, ...n }, l = [], t = 80;
-  c.map((o) => {
-    var a, d, i;
-    !l.includes((a = o == null ? void 0 : o.data) == null ? void 0 : a.type) && ((d = o == null ? void 0 : o.data) != null && d.type) && l.push((i = o.data) == null ? void 0 : i.type);
+}, h = ({ elements: i, colors: c = {} }) => {
+  const e = { ...s, ...c }, r = [];
+  i.map((o) => {
+    var l, a, d;
+    !r.includes((l = o == null ? void 0 : o.data) == null ? void 0 : l.type) && ((a = o == null ? void 0 : o.data) != null && a.type) && r.push((d = o.data) == null ? void 0 : d.type);
   });
-  const r = [];
-  r.push({
+  const t = [];
+  t.push({
     selector: '[properties-type="uri"]',
     style: {
       "background-color": e.uriNodeColor,
       "background-image": "data(image)",
       "background-fit": "cover",
-      width: t,
-      height: t,
+      width: 60,
+      height: 60,
       label: "data(name)",
       color: e.nodeLabelColor,
       "text-valign": "bottom",
@@ -39,14 +39,14 @@ const g = {
       "text-wrap": "ellipsis",
       "text-overflow-wrap": "anywhere"
     }
-  }), r.push({
+  }), t.push({
     selector: '[properties-type!="uri"]',
     style: {
       "background-color": e.normalNodeColor,
       "background-image": "data(image)",
       "background-fit": "cover",
-      width: t,
-      height: t,
+      width: 60,
+      height: 60,
       label: "data(name)",
       color: e.nodeLabelColor,
       "text-valign": "bottom",
@@ -56,7 +56,7 @@ const g = {
       "text-overflow-wrap": "anywhere"
     }
   });
-  const s = [
+  const n = [
     {
       selector: "node",
       style: {
@@ -184,9 +184,10 @@ const g = {
       }
     }
   ];
-  return r.concat(s);
+  return t.concat(n);
 };
 export {
-  g as defaultColors,
-  h as edgeNodeStyles
+  s as defaultColors,
+  h as edgeNodeStyles,
+  g as nodeSize
 };

package/lib/index.es14.js

@@ -1,65 +1,63 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as w, useState as C, useImperativeHandle as D } from "react";
-import { Select as a, Form as l, Drawer as F, Input as r } from "antd";
-const { Option: o } = a, z = w((S, g) => {
-  const [v, d] = C(!1), [B, x] = C({ style: {}, data: {} }), [s] = l.useForm();
-  return D(g, () => ({
-    open: (t) => {
-      var c, h, i, m, b, y, p, u, f, I;
-      d(!0), x(t), s.setFieldsValue({
-        name: (c = t.data) == null ? void 0 : c.name,
-        type: t.type || "圆形",
-        color: (h = t.style) == null ? void 0 : h.color,
-        size: parseInt((i = t.style) == null ? void 0 : i.height) || 30,
-        borderWidth: parseInt((m = t.style) == null ? void 0 : m.borderWidth) || 2,
-        borderDash: ((b = t.style) == null ? void 0 : b.borderDash) === [5, 5] ? "是" : "否",
-        borderColor: (y = t.style) == null ? void 0 : y.borderColor,
-        textValign: ((p = t.style) == null ? void 0 : p.textValign) || "center",
-        fontStyle: ((u = t.style) == null ? void 0 : u.fontStyle) || "normal",
-        fontColor: ((f = t.style) == null ? void 0 : f["font-color"]) || "#000000",
-        textBackgroundColor: ((I = t.style) == null ? void 0 : I.textBackgroundColor) || "transparent"
+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"
       });
     },
-    close: () => d(!1)
+    close: () => s(!1)
   })), /* @__PURE__ */ e(
     F,
     {
       title: "节点配置",
       closable: { "aria-label": "Close Button" },
       onClose: () => {
-        d(!1), s.resetFields();
+        s(!1), d.resetFields();
       },
       open: v,
       getContainer: !1,
       width: 360,
       children: /* @__PURE__ */ n(
-        l,
+        r,
         {
-          form: s,
+          form: d,
           layout: "vertical",
           disabled: !0,
           children: [
-            /* @__PURE__ */ e(l.Item, { label: "名称", name: "name", children: /* @__PURE__ */ e(r, {}) }),
-            /* @__PURE__ */ e(l.Item, { label: "类型", name: "type", children: /* @__PURE__ */ n(a, { children: [
-              /* @__PURE__ */ e(o, { value: "圆形", children: "圆形" }),
-              /* @__PURE__ */ e(o, { value: "矩形", 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(l.Item, { label: "颜色", name: "color", children: /* @__PURE__ */ e(r, { type: "color", style: { width: "100%", height: 32 } }) }),
-            /* @__PURE__ */ e(l.Item, { label: "大小", name: "size", children: /* @__PURE__ */ e(r, { type: "number" }) }),
-            /* @__PURE__ */ e(l.Item, { label: "边框宽度", name: "borderWidth", children: /* @__PURE__ */ e(r, { type: "number" }) }),
-            /* @__PURE__ */ e(l.Item, { label: "边框虚线", name: "borderDash", children: /* @__PURE__ */ n(a, { children: [
-              /* @__PURE__ */ e(o, { value: "否", children: "否" }),
-              /* @__PURE__ */ e(o, { 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__ */ e(l.Item, { label: "边框颜色", name: "borderColor", children: /* @__PURE__ */ e(r, { type: "color", style: { width: "100%", height: 32 } }) }),
-            /* @__PURE__ */ e(l.Item, { label: "字体位置", name: "textValign", children: /* @__PURE__ */ n(a, { children: [
-              /* @__PURE__ */ e(o, { value: "center", children: "居中" }),
-              /* @__PURE__ */ e(o, { value: "bottom", children: "底部" }),
-              /* @__PURE__ */ e(o, { value: "top", 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__ */ e(l.Item, { label: "字体样式", name: "fontStyle", children: /* @__PURE__ */ e(r, {}) }),
-            /* @__PURE__ */ e(l.Item, { label: "字体颜色", name: "fontColor", children: /* @__PURE__ */ e(r, { type: "color", style: { width: "100%", height: 32 } }) }),
-            /* @__PURE__ */ e(l.Item, { label: "字体背色", name: "textBackgroundColor", children: /* @__PURE__ */ e(r, {}) })
+            /* @__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 } }) })
           ]
         }
       )

package/lib/index.es16.js

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

package/lib/index.es22.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as u } from "./index.es35.js";
-import { __module as i } from "./index.es36.js";
+import { getDefaultExportFromCjs as u } from "./index.es36.js";
+import { __module as i } from "./index.es37.js";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

package/lib/index.es3.js

@@ -1,84 +1,85 @@
-import { jsx as c, jsxs as oe } from "react/jsx-runtime";
-import { useRef as N, useState as v, useEffect as D } from "react";
-import k from "cytoscape";
-import Ce from "cytoscape-cose-bilkent";
+import { jsx as h, jsxs as oe } from "react/jsx-runtime";
+import { useRef as N, useState as v, useEffect as O } from "react";
+import C from "cytoscape";
+import Ne from "cytoscape-cose-bilkent";
 import ke from "cytoscape-cise";
-import Ee from "cytoscape-fcose";
+import Ce from "cytoscape-fcose";
 import ze from "storm-layout";
-import we from "./index.es7.js";
+import Ee from "./index.es7.js";
 /* empty css          */
-import { handleCalcPath as Le, resDetailData as F } from "./index.es8.js";
-import { fixNodesToEdges as Re, coseBilkentLayout as ne } from "./index.es9.js";
-import { edgeNodeStyles as je, defaultColors as se } from "./index.es10.js";
+import { handleCalcPath as we, resDetailData as F } from "./index.es8.js";
+import { fixNodesToEdges as Le, coseBilkentLayout as ne } from "./index.es9.js";
+import { edgeNodeStyles as Re, defaultColors as se, nodeSize as je } from "./index.es10.js";
 import Te from "cytoscape-layout-utilities";
-import { Row as $e, Empty as Oe, message as C } from "antd";
-import { menuItemsConfig as Se } from "./index.es11.js";
+import { message as k } from "antd";
+import { menuItemsConfig as $e } from "./index.es11.js";
 import { jsonStringify as R } from "./index.es12.js";
 import De from "./index.es13.js";
-import Ie from "./index.es14.js";
-import { GraphProvider as Pe } from "./index.es15.js";
-import Be from "./index.es16.js";
-k.use(Te);
-k.use(ke);
-k.use(Ee);
-k.use(ze);
-k.use(Ce);
-const dt = ({
+import Se from "./index.es14.js";
+import { GraphProvider as Oe } from "./index.es15.js";
+import Ie from "./index.es16.js";
+C.use(Te);
+C.use(ke);
+C.use(Ce);
+C.use(ze);
+C.use(Ne);
+const st = ({
   data: de,
   getAllGraphData: I,
-  highPathAnalysis: E = [],
-  graphInfo: h,
+  highPathAnalysis: z = [],
+  graphInfo: u,
   stepNextApi: re,
   knowledgeCardApi: ae,
-  colors: z,
+  colors: E,
   actionBar: ie,
   actionCircle: le,
-  noDataDesc: ce = "暂无数据"
+  noDataDesc: Pe = "暂无数据"
 }) => {
   var _, G, ee;
-  const j = N(null), [u, P] = v([]), p = N(null), K = N(null), X = 1, [We, J] = v(!1), [w, B] = v({}), [T, W] = v({}), [pe, ue] = v("cose-bilkent"), Q = N(null), V = N(null), [ge, Y] = v(["", ""]), H = N(z);
-  D(() => {
-    H.current = z;
-  }, [z]);
+  const j = N(null), [c, P] = v([]), p = N(null), K = N(null), X = 1, [Be, Z] = v(!1), [w, B] = v({}), [T, W] = v({}), [ce, pe] = v("cose-bilkent"), J = N(null), Q = N(null), [ue, V] = v(["", ""]), H = N(E);
+  O(() => {
+    H.current = E;
+  }, [E]);
   const [g, L] = v({
     visible: !1,
     x: 0,
     y: 0,
     targetNode: null,
     bgColor: ""
-  }), [$, Z] = v({
+  }), [$, Y] = v({
     visible: !1,
     x: 0,
     y: 0,
     content: ""
-  }), ye = Se({ cyRef: p, setContextMenu: L, onPathAnalysis: (_ = K.current) == null ? void 0 : _.onPathAnalysis, setPathNodes: Y, actionCircle: le });
-  D(() => {
-    (E == null ? void 0 : E.length) > 1 && Le(p, { pathNodes: E, isGrayed: !1 });
-  }, [R(E), R(u)]), D(() => {
-    I == null || I({ graphData: u, nodeStatic: w, relationStatic: T });
-  }, [R(u), R(w), R(T)]), D(() => {
+  }), ge = $e({ cyRef: p, setContextMenu: L, onPathAnalysis: (_ = K.current) == null ? void 0 : _.onPathAnalysis, setPathNodes: V, actionCircle: le });
+  O(() => {
+    (z == null ? void 0 : z.length) > 1 && we(p, { pathNodes: z, isGrayed: !1 });
+  }, [R(z), R(c)]), O(() => {
+    I == null || I({ graphData: c, nodeStatic: w, relationStatic: T });
+  }, [R(c), R(w), R(T)]), O(() => {
     var r;
     if (!j.current || p.current) return;
-    const { elements: s, typeListObj: a, relationListObj: y } = F(de, { typeObj: w, graphInfo: h });
+    const { elements: s, typeListObj: a, relationListObj: y } = F(de, { typeObj: w, graphInfo: u });
     B(a), P(s), W(y), document.addEventListener("contextmenu", function(t) {
       t.preventDefault();
     });
-    const e = k({
+    const e = C({
       container: j.current,
       elements: s,
-      style: je({ elements: s, colors: z }),
+      style: Re({ elements: s, colors: E }),
       autounselectify: !1,
       autolock: !1,
+      maxZoom: 1,
       layout: {
         name: "preset"
         // 使用预设布局，完全依赖 position
       }
     });
-    if (p.current = e, ((r = h == null ? void 0 : h.searchNodes) == null ? void 0 : r.length) === 2)
-      Re(
+    if (p.current = e, ((r = u == null ? void 0 : u.searchNodes) == null ? void 0 : r.length) === 2)
+      Le(
         e,
-        h.searchNodes[0],
-        h.searchNodes[1]
+        u.searchNodes[0],
+        u.searchNodes[1]
       );
     else {
       const t = e.layout(ne());
@@ -113,14 +114,14 @@ const dt = ({
       o.hasClass("selected") || o.addClass("hover");
     }), e.on("mouseover", "node", (t) => {
       const o = t.target, n = o.renderedPosition(), d = o.data("name") || "";
-      o.addClass("hover"), Z({
+      o.addClass("hover"), Y({
         visible: !0,
         x: n.x,
         y: n.y - 60,
         content: d
       });
     }), e.on("mouseout", "node", (t) => {
-      t.target.removeClass("hover"), Z((n) => ({ ...n, visible: !1 }));
+      t.target.removeClass("hover"), Y((n) => ({ ...n, visible: !1 }));
     }), e.on("cxttap", "node", (t) => {
       t.preventDefault(), t.stopPropagation(), t.stopImmediatePropagation(), t.originalEvent && (t.originalEvent.preventDefault(), t.originalEvent.stopPropagation(), t.originalEvent.stopImmediatePropagation());
       const o = t.target, n = o.renderedPosition();
@@ -142,7 +143,7 @@ const dt = ({
       p.current && (p.current.destroy(), p.current = null);
     };
   }, []);
-  const fe = async (s) => {
+  const ye = async (s) => {
     const { id: a, kgId: y } = s, e = p.current;
     if (!e) return;
     const r = e.$(`#${a}`);
@@ -154,7 +155,7 @@ const dt = ({
     if (t.length > 0) {
       const n = t.map((l) => l.id()), d = t.connectedEdges(), x = e.edges().filter(
         (l) => l.data("source") === a && n.includes(l.data("target"))
-      ), O = e.edges().filter((l) => l.data("appendedBy") === a), M = d.merge(x).merge(O).filter((l) => l.data().zktype === s.zktype);
+      ), D = e.edges().filter((l) => l.data("appendedBy") === a), M = d.merge(x).merge(D).filter((l) => l.data().zktype === s.zktype);
       t.animate({
         style: { opacity: 0 }
       }, {
@@ -167,11 +168,11 @@ const dt = ({
               if (m.group === "nodes" && n.includes((b = m.data) == null ? void 0 : b.id) && i && i === s.zktype)
                 return !1;
               if (m.group === "edges" && i && i === s.zktype) {
-                const ve = Array.from(O).map((Ne) => {
-                  const A = Ne.data();
+                const he = Array.from(D).map((xe) => {
+                  const A = xe.data();
                   return `${A.source}-${A.target}-${A.label}`;
-                }), q = m.data, be = ve.includes(`${q.source}-${q.target}-${q.label}`), xe = ((te = m.data) == null ? void 0 : te.appendedBy) === a;
-                return !be && !xe;
+                }), q = m.data, ve = he.includes(`${q.source}-${q.target}-${q.label}`), be = ((te = m.data) == null ? void 0 : te.appendedBy) === a;
+                return !ve && !be;
               }
               return !0;
             }), { typeListObj: f, relationListObj: U } = F({}, { graphData: S, typeObj: {} });
@@ -183,15 +184,15 @@ const dt = ({
       }, 300);
     } else {
       try {
-        J(!0), C.open({
+        Z(!0), k.open({
           type: "loading",
           content: "正在展开...",
           duration: 0
         });
-        const n = await re({ uri: a, queryType: 1, kgId: y, zktype: s.zktype }), { elements: d, typeListObj: x, relationListObj: O } = F(n.data, { graphData: u, typeObj: w, relationObj: T, zktype: s.zktype });
-        if (B(x), W(O), !((d == null ? void 0 : d.length) > 0)) {
+        const n = await re({ uri: a, queryType: 1, kgId: y, zktype: s.zktype }), { elements: d, typeListObj: x, relationListObj: D } = F(n.data, { graphData: c, typeObj: w, relationObj: T, zktype: s.zktype });
+        if (B(x), W(D), !((d == null ? void 0 : d.length) > 0)) {
           setTimeout(() => {
-            C.destroy(), C.warning("暂无数据");
+            k.destroy(), k.warning("暂无数据");
           }, 2e3);
           return;
         }
@@ -204,7 +205,7 @@ const dt = ({
             // 随机偏移，避免完全重叠
           }), l = d.map((i) => {
             if (i.group === "nodes") {
-              const b = 80 * X;
+              const b = je * X;
               return {
                 ...i,
                 style: {
@@ -236,7 +237,7 @@ const dt = ({
               }
             };
           }), S = e.add(l);
-          P([...u, ...l]);
+          P([...c, ...l]);
           const f = S.filter(":node"), U = f.map((i) => i.id());
           r.data("appendedNodes", U), r.data("isExpanded", !0);
           const m = e.nodes().difference(f);
@@ -274,24 +275,24 @@ const dt = ({
           }, 600);
         } else
           console.log("没有找到相关节点数据");
-        C.destroy();
+        k.destroy();
       } catch (n) {
-        C.destroy(), C.error("请求接口失败"), console.error("22请求接口失败:", n);
+        k.destroy(), k.error("请求接口失败"), console.error("22请求接口失败:", n);
       }
-      J(!1);
+      Z(!1);
     }
     L({ visible: !1 });
-  }, me = {
+  }, fe = {
     expanded: "typed-literal",
     contract: "uri"
-  }, he = (s, a) => {
+  }, me = (s, a) => {
     var e;
     console.log("handleMenuAction:::", s, a);
     const y = a || g.targetNode;
     if (y) {
       const r = s.ids, t = y.data();
       if (["expanded", "contract"].includes(r))
-        fe({ kgId: 3, ...t, zktype: me[r] });
+        ye({ kgId: u.kgId, ...t, zktype: fe[r] });
       else if (r === "nodeInfo") {
         const o = y, n = {
           id: o.id(),
@@ -303,30 +304,30 @@ const dt = ({
           classes: o.classes(),
           style: o.style()
         };
-        Q.current.open(n);
-      } else r === "knowledgeCard" && V.current.open(y.data());
+        J.current.open(n);
+      } else r === "knowledgeCard" && Q.current.open(y.data());
       (e = s.onClick) == null || e.call(s, y), L({ visible: !1, x: 0, y: 0, targetNode: null });
     }
   };
-  return ((G = u == null ? void 0 : u.nodes) == null ? void 0 : G.length) > 0 ? /* @__PURE__ */ c(Pe, { value: { pathNodes: ge, setPathNodes: Y, graphInfo: h, graphData: u, layoutType: pe, setLayoutType: ue, knowledgeCardApi: ae }, children: /* @__PURE__ */ oe("div", { className: "cytoscape-container relative", children: [
-    /* @__PURE__ */ c("div", { className: "btn-group" }),
-    /* @__PURE__ */ c(
-      we,
+  return console.log(111, !(((G = c == null ? void 0 : c.nodes) == null ? void 0 : G.length) > 0), c), /* @__PURE__ */ h(Oe, { value: { pathNodes: ue, setPathNodes: V, graphInfo: u, graphData: c, layoutType: ce, setLayoutType: pe, knowledgeCardApi: ae }, children: /* @__PURE__ */ oe("div", { className: "cytoscape-container relative", children: [
+    /* @__PURE__ */ h("div", { className: "btn-group" }),
+    /* @__PURE__ */ h(
+      Ee,
       {
         ref: K,
         cyRef: p,
-        graphInfo: h,
+        graphInfo: u,
         initNodeScale: X,
         cyContainerRef: j,
         typeObj: w,
         relationObj: T,
-        colors: z,
+        colors: E,
         actionBar: ie
       }
     ),
     /* @__PURE__ */ oe("div", { className: "relative h-100", children: [
-      /* @__PURE__ */ c("div", { ref: j, className: "cy-container" }),
-      g.visible && g.targetNode && /* @__PURE__ */ c(
+      /* @__PURE__ */ h("div", { ref: j, className: "cy-container" }),
+      g.visible && g.targetNode && /* @__PURE__ */ h(
         "div",
         {
           style: {
@@ -346,10 +347,10 @@ const dt = ({
             overflow: "hidden"
           },
           onClick: (s) => s.stopPropagation(),
-          children: /* @__PURE__ */ c(De, { items: ye, centerImage: (ee = g == null ? void 0 : g.targetNode) == null ? void 0 : ee.data().image, targetNode: g.targetNode, onClick: (s, a) => he(s, a) })
+          children: /* @__PURE__ */ h(De, { items: ge, centerImage: (ee = g == null ? void 0 : g.targetNode) == null ? void 0 : ee.data().image, targetNode: g.targetNode, onClick: (s, a) => me(s, a) })
         }
       ),
-      $.visible && /* @__PURE__ */ c(
+      $.visible && /* @__PURE__ */ h(
         "div",
         {
           style: {
@@ -373,10 +374,10 @@ const dt = ({
         }
       )
     ] }),
-    /* @__PURE__ */ c(Ie, { ref: Q }),
-    /* @__PURE__ */ c(Be, { ref: V })
-  ] }) }) : /* @__PURE__ */ c($e, { className: "h-100", align: "middle", justify: "center", children: /* @__PURE__ */ c(Oe, { description: ce }) });
+    /* @__PURE__ */ h(Se, { ref: J }),
+    /* @__PURE__ */ h(Ie, { ref: Q })
+  ] }) });
 };
 export {
-  dt as default
+  st as default
 };

package/lib/index.es35.js

@@ -1,6 +1,66 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
+import { jsxs as c, jsx as e, Fragment as o } from "react/jsx-runtime";
+import h from "./index.es41.js";
+import u from "./index.es42.js";
+import g from "./index.es43.js";
+import w from "./index.es44.js";
+import f from "./index.es45.js";
+import N from "./index.es46.js";
+import { Row as k, Col as p, Empty as y } from "antd";
+/* empty css           */
+const i = (r) => {
+  const n = document.getElementById(r);
+  if (n) {
+    const d = n.closest(".knowledge-card-content");
+    d && d.scrollTo({
+      top: n.offsetTop - 20,
+      behavior: "smooth"
+    });
+  }
+}, R = ({ detailData: r = {}, drawerInfo: n = {}, loading: d }) => {
+  var t, l, s, a, m;
+  return /* @__PURE__ */ c(k, { className: "knowledge-card-click", wrap: !1, children: [
+    /* @__PURE__ */ c(p, { flex: "80px", className: "card-item-click", children: [
+      /* @__PURE__ */ e("p", { className: "drawer-card-title2", onClick: () => i("section-property"), children: "知识详情" }),
+      /* @__PURE__ */ e("p", { className: "drawer-card-title2", onClick: () => i("section-document"), children: "关联文档" }),
+      /* @__PURE__ */ e("p", { className: "drawer-card-title2", onClick: () => i("section-image"), children: "关联图片" }),
+      /* @__PURE__ */ e("p", { className: "drawer-card-title2", onClick: () => i("section-video"), children: "关联视频" }),
+      /* @__PURE__ */ e("p", { className: "drawer-card-title2", onClick: () => i("section-audio"), children: "关联音频" }),
+      /* @__PURE__ */ e("p", { className: "drawer-card-title2", onClick: () => i("section-relation"), children: "关联知识" })
+    ] }),
+    /* @__PURE__ */ c(p, { flex: "auto", className: "knowledge-card-content", children: [
+      r.property ? /* @__PURE__ */ c(o, { children: [
+        /* @__PURE__ */ e("p", { className: "drawer-card-title", id: "section-property", children: "知识详情" }),
+        /* @__PURE__ */ e(
+          h,
+          {
+            properties: r.property || [],
+            excludedKeys: ["id"]
+          }
+        )
+      ] }) : !d && /* @__PURE__ */ e(y, {}),
+      ((t = r.document) == null ? void 0 : t.length) > 0 && /* @__PURE__ */ c(o, { children: [
+        /* @__PURE__ */ e("p", { className: "drawer-card-title", id: "section-document", children: "关联文档" }),
+        /* @__PURE__ */ e(u, { documents: r.document, source: "qa-card" })
+      ] }),
+      ((l = r.image) == null ? void 0 : l.length) > 0 && /* @__PURE__ */ c(o, { children: [
+        /* @__PURE__ */ e("p", { className: "drawer-card-title", id: "section-image", children: "关联图片" }),
+        /* @__PURE__ */ e(g, { images: r.image, source: "qa-card" })
+      ] }),
+      ((s = r.video) == null ? void 0 : s.length) > 0 && /* @__PURE__ */ c(o, { children: [
+        /* @__PURE__ */ e("p", { className: "drawer-card-title", id: "section-video", children: "关联视频" }),
+        /* @__PURE__ */ e(w, { videos: r.video, source: "qa-card" })
+      ] }),
+      ((a = r.audio) == null ? void 0 : a.length) > 0 && /* @__PURE__ */ c(o, { children: [
+        /* @__PURE__ */ e("p", { className: "drawer-card-title", id: "section-audio", children: "关联音频" }),
+        /* @__PURE__ */ e(f, { audios: r.audio, source: "qa-card" })
+      ] }),
+      ((m = r.relation) == null ? void 0 : m.length) > 0 && /* @__PURE__ */ c(o, { children: [
+        /* @__PURE__ */ e("p", { className: "drawer-card-title", id: "section-relation", children: "关联知识" }),
+        /* @__PURE__ */ e(N, { relations: r.relation, kgIds: n.kgId, source: "qa-card" })
+      ] })
+    ] })
+  ] });
+};
 export {
-  e as getDefaultExportFromCjs
+  R as default
 };