react-kggraph 0.0.28 → 0.0.30

package/lib/index.es4.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-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 = [
+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 d, MinusCircleOutlined as r, PlusSquareOutlined as y, MinusSquareOutlined as O, UnorderedListOutlined as k } from "@ant-design/icons";
+const b = [
   { key: "queryStatistics", title: "查询统计", icon: [/* @__PURE__ */ i(t, {}, "icon")] },
   { key: "layout", title: "布局", icon: [/* @__PURE__ */ i(e, {}, "icon")] },
   { key: "graphDisplaySettings", title: "图设置", icon: [/* @__PURE__ */ i(n, {}, "icon")] },
@@ -10,14 +10,15 @@ const m = [
   { key: "hideAttributes", title: "隐藏属性", icon: [/* @__PURE__ */ i(u, {}, "icon")] },
   { 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")] }
+  { key: "nodeZoom", title: "节点缩放", icon: [/* @__PURE__ */ i(d, {}, "plus"), /* @__PURE__ */ i(r, {}, "minus")] },
+  { key: "canvasZoom", title: "画布缩放", icon: [/* @__PURE__ */ i(y, {}, "plus"), /* @__PURE__ */ i(O, {}, "minus")] },
+  { key: "tablelist", title: "查看列表", icon: [/* @__PURE__ */ i(k, {})] }
 ], S = [{ label: "实体", key: "entity" }, {
   label: "关系",
   key: "relation"
 }];
 export {
-  m as actionList,
-  m as default,
+  b as actionList,
+  b as default,
   S as entityRelationList
 };

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

@@ -1,58 +1,72 @@
-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);
-    }
+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__ */ l(
-    "div",
+  return /* @__PURE__ */ t("div", { className: "relative group", children: /* @__PURE__ */ t(
+    f,
     {
-      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);
-      })
+      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 {
-  j as default
+  E as default
 };