jch-config-editor 0.1.9 → 0.1.12

package/dist/config-editor.es.js

@@ -1,29 +1,29 @@
-import { jsxs as u, jsx as e, Fragment as Ae } from "react/jsx-runtime";
-import Ce, { useState as Q, useRef as ce, useMemo as $t, useCallback as B, useEffect as me } from "react";
-import { Typography as Yt, Upload as Ut, Button as K, Collapse as Ne, List as Ye, Empty as ue, Tag as he, Image as Ht, Space as pe, Tooltip as Le, Modal as rt, Form as w, Input as le, InputNumber as ee, Switch as Je, Divider as De, Select as Ie, Tabs as Lt, message as Fe, ConfigProvider as Gt, Layout as dt } from "antd";
-import { UploadOutlined as Xt, EditOutlined as ut, DeleteOutlined as at, UndoOutlined as qt, RedoOutlined as Bt, CopyOutlined as Pt, GroupOutlined as gt, UngroupOutlined as Vt, AlignLeftOutlined as Zt, AlignRightOutlined as Jt, VerticalAlignTopOutlined as Kt, VerticalAlignBottomOutlined as Qt, ColumnWidthOutlined as en, ColumnHeightOutlined as tn, SettingOutlined as nn, ExperimentOutlined as ln, ZoomInOutlined as rn, ZoomOutOutlined as an, SelectOutlined as on, DragOutlined as sn, EyeOutlined as cn, PlusOutlined as Tt, ArrowUpOutlined as _t, ArrowDownOutlined as zt, DownloadOutlined as dn } from "@ant-design/icons";
-import { create as un } from "zustand";
-import { produce as hn } from "immer";
-import { nanoid as U } from "nanoid";
-import { TransformWrapper as mn, TransformComponent as fn } from "react-zoom-pan-pinch";
-function gn(l) {
+import { jsxs as h, jsx as e, Fragment as Oe } from "react/jsx-runtime";
+import Ce, { useState as Q, useRef as ue, useMemo as Xt, useCallback as V, useEffect as me } from "react";
+import { Typography as Pt, Upload as Tt, Button as Z, Collapse as Ne, List as $e, Empty as pe, Tag as ye, Image as qt, Space as be, Tooltip as Le, Modal as it, Form as w, Input as re, InputNumber as te, Switch as Je, message as Ye, Divider as Me, Select as Ie, Tabs as Rt, ConfigProvider as Bt, Layout as ht } from "antd";
+import { UploadOutlined as mt, EditOutlined as ft, DeleteOutlined as ot, UndoOutlined as Vt, RedoOutlined as Zt, CopyOutlined as _t, GroupOutlined as vt, UngroupOutlined as Jt, AlignLeftOutlined as Kt, AlignRightOutlined as Qt, VerticalAlignTopOutlined as en, VerticalAlignBottomOutlined as tn, ColumnWidthOutlined as nn, ColumnHeightOutlined as ln, SettingOutlined as rn, ExperimentOutlined as an, ZoomInOutlined as on, ZoomOutOutlined as sn, CloseOutlined as cn, SelectOutlined as dn, DragOutlined as un, EyeOutlined as hn, PlusOutlined as zt, ArrowUpOutlined as Ot, ArrowDownOutlined as At, DownloadOutlined as mn } from "@ant-design/icons";
+import { create as fn } from "zustand";
+import { produce as gn } from "immer";
+import { nanoid as H } from "nanoid";
+import { TransformWrapper as pn, TransformComponent as yn } from "react-zoom-pan-pinch";
+function vn(l) {
   return l && l.__esModule && Object.prototype.hasOwnProperty.call(l, "default") ? l.default : l;
 }
-var Ue = {}, ot = { exports: {} }, pt;
-function ht() {
-  return pt || (pt = 1, (function(l) {
+var Ue = {}, ct = { exports: {} }, bt;
+function gt() {
+  return bt || (bt = 1, (function(l) {
     function f(t) {
       return t && t.__esModule ? t : {
         default: t
       };
     }
     l.exports = f, l.exports.__esModule = !0, l.exports.default = l.exports;
-  })(ot)), ot.exports;
+  })(ct)), ct.exports;
 }
-var He = {}, yt;
-function pn() {
-  if (yt) return He;
-  yt = 1, Object.defineProperty(He, "__esModule", {
+var He = {}, xt;
+function bn() {
+  if (xt) return He;
+  xt = 1, Object.defineProperty(He, "__esModule", {
     value: !0
   }), He.default = void 0;
   const l = {
@@ -43,9 +43,9 @@ function pn() {
   };
   return He.default = l, He;
 }
-var Ge = {}, qe = {}, Be = {}, Ve = {}, vt;
-function yn() {
-  return vt || (vt = 1, Object.defineProperty(Ve, "__esModule", {
+var Ge = {}, qe = {}, Be = {}, Ve = {}, wt;
+function xn() {
+  return wt || (wt = 1, Object.defineProperty(Ve, "__esModule", {
     value: !0
   }), Ve.commonLocale = void 0, Ve.commonLocale = {
     yearFormat: "YYYY",
@@ -54,58 +54,58 @@ function yn() {
     monthBeforeYear: !0
   }), Ve;
 }
-var bt;
-function vn() {
-  if (bt) return Be;
-  bt = 1, Object.defineProperty(Be, "__esModule", {
+var St;
+function wn() {
+  if (St) return Be;
+  St = 1, Object.defineProperty(Be, "__esModule", {
     value: !0
   }), Be.default = void 0;
-  var l = yn();
+  var l = xn();
   function f(p) {
     "@babel/helpers - typeof";
-    return f = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(c) {
-      return typeof c;
-    } : function(c) {
-      return c && typeof Symbol == "function" && c.constructor === Symbol && c !== Symbol.prototype ? "symbol" : typeof c;
+    return f = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(d) {
+      return typeof d;
+    } : function(d) {
+      return d && typeof Symbol == "function" && d.constructor === Symbol && d !== Symbol.prototype ? "symbol" : typeof d;
     }, f(p);
   }
-  function t(p, c) {
+  function t(p, d) {
     var m = Object.keys(p);
     if (Object.getOwnPropertySymbols) {
-      var C = Object.getOwnPropertySymbols(p);
-      c && (C = C.filter(function(o) {
-        return Object.getOwnPropertyDescriptor(p, o).enumerable;
-      })), m.push.apply(m, C);
+      var S = Object.getOwnPropertySymbols(p);
+      d && (S = S.filter(function(u) {
+        return Object.getOwnPropertyDescriptor(p, u).enumerable;
+      })), m.push.apply(m, S);
     }
     return m;
   }
   function r(p) {
-    for (var c = 1; c < arguments.length; c++) {
-      var m = arguments[c] != null ? arguments[c] : {};
-      c % 2 ? t(Object(m), !0).forEach(function(C) {
-        s(p, C, m[C]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(p, Object.getOwnPropertyDescriptors(m)) : t(Object(m)).forEach(function(C) {
-        Object.defineProperty(p, C, Object.getOwnPropertyDescriptor(m, C));
+    for (var d = 1; d < arguments.length; d++) {
+      var m = arguments[d] != null ? arguments[d] : {};
+      d % 2 ? t(Object(m), !0).forEach(function(S) {
+        c(p, S, m[S]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(p, Object.getOwnPropertyDescriptors(m)) : t(Object(m)).forEach(function(S) {
+        Object.defineProperty(p, S, Object.getOwnPropertyDescriptor(m, S));
       });
     }
     return p;
   }
-  function s(p, c, m) {
-    return c = n(c), c in p ? Object.defineProperty(p, c, { value: m, enumerable: !0, configurable: !0, writable: !0 }) : p[c] = m, p;
+  function c(p, d, m) {
+    return d = n(d), d in p ? Object.defineProperty(p, d, { value: m, enumerable: !0, configurable: !0, writable: !0 }) : p[d] = m, p;
   }
   function n(p) {
-    var c = a(p, "string");
-    return f(c) == "symbol" ? c : String(c);
+    var d = a(p, "string");
+    return f(d) == "symbol" ? d : String(d);
   }
-  function a(p, c) {
+  function a(p, d) {
     if (f(p) != "object" || !p) return p;
     var m = p[Symbol.toPrimitive];
     if (m !== void 0) {
-      var C = m.call(p, c);
-      if (f(C) != "object") return C;
+      var S = m.call(p, d);
+      if (f(S) != "object") return S;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (c === "string" ? String : Number)(p);
+    return (d === "string" ? String : Number)(p);
   }
   var i = r(r({}, l.commonLocale), {}, {
     locale: "zh_CN",
@@ -137,10 +137,10 @@ function vn() {
   });
   return Be.default = i, Be;
 }
-var Ze = {}, xt;
-function Ot() {
-  if (xt) return Ze;
-  xt = 1, Object.defineProperty(Ze, "__esModule", {
+var Ze = {}, Ct;
+function jt() {
+  if (Ct) return Ze;
+  Ct = 1, Object.defineProperty(Ze, "__esModule", {
     value: !0
   }), Ze.default = void 0;
   const l = {
@@ -149,15 +149,15 @@ function Ot() {
   };
   return Ze.default = l, Ze;
 }
-var wt;
-function Rt() {
-  if (wt) return qe;
-  wt = 1;
-  var l = ht().default;
+var Nt;
+function Wt() {
+  if (Nt) return qe;
+  Nt = 1;
+  var l = gt().default;
   Object.defineProperty(qe, "__esModule", {
     value: !0
   }), qe.default = void 0;
-  var f = l(vn()), t = l(/* @__PURE__ */ Ot());
+  var f = l(wn()), t = l(/* @__PURE__ */ jt());
   const r = {
     lang: {
       placeholder: "请选择日期",
@@ -178,31 +178,31 @@ function Rt() {
   };
   return r.lang.ok = "确定", qe.default = r, qe;
 }
-var St;
-function bn() {
-  if (St) return Ge;
-  St = 1;
-  var l = ht().default;
+var It;
+function Sn() {
+  if (It) return Ge;
+  It = 1;
+  var l = gt().default;
   Object.defineProperty(Ge, "__esModule", {
     value: !0
   }), Ge.default = void 0;
-  var f = l(/* @__PURE__ */ Rt());
+  var f = l(/* @__PURE__ */ Wt());
   return Ge.default = f.default, Ge;
 }
-var Ct;
-function xn() {
-  if (Ct) return Ue;
-  Ct = 1;
-  var l = ht().default;
+var kt;
+function Cn() {
+  if (kt) return Ue;
+  kt = 1;
+  var l = gt().default;
   Object.defineProperty(Ue, "__esModule", {
     value: !0
   }), Ue.default = void 0;
-  var f = l(pn()), t = l(/* @__PURE__ */ bn()), r = l(/* @__PURE__ */ Rt()), s = l(/* @__PURE__ */ Ot());
+  var f = l(bn()), t = l(/* @__PURE__ */ Sn()), r = l(/* @__PURE__ */ Wt()), c = l(/* @__PURE__ */ jt());
   const n = "${label}不是一个有效的${type}", a = {
     locale: "zh-cn",
     Pagination: f.default,
     DatePicker: r.default,
-    TimePicker: s.default,
+    TimePicker: c.default,
     Calendar: t.default,
     // locales for all components
     global: {
@@ -340,15 +340,15 @@ function xn() {
   };
   return Ue.default = a, Ue;
 }
-var st, Nt;
-function wn() {
-  return Nt || (Nt = 1, st = /* @__PURE__ */ xn()), st;
+var dt, Et;
+function Nn() {
+  return Et || (Et = 1, dt = /* @__PURE__ */ Cn()), dt;
 }
-var Sn = /* @__PURE__ */ wn();
-const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n, ...a) => {
-  const i = typeof s == "function" ? hn(s) : s;
+var In = /* @__PURE__ */ Nn();
+const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n, ...a) => {
+  const i = typeof c == "function" ? gn(c) : c;
   return f(i, n, ...a);
-}, l(r.setState, t, r)), In = Nn, It = {
+}, l(r.setState, t, r)), Mn = En, Mt = {
   nodes: [],
   materials: [],
   selectedNodeId: null,
@@ -376,52 +376,52 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
     endPoint: null
   }
 }, Se = (l, f, t) => ({
-  id: U(),
+  id: H(),
   type: l,
   targetId: f,
   payload: t,
   timestamp: Date.now()
-}), Re = un()(
-  In((l, f) => ({
-    ...It,
+}), ze = fn()(
+  Mn((l, f) => ({
+    ...Mt,
     // ========== 节点操作 ==========
     addNode: (t, r = !0) => {
-      l((s) => {
+      l((c) => {
         const n = {
           ...t,
-          id: U()
+          id: t.id || H()
         };
-        s.nodes.push(n), r && (s.selectedNodeId = n.id, s.history.past.push(Se("NODE_SELECT", n.id)));
+        c.nodes.push(n), r && (c.selectedNodeId = n.id, c.history.past.push(Se("NODE_SELECT", n.id)));
       });
     },
     updateNode: (t, r) => {
-      l((s) => {
-        const n = s.nodes.find((a) => a.id === t);
-        n && (Object.assign(n, r), s.history.past.push(Se("PROPERTY_CHANGE", t, r)));
+      l((c) => {
+        const n = c.nodes.find((a) => a.id === t);
+        n && (Object.assign(n, r), c.history.past.push(Se("PROPERTY_CHANGE", t, r)));
       });
     },
     updateNodeStyle: (t, r) => {
-      l((s) => {
-        const n = s.nodes.find((a) => a.id === t);
-        n && (Object.assign(n.normalStyle, r), s.history.past.push(Se("PROPERTY_CHANGE", t, { normalStyle: r })));
+      l((c) => {
+        const n = c.nodes.find((a) => a.id === t);
+        n && (Object.assign(n.normalStyle, r), c.history.past.push(Se("PROPERTY_CHANGE", t, { normalStyle: r })));
       });
     },
     updateNodeContent: (t, r) => {
-      l((s) => {
-        const n = s.nodes.find((a) => a.id === t);
-        n && (n.contentInfo = { ...n.contentInfo, ...r }, s.history.past.push(Se("PROPERTY_CHANGE", t, { contentInfo: r })));
+      l((c) => {
+        const n = c.nodes.find((a) => a.id === t);
+        n && (n.contentInfo = { ...n.contentInfo, ...r }, c.history.past.push(Se("PROPERTY_CHANGE", t, { contentInfo: r })));
       });
     },
     updateNodeControl: (t, r) => {
-      l((s) => {
-        const n = s.nodes.find((a) => a.id === t);
-        n && (Object.assign(n.controlInfo, r), s.history.past.push(Se("PROPERTY_CHANGE", t, { controlInfo: r })));
+      l((c) => {
+        const n = c.nodes.find((a) => a.id === t);
+        n && (Object.assign(n.controlInfo, r), c.history.past.push(Se("PROPERTY_CHANGE", t, { controlInfo: r })));
       });
     },
     removeNode: (t) => {
       l((r) => {
-        const s = r.nodes.findIndex((n) => n.id === t);
-        s !== -1 && (r.nodes.splice(s, 1), r.selectedNodeId === t && (r.selectedNodeId = null, r.selectedStatusId = null), r.history.past.push(Se("NODE_DELETE", t)));
+        const c = r.nodes.findIndex((n) => n.id === t);
+        c !== -1 && (r.nodes.splice(c, 1), r.selectedNodeId === t && (r.selectedNodeId = null, r.selectedStatusId = null), r.history.past.push(Se("NODE_DELETE", t)));
       });
     },
     selectNode: (t) => {
@@ -431,30 +431,30 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
     },
     // ========== 状态操作 ==========
     addStatus: (t, r) => {
-      l((s) => {
-        const n = s.nodes.find((i) => i.id === t);
+      l((c) => {
+        const n = c.nodes.find((i) => i.id === t);
         if (!n) return;
         const a = {
           ...r,
-          id: U()
+          id: H()
         };
-        n.contentInfo.statusList.push(a), s.history.past.push(Se("MATERIAL_STATUS_CHANGE", t, { statusId: a.id }));
+        n.contentInfo.statusList.push(a), c.history.past.push(Se("MATERIAL_STATUS_CHANGE", t, { statusId: a.id }));
       });
     },
     removeStatus: (t, r) => {
-      l((s) => {
-        const n = s.nodes.find((i) => i.id === t);
+      l((c) => {
+        const n = c.nodes.find((i) => i.id === t);
         if (!n) return;
         const a = n.contentInfo.statusList.findIndex((i) => i.id === r);
-        a !== -1 && (n.contentInfo.statusList.splice(a, 1), n.contentInfo.currentStatusId === r && (n.contentInfo.currentStatusId = void 0), s.selectedStatusId === r && (s.selectedStatusId = null));
+        a !== -1 && (n.contentInfo.statusList.splice(a, 1), n.contentInfo.currentStatusId === r && (n.contentInfo.currentStatusId = void 0), c.selectedStatusId === r && (c.selectedStatusId = null));
       });
     },
-    updateStatus: (t, r, s) => {
+    updateStatus: (t, r, c) => {
       l((n) => {
         const a = n.nodes.find((p) => p.id === t);
         if (!a) return;
         const i = a.contentInfo.statusList.find((p) => p.id === r);
-        i && Object.assign(i, s);
+        i && Object.assign(i, c);
       });
     },
     selectStatus: (t) => {
@@ -476,23 +476,23 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
     // ========== 物料库操作 ==========
     addMaterial: (t) => {
       l((r) => {
-        const s = {
+        const c = {
           ...t,
-          id: U()
+          id: H()
         };
-        r.materials.push(s), r.history.past.push(Se("MATERIAL_ADD", s.id));
+        r.materials.push(c), r.history.past.push(Se("MATERIAL_ADD", c.id));
       });
     },
     updateMaterial: (t, r) => {
-      l((s) => {
-        const n = s.materials.find((a) => a.id === t);
+      l((c) => {
+        const n = c.materials.find((a) => a.id === t);
         n && Object.assign(n, r);
       });
     },
     removeMaterial: (t) => {
       l((r) => {
-        const s = r.materials.findIndex((n) => n.id === t);
-        s !== -1 && r.materials.splice(s, 1);
+        const c = r.materials.findIndex((n) => n.id === t);
+        c !== -1 && r.materials.splice(c, 1);
       });
     },
     // ========== 视口操作 ==========
@@ -585,52 +585,52 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
     },
     importScheme: (t) => {
       l((r) => {
-        r.nodes = t.nodes || [], r.materials = t.materials || [], r.viewport = t.viewport || It.viewport, r.selectedNodeId = null, r.selectedStatusId = null, r.history = { past: [], future: [] };
+        r.nodes = t.nodes || [], r.materials = t.materials || [], r.viewport = t.viewport || Mt.viewport, r.selectedNodeId = null, r.selectedStatusId = null, r.history = { past: [], future: [] };
       });
     }
   }))
-), kn = [
+), Dn = [
   // 基础形状
   {
-    id: U(),
+    id: H(),
     name: "矩形",
     type: "IMAGE",
     src: `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60"><rect width="100" height="60" fill="#1890ff" rx="4"/></svg>')}`
   },
   {
-    id: U(),
+    id: H(),
     name: "圆形",
     type: "IMAGE",
     src: `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><circle cx="40" cy="40" r="38" fill="#52c41a"/></svg>')}`
   },
   {
-    id: U(),
+    id: H(),
     name: "圆角矩形",
     type: "IMAGE",
     src: `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60"><rect width="100" height="60" fill="#faad14" rx="20"/></svg>')}`
   },
   // 设备图标
   {
-    id: U(),
+    id: H(),
     name: "阀门",
     type: "IMAGE",
     src: `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"><path d="M10 20 L30 10 L50 20 L50 40 L30 50 L10 40 Z" fill="#bfbfbf" stroke="#595959" stroke-width="2"/><circle cx="30" cy="30" r="8" fill="#1890ff"/></svg>')}`
   },
   {
-    id: U(),
+    id: H(),
     name: "泵",
     type: "IMAGE",
     src: `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"><circle cx="30" cy="35" r="20" fill="#bfbfbf" stroke="#595959" stroke-width="2"/><rect x="25" y="5" width="10" height="15" fill="#595959"/><path d="M30 20 L30 35 M20 30 Q30 45 40 30" stroke="#595959" stroke-width="2" fill="none"/></svg>')}`
   },
   {
-    id: U(),
+    id: H(),
     name: "罐体",
     type: "IMAGE",
     src: `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="60" height="80"><ellipse cx="30" cy="10" rx="25" ry="10" fill="#d9d9d9" stroke="#595959" stroke-width="2"/><rect x="5" y="10" width="50" height="60" fill="#f0f0f0" stroke="#595959" stroke-width="2"/><ellipse cx="30" cy="70" rx="25" ry="10" fill="#d9d9d9" stroke="#595959" stroke-width="2"/></svg>')}`
   },
   // 文本
   {
-    id: U(),
+    id: H(),
     name: "文本标签",
     type: "TEXT",
     content: {
@@ -652,7 +652,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
   },
   // 线条 - 通用线条物料，通过属性配置实现不同线型
   {
-    id: U(),
+    id: H(),
     name: "线条",
     type: "LINE",
     config: {
@@ -662,40 +662,40 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       lineType: "solid"
     }
   }
-], At = (l) => ({
-  id: U(),
+], Ft = (l) => ({
+  id: H(),
   name: "默认状态",
   expression: "return true;",
-  material: { ...l, id: U() },
+  material: { ...l, id: H() },
   bindCodes: []
-}), Mn = (l, f, t) => {
+}), $n = (l, f, t) => {
   if (t?.type === "CUSTOM" && t.config?.nodes) {
-    const r = t.config.nodes.map((c) => ({
-      ...c,
-      id: U()
+    const r = t.config.nodes.map((d) => ({
+      ...d,
+      id: H()
       // 重新生成子节点ID
     }));
-    let s = 1 / 0, n = 1 / 0, a = -1 / 0, i = -1 / 0;
-    r.forEach((c) => {
-      const m = c.normalStyle.x || 0, C = c.normalStyle.y || 0, o = c.normalStyle.width || 0, I = c.normalStyle.height || 0;
-      s = Math.min(s, m), n = Math.min(n, C), a = Math.max(a, m + o), i = Math.max(i, C + I);
+    let c = 1 / 0, n = 1 / 0, a = -1 / 0, i = -1 / 0;
+    r.forEach((d) => {
+      const m = d.normalStyle.x || 0, S = d.normalStyle.y || 0, u = d.normalStyle.width || 0, k = d.normalStyle.height || 0;
+      c = Math.min(c, m), n = Math.min(n, S), a = Math.max(a, m + u), i = Math.max(i, S + k);
     });
-    const p = r.map((c) => ({
-      ...c,
+    const p = r.map((d) => ({
+      ...d,
       normalStyle: {
-        ...c.normalStyle,
-        x: (c.normalStyle.x || 0) - s,
-        y: (c.normalStyle.y || 0) - n,
+        ...d.normalStyle,
+        x: (d.normalStyle.x || 0) - c,
+        y: (d.normalStyle.y || 0) - n,
         scale: void 0
         // 移除 scale，由父级容器统一控制
       }
     }));
     return {
-      id: U(),
+      id: H(),
       name: t.name || "群组节点",
       type: "group",
       normalStyle: {
-        width: a - s,
+        width: a - c,
         height: i - n,
         x: l,
         y: f
@@ -715,7 +715,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
     };
   }
   return {
-    id: U(),
+    id: H(),
     name: "新节点",
     type: "normal",
     normalStyle: {
@@ -727,7 +727,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       padding: 8
     },
     contentInfo: {
-      statusList: t ? [At(t)] : [],
+      statusList: t ? [Ft(t)] : [],
       currentStatusId: void 0
     },
     controlInfo: {
@@ -737,33 +737,33 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       isSelectable: !0
     }
   };
-}, { Panel: Oe } = Ne, { Text: nt } = Yt, En = () => {
+}, { Panel: _e } = Ne, { Text: rt } = Pt, Ln = () => {
   const {
     materials: l,
     addMaterial: f,
     removeMaterial: t,
     selectedStatusId: r,
-    selectStatus: s,
+    selectStatus: c,
     mode: n,
     lineDrawing: a,
     startLineDrawing: i,
     cancelLineDrawing: p
-  } = Re(), [c, m] = Q([
+  } = ze(), [d, m] = Q([
     "basic",
     "device",
     "text",
     "line"
-  ]), C = (g) => {
-    const A = new FileReader();
-    return A.onload = (z) => {
-      const T = z.target?.result;
+  ]), S = (g) => {
+    const W = new FileReader();
+    return W.onload = (O) => {
+      const X = O.target?.result;
       f({
         name: g.name.replace(".svg", ""),
         type: "IMAGE",
-        src: T
+        src: X
       });
-    }, A.readAsDataURL(g), !1;
-  }, o = {
+    }, W.readAsDataURL(g), !1;
+  }, u = {
     basic: l.filter(
       (g) => ["矩形", "圆形", "圆角矩形"].includes(g.name)
     ),
@@ -776,59 +776,59 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
     custom: l.filter(
       (g) => g.type === "CUSTOM" && !g.config?.nodes || g.type === "IMAGE" && !["矩形", "圆形", "圆角矩形", "阀门", "泵", "罐体"].includes(g.name)
     )
-  }, I = (g, A) => {
-    g.dataTransfer.effectAllowed = "copy", g.dataTransfer.setData("application/json", JSON.stringify(A));
-    const z = g.currentTarget.querySelector(
+  }, k = (g, W) => {
+    g.dataTransfer.effectAllowed = "copy", g.dataTransfer.setData("application/json", JSON.stringify(W));
+    const O = g.currentTarget.querySelector(
       ".material-preview"
     );
-    z && g.dataTransfer.setDragImage(z, 20, 20);
+    O && g.dataTransfer.setDragImage(O, 20, 20);
   }, v = (g) => {
     g.type === "LINE" && i(g);
-  }, N = (g, A = !1) => {
-    const z = A === !0, T = n === "line-draw" && z && a.material?.id === g.id;
+  }, I = (g, W = !1) => {
+    const O = W === !0, X = n === "line-draw" && O && a.material?.id === g.id;
     return /* @__PURE__ */ e(
-      Ye.Item,
+      $e.Item,
       {
-        draggable: !z,
-        onDragStart: (Y) => I(Y, g),
-        onClick: () => z && v(g),
+        draggable: !O,
+        onDragStart: ($) => k($, g),
+        onClick: () => O && v(g),
         className: `
           rounded-lg transition-all duration-200 select-none
-          ${z ? "cursor-pointer" : "cursor-move"}
+          ${O ? "cursor-pointer" : "cursor-move"}
           hover:bg-gray-100
-          ${T ? "bg-blue-50 ring-2 ring-blue-400" : ""}
+          ${X ? "bg-blue-50 ring-2 ring-blue-400" : ""}
         `,
         actions: [
-          z ? /* @__PURE__ */ e(
-            K,
+          O ? /* @__PURE__ */ e(
+            Z,
             {
               type: "text",
               size: "small",
-              icon: /* @__PURE__ */ e(ut, {}),
-              onClick: (Y) => {
-                Y.stopPropagation(), v(g);
+              icon: /* @__PURE__ */ e(ft, {}),
+              onClick: ($) => {
+                $.stopPropagation(), v(g);
               },
               children: "绘制"
             },
             "draw"
           ) : null,
           /* @__PURE__ */ e(
-            K,
+            Z,
             {
               type: "text",
               size: "small",
               danger: !0,
-              icon: /* @__PURE__ */ e(at, {}),
-              onClick: (Y) => {
-                Y.stopPropagation(), t(g.id);
+              icon: /* @__PURE__ */ e(ot, {}),
+              onClick: ($) => {
+                $.stopPropagation(), t(g.id);
               }
             },
             "delete"
           )
         ].filter(Boolean),
-        children: /* @__PURE__ */ u("div", { className: `flex items-center gap-3 w-full py-2 ${z ? "" : "pointer-events-none"}`, children: [
+        children: /* @__PURE__ */ h("div", { className: `flex items-center gap-3 w-full py-2 ${O ? "" : "pointer-events-none"}`, children: [
           /* @__PURE__ */ e("div", { className: "material-preview w-12 h-12 flex items-center justify-center bg-white rounded border border-gray-200", children: g.type === "IMAGE" && g.src ? /* @__PURE__ */ e(
-            Ht,
+            qt,
             {
               src: g.src,
               alt: g.name,
@@ -837,11 +837,11 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
               preview: !1
             }
           ) : g.type === "TEXT" ? /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "T" }) : g.type === "LINE" ? /* @__PURE__ */ e("div", { className: "w-8 h-0.5 bg-gray-400" }) : g.type === "CUSTOM" && g.config?.nodes ? /* @__PURE__ */ e("span", { className: "text-xs text-blue-500 font-bold", children: "G" }) : /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "?" }) }),
-          /* @__PURE__ */ u("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ e(nt, { strong: !0, className: "block truncate", children: g.name }),
-            /* @__PURE__ */ u("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ e(nt, { type: "secondary", className: "text-xs", children: g.type }),
-              T && /* @__PURE__ */ e(he, { color: "blue", className: "text-xs", children: "绘制中" })
+          /* @__PURE__ */ h("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e(rt, { strong: !0, className: "block truncate", children: g.name }),
+            /* @__PURE__ */ h("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ e(rt, { type: "secondary", className: "text-xs", children: g.type }),
+              X && /* @__PURE__ */ e(ye, { color: "blue", className: "text-xs", children: "绘制中" })
             ] })
           ] })
         ] })
@@ -849,101 +849,101 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       g.id
     );
   };
-  return /* @__PURE__ */ u("div", { className: "h-full flex flex-col bg-white border-r border-gray-200", children: [
-    /* @__PURE__ */ u("div", { className: "p-4 border-b border-gray-200", children: [
+  return /* @__PURE__ */ h("div", { className: "h-full flex flex-col bg-white border-r border-gray-200", children: [
+    /* @__PURE__ */ h("div", { className: "p-4 border-b border-gray-200", children: [
       /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-gray-800", children: "物料库" }),
-      /* @__PURE__ */ e(nt, { type: "secondary", className: "text-sm", children: "拖拽物料到画布创建节点" })
+      /* @__PURE__ */ e(rt, { type: "secondary", className: "text-sm", children: "拖拽物料到画布创建节点" })
     ] }),
     /* @__PURE__ */ e("div", { className: "p-3 border-b border-gray-200", children: /* @__PURE__ */ e(
-      Ut,
+      Tt,
       {
         accept: ".svg",
-        beforeUpload: C,
+        beforeUpload: S,
         showUploadList: !1,
-        children: /* @__PURE__ */ e(K, { icon: /* @__PURE__ */ e(Xt, {}), block: !0, type: "dashed", children: "上传 SVG" })
+        children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(mt, {}), block: !0, type: "dashed", children: "上传 SVG" })
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-2", children: /* @__PURE__ */ u(
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-2", children: /* @__PURE__ */ h(
       Ne,
       {
-        activeKey: c,
+        activeKey: d,
         onChange: (g) => m(g),
         ghost: !0,
         expandIconPosition: "end",
         children: [
-          /* @__PURE__ */ e(Oe, { header: "基础形状", children: /* @__PURE__ */ e(
-            Ye,
+          /* @__PURE__ */ e(_e, { header: "基础形状", children: /* @__PURE__ */ e(
+            $e,
             {
-              dataSource: o.basic,
-              renderItem: (g) => N(g, !1),
+              dataSource: u.basic,
+              renderItem: (g) => I(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  ue,
+                  pe,
                   {
                     description: "暂无物料",
-                    image: ue.PRESENTED_IMAGE_SIMPLE
+                    image: pe.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
             }
           ) }, "basic"),
-          /* @__PURE__ */ e(Oe, { header: "设备图标", children: /* @__PURE__ */ e(
-            Ye,
+          /* @__PURE__ */ e(_e, { header: "设备图标", children: /* @__PURE__ */ e(
+            $e,
             {
-              dataSource: o.device,
-              renderItem: (g) => N(g, !1),
+              dataSource: u.device,
+              renderItem: (g) => I(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  ue,
+                  pe,
                   {
                     description: "暂无物料",
-                    image: ue.PRESENTED_IMAGE_SIMPLE
+                    image: pe.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
             }
           ) }, "device"),
-          /* @__PURE__ */ e(Oe, { header: "文本", children: /* @__PURE__ */ e(
-            Ye,
+          /* @__PURE__ */ e(_e, { header: "文本", children: /* @__PURE__ */ e(
+            $e,
             {
-              dataSource: o.text,
-              renderItem: (g) => N(g, !1),
+              dataSource: u.text,
+              renderItem: (g) => I(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  ue,
+                  pe,
                   {
                     description: "暂无物料",
-                    image: ue.PRESENTED_IMAGE_SIMPLE
+                    image: pe.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
             }
           ) }, "text"),
-          /* @__PURE__ */ u(
-            Oe,
+          /* @__PURE__ */ h(
+            _e,
             {
-              header: /* @__PURE__ */ u("div", { className: "flex items-center justify-between", children: [
+              header: /* @__PURE__ */ h("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ e("span", { children: "线条" }),
-                n === "line-draw" && /* @__PURE__ */ e(he, { color: "blue", className: "text-xs", children: "绘制模式" })
+                n === "line-draw" && /* @__PURE__ */ e(ye, { color: "blue", className: "text-xs", children: "绘制模式" })
               ] }),
               children: [
                 /* @__PURE__ */ e(
-                  Ye,
+                  $e,
                   {
-                    dataSource: o.line,
-                    renderItem: (g) => N(g, !0),
+                    dataSource: u.line,
+                    renderItem: (g) => I(g, !0),
                     locale: {
                       emptyText: /* @__PURE__ */ e(
-                        ue,
+                        pe,
                         {
                           description: "暂无物料",
-                          image: ue.PRESENTED_IMAGE_SIMPLE
+                          image: pe.PRESENTED_IMAGE_SIMPLE
                         }
                       )
                     }
                   }
                 ),
-                n === "line-draw" && /* @__PURE__ */ u("div", { className: "mt-2 p-2 bg-blue-50 rounded text-xs text-blue-600", children: [
+                n === "line-draw" && /* @__PURE__ */ h("div", { className: "mt-2 p-2 bg-blue-50 rounded text-xs text-blue-600", children: [
                   /* @__PURE__ */ e("div", { children: "点击线条物料开始绘制" }),
                   /* @__PURE__ */ e("div", { children: "点击画布确定起点和终点" })
                 ] })
@@ -951,33 +951,33 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
             },
             "line"
           ),
-          o.group.length > 0 && /* @__PURE__ */ e(Oe, { header: "群组", children: /* @__PURE__ */ e(
-            Ye,
+          u.group.length > 0 && /* @__PURE__ */ e(_e, { header: "群组", children: /* @__PURE__ */ e(
+            $e,
             {
-              dataSource: o.group,
-              renderItem: (g) => N(g, !1),
+              dataSource: u.group,
+              renderItem: (g) => I(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  ue,
+                  pe,
                   {
                     description: "暂无物料",
-                    image: ue.PRESENTED_IMAGE_SIMPLE
+                    image: pe.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
             }
           ) }, "group"),
-          o.custom.length > 0 && /* @__PURE__ */ e(Oe, { header: "自定义", children: /* @__PURE__ */ e(
-            Ye,
+          u.custom.length > 0 && /* @__PURE__ */ e(_e, { header: "自定义", children: /* @__PURE__ */ e(
+            $e,
             {
-              dataSource: o.custom,
-              renderItem: (g) => N(g, !1),
+              dataSource: u.custom,
+              renderItem: (g) => I(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  ue,
+                  pe,
                   {
                     description: "暂无物料",
-                    image: ue.PRESENTED_IMAGE_SIMPLE
+                    image: pe.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
@@ -986,30 +986,30 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         ]
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ e(nt, { type: "secondary", className: "text-xs", children: n === "line-draw" ? /* @__PURE__ */ e(Ae, { children: "💡 提示：点击绘制线段，可连续绘制多段线，双击结束绘制，ESC 取消" }) : /* @__PURE__ */ e(Ae, { children: "💡 提示：拖拽物料到画布创建节点，点击线条物料进入绘制模式" }) }) })
+    /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ e(rt, { type: "secondary", className: "text-xs", children: n === "line-draw" ? /* @__PURE__ */ e(Oe, { children: "💡 提示：点击绘制线段，可连续绘制多段线，双击结束绘制，ESC 取消" }) : /* @__PURE__ */ e(Oe, { children: "💡 提示：拖拽物料到画布创建节点，点击线条物料进入绘制模式" }) }) })
   ] });
-}, { Text: kt } = Yt, Dn = (l, f) => {
+}, { Text: Dt } = Pt, Yn = (l, f) => {
   try {
-    const t = f && Array.isArray(f) ? f.map((n, a) => n.paramsName) : ["A"], s = new Function(...t, l.expression)(...f.map((n) => n.value));
+    const t = f && Array.isArray(f) ? f.map((n, a) => n.paramsName) : ["A"], c = new Function(...t, l.expression)(...f.map((n) => n.value));
     return console.log(
       `Evaluating status [${l.name}] with data:`,
       f,
       "Result:",
-      s
-    ), s === !0;
+      c
+    ), c === !0;
   } catch (t) {
     return console.warn(`状态表达式执行失败 [${l.name}]:`, t), !1;
   }
-}, $n = (l, f) => {
+}, Xn = (l, f) => {
   for (const t of l) {
     console.log(t, "status");
     let r = [];
     if (Array.isArray(f) ? (console.log(t.bindCodes, "bindCodes"), r = f.filter(
-      (s) => t.bindCodes?.includes(s.paramsCode)
-    )) : r = f, Dn(t, r))
+      (c) => t.bindCodes?.includes(c.paramsCode)
+    )) : r = f, Yn(t, r))
       return t;
   }
-}, Yn = (l, f) => {
+}, Pn = (l, f) => {
   if (!f || !l)
     return { value: void 0 };
   if (Array.isArray(l)) {
@@ -1025,16 +1025,16 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       unit: l.unit
     };
   return { value: void 0 };
-}, Ln = (l, f) => {
+}, Tn = (l, f) => {
   if (l == null || l === "") return "";
   if (f === -1) return String(l);
   const t = Number(l);
   return isNaN(t) ? String(l) : t.toFixed(f ?? 2);
-}, Xn = (l, f, t, r) => {
+}, Rn = (l, f, t, r) => {
   switch (l.type) {
     case "IMAGE":
-      const s = l, n = s.backgroundColor, a = s.fillColor;
-      let i = s.src;
+      const c = l, n = c.backgroundColor, a = c.fillColor;
+      let i = c.src;
       return a && i && i.includes("data:image/svg+xml") && (l.name === "矩形" ? i = `data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60"><rect width="100" height="60" fill="${a}" rx="4"/></svg>`)}` : l.name === "圆形" ? i = `data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><circle cx="40" cy="40" r="38" fill="${a}"/></svg>`)}` : l.name === "圆角矩形" && (i = `data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60"><rect width="100" height="60" fill="${a}" rx="20"/></svg>`)}`)), /* @__PURE__ */ e(
         "div",
         {
@@ -1056,23 +1056,23 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       );
     case "TEXT":
       const p = l, {
-        label: c,
+        label: d,
         value: m,
-        valueSourceCode: C,
-        unit: o,
-        decimals: I,
+        valueSourceCode: S,
+        unit: u,
+        decimals: k,
         labelStyle: v,
-        valueStyle: N,
+        valueStyle: I,
         customStyle: g
-      } = p.content || {}, { value: A, unit: z } = C ? Yn(f, C) : { value: void 0, unit: void 0 }, Y = Ln(A !== void 0 ? A : m, I), X = o || z || "";
-      return /* @__PURE__ */ u(
+      } = p.content || {}, { value: W, unit: O } = S ? Pn(f, S) : { value: void 0, unit: void 0 }, $ = Tn(W !== void 0 ? W : m, k), L = u || O || "";
+      return /* @__PURE__ */ h(
         "div",
         {
           className: "w-full h-full flex flex-col justify-center gap-1",
           style: { ...g },
           children: [
-            c && /* @__PURE__ */ e(
-              kt,
+            d && /* @__PURE__ */ e(
+              Dt,
               {
                 style: {
                   fontSize: 14,
@@ -1081,21 +1081,21 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                   textAlign: "left",
                   ...v
                 },
-                children: c
+                children: d
               }
             ),
-            Y && /* @__PURE__ */ u(
-              kt,
+            $ && /* @__PURE__ */ h(
+              Dt,
               {
                 style: {
                   fontSize: 14,
                   color: "#1890ff",
                   textAlign: "left",
-                  ...N
+                  ...I
                 },
                 children: [
-                  Y,
-                  X ? ` ${X}` : ""
+                  $,
+                  L ? ` ${L}` : ""
                 ]
               }
             )
@@ -1103,37 +1103,37 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         }
       );
     case "LINE":
-      const ye = l, {
-        thickness: te = 2,
-        color: ve = "#d9d9d9",
-        dashed: ne = !1,
-        lineType: j = ne ? "dashed" : "solid",
-        lineWeight: O = te,
+      const xe = l, {
+        thickness: ne = 2,
+        color: we = "#d9d9d9",
+        dashed: ie = !1,
+        lineType: A = ie ? "dashed" : "solid",
+        lineWeight: J = ne,
         // 起点和终点的相对坐标
-        startX: V = 0,
-        startY: D = 0,
-        endX: h = 100,
-        endY: $ = 0
-      } = ye.config || {}, b = (($e) => {
-        const W = Math.max(O, 1);
-        switch ($e) {
+        startX: G = 0,
+        startY: T = 0,
+        endX: s = 100,
+        endY: q = 0
+      } = xe.config || {}, Y = ((je) => {
+        const j = Math.max(J, 1);
+        switch (je) {
           case "solid":
             return "";
           case "dashed":
-            return `${W * 8},${W * 4}`;
+            return `${j * 8},${j * 4}`;
           case "center":
-            return `${W * 12},${W * 3},${W * 2},${W * 3}`;
+            return `${j * 12},${j * 3},${j * 2},${j * 3}`;
           case "phantom":
-            return `${W * 12},${W * 3},${W * 2},${W * 3},${W * 2},${W * 3}`;
+            return `${j * 12},${j * 3},${j * 2},${j * 3},${j * 2},${j * 3}`;
           case "dot":
-            return `${W},${W * 3}`;
+            return `${j},${j * 3}`;
           case "dash-dot":
-            return `${W * 8},${W * 3},${W},${W * 3}`;
+            return `${j * 8},${j * 3},${j},${j * 3}`;
           default:
             return "";
         }
-      })(j), Z = t ? "#1890ff" : ve;
-      return /* @__PURE__ */ e("div", { className: "w-full h-full relative", style: { overflow: "visible" }, children: /* @__PURE__ */ u(
+      })(A), M = t ? "#1890ff" : we;
+      return /* @__PURE__ */ e("div", { className: "w-full h-full relative", style: { overflow: "visible" }, children: /* @__PURE__ */ h(
         "svg",
         {
           className: "absolute top-0 left-0",
@@ -1144,12 +1144,12 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
             /* @__PURE__ */ e(
               "line",
               {
-                x1: V,
-                y1: D,
-                x2: h,
-                y2: $,
+                x1: G,
+                y1: T,
+                x2: s,
+                y2: q,
                 stroke: "transparent",
-                strokeWidth: Math.max(O, 10),
+                strokeWidth: Math.max(J, 10),
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 style: { pointerEvents: "stroke", cursor: "pointer" }
@@ -1158,13 +1158,13 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
             /* @__PURE__ */ e(
               "line",
               {
-                x1: V,
-                y1: D,
-                x2: h,
-                y2: $,
-                stroke: Z,
-                strokeWidth: O,
-                strokeDasharray: b,
+                x1: G,
+                y1: T,
+                x2: s,
+                y2: q,
+                stroke: M,
+                strokeWidth: J,
+                strokeDasharray: Y,
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 style: { pointerEvents: "none" }
@@ -1174,231 +1174,231 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         }
       ) });
     case "CUSTOM":
-      const xe = l;
-      return xe.render ? xe.render({}) : /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center bg-gray-100", children: /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs", children: "自定义组件" }) });
+      const ee = l;
+      return ee.render ? ee.render({}) : /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center bg-gray-100", children: /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs", children: "自定义组件" }) });
     default:
       return /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center bg-gray-100", children: /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs", children: "未知类型" }) });
   }
-}, Pn = ({
+}, _n = ({
   node: l,
   isSelected: f = !1,
   onClick: t,
   onMouseDown: r,
-  data: s,
+  data: c,
   onUpdateNode: n,
   scale: a = 1
 }) => {
-  const { normalStyle: i, contentInfo: p, controlInfo: c } = l, { statusList: m } = p, { isClickable: C, isDraggable: o, isResizable: I } = c, v = ce(t);
+  const { normalStyle: i, contentInfo: p, controlInfo: d } = l, { statusList: m } = p, { isClickable: S, isDraggable: u, isResizable: k } = d, v = ue(t);
   v.current = t;
-  const [N, g] = Q(null), A = ce(null), z = ce(null), T = ce(null), Y = ce(null), [X, ye] = Q(null), [te, ve] = Q(null), ne = ce(null), j = $t(() => {
+  const [I, g] = Q(null), W = ue(null), O = ue(null), X = ue(null), $ = ue(null), [L, xe] = Q(null), [ne, we] = Q(null), ie = ue(null), A = Xt(() => {
     if (m.length === 0) return;
-    const S = $n(m, s);
-    return S || m[0];
-  }, [m, s]), O = j?.material, V = O?.type === "LINE", D = V ? O.config : null, h = i.scale ?? 1, $ = (i.width || 100) * h, k = (i.height || 100) * h, b = B(() => {
-    const S = Y.current?.closest('[data-canvas="true"]');
-    if (!S) return a;
-    const H = S.getBoundingClientRect(), L = parseFloat(S.style.width);
-    return L ? H.width / L : a;
-  }, [a]), Z = B((S, H) => {
-    S.stopPropagation(), S.preventDefault(), A.current = {
-      mouseX: S.clientX,
-      mouseY: S.clientY,
-      startX: D?.startX || 0,
-      startY: D?.startY || 0,
-      endX: D?.endX || 0,
-      endY: D?.endY || 0,
+    const C = Xn(m, c);
+    return C || m[0];
+  }, [m, c]), J = A?.material, G = J?.type === "LINE", T = G ? J.config : null, s = i.scale ?? 1, q = (i.width || 100) * s, b = (i.height || 100) * s, Y = V(() => {
+    const C = $.current?.closest('[data-canvas="true"]');
+    if (!C) return a;
+    const z = C.getBoundingClientRect(), R = parseFloat(C.style.width);
+    return R ? z.width / R : a;
+  }, [a]), M = V((C, z) => {
+    C.stopPropagation(), C.preventDefault(), W.current = {
+      mouseX: C.clientX,
+      mouseY: C.clientY,
+      startX: T?.startX || 0,
+      startY: T?.startY || 0,
+      endX: T?.endX || 0,
+      endY: T?.endY || 0,
       nodeX: i.x || 0,
       nodeY: i.y || 0
-    }, g(H);
-  }, [D, i.x, i.y]);
+    }, g(z);
+  }, [T, i.x, i.y]);
   me(() => {
-    if (!N || !V || !D || !n) return;
-    const S = (L) => {
-      const P = A.current;
-      if (!P || !Y.current) return;
-      const de = b(), be = (L.clientX - P.mouseX) / de, re = (L.clientY - P.mouseY) / de;
-      let J = P.startX, ae = P.startY, ie = P.endX, oe = P.endY, Pe = P.nodeX, Te = P.nodeY;
-      N === "start" ? (J = P.startX + be, ae = P.startY + re, J < 0 && (Pe = P.nodeX + J, ie = P.endX - J, J = 0), ae < 0 && (Te = P.nodeY + ae, oe = P.endY - ae, ae = 0)) : (ie = P.endX + be, oe = P.endY + re, ie < 0 && (Pe = P.nodeX + ie, J = P.startX - ie, ie = 0), oe < 0 && (Te = P.nodeY + oe, ae = P.startY - oe, oe = 0));
-      const We = Math.max((D.lineWeight || 2) * 2, 4), Qe = Math.max(J, ie), et = Math.max(ae, oe), _e = Math.max(Qe, We), ke = Math.max(et, We);
-      z.current = {
-        nodeX: Pe,
-        nodeY: Te,
-        width: _e,
-        height: ke,
-        startX: J,
-        startY: ae,
-        endX: ie,
-        endY: oe
+    if (!I || !G || !T || !n) return;
+    const C = (R) => {
+      const D = W.current;
+      if (!D || !$.current) return;
+      const he = Y(), fe = (R.clientX - D.mouseX) / he, ae = (R.clientY - D.mouseY) / he;
+      let K = D.startX, oe = D.startY, se = D.endX, ce = D.endY, Xe = D.nodeX, Pe = D.nodeY;
+      I === "start" ? (K = D.startX + fe, oe = D.startY + ae, K < 0 && (Xe = D.nodeX + K, se = D.endX - K, K = 0), oe < 0 && (Pe = D.nodeY + oe, ce = D.endY - oe, oe = 0)) : (se = D.endX + fe, ce = D.endY + ae, se < 0 && (Xe = D.nodeX + se, K = D.startX - se, se = 0), ce < 0 && (Pe = D.nodeY + ce, oe = D.startY - ce, ce = 0));
+      const et = Math.max((T.lineWeight || 2) * 2, 4), tt = Math.max(K, se), nt = Math.max(oe, ce), We = Math.max(tt, et), Te = Math.max(nt, et);
+      O.current = {
+        nodeX: Xe,
+        nodeY: Pe,
+        width: We,
+        height: Te,
+        startX: K,
+        startY: oe,
+        endX: se,
+        endY: ce
       };
-      const we = Y.current;
-      we.style.left = `${Pe}px`, we.style.top = `${Te}px`, we.style.width = `${_e}px`, we.style.height = `${ke}px`, we.querySelectorAll("svg line").forEach((M) => {
-        M.setAttribute("x1", String(J)), M.setAttribute("y1", String(ae)), M.setAttribute("x2", String(ie)), M.setAttribute("y2", String(oe));
+      const ge = $.current;
+      ge.style.left = `${Xe}px`, ge.style.top = `${Pe}px`, ge.style.width = `${We}px`, ge.style.height = `${Te}px`, ge.querySelectorAll("svg line").forEach((o) => {
+        o.setAttribute("x1", String(K)), o.setAttribute("y1", String(oe)), o.setAttribute("x2", String(se)), o.setAttribute("y2", String(ce));
       });
-      const d = we.querySelector('[data-handle="start"]'), y = we.querySelector('[data-handle="end"]');
-      d && (d.style.left = `${J - 6}px`, d.style.top = `${ae - 6}px`), y && (y.style.left = `${ie - 6}px`, y.style.top = `${oe - 6}px`);
-    }, H = () => {
-      const L = z.current;
-      L && n(l.id, {
+      const Fe = ge.querySelector('[data-handle="start"]'), De = ge.querySelector('[data-handle="end"]');
+      Fe && (Fe.style.left = `${K - 6}px`, Fe.style.top = `${oe - 6}px`), De && (De.style.left = `${se - 6}px`, De.style.top = `${ce - 6}px`);
+    }, z = () => {
+      const R = O.current;
+      R && n(l.id, {
         normalStyle: {
           ...i,
-          x: L.nodeX,
-          y: L.nodeY,
-          width: L.width,
-          height: L.height
+          x: R.nodeX,
+          y: R.nodeY,
+          width: R.width,
+          height: R.height
         },
         contentInfo: {
           ...p,
-          statusList: m.map((P) => ({
-            ...P,
-            material: P.material.type === "LINE" ? {
-              ...P.material,
+          statusList: m.map((D) => ({
+            ...D,
+            material: D.material.type === "LINE" ? {
+              ...D.material,
               config: {
-                ...D,
-                startX: L.startX,
-                startY: L.startY,
-                endX: L.endX,
-                endY: L.endY
+                ...T,
+                startX: R.startX,
+                startY: R.startY,
+                endX: R.endX,
+                endY: R.endY
               }
-            } : P.material
+            } : D.material
           }))
         }
-      }), g(null), A.current = null, z.current = null;
+      }), g(null), W.current = null, O.current = null;
     };
-    return window.addEventListener("mousemove", S), window.addEventListener("mouseup", H), () => {
-      window.removeEventListener("mousemove", S), window.removeEventListener("mouseup", H);
+    return window.addEventListener("mousemove", C), window.addEventListener("mouseup", z), () => {
+      window.removeEventListener("mousemove", C), window.removeEventListener("mouseup", z);
     };
-  }, [N, V, D, l.id, i, p, m, n, b]), me(() => {
-    if (!X || !n) return;
-    const S = (L) => {
-      if (!Y.current) return;
-      const P = b(), de = (L.clientX - X.startX) / P, be = (L.clientY - X.startY) / P;
-      let re = X.startWidth, J = X.startHeight, ae = X.startNodeX, ie = X.startNodeY;
-      switch (X.corner) {
+  }, [I, G, T, l.id, i, p, m, n, Y]), me(() => {
+    if (!L || !n) return;
+    const C = (R) => {
+      if (!$.current) return;
+      const D = Y(), he = (R.clientX - L.startX) / D, fe = (R.clientY - L.startY) / D;
+      let ae = L.startWidth, K = L.startHeight, oe = L.startNodeX, se = L.startNodeY;
+      switch (L.corner) {
         case "se":
-          re = Math.max(20, X.startWidth + de), J = Math.max(20, X.startHeight + be);
+          ae = Math.max(20, L.startWidth + he), K = Math.max(20, L.startHeight + fe);
           break;
         case "sw":
-          re = Math.max(20, X.startWidth - de), J = Math.max(20, X.startHeight + be), ae = X.startNodeX + (X.startWidth - re);
+          ae = Math.max(20, L.startWidth - he), K = Math.max(20, L.startHeight + fe), oe = L.startNodeX + (L.startWidth - ae);
           break;
         case "ne":
-          re = Math.max(20, X.startWidth + de), J = Math.max(20, X.startHeight - be), ie = X.startNodeY + (X.startHeight - J);
+          ae = Math.max(20, L.startWidth + he), K = Math.max(20, L.startHeight - fe), se = L.startNodeY + (L.startHeight - K);
           break;
         case "nw":
-          re = Math.max(20, X.startWidth - de), J = Math.max(20, X.startHeight - be), ae = X.startNodeX + (X.startWidth - re), ie = X.startNodeY + (X.startHeight - J);
+          ae = Math.max(20, L.startWidth - he), K = Math.max(20, L.startHeight - fe), oe = L.startNodeX + (L.startWidth - ae), se = L.startNodeY + (L.startHeight - K);
           break;
       }
-      T.current = { x: ae, y: ie, width: re, height: J };
-      const oe = Y.current;
-      oe.style.left = `${ae}px`, oe.style.top = `${ie}px`, oe.style.width = `${re}px`, oe.style.height = `${J}px`;
-    }, H = () => {
-      const L = T.current;
-      L && n(l.id, {
+      X.current = { x: oe, y: se, width: ae, height: K };
+      const ce = $.current;
+      ce.style.left = `${oe}px`, ce.style.top = `${se}px`, ce.style.width = `${ae}px`, ce.style.height = `${K}px`;
+    }, z = () => {
+      const R = X.current;
+      R && n(l.id, {
         normalStyle: {
           ...i,
-          x: L.x,
-          y: L.y,
-          width: L.width,
-          height: L.height
+          x: R.x,
+          y: R.y,
+          width: R.width,
+          height: R.height
         }
-      }), ye(null), T.current = null;
+      }), xe(null), X.current = null;
     };
-    return window.addEventListener("mousemove", S), window.addEventListener("mouseup", H), () => {
-      window.removeEventListener("mousemove", S), window.removeEventListener("mouseup", H);
+    return window.addEventListener("mousemove", C), window.addEventListener("mouseup", z), () => {
+      window.removeEventListener("mousemove", C), window.removeEventListener("mouseup", z);
     };
-  }, [X, n, l.id, i, b]);
-  const xe = B((S, H) => {
-    S.stopPropagation(), S.preventDefault(), ye({
-      corner: H,
-      startX: S.clientX,
-      startY: S.clientY,
+  }, [L, n, l.id, i, Y]);
+  const ee = V((C, z) => {
+    C.stopPropagation(), C.preventDefault(), xe({
+      corner: z,
+      startX: C.clientX,
+      startY: C.clientY,
       startWidth: i.width || 100,
       startHeight: i.height || 100,
       startNodeX: i.x || 0,
       startNodeY: i.y || 0
     });
-  }, [i.width, i.height, i.x, i.y]), $e = B((S) => {
-    S.stopPropagation(), S.preventDefault();
-    const H = Y.current?.getBoundingClientRect();
-    H && ve({
-      startX: S.clientX,
-      startY: S.clientY,
+  }, [i.width, i.height, i.x, i.y]), je = V((C) => {
+    C.stopPropagation(), C.preventDefault();
+    const z = $.current?.getBoundingClientRect();
+    z && we({
+      startX: C.clientX,
+      startY: C.clientY,
       startAngle: i.rotate || 0,
-      centerX: H.left + H.width / 2,
-      centerY: H.top + H.height / 2
+      centerX: z.left + z.width / 2,
+      centerY: z.top + z.height / 2
     });
   }, [i.rotate]);
   me(() => {
-    if (!te) return;
-    const S = (L) => {
-      const P = L.clientX - te.centerX, de = L.clientY - te.centerY;
-      let re = (Math.atan2(de, P) * (180 / Math.PI) + 90) % 360;
-      if (re < 0 && (re += 360), ne.current = re, Y.current) {
-        const J = i.transform || "";
-        Y.current.style.transform = `rotate(${re}deg) ${J}`.trim();
+    if (!ne) return;
+    const C = (R) => {
+      const D = R.clientX - ne.centerX, he = R.clientY - ne.centerY;
+      let ae = (Math.atan2(he, D) * (180 / Math.PI) + 90) % 360;
+      if (ae < 0 && (ae += 360), ie.current = ae, $.current) {
+        const K = i.transform || "";
+        $.current.style.transform = `rotate(${ae}deg) ${K}`.trim();
       }
-    }, H = () => {
-      const L = ne.current ?? te.startAngle;
-      ne.current = null, n && n(l.id, {
+    }, z = () => {
+      const R = ie.current ?? ne.startAngle;
+      ie.current = null, n && n(l.id, {
         normalStyle: {
           ...i,
-          rotate: Math.round(L)
+          rotate: Math.round(R)
         }
-      }), ve(null);
+      }), we(null);
     };
-    return window.addEventListener("mousemove", S), window.addEventListener("mouseup", H), () => {
-      window.removeEventListener("mousemove", S), window.removeEventListener("mouseup", H);
+    return window.addEventListener("mousemove", C), window.addEventListener("mouseup", z), () => {
+      window.removeEventListener("mousemove", C), window.removeEventListener("mouseup", z);
     };
-  }, [te, n, l.id, i]);
-  const W = l.type === "group", it = {
+  }, [ne, n, l.id, i]);
+  const j = l.type === "group", st = {
     position: "absolute",
     left: i.x || 0,
     top: i.y || 0,
-    width: $,
-    height: k,
+    width: q,
+    height: b,
     // 群组节点不显示背景和边框，只作为容器
-    background: W ? "transparent" : i.background || "transparent",
-    backgroundImage: W ? void 0 : i.backgroundImage ? `url(${i.backgroundImage})` : void 0,
+    background: j ? "transparent" : i.background || "transparent",
+    backgroundImage: j ? void 0 : i.backgroundImage ? `url(${i.backgroundImage})` : void 0,
     backgroundSize: "cover",
     backgroundPosition: "center",
     padding: Array.isArray(i.padding) ? i.padding.join("px ") + "px" : i.padding,
     margin: Array.isArray(i.margin) ? i.margin.join("px ") + "px" : i.margin,
-    borderRadius: W ? void 0 : i.borderRadius,
+    borderRadius: j ? void 0 : i.borderRadius,
     // 线条物料选中时不显示边框，而是通过高亮线条颜色来表示
     // 群组节点选中时显示边框，平时不显示
-    border: f && !V ? "2px solid #1890ff" : V || W ? "none" : i.border || "1px dashed transparent",
+    border: f && !G ? "2px solid #1890ff" : G || j ? "none" : i.border || "1px dashed transparent",
     // 线条节点需要捕获点击事件，但由内部 SVG 的透明线处理具体点击区域
     pointerEvents: "auto",
     opacity: i.opacity ?? 1,
-    transform: `rotate(${ne.current ?? (i.rotate || 0)}deg) ${i.transform || ""}`.trim(),
+    transform: `rotate(${ie.current ?? (i.rotate || 0)}deg) ${i.transform || ""}`.trim(),
     transformOrigin: "center center",
     zIndex: f ? 1e3 : i.zIndex ?? 1,
-    cursor: o && !N ? "move" : C ? "pointer" : "default",
+    cursor: u && !I ? "move" : S ? "pointer" : "default",
     boxSizing: "border-box",
     // 选中、线条和群组节点使用 visible overflow，避免裁剪手柄
-    overflow: f || V || W ? "visible" : "hidden"
-  }, Ke = D ? { x: D.startX || 0, y: D.startY || 0 } : { x: 0, y: 0 }, Xe = D ? { x: D.endX || 0, y: D.endY || 0 } : { x: 0, y: 0 };
-  return /* @__PURE__ */ u(
+    overflow: f || G || j ? "visible" : "hidden"
+  }, Ke = T ? { x: T.startX || 0, y: T.startY || 0 } : { x: 0, y: 0 }, Qe = T ? { x: T.endX || 0, y: T.endY || 0 } : { x: 0, y: 0 };
+  return /* @__PURE__ */ h(
     "div",
     {
-      ref: Y,
+      ref: $,
       "data-node-id": l.id,
-      style: it,
-      onClick: (S) => {
-        S.stopPropagation();
-        const H = v.current;
-        C && H && !N && !X && !te && H(S);
+      style: st,
+      onClick: (C) => {
+        console.log("NodeRenderer onClick", l.id, "isClickable:", S);
+        const z = v.current;
+        S && z && !I && !L && !ne && (C.stopPropagation(), z(C));
       },
-      onMouseDown: (S) => {
-        o && r && !N && r(S);
+      onMouseDown: (C) => {
+        u && r && !I && r(C);
       },
       children: [
-        f && !V && !W && /* @__PURE__ */ u(Ae, { children: [
+        f && !G && !j && /* @__PURE__ */ h(Oe, { children: [
           /* @__PURE__ */ e(
             "div",
             {
               className: "absolute top-0 left-0 w-3 h-3 bg-blue-500 border-2 border-white rounded-full",
               style: { zIndex: 9999, pointerEvents: "auto", cursor: "nw-resize", marginTop: "-6px", marginLeft: "-6px" },
-              onMouseDown: (S) => xe(S, "nw"),
+              onMouseDown: (C) => ee(C, "nw"),
               title: "拖拽调整大小"
             }
           ),
@@ -1407,7 +1407,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
             {
               className: "absolute top-0 right-0 w-3 h-3 bg-blue-500 border-2 border-white rounded-full",
               style: { zIndex: 9999, pointerEvents: "auto", cursor: "ne-resize", marginTop: "-6px", marginRight: "-6px" },
-              onMouseDown: (S) => xe(S, "ne"),
+              onMouseDown: (C) => ee(C, "ne"),
               title: "拖拽调整大小"
             }
           ),
@@ -1416,7 +1416,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
             {
               className: "absolute bottom-0 left-0 w-3 h-3 bg-blue-500 border-2 border-white rounded-full",
               style: { zIndex: 9999, pointerEvents: "auto", cursor: "sw-resize", marginBottom: "-6px", marginLeft: "-6px" },
-              onMouseDown: (S) => xe(S, "sw"),
+              onMouseDown: (C) => ee(C, "sw"),
               title: "拖拽调整大小"
             }
           ),
@@ -1425,7 +1425,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
             {
               className: "absolute bottom-0 right-0 w-3 h-3 bg-blue-500 border-2 border-white rounded-full",
               style: { zIndex: 9999, pointerEvents: "auto", cursor: "se-resize", marginBottom: "-6px", marginRight: "-6px" },
-              onMouseDown: (S) => xe(S, "se"),
+              onMouseDown: (C) => ee(C, "se"),
               title: "拖拽调整大小"
             }
           ),
@@ -1434,7 +1434,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
             {
               className: "absolute top-0 left-1/2 w-4 h-4 bg-green-500 border-2 border-white rounded-full",
               style: { zIndex: 9999, pointerEvents: "auto", cursor: "grab", marginTop: "-20px", transform: "translateX(-50%)", boxShadow: "0 0 4px rgba(0,0,0,0.3)" },
-              onMouseDown: (S) => $e(S),
+              onMouseDown: (C) => je(C),
               title: "拖拽旋转"
             }
           ),
@@ -1445,13 +1445,13 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
               style: { zIndex: 9998, pointerEvents: "none", marginTop: "-14px", transform: "translateX(-50%)" }
             }
           ),
-          /* @__PURE__ */ u("div", { className: "absolute -top-6 left-0 bg-blue-500 text-white text-xs px-2 py-0.5 rounded whitespace-nowrap", children: [
+          /* @__PURE__ */ h("div", { className: "absolute -top-6 left-0 bg-blue-500 text-white text-xs px-2 py-0.5 rounded whitespace-nowrap", children: [
             l.name,
             " ",
-            j ? `(${j.name})` : ""
+            A ? `(${A.name})` : ""
           ] })
         ] }),
-        f && V && D && n && /* @__PURE__ */ u(Ae, { children: [
+        f && G && T && n && /* @__PURE__ */ h(Oe, { children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -1462,7 +1462,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                 top: Ke.y - 6,
                 boxShadow: "0 0 4px rgba(0,0,0,0.3)"
               },
-              onMouseDown: (S) => Z(S, "start"),
+              onMouseDown: (C) => M(C, "start"),
               title: "拖拽调整起点"
             }
           ),
@@ -1472,37 +1472,37 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
               "data-handle": "end",
               className: "absolute w-3 h-3 bg-blue-500 border-2 border-white rounded-full cursor-move z-50",
               style: {
-                left: Xe.x - 6,
-                top: Xe.y - 6,
+                left: Qe.x - 6,
+                top: Qe.y - 6,
                 boxShadow: "0 0 4px rgba(0,0,0,0.3)"
               },
-              onMouseDown: (S) => Z(S, "end"),
+              onMouseDown: (C) => M(C, "end"),
               title: "拖拽调整终点"
             }
           ),
           /* @__PURE__ */ e("div", { className: "absolute -top-6 left-0 bg-blue-500 text-white text-xs px-2 py-0.5 rounded whitespace-nowrap", children: l.name })
         ] }),
-        /* @__PURE__ */ e("div", { className: "w-full h-full relative", children: O ? /* @__PURE__ */ e("div", { className: "w-full h-full", children: Xn(O, s, f) }) : W ? null : (
+        /* @__PURE__ */ e("div", { className: "w-full h-full relative", children: J ? /* @__PURE__ */ e("div", { className: "w-full h-full", children: Rn(J, c, f) }) : j ? null : (
           // 只有非群组节点才显示"无状态"
           /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center text-gray-300 text-xs", children: "无状态" })
         ) }),
-        l.type === "group" && l.children && /* @__PURE__ */ e("div", { className: "absolute inset-0 pointer-events-none", children: l.children.map((S) => /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: /* @__PURE__ */ e(
-          jt,
+        l.type === "group" && l.children && /* @__PURE__ */ e("div", { className: "absolute inset-0 pointer-events-none", children: l.children.map((C) => /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: /* @__PURE__ */ e(
+          Ut,
           {
-            node: S,
+            node: C,
             isSelected: !1,
-            data: s,
+            data: c,
             onUpdateNode: n,
             scale: a
           }
-        ) }, S.id)) })
+        ) }, C.id)) })
       ]
     }
   );
-}, jt = Ce.memo(Pn, (l, f) => {
-  const t = l.node, r = f.node, s = t.id === r.id && t.normalStyle.x === r.normalStyle.x && t.normalStyle.y === r.normalStyle.y && t.normalStyle.width === r.normalStyle.width && t.normalStyle.height === r.normalStyle.height, n = t.contentInfo === r.contentInfo, a = l.isSelected === f.isSelected && l.scale === f.scale;
-  return s && n && a;
-}), Tn = [
+}, Ut = Ce.memo(_n, (l, f) => {
+  const t = l.node, r = f.node, c = t.id === r.id && t.normalStyle.x === r.normalStyle.x && t.normalStyle.y === r.normalStyle.y && t.normalStyle.width === r.normalStyle.width && t.normalStyle.height === r.normalStyle.height, n = t.contentInfo === r.contentInfo, a = l.isSelected === f.isSelected && l.scale === f.scale;
+  return c && n && a;
+}), zn = [
   "#1890ff",
   "#52c41a",
   "#faad14",
@@ -1519,28 +1519,28 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
   "#000000",
   "#ff4d4f",
   "#73d13d"
-], je = ({
+], Ae = ({
   value: l = "#1890ff",
   onChange: f,
   onChangeComplete: t
 }) => {
-  const [r, s] = Q(!1), [n, a] = Q(l), i = ce(null);
+  const [r, c] = Q(!1), [n, a] = Q(l), i = ue(null);
   me(() => {
     a(l);
   }, [l]), me(() => {
-    const c = (m) => {
-      i.current && !i.current.contains(m.target) && (s(!1), t?.({ toHexString: () => n }));
+    const d = (m) => {
+      i.current && !i.current.contains(m.target) && (c(!1), t?.({ toHexString: () => n }));
     };
-    return r && document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+    return r && document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, [r, t, n]);
-  const p = (c) => {
-    a(c), f?.({ toHexString: () => c });
+  const p = (d) => {
+    a(d), f?.({ toHexString: () => d });
   };
-  return /* @__PURE__ */ u("div", { ref: i, style: { position: "relative", display: "inline-block" }, children: [
+  return /* @__PURE__ */ h("div", { ref: i, style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ e(
       "div",
       {
-        onClick: () => s(!r),
+        onClick: () => c(!r),
         style: {
           width: 28,
           height: 28,
@@ -1551,7 +1551,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         }
       }
     ),
-    r && /* @__PURE__ */ u(
+    r && /* @__PURE__ */ h(
       "div",
       {
         style: {
@@ -1566,29 +1566,29 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           border: "1px solid #f0f0f0"
         },
         children: [
-          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(8, 1fr)", gap: 4 }, children: Tn.map((c) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(8, 1fr)", gap: 4 }, children: zn.map((d) => /* @__PURE__ */ e(
             "div",
             {
               onClick: () => {
-                p(c), s(!1), t?.({ toHexString: () => c });
+                p(d), c(!1), t?.({ toHexString: () => d });
               },
               style: {
                 width: 20,
                 height: 20,
-                backgroundColor: c,
-                border: n === c ? "2px solid #1890ff" : "1px solid #d9d9d9",
+                backgroundColor: d,
+                border: n === d ? "2px solid #1890ff" : "1px solid #d9d9d9",
                 borderRadius: 2,
                 cursor: "pointer"
               }
             },
-            c
+            d
           )) }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "color",
               value: n,
-              onChange: (c) => p(c.target.value),
+              onChange: (d) => p(d.target.value),
               onBlur: () => t?.({ toHexString: () => n }),
               style: {
                 width: "100%",
@@ -1603,65 +1603,67 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       }
     )
   ] });
-}, { TextArea: _n } = le, zn = ({ defaultTestData: l }) => {
-  const f = ce(null), t = ce(null), r = ce(null), {
-    nodes: s,
+}, { TextArea: On } = re, An = ({ defaultTestData: l }) => {
+  const f = ue(null), t = ue(null), r = ue(null), {
+    nodes: c,
     selectedNodeId: n,
     mode: a,
     lineDrawing: i,
     viewport: p,
-    canvas: c,
+    canvas: d,
     setViewport: m,
-    setCanvasConfig: C,
-    addNode: o,
-    selectNode: I,
+    setCanvasConfig: S,
+    addNode: u,
+    selectNode: k,
     updateNode: v,
-    removeNode: N,
+    removeNode: I,
     undo: g,
-    redo: A,
-    setMode: z,
-    startLineDrawing: T,
-    endLineDrawing: Y,
-    cancelLineDrawing: X
-  } = Re();
-  console.log("mode", a);
-  const [ye, te] = Q(!1), [, ve] = Q({}), ne = ce(!1), j = ce({ x: 0, y: 0 }), O = ce({ x: 0, y: 0, newX: 0, newY: 0 }), V = ce(null), [D, h] = Q({ start: null, end: null, isDrawing: !1 }), [$, k] = Q({ start: null, end: null }), [b, Z] = Q([]);
-  ce(!1);
-  const [xe, $e] = Q(!1), [W, it] = Q(
+    redo: W,
+    setMode: O,
+    startLineDrawing: X,
+    endLineDrawing: $,
+    cancelLineDrawing: L
+  } = ze(), [xe, ne] = Q(!1), [, we] = Q({}), ie = ue(a);
+  me(() => {
+    ie.current = a;
+  }, [a]);
+  const A = ue(!1), J = ue({ x: 0, y: 0 }), G = ue({ x: 0, y: 0, newX: 0, newY: 0 }), T = ue(null), [s, q] = Q({ start: null, end: null, isDrawing: !1 }), [b, Y] = Q({ start: null, end: null }), [M, ee] = Q([]);
+  ue(!1);
+  const [je, j] = Q(!1), [st, Ke] = Q(
     JSON.stringify(l, null, 2)
-  ), [Ke, Xe] = Q(!1), [S, H] = Q(!1), L = B((d, y) => {
+  ), [Qe, C] = Q(!1), [z, R] = Q(!1), D = V((o, y) => {
     if (!t.current) return { x: 0, y: 0 };
-    const M = t.current.getBoundingClientRect(), E = d - M.left, x = y - M.top, _ = M.width / c.width, F = M.height / c.height, R = E / _, G = x / F;
-    return { x: Math.round(R), y: Math.round(G) };
-  }, [c.width, c.height]), P = B((d, y) => L(d, y), [L]), de = B(
-    (d, y, M = !0) => {
+    const N = t.current.getBoundingClientRect(), E = o - N.left, x = y - N.top, P = N.width / d.width, F = N.height / d.height, U = E / P, B = x / F;
+    return { x: Math.round(U), y: Math.round(B) };
+  }, [d.width, d.height]), he = V((o, y) => D(o, y), [D]), fe = V(
+    (o, y, N = !0) => {
       if (!i.material) return;
-      const E = i.material, x = E.config || {}, _ = x.lineWeight || x.thickness || 2, F = Math.min(d.x, y.x), R = Math.min(d.y, y.y), G = Math.round(d.x - F), q = Math.round(d.y - R), se = Math.round(y.x - F), fe = Math.round(y.y - R), ge = Math.max(_ * 2, 4), ze = Math.max(Math.abs(d.x - y.x), ge), Me = Math.max(Math.abs(d.y - y.y), ge), tt = {
+      const E = i.material, x = E.config || {}, P = x.lineWeight || x.thickness || 2, F = Math.min(o.x, y.x), U = Math.min(o.y, y.y), B = Math.round(o.x - F), _ = Math.round(o.y - U), le = Math.round(y.x - F), de = Math.round(y.y - U), ve = Math.max(P * 2, 4), Re = Math.max(Math.abs(o.x - y.x), ve), ke = Math.max(Math.abs(o.y - y.y), ve), lt = {
         ...E,
-        id: U(),
+        id: H(),
         config: {
           color: x.color,
-          lineWeight: _,
-          thickness: _,
+          lineWeight: P,
+          thickness: P,
           lineType: x.lineType,
-          startX: G,
-          startY: q,
-          endX: se,
-          endY: fe
+          startX: B,
+          startY: _,
+          endX: le,
+          endY: de
         }
-      }, Ft = {
-        id: U(),
+      }, Gt = {
+        id: H(),
         name: `${E.name}_${Date.now()}`,
         type: "normal",
         normalStyle: {
-          width: ze,
-          height: Me,
+          width: Re,
+          height: ke,
           x: F,
-          y: R,
+          y: U,
           background: "transparent"
         },
         contentInfo: {
-          statusList: [At(tt)],
+          statusList: [Ft(lt)],
           currentStatusId: void 0
         },
         controlInfo: {
@@ -1671,184 +1673,201 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           isSelectable: !0
         }
       };
-      if (o(Ft, !1), M) {
-        const ft = { x: y.x, y: y.y };
-        h({
-          start: ft,
-          end: { ...ft },
+      if (u(Gt, !1), N) {
+        const yt = { x: y.x, y: y.y };
+        q({
+          start: yt,
+          end: { ...yt },
           isDrawing: !0
         });
       } else
-        h({ start: null, end: null, isDrawing: !1 }), Y();
+        q({ start: null, end: null, isDrawing: !1 }), $();
     },
-    [i.material, o, Y]
-  ), be = B(() => {
-    const d = f.current?.state;
-    d && m({
-      scale: d.scale,
-      positionX: d.positionX,
-      positionY: d.positionY
+    [i.material, u, $]
+  ), ae = V(() => {
+    const o = f.current?.state;
+    o && m({
+      scale: o.scale,
+      positionX: o.positionX,
+      positionY: o.positionY
     });
-  }, [m]), re = B(
-    (d) => {
-      ne.current || a !== "box-select" && (d.target === t.current || d.target.dataset?.canvas === "true") && (I(null), Z([]));
+  }, [m]), K = V(
+    (o) => {
+      A.current || a !== "box-select" && (o.target === t.current || o.target.dataset?.canvas === "true") && (k(null), ee([]));
     },
-    [I, a]
-  ), J = B(
-    (d) => {
-      if (d.button === 0) {
+    [k, a]
+  ), oe = V(
+    (o) => {
+      if (o.button === 0) {
         if (a === "line-draw" && i.material) {
-          d.stopPropagation();
-          const y = L(d.clientX, d.clientY);
-          D.isDrawing ? D.start && de(D.start, y, !0) : h({ start: y, end: y, isDrawing: !0 });
+          o.stopPropagation();
+          const y = D(o.clientX, o.clientY);
+          s.isDrawing ? s.start && fe(s.start, y, !0) : q({ start: y, end: y, isDrawing: !0 });
           return;
         }
-        if (a === "box-select" && !S) {
-          const y = P(d.clientX, d.clientY);
-          k({ start: y, end: y }), Z([]), d.preventDefault(), d.stopPropagation();
+        if (a === "box-select" && !z) {
+          const y = he(o.clientX, o.clientY);
+          Y({ start: y, end: y }), ee([]), o.preventDefault(), o.stopPropagation();
         }
       }
     },
-    [a, i.material, D.isDrawing, D.start, S, de, L, P]
-  ), ae = B(
-    (d) => {
-      if (!(a !== "line-draw" || !i.material) && D.isDrawing && D.start) {
-        const y = L(d.clientX, d.clientY);
-        de(D.start, y, !1);
+    [a, i.material, s.isDrawing, s.start, z, fe, D, he]
+  ), se = V(
+    (o) => {
+      if (!(a !== "line-draw" || !i.material) && s.isDrawing && s.start) {
+        const y = D(o.clientX, o.clientY);
+        fe(s.start, y, !1);
       }
     },
-    [a, i.material, D.isDrawing, D.start, de, L]
-  ), ie = B((d) => {
-    d.preventDefault(), d.dataTransfer.dropEffect = "copy", te(!0);
-  }, []), oe = B((d) => {
-    d.preventDefault(), te(!1);
-  }, []), Pe = B(
-    (d) => {
-      if (d.preventDefault(), te(!1), !(!t.current || a !== "select"))
+    [a, i.material, s.isDrawing, s.start, fe, D]
+  ), ce = V((o) => {
+    o.preventDefault(), o.dataTransfer.dropEffect = "copy", ne(!0);
+  }, []), Xe = V((o) => {
+    o.preventDefault(), ne(!1);
+  }, []), Pe = V(
+    (o) => {
+      if (o.preventDefault(), ne(!1), !(!t.current || a !== "select"))
         try {
-          const y = d.dataTransfer.getData("application/json");
+          const y = o.dataTransfer.getData("application/json");
           if (!y) return;
-          const M = JSON.parse(y), E = L(d.clientX, d.clientY), x = E.x - 50, _ = E.y - 50, F = Mn(x, _, M);
-          o(F);
+          const N = JSON.parse(y), E = D(o.clientX, o.clientY), x = E.x - 50, P = E.y - 50, F = $n(x, P, N);
+          u(F);
         } catch (y) {
           console.error("Failed to parse dropped material:", y);
         }
     },
-    [a, o, L]
-  ), Te = B(
-    (d, y) => {
-      a !== "select" || !y.controlInfo.isDraggable || (d.stopPropagation(), I(y.id), ne.current = !0, j.current = { x: d.clientX, y: d.clientY }, O.current = {
+    [a, u, D]
+  ), et = V(
+    (o, y) => {
+      a !== "select" && a !== "box-select" || !y.controlInfo.isDraggable || (o.stopPropagation(), k(y.id), A.current = !0, J.current = { x: o.clientX, y: o.clientY }, G.current = {
         x: y.normalStyle.x || 0,
         y: y.normalStyle.y || 0,
         newX: y.normalStyle.x || 0,
         newY: y.normalStyle.y || 0
-      }, V.current = y, d.preventDefault());
+      }, T.current = y, o.preventDefault());
     },
-    [a, I]
+    [a, k]
   );
   me(() => {
-    const d = (x) => {
-      if (ne.current && n && V.current) {
+    const o = (x) => {
+      if (A.current && n && T.current) {
         if (!t.current) return;
-        const _ = t.current.getBoundingClientRect(), F = _.width / c.width, R = _.height / c.height, G = x.clientX - j.current.x, q = x.clientY - j.current.y, se = G / F, fe = q / R, ge = O.current.x + se, ze = O.current.y + fe, Me = document.querySelector(
+        const P = t.current.getBoundingClientRect(), F = P.width / d.width, U = P.height / d.height, B = x.clientX - J.current.x, _ = x.clientY - J.current.y, le = B / F, de = _ / U, ve = G.current.x + le, Re = G.current.y + de, ke = document.querySelector(
           `[data-node-id="${n}"]`
         );
-        Me && (Me.style.left = `${ge}px`, Me.style.top = `${ze}px`), O.current.newX = ge, O.current.newY = ze;
+        ke && (ke.style.left = `${ve}px`, ke.style.top = `${Re}px`), G.current.newX = ve, G.current.newY = Re;
       }
-      if (a === "box-select" && $.start) {
-        const _ = P(x.clientX, x.clientY);
-        k((F) => ({ ...F, end: _ }));
+      if (a === "box-select" && b.start) {
+        const P = he(x.clientX, x.clientY);
+        Y((F) => ({ ...F, end: P }));
       }
-      if (a === "line-draw" && D.isDrawing) {
-        const _ = L(x.clientX, x.clientY);
-        h((F) => ({ ...F, end: _ }));
+      if (a === "line-draw" && s.isDrawing) {
+        const P = D(x.clientX, x.clientY);
+        q((F) => ({ ...F, end: P }));
       }
     }, y = () => {
-      if (ne.current && n && V.current) {
-        const x = Re.getState(), _ = O.current.newX ?? O.current.x, F = O.current.newY ?? O.current.y;
+      if (A.current && n && T.current) {
+        const x = ze.getState(), P = G.current.newX ?? G.current.x, F = G.current.newY ?? G.current.y;
         x.updateNode(n, {
           normalStyle: {
-            ...V.current.normalStyle,
-            x: _,
+            ...T.current.normalStyle,
+            x: P,
             y: F
           }
         });
       }
-      if (ne.current = !1, V.current = null, ve({}), a === "box-select" && $.start && $.end) {
-        const x = Math.min($.start.x, $.end.x), _ = Math.max($.start.x, $.end.x), F = Math.min($.start.y, $.end.y), R = Math.max($.start.y, $.end.y), G = s.filter((q) => {
-          const se = q.normalStyle.x || 0, fe = q.normalStyle.y || 0, ge = q.normalStyle.width || 0, ze = q.normalStyle.height || 0, Me = se + ge / 2, tt = fe + ze / 2;
-          return Me >= x && Me <= _ && tt >= F && tt <= R;
-        }).map((q) => q.id);
-        Z(G), k({ start: null, end: null });
+      if (A.current = !1, T.current = null, we({}), a === "box-select" && b.start && b.end) {
+        const x = Math.min(b.start.x, b.end.x), P = Math.max(b.start.x, b.end.x), F = Math.min(b.start.y, b.end.y), U = Math.max(b.start.y, b.end.y), B = c.filter((_) => {
+          const le = _.normalStyle.x || 0, de = _.normalStyle.y || 0, ve = _.normalStyle.width || 0, Re = _.normalStyle.height || 0, ke = le + ve / 2, lt = de + Re / 2;
+          return ke >= x && ke <= P && lt >= F && lt <= U;
+        }).map((_) => _.id);
+        ee(B), Y({ start: null, end: null });
       }
-    }, M = (x) => {
-      x.key === "Escape" && a === "line-draw" && (h({ start: null, end: null, isDrawing: !1 }), X()), x.key === "Delete" && (n ? N(n) : b.length > 0 && (b.forEach((_) => N(_)), Z([]))), x.ctrlKey && x.key === "z" && (x.preventDefault(), g()), x.ctrlKey && x.key === "y" && (x.preventDefault(), A()), x.key === " " && !S && (x.preventDefault(), H(!0));
+    }, N = (x) => {
+      x.key === "Escape" && a === "line-draw" && (q({ start: null, end: null, isDrawing: !1 }), L()), x.key === "Delete" && (n ? I(n) : M.length > 0 && (M.forEach((P) => I(P)), ee([]))), x.ctrlKey && x.key === "z" && (x.preventDefault(), g()), x.ctrlKey && x.key === "y" && (x.preventDefault(), W()), x.key === " " && !z && (x.preventDefault(), R(!0));
     }, E = (x) => {
-      x.key === " " && S && H(!1);
+      x.key === " " && z && R(!1);
     };
-    return window.addEventListener("mousemove", d), window.addEventListener("mouseup", y), window.addEventListener("keydown", M), window.addEventListener("keyup", E), () => {
-      window.removeEventListener("mousemove", d), window.removeEventListener("mouseup", y), window.removeEventListener("keydown", M), window.removeEventListener("keyup", E);
+    return window.addEventListener("mousemove", o), window.addEventListener("mouseup", y), window.addEventListener("keydown", N), window.addEventListener("keyup", E), () => {
+      window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", y), window.removeEventListener("keydown", N), window.removeEventListener("keyup", E);
     };
   }, [
     n,
-    $,
-    a,
-    D.isDrawing,
     b,
-    s,
-    c.width,
-    c.height,
-    N,
+    a,
+    s.isDrawing,
+    M,
+    c,
+    d.width,
+    d.height,
+    I,
     g,
-    S,
-    A,
-    X,
+    z,
+    W,
     L,
-    P,
-    Z
+    D,
+    he,
+    ee
   ]);
-  const We = B(() => {
-    const d = b.length > 0 ? b.map((M) => s.find((E) => E.id === M)).filter(Boolean) : n ? [s.find((M) => M.id === n)].filter(Boolean) : [];
-    if (d.length === 0) return;
+  const tt = V(() => {
+    const o = M.length > 0 ? M.map((N) => c.find((E) => E.id === N)).filter(Boolean) : n ? [c.find((N) => N.id === n)].filter(Boolean) : [];
+    if (o.length === 0) return;
     const y = [];
-    d.forEach((M) => {
+    o.forEach((N) => {
       const E = {
-        ...M,
-        id: U(),
-        name: `${M.name}_副本`,
+        ...N,
+        id: H(),
+        name: `${N.name}_副本`,
         normalStyle: {
-          ...M.normalStyle,
-          x: (M.normalStyle.x || 0) + 20,
-          y: (M.normalStyle.y || 0) + 20
+          ...N.normalStyle,
+          x: (N.normalStyle.x || 0) + 20,
+          y: (N.normalStyle.y || 0) + 20
         }
       };
-      o(E), y.push(E.id);
-    }), y.length === 1 ? I(y[0]) : Z(y);
-  }, [n, b, s, o, I, Z]), Qe = B(() => {
-    if (b.length < 2) return;
-    const d = b.map((R) => s.find((G) => G.id === R)).filter((R) => !!R && R.type !== "group");
-    if (d.length < 2) return;
-    let y = 1 / 0, M = 1 / 0, E = -1 / 0, x = -1 / 0;
-    d.forEach((R) => {
-      const G = R.normalStyle.x || 0, q = R.normalStyle.y || 0, se = R.normalStyle.width || 0, fe = R.normalStyle.height || 0;
-      y = Math.min(y, G), M = Math.min(M, q), E = Math.max(E, G + se), x = Math.max(x, q + fe);
+      u(E), y.push(E.id);
+    }), y.length === 1 ? k(y[0]) : ee(y);
+  }, [n, M, c, u, k, ee]), nt = V(() => {
+    if (M.length < 2) return;
+    const o = [];
+    for (let U = 0; U < M.length; U++) {
+      const B = M[U], _ = c.find((le) => le.id === B);
+      if (_) {
+        if (_?.type === "group") {
+          _.children.forEach((de) => o.push({
+            ...de,
+            normalStyle: {
+              ...de.normalStyle,
+              x: (_.normalStyle.x || 0) + (de.normalStyle.x || 0),
+              y: (_.normalStyle.y || 0) + (de.normalStyle.y || 0)
+            }
+          })), I(B);
+          continue;
+        }
+        o.push(_);
+      }
+    }
+    if (o.length < 2) return;
+    let y = 1 / 0, N = 1 / 0, E = -1 / 0, x = -1 / 0;
+    o.forEach((U) => {
+      const B = U.normalStyle.x || 0, _ = U.normalStyle.y || 0, le = U.normalStyle.width || 0, de = U.normalStyle.height || 0;
+      y = Math.min(y, B), N = Math.min(N, _), E = Math.max(E, B + le), x = Math.max(x, _ + de);
     });
-    const _ = d.map((R) => ({
-      ...R,
+    const P = o.map((U) => ({
+      ...U,
       normalStyle: {
-        ...R.normalStyle,
-        x: (R.normalStyle.x || 0) - y,
-        y: (R.normalStyle.y || 0) - M
+        ...U.normalStyle,
+        x: (U.normalStyle.x || 0) - y,
+        y: (U.normalStyle.y || 0) - N
       }
     })), F = {
-      id: U(),
+      id: H(),
       name: `群组_${Date.now()}`,
       type: "group",
       normalStyle: {
         x: y,
-        y: M,
+        y: N,
         width: E - y,
-        height: x - M,
+        height: x - N,
         background: "transparent"
       },
       contentInfo: {
@@ -1861,14 +1880,14 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         isResizable: !0,
         isSelectable: !0
       },
-      children: _
+      children: P
     };
-    b.forEach((R) => N(R)), o(F), Z([]), I(F.id);
-  }, [b, s, N, o, I]), et = B(() => {
-    const d = b.length > 0 ? b.map((y) => s.find((M) => M.id === y)).filter((y) => !!y && y.type === "group") : n ? [s.find((y) => y.id === n)].filter((y) => !!y && y.type === "group") : [];
-    d.length !== 0 && (d.forEach((y) => {
+    M.forEach((U) => I(U)), u(F), ee([]), k(F.id);
+  }, [M, c, I, u, k]), We = V(() => {
+    const o = M.length > 0 ? M.map((y) => c.find((N) => N.id === y)).filter((y) => !!y && y.type === "group") : n ? [c.find((y) => y.id === n)].filter((y) => !!y && y.type === "group") : [];
+    o.length !== 0 && (o.forEach((y) => {
       if (!y.children || y.children.length === 0) return;
-      const M = y.children.map((E) => ({
+      const N = y.children.map((E) => ({
         ...E,
         normalStyle: {
           ...E.normalStyle,
@@ -1876,70 +1895,70 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           y: (y.normalStyle.y || 0) + (E.normalStyle.y || 0)
         }
       }));
-      N(y.id), M.forEach((E) => o(E));
-    }), Z([]), I(null));
-  }, [n, b, s, N, o, I, Z]), _e = B(
-    (d) => {
-      if (b.length < 2) return;
-      const y = b.map((G) => s.find((q) => q.id === G)).filter((G) => !!G && G.type !== "group");
+      I(y.id), N.forEach((E) => u(E));
+    }), ee([]), k(null));
+  }, [n, M, c, I, u, k, ee]), Te = V(
+    (o) => {
+      if (M.length < 2) return;
+      const y = M.map((B) => c.find((_) => _.id === B)).filter((B) => !!B && B.type !== "group");
       if (y.length < 2) return;
-      let M = 1 / 0, E = -1 / 0, x = 1 / 0, _ = -1 / 0;
-      y.forEach((G) => {
-        const q = G.normalStyle.x || 0, se = G.normalStyle.y || 0;
-        M = Math.min(M, q), E = Math.max(E, q), x = Math.min(x, se), _ = Math.max(_, se);
+      let N = 1 / 0, E = -1 / 0, x = 1 / 0, P = -1 / 0;
+      y.forEach((B) => {
+        const _ = B.normalStyle.x || 0, le = B.normalStyle.y || 0;
+        N = Math.min(N, _), E = Math.max(E, _), x = Math.min(x, le), P = Math.max(P, le);
       });
-      const F = [...y].sort((G, q) => d === "horizontal" ? (G.normalStyle.x || 0) - (q.normalStyle.x || 0) : (G.normalStyle.y || 0) - (q.normalStyle.y || 0)), R = F.length;
-      if (d === "horizontal") {
-        const q = (E - M) / (R - 1);
-        F.forEach((se, fe) => {
-          const ge = M + q * fe;
-          v(se.id, {
-            normalStyle: { ...se.normalStyle, x: ge }
+      const F = [...y].sort((B, _) => o === "horizontal" ? (B.normalStyle.x || 0) - (_.normalStyle.x || 0) : (B.normalStyle.y || 0) - (_.normalStyle.y || 0)), U = F.length;
+      if (o === "horizontal") {
+        const _ = (E - N) / (U - 1);
+        F.forEach((le, de) => {
+          const ve = N + _ * de;
+          v(le.id, {
+            normalStyle: { ...le.normalStyle, x: ve }
           });
         });
       } else {
-        const q = (_ - x) / (R - 1);
-        F.forEach((se, fe) => {
-          const ge = x + q * fe;
-          v(se.id, {
-            normalStyle: { ...se.normalStyle, y: ge }
+        const _ = (P - x) / (U - 1);
+        F.forEach((le, de) => {
+          const ve = x + _ * de;
+          v(le.id, {
+            normalStyle: { ...le.normalStyle, y: ve }
           });
         });
       }
     },
-    [b, s, v]
-  ), ke = B(
-    (d) => {
-      if (b.length < 2) return;
-      const y = Re.getState(), M = b.map((x) => s.find((_) => _.id === x)).filter((x) => !!x && x.type !== "group");
+    [M, c, v]
+  ), ge = V(
+    (o) => {
       if (M.length < 2) return;
+      const y = ze.getState(), N = M.map((x) => c.find((P) => P.id === x)).filter((x) => !!x && x.type !== "group");
+      if (N.length < 2) return;
       let E = 0;
-      switch (d) {
+      switch (o) {
         case "left":
-          E = Math.min(...M.map((x) => x.normalStyle.x || 0));
+          E = Math.min(...N.map((x) => x.normalStyle.x || 0));
           break;
         case "right":
           E = Math.max(
-            ...M.map((x) => (x.normalStyle.x || 0) + (x.normalStyle.width || 0))
+            ...N.map((x) => (x.normalStyle.x || 0) + (x.normalStyle.width || 0))
           );
           break;
         case "top":
-          E = Math.min(...M.map((x) => x.normalStyle.y || 0));
+          E = Math.min(...N.map((x) => x.normalStyle.y || 0));
           break;
         case "bottom":
           E = Math.max(
-            ...M.map((x) => (x.normalStyle.y || 0) + (x.normalStyle.height || 0))
+            ...N.map((x) => (x.normalStyle.y || 0) + (x.normalStyle.height || 0))
           );
           break;
       }
-      M.forEach((x) => {
-        let _ = x.normalStyle.x || 0, F = x.normalStyle.y || 0;
-        switch (d) {
+      N.forEach((x) => {
+        let P = x.normalStyle.x || 0, F = x.normalStyle.y || 0;
+        switch (o) {
           case "left":
-            _ = E;
+            P = E;
             break;
           case "right":
-            _ = E - (x.normalStyle.width || 0);
+            P = E - (x.normalStyle.width || 0);
             break;
           case "top":
             F = E;
@@ -1949,170 +1968,185 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
             break;
         }
         y.updateNode(x.id, {
-          normalStyle: { ...x.normalStyle, x: _, y: F }
+          normalStyle: { ...x.normalStyle, x: P, y: F }
         });
       });
     },
-    [b, s]
-  ), we = [
+    [M, c]
+  ), pt = [
     {
-      icon: /* @__PURE__ */ e(on, {}),
+      icon: /* @__PURE__ */ e(dn, {}),
       title: "选择模式",
       active: a === "select",
       onClick: () => {
-        z("select");
+        O("select");
       }
     },
     {
-      icon: /* @__PURE__ */ e(gt, {}),
+      icon: /* @__PURE__ */ e(vt, {}),
       title: "框选模式",
       active: a === "box-select",
       onClick: () => {
-        z("box-select"), Z([]);
+        O("box-select"), ee([]);
       }
     },
     {
-      icon: /* @__PURE__ */ e(sn, {}),
+      icon: /* @__PURE__ */ e(un, {}),
       title: "拖拽模式",
       active: a === "drag",
       onClick: () => {
-        z("drag");
+        O("drag");
       }
     },
     {
-      icon: /* @__PURE__ */ e(ut, {}),
+      icon: /* @__PURE__ */ e(ft, {}),
       title: "线条绘制",
       active: a === "line-draw",
       onClick: () => {
-        z("line-draw");
+        O("line-draw");
       }
     },
     {
-      icon: /* @__PURE__ */ e(cn, {}),
+      icon: /* @__PURE__ */ e(hn, {}),
       title: "预览模式",
       active: a === "preview",
       onClick: () => {
-        z("preview");
+        O("preview");
       }
     }
-  ], mt = $t(
+  ], Fe = Xt(
     () => [
-      { icon: /* @__PURE__ */ e(qt, {}), title: "撤销 (Ctrl+Z)", onClick: g },
-      { icon: /* @__PURE__ */ e(Bt, {}), title: "重做 (Ctrl+Y)", onClick: A },
+      { icon: /* @__PURE__ */ e(Vt, {}), title: "撤销 (Ctrl+Z)", onClick: g },
+      { icon: /* @__PURE__ */ e(Zt, {}), title: "重做 (Ctrl+Y)", onClick: W },
       {
-        icon: /* @__PURE__ */ e(Pt, {}),
+        icon: /* @__PURE__ */ e(_t, {}),
         title: "复制节点",
-        disabled: !n && b.length === 0,
-        onClick: We
+        disabled: !n && M.length === 0,
+        onClick: tt
       },
       {
-        icon: /* @__PURE__ */ e(gt, {}),
+        icon: /* @__PURE__ */ e(vt, {}),
         title: "组合选中节点",
-        disabled: b.length < 2,
-        onClick: Qe
+        disabled: M.length < 2,
+        onClick: nt
       },
       {
-        icon: /* @__PURE__ */ e(Vt, {}),
+        icon: /* @__PURE__ */ e(Jt, {}),
         title: "解除组合",
-        disabled: !n && b.length === 0,
-        onClick: et
+        disabled: !n && M.length === 0,
+        onClick: We
       },
       {
-        icon: /* @__PURE__ */ e(Zt, {}),
+        icon: /* @__PURE__ */ e(Kt, {}),
         title: "左对齐",
-        disabled: b.length < 2,
-        onClick: () => ke("left")
+        disabled: M.length < 2,
+        onClick: () => ge("left")
       },
       {
-        icon: /* @__PURE__ */ e(Jt, {}),
+        icon: /* @__PURE__ */ e(Qt, {}),
         title: "右对齐",
-        disabled: b.length < 2,
-        onClick: () => ke("right")
+        disabled: M.length < 2,
+        onClick: () => ge("right")
       },
       {
-        icon: /* @__PURE__ */ e(Kt, {}),
+        icon: /* @__PURE__ */ e(en, {}),
         title: "上对齐",
-        disabled: b.length < 2,
-        onClick: () => ke("top")
+        disabled: M.length < 2,
+        onClick: () => ge("top")
       },
       {
-        icon: /* @__PURE__ */ e(Qt, {}),
+        icon: /* @__PURE__ */ e(tn, {}),
         title: "下对齐",
-        disabled: b.length < 2,
-        onClick: () => ke("bottom")
+        disabled: M.length < 2,
+        onClick: () => ge("bottom")
       },
       {
-        icon: /* @__PURE__ */ e(en, {}),
+        icon: /* @__PURE__ */ e(nn, {}),
         title: "水平分布",
-        disabled: b.length < 2,
-        onClick: () => _e("horizontal")
+        disabled: M.length < 2,
+        onClick: () => Te("horizontal")
       },
       {
-        icon: /* @__PURE__ */ e(tn, {}),
+        icon: /* @__PURE__ */ e(ln, {}),
         title: "垂直分布",
-        disabled: b.length < 2,
-        onClick: () => _e("vertical")
+        disabled: M.length < 2,
+        onClick: () => Te("vertical")
       },
       {
-        icon: /* @__PURE__ */ e(nn, {}),
+        icon: /* @__PURE__ */ e(rn, {}),
         title: "画布配置",
-        onClick: () => Xe(!0)
+        onClick: () => C(!0)
       },
       {
-        icon: /* @__PURE__ */ e(ln, {}),
+        icon: /* @__PURE__ */ e(an, {}),
         title: "数据模拟",
         type: "primary",
-        onClick: () => $e(!0)
+        onClick: () => j(!0)
       },
       {
-        icon: /* @__PURE__ */ e(at, {}),
+        icon: /* @__PURE__ */ e(ot, {}),
         title: "删除选中 (Delete)",
-        disabled: !n && b.length === 0,
+        disabled: !n && M.length === 0,
         onClick: () => {
-          n ? N(n) : b.length > 0 && (b.forEach((d) => N(d)), Z([]));
+          n ? I(n) : M.length > 0 && (M.forEach((o) => I(o)), ee([]));
         }
       }
     ],
     [
       g,
-      A,
+      W,
       a,
-      z,
-      Z,
-      b,
-      Qe,
-      et,
+      O,
+      ee,
+      M,
+      nt,
       We,
-      ke,
-      _e,
-      Xe,
-      $e,
+      tt,
+      ge,
+      Te,
+      C,
+      j,
       n,
-      N
+      I
     ]
+  ), De = V(
+    (o) => {
+      (o.key === "ArrowLeft" || o.key === "ArrowRight" || o.key === "ArrowUp" || o.key === "ArrowDown") && M.map((N) => c.find((E) => E.id === N)).forEach((N) => {
+        N && v(N.id, {
+          normalStyle: {
+            ...N.normalStyle,
+            x: (N.normalStyle.x || 0) - 2 * (o.key === "ArrowLeft" ? 1 : o.key === "ArrowRight" ? -1 : 0),
+            y: (N.normalStyle.y || 0) - 2 * (o.key === "ArrowUp" ? 1 : o.key === "ArrowDown" ? -1 : 0)
+          }
+        });
+      });
+    },
+    [M, c, v]
   );
-  return /* @__PURE__ */ u("div", { className: "flex-1 flex flex-col h-full bg-gray-100", children: [
-    /* @__PURE__ */ u("div", { className: "h-12 bg-white border-b border-gray-200 flex items-center justify-between px-4", children: [
-      /* @__PURE__ */ e(pe, { children: we.map((d) => /* @__PURE__ */ e(Le, { title: d.title, children: /* @__PURE__ */ e(
-        K,
+  return me(() => (a === "box-select" && document.addEventListener("keydown", De), () => {
+    document.removeEventListener("keydown", De);
+  }), [a, De]), /* @__PURE__ */ h("div", { className: "flex-1 flex flex-col h-full bg-gray-100", children: [
+    /* @__PURE__ */ h("div", { className: "h-12 bg-white border-b border-gray-200 flex items-center justify-between px-4", children: [
+      /* @__PURE__ */ e(be, { children: pt.map((o) => /* @__PURE__ */ e(Le, { title: o.title, children: /* @__PURE__ */ e(
+        Z,
         {
-          type: d.active ? "primary" : "default",
-          icon: d.icon,
-          onClick: d.onClick
+          type: o.active ? "primary" : "default",
+          icon: o.icon,
+          onClick: o.onClick
         }
-      ) }, d.title)) }),
-      /* @__PURE__ */ e(pe, { children: mt.map((d) => /* @__PURE__ */ e(Le, { title: d.title, children: /* @__PURE__ */ e(
-        K,
+      ) }, o.title)) }),
+      /* @__PURE__ */ e(be, { children: Fe.map((o) => /* @__PURE__ */ e(Le, { title: o.title, children: /* @__PURE__ */ e(
+        Z,
         {
-          type: d.active ? "primary" : d.type || "default",
-          icon: d.icon,
-          onClick: d.onClick,
-          disabled: d.disabled
+          type: o.active ? "primary" : o.type || "default",
+          icon: o.icon,
+          onClick: o.onClick,
+          disabled: o.disabled
         }
-      ) }, d.title)) })
+      ) }, o.title)) })
     ] }),
     /* @__PURE__ */ e("div", { ref: r, className: "flex-1 relative", children: /* @__PURE__ */ e(
-      mn,
+      pn,
       {
         ref: f,
         initialScale: 1,
@@ -2120,25 +2154,25 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         initialPositionY: 0,
         minScale: 0.5,
         maxScale: 5,
-        onTransformed: be,
+        onTransformed: ae,
         limitToBounds: !1,
         centerZoomedOut: !1,
-        panning: { disabled: !S && (a === "select" || a === "line-draw" || a === "box-select"), velocityDisabled: !0 },
+        panning: { disabled: !z && (a === "select" || a === "line-draw" || a === "box-select"), velocityDisabled: !0 },
         wheel: { disabled: !1, step: 0.1 },
         pinch: { disabled: !1 },
         doubleClick: { disabled: !0 },
-        children: ({ zoomIn: d, zoomOut: y, resetTransform: M }) => /* @__PURE__ */ u(Ae, { children: [
-          /* @__PURE__ */ e("div", { className: "absolute bottom-4 right-4 z-10 bg-white rounded-lg shadow-lg p-2", children: /* @__PURE__ */ u(pe, { direction: "vertical", children: [
-            /* @__PURE__ */ e(Le, { title: "放大", children: /* @__PURE__ */ e(K, { icon: /* @__PURE__ */ e(rn, {}), onClick: () => d() }) }),
-            /* @__PURE__ */ e(Le, { title: "缩小", children: /* @__PURE__ */ e(K, { icon: /* @__PURE__ */ e(an, {}), onClick: () => y() }) }),
-            /* @__PURE__ */ e(Le, { title: "重置视图", children: /* @__PURE__ */ e(K, { onClick: () => M(), children: "100%" }) }),
-            /* @__PURE__ */ u("div", { className: "text-center text-xs text-gray-500", children: [
+        children: ({ zoomIn: o, zoomOut: y, resetTransform: N }) => /* @__PURE__ */ h(Oe, { children: [
+          /* @__PURE__ */ e("div", { className: "absolute bottom-4 right-4 z-10 bg-white rounded-lg shadow-lg p-2", children: /* @__PURE__ */ h(be, { direction: "vertical", children: [
+            /* @__PURE__ */ e(Le, { title: "放大", children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(on, {}), onClick: () => o() }) }),
+            /* @__PURE__ */ e(Le, { title: "缩小", children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(sn, {}), onClick: () => y() }) }),
+            /* @__PURE__ */ e(Le, { title: "重置视图", children: /* @__PURE__ */ e(Z, { onClick: () => N(), children: "100%" }) }),
+            /* @__PURE__ */ h("div", { className: "text-center text-xs text-gray-500", children: [
               Math.round(p.scale * 100),
               "%"
             ] })
           ] }) }),
           /* @__PURE__ */ e(
-            fn,
+            yn,
             {
               wrapperStyle: { width: "100%", height: "100%", position: "relative" },
               contentStyle: {
@@ -2148,54 +2182,54 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ u(
+              children: /* @__PURE__ */ h(
                 "div",
                 {
                   ref: t,
                   "data-canvas": "true",
-                  className: `relative ${ye ? "ring-4 ring-blue-400 ring-opacity-50" : ""} ${a === "line-draw" ? "cursor-crosshair" : ""} ${S ? "cursor-grab" : ""}`,
+                  className: `relative ${xe ? "ring-4 ring-blue-400 ring-opacity-50" : ""} ${a === "line-draw" ? "cursor-crosshair" : ""} ${z ? "cursor-grab" : ""}`,
                   style: {
-                    width: c.width,
-                    height: c.height,
+                    width: d.width,
+                    height: d.height,
                     flexShrink: 0,
-                    backgroundColor: c.background,
-                    backgroundImage: c.backgroundImage ? `url(${c.backgroundImage})` : void 0,
+                    backgroundColor: d.background,
+                    backgroundImage: d.backgroundImage ? `url(${d.backgroundImage})` : void 0,
                     backgroundSize: "cover",
                     backgroundPosition: "center"
                   },
-                  onClick: re,
-                  onMouseDown: J,
-                  onDoubleClick: ae,
-                  onDragOver: ie,
-                  onDragLeave: oe,
+                  onClick: K,
+                  onMouseDown: oe,
+                  onDoubleClick: se,
+                  onDragOver: ce,
+                  onDragLeave: Xe,
                   onDrop: Pe,
                   children: [
-                    c.showGrid !== !1 && /* @__PURE__ */ u("svg", { className: "absolute top-0 left-0 pointer-events-none", width: c.width, height: c.height, children: [
+                    d.showGrid !== !1 && /* @__PURE__ */ h("svg", { className: "absolute top-0 left-0 pointer-events-none", width: d.width, height: d.height, children: [
                       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("pattern", { id: "grid", width: "20", height: "20", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ e("path", { d: "M 20 0 L 0 0 0 20", fill: "none", stroke: "#f0f0f0", strokeWidth: "1" }) }) }),
                       /* @__PURE__ */ e("rect", { width: "100%", height: "100%", fill: "url(#grid)" })
                     ] }),
-                    s.map((E) => /* @__PURE__ */ e(
-                      jt,
+                    c.map((E) => /* @__PURE__ */ e(
+                      Ut,
                       {
                         node: E,
-                        isSelected: n === E.id || b.includes(E.id),
+                        isSelected: n === E.id || M.includes(E.id),
                         data: l,
                         onClick: () => {
-                          I(E.id);
+                          console.log("Node onClick:", E.id, "mode:", ie.current), ie.current !== "line-draw" && k(E.id);
                         },
-                        onMouseDown: (x) => Te(x, E),
-                        onUpdateNode: (x, _) => v(x, _),
+                        onMouseDown: (x) => et(x, E),
+                        onUpdateNode: (x, P) => v(x, P),
                         scale: p.scale
                       },
                       `${E.id}`
                     )),
-                    a === "line-draw" && D.isDrawing && D.start && D.end && /* @__PURE__ */ e("svg", { className: "absolute top-0 left-0 pointer-events-none", width: c.width, height: c.height, children: /* @__PURE__ */ e(
+                    a === "line-draw" && s.isDrawing && s.start && s.end && /* @__PURE__ */ e("svg", { className: "absolute top-0 left-0 pointer-events-none", width: d.width, height: d.height, children: /* @__PURE__ */ e(
                       "line",
                       {
-                        x1: D.start.x,
-                        y1: D.start.y,
-                        x2: D.end.x,
-                        y2: D.end.y,
+                        x1: s.start.x,
+                        y1: s.start.y,
+                        x2: s.end.x,
+                        y2: s.end.y,
                         stroke: "#1890ff",
                         strokeWidth: "2",
                         strokeDasharray: "5,5",
@@ -2203,15 +2237,15 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                         strokeLinejoin: "round"
                       }
                     ) }),
-                    a === "box-select" && $.start && $.end && /* @__PURE__ */ e(
+                    a === "box-select" && b.start && b.end && /* @__PURE__ */ e(
                       "div",
                       {
                         className: "absolute border-2 border-blue-500 bg-blue-500/10 pointer-events-none",
                         style: {
-                          left: Math.min($.start.x, $.end.x),
-                          top: Math.min($.start.y, $.end.y),
-                          width: Math.abs($.end.x - $.start.x),
-                          height: Math.abs($.end.y - $.start.y),
+                          left: Math.min(b.start.x, b.end.x),
+                          top: Math.min(b.start.y, b.end.y),
+                          width: Math.abs(b.end.x - b.start.x),
+                          height: Math.abs(b.end.y - b.start.y),
                           zIndex: 9999
                         }
                       }
@@ -2225,17 +2259,17 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       }
     ) }),
     /* @__PURE__ */ e(
-      rt,
+      it,
       {
         title: "数据模拟",
-        open: xe,
-        onCancel: () => $e(!1),
+        open: je,
+        onCancel: () => j(!1),
         footer: null,
         children: /* @__PURE__ */ e(w, { layout: "vertical", children: /* @__PURE__ */ e(w.Item, { label: "测试数据 (JSON)", children: /* @__PURE__ */ e(
-          _n,
+          On,
           {
-            value: W,
-            onChange: (d) => it(d.target.value),
+            value: st,
+            onChange: (o) => Ke(o.target.value),
             rows: 10,
             placeholder: "输入 JSON 格式的测试数据"
           }
@@ -2243,28 +2277,28 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       }
     ),
     /* @__PURE__ */ e(
-      rt,
+      it,
       {
         title: "画布配置",
-        open: Ke,
-        onCancel: () => Xe(!1),
+        open: Qe,
+        onCancel: () => C(!1),
         footer: null,
-        children: /* @__PURE__ */ u(w, { layout: "vertical", children: [
+        children: /* @__PURE__ */ h(w, { layout: "vertical", children: [
           /* @__PURE__ */ e(w.Item, { label: "宽度", children: /* @__PURE__ */ e(
-            ee,
+            te,
             {
-              value: c.width,
-              onChange: (d) => C({ width: d || 1920 }),
+              value: d.width,
+              onChange: (o) => S({ width: o || 1920 }),
               min: 100,
               max: 5e3,
               style: { width: "100%" }
             }
           ) }),
           /* @__PURE__ */ e(w.Item, { label: "高度", children: /* @__PURE__ */ e(
-            ee,
+            te,
             {
-              value: c.height,
-              onChange: (d) => C({ height: d || 1080 }),
+              value: d.height,
+              onChange: (o) => S({ height: o || 1080 }),
               min: 100,
               max: 5e3,
               style: { width: "100%" }
@@ -2273,40 +2307,79 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           /* @__PURE__ */ e(w.Item, { label: "显示网格", children: /* @__PURE__ */ e(
             Je,
             {
-              checked: c.showGrid !== !1,
-              onChange: (d) => C({ showGrid: d })
+              checked: d.showGrid !== !1,
+              onChange: (o) => S({ showGrid: o })
             }
           ) }),
-          /* @__PURE__ */ e(w.Item, { label: "背景色", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(w.Item, { label: "背景色", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(
-              je,
+              Ae,
               {
-                value: c.background || "#ffffff",
-                onChange: (d) => C({ background: d.toHexString() })
+                value: d.background || "#ffffff",
+                onChange: (o) => S({ background: o.toHexString() })
               }
             ),
             /* @__PURE__ */ e(
-              le,
+              re,
               {
-                value: c.background,
-                onChange: (d) => C({ background: d.target.value }),
+                value: d.background,
+                onChange: (o) => S({ background: o.target.value }),
                 placeholder: "#ffffff"
               }
             )
           ] }) }),
-          /* @__PURE__ */ e(w.Item, { label: "背景图片 URL", children: /* @__PURE__ */ e(
-            le,
-            {
-              value: c.backgroundImage,
-              onChange: (d) => C({ backgroundImage: d.target.value }),
-              placeholder: "输入图片 URL"
-            }
-          ) })
+          /* @__PURE__ */ h(w.Item, { label: "背景图片", children: [
+            /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e(
+                Tt,
+                {
+                  accept: "image/*",
+                  showUploadList: !1,
+                  beforeUpload: (o) => {
+                    if (!o.type.startsWith("image/"))
+                      return Ye.error("只能上传图片文件!"), !1;
+                    const N = new FileReader();
+                    return N.onload = (E) => {
+                      const x = E.target?.result;
+                      S({ backgroundImage: x }), Ye.success("背景图片上传成功");
+                    }, N.readAsDataURL(o), !1;
+                  },
+                  children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(mt, {}), children: "上传图片" })
+                }
+              ),
+              /* @__PURE__ */ e(
+                re,
+                {
+                  value: d.backgroundImage,
+                  onChange: (o) => S({ backgroundImage: o.target.value }),
+                  placeholder: "输入图片 URL 或上传图片",
+                  style: { flex: 1 }
+                }
+              ),
+              d.backgroundImage && /* @__PURE__ */ e(
+                Z,
+                {
+                  icon: /* @__PURE__ */ e(cn, {}),
+                  onClick: () => S({ backgroundImage: void 0 }),
+                  danger: !0,
+                  size: "small"
+                }
+              )
+            ] }),
+            d.backgroundImage && /* @__PURE__ */ e("div", { className: "mt-2 p-2 border rounded", style: { maxWidth: "100%" }, children: /* @__PURE__ */ e(
+              "img",
+              {
+                src: d.backgroundImage,
+                alt: "背景预览",
+                style: { maxWidth: "100%", maxHeight: 120, objectFit: "contain" }
+              }
+            ) })
+          ] })
         ] })
       }
     )
   ] });
-}, { Option: lt } = Ie, On = ({
+}, { Option: at } = Ie, jn = ({
   material: l,
   onSave: f,
   bindCodes: t = [],
@@ -2340,21 +2413,21 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       valueColor: n.valueStyle?.color || "#1890ff"
     });
   }, [l.id]);
-  const p = (o, I) => {
-    i((v) => ({ ...v, [o]: I }));
-  }, c = (o) => {
-    const I = r.find((N) => N.paramsCode === o), v = I?.unit || "";
-    i((N) => ({
-      ...N,
-      valueSourceCode: o,
+  const p = (u, k) => {
+    i((v) => ({ ...v, [u]: k }));
+  }, d = (u) => {
+    const k = r.find((I) => I.paramsCode === u), v = k?.unit || "";
+    i((I) => ({
+      ...I,
+      valueSourceCode: u,
       unit: v,
-      value: String(I?.value || "")
+      value: String(k?.value || "")
     })), setTimeout(() => {
       f({
         content: {
           ...n,
-          valueSourceCode: o,
-          value: String(I?.value || ""),
+          valueSourceCode: u,
+          value: String(k?.value || ""),
           unit: v
         }
       });
@@ -2380,17 +2453,17 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         }
       }
     });
-  }, C = r.filter(
-    (o) => t.includes(o.paramsCode)
+  }, S = r.filter(
+    (u) => t.includes(u.paramsCode)
   );
-  return /* @__PURE__ */ u("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e(De, { style: { marginTop: 0 }, children: "文本内容" }),
-    /* @__PURE__ */ u(w, { layout: "vertical", children: [
+  return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e(Me, { style: { marginTop: 0 }, children: "文本内容" }),
+    /* @__PURE__ */ h(w, { layout: "vertical", children: [
       /* @__PURE__ */ e(w.Item, { label: "标签文本 (label)", children: /* @__PURE__ */ e(
-        le,
+        re,
         {
           value: a.label,
-          onChange: (o) => p("label", o.target.value),
+          onChange: (u) => p("label", u.target.value),
           onBlur: m,
           placeholder: "输入标签文本"
         }
@@ -2404,7 +2477,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
             Ie,
             {
               value: a.valueSourceCode || void 0,
-              onChange: c,
+              onChange: d,
               placeholder: "选择数据字段（可选）",
               allowClear: !0,
               style: { width: "100%" },
@@ -2412,7 +2485,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                 value: "paramsCode",
                 label: "paramsName"
               },
-              options: C
+              options: S
             }
           )
         }
@@ -2423,10 +2496,10 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           label: a.valueSourceCode ? "默认值（备用）" : "值文本",
           help: a.valueSourceCode ? "已绑定数据源，实际值将来自数据字段，此处仅设置无数据时的备用显示" : "手动输入显示的值",
           children: /* @__PURE__ */ e(
-            le,
+            re,
             {
               value: a.value,
-              onChange: (o) => p("value", o.target.value),
+              onChange: (u) => p("value", u.target.value),
               onBlur: m,
               placeholder: a.valueSourceCode ? "数据字段无值时显示此备用值" : "输入值文本",
               disabled: !!a.valueSourceCode,
@@ -2436,13 +2509,13 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         }
       ),
       /* @__PURE__ */ e(w.Item, { label: "单位", help: "优先从绑定数据自动获取，也可手动输入", children: /* @__PURE__ */ e(
-        le,
+        re,
         {
           value: a.unit,
-          onChange: (o) => p("unit", o.target.value),
+          onChange: (u) => p("unit", u.target.value),
           onBlur: m,
           placeholder: "单位（如°C、%、MPa等）",
-          suffix: a.valueSourceCode && C.length > 0 ? /* @__PURE__ */ e(he, { color: "blue", style: { marginRight: -8 }, children: "自动" }) : null
+          suffix: a.valueSourceCode && S.length > 0 ? /* @__PURE__ */ e(ye, { color: "blue", style: { marginRight: -8 }, children: "自动" }) : null
         }
       ) }),
       /* @__PURE__ */ e(
@@ -2451,10 +2524,10 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           label: "保留小数位",
           help: "数值格式化时保留的小数位数，-1表示不格式化",
           children: /* @__PURE__ */ e(
-            ee,
+            te,
             {
               value: a.decimals,
-              onChange: (o) => p("decimals", o ?? 2),
+              onChange: (u) => p("decimals", u ?? 2),
               onBlur: m,
               min: -1,
               max: 10,
@@ -2464,43 +2537,43 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         }
       )
     ] }),
-    /* @__PURE__ */ e(De, { children: "标签样式" }),
-    /* @__PURE__ */ u(w, { layout: "vertical", children: [
-      /* @__PURE__ */ u(pe, { children: [
+    /* @__PURE__ */ e(Me, { children: "标签样式" }),
+    /* @__PURE__ */ h(w, { layout: "vertical", children: [
+      /* @__PURE__ */ h(be, { children: [
         /* @__PURE__ */ e(w.Item, { label: "字体大小", children: /* @__PURE__ */ e(
-          ee,
+          te,
           {
             value: a.labelFontSize,
-            onChange: (o) => p("labelFontSize", o || 14),
+            onChange: (u) => p("labelFontSize", u || 14),
             onBlur: m,
             min: 8,
             max: 72
           }
         ) }),
-        /* @__PURE__ */ e(w.Item, { label: "字体粗细", children: /* @__PURE__ */ u(
+        /* @__PURE__ */ e(w.Item, { label: "字体粗细", children: /* @__PURE__ */ h(
           Ie,
           {
             value: a.labelFontWeight,
-            onChange: (o) => {
-              p("labelFontWeight", o), setTimeout(m, 0);
+            onChange: (u) => {
+              p("labelFontWeight", u), setTimeout(m, 0);
             },
             style: { width: 100 },
             children: [
-              /* @__PURE__ */ e(lt, { value: "normal", children: "正常" }),
-              /* @__PURE__ */ e(lt, { value: "bold", children: "粗体" })
+              /* @__PURE__ */ e(at, { value: "normal", children: "正常" }),
+              /* @__PURE__ */ e(at, { value: "bold", children: "粗体" })
             ]
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(w.Item, { label: "文字颜色", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(w.Item, { label: "文字颜色", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          je,
+          Ae,
           {
             value: a.labelColor || "#262626",
-            onChange: (o) => {
-              p("labelColor", o.toHexString());
+            onChange: (u) => {
+              p("labelColor", u.toHexString());
             },
-            onChangeComplete: (o) => {
+            onChangeComplete: (u) => {
               f({
                 content: {
                   ...n,
@@ -2512,7 +2585,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                   labelStyle: {
                     fontSize: a.labelFontSize,
                     fontWeight: a.labelFontWeight,
-                    color: o.toHexString()
+                    color: u.toHexString()
                   },
                   valueStyle: {
                     fontSize: a.valueFontSize,
@@ -2525,10 +2598,10 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           }
         ),
         /* @__PURE__ */ e(
-          le,
+          re,
           {
             value: a.labelColor,
-            onChange: (o) => p("labelColor", o.target.value),
+            onChange: (u) => p("labelColor", u.target.value),
             onBlur: m,
             placeholder: "#262626",
             style: { width: 100 }
@@ -2536,43 +2609,43 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ e(De, { children: "值样式" }),
-    /* @__PURE__ */ u(w, { layout: "vertical", children: [
-      /* @__PURE__ */ u(pe, { children: [
+    /* @__PURE__ */ e(Me, { children: "值样式" }),
+    /* @__PURE__ */ h(w, { layout: "vertical", children: [
+      /* @__PURE__ */ h(be, { children: [
         /* @__PURE__ */ e(w.Item, { label: "字体大小", children: /* @__PURE__ */ e(
-          ee,
+          te,
           {
             value: a.valueFontSize,
-            onChange: (o) => p("valueFontSize", o || 14),
+            onChange: (u) => p("valueFontSize", u || 14),
             onBlur: m,
             min: 8,
             max: 72
           }
         ) }),
-        /* @__PURE__ */ e(w.Item, { label: "字体粗细", children: /* @__PURE__ */ u(
+        /* @__PURE__ */ e(w.Item, { label: "字体粗细", children: /* @__PURE__ */ h(
           Ie,
           {
             value: a.valueFontWeight,
-            onChange: (o) => {
-              p("valueFontWeight", o), setTimeout(m, 0);
+            onChange: (u) => {
+              p("valueFontWeight", u), setTimeout(m, 0);
             },
             style: { width: 100 },
             children: [
-              /* @__PURE__ */ e(lt, { value: "normal", children: "正常" }),
-              /* @__PURE__ */ e(lt, { value: "bold", children: "粗体" })
+              /* @__PURE__ */ e(at, { value: "normal", children: "正常" }),
+              /* @__PURE__ */ e(at, { value: "bold", children: "粗体" })
             ]
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(w.Item, { label: "文字颜色", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(w.Item, { label: "文字颜色", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          je,
+          Ae,
           {
             value: a.valueColor || "#1890ff",
-            onChange: (o) => {
-              p("valueColor", o.toHexString());
+            onChange: (u) => {
+              p("valueColor", u.toHexString());
             },
-            onChangeComplete: (o) => {
+            onChangeComplete: (u) => {
               f({
                 content: {
                   ...n,
@@ -2589,7 +2662,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                   valueStyle: {
                     fontSize: a.valueFontSize,
                     fontWeight: a.valueFontWeight,
-                    color: o.toHexString()
+                    color: u.toHexString()
                   }
                 }
               });
@@ -2597,10 +2670,10 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           }
         ),
         /* @__PURE__ */ e(
-          le,
+          re,
           {
             value: a.valueColor,
-            onChange: (o) => p("valueColor", o.target.value),
+            onChange: (u) => p("valueColor", u.target.value),
             onBlur: m,
             placeholder: "#1890ff",
             style: { width: 100 }
@@ -2609,18 +2682,18 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       ] }) })
     ] })
   ] });
-}, Rn = ({
+}, Wn = ({
   material: l,
   onSave: f
 }) => {
-  const t = l, [r, s] = Q({
+  const t = l, [r, c] = Q({
     name: l.name,
     src: t.src || "",
     backgroundColor: t.backgroundColor || "",
     fillColor: t.fillColor || ""
   });
   me(() => {
-    s({
+    c({
       name: l.name,
       src: t.src || "",
       backgroundColor: t.backgroundColor || "",
@@ -2628,7 +2701,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
     });
   }, [l.id]);
   const n = (i, p) => {
-    s((c) => ({ ...c, [i]: p }));
+    c((d) => ({ ...d, [i]: p }));
   }, a = () => {
     f({
       name: r.name,
@@ -2636,11 +2709,11 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       backgroundColor: r.backgroundColor
     });
   };
-  return /* @__PURE__ */ u("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e(De, { style: { marginTop: 0 }, children: "图片属性" }),
-    /* @__PURE__ */ u(w, { layout: "vertical", children: [
+  return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e(Me, { style: { marginTop: 0 }, children: "图片属性" }),
+    /* @__PURE__ */ h(w, { layout: "vertical", children: [
       /* @__PURE__ */ e(w.Item, { label: "图片名称", children: /* @__PURE__ */ e(
-        le,
+        re,
         {
           value: r.name,
           onChange: (i) => n("name", i.target.value),
@@ -2648,7 +2721,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         }
       ) }),
       /* @__PURE__ */ e(w.Item, { label: "图片地址 (src)", children: /* @__PURE__ */ e(
-        le.TextArea,
+        re.TextArea,
         {
           value: r.src,
           onChange: (i) => n("src", i.target.value),
@@ -2657,9 +2730,9 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           placeholder: "输入图片 URL 或 Data URI"
         }
       ) }),
-      /* @__PURE__ */ e(w.Item, { label: "填充颜色（基本形状）", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(w.Item, { label: "填充颜色（基本形状）", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          je,
+          Ae,
           {
             value: r.fillColor || "#1890ff",
             onChange: (i) => {
@@ -2674,7 +2747,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           }
         ),
         /* @__PURE__ */ e(
-          le,
+          re,
           {
             value: r.fillColor,
             onChange: (i) => n("fillColor", i.target.value),
@@ -2683,9 +2756,9 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           }
         )
       ] }) }),
-      /* @__PURE__ */ e(w.Item, { label: "背景颜色", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(w.Item, { label: "背景颜色", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          je,
+          Ae,
           {
             value: r.backgroundColor || "#1890ff",
             onChange: (i) => {
@@ -2700,7 +2773,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           }
         ),
         /* @__PURE__ */ e(
-          le,
+          re,
           {
             value: r.backgroundColor,
             onChange: (i) => n("backgroundColor", i.target.value),
@@ -2711,11 +2784,11 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       ] }) })
     ] })
   ] });
-}, { Option: An } = Ie, jn = ({
+}, { Option: Fn } = Ie, Un = ({
   material: l,
   onSave: f
 }) => {
-  const t = l.config || {}, [r, s] = Q({
+  const t = l.config || {}, [r, c] = Q({
     lineWeight: t.lineWeight || t.thickness || 2,
     color: t.color || "#262626",
     lineType: t.lineType || "solid",
@@ -2725,7 +2798,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
     endY: t.endY ?? 0
   });
   me(() => {
-    s({
+    c({
       lineWeight: t.lineWeight || t.thickness || 2,
       color: t.color || "#262626",
       lineType: t.lineType || "solid",
@@ -2737,7 +2810,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
   }, [l.id]);
   const n = (i) => {
     const p = { ...r, ...i };
-    s(p), f({
+    c(p), f({
       config: {
         ...t,
         thickness: p.lineWeight,
@@ -2758,12 +2831,12 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
     { value: "dot", label: "点线", desc: "密集点状" },
     { value: "dash-dot", label: "画点线", desc: "长划-点交替" }
   ];
-  return /* @__PURE__ */ u("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e(De, { style: { marginTop: 0 }, children: "起止位置（相对节点）" }),
-    /* @__PURE__ */ u(w, { layout: "vertical", children: [
-      /* @__PURE__ */ u("div", { className: "grid grid-cols-2 gap-2", children: [
+  return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e(Me, { style: { marginTop: 0 }, children: "起止位置（相对节点）" }),
+    /* @__PURE__ */ h(w, { layout: "vertical", children: [
+      /* @__PURE__ */ h("div", { className: "grid grid-cols-2 gap-2", children: [
         /* @__PURE__ */ e(w.Item, { label: "起点 X", className: "mb-2", children: /* @__PURE__ */ e(
-          ee,
+          te,
           {
             value: r.startX,
             onChange: (i) => n({ startX: i ?? 0 }),
@@ -2771,7 +2844,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           }
         ) }),
         /* @__PURE__ */ e(w.Item, { label: "起点 Y", className: "mb-2", children: /* @__PURE__ */ e(
-          ee,
+          te,
           {
             value: r.startY,
             onChange: (i) => n({ startY: i ?? 0 }),
@@ -2779,7 +2852,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           }
         ) }),
         /* @__PURE__ */ e(w.Item, { label: "终点 X", className: "mb-2", children: /* @__PURE__ */ e(
-          ee,
+          te,
           {
             value: r.endX,
             onChange: (i) => n({ endX: i ?? 100 }),
@@ -2787,7 +2860,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           }
         ) }),
         /* @__PURE__ */ e(w.Item, { label: "终点 Y", className: "mb-2", children: /* @__PURE__ */ e(
-          ee,
+          te,
           {
             value: r.endY,
             onChange: (i) => n({ endY: i ?? 0 }),
@@ -2795,9 +2868,9 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(w.Item, { label: "快速对齐", className: "mt-4", children: /* @__PURE__ */ u(pe, { children: [
+      /* @__PURE__ */ e(w.Item, { label: "快速对齐", className: "mt-4", children: /* @__PURE__ */ h(be, { children: [
         /* @__PURE__ */ e(
-          K,
+          Z,
           {
             size: "small",
             onClick: () => {
@@ -2809,7 +2882,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           }
         ),
         /* @__PURE__ */ e(
-          K,
+          Z,
           {
             size: "small",
             onClick: () => {
@@ -2821,13 +2894,13 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           }
         ),
         /* @__PURE__ */ e(
-          K,
+          Z,
           {
             size: "small",
             onClick: () => {
-              const i = t.startX ?? r.startX, p = t.startY ?? r.startY, c = t.endX ?? r.endX, m = t.endY ?? r.endY;
+              const i = t.startX ?? r.startX, p = t.startY ?? r.startY, d = t.endX ?? r.endX, m = t.endY ?? r.endY;
               n({
-                startX: c,
+                startX: d,
                 startY: m,
                 endX: i,
                 endY: p
@@ -2839,21 +2912,21 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ e(De, { children: "线条属性" }),
-    /* @__PURE__ */ u(w, { layout: "vertical", children: [
+    /* @__PURE__ */ e(Me, { children: "线条属性" }),
+    /* @__PURE__ */ h(w, { layout: "vertical", children: [
       /* @__PURE__ */ e(w.Item, { label: "线型", help: "选择线条样式", children: /* @__PURE__ */ e(
         Ie,
         {
           value: r.lineType,
           onChange: (i) => n({ lineType: i }),
-          children: a.map((i) => /* @__PURE__ */ e(An, { value: i.value, children: /* @__PURE__ */ u("div", { className: "flex flex-col", children: [
+          children: a.map((i) => /* @__PURE__ */ e(Fn, { value: i.value, children: /* @__PURE__ */ h("div", { className: "flex flex-col", children: [
             /* @__PURE__ */ e("span", { children: i.label }),
             /* @__PURE__ */ e("span", { className: "text-xs text-gray-400", children: i.desc })
           ] }) }, i.value))
         }
       ) }),
       /* @__PURE__ */ e(w.Item, { label: "线宽（像素）", children: /* @__PURE__ */ e(
-        ee,
+        te,
         {
           value: r.lineWeight,
           onChange: (i) => n({ lineWeight: i || 2 }),
@@ -2862,16 +2935,16 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
           style: { width: 120 }
         }
       ) }),
-      /* @__PURE__ */ e(w.Item, { label: "颜色", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(w.Item, { label: "颜色", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          je,
+          Ae,
           {
             value: r.color || "#d9d9d9",
             onChange: (i) => n({ color: i.toHexString() })
           }
         ),
         /* @__PURE__ */ e(
-          le,
+          re,
           {
             value: r.color,
             onChange: (i) => n({ color: i.target.value }),
@@ -2882,7 +2955,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       ] }) })
     ] })
   ] });
-}, Wt = ({
+}, Ht = ({
   material: l,
   onSave: f,
   bindCodes: t,
@@ -2891,7 +2964,7 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
   switch (l.type) {
     case "TEXT":
       return /* @__PURE__ */ e(
-        On,
+        jn,
         {
           material: l,
           onSave: f,
@@ -2900,146 +2973,146 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         }
       );
     case "IMAGE":
-      return /* @__PURE__ */ e(Rn, { material: l, onSave: f });
+      return /* @__PURE__ */ e(Wn, { material: l, onSave: f });
     case "LINE":
-      return /* @__PURE__ */ e(jn, { material: l, onSave: f });
+      return /* @__PURE__ */ e(Un, { material: l, onSave: f });
     default:
       return /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-8", children: "暂不支持编辑此类型的物料" });
   }
-}, { Panel: Mt } = Ne, { TextArea: Wn } = le, Fn = ({
+}, { Panel: $t } = Ne, { TextArea: Hn } = re, Gn = ({
   node: l,
   updateNode: f,
   materials: t
 }) => {
-  const r = t.filter((m) => m.type !== "CUSTOM" || !m.config?.nodes), s = (m, C) => {
-    const o = l.children?.map((I) => I.id === m ? {
-      ...I,
+  const r = t.filter((m) => m.type !== "CUSTOM" || !m.config?.nodes), c = (m, S) => {
+    const u = l.children?.map((k) => k.id === m ? {
+      ...k,
       contentInfo: {
-        ...I.contentInfo,
-        statusList: C
+        ...k.contentInfo,
+        statusList: S
       }
-    } : I);
+    } : k);
     f(l.id, {
-      children: o
+      children: u
     });
   }, n = (m) => {
-    const C = l.children?.find((I) => I.id === m);
-    if (!C) return;
-    const o = {
-      id: U(),
-      name: `状态${C.contentInfo.statusList.length + 1}`,
-      expression: C.contentInfo.statusList.length === 0 ? "return true;" : "return false;",
-      material: { ...r[0], id: U() },
+    const S = l.children?.find((k) => k.id === m);
+    if (!S) return;
+    const u = {
+      id: H(),
+      name: `状态${S.contentInfo.statusList.length + 1}`,
+      expression: S.contentInfo.statusList.length === 0 ? "return true;" : "return false;",
+      material: { ...r[0], id: H() },
       bindCodes: []
     };
-    s(m, [...C.contentInfo.statusList, o]);
-  }, a = (m, C) => {
-    const o = l.children?.find((v) => v.id === m);
-    if (!o) return;
-    const I = o.contentInfo.statusList.filter((v) => v.id !== C);
-    s(m, I);
-  }, i = (m, C, o) => {
-    const I = l.children?.find((N) => N.id === m);
-    if (!I) return;
-    const v = I.contentInfo.statusList.map((N) => N.id === C ? { ...N, ...o } : N);
-    s(m, v);
-  }, p = (m, C, o) => {
-    const I = l.children?.find((g) => g.id === m);
-    if (!I) return;
-    const v = I.contentInfo.statusList.findIndex((g) => g.id === C);
+    c(m, [...S.contentInfo.statusList, u]);
+  }, a = (m, S) => {
+    const u = l.children?.find((v) => v.id === m);
+    if (!u) return;
+    const k = u.contentInfo.statusList.filter((v) => v.id !== S);
+    c(m, k);
+  }, i = (m, S, u) => {
+    const k = l.children?.find((I) => I.id === m);
+    if (!k) return;
+    const v = k.contentInfo.statusList.map((I) => I.id === S ? { ...I, ...u } : I);
+    c(m, v);
+  }, p = (m, S, u) => {
+    const k = l.children?.find((g) => g.id === m);
+    if (!k) return;
+    const v = k.contentInfo.statusList.findIndex((g) => g.id === S);
     if (v === -1) return;
-    const N = [...I.contentInfo.statusList];
-    o === "up" && v > 0 ? [N[v], N[v - 1]] = [N[v - 1], N[v]] : o === "down" && v < N.length - 1 && ([N[v], N[v + 1]] = [N[v + 1], N[v]]), s(m, N);
-  }, c = (m, C, o) => {
-    const I = t.find((v) => v.id === o);
-    I && i(m, C, {
-      material: { ...I, id: U() }
+    const I = [...k.contentInfo.statusList];
+    u === "up" && v > 0 ? [I[v], I[v - 1]] = [I[v - 1], I[v]] : u === "down" && v < I.length - 1 && ([I[v], I[v + 1]] = [I[v + 1], I[v]]), c(m, I);
+  }, d = (m, S, u) => {
+    const k = t.find((v) => v.id === u);
+    k && i(m, S, {
+      material: { ...k, id: H() }
     });
   };
-  return /* @__PURE__ */ u("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e("div", { className: "p-3 bg-blue-50 border border-blue-200 rounded-lg mb-4", children: /* @__PURE__ */ u("div", { className: "text-sm text-blue-700", children: [
+  return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e("div", { className: "p-3 bg-blue-50 border border-blue-200 rounded-lg mb-4", children: /* @__PURE__ */ h("div", { className: "text-sm text-blue-700", children: [
       /* @__PURE__ */ e("strong", { children: "群组节点" }),
       "：为每个子节点配置多个状态和绑定"
     ] }) }),
-    /* @__PURE__ */ e(Ne, { ghost: !0, children: l.children?.map((m, C) => /* @__PURE__ */ e(
-      Mt,
+    /* @__PURE__ */ e(Ne, { ghost: !0, children: l.children?.map((m, S) => /* @__PURE__ */ e(
+      $t,
       {
-        header: /* @__PURE__ */ u("div", { className: "flex items-center justify-between w-full pr-4", children: [
-          /* @__PURE__ */ u("span", { className: "font-medium text-sm", children: [
+        header: /* @__PURE__ */ h("div", { className: "flex items-center justify-between w-full pr-4", children: [
+          /* @__PURE__ */ h("span", { className: "font-medium text-sm", children: [
             "子节点 ",
-            C + 1
+            S + 1
           ] }),
-          /* @__PURE__ */ u(he, { color: "blue", style: { fontSize: "12px", padding: "0 4px" }, children: [
+          /* @__PURE__ */ h(ye, { color: "blue", style: { fontSize: "12px", padding: "0 4px" }, children: [
             m.contentInfo.statusList.length,
             " 个状态"
           ] })
         ] }),
-        children: /* @__PURE__ */ u("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ u("div", { className: "flex justify-between items-center mb-3", children: [
+        children: /* @__PURE__ */ h("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ h("div", { className: "flex justify-between items-center mb-3", children: [
             /* @__PURE__ */ e("span", { className: "text-sm text-gray-600", children: "状态列表" }),
             /* @__PURE__ */ e(
-              K,
+              Z,
               {
                 type: "primary",
                 size: "small",
-                icon: /* @__PURE__ */ e(Tt, {}),
+                icon: /* @__PURE__ */ e(zt, {}),
                 onClick: () => n(m.id),
                 children: "添加状态"
               }
             )
           ] }),
-          m.contentInfo.statusList.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-4 bg-gray-50 rounded-lg", children: "暂无状态，点击上方按钮添加" }) : /* @__PURE__ */ e(Ne, { ghost: !0, children: m.contentInfo.statusList.map((o, I) => /* @__PURE__ */ e(
-            Mt,
+          m.contentInfo.statusList.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-4 bg-gray-50 rounded-lg", children: "暂无状态，点击上方按钮添加" }) : /* @__PURE__ */ e(Ne, { ghost: !0, children: m.contentInfo.statusList.map((u, k) => /* @__PURE__ */ e(
+            $t,
             {
-              header: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 w-5", children: I + 1 }),
-                /* @__PURE__ */ e("span", { className: "font-medium", children: o.name }),
-                /* @__PURE__ */ e(he, { color: "default", className: "text-xs", children: o.material.type })
+              header: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 w-5", children: k + 1 }),
+                /* @__PURE__ */ e("span", { className: "font-medium", children: u.name }),
+                /* @__PURE__ */ e(ye, { color: "default", className: "text-xs", children: u.material.type })
               ] }),
-              extra: /* @__PURE__ */ u(pe, { size: "small", onClick: (v) => v.stopPropagation(), children: [
+              extra: /* @__PURE__ */ h(be, { size: "small", onClick: (v) => v.stopPropagation(), children: [
                 /* @__PURE__ */ e(
-                  K,
+                  Z,
                   {
                     type: "text",
                     size: "small",
-                    icon: /* @__PURE__ */ e(_t, {}),
-                    disabled: I === 0,
+                    icon: /* @__PURE__ */ e(Ot, {}),
+                    disabled: k === 0,
                     onClick: (v) => {
-                      v.stopPropagation(), p(m.id, o.id, "up");
+                      v.stopPropagation(), p(m.id, u.id, "up");
                     }
                   }
                 ),
                 /* @__PURE__ */ e(
-                  K,
+                  Z,
                   {
                     type: "text",
                     size: "small",
-                    icon: /* @__PURE__ */ e(zt, {}),
-                    disabled: I === m.contentInfo.statusList.length - 1,
+                    icon: /* @__PURE__ */ e(At, {}),
+                    disabled: k === m.contentInfo.statusList.length - 1,
                     onClick: (v) => {
-                      v.stopPropagation(), p(m.id, o.id, "down");
+                      v.stopPropagation(), p(m.id, u.id, "down");
                     }
                   }
                 ),
                 /* @__PURE__ */ e(
-                  K,
+                  Z,
                   {
                     type: "text",
                     size: "small",
                     danger: !0,
-                    icon: /* @__PURE__ */ e(at, {}),
+                    icon: /* @__PURE__ */ e(ot, {}),
                     onClick: (v) => {
-                      v.stopPropagation(), a(m.id, o.id);
+                      v.stopPropagation(), a(m.id, u.id);
                     }
                   }
                 )
               ] }),
-              children: /* @__PURE__ */ u(w, { layout: "vertical", children: [
+              children: /* @__PURE__ */ h(w, { layout: "vertical", children: [
                 /* @__PURE__ */ e(w.Item, { label: "状态名称", children: /* @__PURE__ */ e(
-                  le,
+                  re,
                   {
-                    value: o.name,
-                    onChange: (v) => i(m.id, o.id, { name: v.target.value }),
+                    value: u.name,
+                    onChange: (v) => i(m.id, u.id, { name: v.target.value }),
                     placeholder: "输入状态名称"
                   }
                 ) }),
@@ -3049,10 +3122,10 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                     label: "执行表达式",
                     help: "返回 true 时激活此状态，可使用 data 变量访问绑定数据",
                     children: /* @__PURE__ */ e(
-                      Wn,
+                      Hn,
                       {
-                        value: o.expression,
-                        onChange: (v) => i(m.id, o.id, { expression: v.target.value }),
+                        value: u.expression,
+                        onChange: (v) => i(m.id, u.id, { expression: v.target.value }),
                         rows: 3,
                         placeholder: "return true;"
                       }
@@ -3063,22 +3136,22 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                   Ie,
                   {
                     mode: "tags",
-                    value: o.bindCodes || [],
-                    onChange: (v) => i(m.id, o.id, { bindCodes: v }),
+                    value: u.bindCodes || [],
+                    onChange: (v) => i(m.id, u.id, { bindCodes: v }),
                     placeholder: "输入数据源 code",
                     tokenSeparators: [",", " "]
                   }
                 ) }),
-                /* @__PURE__ */ e(w.Item, { label: "更换物料", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ e(he, { color: "blue", children: o.material.name }),
-                  /* @__PURE__ */ e(he, { color: "default", children: o.material.type }),
+                /* @__PURE__ */ e(w.Item, { label: "更换物料", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e(ye, { color: "blue", children: u.material.name }),
+                  /* @__PURE__ */ e(ye, { color: "default", children: u.material.type }),
                   /* @__PURE__ */ e(
                     Ie,
                     {
                       placeholder: "选择新物料",
                       style: { width: 150 },
                       value: void 0,
-                      onChange: (v) => v && c(m.id, o.id, v),
+                      onChange: (v) => v && d(m.id, u.id, v),
                       options: r.map((v) => ({
                         value: v.id,
                         label: `${v.name} (${v.type})`
@@ -3086,51 +3159,51 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ e(De, { style: { margin: "12px 0" } }),
-                /* @__PURE__ */ u("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: [
-                  /* @__PURE__ */ u("div", { className: "flex items-center justify-between mb-2", children: [
+                /* @__PURE__ */ e(Me, { style: { margin: "12px 0" } }),
+                /* @__PURE__ */ h("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: [
+                  /* @__PURE__ */ h("div", { className: "flex items-center justify-between mb-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: "物料属性" }),
-                    /* @__PURE__ */ e(he, { children: o.material.name })
+                    /* @__PURE__ */ e(ye, { children: u.material.name })
                   ] }),
                   /* @__PURE__ */ e(
-                    Wt,
+                    Ht,
                     {
-                      material: o.material,
+                      material: u.material,
                       onSave: (v) => {
-                        const N = { ...o.material, ...v };
-                        i(m.id, o.id, { material: N });
+                        const I = { ...u.material, ...v };
+                        i(m.id, u.id, { material: I });
                       }
                     }
                   )
                 ] })
               ] })
             },
-            o.id
+            u.id
           )) })
         ] })
       },
       m.id
     )) })
   ] });
-}, { Panel: Ee } = Ne, { TabPane: ct } = Lt, { TextArea: Un } = le, Hn = ({
+}, { Panel: Ee } = Ne, { TabPane: ut } = Rt, { TextArea: qn } = re, Bn = ({
   defaultTestData: l
 }) => {
   const {
     nodes: f,
     selectedNodeId: t,
     updateNode: r,
-    updateNodeStyle: s,
+    updateNodeStyle: c,
     updateNodeControl: n,
     updateNodeContent: a,
     materials: i,
     selectedStatusId: p,
-    selectStatus: c
-  } = Re(), [m] = w.useForm(), [C, o] = Q("basic"), [I, v] = Q(!1), [N, g] = Q(null), [A, z] = Q({}), T = Ce.useMemo(() => f.find((h) => h.id === t), [f, t]), Y = T?.contentInfo.statusList || [], X = (h) => {
-    t && (h.normalStyle && s(t, h.normalStyle), h.name !== void 0 && r(t, { name: h.name }), h.controlInfo && n(t, h.controlInfo));
+    selectStatus: d
+  } = ze(), [m] = w.useForm(), [S, u] = Q("basic"), [k, v] = Q(!1), [I, g] = Q(null), [W, O] = Q({}), X = Ce.useMemo(() => f.find((s) => s.id === t), [f, t]), $ = X?.contentInfo.statusList || [], L = (s) => {
+    t && (s.normalStyle && c(t, s.normalStyle), s.name !== void 0 && r(t, { name: s.name }), s.controlInfo && n(t, s.controlInfo));
   };
-  me(() => {
-    T && (m.setFieldsValue({
-      name: T.name,
+  console.log(t, "selectedNodeId", X), me(() => {
+    X && X && (m.setFieldsValue({
+      name: X.name,
       normalStyle: {
         width: 100,
         height: 100,
@@ -3140,110 +3213,110 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         background: "transparent",
         borderRadius: 0,
         opacity: 1,
-        ...T.normalStyle
+        ...X.normalStyle
       },
       controlInfo: {
         isDraggable: !0,
         isClickable: !0,
         isResizable: !0,
         isSelectable: !0,
-        ...T.controlInfo
+        ...X.controlInfo
       }
-    }), c(null));
-  }, [T?.id, m, c]);
-  const ye = () => {
-    !t || !T || (g("new"), v(!0));
-  }, te = (h) => {
-    if (!t || !T) return;
-    const $ = {
-      id: U(),
-      name: `${h.name}_状态${Y.length + 1}`,
-      expression: Y.length === 0 ? "return true;" : "return false;",
-      material: { ...h, id: U() },
+    }), d(null));
+  }, [X, d, m]);
+  const xe = () => {
+    !t || !X || (g("new"), v(!0));
+  }, ne = (s) => {
+    if (!t || !X) return;
+    const q = {
+      id: H(),
+      name: `${s.name}_状态${$.length + 1}`,
+      expression: $.length === 0 ? "return true;" : "return false;",
+      material: { ...s, id: H() },
       bindCodes: []
     };
-    if (N === "new") {
-      const k = [...Y, $];
-      a(t, { statusList: k });
-    } else if (N) {
-      const k = Y.map((b) => b.id === N ? { ...b, material: { ...h, id: U() } } : b);
-      a(t, { statusList: k });
+    if (I === "new") {
+      const b = [...$, q];
+      a(t, { statusList: b });
+    } else if (I) {
+      const b = $.map((Y) => Y.id === I ? { ...Y, material: { ...s, id: H() } } : Y);
+      a(t, { statusList: b });
     }
     v(!1), g(null);
-  }, ve = (h) => {
-    if (!t || !T) return;
-    const $ = T.contentInfo.statusList?.filter((k) => k.id !== h) || [];
-    a(t, { statusList: $ }), p === h && c(null);
-  }, ne = (h, $) => {
-    if (!t || !T) return;
-    const k = T.contentInfo.statusList?.map((b) => b.id === h ? { ...b, ...$ } : b) || [];
-    a(t, { statusList: k });
-  }, j = (h) => {
-    if (!t || !T) return;
-    const $ = {
-      ...h,
-      id: U(),
-      name: `${h.name}_复制`,
+  }, we = (s) => {
+    if (!t || !X) return;
+    const q = X.contentInfo.statusList?.filter((b) => b.id !== s) || [];
+    a(t, { statusList: q }), p === s && d(null);
+  }, ie = (s, q) => {
+    if (!t || !X) return;
+    const b = X.contentInfo.statusList?.map((Y) => Y.id === s ? { ...Y, ...q } : Y) || [];
+    a(t, { statusList: b });
+  }, A = (s) => {
+    if (!t || !X) return;
+    const q = {
+      ...s,
+      id: H(),
+      name: `${s.name}_复制`,
       expression: "return false;"
-    }, k = [...Y, $];
-    a(t, { statusList: k });
-  }, O = (h, $) => {
-    if (!t || !T) return;
-    const k = Y.findIndex((Z) => Z.id === h);
-    if (k === -1) return;
-    const b = [...Y];
-    $ === "up" && k > 0 ? [b[k], b[k - 1]] = [
-      b[k - 1],
-      b[k]
-    ] : $ === "down" && k < b.length - 1 && ([b[k], b[k + 1]] = [
-      b[k + 1],
-      b[k]
-    ]), a(t, { statusList: b });
-  }, V = (h) => {
-    g(h), v(!0);
-  }, D = (h, $) => {
-    if (!t || !T) return;
-    const k = Y.map((b) => b.id === h ? {
-      ...b,
-      material: { ...b.material, ...$ }
-    } : b);
-    a(t, { statusList: k });
+    }, b = [...$, q];
+    a(t, { statusList: b });
+  }, J = (s, q) => {
+    if (!t || !X) return;
+    const b = $.findIndex((M) => M.id === s);
+    if (b === -1) return;
+    const Y = [...$];
+    q === "up" && b > 0 ? [Y[b], Y[b - 1]] = [
+      Y[b - 1],
+      Y[b]
+    ] : q === "down" && b < Y.length - 1 && ([Y[b], Y[b + 1]] = [
+      Y[b + 1],
+      Y[b]
+    ]), a(t, { statusList: Y });
+  }, G = (s) => {
+    g(s), v(!0);
+  }, T = (s, q) => {
+    if (!t || !X) return;
+    const b = $.map((Y) => Y.id === s ? {
+      ...Y,
+      material: { ...Y.material, ...q }
+    } : Y);
+    a(t, { statusList: b });
   };
-  return T ? /* @__PURE__ */ u("div", { className: "h-full flex flex-col bg-white border-l border-gray-200", children: [
-    /* @__PURE__ */ u("div", { className: "p-4 border-b border-gray-200", children: [
+  return X ? /* @__PURE__ */ h("div", { className: "h-full flex flex-col bg-white border-l border-gray-200", children: [
+    /* @__PURE__ */ h("div", { className: "p-4 border-b border-gray-200", children: [
       /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-gray-800", children: "属性面板" }),
       /* @__PURE__ */ e("p", { className: "text-sm text-gray-500", children: "编辑选中节点的属性" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ u(Lt, { activeKey: C, onChange: o, children: [
-      /* @__PURE__ */ e(ct, { tab: "基础", children: /* @__PURE__ */ u(
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ h(Rt, { activeKey: S, onChange: u, children: [
+      /* @__PURE__ */ e(ut, { tab: "基础", children: /* @__PURE__ */ h(
         w,
         {
           form: m,
           layout: "vertical",
-          onValuesChange: X,
-          initialValues: { name: T.name },
+          onValuesChange: L,
+          initialValues: { name: X.name },
           children: [
-            /* @__PURE__ */ e(w.Item, { label: "节点名称", name: "name", children: /* @__PURE__ */ e(le, { placeholder: "输入节点名称" }) }),
-            /* @__PURE__ */ u(Ne, { ghost: !0, defaultActiveKey: ["position", "size", "style"], children: [
-              /* @__PURE__ */ e(Ee, { header: "位置", children: /* @__PURE__ */ u(pe, { children: [
-                /* @__PURE__ */ e(w.Item, { label: "X", name: ["normalStyle", "x"], children: /* @__PURE__ */ e(ee, {}) }),
-                /* @__PURE__ */ e(w.Item, { label: "Y", name: ["normalStyle", "y"], children: /* @__PURE__ */ e(ee, {}) })
+            /* @__PURE__ */ e(w.Item, { label: "节点名称", name: "name", children: /* @__PURE__ */ e(re, { placeholder: "输入节点名称" }) }),
+            /* @__PURE__ */ h(Ne, { ghost: !0, defaultActiveKey: ["position", "size", "style"], children: [
+              /* @__PURE__ */ e(Ee, { header: "位置", children: /* @__PURE__ */ h(be, { children: [
+                /* @__PURE__ */ e(w.Item, { label: "X", name: ["normalStyle", "x"], children: /* @__PURE__ */ e(te, {}) }),
+                /* @__PURE__ */ e(w.Item, { label: "Y", name: ["normalStyle", "y"], children: /* @__PURE__ */ e(te, {}) })
               ] }) }, "position"),
-              /* @__PURE__ */ e(Ee, { header: "尺寸", children: /* @__PURE__ */ u(pe, { children: [
-                /* @__PURE__ */ e(w.Item, { label: "宽度", name: ["normalStyle", "width"], children: /* @__PURE__ */ e(ee, { min: 10 }) }),
-                /* @__PURE__ */ e(w.Item, { label: "高度", name: ["normalStyle", "height"], children: /* @__PURE__ */ e(ee, { min: 10 }) })
+              /* @__PURE__ */ e(Ee, { header: "尺寸", children: /* @__PURE__ */ h(be, { children: [
+                /* @__PURE__ */ e(w.Item, { label: "宽度", name: ["normalStyle", "width"], children: /* @__PURE__ */ e(te, { min: 10 }) }),
+                /* @__PURE__ */ e(w.Item, { label: "高度", name: ["normalStyle", "height"], children: /* @__PURE__ */ e(te, { min: 10 }) })
               ] }) }, "size"),
-              /* @__PURE__ */ u(Ee, { header: "样式", children: [
-                /* @__PURE__ */ e(w.Item, { label: "背景色", name: ["normalStyle", "background"], children: /* @__PURE__ */ e(le, { placeholder: "transparent, #fff, url(...)" }) }),
-                /* @__PURE__ */ e(w.Item, { label: "内边距", name: ["normalStyle", "padding"], children: /* @__PURE__ */ e(ee, { min: 0 }) }),
-                /* @__PURE__ */ e(w.Item, { label: "圆角", name: ["normalStyle", "borderRadius"], children: /* @__PURE__ */ e(ee, { min: 0 }) }),
+              /* @__PURE__ */ h(Ee, { header: "样式", children: [
+                /* @__PURE__ */ e(w.Item, { label: "背景色", name: ["normalStyle", "background"], children: /* @__PURE__ */ e(re, { placeholder: "transparent, #fff, url(...)" }) }),
+                /* @__PURE__ */ e(w.Item, { label: "内边距", name: ["normalStyle", "padding"], children: /* @__PURE__ */ e(te, { min: 0 }) }),
+                /* @__PURE__ */ e(w.Item, { label: "圆角", name: ["normalStyle", "borderRadius"], children: /* @__PURE__ */ e(te, { min: 0 }) }),
                 /* @__PURE__ */ e(
                   w.Item,
                   {
                     label: "缩放比例",
                     name: ["normalStyle", "scale"],
                     help: "等比缩放节点的宽高",
-                    children: /* @__PURE__ */ e(ee, { min: 0.1, max: 5, step: 0.1 })
+                    children: /* @__PURE__ */ e(te, { min: 0.1, max: 5, step: 0.1 })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -3252,108 +3325,108 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                     label: "旋转角度",
                     name: ["normalStyle", "rotate"],
                     help: "顺时针旋转角度（度）",
-                    children: /* @__PURE__ */ e(ee, { min: 0, max: 360, step: 1 })
+                    children: /* @__PURE__ */ e(te, { min: 0, max: 360, step: 1 })
                   }
                 ),
-                /* @__PURE__ */ e(w.Item, { label: "透明度", name: ["normalStyle", "opacity"], children: /* @__PURE__ */ e(ee, { min: 0, max: 1, step: 0.1 }) }),
-                /* @__PURE__ */ e(w.Item, { label: "层级", name: ["normalStyle", "zIndex"], children: /* @__PURE__ */ e(ee, {}) })
+                /* @__PURE__ */ e(w.Item, { label: "透明度", name: ["normalStyle", "opacity"], children: /* @__PURE__ */ e(te, { min: 0, max: 1, step: 0.1 }) }),
+                /* @__PURE__ */ e(w.Item, { label: "层级", name: ["normalStyle", "zIndex"], children: /* @__PURE__ */ e(te, {}) })
               ] }, "style")
             ] })
           ]
         }
       ) }, "basic"),
-      /* @__PURE__ */ e(ct, { tab: "状态", children: T.type === "group" && T.children ? /* @__PURE__ */ e(
-        Fn,
+      /* @__PURE__ */ e(ut, { tab: "状态", children: X.type === "group" && X.children ? /* @__PURE__ */ e(
+        Gn,
         {
-          node: T,
+          node: X,
           updateNode: r,
           materials: i
         }
-      ) : /* @__PURE__ */ u("div", { className: "mb-4", children: [
-        /* @__PURE__ */ u("div", { className: "flex items-center justify-between mb-2", children: [
-          /* @__PURE__ */ u("span", { className: "font-medium", children: [
+      ) : /* @__PURE__ */ h("div", { className: "mb-4", children: [
+        /* @__PURE__ */ h("div", { className: "flex items-center justify-between mb-2", children: [
+          /* @__PURE__ */ h("span", { className: "font-medium", children: [
             "状态列表",
-            /* @__PURE__ */ e(he, { color: "blue", className: "ml-2", children: Y.length })
+            /* @__PURE__ */ e(ye, { color: "blue", className: "ml-2", children: $.length })
           ] }),
           /* @__PURE__ */ e(
-            K,
+            Z,
             {
               type: "primary",
               size: "small",
-              icon: /* @__PURE__ */ e(Tt, {}),
-              onClick: ye,
+              icon: /* @__PURE__ */ e(zt, {}),
+              onClick: xe,
               children: "添加状态"
             }
           )
         ] }),
         /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mb-3", children: "节点根据状态表达式计算结果显示对应物料，第一个返回 true 的状态为当前状态" }),
-        Y.length > 0 && /* @__PURE__ */ e("div", { className: "mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg", children: /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ u("div", { children: [
+        $.length > 0 && /* @__PURE__ */ e("div", { className: "mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg", children: /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ h("div", { children: [
           /* @__PURE__ */ e("span", { className: "text-sm text-gray-600", children: "当前状态:" }),
           /* @__PURE__ */ e("span", { className: "ml-2 text-sm font-medium text-blue-600", children: "由表达式自动计算" })
         ] }) }) }),
-        Y.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-4 bg-gray-50 rounded-lg", children: "暂无状态，点击上方按钮添加" }) : /* @__PURE__ */ e(Ne, { ghost: !0, defaultActiveKey: Y[0]?.id, children: Y.map((h, $) => /* @__PURE__ */ e(
+        $.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-4 bg-gray-50 rounded-lg", children: "暂无状态，点击上方按钮添加" }) : /* @__PURE__ */ e(Ne, { ghost: !0, defaultActiveKey: $[0]?.id + t, children: $.map((s, q) => /* @__PURE__ */ e(
           Ee,
           {
-            header: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 w-5", children: $ + 1 }),
-              /* @__PURE__ */ e("span", { className: "font-medium", children: h.name }),
-              /* @__PURE__ */ e(he, { color: "default", className: "text-xs", children: h.material.type })
+            header: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 w-5", children: q + 1 }),
+              /* @__PURE__ */ e("span", { className: "font-medium", children: s.name }),
+              /* @__PURE__ */ e(ye, { color: "default", className: "text-xs", children: s.material.type })
             ] }),
-            extra: /* @__PURE__ */ u(pe, { size: "small", onClick: (k) => k.stopPropagation(), children: [
+            extra: /* @__PURE__ */ h(be, { size: "small", onClick: (b) => b.stopPropagation(), children: [
               /* @__PURE__ */ e(
-                K,
+                Z,
                 {
                   type: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ e(_t, {}),
-                  disabled: $ === 0,
-                  onClick: (k) => {
-                    k.stopPropagation(), O(h.id, "up");
+                  icon: /* @__PURE__ */ e(Ot, {}),
+                  disabled: q === 0,
+                  onClick: (b) => {
+                    b.stopPropagation(), J(s.id, "up");
                   }
                 }
               ),
               /* @__PURE__ */ e(
-                K,
+                Z,
                 {
                   type: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ e(zt, {}),
-                  disabled: $ === Y.length - 1,
-                  onClick: (k) => {
-                    k.stopPropagation(), O(h.id, "down");
+                  icon: /* @__PURE__ */ e(At, {}),
+                  disabled: q === $.length - 1,
+                  onClick: (b) => {
+                    b.stopPropagation(), J(s.id, "down");
                   }
                 }
               ),
               /* @__PURE__ */ e(
-                K,
+                Z,
                 {
                   type: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ e(Pt, {}),
-                  onClick: (k) => {
-                    k.stopPropagation(), j(h);
+                  icon: /* @__PURE__ */ e(_t, {}),
+                  onClick: (b) => {
+                    b.stopPropagation(), A(s);
                   }
                 }
               ),
               /* @__PURE__ */ e(
-                K,
+                Z,
                 {
                   type: "text",
                   size: "small",
                   danger: !0,
-                  icon: /* @__PURE__ */ e(at, {}),
-                  onClick: (k) => {
-                    k.stopPropagation(), ve(h.id);
+                  icon: /* @__PURE__ */ e(ot, {}),
+                  onClick: (b) => {
+                    b.stopPropagation(), we(s.id);
                   }
                 }
               )
             ] }),
-            children: /* @__PURE__ */ u(w, { layout: "vertical", children: [
+            children: /* @__PURE__ */ h(w, { layout: "vertical", children: [
               /* @__PURE__ */ e(w.Item, { label: "状态名称", children: /* @__PURE__ */ e(
-                le,
+                re,
                 {
-                  value: h.name,
-                  onChange: (k) => ne(h.id, { name: k.target.value }),
+                  value: s.name,
+                  onChange: (b) => ie(s.id, { name: b.target.value }),
                   placeholder: "输入状态名称"
                 }
               ) }),
@@ -3363,17 +3436,17 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                   label: "执行表达式",
                   help: "返回 true 时激活此状态，可使用 data 变量访问绑定数据",
                   children: /* @__PURE__ */ e(
-                    Un,
+                    qn,
                     {
-                      value: A[h.id] ?? h.expression,
-                      onChange: (k) => z((b) => ({
-                        ...b,
-                        [h.id]: k.target.value
+                      value: W[s.id] ?? s.expression,
+                      onChange: (b) => O((Y) => ({
+                        ...Y,
+                        [s.id]: b.target.value
                       })),
-                      onBlur: (k) => {
-                        ne(h.id, { expression: k.target.value }), z((b) => {
-                          const Z = { ...b };
-                          return delete Z[h.id], Z;
+                      onBlur: (b) => {
+                        ie(s.id, { expression: b.target.value }), O((Y) => {
+                          const M = { ...Y };
+                          return delete M[s.id], M;
                         });
                       },
                       rows: 3,
@@ -3386,53 +3459,53 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                 Ie,
                 {
                   mode: "tags",
-                  value: h.bindCodes || [],
-                  onChange: (k) => ne(h.id, { bindCodes: k }),
+                  value: s.bindCodes || [],
+                  onChange: (b) => ie(s.id, { bindCodes: b }),
                   placeholder: "输入数据源 code",
                   tokenSeparators: [",", " "]
                 }
               ) }),
-              /* @__PURE__ */ e(w.Item, { label: "绑定物料", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e(he, { color: "blue", children: h.material.name }),
-                /* @__PURE__ */ e(he, { color: "default", children: h.material.type }),
+              /* @__PURE__ */ e(w.Item, { label: "绑定物料", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(ye, { color: "blue", children: s.material.name }),
+                /* @__PURE__ */ e(ye, { color: "default", children: s.material.type }),
                 /* @__PURE__ */ e(
-                  K,
+                  Z,
                   {
                     type: "link",
                     size: "small",
-                    icon: /* @__PURE__ */ e(ut, {}),
-                    onClick: () => V(h.id),
+                    icon: /* @__PURE__ */ e(ft, {}),
+                    onClick: () => G(s.id),
                     children: "更换物料"
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ e(De, { style: { margin: "12px 0" } }),
-              /* @__PURE__ */ u("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: [
-                /* @__PURE__ */ u("div", { className: "flex items-center justify-between mb-2", children: [
+              /* @__PURE__ */ e(Me, { style: { margin: "12px 0" } }),
+              /* @__PURE__ */ h("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: [
+                /* @__PURE__ */ h("div", { className: "flex items-center justify-between mb-2", children: [
                   /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: "物料属性" }),
-                  /* @__PURE__ */ e(he, { children: h.material.name })
+                  /* @__PURE__ */ e(ye, { children: s.material.name })
                 ] }),
                 /* @__PURE__ */ e(
-                  Wt,
+                  Ht,
                   {
-                    material: h.material,
-                    onSave: (k) => D(h.id, k),
-                    bindCodes: h.bindCodes || [],
+                    material: s.material,
+                    onSave: (b) => T(s.id, b),
+                    bindCodes: s.bindCodes || [],
                     dataOptions: l || []
                   }
                 )
               ] })
             ] })
           },
-          h.id
+          s.id + t
         )) })
       ] }) }, "status"),
-      /* @__PURE__ */ e(ct, { tab: "控制", children: /* @__PURE__ */ u(
+      /* @__PURE__ */ e(ut, { tab: "控制", children: /* @__PURE__ */ h(
         w,
         {
           form: m,
           layout: "vertical",
-          onValuesChange: X,
+          onValuesChange: L,
           children: [
             /* @__PURE__ */ e(
               w.Item,
@@ -3474,77 +3547,77 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
         }
       ) }, "control")
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ u("div", { className: "text-xs text-gray-500", children: [
-      /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ h("div", { className: "text-xs text-gray-500", children: [
+      /* @__PURE__ */ h("div", { children: [
         "节点 ID: ",
-        T.id.slice(0, 8),
+        X.id.slice(0, 8),
         "..."
       ] }),
-      /* @__PURE__ */ u("div", { children: [
+      /* @__PURE__ */ h("div", { children: [
         "状态数: ",
-        Y.length
+        $.length
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      rt,
+      it,
       {
         title: "选择物料",
-        open: I,
+        open: k,
         onCancel: () => {
           v(!1), g(null);
         },
         footer: null,
         width: 600,
-        children: /* @__PURE__ */ e("div", { className: "max-h-[400px] overflow-y-auto", children: /* @__PURE__ */ u(Ne, { ghost: !0, defaultActiveKey: ["basic", "device", "text", "line"], children: [
-          /* @__PURE__ */ e(Ee, { header: "基础形状", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter((h) => ["矩形", "圆形", "圆角矩形"].includes(h.name)).map((h) => /* @__PURE__ */ e(
-            Et,
+        children: /* @__PURE__ */ e("div", { className: "max-h-[400px] overflow-y-auto", children: /* @__PURE__ */ h(Ne, { ghost: !0, defaultActiveKey: ["basic", "device", "text", "line"], children: [
+          /* @__PURE__ */ e(Ee, { header: "基础形状", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter((s) => ["矩形", "圆形", "圆角矩形"].includes(s.name)).map((s) => /* @__PURE__ */ e(
+            Lt,
             {
-              material: h,
-              onClick: () => te(h)
+              material: s,
+              onClick: () => ne(s)
             },
-            h.id
+            s.id
           )) }) }, "basic"),
           /* @__PURE__ */ e(Ee, { header: "设备图标", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter(
-            (h) => ["阀门", "泵", "罐体"].includes(h.name) || h.type === "IMAGE" && !["矩形", "圆形", "圆角矩形"].includes(h.name)
-          ).map((h) => /* @__PURE__ */ e(
-            Et,
+            (s) => ["阀门", "泵", "罐体"].includes(s.name) || s.type === "IMAGE" && !["矩形", "圆形", "圆角矩形"].includes(s.name)
+          ).map((s) => /* @__PURE__ */ e(
+            Lt,
             {
-              material: h,
-              onClick: () => te(h)
+              material: s,
+              onClick: () => ne(s)
             },
-            h.id
+            s.id
           )) }) }, "device"),
-          /* @__PURE__ */ e(Ee, { header: "文本", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter((h) => h.type === "TEXT").map((h) => /* @__PURE__ */ u(
+          /* @__PURE__ */ e(Ee, { header: "文本", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter((s) => s.type === "TEXT").map((s) => /* @__PURE__ */ h(
             "div",
             {
               className: "border rounded-lg p-2 cursor-pointer hover:border-blue-500 hover:bg-blue-50 transition-all text-center",
-              onClick: () => te(h),
+              onClick: () => ne(s),
               children: [
                 /* @__PURE__ */ e("div", { className: "w-12 h-12 mx-auto mb-1 flex items-center justify-center bg-gray-100 rounded", children: /* @__PURE__ */ e("span", { className: "text-lg font-bold text-gray-500", children: "T" }) }),
-                /* @__PURE__ */ e("span", { className: "text-xs", children: h.name })
+                /* @__PURE__ */ e("span", { className: "text-xs", children: s.name })
               ]
             },
-            h.id
+            s.id
           )) }) }, "text"),
-          /* @__PURE__ */ e(Ee, { header: "线条", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter((h) => h.type === "LINE").map((h) => /* @__PURE__ */ u(
+          /* @__PURE__ */ e(Ee, { header: "线条", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter((s) => s.type === "LINE").map((s) => /* @__PURE__ */ h(
             "div",
             {
               className: "border rounded-lg p-2 cursor-pointer hover:border-blue-500 hover:bg-blue-50 transition-all text-center",
-              onClick: () => te(h),
+              onClick: () => ne(s),
               children: [
                 /* @__PURE__ */ e("div", { className: "w-12 h-12 mx-auto mb-1 flex items-center justify-center bg-gray-100 rounded", children: /* @__PURE__ */ e("div", { className: "w-8 h-0.5 bg-gray-400" }) }),
-                /* @__PURE__ */ e("span", { className: "text-xs", children: h.name })
+                /* @__PURE__ */ e("span", { className: "text-xs", children: s.name })
               ]
             },
-            h.id
+            s.id
           )) }) }, "line")
         ] }) })
       }
     )
-  ] }) : /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center bg-white border-l border-gray-200", children: /* @__PURE__ */ e(ue, { description: "请选择一个节点" }) });
-}, Et = ({ material: l, onClick: f }) => {
+  ] }) : /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center bg-white border-l border-gray-200", children: /* @__PURE__ */ e(pe, { description: "请选择一个节点" }) });
+}, Lt = ({ material: l, onClick: f }) => {
   const t = l.type === "IMAGE" ? l.src : void 0;
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: "border rounded-lg p-2 cursor-pointer hover:border-blue-500 hover:bg-blue-50 transition-all text-center",
@@ -3555,21 +3628,21 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       ]
     }
   );
-}, Gn = "ConfigEditor-module__configEditor__dinNG", qn = {
-  configEditor: Gn
-}, { Header: Bn, Sider: Dt, Content: Vn } = dt, rl = ({
+}, Vn = "ConfigEditor-module__configEditor__dinNG", Zn = {
+  configEditor: Vn
+}, { Header: Jn, Sider: Yt, Content: Kn } = ht, ol = ({
   initialScheme: l,
   onChange: f,
   readonly: t = !1,
   headerExtra: r,
-  className: s = "",
+  className: c = "",
   style: n,
   showHeader: a = !0,
   showMaterialPanel: i = !0,
   showPropertyPanel: p = !0,
-  customMaterials: c
+  customMaterials: d
 }) => {
-  const [m, C] = Ce.useState(!1), [o, I] = Ce.useState(""), [v, N] = Ce.useState([
+  const [m, S] = Ce.useState(!1), [u, k] = Ce.useState(""), [v, I] = Ce.useState([
     {
       paramsCode: "001",
       paramsName: "通频速度有效值",
@@ -3582,103 +3655,103 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
       value: 1.5,
       paramsUnit: "m/s²"
     }
-  ]), { exportScheme: g, importScheme: A, nodes: z, materials: T, addMaterial: Y } = Re();
+  ]), { exportScheme: g, importScheme: W, nodes: O, materials: X, addMaterial: $ } = ze();
   Ce.useRef(null);
-  const X = Ce.useRef(!1);
+  const L = Ce.useRef(!1);
   me(() => {
-    X.current || (X.current = !0, T.length === 0 && kn.forEach((j) => Y(j)), c && c.length > 0 && c.forEach((j) => Y(j)), l && A(l));
+    L.current || (L.current = !0, X.length === 0 && Dn.forEach((A) => $(A)), d && d.length > 0 && d.forEach((A) => $(A)), l && W(l));
   }, []), me(() => {
     if (f) {
-      const j = g();
-      f(j);
+      const A = g();
+      f(A);
     }
-  }, [z, f]);
-  const ye = B(() => {
-    const j = g(), O = JSON.stringify(j, null, 2), V = "data:application/json;charset=utf-8," + encodeURIComponent(O), D = `scheme_${Date.now()}.json`, h = document.createElement("a");
-    h.setAttribute("href", V), h.setAttribute("download", D), h.click(), Fe.success("导出成功！");
-  }, [g]), te = B(() => {
+  }, [O, f]);
+  const xe = V(() => {
+    const A = g(), J = JSON.stringify(A, null, 2), G = "data:application/json;charset=utf-8," + encodeURIComponent(J), T = `scheme_${Date.now()}.json`, s = document.createElement("a");
+    s.setAttribute("href", G), s.setAttribute("download", T), s.click(), Ye.success("导出成功！");
+  }, [g]), ne = V(() => {
     try {
-      const j = JSON.parse(o);
-      A(j), C(!1), I(""), Fe.success("导入成功！");
+      const A = JSON.parse(u);
+      W(A), S(!1), k(""), Ye.success("导入成功！");
     } catch {
-      Fe.error("JSON 格式错误，请检查输入");
+      Ye.error("JSON 格式错误，请检查输入");
     }
-  }, [o, A]), ve = B(
-    (j) => {
-      const O = new FileReader();
-      return O.onload = (V) => {
+  }, [u, W]), we = V(
+    (A) => {
+      const J = new FileReader();
+      return J.onload = (G) => {
         try {
-          const D = V.target?.result, h = JSON.parse(D);
-          A(h), Fe.success("导入成功！");
+          const T = G.target?.result, s = JSON.parse(T);
+          W(s), Ye.success("导入成功！"), S(!1);
         } catch {
-          Fe.error("文件格式错误");
+          Ye.error("文件格式错误");
         }
-      }, O.readAsText(j), !1;
+      }, J.readAsText(A), !1;
     },
-    [A]
-  ), ne = B(() => g(), [g]);
+    [W]
+  ), ie = V(() => g(), [g]);
   return Ce.useImperativeHandle(
     Ce.useRef?.(),
     () => ({
-      getScheme: ne,
+      getScheme: ie,
       exportScheme: g,
-      importScheme: A
+      importScheme: W
     }),
-    [ne, g, A]
-  ), /* @__PURE__ */ e(Gt, { locale: Cn, children: /* @__PURE__ */ e("div", { className: qn.configEditor, style: n, children: /* @__PURE__ */ u(
-    dt,
+    [ie, g, W]
+  ), /* @__PURE__ */ e(Bt, { locale: kn, children: /* @__PURE__ */ e("div", { className: Zn.configEditor, style: n, children: /* @__PURE__ */ h(
+    ht,
     {
-      className: `h-full w-full overflow-hidden ${s}`,
+      className: `h-full w-full overflow-hidden ${c}`,
       children: [
-        a && /* @__PURE__ */ u(Bn, { className: "bg-white border-b border-gray-200 px-4 flex items-center justify-between flex-shrink-0", children: [
-          /* @__PURE__ */ u("div", { className: "flex items-center gap-4", children: [
+        a && /* @__PURE__ */ h(Jn, { className: "bg-white border-b border-gray-200 px-4 flex items-center justify-between flex-shrink-0", children: [
+          /* @__PURE__ */ h("div", { className: "flex items-center gap-4", children: [
             /* @__PURE__ */ e("div", { className: "text-xl font-bold text-blue-600", children: "组态编辑器" }),
-            /* @__PURE__ */ u("div", { className: "text-sm text-gray-500", children: [
-              z.length,
+            /* @__PURE__ */ h("div", { className: "text-sm text-gray-500", children: [
+              O.length,
               " 个节点"
             ] })
           ] }),
-          /* @__PURE__ */ u(pe, { children: [
+          /* @__PURE__ */ h(be, { children: [
             r,
-            !t && /* @__PURE__ */ u(Ae, { children: [
-              /* @__PURE__ */ e(Le, { title: "导出 JSON", children: /* @__PURE__ */ e(K, { icon: /* @__PURE__ */ e(dn, {}), onClick: ye, children: "导出" }) }),
+            !t && /* @__PURE__ */ h(Oe, { children: [
+              /* @__PURE__ */ e(Le, { title: "导出 JSON", children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(mn, {}), onClick: xe, children: "导出" }) }),
               /* @__PURE__ */ e(Le, { title: "导入 JSON", children: /* @__PURE__ */ e(
-                K,
+                Z,
                 {
-                  icon: /* @__PURE__ */ e(Xt, {}),
-                  onClick: () => C(!0),
+                  icon: /* @__PURE__ */ e(mt, {}),
+                  onClick: () => S(!0),
                   children: "导入"
                 }
               ) })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ u(dt, { children: [
-          i && !t && /* @__PURE__ */ e(Dt, { width: 280, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(En, {}) }),
-          /* @__PURE__ */ e(Vn, { className: "bg-gray-100 relative", children: /* @__PURE__ */ e(zn, { defaultTestData: v }) }),
-          p && !t && /* @__PURE__ */ e(Dt, { width: 360, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(Hn, { defaultTestData: v }) })
+        /* @__PURE__ */ h(ht, { children: [
+          i && !t && /* @__PURE__ */ e(Yt, { width: 280, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(Ln, {}) }),
+          /* @__PURE__ */ e(Kn, { className: "bg-gray-100 relative", children: /* @__PURE__ */ e(An, { defaultTestData: v }) }),
+          p && !t && /* @__PURE__ */ e(Yt, { width: 360, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(Bn, { defaultTestData: v }) })
         ] }),
         /* @__PURE__ */ e(
-          rt,
+          it,
           {
             title: "导入组态方案",
             open: m,
-            onOk: te,
+            onOk: ne,
             onCancel: () => {
-              C(!1), I("");
+              S(!1), k("");
             },
             width: 600,
-            children: /* @__PURE__ */ u("div", { className: "space-y-4", children: [
-              /* @__PURE__ */ u("div", { children: [
+            children: /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ h("div", { children: [
                 /* @__PURE__ */ e("p", { className: "mb-2", children: "选择 JSON 文件导入：" }),
                 /* @__PURE__ */ e(
                   "input",
                   {
                     type: "file",
                     accept: ".json",
-                    onChange: (j) => {
-                      const O = j.target.files?.[0];
-                      O && ve(O);
+                    onChange: (A) => {
+                      const J = A.target.files?.[0];
+                      J && we(J);
                     },
                     className: `block w-full text-sm text-gray-500
                   file:mr-4 file:py-2 file:px-4
@@ -3690,13 +3763,13 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
                 )
               ] }),
               /* @__PURE__ */ e("div", { className: "text-center text-gray-400", children: "或" }),
-              /* @__PURE__ */ u("div", { children: [
+              /* @__PURE__ */ h("div", { children: [
                 /* @__PURE__ */ e("p", { className: "mb-2", children: "粘贴 JSON 内容：" }),
                 /* @__PURE__ */ e(
                   "textarea",
                   {
-                    value: o,
-                    onChange: (j) => I(j.target.value),
+                    value: u,
+                    onChange: (A) => k(A.target.value),
                     placeholder: "粘贴 JSON 内容...",
                     className: "w-full h-48 p-3 border border-gray-300 rounded-lg font-mono text-sm resize-none focus:outline-none focus:ring-2 focus:ring-blue-500"
                   }
@@ -3710,14 +3783,14 @@ const Cn = /* @__PURE__ */ gn(Sn), Nn = (l) => (f, t, r) => (r.setState = (s, n,
   ) }) });
 };
 export {
-  zn as Canvas,
-  rl as ConfigEditor,
-  En as MaterialPanel,
-  jt as NodeRenderer,
-  Hn as PropertyPanel,
-  Mn as createDefaultNode,
-  At as createDefaultStatus,
-  kn as initMaterials,
-  Re as useEditorStore
+  An as Canvas,
+  ol as ConfigEditor,
+  Ln as MaterialPanel,
+  Ut as NodeRenderer,
+  Bn as PropertyPanel,
+  $n as createDefaultNode,
+  Ft as createDefaultStatus,
+  Dn as initMaterials,
+  ze as useEditorStore
 };
 //# sourceMappingURL=config-editor.es.js.map