react-kggraph 0.0.24 → 0.0.26

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
 };