react-kggraph 0.0.37 → 0.0.39

package/lib/index.es3.js

@@ -1,45 +1,45 @@
-import { jsx as g, jsxs as ne } from "react/jsx-runtime";
+import { jsx as p, jsxs as se } from "react/jsx-runtime";
 import { useRef as k, useState as m, useEffect as T } from "react";
 import C from "cytoscape";
-import Ne from "cytoscape-cose-bilkent";
-import Pe from "cytoscape-cise";
-import je from "cytoscape-fcose";
-import we from "storm-layout";
-import Le from "./index.es7.js";
+import Pe from "cytoscape-cose-bilkent";
+import je from "cytoscape-cise";
+import we from "cytoscape-fcose";
+import Le from "storm-layout";
+import Se from "./index.es7.js";
 /* empty css          */
-import { handleCalcPath as Se, resDetailData as F } from "./index.es8.js";
-import { fixNodesToEdges as Oe, coseBilkentLayout as De } from "./index.es9.js";
-import { edgeNodeStyles as Re, defaultColors as se, nodeSize as Te } from "./index.es10.js";
-import $e from "cytoscape-layout-utilities";
-import { Spin as Ie, message as j } from "antd";
-import { menuItemsConfig as Be } from "./index.es11.js";
-import { jsonStringify as w } from "./index.es12.js";
-import Me from "./index.es13.js";
-import Ae from "./index.es14.js";
-import { GraphProvider as We } from "./index.es15.js";
-import He from "./index.es16.js";
-import Ze from "./index.es17.js";
-C.use($e);
-C.use(Pe);
+import { handleCalcPath as Oe, resDetailData as F } from "./index.es8.js";
+import { fixNodesToEdges as Re, coseBilkentLayout as De } from "./index.es9.js";
+import { edgeNodeStyles as Te, defaultColors as ae, nodeSize as $e } from "./index.es10.js";
+import Ie from "cytoscape-layout-utilities";
+import { Row as Be, Spin as Me, message as $ } from "antd";
+import { menuItemsConfig as Ae } from "./index.es11.js";
+import { jsonStringify as j } from "./index.es12.js";
+import We from "./index.es13.js";
+import He from "./index.es14.js";
+import { GraphProvider as Ze } from "./index.es15.js";
+import Fe from "./index.es16.js";
+import re from "./index.es17.js";
+C.use(Ie);
 C.use(je);
 C.use(we);
-C.use(Ne);
-const pt = ({
+C.use(Le);
+C.use(Pe);
+const gt = ({
   data: z,
-  getAllGraphData: $,
+  getAllGraphData: I,
   highPathAnalysis: X = [],
   graphInfo: u,
-  stepNextApi: ae,
-  knowledgeCardApi: re,
+  stepNextApi: ie,
+  knowledgeCardApi: de,
   colors: E,
-  actionBar: ie,
-  actionCircle: de,
-  queryStatisticsConfig: le = [{ label: "实体", key: "entity" }, { label: "关系", key: "relation" }],
-  className: ce,
-  noDataDesc: Fe = "暂无数据"
+  actionBar: le,
+  actionCircle: ce,
+  queryStatisticsConfig: pe = [{ label: "实体", key: "entity" }, { label: "关系", key: "relation" }],
+  className: ge,
+  noDataDesc: Xe = "暂无数据"
 }) => {
-  var V, G;
-  const L = k(null), [h, q] = m([]), c = k(null), K = k(null), U = 1, [pe, I] = m(!1), [v, B] = m({}), [S, M] = m({}), [ge, ue] = m("cose-bilkent"), Y = k(null), _ = k(null), [fe, J] = m(["", ""]), A = k(E);
+  var G, ee;
+  const w = k(null), [h, q] = m([]), c = k(null), K = k(null), U = 1, [Y, L] = m(!1), [v, B] = m({}), [S, M] = m({}), [ue, fe] = m("cose-bilkent"), _ = k(null), J = k(null), [ye, Q] = m(["", ""]), A = k(E);
   T(() => {
     A.current = E;
   }, [E]);
@@ -49,31 +49,31 @@ const pt = ({
     y: 0,
     targetNode: null,
     bgColor: ""
-  }), [O, Q] = m({
+  }), [O, V] = m({
     visible: !1,
     x: 0,
     y: 0,
     content: ""
-  }), ye = Be({ cyRef: c, setContextMenu: N, onPathAnalysis: (V = K.current) == null ? void 0 : V.onPathAnalysis, setPathNodes: J, actionCircle: de });
+  }), me = Ae({ cyRef: c, setContextMenu: N, onPathAnalysis: (G = K.current) == null ? void 0 : G.onPathAnalysis, setPathNodes: Q, actionCircle: ce });
   T(() => {
     const { nodes: e, links: t } = X || {};
-    ((e == null ? void 0 : e.length) > 0 || (t == null ? void 0 : t.length) > 0) && Se(c, { nodes: e, links: t, isGrayed: !1 });
-  }, [w(X), w(h)]), T(() => {
+    ((e == null ? void 0 : e.length) > 0 || (t == null ? void 0 : t.length) > 0) && Oe(c, { nodes: e, links: t, isGrayed: !1 });
+  }, [j(X), j(h)]), T(() => {
     const e = [], t = [];
     h.forEach((d) => {
       d.group === "nodes" ? e.push(d.data) : d.group === "edges" && t.push(d.data);
-    }), $ == null || $({ graphData: h, nodeStatic: v, relationStatic: S, data: { nodes: e, links: t }, paths: z.paths, data2: z.data2, logId: z.logId, costtime: z.costtime });
-  }, [w(h), w(v), w(S)]), T(() => {
+    }), I == null || I({ graphData: h, nodeStatic: v, relationStatic: S, data: { nodes: e, links: t }, paths: z.paths, data2: z.data2, logId: z.logId, costtime: z.costtime });
+  }, [j(h), j(v), j(S)]), T(() => {
     var i;
-    if (!L.current || c.current) return;
+    if (!w.current || c.current) return;
     const { elements: e, typeListObj: t, relationListObj: d } = F(z, { typeObj: v, graphInfo: u });
     B(t), q(e), M(d), document.addEventListener("contextmenu", function(a) {
       a.preventDefault();
     });
     const s = C({
-      container: L.current,
+      container: w.current,
       elements: e,
-      style: Re({ elements: e, colors: E }),
+      style: Te({ elements: e, colors: E }),
       autounselectify: !1,
       autolock: !1,
       maxZoom: 1,
@@ -83,7 +83,7 @@ const pt = ({
       }
     });
     if (c.current = s, ((i = u == null ? void 0 : u.searchNodes) == null ? void 0 : i.length) === 2)
-      Oe(
+      Re(
         s,
         u.searchNodes[0],
         u.searchNodes[1]
@@ -98,7 +98,7 @@ const pt = ({
       var n;
       const o = a.target;
       if (!o.hasClass("path-edge")) {
-        const r = ((n = A.current) == null ? void 0 : n.edgeHoverColor) ?? se.edgeHoverColor;
+        const r = ((n = A.current) == null ? void 0 : n.edgeHoverColor) ?? ae.edgeHoverColor;
         o.style({
           "line-color": r,
           "target-arrow-color": r,
@@ -109,7 +109,7 @@ const pt = ({
       var n;
       const o = a.target;
       if (!o.hasClass("path-edge")) {
-        const r = ((n = A.current) == null ? void 0 : n.edgeDefaultColor) ?? se.edgeDefaultColor;
+        const r = ((n = A.current) == null ? void 0 : n.edgeDefaultColor) ?? ae.edgeDefaultColor;
         o.style({
           "line-color": r,
           "target-arrow-color": r,
@@ -121,14 +121,14 @@ const pt = ({
       o.hasClass("selected") || o.addClass("hover");
     }), s.on("mouseover", "node", (a) => {
       const o = a.target, n = o.renderedPosition(), r = o.data("name") || "";
-      o.addClass("hover"), Q({
+      o.addClass("hover"), V({
         visible: !0,
         x: n.x,
         y: n.y - 60,
         content: r
       });
     }), s.on("mouseout", "node", (a) => {
-      a.target.removeClass("hover"), Q((n) => ({ ...n, visible: !1 }));
+      a.target.removeClass("hover"), V((n) => ({ ...n, visible: !1 }));
     }), s.on("cxttap", "node", (a) => {
       a.preventDefault(), a.stopPropagation(), a.stopImmediatePropagation(), a.originalEvent && (a.originalEvent.preventDefault(), a.originalEvent.stopPropagation(), a.originalEvent.stopImmediatePropagation());
       const o = a.target, n = o.renderedPosition();
@@ -142,18 +142,18 @@ const pt = ({
     }), c.current = s, s.on("click", "node", (a) => {
       const o = a.target;
       s.nodes().removeClass("selected grayed highlighted"), s.edges().removeClass("selected grayed highlighted"), o.addClass("selected");
-      const r = o.neighborhood().nodes().add(o), p = r.edgesWith(r);
-      console.log("cy.nodes().not(relatedNodes):::", r), s.nodes().not(r).addClass("grayed"), s.edges().not(p).addClass("grayed"), r.addClass("highlighted"), p.addClass("highlighted");
+      const r = o.neighborhood().nodes().add(o), g = r.edgesWith(r);
+      console.log("cy.nodes().not(relatedNodes):::", r), s.nodes().not(r).addClass("grayed"), s.edges().not(g).addClass("grayed"), r.addClass("highlighted"), g.addClass("highlighted");
     }), s.on("tap", (a) => {
       a.target === s && (N((o) => ({ ...o, visible: !1 })), s.nodes().removeClass("grayed highlighted highlight selected correlationStyle path-node level-highlight level-selected level-grayed"), s.edges().removeClass("grayed highlighted highlight selected correlationStyle path-edge level-highlightedge level-grayed"));
     }), () => {
       c.current && (c.current.destroy(), c.current = null);
     };
   }, []);
-  const me = ({ addedNodes: e, currentNode: t, cy: d, currentZoom: s }) => {
+  const he = ({ addedNodes: e, currentNode: t, cy: d, currentZoom: s }) => {
     const i = e == null ? void 0 : e.length;
     t.data("originalPosition") || t.data("originalPosition", { ...t.position() });
-    const a = Math.max(0.1, 18 / (i || 1)), o = d.layout({
+    const a = Math.max(0.1, i > 10 ? 8 / (i || 1) : 0.7), o = d.layout({
       name: "concentric",
       spacingFactor: a,
       // 节点越多间距越小，防止溢出
@@ -176,16 +176,16 @@ const pt = ({
       // },
       // 添加随机偏移，打破完美圆环
       transform: function(n, r) {
-        const p = (Math.random() - 0.5) * 40, b = (Math.random() - 0.5) * 10;
+        const g = (Math.random() - 0.5) * 40, b = (Math.random() - 0.5) * 10;
         return {
-          x: r.x + p,
+          x: r.x + g,
           y: r.y + b
         };
       }
     });
     o.one("layoutstop", () => {
-      e.forEach((p) => {
-        p.style("z-index", Math.floor(Math.random() * 500) + 1);
+      e.forEach((g) => {
+        g.style("z-index", Math.floor(Math.random() * 500) + 1);
       }), t.style("z-index", 1e3);
       const n = t.data("originalPosition"), r = { ...t.position() };
       n && (t.position(n), t.animate({
@@ -202,9 +202,9 @@ const pt = ({
             easing: "ease-out"
           });
         }
-      })), I(!1);
+      })), L(!1);
     }), o.run(), d.nodes().forEach((n) => n.unlock());
-  }, he = async (e) => {
+  }, ve = async (e) => {
     const { id: t, kgId: d } = e, s = c.current;
     if (!s) return;
     const i = s.$id(t);
@@ -214,30 +214,30 @@ const pt = ({
     }
     const a = s.nodes().filter((n) => n.data("parentId") ? (n.data("parentId") === t || n.data("idLabel") === `${t}-${n.data("name")}`) && n.data("zktype") === e.zktype : !1);
     if (a.length > 0) {
-      const n = a.map((l) => l.id()), r = a.connectedEdges(), p = s.edges().filter(
+      const n = a.map((l) => l.id()), r = a.connectedEdges(), g = s.edges().filter(
         (l) => l.data("source") === t && n.includes(l.data("target"))
-      ), b = s.edges().filter((l) => l.data("appendedBy") === t), W = r.merge(p).merge(b).filter((l) => l.data().zktype === e.zktype);
+      ), b = s.edges().filter((l) => l.data("appendedBy") === t), W = r.merge(g).merge(b).filter((l) => l.data().zktype === e.zktype);
       a.animate({
         style: { opacity: 0 }
       }, {
         duration: 200,
         complete: () => {
-          s.remove(a), s.remove(W), q((ee) => {
-            const P = ee.filter((x) => {
-              var te, oe;
-              const R = x.data.zktype;
-              if (x.group === "nodes" && n.includes((te = x.data) == null ? void 0 : te.id) && R && R === e.zktype)
+          s.remove(a), s.remove(W), q((te) => {
+            const P = te.filter((x) => {
+              var oe, ne;
+              const D = x.data.zktype;
+              if (x.group === "nodes" && n.includes((oe = x.data) == null ? void 0 : oe.id) && D && D === e.zktype)
                 return !1;
-              if (x.group === "edges" && R && R === e.zktype) {
-                const ke = Array.from(b).map((Ee) => {
-                  const Z = Ee.data();
+              if (x.group === "edges" && D && D === e.zktype) {
+                const Ce = Array.from(b).map((Ne) => {
+                  const Z = Ne.data();
                   return `${Z.source}-${Z.target}-${Z.label}`;
-                }), H = x.data, Ce = ke.includes(`${H.source}-${H.target}-${H.label}`), ze = ((oe = x.data) == null ? void 0 : oe.appendedBy) === t;
-                return !Ce && !ze;
+                }), H = x.data, ze = Ce.includes(`${H.source}-${H.target}-${H.label}`), Ee = ((ne = x.data) == null ? void 0 : ne.appendedBy) === t;
+                return !ze && !Ee;
               }
               return !0;
-            }), { typeListObj: y, relationListObj: D } = F({}, { graphData: P, typeObj: {} });
-            return B(y), M(D), P;
+            }), { typeListObj: y, relationListObj: R } = F({}, { graphData: P, typeObj: {} });
+            return B(y), M(R), P;
           }), i.data("appendedNodes", []), i.data("isExpanded", !1);
           const l = i.data("originalPosition");
           l && (i.animate({
@@ -249,11 +249,11 @@ const pt = ({
       }, 300);
     } else {
       try {
-        I(!0);
-        const n = await ae({ uri: t, queryType: 1, kgId: d, zktype: e.zktype }), { elements: r, typeListObj: p, relationListObj: b } = F(n.data, { graphData: h, typeObj: v, relationObj: S, zktype: e.zktype });
-        if (B(p), M(b), !((r == null ? void 0 : r.length) > 0)) {
+        L(!0);
+        const n = await ie({ uri: t, queryType: 1, kgId: d, zktype: e.zktype }), { elements: r, typeListObj: g, relationListObj: b } = F(n.data, { graphData: h, typeObj: v, relationObj: S, zktype: e.zktype });
+        if (B(g), M(b), !((r == null ? void 0 : r.length) > 0)) {
           setTimeout(() => {
-            j.destroy(), j.warning("暂无数据");
+            L(!1), $.warning("暂无数据");
           }, 2e3);
           return;
         }
@@ -261,11 +261,11 @@ const pt = ({
         if ((r == null ? void 0 : r.length) > 0) {
           const l = r.map((y) => {
             if (y.group === "nodes") {
-              const D = Te * U;
+              const R = $e * U;
               return {
                 ...y,
                 // position,
-                style: { opacity: 0, width: D, height: D },
+                style: { opacity: 0, width: R, height: R },
                 data: {
                   ...y.data,
                   parentId: t,
@@ -285,27 +285,27 @@ const pt = ({
           });
           s.nodes().lock(), i.unlock();
           const P = s.add(l).filter(":node");
-          P.style("opacity", 0), me({ addedNodes: P, currentNode: i, cy: s, currentZoom: W });
+          P.style("opacity", 0), he({ addedNodes: P, currentNode: i, cy: s, currentZoom: W });
         } else
           console.log("没有找到相关节点数据");
-        j.destroy();
+        $.destroy();
       } catch (n) {
-        j.destroy(), j.error("请求接口失败"), console.error("22请求接口失败:", n);
+        $.destroy(), $.error("请求接口失败"), console.error("22请求接口失败:", n);
       }
-      I(!1);
+      L(!1);
     }
     N({ visible: !1 });
-  }, ve = {
+  }, be = {
     expanded: "typed-literal",
     contract: "uri"
-  }, be = (e, t) => {
+  }, xe = (e, t) => {
     var s;
     console.log("handleMenuAction:::", e, t);
     const d = t || f.targetNode;
     if (d) {
       const i = e.ids, a = d.data();
       if (["expanded", "contract"].includes(i))
-        he({ kgId: u.kgId, ...a, zktype: ve[i] });
+        ve({ kgId: u.kgId, ...a, zktype: be[i] });
       else if (i === "nodeInfo") {
         const o = d, n = {
           id: o.id(),
@@ -317,34 +317,34 @@ const pt = ({
           classes: o.classes(),
           style: o.style()
         };
-        Y.current.open(n);
-      } else i === "knowledgeCard" && _.current.open(d.data());
+        _.current.open(n);
+      } else i === "knowledgeCard" && J.current.open(d.data());
       (s = e.onClick) == null || s.call(e, d), N({ visible: !1, x: 0, y: 0, targetNode: null });
     }
-  }, xe = () => {
+  }, ke = () => {
     const e = {};
     return Object.keys(v).forEach((t) => {
       t !== "_" && (e[t] = v[t]);
     }), e;
   };
-  return /* @__PURE__ */ g(We, { value: { pathNodes: fe, setPathNodes: J, graphInfo: u, graphData: h, layoutType: ge, setLayoutType: ue, knowledgeCardApi: re, queryStatisticsConfig: le, actionBar: ie }, children: /* @__PURE__ */ ne("div", { className: Ze("cytoscape-container relative", ce), children: [
-    /* @__PURE__ */ g("div", { className: "btn-group" }),
-    /* @__PURE__ */ g(
-      Le,
+  return /* @__PURE__ */ p(Ze, { value: { pathNodes: ye, setPathNodes: Q, graphInfo: u, graphData: h, layoutType: ue, setLayoutType: fe, knowledgeCardApi: de, queryStatisticsConfig: pe, actionBar: le }, children: /* @__PURE__ */ se("div", { className: re("cytoscape-container relative", ge), children: [
+    /* @__PURE__ */ p("div", { className: "btn-group" }),
+    /* @__PURE__ */ p(
+      Se,
       {
         ref: K,
         cyRef: c,
         graphInfo: u,
         initNodeScale: U,
-        cyContainerRef: L,
-        typeObj: xe(),
+        cyContainerRef: w,
+        typeObj: ke(),
         relationObj: S,
         colors: E
       }
     ),
-    /* @__PURE__ */ ne("div", { className: "relative h-100", children: [
-      /* @__PURE__ */ g("div", { ref: L, className: "cy-container" }),
-      f.visible && f.targetNode && /* @__PURE__ */ g(
+    /* @__PURE__ */ se("div", { className: "relative h-100", children: [
+      /* @__PURE__ */ p("div", { ref: w, className: "cy-container" }),
+      f.visible && f.targetNode && /* @__PURE__ */ p(
         "div",
         {
           style: {
@@ -364,10 +364,10 @@ const pt = ({
             overflow: "hidden"
           },
           onClick: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ g(Me, { items: ye, centerImage: (G = f == null ? void 0 : f.targetNode) == null ? void 0 : G.data().image, targetNode: f.targetNode, onClick: (e, t) => be(e, t) })
+          children: /* @__PURE__ */ p(We, { items: me, centerImage: (ee = f == null ? void 0 : f.targetNode) == null ? void 0 : ee.data().image, targetNode: f.targetNode, onClick: (e, t) => xe(e, t) })
         }
       ),
-      O.visible && /* @__PURE__ */ g(
+      O.visible && /* @__PURE__ */ p(
         "div",
         {
           style: {
@@ -391,11 +391,13 @@ const pt = ({
         }
       )
     ] }),
-    /* @__PURE__ */ g(Ae, { ref: Y, cyRef: c }),
-    /* @__PURE__ */ g(He, { ref: _ }),
-    /* @__PURE__ */ g(Ie, { spinning: pe, className: "Spin-loading", description: "Loading", size: "large", fullscreen: !0 })
+    /* @__PURE__ */ p(He, { ref: _, cyRef: c }),
+    /* @__PURE__ */ p(Fe, { ref: J }),
+    /* @__PURE__ */ p(Be, { className: re("Spin-loading", {
+      "Spin-loading-hidden": !Y
+    }), justify: "center", align: "middle", children: /* @__PURE__ */ p(Me, { spinning: Y, description: "Loading", size: "large" }) })
   ] }) });
 };
 export {
-  pt as default
+  gt as default
 };

package/lib/index.es39.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
 };

package/lib/index.es44.js

@@ -1,58 +1,43 @@
-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 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__ */ 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);
-      })
-    }
-  );
+  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 {
-  j as default
+  w as default
 };