react-kggraph 0.0.27 → 0.0.29

package/lib/index.es7.js

@@ -3,7 +3,7 @@ import K, { forwardRef as Re, useContext as et, useState as v, useRef as tt, use
 /* empty css           */
 import { Dropdown as lt, Flex as y, Modal as st, Drawer as at, Tabs as ce, Form as f, Input as O, Select as u, ColorPicker as _, Button as ge, Row as rt, message as F } from "antd";
 import { utils as P, writeFile as it } from "./index.es21.js";
-import { textPositionConfig as me, textLayout as ct, downloadData as dt, choiceConfig as ht, linkAnalysis as gt, layoutCongig as mt, handleCalcPath as pt, getCyData as de, donwnGraphData as ut } from "./index.es8.js";
+import { textPositionConfig as pe, textLayout as ct, downloadData as dt, choiceConfig as ht, linkAnalysis as gt, layoutCongig as pt, handleCalcPath as mt, getCyData as de, donwnGraphData as ut } from "./index.es8.js";
 import { GraphContext as ft } from "./index.es15.js";
 import { layout as bt, fixNodesToEdges as wt } from "./index.es9.js";
 import { defaultColors as H, nodeSize as q } from "./index.es10.js";
@@ -12,8 +12,8 @@ import Ct from "./index.es23.js";
 import vt from "./index.es24.js";
 import I from "./index.es17.js";
 import { downloadFile as he } from "./index.es12.js";
-import { actionList as xt, entityRelationList as Nt } from "./index.es4.js";
-import { DownOutlined as St, RightOutlined as Lt, UpOutlined as kt, LeftOutlined as Et } from "@ant-design/icons";
+import { actionList as xt, entityRelationList as St } from "./index.es4.js";
+import { DownOutlined as Nt, RightOutlined as Lt, UpOutlined as kt, LeftOutlined as Et } from "@ant-design/icons";
 const M = (b, c) => (k) => {
   k.stopPropagation(), b == null || b(c || "");
 }, Dt = (b) => {
@@ -35,11 +35,11 @@ const M = (b, c) => (k) => {
   graphInfo: b,
   cyRef: c,
   initNodeScale: k,
-  typeObj: S,
+  typeObj: N,
   relationObj: V,
-  colors: pe
+  colors: me
 }, ue) => {
-  const W = { ...H, ...pe }, { layoutType: fe, setLayoutType: be, queryStatisticsConfig: L, actionBar: x } = et(ft), Q = typeof x == "boolean" ? x : !0, J = (x == null ? void 0 : x.position) || "top-left", U = (x == null ? void 0 : x.actionList) ?? xt, [j, we] = v((x == null ? void 0 : x.isExpand) ?? !1), [D, ye] = v(""), [Ce, G] = v(!1), [X, ve] = v(k), [xe, A] = v(!1), [Ne, z] = v(!1), [Y, Se] = v(null), [Le, R] = v(!1), [ee, te] = v(!1), [ke, Ee] = v("node"), T = tt(null), De = Array.isArray(L) ? L.length > 0 : L, [oe, Ie] = v(De), [ne, Ve] = v(/* @__PURE__ */ new Set()), [le, Pe] = v(/* @__PURE__ */ new Set());
+  const W = { ...H, ...me }, { layoutType: fe, setLayoutType: be, queryStatisticsConfig: L, actionBar: x } = et(ft), Q = typeof x == "boolean" ? x : !0, J = (x == null ? void 0 : x.position) || "top-left", U = (x == null ? void 0 : x.actionList) ?? xt, [j, we] = v((x == null ? void 0 : x.isExpand) ?? !1), [D, ye] = v(""), [Ce, G] = v(!1), [X, ve] = v(k), [xe, A] = v(!1), [Se, z] = v(!1), [Y, Ne] = v(null), [Le, R] = v(!1), [ee, te] = v(!1), [ke, Ee] = v("node"), T = tt(null), De = Array.isArray(L) ? L.length > 0 : L, [oe, Ie] = v(De), [ne, Ve] = v(/* @__PURE__ */ new Set()), [le, Pe] = v(/* @__PURE__ */ new Set());
   ot(ue, () => ({
     onPathAnalysis: () => {
       ae();
@@ -50,12 +50,13 @@ const M = (b, c) => (k) => {
   const se = async (e) => {
     const o = c.current;
     if (!o || !D) {
-      o == null || o.nodes().removeClass("highlight"), o == null || o.fit();
+      o == null || o.fit();
       return;
     }
+    o == null || o.nodes().removeClass("highlight selected grayed highlighted path-node"), o.elements().removeClass("level-highlight level-selected grayed path-edge");
     const n = o.nodes().filter((l) => {
-      const i = (l.data("name") || "").toLowerCase(), s = (l.data("role") || "").toLowerCase(), h = (l.data("dept") || "").toLowerCase(), p = String(l.data("id") || "").toLowerCase();
-      return i.includes(D.toLowerCase()) || s.includes(D.toLowerCase()) || h.includes(D.toLowerCase()) || p.includes(D.toLowerCase());
+      const i = (l.data("name") || "").toLowerCase(), s = (l.data("role") || "").toLowerCase(), h = (l.data("dept") || "").toLowerCase(), m = String(l.data("id") || "").toLowerCase();
+      return i.includes(D.toLowerCase()) || s.includes(D.toLowerCase()) || h.includes(D.toLowerCase()) || m.includes(D.toLowerCase());
     });
     o.nodes().removeClass("highlight"), n.addClass("highlight"), n.length === 1 ? (console.log("matchedNodes:::", n), o.animate({
       center: {
@@ -98,7 +99,7 @@ const M = (b, c) => (k) => {
     const e = c.current;
     if (!e) return;
     const o = de(e);
-    Se(o), R(!0);
+    Ne(o), R(!0);
   }, re = (e, o) => {
     const n = e.current;
     if (!n) return;
@@ -113,29 +114,29 @@ const M = (b, c) => (k) => {
   }, Fe = () => {
     const e = c.current;
     if (!e) return;
-    const o = de(e), { nodes: n = [], edges: l = [] } = o, i = n.map((p) => {
-      var m, r;
-      const d = p.data || {}, N = d.properties || {};
+    const o = de(e), { nodes: n = [], edges: l = [] } = o, i = n.map((m) => {
+      var p, r;
+      const d = m.data || {}, S = d.properties || {};
       return {
         节点名称: d.name || d.label || "",
         节点ID: d.id || "",
         节点类型: d.types || "",
         URI: d.label || "",
-        X坐标: ((m = p.position) == null ? void 0 : m.x) || "",
-        Y坐标: ((r = p.position) == null ? void 0 : r.y) || "",
+        X坐标: ((p = m.position) == null ? void 0 : p.x) || "",
+        Y坐标: ((r = m.position) == null ? void 0 : r.y) || "",
         层级: d.level || "",
         宽度: d.baseWidth || "",
         高度: d.baseHeight || "",
         图片: d.image || "",
-        属性ID: N.id || "",
-        属性值: N.value || ""
+        属性ID: S.id || "",
+        属性值: S.value || ""
       };
-    }), s = l.map((p) => {
+    }), s = l.map((m) => {
       var r, a, w, E;
-      const d = p.data || {}, N = ((a = (r = d.source) == null ? void 0 : r.split("/#")[0]) == null ? void 0 : a.split("/").pop()) || d.source, m = ((E = (w = d.target) == null ? void 0 : w.split("/#")[0]) == null ? void 0 : E.split("/").pop()) || d.target;
+      const d = m.data || {}, S = ((a = (r = d.source) == null ? void 0 : r.split("/#")[0]) == null ? void 0 : a.split("/").pop()) || d.source, p = ((E = (w = d.target) == null ? void 0 : w.split("/#")[0]) == null ? void 0 : E.split("/").pop()) || d.target;
       return {
-        源节点: N,
-        目标节点: m,
+        源节点: S,
+        目标节点: p,
         源URI: d.source || "",
         目标URI: d.target || "",
         关系名称: d.name || d.label || "",
@@ -143,8 +144,8 @@ const M = (b, c) => (k) => {
       };
     }), h = P.book_new();
     if (i.length > 0) {
-      const p = P.json_to_sheet(i);
-      p["!cols"] = [
+      const m = P.json_to_sheet(i);
+      m["!cols"] = [
         { wch: 30 },
         // 节点名称
         { wch: 60 },
@@ -169,11 +170,11 @@ const M = (b, c) => (k) => {
         // 属性ID
         { wch: 40 }
         // 属性值
-      ], P.book_append_sheet(h, p, "节点");
+      ], P.book_append_sheet(h, m, "节点");
     }
     if (s.length > 0) {
-      const p = P.json_to_sheet(s);
-      p["!cols"] = [
+      const m = P.json_to_sheet(s);
+      m["!cols"] = [
         { wch: 30 },
         // 源节点
         { wch: 30 },
@@ -186,7 +187,7 @@ const M = (b, c) => (k) => {
         // 关系名称
         { wch: 40 }
         // 关系ID
-      ], P.book_append_sheet(h, p, "关系");
+      ], P.book_append_sheet(h, m, "关系");
     }
     it(h, `graph_${Date.now()}.xlsx`);
   }, He = (e, o) => {
@@ -253,18 +254,18 @@ const M = (b, c) => (k) => {
   }, Ze = (e = "刘强东", o = "1") => {
     const n = c.current;
     if (!n) return;
-    n.elements().removeClass("level-highlight level-selected level-grayed level-highlightedge");
-    const l = n.nodes().filter((m) => (m.data("name") || m.data("id") || "").toString().includes(e));
+    n.elements().removeClass("level-highlight level-selected grayed path-edge");
+    const l = n.nodes().filter((p) => (p.data("name") || p.data("id") || "").toString().includes(e));
     if (l.length === 0) {
       F.warning(`未找到节点: ${e}`);
       return;
     }
     const i = parseInt(o) || 1, s = n.collection(), h = [];
-    l.forEach((m) => {
-      m.addClass("level-selected"), s.merge(m);
+    l.forEach((p) => {
+      p.addClass("level-selected"), s.merge(p);
       let r = n.collection();
       const a = /* @__PURE__ */ new Set();
-      a.add(m.id()), i >= 1 && (r = m.neighborhood().nodes(), r.forEach((w) => {
+      a.add(p.id()), i >= 1 && (r = p.neighborhood().nodes(), r.forEach((w) => {
         a.add(w.id()), s.merge(w);
       }), h.push(r));
       for (let w = 2; w <= i; w++) {
@@ -275,14 +276,14 @@ const M = (b, c) => (k) => {
           });
         }), E.forEach(($) => s.merge($)), h.push(E), r = E;
       }
-    }), h.forEach((m) => {
-      m.addClass("level-highlight");
-    }), n.edges().filter((m) => {
-      const r = m.source(), a = m.target();
+    }), h.forEach((p) => {
+      p.addClass("level-highlight");
+    }), n.edges().filter((p) => {
+      const r = p.source(), a = p.target();
       return s.contains(r) && s.contains(a);
-    }).addClass("level-highlightedge");
-    const d = n.elements().filter(".level-selected, .level-highlight, .level-highlightedge");
-    n.elements().not(d).addClass("level-grayed"), F.success(`已高亮 "${e}" 及其 ${i} 度关联节点和连线`);
+    }).addClass("path-edge");
+    const d = n.elements().filter(".level-selected, .level-highlight, .path-edge");
+    n.elements().not(d).addClass("grayed"), F.success(`已高亮 "${e}" 及其 ${i} 度关联节点和连线`);
   }, Ke = (e) => {
     const o = c.current;
     if (!o) return;
@@ -305,8 +306,8 @@ const M = (b, c) => (k) => {
     console.log("saveNodeConfig values:", e), console.log("showLabel value:", e.showLabel);
     const n = typeof e.fontColor == "object" && ((s = (i = e.fontColor) == null ? void 0 : i.toHexString) == null ? void 0 : s.call(i)) || e.fontColor, l = e.showLabel === "show";
     console.log("showLabelValue:", l), o.nodes().forEach((h) => {
-      const p = l && (h.data("name") || h.data("label")) || "";
-      console.log("Setting node label:", p), h.style({
+      const m = l && (h.data("name") || h.data("label")) || "";
+      console.log("Setting node label:", m), h.style({
         width: e.nodeSize,
         height: e.nodeSize,
         "font-size": e.fontSize,
@@ -316,16 +317,16 @@ const M = (b, c) => (k) => {
         "text-valign": e.textPosition,
         "text-halign": "center",
         "text-margin-y": e.textOffset,
-        label: p,
-        "text-opacity": p ? 1 : 0
+        label: m,
+        "text-opacity": m ? 1 : 0
       });
     }), F.success("节点配置保存成功");
   }, Ge = (e) => {
-    var h, p, d, N, m, r;
+    var h, m, d, S, p, r;
     const o = c.current;
     if (!o) return;
     console.log("saveEdgeConfig values:", e), console.log("edge showLabel value:", e.showLabel);
-    const n = typeof e.edgeColor == "object" && ((p = (h = e.edgeColor) == null ? void 0 : h.toHexString) == null ? void 0 : p.call(h)) || e.edgeColor, l = typeof e.fontColor == "object" && ((N = (d = e.fontColor) == null ? void 0 : d.toHexString) == null ? void 0 : N.call(d)) || e.fontColor, i = typeof e.labelBgColor == "object" && ((r = (m = e.labelBgColor) == null ? void 0 : m.toHexString) == null ? void 0 : r.call(m)) || e.labelBgColor, s = e.showLabel === "show";
+    const n = typeof e.edgeColor == "object" && ((m = (h = e.edgeColor) == null ? void 0 : h.toHexString) == null ? void 0 : m.call(h)) || e.edgeColor, l = typeof e.fontColor == "object" && ((S = (d = e.fontColor) == null ? void 0 : d.toHexString) == null ? void 0 : S.call(d)) || e.fontColor, i = typeof e.labelBgColor == "object" && ((r = (p = e.labelBgColor) == null ? void 0 : p.toHexString) == null ? void 0 : r.call(p)) || e.labelBgColor, s = e.showLabel === "show";
     o.edges().forEach((a) => {
       const w = s && (a.data("label") || a.data("name")) || "";
       console.log("Setting edge label:", w), a.style({
@@ -346,12 +347,12 @@ const M = (b, c) => (k) => {
     }), F.success("连线配置保存成功");
   }, Xe = Dt(J), C = J === "left" || J === "right";
   if (console.log(1e3, Q, U), !Q) return null;
-  const Ye = Array.isArray(L) && (L == null ? void 0 : L.length) > 0 ? L : Nt, ie = () => /* @__PURE__ */ g(rt, { justify: "center", align: "middle", className: I("cursor", {
+  const Ye = Array.isArray(L) && (L == null ? void 0 : L.length) > 0 ? L : St, ie = () => /* @__PURE__ */ g(rt, { justify: "center", align: "middle", className: I("cursor", {
     "oprate-btn-vertical": C,
     "oprate-btn": !C
   }), onClick: () => we(!j), children: [
     "操作 ",
-    j ? C ? /* @__PURE__ */ t(St, {}) : /* @__PURE__ */ t(Lt, {}) : C ? /* @__PURE__ */ t(kt, {}) : /* @__PURE__ */ t(Et, {})
+    j ? C ? /* @__PURE__ */ t(Nt, {}) : /* @__PURE__ */ t(Lt, {}) : C ? /* @__PURE__ */ t(kt, {}) : /* @__PURE__ */ t(Et, {})
   ] });
   return /* @__PURE__ */ g(Z, { children: [
     /* @__PURE__ */ t("div", { className: I("graph-bar", { "graph-bar-vertical": C }), style: Xe, children: /* @__PURE__ */ g("div", { className: I("graph-bar-min", {
@@ -364,7 +365,7 @@ const M = (b, c) => (k) => {
         "collapsed-vertical": !j && C,
         collapsed: !j && !C
       }), children: U.map(({ key: e, title: o, icon: n, onClick: l }) => {
-        var p, d, N, m;
+        var m, d, S, p;
         const i = () => n && n.length > 0 ? n.length > 1 ? /* @__PURE__ */ t(y, { gap: "5px", children: n.map((r, a) => e === "nodeZoom" ? K.cloneElement(r, {
           onClick: () => $e(a === 0 ? "in" : "out"),
           key: a
@@ -393,7 +394,7 @@ const M = (b, c) => (k) => {
           let r = [];
           switch (e) {
             case "layout":
-              r = (p = mt) == null ? void 0 : p.map((a) => ({
+              r = (m = pt) == null ? void 0 : m.map((a) => ({
                 ...a,
                 label: /* @__PURE__ */ t("div", { className: I({ "text-[#145afd]": fe === a.key }), onClick: M(Ae, a.key), children: a.label })
               }));
@@ -420,10 +421,10 @@ const M = (b, c) => (k) => {
               r = (d = ht) == null ? void 0 : d.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: M(We, a.key), children: a.label }) }));
               break;
             case "downloadData":
-              r = (N = dt) == null ? void 0 : N.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: (w) => He(w, a.key), children: a.label }) }));
+              r = (S = dt) == null ? void 0 : S.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: (w) => He(w, a.key), children: a.label }) }));
               break;
             case "textPosition":
-              r = (m = me) == null ? void 0 : m.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: M(() => ct(c, a.key), a.key), children: a.label }) }));
+              r = (p = pe) == null ? void 0 : p.map((a) => ({ ...a, label: /* @__PURE__ */ t("div", { onClick: M(() => ct(c, a.key), a.key), children: a.label }) }));
               break;
           }
           return /* @__PURE__ */ t(lt, { trigger: ["hover"], placement: C ? "bottomRight" : "bottom", menu: { items: r }, children: /* @__PURE__ */ g(y, { wrap: !0, align: "center", justify: "center", className: "hove-active cursor bar-item", children: [
@@ -439,7 +440,7 @@ const M = (b, c) => (k) => {
       C && ie()
     ] }) }),
     /* @__PURE__ */ t(yt, { isVisible: xe, searchChange: (e) => Be(e), closeQuery: () => A(!1) }),
-    /* @__PURE__ */ t(Ct, { isVisible: Ne, analysis: (e) => pt(c, { pathNodes: e }), closePath: () => z(!1) }),
+    /* @__PURE__ */ t(Ct, { isVisible: Se, analysis: (e) => mt(c, { nodes: e.map((o) => ({ id: o })) }), closePath: () => z(!1) }),
     /* @__PURE__ */ t(vt, { ref: T, onLevelClick: Ze }),
     /* @__PURE__ */ t(
       st,
@@ -500,44 +501,44 @@ const M = (b, c) => (k) => {
           return e === "entity" ? {
             label: o,
             key: e,
-            children: /* @__PURE__ */ t(Z, { children: Object.keys(S).length > 0 ? /* @__PURE__ */ g("div", { className: "static-wraper", children: [
-              /* @__PURE__ */ g(y, { justify: "space-between", children: [
+            children: /* @__PURE__ */ t(Z, { children: Object.keys(N).length > 0 ? /* @__PURE__ */ g("div", { children: [
+              /* @__PURE__ */ g(y, { justify: "space-between", className: "font-12", children: [
                 /* @__PURE__ */ t("span", { children: "实体数量：" }),
-                /* @__PURE__ */ t("span", { className: "color-333", children: Object.values(S).reduce((s, h) => s + h.count, 0) })
+                /* @__PURE__ */ t("span", { children: Object.values(N).reduce((s, h) => s + h.count, 0) })
               ] }),
-              /* @__PURE__ */ g(y, { className: "my-4px", justify: "space-between", children: [
+              /* @__PURE__ */ g(y, { className: "my-4px font-12", justify: "space-between", children: [
                 /* @__PURE__ */ t("span", { children: "实体类型：" }),
-                /* @__PURE__ */ t("span", { className: "color-333", children: Object.keys(S).length })
+                /* @__PURE__ */ t("span", { children: Object.keys(N).length })
               ] }),
-              /* @__PURE__ */ t(y, { gap: "5px", justify: "start", className: "w-100", wrap: !0, children: Object.keys(S).map((s) => /* @__PURE__ */ g(y, { gap: "4px", justify: "space-between", className: `w-100 cursor ${ne.has(s) ? "opacity-30" : ""}`, onClick: () => Ke(s), children: [
+              /* @__PURE__ */ t(y, { gap: "5px", justify: "start", className: "w-100 static-wraper", wrap: !0, children: Object.keys(N).map((s) => /* @__PURE__ */ g(y, { gap: "4px", justify: "space-between", className: `w-100 cursor ${ne.has(s) ? "opacity-30" : ""}`, onClick: () => Ke(s), children: [
                 /* @__PURE__ */ g(y, { align: "center", gap: "2px", children: [
-                  /* @__PURE__ */ t("img", { className: "w-20px rounded-50", src: S[s].img, alt: "" }),
+                  /* @__PURE__ */ t("img", { className: "w-20px rounded-50", src: N[s].img, alt: "" }),
                   s,
                   "："
                 ] }),
-                /* @__PURE__ */ t("span", { className: "color-333", children: S[s].count })
+                /* @__PURE__ */ t("span", { className: "color-333", children: N[s].count })
               ] }, s)) })
-            ] }) : /* @__PURE__ */ t("span", { className: "text-[#666]", children: "暂无实体统计！" }) })
+            ] }) : /* @__PURE__ */ t("span", { className: "text-666", children: "暂无实体统计！" }) })
           } : e === "relation" ? {
             label: o,
             key: e,
-            children: /* @__PURE__ */ t(Z, { children: ((n = Object.keys(V)) == null ? void 0 : n.length) > 0 ? /* @__PURE__ */ g("div", { className: "static-wraper", children: [
-              /* @__PURE__ */ g(y, { justify: "space-between", children: [
+            children: /* @__PURE__ */ t(Z, { children: ((n = Object.keys(V)) == null ? void 0 : n.length) > 0 ? /* @__PURE__ */ g("div", { children: [
+              /* @__PURE__ */ g(y, { justify: "space-between", className: "font-12", children: [
                 /* @__PURE__ */ t("span", { children: "关系数量：" }),
-                /* @__PURE__ */ t("span", { className: "color-333", children: (l = Object.keys(V)) == null ? void 0 : l.length })
+                /* @__PURE__ */ t("span", { children: (l = Object.keys(V)) == null ? void 0 : l.length })
               ] }),
-              /* @__PURE__ */ g(y, { className: "my-4px", justify: "space-between", children: [
+              /* @__PURE__ */ g(y, { className: "my-4px font-12", justify: "space-between", children: [
                 /* @__PURE__ */ t("span", { children: "关系类型：" }),
-                /* @__PURE__ */ t("span", { className: "color-333", children: (i = Object.values(V)) == null ? void 0 : i.reduce((s, h) => s + h, 0) })
+                /* @__PURE__ */ t("span", { children: (i = Object.values(V)) == null ? void 0 : i.reduce((s, h) => s + h, 0) })
               ] }),
-              /* @__PURE__ */ t(y, { gap: "5px", justify: "start", className: "w-100", wrap: !0, children: Object.keys(V).map((s) => /* @__PURE__ */ g(y, { gap: "4px", justify: "space-between", className: `w-100 cursor ${le.has(s) ? "opacity-30" : ""}`, onClick: () => Me(s), children: [
+              /* @__PURE__ */ t(y, { gap: "5px", justify: "start", className: "w-100 static-wraper", wrap: !0, children: Object.keys(V).map((s) => /* @__PURE__ */ g(y, { gap: "4px", justify: "space-between", className: `w-100 cursor ${le.has(s) ? "opacity-30" : ""}`, onClick: () => Me(s), children: [
                 /* @__PURE__ */ g("span", { children: [
                   s,
                   "："
                 ] }),
                 /* @__PURE__ */ t("span", { className: "color-333", children: V[s] })
               ] }, s)) })
-            ] }) : /* @__PURE__ */ t("span", { className: "text-[#666]", children: "暂无关系统计！" }) })
+            ] }) : /* @__PURE__ */ t("span", { className: "text-666", children: "暂无关系统计！" }) })
           } : null;
         })
       }
@@ -552,7 +553,7 @@ const M = (b, c) => (k) => {
         /* @__PURE__ */ t(u.Option, { value: "show", children: "显示" }),
         /* @__PURE__ */ t(u.Option, { value: "hide", children: "隐藏" })
       ] }) }),
-      /* @__PURE__ */ t(f.Item, { label: "字体位置", name: "textPosition", initialValue: "bottom", children: /* @__PURE__ */ t(u, { children: me.map((S) => /* @__PURE__ */ t(u.Option, { value: S.key, children: S.label }, S.key)) }) }),
+      /* @__PURE__ */ t(f.Item, { label: "字体位置", name: "textPosition", initialValue: "bottom", children: /* @__PURE__ */ t(u, { children: pe.map((N) => /* @__PURE__ */ t(u.Option, { value: N.key, children: N.label }, N.key)) }) }),
       /* @__PURE__ */ t(f.Item, { label: "字体偏移", name: "textOffset", initialValue: 5, children: /* @__PURE__ */ t(O, { type: "number", placeholder: "请输入字体偏移量" }) }),
       /* @__PURE__ */ t(f.Item, { label: "字体颜色", name: "fontColor", initialValue: c.nodeLabelColor, children: /* @__PURE__ */ t(_, { showText: !0 }) }),
       /* @__PURE__ */ t(f.Item, { label: "字体大小", name: "fontSize", initialValue: c.nodeLabelFontSize, children: /* @__PURE__ */ t(O, { type: "number", placeholder: "请输入字体大小" }) }),