react-kggraph 0.0.25 → 0.0.26

package/lib/index.es3.js

@@ -28,7 +28,7 @@ const it = ({
   data: de,
   getAllGraphData: I,
   highPathAnalysis: z = [],
-  graphInfo: u,
+  graphInfo: g,
   stepNextApi: re,
   knowledgeCardApi: ae,
   colors: E,
@@ -39,11 +39,11 @@ const it = ({
   noDataDesc: He = "暂无数据"
 }) => {
   var _, G, ee;
-  const j = N(null), [c, P] = v([]), p = N(null), K = N(null), X = 1, [Me, Z] = v(!1), [w, B] = v({}), [T, W] = v({}), [ue, ge] = v("cose-bilkent"), J = N(null), Q = N(null), [ye, V] = v(["", ""]), H = N(E);
+  const j = N(null), [p, P] = v([]), u = N(null), K = N(null), X = 1, [Me, Z] = v(!1), [w, B] = v({}), [T, W] = v({}), [ue, ge] = v("cose-bilkent"), J = N(null), Q = N(null), [fe, V] = v(["", ""]), H = N(E);
   O(() => {
     H.current = E;
   }, [E]);
-  const [g, L] = v({
+  const [f, L] = v({
     visible: !1,
     x: 0,
     y: 0,
@@ -54,16 +54,19 @@ const it = ({
     x: 0,
     y: 0,
     content: ""
-  }), fe = Se({ cyRef: p, setContextMenu: L, onPathAnalysis: (_ = K.current) == null ? void 0 : _.onPathAnalysis, setPathNodes: V, actionCircle: le });
+  }), ye = Se({ cyRef: u, setContextMenu: L, onPathAnalysis: (_ = K.current) == null ? void 0 : _.onPathAnalysis, setPathNodes: V, actionCircle: le });
   O(() => {
-    (z == null ? void 0 : z.length) > 1 && Re(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: u });
-    B(a), P(s), W(y), document.addEventListener("contextmenu", function(t) {
+    (z == null ? void 0 : z.length) > 1 && Re(u, { pathNodes: z, isGrayed: !1 });
+  }, [R(z), R(p)]), O(() => {
+    const s = [], r = [];
+    p.forEach((l) => {
+      l.group === "nodes" ? s.push(l.data) : l.group === "edges" && r.push(l.data);
+    }), I == null || I({ graphData: p, nodeStatic: w, relationStatic: T, data: { nodes: s, links: r } });
+  }, [R(p), R(w), R(T)]), O(() => {
+    var a;
+    if (!j.current || u.current) return;
+    const { elements: s, typeListObj: r, relationListObj: l } = F(de, { typeObj: w, graphInfo: g });
+    B(r), P(s), W(l), document.addEventListener("contextmenu", function(t) {
       t.preventDefault();
     });
     const e = C({
@@ -78,11 +81,11 @@ const it = ({
         // 使用预设布局，完全依赖 position
       }
     });
-    if (p.current = e, ((r = u == null ? void 0 : u.searchNodes) == null ? void 0 : r.length) === 2)
+    if (u.current = e, ((a = g == null ? void 0 : g.searchNodes) == null ? void 0 : a.length) === 2)
       je(
         e,
-        u.searchNodes[0],
-        u.searchNodes[1]
+        g.searchNodes[0],
+        g.searchNodes[1]
       );
     else {
       const t = e.layout(ne());
@@ -135,7 +138,7 @@ const it = ({
         targetNode: o,
         bgColor: o.style("background-color")
       });
-    }), p.current = e, e.on("click", "node", (t) => {
+    }), u.current = e, e.on("click", "node", (t) => {
       const o = t.target;
       e.nodes().removeClass("selected grayed highlighted"), e.edges().removeClass("selected grayed highlighted"), o.addClass("selected");
       const d = o.neighborhood().nodes().add(o), x = d.edgesWith(d);
@@ -143,29 +146,29 @@ const it = ({
     }), e.on("tap", (t) => {
       t.target === e && (L((o) => ({ ...o, visible: !1 })), e.nodes().removeClass("grayed highlighted highlight selected correlationStyle path-node level-highlight level-selected level-grayed"), e.edges().removeClass("grayed highlighted highlight selected correlationStyle path-edge level-highlightedge level-grayed"));
     }), () => {
-      p.current && (p.current.destroy(), p.current = null);
+      u.current && (u.current.destroy(), u.current = null);
     };
   }, []);
   const me = async (s) => {
-    const { id: a, kgId: y } = s, e = p.current;
+    const { id: r, kgId: l } = s, e = u.current;
     if (!e) return;
-    const r = e.$(`#${a}`);
-    if (!r || r.length === 0) {
+    const a = e.$(`#${r}`);
+    if (!a || a.length === 0) {
       console.error("当前节点不存在");
       return;
     }
-    const t = e.nodes().filter((n) => n.data("parentId") ? (n.data("parentId") === a || n.data("idLabel") === `${a}-${n.data("name")}`) && n.data("zktype") === s.zktype : !1);
+    const t = e.nodes().filter((n) => n.data("parentId") ? (n.data("parentId") === r || n.data("idLabel") === `${r}-${n.data("name")}`) && n.data("zktype") === s.zktype : !1);
     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"))
-      ), D = e.edges().filter((l) => l.data("appendedBy") === a), M = d.merge(x).merge(D).filter((l) => l.data().zktype === s.zktype);
+      const n = t.map((c) => c.id()), d = t.connectedEdges(), x = e.edges().filter(
+        (c) => c.data("source") === r && n.includes(c.data("target"))
+      ), D = e.edges().filter((c) => c.data("appendedBy") === r), M = d.merge(x).merge(D).filter((c) => c.data().zktype === s.zktype);
       t.animate({
         style: { opacity: 0 }
       }, {
         duration: 200,
         complete: () => {
-          e.remove(t), e.remove(M), P((l) => {
-            const S = l.filter((m) => {
+          e.remove(t), e.remove(M), P((c) => {
+            const S = c.filter((m) => {
               var b, te;
               const i = m.data.zktype;
               if (m.group === "nodes" && n.includes((b = m.data) == null ? void 0 : b.id) && i && i === s.zktype)
@@ -174,16 +177,16 @@ const it = ({
                 const be = Array.from(D).map((ke) => {
                   const A = ke.data();
                   return `${A.source}-${A.target}-${A.label}`;
-                }), q = m.data, xe = be.includes(`${q.source}-${q.target}-${q.label}`), Ne = ((te = m.data) == null ? void 0 : te.appendedBy) === a;
+                }), q = m.data, xe = be.includes(`${q.source}-${q.target}-${q.label}`), Ne = ((te = m.data) == null ? void 0 : te.appendedBy) === r;
                 return !xe && !Ne;
               }
               return !0;
-            }), { typeListObj: f, relationListObj: U } = F({}, { graphData: S, typeObj: {} });
-            return B(f), W(U), S;
-          }), r.data("appendedNodes", []), r.data("isExpanded", !1);
+            }), { typeListObj: y, relationListObj: U } = F({}, { graphData: S, typeObj: {} });
+            return B(y), W(U), S;
+          }), a.data("appendedNodes", []), a.data("isExpanded", !1);
         }
       }), setTimeout(() => {
-        r.removed() || (r.style("border-width", ""), r.style("border-color", ""));
+        a.removed() || (a.style("border-width", ""), a.style("border-color", ""));
       }, 300);
     } else {
       try {
@@ -192,7 +195,7 @@ const it = ({
           content: "正在展开...",
           duration: 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 });
+        const n = await re({ uri: r, queryType: 1, kgId: l, zktype: s.zktype }), { elements: d, typeListObj: x, relationListObj: D } = F(n.data, { graphData: p, typeObj: w, relationObj: T, zktype: s.zktype });
         if (B(x), W(D), !((d == null ? void 0 : d.length) > 0)) {
           setTimeout(() => {
             k.destroy(), k.warning("暂无数据");
@@ -206,7 +209,7 @@ const it = ({
             // 与你的期望边长匹配
             offset: 30
             // 随机偏移，避免完全重叠
-          }), l = d.map((i) => {
+          }), c = d.map((i) => {
             if (i.group === "nodes") {
               const b = $e * X;
               return {
@@ -218,11 +221,11 @@ const it = ({
                 },
                 data: {
                   ...i.data,
-                  parentId: a,
+                  parentId: r,
                   // 标记父节点
-                  appendedBy: a,
+                  appendedBy: r,
                   // 标记由谁追加
-                  idLabel: a + "-" + i.data.label,
+                  idLabel: r + "-" + i.data.label,
                   zktype: s.zktype,
                   isAppended: !0,
                   // 标记是追加节点
@@ -235,16 +238,16 @@ const it = ({
               ...i,
               data: {
                 ...i.data,
-                appendedBy: a,
+                appendedBy: r,
                 zktype: s.zktype
               }
             };
-          }), S = e.add(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);
-          m.forEach((i) => i.lock()), M.placeNewNodes(f), e.layout({
+          }), S = e.add(c);
+          P([...p, ...c]);
+          const y = S.filter(":node"), U = y.map((i) => i.id());
+          a.data("appendedNodes", U), a.data("isExpanded", !0);
+          const m = e.nodes().difference(y);
+          m.forEach((i) => i.lock()), M.placeNewNodes(y), e.layout({
             name: "cose-bilkent",
             randomize: !1,
             // ⚠️ 这是关键！保持已有节点位置不变
@@ -261,7 +264,7 @@ const it = ({
             gravity: 0.6
           }).run(), setTimeout(() => {
             m.forEach((i) => i.unlock());
-          }, 2e3), f.animate({
+          }, 2e3), y.animate({
             style: {
               opacity: 1,
               width: 20,
@@ -271,10 +274,10 @@ const it = ({
             duration: 400,
             easing: "ease-out",
             complete: () => {
-              f.style("opacity", ""), f.style("width", ""), f.style("height", "");
+              y.style("opacity", ""), y.style("width", ""), y.style("height", "");
             }
           }), setTimeout(() => {
-            r.removed() || (r.style("border-width", ""), r.style("border-color", ""), e.center(r), e.zoom(e.zoom()));
+            a.removed() || (a.style("border-width", ""), a.style("border-color", ""), e.center(a), e.zoom(e.zoom()));
           }, 600);
         } else
           console.log("没有找到相关节点数据");
@@ -288,16 +291,16 @@ const it = ({
   }, he = {
     expanded: "typed-literal",
     contract: "uri"
-  }, ve = (s, a) => {
+  }, ve = (s, r) => {
     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))
-        me({ kgId: u.kgId, ...t, zktype: he[r] });
-      else if (r === "nodeInfo") {
-        const o = y, n = {
+    console.log("handleMenuAction:::", s, r);
+    const l = r || f.targetNode;
+    if (l) {
+      const a = s.ids, t = l.data();
+      if (["expanded", "contract"].includes(a))
+        me({ kgId: g.kgId, ...t, zktype: he[a] });
+      else if (a === "nodeInfo") {
+        const o = l, n = {
           id: o.id(),
           data: o.data(),
           position: o.position(),
@@ -308,18 +311,18 @@ const it = ({
           style: o.style()
         };
         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 });
+      } else a === "knowledgeCard" && Q.current.open(l.data());
+      (e = s.onClick) == null || e.call(s, l), L({ visible: !1, x: 0, y: 0, targetNode: null });
     }
   };
-  return console.log(111, !(((G = c == null ? void 0 : c.nodes) == null ? void 0 : G.length) > 0), c), /* @__PURE__ */ h(Pe, { value: { pathNodes: ye, setPathNodes: V, graphInfo: u, graphData: c, layoutType: ue, setLayoutType: ge, knowledgeCardApi: ae, queryStatisticsConfig: ce, actionBar: ie }, children: /* @__PURE__ */ oe("div", { className: We("cytoscape-container relative", pe), children: [
+  return console.log(111, !(((G = p == null ? void 0 : p.nodes) == null ? void 0 : G.length) > 0), p), /* @__PURE__ */ h(Pe, { value: { pathNodes: fe, setPathNodes: V, graphInfo: g, graphData: p, layoutType: ue, setLayoutType: ge, knowledgeCardApi: ae, queryStatisticsConfig: ce, actionBar: ie }, children: /* @__PURE__ */ oe("div", { className: We("cytoscape-container relative", pe), children: [
     /* @__PURE__ */ h("div", { className: "btn-group" }),
     /* @__PURE__ */ h(
       Le,
       {
         ref: K,
-        cyRef: p,
-        graphInfo: u,
+        cyRef: u,
+        graphInfo: g,
         initNodeScale: X,
         cyContainerRef: j,
         typeObj: w,
@@ -329,13 +332,13 @@ const it = ({
     ),
     /* @__PURE__ */ oe("div", { className: "relative h-100", children: [
       /* @__PURE__ */ h("div", { ref: j, className: "cy-container" }),
-      g.visible && g.targetNode && /* @__PURE__ */ h(
+      f.visible && f.targetNode && /* @__PURE__ */ h(
         "div",
         {
           style: {
             position: "absolute",
-            left: `${g.x}px`,
-            top: `${g.y}px`,
+            left: `${f.x}px`,
+            top: `${f.y}px`,
             // backgroundColor: 'white',
             // border: '1px solid #ccc',
             // borderRadius: '50%',
@@ -349,7 +352,7 @@ const it = ({
             overflow: "hidden"
           },
           onClick: (s) => s.stopPropagation(),
-          children: /* @__PURE__ */ h(Oe, { items: fe, centerImage: (ee = g == null ? void 0 : g.targetNode) == null ? void 0 : ee.data().image, targetNode: g.targetNode, onClick: (s, a) => ve(s, a) })
+          children: /* @__PURE__ */ h(Oe, { items: ye, centerImage: (ee = f == null ? void 0 : f.targetNode) == null ? void 0 : ee.data().image, targetNode: f.targetNode, onClick: (s, r) => ve(s, r) })
         }
       ),
       $.visible && /* @__PURE__ */ h(

package/lib/index.es37.js

@@ -1,10 +1,10 @@
 import { jsxs as c, jsx as r, Fragment as o } from "react/jsx-runtime";
-import N from "./index.es42.js";
-import k from "./index.es43.js";
-import y from "./index.es44.js";
-import C from "./index.es45.js";
-import S from "./index.es46.js";
-import v from "./index.es47.js";
+import N from "./index.es39.js";
+import k from "./index.es40.js";
+import y from "./index.es41.js";
+import C from "./index.es42.js";
+import S from "./index.es43.js";
+import v from "./index.es44.js";
 import { Row as x, Col as f, Empty as q } from "antd";
 /* empty css           */
 const i = (e) => {

package/lib/index.es39.js

@@ -0,0 +1,21 @@
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { Row as i, Col as p } from "antd";
+const d = ({ properties: t, excludedKeys: l = [] }) => {
+  const s = t.filter(
+    (e) => !l.includes(e.propertyKey)
+  );
+  return /* @__PURE__ */ o(i, { className: "property-section-wraper", children: s.map((e, a) => /* @__PURE__ */ r(p, { span: 24, className: "section-item", children: [
+    /* @__PURE__ */ r("div", { className: "detail-label", children: [
+      e.propertyKey,
+      "："
+    ] }),
+    /* @__PURE__ */ r("div", { className: "detail-value", children: [
+      " ",
+      e.propertyValue,
+      " "
+    ] })
+  ] }, a)) });
+};
+export {
+  d as default
+};

package/lib/index.es40.js

@@ -0,0 +1,43 @@
+import { jsx as s, jsxs as o } from "react/jsx-runtime";
+import { Space as d, Button as i } from "antd";
+import { downloadFile as x } from "./index.es12.js";
+const w = ({ documents: l, forceSingleColumn: c = !1, source: r }) => {
+  const a = (e) => e.toLowerCase().endsWith(".pdf") ? /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-pdf-doc inline-block" }) : e.toLowerCase().endsWith(".docx") || e.toLowerCase().endsWith(".doc") ? /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-doc-doc inline-block" }) : e.toLowerCase().endsWith(".pptx") || e.toLowerCase().endsWith(".ppt") ? /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-ppt-doc inline-block" }) : e.toLowerCase().endsWith(".txt") ? /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-txt-doc inline-block" }) : e.toLowerCase().endsWith(".csv") ? /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-csv-doc inline-block" }) : e.toLowerCase().endsWith(".xls") || e.toLowerCase().endsWith(".xlsx") ? /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-xls-doc inline-block" }) : /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-else-doc inline-block" }), p = (e) => {
+    const n = e.split("/");
+    return n[n.length - 1];
+  };
+  return /* @__PURE__ */ s("div", { className: r === "qa-card" ? "grid grid-cols-1" : `grid ${c ? "grid-cols-1 gap-y-5" : "grid-cols-1 md:grid-cols-2 gap-x-100px gap-y-10px"}`, children: l.map((e, n) => {
+    const t = p(e.propertyValue);
+    return /* @__PURE__ */ o("div", { className: "flex items-center justify-between transition-all", children: [
+      /* @__PURE__ */ o("div", { className: "flex items-center min-w-0 flex-1", children: [
+        /* @__PURE__ */ s("div", { className: "mr-3 text-xl flex-shrink-0", children: a(t) }),
+        /* @__PURE__ */ s("div", { className: "min-w-0", children: /* @__PURE__ */ s("div", { className: "truncate", title: decodeURIComponent(t), children: decodeURIComponent(t) }) })
+      ] }),
+      /* @__PURE__ */ o(d, { className: "flex-shrink-0", children: [
+        /* @__PURE__ */ s(
+          i,
+          {
+            className: "px-0px",
+            type: "link",
+            onClick: () => window.open(e.propertyValue, "_blank"),
+            children: "查看"
+          }
+        ),
+        /* @__PURE__ */ s(
+          i,
+          {
+            type: "link",
+            className: "px-0px",
+            onClick: () => {
+              x(e.propertyValue, t);
+            },
+            children: "下载"
+          }
+        )
+      ] })
+    ] }, n);
+  }) });
+};
+export {
+  w as default
+};

package/lib/index.es41.js

@@ -0,0 +1,42 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useRef as s } from "react";
+import { Image as t } from "antd";
+const m = ({ images: o, forceSingleColumn: i = !1, source: d = "" }) => (s(0), /* @__PURE__ */ e("div", { className: d === "qa-card" ? "grid grid-cols-1" : `grid ${i ? "grid-cols-1 gap-y-3" : "grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-20px"}`, children: /* @__PURE__ */ e(
+  t.PreviewGroup,
+  {
+    preview: {
+      // onVisibleChange: (visible) => {
+      //     if (visible) {
+      //         handlePreviewOpen();
+      //     } else {
+      //         handlePreviewClose();
+      //     }
+      // },
+      mask: !0,
+      zIndex: 9999,
+      getContainer: () => document.getElementById("root") || document.body
+    },
+    children: o.map((r, a) => /* @__PURE__ */ e("div", { className: "group rounded-lg overflow-hidden transition-shadow", children: /* @__PURE__ */ e("div", { className: "h-185px relative overflow-hidden", children: /* @__PURE__ */ e(
+      t,
+      {
+        src: r.propertyValue,
+        alt: r.propertyKey,
+        style: {
+          width: "100%",
+          height: "185px",
+          objectFit: "cover"
+          // cover 保证图片充满容器，可能会裁剪
+          // 或者使用 'contain' 保证图片完整显示，可能会有留白
+          // objectFit: 'contain',
+        },
+        className: "transition-transform duration-300 group-hover:scale-105 rounded-6px",
+        preview: {
+          cover: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "text-white text-14px", children: "点击查看" }) })
+        }
+      }
+    ) }) }, a))
+  }
+) }));
+export {
+  m as default
+};

package/lib/index.es42.js

@@ -1,21 +1,91 @@
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import { Row as i, Col as p } from "antd";
-const d = ({ properties: t, excludedKeys: l = [] }) => {
-  const s = t.filter(
-    (e) => !l.includes(e.propertyKey)
-  );
-  return /* @__PURE__ */ o(i, { className: "property-section-wraper", children: s.map((e, a) => /* @__PURE__ */ r(p, { span: 24, className: "section-item", children: [
-    /* @__PURE__ */ r("div", { className: "detail-label", children: [
-      e.propertyKey,
-      "："
-    ] }),
-    /* @__PURE__ */ r("div", { className: "detail-value", children: [
-      " ",
-      e.propertyValue,
-      " "
-    ] })
-  ] }, a)) });
+import { jsxs as m, Fragment as x, jsx as a } from "react/jsx-runtime";
+import { useState as u, useRef as p, useEffect as f } from "react";
+import { Modal as C } from "antd";
+const R = ({ videos: c, forceSingleColumn: V = !1, source: j = "" }) => {
+  const [n, l] = u(null), [i, h] = u({}), v = p({}), s = p(null), g = () => {
+    s.current && (s.current.pause(), s.current.currentTime = 0), l(null);
+  };
+  f(() => {
+    n && s.current && s.current.play().catch(() => {
+    });
+  }, [n]);
+  const y = (t, r) => {
+    if (i[r]) return;
+    const e = document.createElement("video");
+    e.src = t, e.crossOrigin = "anonymous", e.muted = !0, e.preload = "metadata", e.onloadeddata = () => {
+      e.currentTime = 0.1;
+    }, e.onseeked = () => {
+      const o = document.createElement("canvas");
+      o.width = e.videoWidth, o.height = e.videoHeight;
+      const d = o.getContext("2d");
+      if (d) {
+        d.drawImage(e, 0, 0, o.width, o.height);
+        const w = o.toDataURL("image/jpeg", 0.8);
+        h((N) => ({ ...N, [r]: w }));
+      }
+      e.src = "";
+    }, e.onerror = () => {
+      e.src = "";
+    };
+  };
+  return f(() => {
+    c.forEach((t, r) => {
+      y(t.propertyValue, r);
+    });
+  }, [c]), /* @__PURE__ */ m(x, { children: [
+    /* @__PURE__ */ a("div", { className: "video-wraper", children: c.map((t, r) => {
+      t.propertyValue.split("/").pop();
+      const e = i[r];
+      return /* @__PURE__ */ a("div", { className: "rounded-lg overflow-hidden transition-shadow", children: /* @__PURE__ */ m("div", { className: "video-item", children: [
+        /* @__PURE__ */ a(
+          "video",
+          {
+            ref: (o) => {
+              v.current[r] = o;
+            },
+            src: t.propertyValue,
+            poster: e,
+            className: "video-item-video",
+            muted: !0,
+            playsInline: !0,
+            preload: "metadata",
+            onClick: () => l(t.propertyValue)
+          }
+        ),
+        !n && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a(
+          "div",
+          {
+            className: "w-8 h-8 rounded-full flex items-center justify-center cursor-pointer hover:scale-110 transition-transform",
+            onClick: () => l(t.propertyValue),
+            children: /* @__PURE__ */ a("span", { className: "w-24px h-24px i-custom-video-play inline-block" })
+          }
+        ) })
+      ] }) }, r);
+    }) }),
+    /* @__PURE__ */ a(
+      C,
+      {
+        open: !!n,
+        footer: null,
+        onCancel: g,
+        width: "auto",
+        centered: !0,
+        className: "video-modal",
+        wrapClassName: "modal-wrapClassName",
+        getContainer: () => document.getElementById("root"),
+        children: n && /* @__PURE__ */ a(
+          "video",
+          {
+            ref: s,
+            src: n,
+            controls: !0,
+            className: "max-w-[80vw] max-h-[80vh] mt-10px"
+          }
+        )
+      }
+    )
+  ] });
 };
 export {
-  d as default
+  R as default
 };

package/lib/index.es43.js

@@ -1,43 +1,58 @@
-import { jsx as s, jsxs as o } from "react/jsx-runtime";
-import { Space as d, Button as i } from "antd";
-import { downloadFile as x } from "./index.es12.js";
-const w = ({ documents: l, forceSingleColumn: c = !1, source: r }) => {
-  const a = (e) => e.toLowerCase().endsWith(".pdf") ? /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-pdf-doc inline-block" }) : e.toLowerCase().endsWith(".docx") || e.toLowerCase().endsWith(".doc") ? /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-doc-doc inline-block" }) : e.toLowerCase().endsWith(".pptx") || e.toLowerCase().endsWith(".ppt") ? /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-ppt-doc inline-block" }) : e.toLowerCase().endsWith(".txt") ? /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-txt-doc inline-block" }) : e.toLowerCase().endsWith(".csv") ? /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-csv-doc inline-block" }) : e.toLowerCase().endsWith(".xls") || e.toLowerCase().endsWith(".xlsx") ? /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-xls-doc inline-block" }) : /* @__PURE__ */ s("span", { className: "w-24px h-30px i-custom-else-doc inline-block" }), p = (e) => {
-    const n = e.split("/");
-    return n[n.length - 1];
+import { jsx as l, jsxs as o } from "react/jsx-runtime";
+import { useState as g, useRef as y } from "react";
+import { Row as d, Flex as h, Button as p } from "antd";
+const j = ({ audios: m, forceSingleColumn: u = !1, source: f = "" }) => {
+  const [s, a] = g(null), n = y({}), x = (e) => {
+    var t, i;
+    if (s === e)
+      (t = n.current[e]) == null || t.pause(), a(null);
+    else {
+      if (s && ((i = n.current[s]) == null || i.pause()), a(e), !n.current[e]) {
+        const c = new Audio(e);
+        n.current[e] = c;
+      }
+      n.current[e].play(), n.current[e].onended = () => a(null);
+    }
   };
-  return /* @__PURE__ */ s("div", { className: r === "qa-card" ? "grid grid-cols-1" : `grid ${c ? "grid-cols-1 gap-y-5" : "grid-cols-1 md:grid-cols-2 gap-x-100px gap-y-10px"}`, children: l.map((e, n) => {
-    const t = p(e.propertyValue);
-    return /* @__PURE__ */ o("div", { className: "flex items-center justify-between transition-all", children: [
-      /* @__PURE__ */ o("div", { className: "flex items-center min-w-0 flex-1", children: [
-        /* @__PURE__ */ s("div", { className: "mr-3 text-xl flex-shrink-0", children: a(t) }),
-        /* @__PURE__ */ s("div", { className: "min-w-0", children: /* @__PURE__ */ s("div", { className: "truncate", title: decodeURIComponent(t), children: decodeURIComponent(t) }) })
-      ] }),
-      /* @__PURE__ */ o(d, { className: "flex-shrink-0", children: [
-        /* @__PURE__ */ s(
-          i,
-          {
-            className: "px-0px",
-            type: "link",
-            onClick: () => window.open(e.propertyValue, "_blank"),
-            children: "查看"
-          }
-        ),
-        /* @__PURE__ */ s(
-          i,
-          {
-            type: "link",
-            className: "px-0px",
-            onClick: () => {
-              x(e.propertyValue, t);
-            },
-            children: "下载"
-          }
-        )
-      ] })
-    ] }, n);
-  }) });
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: f === "qa-card" ? "grid grid-cols-1" : `grid ${u ? "grid-cols-1 gap-y-3" : "grid-cols-2 gap-x-100px gap-y-20px"}`,
+      children: m.map((e, t) => {
+        const i = e.propertyValue.split("/").pop() || "未命名音频", c = s === e.propertyValue;
+        return /* @__PURE__ */ o(d, { className: "flex items-center justify-between transition-all", justify: "space-between", align: "middle", children: [
+          /* @__PURE__ */ o(d, { className: "flex items-center min-w-0 flex-1", align: "middle", children: [
+            /* @__PURE__ */ l("div", { className: "mr-3 text-xl flex-shrink-0", children: /* @__PURE__ */ l("span", { className: "w-24px h-30px i-custom-audio inline-block" }) }),
+            /* @__PURE__ */ l("div", { className: "min-w-0", children: /* @__PURE__ */ l("div", { className: "truncate", title: i, children: i }) })
+          ] }),
+          /* @__PURE__ */ o(h, { className: "flex-shrink-0 ml-3", children: [
+            /* @__PURE__ */ l(
+              p,
+              {
+                className: "px-0",
+                type: "link",
+                onClick: () => x(e.propertyValue),
+                children: c ? "暂停" : "播放"
+              }
+            ),
+            /* @__PURE__ */ l(
+              p,
+              {
+                className: "px-0",
+                type: "link",
+                onClick: () => {
+                  const r = document.createElement("a");
+                  r.href = e.propertyValue, r.download = i, r.click();
+                },
+                children: "下载"
+              }
+            )
+          ] })
+        ] }, t);
+      })
+    }
+  );
 };
 export {
-  w as default
+  j as default
 };

package/lib/index.es44.js

@@ -1,42 +1,33 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useRef as s } from "react";
-import { Image as t } from "antd";
-const m = ({ images: o, forceSingleColumn: i = !1, source: d = "" }) => (s(0), /* @__PURE__ */ e("div", { className: d === "qa-card" ? "grid grid-cols-1" : `grid ${i ? "grid-cols-1 gap-y-3" : "grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-20px"}`, children: /* @__PURE__ */ e(
-  t.PreviewGroup,
-  {
-    preview: {
-      // onVisibleChange: (visible) => {
-      //     if (visible) {
-      //         handlePreviewOpen();
-      //     } else {
-      //         handlePreviewClose();
-      //     }
-      // },
-      mask: !0,
-      zIndex: 9999,
-      getContainer: () => document.getElementById("root") || document.body
-    },
-    children: o.map((r, a) => /* @__PURE__ */ e("div", { className: "group rounded-lg overflow-hidden transition-shadow", children: /* @__PURE__ */ e("div", { className: "h-185px relative overflow-hidden", children: /* @__PURE__ */ e(
-      t,
-      {
-        src: r.propertyValue,
-        alt: r.propertyKey,
-        style: {
-          width: "100%",
-          height: "185px",
-          objectFit: "cover"
-          // cover 保证图片充满容器，可能会裁剪
-          // 或者使用 'contain' 保证图片完整显示，可能会有留白
-          // objectFit: 'contain',
-        },
-        className: "transition-transform duration-300 group-hover:scale-105 rounded-6px",
-        preview: {
-          cover: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "text-white text-14px", children: "点击查看" }) })
-        }
+import { jsx as i } from "react/jsx-runtime";
+import { useState as m, useEffect as w } from "react";
+import h from "./index.es49.js";
+const k = ({ relations: t, kgIds: s, viewMode: a = "list", source: c = "" }) => {
+  const [d, l] = m(t);
+  w(() => {
+    t && t && l(p(t || []));
+  }, [t]);
+  const p = (e) => e.map((o) => {
+    var r;
+    const n = (r = o.content) == null ? void 0 : r.filter((f) => f.propertyKey !== "id");
+    return {
+      ...o,
+      showContent: n.slice(0, 8)
+    };
+  });
+  return /* @__PURE__ */ i("div", { className: "relation-section-wraper", children: d.map((e, u) => /* @__PURE__ */ i(
+    h,
+    {
+      entity: e,
+      viewMode: a,
+      className: "shadow-none",
+      source: c,
+      onViewDetails: (o) => {
+        const n = encodeURIComponent(e.uri);
+        window.open(`#/ai-search/fulltext-detail?uri=${n}&kgId=${s}&keyword=${o.showValue}`, "_blank");
       }
-    ) }) }, a))
-  }
-) }));
+    }
+  )) });
+};
 export {
-  m as default
+  k as default
 };

package/lib/index.es8.js

@@ -12,16 +12,16 @@ import A from "./index.es34.js";
 import B from "./index.es35.js";
 import { jsonStringifyParse as U } from "./index.es12.js";
 const L = [j, I, P, $, D, J, N, R, q, A], G = (c) => {
-  let o = {};
+  let o = { _: { count: 0 } };
   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 } }));
+      const i = n.data, l = (a = i.properties) == null ? void 0 : a.type, r = i.type;
+      console.log(999, l, r), !r && l === "uri" ? o = { ...o, _: { ...o[r], count: o._.count + 1 } } : !e.includes(r) && l === "uri" ? (e.push(r), o = { ...o, [r]: { ...o[r], count: 1, img: i.image } }) : l === "uri" && r && (o = { ...o, [r]: { ...o[r], img: i.image, count: o[r].count + 1 } });
     } else if (d === "edges") {
-      const r = n.data, { label: l } = r;
+      const i = n.data, { label: l } = i;
       s[l] ? s[l] = s[l] + 1 : s[l] = 1;
     } else
       console.log("nonono");
@@ -32,16 +32,16 @@ const L = [j, I, P, $, D, J, N, R, q, A], G = (c) => {
   };
 }, 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(
+  const a = Object.keys(s), i = 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);
+      var t, u, m;
+      return g.group === "nodes" ? (t = g.data) == null ? void 0 : t.id : ((u = g.data) == null ? void 0 : u.source) + "-" + ((m = g.data) == null ? void 0 : m.target);
     }).filter(Boolean)) || []
-  ), { nodes: i = [], links: p = [] } = c || {}, y = [], k = (g) => {
+  ), { nodes: r = [], links: p = [] } = c || {}, y = [], k = (g) => {
     g.forEach((t) => {
-      var m, h;
+      var u, m;
       if (!l.has(t.id)) {
-        const v = (m = t.properties) == null ? void 0 : m.type, f = t.type, E = t.label.split("#").pop();
+        const v = (u = t.properties) == null ? void 0 : u.type, f = t.type, E = t.label.split("#").pop();
         let w = -1;
         if (!f && v === "uri")
           w = t.image || L[0];
@@ -49,12 +49,12 @@ const L = [j, I, P, $, D, J, N, R, q, A], G = (c) => {
           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);
+        } else v === "uri" && f && (w = (m = d[f]) == null ? void 0 : m.img);
         const S = {
           ...t,
           name: E,
           "properties-type": v,
-          image: r.includes(E) ? B : w,
+          image: i.includes(E) ? B : w,
           baseWidth: 80,
           // 保存基础宽度
           baseHeight: 80
@@ -66,14 +66,14 @@ const L = [j, I, P, $, D, J, N, R, q, A], G = (c) => {
   };
   ((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 } });
+      const { label: u } = t, m = `${t.source}-${t.target}`;
+      l.has(m) || y.push({ group: "edges", data: { ...t, name: u, zktype: e } });
     });
-  })(p), k(i);
-  const { typeListObj: u, relationListObj: x } = G([...y, ...o]);
+  })(p), k(r);
+  const { typeListObj: h, relationListObj: x } = G([...y, ...o]);
   return {
     elements: y,
-    typeListObj: u,
+    typeListObj: h,
     relationListObj: x
   };
 }, oe = (c, o) => {
@@ -138,9 +138,9 @@ const L = [j, I, P, $, D, J, N, R, q, A], G = (c) => {
   }
   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());
+    const i = e.nodes().filter((l) => l.data("name") === a);
+    if (i.length > 0)
+      d.push(i.id());
     else {
       e.nodes().removeClass("path-node"), e.edges().removeClass("path-edge"), C.warning(`找不到节点：${a}`);
       return;
@@ -148,27 +148,27 @@ const L = [j, I, P, $, D, J, N, R, q, A], G = (c) => {
   }
   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 = [];
+    let a = e.collection(), i = 0, l = !0;
+    const r = [];
     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) {
+      const y = d[p], k = d[p + 1], b = e.getElementById(y), h = e.getElementById(k), x = b.edgesWith(h).filter(function(t) {
         return t.data("source") === y && t.data("target") === k;
-      }), g = u.edgesWith(b).filter(function(t) {
+      }), g = h.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}条`);
+        a = a.union(t).union(b).union(h), i += t.length, b.addClass("path-node"), h.addClass("path-node"), t.addClass("path-edge"), r.push(b.data("name"), h.data("name")), console.log(`找到直接连接的边：正向${x.length}条，反向${g.length}条`);
       } else {
         const t = e.elements().aStar({
           root: b,
-          goal: u,
+          goal: h,
           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);
+          a = a.union(t.path), i += t.distance, t.path.nodes().addClass("path-node"), t.path.edges().addClass("path-edge");
+          const u = t.path.nodes().map((m) => m.data("name"));
+          r.push(...u);
         } else {
           l = !1, console.log(`节点 ${o[p]} 和 ${o[p + 1]} 之间没有路径`);
           break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-kggraph",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "description": "A knowledge graph visualization component based on Cytoscape",
   "type": "module",
   "main": "./lib/index.es.js",

package/lib/index.es45.js

@@ -1,91 +0,0 @@
-import { jsxs as m, Fragment as x, jsx as a } from "react/jsx-runtime";
-import { useState as u, useRef as p, useEffect as f } from "react";
-import { Modal as C } from "antd";
-const R = ({ videos: c, forceSingleColumn: V = !1, source: j = "" }) => {
-  const [n, l] = u(null), [i, h] = u({}), v = p({}), s = p(null), g = () => {
-    s.current && (s.current.pause(), s.current.currentTime = 0), l(null);
-  };
-  f(() => {
-    n && s.current && s.current.play().catch(() => {
-    });
-  }, [n]);
-  const y = (t, r) => {
-    if (i[r]) return;
-    const e = document.createElement("video");
-    e.src = t, e.crossOrigin = "anonymous", e.muted = !0, e.preload = "metadata", e.onloadeddata = () => {
-      e.currentTime = 0.1;
-    }, e.onseeked = () => {
-      const o = document.createElement("canvas");
-      o.width = e.videoWidth, o.height = e.videoHeight;
-      const d = o.getContext("2d");
-      if (d) {
-        d.drawImage(e, 0, 0, o.width, o.height);
-        const w = o.toDataURL("image/jpeg", 0.8);
-        h((N) => ({ ...N, [r]: w }));
-      }
-      e.src = "";
-    }, e.onerror = () => {
-      e.src = "";
-    };
-  };
-  return f(() => {
-    c.forEach((t, r) => {
-      y(t.propertyValue, r);
-    });
-  }, [c]), /* @__PURE__ */ m(x, { children: [
-    /* @__PURE__ */ a("div", { className: "video-wraper", children: c.map((t, r) => {
-      t.propertyValue.split("/").pop();
-      const e = i[r];
-      return /* @__PURE__ */ a("div", { className: "rounded-lg overflow-hidden transition-shadow", children: /* @__PURE__ */ m("div", { className: "video-item", children: [
-        /* @__PURE__ */ a(
-          "video",
-          {
-            ref: (o) => {
-              v.current[r] = o;
-            },
-            src: t.propertyValue,
-            poster: e,
-            className: "video-item-video",
-            muted: !0,
-            playsInline: !0,
-            preload: "metadata",
-            onClick: () => l(t.propertyValue)
-          }
-        ),
-        !n && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a(
-          "div",
-          {
-            className: "w-8 h-8 rounded-full flex items-center justify-center cursor-pointer hover:scale-110 transition-transform",
-            onClick: () => l(t.propertyValue),
-            children: /* @__PURE__ */ a("span", { className: "w-24px h-24px i-custom-video-play inline-block" })
-          }
-        ) })
-      ] }) }, r);
-    }) }),
-    /* @__PURE__ */ a(
-      C,
-      {
-        open: !!n,
-        footer: null,
-        onCancel: g,
-        width: "auto",
-        centered: !0,
-        className: "video-modal",
-        wrapClassName: "modal-wrapClassName",
-        getContainer: () => document.getElementById("root"),
-        children: n && /* @__PURE__ */ a(
-          "video",
-          {
-            ref: s,
-            src: n,
-            controls: !0,
-            className: "max-w-[80vw] max-h-[80vh] mt-10px"
-          }
-        )
-      }
-    )
-  ] });
-};
-export {
-  R as default
-};

package/lib/index.es46.js

@@ -1,58 +0,0 @@
-import { jsx as l, jsxs as o } from "react/jsx-runtime";
-import { useState as g, useRef as y } from "react";
-import { Row as d, Flex as h, Button as p } from "antd";
-const j = ({ audios: m, forceSingleColumn: u = !1, source: f = "" }) => {
-  const [s, a] = g(null), n = y({}), x = (e) => {
-    var t, i;
-    if (s === e)
-      (t = n.current[e]) == null || t.pause(), a(null);
-    else {
-      if (s && ((i = n.current[s]) == null || i.pause()), a(e), !n.current[e]) {
-        const c = new Audio(e);
-        n.current[e] = c;
-      }
-      n.current[e].play(), n.current[e].onended = () => a(null);
-    }
-  };
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: f === "qa-card" ? "grid grid-cols-1" : `grid ${u ? "grid-cols-1 gap-y-3" : "grid-cols-2 gap-x-100px gap-y-20px"}`,
-      children: m.map((e, t) => {
-        const i = e.propertyValue.split("/").pop() || "未命名音频", c = s === e.propertyValue;
-        return /* @__PURE__ */ o(d, { className: "flex items-center justify-between transition-all", justify: "space-between", align: "middle", children: [
-          /* @__PURE__ */ o(d, { className: "flex items-center min-w-0 flex-1", align: "middle", children: [
-            /* @__PURE__ */ l("div", { className: "mr-3 text-xl flex-shrink-0", children: /* @__PURE__ */ l("span", { className: "w-24px h-30px i-custom-audio inline-block" }) }),
-            /* @__PURE__ */ l("div", { className: "min-w-0", children: /* @__PURE__ */ l("div", { className: "truncate", title: i, children: i }) })
-          ] }),
-          /* @__PURE__ */ o(h, { className: "flex-shrink-0 ml-3", children: [
-            /* @__PURE__ */ l(
-              p,
-              {
-                className: "px-0",
-                type: "link",
-                onClick: () => x(e.propertyValue),
-                children: c ? "暂停" : "播放"
-              }
-            ),
-            /* @__PURE__ */ l(
-              p,
-              {
-                className: "px-0",
-                type: "link",
-                onClick: () => {
-                  const r = document.createElement("a");
-                  r.href = e.propertyValue, r.download = i, r.click();
-                },
-                children: "下载"
-              }
-            )
-          ] })
-        ] }, t);
-      })
-    }
-  );
-};
-export {
-  j as default
-};

package/lib/index.es47.js

@@ -1,33 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useState as m, useEffect as w } from "react";
-import h from "./index.es49.js";
-const k = ({ relations: t, kgIds: s, viewMode: a = "list", source: c = "" }) => {
-  const [d, l] = m(t);
-  w(() => {
-    t && t && l(p(t || []));
-  }, [t]);
-  const p = (e) => e.map((o) => {
-    var r;
-    const n = (r = o.content) == null ? void 0 : r.filter((f) => f.propertyKey !== "id");
-    return {
-      ...o,
-      showContent: n.slice(0, 8)
-    };
-  });
-  return /* @__PURE__ */ i("div", { className: "relation-section-wraper", children: d.map((e, u) => /* @__PURE__ */ i(
-    h,
-    {
-      entity: e,
-      viewMode: a,
-      className: "shadow-none",
-      source: c,
-      onViewDetails: (o) => {
-        const n = encodeURIComponent(e.uri);
-        window.open(`#/ai-search/fulltext-detail?uri=${n}&kgId=${s}&keyword=${o.showValue}`, "_blank");
-      }
-    }
-  )) });
-};
-export {
-  k as default
-};