react-kggraph 0.0.22 → 0.0.24

package/lib/index.es10.js

@@ -1,8 +1,8 @@
-const g = {
+const g = 60, s = {
   nodeLabelColor: "#000",
-  nodeLabelFontSize: 18,
+  nodeLabelFontSize: 16,
   edgeLabelColor: "#666",
-  edgeLabelFontSize: 18,
+  edgeLabelFontSize: 16,
   uriNodeColor: "#f7de63",
   // 节点类型为uri的节点颜色，默认节点颜色
   normalNodeColor: "#1890FF",
@@ -16,21 +16,21 @@ const g = {
   //路径高亮颜色
   pathNodeColor: "#145AFD"
   //路径节点颜色-不生效
-}, h = ({ elements: c, colors: n = {} }) => {
-  const e = { ...g, ...n }, l = [], t = 80;
-  c.map((o) => {
-    var a, d, i;
-    !l.includes((a = o == null ? void 0 : o.data) == null ? void 0 : a.type) && ((d = o == null ? void 0 : o.data) != null && d.type) && l.push((i = o.data) == null ? void 0 : i.type);
+}, h = ({ elements: i, colors: c = {} }) => {
+  const e = { ...s, ...c }, r = [];
+  i.map((o) => {
+    var l, a, d;
+    !r.includes((l = o == null ? void 0 : o.data) == null ? void 0 : l.type) && ((a = o == null ? void 0 : o.data) != null && a.type) && r.push((d = o.data) == null ? void 0 : d.type);
   });
-  const r = [];
-  r.push({
+  const t = [];
+  t.push({
     selector: '[properties-type="uri"]',
     style: {
       "background-color": e.uriNodeColor,
       "background-image": "data(image)",
       "background-fit": "cover",
-      width: t,
-      height: t,
+      width: 60,
+      height: 60,
       label: "data(name)",
       color: e.nodeLabelColor,
       "text-valign": "bottom",
@@ -39,14 +39,14 @@ const g = {
       "text-wrap": "ellipsis",
       "text-overflow-wrap": "anywhere"
     }
-  }), r.push({
+  }), t.push({
     selector: '[properties-type!="uri"]',
     style: {
       "background-color": e.normalNodeColor,
       "background-image": "data(image)",
       "background-fit": "cover",
-      width: t,
-      height: t,
+      width: 60,
+      height: 60,
       label: "data(name)",
       color: e.nodeLabelColor,
       "text-valign": "bottom",
@@ -56,7 +56,7 @@ const g = {
       "text-overflow-wrap": "anywhere"
     }
   });
-  const s = [
+  const n = [
     {
       selector: "node",
       style: {
@@ -184,9 +184,10 @@ const g = {
       }
     }
   ];
-  return r.concat(s);
+  return t.concat(n);
 };
 export {
-  g as defaultColors,
-  h as edgeNodeStyles
+  s as defaultColors,
+  h as edgeNodeStyles,
+  g as nodeSize
 };

package/lib/index.es14.js

@@ -1,65 +1,63 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as w, useState as C, useImperativeHandle as D } from "react";
-import { Select as a, Form as l, Drawer as F, Input as r } from "antd";
-const { Option: o } = a, z = w((S, g) => {
-  const [v, d] = C(!1), [B, x] = C({ style: {}, data: {} }), [s] = l.useForm();
-  return D(g, () => ({
-    open: (t) => {
-      var c, h, i, m, b, y, p, u, f, I;
-      d(!0), x(t), s.setFieldsValue({
-        name: (c = t.data) == null ? void 0 : c.name,
-        type: t.type || "圆形",
-        color: (h = t.style) == null ? void 0 : h.color,
-        size: parseInt((i = t.style) == null ? void 0 : i.height) || 30,
-        borderWidth: parseInt((m = t.style) == null ? void 0 : m.borderWidth) || 2,
-        borderDash: ((b = t.style) == null ? void 0 : b.borderDash) === [5, 5] ? "是" : "否",
-        borderColor: (y = t.style) == null ? void 0 : y.borderColor,
-        textValign: ((p = t.style) == null ? void 0 : p.textValign) || "center",
-        fontStyle: ((u = t.style) == null ? void 0 : u.fontStyle) || "normal",
-        fontColor: ((f = t.style) == null ? void 0 : f["font-color"]) || "#000000",
-        textBackgroundColor: ((I = t.style) == null ? void 0 : I.textBackgroundColor) || "transparent"
+import { forwardRef as D, useState as C, useImperativeHandle as w } from "react";
+import { Select as a, Form as r, Drawer as F, Input as o } from "antd";
+const { Option: t } = a, z = D((S, g) => {
+  const [v, s] = C(!1), [V, x] = C({ style: {}, data: {} }), [d] = r.useForm();
+  return w(g, () => ({
+    open: (l) => {
+      var c, h, i, m, b, p, y, u, f, I;
+      s(!0), x(l), d.setFieldsValue({
+        name: (c = l.data) == null ? void 0 : c.name,
+        type: l.type || "圆形",
+        color: (h = l.style) == null ? void 0 : h.color,
+        size: parseInt((i = l.style) == null ? void 0 : i.height) || 30,
+        borderWidth: parseInt((m = l.style) == null ? void 0 : m.borderWidth) || 2,
+        borderDash: ((b = l.style) == null ? void 0 : b.borderDash) === [5, 5] ? "是" : "否",
+        borderColor: (p = l.style) == null ? void 0 : p.borderColor,
+        textValign: ((y = l.style) == null ? void 0 : y.textValign) || "center",
+        fontStyle: ((u = l.style) == null ? void 0 : u.fontStyle) || "normal",
+        fontColor: ((f = l.style) == null ? void 0 : f["font-color"]) || "#000000",
+        textBackgroundColor: ((I = l.style) == null ? void 0 : I.textBackgroundColor) || "transparent"
       });
     },
-    close: () => d(!1)
+    close: () => s(!1)
   })), /* @__PURE__ */ e(
     F,
     {
       title: "节点配置",
       closable: { "aria-label": "Close Button" },
       onClose: () => {
-        d(!1), s.resetFields();
+        s(!1), d.resetFields();
       },
       open: v,
       getContainer: !1,
       width: 360,
       children: /* @__PURE__ */ n(
-        l,
+        r,
         {
-          form: s,
+          form: d,
           layout: "vertical",
           disabled: !0,
           children: [
-            /* @__PURE__ */ e(l.Item, { label: "名称", name: "name", children: /* @__PURE__ */ e(r, {}) }),
-            /* @__PURE__ */ e(l.Item, { label: "类型", name: "type", children: /* @__PURE__ */ n(a, { children: [
-              /* @__PURE__ */ e(o, { value: "圆形", children: "圆形" }),
-              /* @__PURE__ */ e(o, { value: "矩形", children: "矩形" })
+            /* @__PURE__ */ e(r.Item, { label: "名称", name: "name", children: /* @__PURE__ */ e(o, {}) }),
+            /* @__PURE__ */ e(r.Item, { label: "类型", name: "type", children: /* @__PURE__ */ n(a, { children: [
+              /* @__PURE__ */ e(t, { value: "圆形", children: "圆形" }),
+              /* @__PURE__ */ e(t, { value: "矩形", children: "矩形" })
             ] }) }),
-            /* @__PURE__ */ e(l.Item, { label: "颜色", name: "color", children: /* @__PURE__ */ e(r, { type: "color", style: { width: "100%", height: 32 } }) }),
-            /* @__PURE__ */ e(l.Item, { label: "大小", name: "size", children: /* @__PURE__ */ e(r, { type: "number" }) }),
-            /* @__PURE__ */ e(l.Item, { label: "边框宽度", name: "borderWidth", children: /* @__PURE__ */ e(r, { type: "number" }) }),
-            /* @__PURE__ */ e(l.Item, { label: "边框虚线", name: "borderDash", children: /* @__PURE__ */ n(a, { children: [
-              /* @__PURE__ */ e(o, { value: "否", children: "否" }),
-              /* @__PURE__ */ e(o, { value: "是", children: "是" })
+            /* @__PURE__ */ e(r.Item, { label: "大小", name: "size", children: /* @__PURE__ */ e(o, { type: "number" }) }),
+            /* @__PURE__ */ e(r.Item, { label: "边框宽度", name: "borderWidth", children: /* @__PURE__ */ e(o, { type: "number" }) }),
+            /* @__PURE__ */ e(r.Item, { label: "边框虚线", name: "borderDash", children: /* @__PURE__ */ n(a, { children: [
+              /* @__PURE__ */ e(t, { value: "否", children: "否" }),
+              /* @__PURE__ */ e(t, { value: "是", children: "是" })
             ] }) }),
-            /* @__PURE__ */ e(l.Item, { label: "边框颜色", name: "borderColor", children: /* @__PURE__ */ e(r, { type: "color", style: { width: "100%", height: 32 } }) }),
-            /* @__PURE__ */ e(l.Item, { label: "字体位置", name: "textValign", children: /* @__PURE__ */ n(a, { children: [
-              /* @__PURE__ */ e(o, { value: "center", children: "居中" }),
-              /* @__PURE__ */ e(o, { value: "bottom", children: "底部" }),
-              /* @__PURE__ */ e(o, { value: "top", children: "顶部" })
+            /* @__PURE__ */ e(r.Item, { label: "边框颜色", name: "borderColor", children: /* @__PURE__ */ e(o, { type: "color", style: { width: "100%", height: 32 } }) }),
+            /* @__PURE__ */ e(r.Item, { label: "字体位置", name: "textValign", children: /* @__PURE__ */ n(a, { children: [
+              /* @__PURE__ */ e(t, { value: "center", children: "居中" }),
+              /* @__PURE__ */ e(t, { value: "bottom", children: "底部" }),
+              /* @__PURE__ */ e(t, { value: "top", children: "顶部" })
             ] }) }),
-            /* @__PURE__ */ e(l.Item, { label: "字体样式", name: "fontStyle", children: /* @__PURE__ */ e(r, {}) }),
-            /* @__PURE__ */ e(l.Item, { label: "字体颜色", name: "fontColor", children: /* @__PURE__ */ e(r, { type: "color", style: { width: "100%", height: 32 } }) }),
-            /* @__PURE__ */ e(l.Item, { label: "字体背色", name: "textBackgroundColor", children: /* @__PURE__ */ e(r, {}) })
+            /* @__PURE__ */ e(r.Item, { label: "字体样式", name: "fontStyle", children: /* @__PURE__ */ e(o, {}) }),
+            /* @__PURE__ */ e(r.Item, { label: "字体颜色", name: "fontColor", children: /* @__PURE__ */ e(o, { type: "color", style: { width: "100%", height: 32 } }) })
           ]
         }
       )

package/lib/index.es16.js

@@ -1,37 +1,37 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as g, useContext as m, useState as o, useRef as w, useEffect as C, useImperativeHandle as h } from "react";
-import { Drawer as x } from "antd";
-import { GraphContext as y } from "./index.es15.js";
-const F = g((I, l) => {
-  const { graphInfo: d, knowledgeCardApi: f } = m(y), [t, a] = o(!1), [k, r] = o(!1), [D, c] = o(!1), [v, p] = o({ style: {}, data: {} }), s = w(null);
-  C(() => {
-    t && s.current && (s.current.scrollTop = 0);
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as u, useContext as g, useState as e, useRef as C, useEffect as w, useImperativeHandle as h } from "react";
+import { Drawer as D } from "antd";
+import { GraphContext as x } from "./index.es15.js";
+import y from "./index.es37.js";
+import { cardDara as I } from "./index.es38.js";
+const K = u((v, l) => {
+  const { graphInfo: f, knowledgeCardApi: R } = g(x), [t, o] = e(!1), [d, s] = e(!1), [c, i] = e(!1), [k, p] = e({ style: {}, data: {} }), r = C(null);
+  w(() => {
+    t && r.current && (r.current.scrollTop = 0);
   }, [t]), h(l, () => ({
-    open: (e) => {
-      a(!0), p(e), i(e);
+    open: (n) => {
+      o(!0), p(n), m();
     },
-    close: () => a(!1)
+    close: () => o(!1)
   }));
-  const i = async (e) => {
-    r(!0);
-    const u = await f({ kgId: d.kgId, uri: e.id });
-    console.log(44, e), c(u.data), r(!1);
+  const m = async (n) => {
+    s(!0), i(I.data), s(!1);
   };
-  return /* @__PURE__ */ n(
-    x,
+  return /* @__PURE__ */ a(
+    D,
     {
       title: "知识卡片",
       onClose: () => {
-        a(!1);
+        o(!1);
       },
       open: t,
       getContainer: !1,
       className: "knowledge-card-drawer",
       styles: { body: { padding: "0 20px", overflow: "auto" } },
-      children: /* @__PURE__ */ n("div", { ref: s, style: { height: "100%" } })
+      children: /* @__PURE__ */ a("div", { ref: r, style: { height: "100%" }, children: /* @__PURE__ */ a(y, { detailData: c, drawerInfo: f, loading: d }) })
     }
   );
 });
 export {
-  F as default
+  K as default
 };

package/lib/index.es17.js

@@ -0,0 +1,42 @@
+import { getDefaultExportFromCjs as u } from "./index.es18.js";
+import { __module as i } from "./index.es19.js";
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(s) {
+  (function() {
+    var f = {}.hasOwnProperty;
+    function e() {
+      for (var t = "", r = 0; r < arguments.length; r++) {
+        var n = arguments[r];
+        n && (t = o(t, a(n)));
+      }
+      return t;
+    }
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return e.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var r = "";
+      for (var n in t)
+        f.call(t, n) && t[n] && (r = o(r, n));
+      return r;
+    }
+    function o(t, r) {
+      return r ? t ? t + " " + r : t + r : t;
+    }
+    s.exports ? (e.default = e, s.exports = e) : window.classNames = e;
+  })();
+})(i);
+var p = i.exports;
+const m = /* @__PURE__ */ u(p);
+export {
+  m as default
+};