react-kggraph 0.0.27 → 0.0.28

package/lib/index.es3.js

@@ -1,5 +1,5 @@
-import { jsx as h, jsxs as oe } from "react/jsx-runtime";
-import { useRef as k, useState as v, useEffect as S } from "react";
+import { jsx as h, jsxs as ne } from "react/jsx-runtime";
+import { useRef as k, useState as v, useEffect as D } from "react";
 import E from "cytoscape";
 import Ee from "cytoscape-cose-bilkent";
 import ze from "cytoscape-cise";
@@ -8,27 +8,27 @@ import je from "storm-layout";
 import Le from "./index.es7.js";
 /* empty css          */
 import { handleCalcPath as Oe, resDetailData as F } from "./index.es8.js";
-import { fixNodesToEdges as Re, coseBilkentLayout as ne } from "./index.es9.js";
-import { edgeNodeStyles as Te, defaultColors as se, nodeSize as $e } from "./index.es10.js";
-import De from "cytoscape-layout-utilities";
+import { fixNodesToEdges as Pe, coseBilkentLayout as se } from "./index.es9.js";
+import { edgeNodeStyles as Re, defaultColors as de, nodeSize as Te } from "./index.es10.js";
+import $e from "cytoscape-layout-utilities";
 import { message as C } from "antd";
-import { menuItemsConfig as Se } from "./index.es11.js";
+import { menuItemsConfig as De } from "./index.es11.js";
 import { jsonStringify as L } from "./index.es12.js";
-import Ie from "./index.es13.js";
-import Pe from "./index.es14.js";
+import Se from "./index.es13.js";
+import Ie from "./index.es14.js";
 import { GraphProvider as Be } from "./index.es15.js";
-import We from "./index.es16.js";
-import He from "./index.es17.js";
-E.use(De);
+import Ae from "./index.es16.js";
+import We from "./index.es17.js";
+E.use($e);
 E.use(ze);
 E.use(we);
 E.use(je);
 E.use(Ee);
 const lt = ({
-  data: de,
-  getAllGraphData: I,
-  highPathAnalysis: z = [],
-  graphInfo: g,
+  data: z,
+  getAllGraphData: S,
+  highPathAnalysis: K = [],
+  graphInfo: u,
   stepNextApi: re,
   knowledgeCardApi: ae,
   colors: w,
@@ -36,43 +36,44 @@ const lt = ({
   actionCircle: le,
   queryStatisticsConfig: ce = [{ label: "实体", key: "entity" }, { label: "关系", key: "relation" }],
   className: pe,
-  noDataDesc: Me = "暂无数据"
+  noDataDesc: He = "暂无数据"
 }) => {
-  var Y, G, ee;
-  const O = k(null), [p, P] = v([]), u = k(null), K = k(null), X = 1, [Ue, Z] = v(!1), [x, B] = v({}), [R, W] = v({}), [ue, ge] = v("cose-bilkent"), _ = k(null), J = k(null), [fe, Q] = v(["", ""]), H = k(w);
-  S(() => {
-    H.current = w;
+  var G, ee, te;
+  const O = k(null), [p, I] = v([]), g = k(null), X = k(null), Z = 1, [Me, _] = v(!1), [x, B] = v({}), [P, A] = v({}), [ge, ue] = v("cose-bilkent"), J = k(null), Q = k(null), [ye, V] = v(["", ""]), W = k(w);
+  D(() => {
+    W.current = w;
   }, [w]);
-  const [f, j] = v({
+  const [y, j] = v({
     visible: !1,
     x: 0,
     y: 0,
     targetNode: null,
     bgColor: ""
-  }), [T, V] = v({
+  }), [R, Y] = v({
     visible: !1,
     x: 0,
     y: 0,
     content: ""
-  }), ye = Se({ cyRef: u, setContextMenu: j, onPathAnalysis: (Y = K.current) == null ? void 0 : Y.onPathAnalysis, setPathNodes: Q, actionCircle: le });
-  S(() => {
-    (z == null ? void 0 : z.length) > 1 && Oe(u, { pathNodes: z, isGrayed: !1 });
-  }, [L(z), L(p)]), S(() => {
-    const n = [], d = [];
+  }), fe = De({ cyRef: g, setContextMenu: j, onPathAnalysis: (G = X.current) == null ? void 0 : G.onPathAnalysis, setPathNodes: V, actionCircle: le });
+  D(() => {
+    const { pathNodes: n, pathLinks: s } = K || {};
+    ((n == null ? void 0 : n.length) > 0 || (s == null ? void 0 : s.length) > 0) && Oe(g, { pathNodes: n, pathLinks: s, isGrayed: !1 });
+  }, [L(K), L(p)]), D(() => {
+    const n = [], s = [];
     p.forEach((l) => {
-      l.group === "nodes" ? n.push(l.data) : l.group === "edges" && d.push(l.data);
-    }), I == null || I({ graphData: p, nodeStatic: x, relationStatic: R, data: { nodes: n, links: d } });
-  }, [L(p), L(x), L(R)]), S(() => {
+      l.group === "nodes" ? n.push(l.data) : l.group === "edges" && s.push(l.data);
+    }), S == null || S({ graphData: p, nodeStatic: x, relationStatic: P, data: { nodes: n, links: s }, paths: z.paths, data2: z.data2, logId: z.logId, costtime: z.costtime });
+  }, [L(p), L(x), L(P)]), D(() => {
     var a;
-    if (!O.current || u.current) return;
-    const { elements: n, typeListObj: d, relationListObj: l } = F(de, { typeObj: x, graphInfo: g });
-    B(d), P(n), W(l), document.addEventListener("contextmenu", function(t) {
+    if (!O.current || g.current) return;
+    const { elements: n, typeListObj: s, relationListObj: l } = F(z, { typeObj: x, graphInfo: u });
+    B(s), I(n), A(l), document.addEventListener("contextmenu", function(t) {
       t.preventDefault();
     });
     const e = E({
       container: O.current,
       elements: n,
-      style: Te({ elements: n, colors: w }),
+      style: Re({ elements: n, colors: w }),
       autounselectify: !1,
       autolock: !1,
       maxZoom: 1,
@@ -81,23 +82,23 @@ const lt = ({
         // 使用预设布局，完全依赖 position
       }
     });
-    if (u.current = e, ((a = g == null ? void 0 : g.searchNodes) == null ? void 0 : a.length) === 2)
-      Re(
+    if (g.current = e, ((a = u == null ? void 0 : u.searchNodes) == null ? void 0 : a.length) === 2)
+      Pe(
         e,
-        g.searchNodes[0],
-        g.searchNodes[1]
+        u.searchNodes[0],
+        u.searchNodes[1]
       );
     else {
-      const t = e.layout(ne());
+      const t = e.layout(se());
       t.run(), t.on("layoutstop", () => {
         e.fit(void 0, 50), e.center();
       });
     }
     return e.on("mouseover", "edge", (t) => {
-      var s;
+      var d;
       const o = t.target;
       if (!o.hasClass("path-edge")) {
-        const r = ((s = H.current) == null ? void 0 : s.edgeHoverColor) ?? se.edgeHoverColor;
+        const r = ((d = W.current) == null ? void 0 : d.edgeHoverColor) ?? de.edgeHoverColor;
         o.style({
           "line-color": r,
           "target-arrow-color": r,
@@ -105,10 +106,10 @@ const lt = ({
         });
       }
     }), e.on("mouseout", "edge", (t) => {
-      var s;
+      var d;
       const o = t.target;
       if (!o.hasClass("path-edge")) {
-        const r = ((s = H.current) == null ? void 0 : s.edgeDefaultColor) ?? se.edgeDefaultColor;
+        const r = ((d = W.current) == null ? void 0 : d.edgeDefaultColor) ?? de.edgeDefaultColor;
         o.style({
           "line-color": r,
           "target-arrow-color": r,
@@ -119,26 +120,26 @@ const lt = ({
       const o = t.target;
       o.hasClass("selected") || o.addClass("hover");
     }), e.on("mouseover", "node", (t) => {
-      const o = t.target, s = o.renderedPosition(), r = o.data("name") || "";
-      o.addClass("hover"), V({
+      const o = t.target, d = o.renderedPosition(), r = o.data("name") || "";
+      o.addClass("hover"), Y({
         visible: !0,
-        x: s.x,
-        y: s.y - 60,
+        x: d.x,
+        y: d.y - 60,
         content: r
       });
     }), e.on("mouseout", "node", (t) => {
-      t.target.removeClass("hover"), V((s) => ({ ...s, visible: !1 }));
+      t.target.removeClass("hover"), Y((d) => ({ ...d, 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, s = o.renderedPosition();
+      const o = t.target, d = o.renderedPosition();
       console.log("renderedPos:::", o.data(), o.style("background-color")), j({
         visible: !0,
-        x: s.x - 90,
-        y: s.y - 90,
+        x: d.x - 90,
+        y: d.y - 90,
         targetNode: o,
         bgColor: o.style("background-color")
       });
-    }), u.current = e, e.on("click", "node", (t) => {
+    }), g.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 r = o.neighborhood().nodes().add(o), N = r.edgesWith(r);
@@ -146,43 +147,43 @@ const lt = ({
     }), e.on("tap", (t) => {
       t.target === e && (j((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"));
     }), () => {
-      u.current && (u.current.destroy(), u.current = null);
+      g.current && (g.current.destroy(), g.current = null);
     };
   }, []);
   const me = async (n) => {
-    const { id: d, kgId: l } = n, e = u.current;
+    const { id: s, kgId: l } = n, e = g.current;
     if (!e) return;
-    const a = e.$(`#${d}`);
+    const a = e.$(`#${s}`);
     if (!a || a.length === 0) {
       console.error("当前节点不存在");
       return;
     }
-    const t = e.nodes().filter((s) => s.data("parentId") ? (s.data("parentId") === d || s.data("idLabel") === `${d}-${s.data("name")}`) && s.data("zktype") === n.zktype : !1);
+    const t = e.nodes().filter((d) => d.data("parentId") ? (d.data("parentId") === s || d.data("idLabel") === `${s}-${d.data("name")}`) && d.data("zktype") === n.zktype : !1);
     if (t.length > 0) {
-      const s = t.map((c) => c.id()), r = t.connectedEdges(), N = e.edges().filter(
-        (c) => c.data("source") === d && s.includes(c.data("target"))
-      ), $ = e.edges().filter((c) => c.data("appendedBy") === d), M = r.merge(N).merge($).filter((c) => c.data().zktype === n.zktype);
+      const d = t.map((c) => c.id()), r = t.connectedEdges(), N = e.edges().filter(
+        (c) => c.data("source") === s && d.includes(c.data("target"))
+      ), T = e.edges().filter((c) => c.data("appendedBy") === s), H = r.merge(N).merge(T).filter((c) => c.data().zktype === n.zktype);
       t.animate({
         style: { opacity: 0 }
       }, {
         duration: 200,
         complete: () => {
-          e.remove(t), e.remove(M), P((c) => {
-            const D = c.filter((m) => {
-              var b, te;
+          e.remove(t), e.remove(H), I((c) => {
+            const $ = c.filter((m) => {
+              var b, oe;
               const i = m.data.zktype;
-              if (m.group === "nodes" && s.includes((b = m.data) == null ? void 0 : b.id) && i && i === n.zktype)
+              if (m.group === "nodes" && d.includes((b = m.data) == null ? void 0 : b.id) && i && i === n.zktype)
                 return !1;
               if (m.group === "edges" && i && i === n.zktype) {
-                const xe = Array.from($).map((Ce) => {
-                  const A = Ce.data();
-                  return `${A.source}-${A.target}-${A.label}`;
-                }), q = m.data, Ne = xe.includes(`${q.source}-${q.target}-${q.label}`), ke = ((te = m.data) == null ? void 0 : te.appendedBy) === d;
+                const xe = Array.from(T).map((Ce) => {
+                  const q = Ce.data();
+                  return `${q.source}-${q.target}-${q.label}`;
+                }), U = m.data, Ne = xe.includes(`${U.source}-${U.target}-${U.label}`), ke = ((oe = m.data) == null ? void 0 : oe.appendedBy) === s;
                 return !Ne && !ke;
               }
               return !0;
-            }), { typeListObj: y, relationListObj: U } = F({}, { graphData: D, typeObj: {} });
-            return B(y), W(U), D;
+            }), { typeListObj: f, relationListObj: M } = F({}, { graphData: $, typeObj: {} });
+            return B(f), A(M), $;
           }), a.data("appendedNodes", []), a.data("isExpanded", !1);
         }
       }), setTimeout(() => {
@@ -190,28 +191,28 @@ const lt = ({
       }, 300);
     } else {
       try {
-        Z(!0), C.open({
+        _(!0), C.open({
           type: "loading",
           content: "正在展开...",
           duration: 0
         });
-        const s = await re({ uri: d, queryType: 1, kgId: l, zktype: n.zktype }), { elements: r, typeListObj: N, relationListObj: $ } = F(s.data, { graphData: p, typeObj: x, relationObj: R, zktype: n.zktype });
-        if (B(N), W($), !((r == null ? void 0 : r.length) > 0)) {
+        const d = await re({ uri: s, queryType: 1, kgId: l, zktype: n.zktype }), { elements: r, typeListObj: N, relationListObj: T } = F(d.data, { graphData: p, typeObj: x, relationObj: P, zktype: n.zktype });
+        if (B(N), A(T), !((r == null ? void 0 : r.length) > 0)) {
           setTimeout(() => {
             C.destroy(), C.warning("暂无数据");
           }, 2e3);
           return;
         }
         if ((r == null ? void 0 : r.length) > 0) {
-          const M = e.layoutUtilities({
-            ...ne(),
+          const H = e.layoutUtilities({
+            ...se(),
             idealEdgeLength: 80,
             // 与你的期望边长匹配
             offset: 30
             // 随机偏移，避免完全重叠
           }), c = r.map((i) => {
             if (i.group === "nodes") {
-              const b = $e * X;
+              const b = Te * Z;
               return {
                 ...i,
                 style: {
@@ -221,11 +222,11 @@ const lt = ({
                 },
                 data: {
                   ...i.data,
-                  parentId: d,
+                  parentId: s,
                   // 标记父节点
-                  appendedBy: d,
+                  appendedBy: s,
                   // 标记由谁追加
-                  idLabel: d + "-" + i.data.label,
+                  idLabel: s + "-" + i.data.label,
                   zktype: n.zktype,
                   isAppended: !0,
                   // 标记是追加节点
@@ -238,16 +239,16 @@ const lt = ({
               ...i,
               data: {
                 ...i.data,
-                appendedBy: d,
+                appendedBy: s,
                 zktype: n.zktype
               }
             };
-          }), D = e.add(c);
-          P([...p, ...c]);
-          const y = D.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({
+          }), $ = e.add(c);
+          I([...p, ...c]);
+          const f = $.filter(":node"), M = f.map((i) => i.id());
+          a.data("appendedNodes", M), a.data("isExpanded", !0);
+          const m = e.nodes().difference(f);
+          m.forEach((i) => i.lock()), H.placeNewNodes(f), e.layout({
             name: "cose-bilkent",
             randomize: !1,
             // ⚠️ 这是关键！保持已有节点位置不变
@@ -264,7 +265,7 @@ const lt = ({
             gravity: 0.6
           }).run(), setTimeout(() => {
             m.forEach((i) => i.unlock());
-          }, 2e3), y.animate({
+          }, 2e3), f.animate({
             style: {
               opacity: 1,
               width: 20,
@@ -274,7 +275,7 @@ const lt = ({
             duration: 400,
             easing: "ease-out",
             complete: () => {
-              y.style("opacity", ""), y.style("width", ""), y.style("height", "");
+              f.style("opacity", ""), f.style("width", ""), f.style("height", "");
             }
           }), setTimeout(() => {
             a.removed() || (a.style("border-width", ""), a.style("border-color", ""), e.center(a), e.zoom(e.zoom()));
@@ -282,25 +283,25 @@ const lt = ({
         } else
           console.log("没有找到相关节点数据");
         C.destroy();
-      } catch (s) {
-        C.destroy(), C.error("请求接口失败"), console.error("22请求接口失败:", s);
+      } catch (d) {
+        C.destroy(), C.error("请求接口失败"), console.error("22请求接口失败:", d);
       }
-      Z(!1);
+      _(!1);
     }
     j({ visible: !1 });
   }, he = {
     expanded: "typed-literal",
     contract: "uri"
-  }, ve = (n, d) => {
+  }, ve = (n, s) => {
     var e;
-    console.log("handleMenuAction:::", n, d);
-    const l = d || f.targetNode;
+    console.log("handleMenuAction:::", n, s);
+    const l = s || y.targetNode;
     if (l) {
       const a = n.ids, t = l.data();
       if (["expanded", "contract"].includes(a))
-        me({ kgId: g.kgId, ...t, zktype: he[a] });
+        me({ kgId: u.kgId, ...t, zktype: he[a] });
       else if (a === "nodeInfo") {
-        const o = l, s = {
+        const o = l, d = {
           id: o.id(),
           data: o.data(),
           position: o.position(),
@@ -310,42 +311,42 @@ const lt = ({
           classes: o.classes(),
           style: o.style()
         };
-        _.current.open(s);
-      } else a === "knowledgeCard" && J.current.open(l.data());
+        J.current.open(d);
+      } else a === "knowledgeCard" && Q.current.open(l.data());
       (e = n.onClick) == null || e.call(n, l), j({ visible: !1, x: 0, y: 0, targetNode: null });
     }
   };
-  console.log(111, !(((G = p == null ? void 0 : p.nodes) == null ? void 0 : G.length) > 0), p);
+  console.log(111, !(((ee = p == null ? void 0 : p.nodes) == null ? void 0 : ee.length) > 0), p);
   const be = () => {
     const n = {};
-    return Object.keys(x).forEach((d) => {
-      d !== "_" && (n[d] = x[d]);
+    return Object.keys(x).forEach((s) => {
+      s !== "_" && (n[s] = x[s]);
     }), n;
   };
-  return /* @__PURE__ */ h(Be, { value: { pathNodes: fe, setPathNodes: Q, graphInfo: g, graphData: p, layoutType: ue, setLayoutType: ge, knowledgeCardApi: ae, queryStatisticsConfig: ce, actionBar: ie }, children: /* @__PURE__ */ oe("div", { className: He("cytoscape-container relative", pe), children: [
+  return /* @__PURE__ */ h(Be, { value: { pathNodes: ye, setPathNodes: V, graphInfo: u, graphData: p, layoutType: ge, setLayoutType: ue, knowledgeCardApi: ae, queryStatisticsConfig: ce, actionBar: ie }, children: /* @__PURE__ */ ne("div", { className: We("cytoscape-container relative", pe), children: [
     /* @__PURE__ */ h("div", { className: "btn-group" }),
     /* @__PURE__ */ h(
       Le,
       {
-        ref: K,
-        cyRef: u,
-        graphInfo: g,
-        initNodeScale: X,
+        ref: X,
+        cyRef: g,
+        graphInfo: u,
+        initNodeScale: Z,
         cyContainerRef: O,
         typeObj: be(),
-        relationObj: R,
+        relationObj: P,
         colors: w
       }
     ),
-    /* @__PURE__ */ oe("div", { className: "relative h-100", children: [
+    /* @__PURE__ */ ne("div", { className: "relative h-100", children: [
       /* @__PURE__ */ h("div", { ref: O, className: "cy-container" }),
-      f.visible && f.targetNode && /* @__PURE__ */ h(
+      y.visible && y.targetNode && /* @__PURE__ */ h(
         "div",
         {
           style: {
             position: "absolute",
-            left: `${f.x}px`,
-            top: `${f.y}px`,
+            left: `${y.x}px`,
+            top: `${y.y}px`,
             // backgroundColor: 'white',
             // border: '1px solid #ccc',
             // borderRadius: '50%',
@@ -359,16 +360,16 @@ const lt = ({
             overflow: "hidden"
           },
           onClick: (n) => n.stopPropagation(),
-          children: /* @__PURE__ */ h(Ie, { items: ye, centerImage: (ee = f == null ? void 0 : f.targetNode) == null ? void 0 : ee.data().image, targetNode: f.targetNode, onClick: (n, d) => ve(n, d) })
+          children: /* @__PURE__ */ h(Se, { items: fe, centerImage: (te = y == null ? void 0 : y.targetNode) == null ? void 0 : te.data().image, targetNode: y.targetNode, onClick: (n, s) => ve(n, s) })
         }
       ),
-      T.visible && /* @__PURE__ */ h(
+      R.visible && /* @__PURE__ */ h(
         "div",
         {
           style: {
             position: "absolute",
-            left: `${T.x}px`,
-            top: `${T.y}px`,
+            left: `${R.x}px`,
+            top: `${R.y}px`,
             transform: "translateX(-50%)",
             backgroundColor: "rgba(0, 0, 0, 0.85)",
             color: "#fff",
@@ -382,12 +383,12 @@ const lt = ({
             overflow: "hidden",
             textOverflow: "ellipsis"
           },
-          children: T.content
+          children: R.content
         }
       )
     ] }),
-    /* @__PURE__ */ h(Pe, { ref: _ }),
-    /* @__PURE__ */ h(We, { ref: J })
+    /* @__PURE__ */ h(Ie, { ref: J }),
+    /* @__PURE__ */ h(Ae, { ref: Q })
   ] }) });
 };
 export {

package/lib/index.es38.js

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

package/lib/index.es43.js

@@ -1,91 +1,21 @@
-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"
-          }
-        )
-      }
-    )
-  ] });
+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 {
-  R as default
+  d as default
 };