react-kggraph 0.0.22 → 0.0.24

package/lib/index.es4.js

@@ -1,19 +1,23 @@
 import { jsx as i } from "react/jsx-runtime";
-import { AppstoreOutlined as t, TableOutlined as e, RobotOutlined as n, LineChartOutlined as o, SelectOutlined as l, SaveOutlined as c, BorderOuterOutlined as u, LineHeightOutlined as s, ClearOutlined as a, PlusCircleOutlined as d, MinusCircleOutlined as r, PlusSquareOutlined as y, MinusSquareOutlined as O } from "@ant-design/icons";
+import { AppstoreOutlined as t, TableOutlined as e, RobotOutlined as n, LineChartOutlined as l, SelectOutlined as o, SaveOutlined as c, BorderOuterOutlined as u, LineHeightOutlined as a, ClearOutlined as s, PlusCircleOutlined as r, MinusCircleOutlined as d, PlusSquareOutlined as y, MinusSquareOutlined as O } from "@ant-design/icons";
 const m = [
   { key: "queryStatistics", title: "查询统计", icon: [/* @__PURE__ */ i(t, {}, "icon")] },
   { key: "layout", title: "布局", icon: [/* @__PURE__ */ i(e, {}, "icon")] },
-  { key: "graphDisplaySettings", title: "图显示设置", icon: [/* @__PURE__ */ i(n, {}, "icon")] },
-  { key: "analysis", title: "分析", icon: [/* @__PURE__ */ i(o, {}, "icon")] },
-  { key: "select", title: "选择", icon: [/* @__PURE__ */ i(l, {}, "icon")] },
+  { key: "graphDisplaySettings", title: "图设置", icon: [/* @__PURE__ */ i(n, {}, "icon")] },
+  { key: "analysis", title: "分析", icon: [/* @__PURE__ */ i(l, {}, "icon")] },
+  { key: "select", title: "选择", icon: [/* @__PURE__ */ i(o, {}, "icon")] },
   { key: "downloadData", title: "下载数据", icon: [/* @__PURE__ */ i(c, {}, "icon")] },
   { key: "hideAttributes", title: "隐藏属性", icon: [/* @__PURE__ */ i(u, {}, "icon")] },
-  { key: "textPosition", title: "文字位置", icon: [/* @__PURE__ */ i(s, {}, "icon")] },
-  { key: "clearCanvas", title: "清空画布", icon: [/* @__PURE__ */ i(a, {}, "icon")] },
-  { key: "nodeZoom", title: "节点缩放", icon: [/* @__PURE__ */ i(d, {}, "plus"), /* @__PURE__ */ i(r, {}, "minus")] },
+  { key: "textPosition", title: "文字位置", icon: [/* @__PURE__ */ i(a, {}, "icon")] },
+  { key: "clearCanvas", title: "清空画布", icon: [/* @__PURE__ */ i(s, {}, "icon")] },
+  { key: "nodeZoom", title: "节点缩放", icon: [/* @__PURE__ */ i(r, {}, "plus"), /* @__PURE__ */ i(d, {}, "minus")] },
   { key: "canvasZoom", title: "画布缩放", icon: [/* @__PURE__ */ i(y, {}, "plus"), /* @__PURE__ */ i(O, {}, "minus")] }
-];
+], S = [{ label: "实体", key: "entity" }, {
+  label: "关系",
+  key: "relation"
+}];
 export {
   m as actionList,
-  m as default
+  m as default,
+  S as entityRelationList
 };

package/lib/index.es42.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.es43.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.es44.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.es45.js

@@ -0,0 +1,91 @@
+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

@@ -0,0 +1,58 @@
+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

@@ -0,0 +1,33 @@
+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
+};

package/lib/index.es49.js

@@ -0,0 +1,72 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import w from "react";
+import { Card as f, Row as n, Button as x, Col as g, Tooltip as C } from "antd";
+const E = ({
+  entity: l,
+  viewMode: N,
+  keyword: d = "",
+  className: v = "",
+  contentClass: b = "",
+  onViewDetails: p,
+  source: k = ""
+}) => {
+  const h = (e, a) => {
+    if (!a || !e) return e;
+    const i = new RegExp(`(${a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`, "gi");
+    return e.split(i).map(
+      (r, c) => i.test(r) ? /* @__PURE__ */ t("span", { style: { color: "#E1211C", fontWeight: "bold" }, children: r }, c) : r
+    );
+  }, m = w.useMemo(() => {
+    if (!l.showContent) return [];
+    const e = (s) => (s == null ? void 0 : s.includes("简介")) || s.startsWith("http://") || s.startsWith("https://"), a = l.showContent.filter((s) => e(s.propertyKey));
+    return [...l.showContent.filter((s) => !e(s.propertyKey)), ...a];
+  }, [l.showContent]), u = (e, a) => {
+    var c;
+    const i = ((c = e.propertyValue) == null ? void 0 : c.length) > 20, s = h(e.propertyValue, d), r = /* @__PURE__ */ t(g, { span: 24, className: "detail-item-list", children: /* @__PURE__ */ o(n, { children: [
+      /* @__PURE__ */ o("span", { className: "detail-label text-#676A6C flex-shrink-0 whitespace-nowrap font-size-14px max-w-[80%] overflow-hidden text-ellipsis whitespace-nowrap", children: [
+        e.propertyKey,
+        "："
+      ] }),
+      /* @__PURE__ */ t("span", { className: "detail-value text-#676A6C truncate block overflow-hidden text-ellipsis whitespace-nowrap flex-1 min-w-0 font-size-14px", children: s })
+    ] }) }, a);
+    return i ? /* @__PURE__ */ t(
+      C,
+      {
+        title: e.propertyValue,
+        placement: "topLeft",
+        mouseEnterDelay: 0.3,
+        overlayClassName: "max-w-[500px] break-words",
+        children: r
+      },
+      a
+    ) : r;
+  };
+  return /* @__PURE__ */ t("div", { className: "relative group", children: /* @__PURE__ */ t(
+    f,
+    {
+      className: "section-card",
+      bodyStyle: { padding: "20px 20px 4px 20px" },
+      onClick: () => p(l),
+      children: /* @__PURE__ */ o("div", { className: "flex flex-col h-full", children: [
+        /* @__PURE__ */ o(n, { className: "section-title", justify: "space-between", align: "middle", children: [
+          /* @__PURE__ */ t("div", { className: "entity-name-list", children: h(l.showValue, d) }),
+          /* @__PURE__ */ t(
+            x,
+            {
+              className: "view-details-btn",
+              children: "查看详情"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o(n, { className: "flex mb-18px", children: [
+          l.showType && /* @__PURE__ */ t(n, { className: "detail-item-tag", justify: "center", align: "middle", children: l.showType }),
+          l.kg && /* @__PURE__ */ t("div", { className: "detail-item-tag1", children: l.kg })
+        ] }),
+        /* @__PURE__ */ t(n, { wrap: !0, children: m.map((e, a) => u(e, a)) })
+      ] })
+    }
+  ) });
+};
+export {
+  E as default
+};