jch-config-editor 0.1.10 → 0.1.13

package/dist/config-editor.es.js

@@ -1,31 +1,31 @@
-import { jsxs as h, jsx as e, Fragment as Re } from "react/jsx-runtime";
-import Ce, { useState as Q, useRef as ue, useMemo as Yt, useCallback as V, useEffect as ye } from "react";
-import { Typography as Lt, Upload as Ht, Button as K, Collapse as Ne, List as De, Empty as ge, Tag as pe, Image as Gt, Space as be, Tooltip as $e, Modal as at, Form as w, Input as re, InputNumber as te, Switch as Ze, Divider as Me, Select as Ie, Tabs as Xt, message as We, ConfigProvider as qt, Layout as ut } from "antd";
-import { UploadOutlined as Pt, EditOutlined as ht, DeleteOutlined as it, UndoOutlined as Bt, RedoOutlined as Vt, CopyOutlined as Tt, GroupOutlined as pt, UngroupOutlined as Zt, AlignLeftOutlined as Jt, AlignRightOutlined as Kt, VerticalAlignTopOutlined as Qt, VerticalAlignBottomOutlined as en, ColumnWidthOutlined as tn, ColumnHeightOutlined as nn, SettingOutlined as ln, ExperimentOutlined as rn, ZoomInOutlined as an, ZoomOutOutlined as on, SelectOutlined as sn, DragOutlined as cn, EyeOutlined as dn, PlusOutlined as _t, ArrowUpOutlined as Rt, ArrowDownOutlined as zt, DownloadOutlined as un } from "@ant-design/icons";
-import { create as hn } from "zustand";
-import { produce as mn } from "immer";
+import { jsxs as h, jsx as e, Fragment as Oe } from "react/jsx-runtime";
+import Ce, { useState as ee, useRef as ue, useEffect as he, useMemo as Xt, useCallback as V } 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 fn, TransformComponent as gn } from "react-zoom-pan-pinch";
-function pn(l) {
+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 Fe = {}, st = { exports: {} }, yt;
-function mt() {
-  return yt || (yt = 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;
-  })(st)), st.exports;
+  })(ct)), ct.exports;
 }
-var Ue = {}, vt;
-function yn() {
-  if (vt) return Ue;
-  vt = 1, Object.defineProperty(Ue, "__esModule", {
+var He = {}, xt;
+function bn() {
+  if (xt) return He;
+  xt = 1, Object.defineProperty(He, "__esModule", {
     value: !0
-  }), Ue.default = void 0;
+  }), He.default = void 0;
   const l = {
     // Options
     items_per_page: "条/页",
@@ -41,48 +41,48 @@ function yn() {
     next_3: "向后 3 页",
     page_size: "页码"
   };
-  return Ue.default = l, Ue;
+  return He.default = l, He;
 }
-var He = {}, Ge = {}, qe = {}, Be = {}, bt;
-function vn() {
-  return bt || (bt = 1, Object.defineProperty(Be, "__esModule", {
+var Ge = {}, qe = {}, Be = {}, Ve = {}, wt;
+function xn() {
+  return wt || (wt = 1, Object.defineProperty(Ve, "__esModule", {
     value: !0
-  }), Be.commonLocale = void 0, Be.commonLocale = {
+  }), Ve.commonLocale = void 0, Ve.commonLocale = {
     yearFormat: "YYYY",
     dayFormat: "D",
     cellMeridiemFormat: "A",
     monthBeforeYear: !0
-  }), Be;
+  }), Ve;
 }
-var xt;
-function bn() {
-  if (xt) return qe;
-  xt = 1, Object.defineProperty(qe, "__esModule", {
+var St;
+function wn() {
+  if (St) return Be;
+  St = 1, Object.defineProperty(Be, "__esModule", {
     value: !0
-  }), qe.default = void 0;
-  var l = vn();
+  }), Be.default = void 0;
+  var l = xn();
   function f(p) {
     "@babel/helpers - typeof";
-    return f = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(u) {
-      return typeof u;
-    } : function(u) {
-      return u && typeof Symbol == "function" && u.constructor === Symbol && u !== Symbol.prototype ? "symbol" : typeof u;
+    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, u) {
+  function t(p, d) {
     var m = Object.keys(p);
     if (Object.getOwnPropertySymbols) {
       var S = Object.getOwnPropertySymbols(p);
-      u && (S = S.filter(function(s) {
-        return Object.getOwnPropertyDescriptor(p, s).enumerable;
+      d && (S = S.filter(function(u) {
+        return Object.getOwnPropertyDescriptor(p, u).enumerable;
       })), m.push.apply(m, S);
     }
     return m;
   }
   function r(p) {
-    for (var u = 1; u < arguments.length; u++) {
-      var m = arguments[u] != null ? arguments[u] : {};
-      u % 2 ? t(Object(m), !0).forEach(function(S) {
+    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));
@@ -90,22 +90,22 @@ function bn() {
     }
     return p;
   }
-  function c(p, u, m) {
-    return u = n(u), u in p ? Object.defineProperty(p, u, { value: m, enumerable: !0, configurable: !0, writable: !0 }) : p[u] = 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 u = a(p, "string");
-    return f(u) == "symbol" ? u : String(u);
+    var d = a(p, "string");
+    return f(d) == "symbol" ? d : String(d);
   }
-  function a(p, u) {
+  function a(p, d) {
     if (f(p) != "object" || !p) return p;
     var m = p[Symbol.toPrimitive];
     if (m !== void 0) {
-      var S = m.call(p, u);
+      var S = m.call(p, d);
       if (f(S) != "object") return S;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (u === "string" ? String : Number)(p);
+    return (d === "string" ? String : Number)(p);
   }
   var i = r(r({}, l.commonLocale), {}, {
     locale: "zh_CN",
@@ -135,29 +135,29 @@ function bn() {
     cellDateFormat: "D",
     monthBeforeYear: !1
   });
-  return qe.default = i, qe;
+  return Be.default = i, Be;
 }
-var Ve = {}, wt;
-function Ot() {
-  if (wt) return Ve;
-  wt = 1, Object.defineProperty(Ve, "__esModule", {
+var Ze = {}, Ct;
+function jt() {
+  if (Ct) return Ze;
+  Ct = 1, Object.defineProperty(Ze, "__esModule", {
     value: !0
-  }), Ve.default = void 0;
+  }), Ze.default = void 0;
   const l = {
     placeholder: "请选择时间",
     rangePlaceholder: ["开始时间", "结束时间"]
   };
-  return Ve.default = l, Ve;
+  return Ze.default = l, Ze;
 }
-var St;
-function At() {
-  if (St) return Ge;
-  St = 1;
-  var l = mt().default;
-  Object.defineProperty(Ge, "__esModule", {
+var Nt;
+function Wt() {
+  if (Nt) return qe;
+  Nt = 1;
+  var l = gt().default;
+  Object.defineProperty(qe, "__esModule", {
     value: !0
-  }), Ge.default = void 0;
-  var f = l(bn()), t = l(/* @__PURE__ */ Ot());
+  }), qe.default = void 0;
+  var f = l(wn()), t = l(/* @__PURE__ */ jt());
   const r = {
     lang: {
       placeholder: "请选择日期",
@@ -176,28 +176,28 @@ function At() {
       ...t.default
     }
   };
-  return r.lang.ok = "确定", Ge.default = r, Ge;
+  return r.lang.ok = "确定", qe.default = r, qe;
 }
-var Ct;
-function xn() {
-  if (Ct) return He;
-  Ct = 1;
-  var l = mt().default;
-  Object.defineProperty(He, "__esModule", {
+var It;
+function Sn() {
+  if (It) return Ge;
+  It = 1;
+  var l = gt().default;
+  Object.defineProperty(Ge, "__esModule", {
     value: !0
-  }), He.default = void 0;
-  var f = l(/* @__PURE__ */ At());
-  return He.default = f.default, He;
+  }), Ge.default = void 0;
+  var f = l(/* @__PURE__ */ Wt());
+  return Ge.default = f.default, Ge;
 }
-var Nt;
-function wn() {
-  if (Nt) return Fe;
-  Nt = 1;
-  var l = mt().default;
-  Object.defineProperty(Fe, "__esModule", {
+var kt;
+function Cn() {
+  if (kt) return Ue;
+  kt = 1;
+  var l = gt().default;
+  Object.defineProperty(Ue, "__esModule", {
     value: !0
-  }), Fe.default = void 0;
-  var f = l(yn()), t = l(/* @__PURE__ */ xn()), r = l(/* @__PURE__ */ At()), c = l(/* @__PURE__ */ Ot());
+  }), Ue.default = void 0;
+  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,
@@ -338,17 +338,17 @@ function wn() {
       gradientColor: "渐变色"
     }
   };
-  return Fe.default = a, Fe;
+  return Ue.default = a, Ue;
 }
-var ct, It;
-function Sn() {
-  return It || (It = 1, ct = /* @__PURE__ */ wn()), ct;
+var dt, Et;
+function Nn() {
+  return Et || (Et = 1, dt = /* @__PURE__ */ Cn()), dt;
 }
-var Cn = /* @__PURE__ */ Sn();
-const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n, ...a) => {
-  const i = typeof c == "function" ? mn(c) : c;
+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)), kn = In, kt = {
+}, l(r.setState, t, r)), Mn = En, Mt = {
   nodes: [],
   materials: [],
   selectedNodeId: null,
@@ -381,15 +381,15 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
   targetId: f,
   payload: t,
   timestamp: Date.now()
-}), _e = hn()(
-  kn((l, f) => ({
-    ...kt,
+}), ze = fn()(
+  Mn((l, f) => ({
+    ...Mt,
     // ========== 节点操作 ==========
     addNode: (t, r = !0) => {
       l((c) => {
         const n = {
           ...t,
-          id: H()
+          id: t.id || H()
         };
         c.nodes.push(n), r && (c.selectedNodeId = n.id, c.history.past.push(Se("NODE_SELECT", n.id)));
       });
@@ -585,11 +585,11 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
     },
     importScheme: (t) => {
       l((r) => {
-        r.nodes = t.nodes || [], r.materials = t.materials || [], r.viewport = t.viewport || kt.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: [] };
       });
     }
   }))
-), En = [
+), Dn = [
   // 基础形状
   {
     id: H(),
@@ -662,30 +662,30 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       lineType: "solid"
     }
   }
-], jt = (l) => ({
+], Ft = (l) => ({
   id: H(),
   name: "默认状态",
   expression: "return true;",
   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((u) => ({
-      ...u,
+    const r = t.config.nodes.map((d) => ({
+      ...d,
       id: H()
       // 重新生成子节点ID
     }));
     let c = 1 / 0, n = 1 / 0, a = -1 / 0, i = -1 / 0;
-    r.forEach((u) => {
-      const m = u.normalStyle.x || 0, S = u.normalStyle.y || 0, s = u.normalStyle.width || 0, I = u.normalStyle.height || 0;
-      c = Math.min(c, m), n = Math.min(n, S), a = Math.max(a, m + s), i = Math.max(i, S + I);
+    r.forEach((d) => {
+      const m = d.normalStyle.x || 0, S = d.normalStyle.y || 0, u = d.normalStyle.width || 0, E = 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 + E);
     });
-    const p = r.map((u) => ({
-      ...u,
+    const p = r.map((d) => ({
+      ...d,
       normalStyle: {
-        ...u.normalStyle,
-        x: (u.normalStyle.x || 0) - c,
-        y: (u.normalStyle.y || 0) - n,
+        ...d.normalStyle,
+        x: (d.normalStyle.x || 0) - c,
+        y: (d.normalStyle.y || 0) - n,
         scale: void 0
         // 移除 scale，由父级容器统一控制
       }
@@ -727,7 +727,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       padding: 8
     },
     contentInfo: {
-      statusList: t ? [jt(t)] : [],
+      statusList: t ? [Ft(t)] : [],
       currentStatusId: void 0
     },
     controlInfo: {
@@ -737,7 +737,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       isSelectable: !0
     }
   };
-}, { Panel: Te } = Ne, { Text: lt } = Lt, Dn = () => {
+}, { Panel: _e } = Ne, { Text: rt } = Pt, Ln = () => {
   const {
     materials: l,
     addMaterial: f,
@@ -748,22 +748,22 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
     lineDrawing: a,
     startLineDrawing: i,
     cancelLineDrawing: p
-  } = _e(), [u, m] = Q([
+  } = ze(), [d, m] = ee([
     "basic",
     "device",
     "text",
     "line"
   ]), S = (g) => {
-    const W = new FileReader();
-    return W.onload = (O) => {
+    const F = new FileReader();
+    return F.onload = (O) => {
       const X = O.target?.result;
       f({
         name: g.name.replace(".svg", ""),
         type: "IMAGE",
         src: X
       });
-    }, W.readAsDataURL(g), !1;
-  }, s = {
+    }, F.readAsDataURL(g), !1;
+  }, u = {
     basic: l.filter(
       (g) => ["矩形", "圆形", "圆角矩形"].includes(g.name)
     ),
@@ -776,22 +776,22 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
     custom: l.filter(
       (g) => g.type === "CUSTOM" && !g.config?.nodes || g.type === "IMAGE" && !["矩形", "圆形", "圆角矩形", "阀门", "泵", "罐体"].includes(g.name)
     )
-  }, I = (g, W) => {
-    g.dataTransfer.effectAllowed = "copy", g.dataTransfer.setData("application/json", JSON.stringify(W));
+  }, E = (g, F) => {
+    g.dataTransfer.effectAllowed = "copy", g.dataTransfer.setData("application/json", JSON.stringify(F));
     const O = g.currentTarget.querySelector(
       ".material-preview"
     );
     O && g.dataTransfer.setDragImage(O, 20, 20);
-  }, b = (g) => {
+  }, v = (g) => {
     g.type === "LINE" && i(g);
-  }, N = (g, W = !1) => {
-    const O = W === !0, X = n === "line-draw" && O && a.material?.id === g.id;
+  }, I = (g, F = !1) => {
+    const O = F === !0, X = n === "line-draw" && O && a.material?.id === g.id;
     return /* @__PURE__ */ e(
-      De.Item,
+      $e.Item,
       {
         draggable: !O,
-        onDragStart: ($) => I($, g),
-        onClick: () => O && b(g),
+        onDragStart: ($) => E($, g),
+        onClick: () => O && v(g),
         className: `
           rounded-lg transition-all duration-200 select-none
           ${O ? "cursor-pointer" : "cursor-move"}
@@ -800,25 +800,25 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
         `,
         actions: [
           O ? /* @__PURE__ */ e(
-            K,
+            Z,
             {
               type: "text",
               size: "small",
-              icon: /* @__PURE__ */ e(ht, {}),
+              icon: /* @__PURE__ */ e(ft, {}),
               onClick: ($) => {
-                $.stopPropagation(), b(g);
+                $.stopPropagation(), v(g);
               },
               children: "绘制"
             },
             "draw"
           ) : null,
           /* @__PURE__ */ e(
-            K,
+            Z,
             {
               type: "text",
               size: "small",
               danger: !0,
-              icon: /* @__PURE__ */ e(it, {}),
+              icon: /* @__PURE__ */ e(ot, {}),
               onClick: ($) => {
                 $.stopPropagation(), t(g.id);
               }
@@ -828,7 +828,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
         ].filter(Boolean),
         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(
-            Gt,
+            qt,
             {
               src: g.src,
               alt: g.name,
@@ -838,10 +838,10 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
             }
           ) : 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__ */ h("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ e(lt, { strong: !0, className: "block truncate", children: g.name }),
+            /* @__PURE__ */ e(rt, { strong: !0, className: "block truncate", children: g.name }),
             /* @__PURE__ */ h("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ e(lt, { type: "secondary", className: "text-xs", children: g.type }),
-              X && /* @__PURE__ */ e(pe, { color: "blue", className: "text-xs", children: "绘制中" })
+              /* @__PURE__ */ e(rt, { type: "secondary", className: "text-xs", children: g.type }),
+              X && /* @__PURE__ */ e(ye, { color: "blue", className: "text-xs", children: "绘制中" })
             ] })
           ] })
         ] })
@@ -852,92 +852,92 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
   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(lt, { 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(
-      Ht,
+      Tt,
       {
         accept: ".svg",
         beforeUpload: S,
         showUploadList: !1,
-        children: /* @__PURE__ */ e(K, { icon: /* @__PURE__ */ e(Pt, {}), 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__ */ h(
       Ne,
       {
-        activeKey: u,
+        activeKey: d,
         onChange: (g) => m(g),
         ghost: !0,
         expandIconPosition: "end",
         children: [
-          /* @__PURE__ */ e(Te, { header: "基础形状", children: /* @__PURE__ */ e(
-            De,
+          /* @__PURE__ */ e(_e, { header: "基础形状", children: /* @__PURE__ */ e(
+            $e,
             {
-              dataSource: s.basic,
-              renderItem: (g) => N(g, !1),
+              dataSource: u.basic,
+              renderItem: (g) => I(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  ge,
+                  pe,
                   {
                     description: "暂无物料",
-                    image: ge.PRESENTED_IMAGE_SIMPLE
+                    image: pe.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
             }
           ) }, "basic"),
-          /* @__PURE__ */ e(Te, { header: "设备图标", children: /* @__PURE__ */ e(
-            De,
+          /* @__PURE__ */ e(_e, { header: "设备图标", children: /* @__PURE__ */ e(
+            $e,
             {
-              dataSource: s.device,
-              renderItem: (g) => N(g, !1),
+              dataSource: u.device,
+              renderItem: (g) => I(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  ge,
+                  pe,
                   {
                     description: "暂无物料",
-                    image: ge.PRESENTED_IMAGE_SIMPLE
+                    image: pe.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
             }
           ) }, "device"),
-          /* @__PURE__ */ e(Te, { header: "文本", children: /* @__PURE__ */ e(
-            De,
+          /* @__PURE__ */ e(_e, { header: "文本", children: /* @__PURE__ */ e(
+            $e,
             {
-              dataSource: s.text,
-              renderItem: (g) => N(g, !1),
+              dataSource: u.text,
+              renderItem: (g) => I(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  ge,
+                  pe,
                   {
                     description: "暂无物料",
-                    image: ge.PRESENTED_IMAGE_SIMPLE
+                    image: pe.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
             }
           ) }, "text"),
           /* @__PURE__ */ h(
-            Te,
+            _e,
             {
               header: /* @__PURE__ */ h("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ e("span", { children: "线条" }),
-                n === "line-draw" && /* @__PURE__ */ e(pe, { color: "blue", className: "text-xs", children: "绘制模式" })
+                n === "line-draw" && /* @__PURE__ */ e(ye, { color: "blue", className: "text-xs", children: "绘制模式" })
               ] }),
               children: [
                 /* @__PURE__ */ e(
-                  De,
+                  $e,
                   {
-                    dataSource: s.line,
-                    renderItem: (g) => N(g, !0),
+                    dataSource: u.line,
+                    renderItem: (g) => I(g, !0),
                     locale: {
                       emptyText: /* @__PURE__ */ e(
-                        ge,
+                        pe,
                         {
                           description: "暂无物料",
-                          image: ge.PRESENTED_IMAGE_SIMPLE
+                          image: pe.PRESENTED_IMAGE_SIMPLE
                         }
                       )
                     }
@@ -951,33 +951,33 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
             },
             "line"
           ),
-          s.group.length > 0 && /* @__PURE__ */ e(Te, { header: "群组", children: /* @__PURE__ */ e(
-            De,
+          u.group.length > 0 && /* @__PURE__ */ e(_e, { header: "群组", children: /* @__PURE__ */ e(
+            $e,
             {
-              dataSource: s.group,
-              renderItem: (g) => N(g, !1),
+              dataSource: u.group,
+              renderItem: (g) => I(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  ge,
+                  pe,
                   {
                     description: "暂无物料",
-                    image: ge.PRESENTED_IMAGE_SIMPLE
+                    image: pe.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
             }
           ) }, "group"),
-          s.custom.length > 0 && /* @__PURE__ */ e(Te, { header: "自定义", children: /* @__PURE__ */ e(
-            De,
+          u.custom.length > 0 && /* @__PURE__ */ e(_e, { header: "自定义", children: /* @__PURE__ */ e(
+            $e,
             {
-              dataSource: s.custom,
-              renderItem: (g) => N(g, !1),
+              dataSource: u.custom,
+              renderItem: (g) => I(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  ge,
+                  pe,
                   {
                     description: "暂无物料",
-                    image: ge.PRESENTED_IMAGE_SIMPLE
+                    image: pe.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
@@ -986,9 +986,9 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
         ]
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ e(lt, { type: "secondary", className: "text-xs", children: n === "line-draw" ? /* @__PURE__ */ e(Re, { children: "💡 提示：点击绘制线段，可连续绘制多段线，双击结束绘制，ESC 取消" }) : /* @__PURE__ */ e(Re, { 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: Et } = Lt, $n = (l, f) => {
+}, { Text: Dt } = Pt, Yn = (l, f) => {
   try {
     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(
@@ -1000,16 +1000,16 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
   } catch (t) {
     return console.warn(`状态表达式执行失败 [${l.name}]:`, t), !1;
   }
-}, Yn = (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(
       (c) => t.bindCodes?.includes(c.paramsCode)
-    )) : r = f, $n(t, r))
+    )) : r = f, Yn(t, r))
       return t;
   }
-}, Ln = (l, f) => {
+}, Pn = (l, f) => {
   if (!f || !l)
     return { value: void 0 };
   if (Array.isArray(l)) {
@@ -1025,12 +1025,12 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       unit: l.unit
     };
   return { value: void 0 };
-}, Xn = (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);
-}, Pn = (l, f, t, r) => {
+}, Rn = (l, f, t, r) => {
   switch (l.type) {
     case "IMAGE":
       const c = l, n = c.backgroundColor, a = c.fillColor;
@@ -1056,46 +1056,46 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       );
     case "TEXT":
       const p = l, {
-        label: u,
+        label: d,
         value: m,
         valueSourceCode: S,
-        unit: s,
-        decimals: I,
-        labelStyle: b,
-        valueStyle: N,
+        unit: u,
+        decimals: E,
+        labelStyle: v,
+        valueStyle: I,
         customStyle: g
-      } = p.content || {}, { value: W, unit: O } = S ? Ln(f, S) : { value: void 0, unit: void 0 }, $ = Xn(W !== void 0 ? W : m, I), Y = s || O || "";
+      } = p.content || {}, { value: F, unit: O } = S ? Pn(f, S) : { value: void 0, unit: void 0 }, $ = Tn(F !== void 0 ? F : m, E), L = u || O || "";
       return /* @__PURE__ */ h(
         "div",
         {
           className: "w-full h-full flex flex-col justify-center gap-1",
           style: { ...g },
           children: [
-            u && /* @__PURE__ */ e(
-              Et,
+            d && /* @__PURE__ */ e(
+              Dt,
               {
                 style: {
                   fontSize: 14,
                   fontWeight: "bold",
                   color: "#262626",
                   textAlign: "left",
-                  ...b
+                  ...v
                 },
-                children: u
+                children: d
               }
             ),
             $ && /* @__PURE__ */ h(
-              Et,
+              Dt,
               {
                 style: {
                   fontSize: 14,
                   color: "#1890ff",
                   textAlign: "left",
-                  ...N
+                  ...I
                 },
                 children: [
                   $,
-                  Y ? ` ${Y}` : ""
+                  L ? ` ${L}` : ""
                 ]
               }
             )
@@ -1108,15 +1108,15 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
         color: we = "#d9d9d9",
         dashed: ie = !1,
         lineType: A = ie ? "dashed" : "solid",
-        lineWeight: Z = ne,
+        lineWeight: K = ne,
         // 起点和终点的相对坐标
         startX: G = 0,
         startY: T = 0,
-        endX: o = 100,
+        endX: s = 100,
         endY: q = 0
-      } = xe.config || {}, L = ((Oe) => {
-        const j = Math.max(Z, 1);
-        switch (Oe) {
+      } = xe.config || {}, Y = ((je) => {
+        const j = Math.max(K, 1);
+        switch (je) {
           case "solid":
             return "";
           case "dashed":
@@ -1146,10 +1146,10 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
               {
                 x1: G,
                 y1: T,
-                x2: o,
+                x2: s,
                 y2: q,
                 stroke: "transparent",
-                strokeWidth: Math.max(Z, 10),
+                strokeWidth: Math.max(K, 10),
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 style: { pointerEvents: "stroke", cursor: "pointer" }
@@ -1160,11 +1160,11 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
               {
                 x1: G,
                 y1: T,
-                x2: o,
+                x2: s,
                 y2: q,
                 stroke: M,
-                strokeWidth: Z,
-                strokeDasharray: L,
+                strokeWidth: K,
+                strokeDasharray: Y,
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 style: { pointerEvents: "none" }
@@ -1174,12 +1174,12 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
         }
       ) });
     case "CUSTOM":
-      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: "自定义组件" }) });
+      const J = l;
+      return J.render ? J.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: "未知类型" }) });
   }
-}, Tn = ({
+}, _n = ({
   node: l,
   isSelected: f = !1,
   onClick: t,
@@ -1188,19 +1188,21 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
   onUpdateNode: n,
   scale: a = 1
 }) => {
-  const { normalStyle: i, contentInfo: p, controlInfo: u } = l, { statusList: m } = p, { isClickable: S, isDraggable: s, isResizable: I } = u, b = ue(t);
-  b.current = t;
-  const [N, g] = Q(null), W = ue(null), O = ue(null), X = ue(null), $ = ue(null), [Y, xe] = Q(null), [ne, we] = Q(null), ie = ue(null), A = Yt(() => {
+  const { normalStyle: i, contentInfo: p, controlInfo: d } = l, { statusList: m } = p, { isClickable: S, isDraggable: u, isResizable: E } = d, v = ue(t);
+  he(() => {
+    v.current = t;
+  }, [t]);
+  const [I, g] = ee(null), F = ue(null), O = ue(null), X = ue(null), $ = ue(null), [L, xe] = ee(null), [ne, we] = ee(null), ie = ue(null), A = Xt(() => {
     if (m.length === 0) return;
-    const C = Yn(m, c);
+    const C = Xn(m, c);
     return C || m[0];
-  }, [m, c]), Z = A?.material, G = Z?.type === "LINE", T = G ? Z.config : null, o = i.scale ?? 1, q = (i.width || 100) * o, v = (i.height || 100) * o, L = V(() => {
+  }, [m, c]), K = A?.material, G = K?.type === "LINE", T = G ? K.config : null, s = i.scale ?? 1, q = (i.width || 100) * s, x = (i.height || 100) * s, Y = V(() => {
     const C = $.current?.closest('[data-canvas="true"]');
     if (!C) return a;
-    const z = C.getBoundingClientRect(), _ = parseFloat(C.style.width);
-    return _ ? z.width / _ : 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 = {
+    C.stopPropagation(), C.preventDefault(), F.current = {
       mouseX: C.clientX,
       mouseY: C.clientY,
       startX: T?.startX || 0,
@@ -1211,40 +1213,40 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       nodeY: i.y || 0
     }, g(z);
   }, [T, i.x, i.y]);
-  ye(() => {
-    if (!N || !G || !T || !n) return;
-    const C = (_) => {
-      const D = W.current;
+  he(() => {
+    if (!I || !G || !T || !n) return;
+    const C = (R) => {
+      const D = F.current;
       if (!D || !$.current) return;
-      const he = L(), me = (_.clientX - D.mouseX) / he, ae = (_.clientY - D.mouseY) / he;
-      let J = D.startX, oe = D.startY, se = D.endX, ce = D.endY, Ye = D.nodeX, Le = D.nodeY;
-      N === "start" ? (J = D.startX + me, oe = D.startY + ae, J < 0 && (Ye = D.nodeX + J, se = D.endX - J, J = 0), oe < 0 && (Le = D.nodeY + oe, ce = D.endY - oe, oe = 0)) : (se = D.endX + me, ce = D.endY + ae, se < 0 && (Ye = D.nodeX + se, J = D.startX - se, se = 0), ce < 0 && (Le = D.nodeY + ce, oe = D.startY - ce, ce = 0));
-      const Qe = Math.max((T.lineWeight || 2) * 2, 4), et = Math.max(J, se), tt = Math.max(oe, ce), Ae = Math.max(et, Qe), Xe = Math.max(tt, Qe);
+      const me = Y(), fe = (R.clientX - D.mouseX) / me, ae = (R.clientY - D.mouseY) / me;
+      let Q = D.startX, oe = D.startY, se = D.endX, ce = D.endY, Xe = D.nodeX, Pe = D.nodeY;
+      I === "start" ? (Q = D.startX + fe, oe = D.startY + ae, Q < 0 && (Xe = D.nodeX + Q, se = D.endX - Q, Q = 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, Q = 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(Q, se), nt = Math.max(oe, ce), We = Math.max(tt, et), Te = Math.max(nt, et);
       O.current = {
-        nodeX: Ye,
-        nodeY: Le,
-        width: Ae,
-        height: Xe,
-        startX: J,
+        nodeX: Xe,
+        nodeY: Pe,
+        width: We,
+        height: Te,
+        startX: Q,
         startY: oe,
         endX: se,
         endY: ce
       };
-      const fe = $.current;
-      fe.style.left = `${Ye}px`, fe.style.top = `${Le}px`, fe.style.width = `${Ae}px`, fe.style.height = `${Xe}px`, fe.querySelectorAll("svg line").forEach((y) => {
-        y.setAttribute("x1", String(J)), y.setAttribute("y1", String(oe)), y.setAttribute("x2", String(se)), y.setAttribute("y2", String(ce));
+      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(Q)), o.setAttribute("y1", String(oe)), o.setAttribute("x2", String(se)), o.setAttribute("y2", String(ce));
       });
-      const je = fe.querySelector('[data-handle="start"]'), d = fe.querySelector('[data-handle="end"]');
-      je && (je.style.left = `${J - 6}px`, je.style.top = `${oe - 6}px`), d && (d.style.left = `${se - 6}px`, d.style.top = `${ce - 6}px`);
+      const Fe = ge.querySelector('[data-handle="start"]'), De = ge.querySelector('[data-handle="end"]');
+      Fe && (Fe.style.left = `${Q - 6}px`, Fe.style.top = `${oe - 6}px`), De && (De.style.left = `${se - 6}px`, De.style.top = `${ce - 6}px`);
     }, z = () => {
-      const _ = O.current;
-      _ && n(l.id, {
+      const R = O.current;
+      R && n(l.id, {
         normalStyle: {
           ...i,
-          x: _.nodeX,
-          y: _.nodeY,
-          width: _.width,
-          height: _.height
+          x: R.nodeX,
+          y: R.nodeY,
+          width: R.width,
+          height: R.height
         },
         contentInfo: {
           ...p,
@@ -1254,59 +1256,59 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
               ...D.material,
               config: {
                 ...T,
-                startX: _.startX,
-                startY: _.startY,
-                endX: _.endX,
-                endY: _.endY
+                startX: R.startX,
+                startY: R.startY,
+                endX: R.endX,
+                endY: R.endY
               }
             } : D.material
           }))
         }
-      }), g(null), W.current = null, O.current = null;
+      }), g(null), F.current = null, O.current = null;
     };
     return window.addEventListener("mousemove", C), window.addEventListener("mouseup", z), () => {
       window.removeEventListener("mousemove", C), window.removeEventListener("mouseup", z);
     };
-  }, [N, G, T, l.id, i, p, m, n, L]), ye(() => {
-    if (!Y || !n) return;
-    const C = (_) => {
+  }, [I, G, T, l.id, i, p, m, n, Y]), he(() => {
+    if (!L || !n) return;
+    const C = (R) => {
       if (!$.current) return;
-      const D = L(), he = (_.clientX - Y.startX) / D, me = (_.clientY - Y.startY) / D;
-      let ae = Y.startWidth, J = Y.startHeight, oe = Y.startNodeX, se = Y.startNodeY;
-      switch (Y.corner) {
+      const D = Y(), me = (R.clientX - L.startX) / D, fe = (R.clientY - L.startY) / D;
+      let ae = L.startWidth, Q = L.startHeight, oe = L.startNodeX, se = L.startNodeY;
+      switch (L.corner) {
         case "se":
-          ae = Math.max(20, Y.startWidth + he), J = Math.max(20, Y.startHeight + me);
+          ae = Math.max(20, L.startWidth + me), Q = Math.max(20, L.startHeight + fe);
           break;
         case "sw":
-          ae = Math.max(20, Y.startWidth - he), J = Math.max(20, Y.startHeight + me), oe = Y.startNodeX + (Y.startWidth - ae);
+          ae = Math.max(20, L.startWidth - me), Q = Math.max(20, L.startHeight + fe), oe = L.startNodeX + (L.startWidth - ae);
           break;
         case "ne":
-          ae = Math.max(20, Y.startWidth + he), J = Math.max(20, Y.startHeight - me), se = Y.startNodeY + (Y.startHeight - J);
+          ae = Math.max(20, L.startWidth + me), Q = Math.max(20, L.startHeight - fe), se = L.startNodeY + (L.startHeight - Q);
           break;
         case "nw":
-          ae = Math.max(20, Y.startWidth - he), J = Math.max(20, Y.startHeight - me), oe = Y.startNodeX + (Y.startWidth - ae), se = Y.startNodeY + (Y.startHeight - J);
+          ae = Math.max(20, L.startWidth - me), Q = Math.max(20, L.startHeight - fe), oe = L.startNodeX + (L.startWidth - ae), se = L.startNodeY + (L.startHeight - Q);
           break;
       }
-      X.current = { x: oe, y: se, width: ae, height: J };
+      X.current = { x: oe, y: se, width: ae, height: Q };
       const ce = $.current;
-      ce.style.left = `${oe}px`, ce.style.top = `${se}px`, ce.style.width = `${ae}px`, ce.style.height = `${J}px`;
+      ce.style.left = `${oe}px`, ce.style.top = `${se}px`, ce.style.width = `${ae}px`, ce.style.height = `${Q}px`;
     }, z = () => {
-      const _ = X.current;
-      _ && n(l.id, {
+      const R = X.current;
+      R && n(l.id, {
         normalStyle: {
           ...i,
-          x: _.x,
-          y: _.y,
-          width: _.width,
-          height: _.height
+          x: R.x,
+          y: R.y,
+          width: R.width,
+          height: R.height
         }
       }), xe(null), X.current = null;
     };
     return window.addEventListener("mousemove", C), window.addEventListener("mouseup", z), () => {
       window.removeEventListener("mousemove", C), window.removeEventListener("mouseup", z);
     };
-  }, [Y, n, l.id, i, L]);
-  const ee = V((C, z) => {
+  }, [L, n, l.id, i, Y]);
+  const J = V((C, z) => {
     C.stopPropagation(), C.preventDefault(), xe({
       corner: z,
       startX: C.clientX,
@@ -1316,7 +1318,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       startNodeX: i.x || 0,
       startNodeY: i.y || 0
     });
-  }, [i.width, i.height, i.x, i.y]), Oe = V((C) => {
+  }, [i.width, i.height, i.x, i.y]), je = V((C) => {
     C.stopPropagation(), C.preventDefault();
     const z = $.current?.getBoundingClientRect();
     z && we({
@@ -1327,21 +1329,21 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       centerY: z.top + z.height / 2
     });
   }, [i.rotate]);
-  ye(() => {
+  he(() => {
     if (!ne) return;
-    const C = (_) => {
-      const D = _.clientX - ne.centerX, he = _.clientY - ne.centerY;
-      let ae = (Math.atan2(he, D) * (180 / Math.PI) + 90) % 360;
+    const C = (R) => {
+      const D = R.clientX - ne.centerX, me = R.clientY - ne.centerY;
+      let ae = (Math.atan2(me, D) * (180 / Math.PI) + 90) % 360;
       if (ae < 0 && (ae += 360), ie.current = ae, $.current) {
-        const J = i.transform || "";
-        $.current.style.transform = `rotate(${ae}deg) ${J}`.trim();
+        const Q = i.transform || "";
+        $.current.style.transform = `rotate(${ae}deg) ${Q}`.trim();
       }
     }, z = () => {
-      const _ = ie.current ?? ne.startAngle;
+      const R = ie.current ?? ne.startAngle;
       ie.current = null, n && n(l.id, {
         normalStyle: {
           ...i,
-          rotate: Math.round(_)
+          rotate: Math.round(R)
         }
       }), we(null);
     };
@@ -1349,12 +1351,12 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       window.removeEventListener("mousemove", C), window.removeEventListener("mouseup", z);
     };
   }, [ne, n, l.id, i]);
-  const j = l.type === "group", ot = {
+  const j = l.type === "group", st = {
     position: "absolute",
     left: i.x || 0,
     top: i.y || 0,
     width: q,
-    height: v,
+    height: x,
     // 群组节点不显示背景和边框，只作为容器
     background: j ? "transparent" : i.background || "transparent",
     backgroundImage: j ? void 0 : i.backgroundImage ? `url(${i.backgroundImage})` : void 0,
@@ -1372,33 +1374,33 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
     transform: `rotate(${ie.current ?? (i.rotate || 0)}deg) ${i.transform || ""}`.trim(),
     transformOrigin: "center center",
     zIndex: f ? 1e3 : i.zIndex ?? 1,
-    cursor: s && !N ? "move" : S ? "pointer" : "default",
+    cursor: u && !I ? "move" : S ? "pointer" : "default",
     boxSizing: "border-box",
     // 选中、线条和群组节点使用 visible overflow，避免裁剪手柄
     overflow: f || G || j ? "visible" : "hidden"
-  }, Je = T ? { x: T.startX || 0, y: T.startY || 0 } : { x: 0, y: 0 }, Ke = T ? { x: T.endX || 0, y: T.endY || 0 } : { x: 0, y: 0 };
+  }, 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: $,
       "data-node-id": l.id,
-      style: ot,
+      style: st,
       onClick: (C) => {
         console.log("NodeRenderer onClick", l.id, "isClickable:", S);
-        const z = b.current;
-        S && z && !N && !Y && !ne && (C.stopPropagation(), z(C));
+        const z = v.current;
+        S && z && !I && !L && !ne && (C.stopPropagation(), z(C));
       },
       onMouseDown: (C) => {
-        s && r && !N && r(C);
+        u && r && !I && r(C);
       },
       children: [
-        f && !G && !j && /* @__PURE__ */ h(Re, { 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: (C) => ee(C, "nw"),
+              onMouseDown: (C) => J(C, "nw"),
               title: "拖拽调整大小"
             }
           ),
@@ -1407,7 +1409,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, 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: (C) => ee(C, "ne"),
+              onMouseDown: (C) => J(C, "ne"),
               title: "拖拽调整大小"
             }
           ),
@@ -1416,7 +1418,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, 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: (C) => ee(C, "sw"),
+              onMouseDown: (C) => J(C, "sw"),
               title: "拖拽调整大小"
             }
           ),
@@ -1425,7 +1427,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, 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: (C) => ee(C, "se"),
+              onMouseDown: (C) => J(C, "se"),
               title: "拖拽调整大小"
             }
           ),
@@ -1434,7 +1436,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, 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: (C) => Oe(C),
+              onMouseDown: (C) => je(C),
               title: "拖拽旋转"
             }
           ),
@@ -1451,15 +1453,15 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
             A ? `(${A.name})` : ""
           ] })
         ] }),
-        f && G && T && n && /* @__PURE__ */ h(Re, { children: [
+        f && G && T && n && /* @__PURE__ */ h(Oe, { children: [
           /* @__PURE__ */ e(
             "div",
             {
               "data-handle": "start",
               className: "absolute w-3 h-3 bg-blue-500 border-2 border-white rounded-full cursor-move z-50",
               style: {
-                left: Je.x - 6,
-                top: Je.y - 6,
+                left: Ke.x - 6,
+                top: Ke.y - 6,
                 boxShadow: "0 0 4px rgba(0,0,0,0.3)"
               },
               onMouseDown: (C) => M(C, "start"),
@@ -1472,8 +1474,8 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, 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: Ke.x - 6,
-                top: Ke.y - 6,
+                left: Qe.x - 6,
+                top: Qe.y - 6,
                 boxShadow: "0 0 4px rgba(0,0,0,0.3)"
               },
               onMouseDown: (C) => M(C, "end"),
@@ -1482,12 +1484,12 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           ),
           /* @__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: Z ? /* @__PURE__ */ e("div", { className: "w-full h-full", children: Pn(Z, c, f) }) : j ? null : (
+        /* @__PURE__ */ e("div", { className: "w-full h-full relative", children: K ? /* @__PURE__ */ e("div", { className: "w-full h-full", children: Rn(K, 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((C) => /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: /* @__PURE__ */ e(
-          Wt,
+          Ut,
           {
             node: C,
             isSelected: !1,
@@ -1499,10 +1501,10 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       ]
     }
   );
-}, Wt = Ce.memo(Tn, (l, f) => {
+}, 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;
-}), _n = [
+}), zn = [
   "#1890ff",
   "#52c41a",
   "#faad14",
@@ -1519,22 +1521,22 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
   "#000000",
   "#ff4d4f",
   "#73d13d"
-], ze = ({
+], Ae = ({
   value: l = "#1890ff",
   onChange: f,
   onChangeComplete: t
 }) => {
-  const [r, c] = Q(!1), [n, a] = Q(l), i = ue(null);
-  ye(() => {
+  const [r, c] = ee(!1), [n, a] = ee(l), i = ue(null);
+  he(() => {
     a(l);
-  }, [l]), ye(() => {
-    const u = (m) => {
+  }, [l]), he(() => {
+    const d = (m) => {
       i.current && !i.current.contains(m.target) && (c(!1), t?.({ toHexString: () => n }));
     };
-    return r && document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
+    return r && document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, [r, t, n]);
-  const p = (u) => {
-    a(u), f?.({ toHexString: () => u });
+  const p = (d) => {
+    a(d), f?.({ toHexString: () => d });
   };
   return /* @__PURE__ */ h("div", { ref: i, style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ e(
@@ -1566,29 +1568,29 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           border: "1px solid #f0f0f0"
         },
         children: [
-          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(8, 1fr)", gap: 4 }, children: _n.map((u) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(8, 1fr)", gap: 4 }, children: zn.map((d) => /* @__PURE__ */ e(
             "div",
             {
               onClick: () => {
-                p(u), c(!1), t?.({ toHexString: () => u });
+                p(d), c(!1), t?.({ toHexString: () => d });
               },
               style: {
                 width: 20,
                 height: 20,
-                backgroundColor: u,
-                border: n === u ? "2px solid #1890ff" : "1px solid #d9d9d9",
+                backgroundColor: d,
+                border: n === d ? "2px solid #1890ff" : "1px solid #d9d9d9",
                 borderRadius: 2,
                 cursor: "pointer"
               }
             },
-            u
+            d
           )) }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "color",
               value: n,
-              onChange: (u) => p(u.target.value),
+              onChange: (d) => p(d.target.value),
               onBlur: () => t?.({ toHexString: () => n }),
               style: {
                 width: "100%",
@@ -1603,67 +1605,69 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       }
     )
   ] });
-}, { TextArea: Rn } = re, zn = ({ defaultTestData: l }) => {
+}, { 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: u,
+    canvas: d,
     setViewport: m,
     setCanvasConfig: S,
-    addNode: s,
-    selectNode: I,
-    updateNode: b,
-    removeNode: N,
+    addNode: u,
+    selectNode: E,
+    updateNode: v,
+    removeNode: I,
     undo: g,
-    redo: W,
+    redo: F,
     setMode: O,
     startLineDrawing: X,
     endLineDrawing: $,
-    cancelLineDrawing: Y
-  } = _e(), [xe, ne] = Q(!1), [, we] = Q({}), ie = ue(a);
-  ye(() => {
+    cancelLineDrawing: L
+  } = ze();
+  console.log("selectedNodeId", n);
+  const [xe, ne] = ee(!1), [, we] = ee({}), ie = ue(a);
+  he(() => {
     ie.current = a;
   }, [a]);
-  const A = ue(!1), Z = ue({ x: 0, y: 0 }), G = ue({ x: 0, y: 0, newX: 0, newY: 0 }), T = ue(null), [o, q] = Q({ start: null, end: null, isDrawing: !1 }), [v, L] = Q({ start: null, end: null }), [M, ee] = Q([]);
+  const A = ue(!1), K = ue({ x: 0, y: 0 }), G = ue({ x: 0, y: 0, newX: 0, newY: 0 }), T = ue(null), [s, q] = ee({ start: null, end: null, isDrawing: !1 }), [x, Y] = ee({ start: null, end: null }), [M, J] = ee([]);
   ue(!1);
-  const [Oe, j] = Q(!1), [ot, Je] = Q(
+  const [je, j] = ee(!1), [st, Ke] = ee(
     JSON.stringify(l, null, 2)
-  ), [Ke, C] = Q(!1), [z, _] = Q(!1), D = V((d, y) => {
+  ), [Qe, C] = ee(!1), [z, R] = ee(!1), D = V((o, y) => {
     if (!t.current) return { x: 0, y: 0 };
-    const E = t.current.getBoundingClientRect(), k = d - E.left, x = y - E.top, P = E.width / u.width, F = E.height / u.height, U = k / P, B = x / F;
+    const N = t.current.getBoundingClientRect(), k = o - N.left, b = y - N.top, P = N.width / d.width, W = N.height / d.height, U = k / P, B = b / W;
     return { x: Math.round(U), y: Math.round(B) };
-  }, [u.width, u.height]), he = V((d, y) => D(d, y), [D]), me = V(
-    (d, y, E = !0) => {
+  }, [d.width, d.height]), me = V((o, y) => D(o, y), [D]), fe = V(
+    (o, y, N = !0) => {
       if (!i.material) return;
-      const k = i.material, x = k.config || {}, P = x.lineWeight || x.thickness || 2, F = Math.min(d.x, y.x), U = Math.min(d.y, y.y), B = Math.round(d.x - F), R = Math.round(d.y - U), le = Math.round(y.x - F), de = Math.round(y.y - U), ve = Math.max(P * 2, 4), Pe = Math.max(Math.abs(d.x - y.x), ve), ke = Math.max(Math.abs(d.y - y.y), ve), nt = {
+      const k = i.material, b = k.config || {}, P = b.lineWeight || b.thickness || 2, W = Math.min(o.x, y.x), U = Math.min(o.y, y.y), B = Math.round(o.x - W), _ = Math.round(o.y - U), le = Math.round(y.x - W), 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 = {
         ...k,
         id: H(),
         config: {
-          color: x.color,
+          color: b.color,
           lineWeight: P,
           thickness: P,
-          lineType: x.lineType,
+          lineType: b.lineType,
           startX: B,
-          startY: R,
+          startY: _,
           endX: le,
           endY: de
         }
-      }, Ut = {
+      }, Gt = {
         id: H(),
         name: `${k.name}_${Date.now()}`,
         type: "normal",
         normalStyle: {
-          width: Pe,
+          width: Re,
           height: ke,
-          x: F,
+          x: W,
           y: U,
           background: "transparent"
         },
         contentInfo: {
-          statusList: [jt(nt)],
+          statusList: [Ft(lt)],
           currentStatusId: void 0
         },
         controlInfo: {
@@ -1673,201 +1677,201 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           isSelectable: !0
         }
       };
-      if (s(Ut, !1), E) {
-        const gt = { x: y.x, y: y.y };
+      if (u(Gt, !1), N) {
+        const yt = { x: y.x, y: y.y };
         q({
-          start: gt,
-          end: { ...gt },
+          start: yt,
+          end: { ...yt },
           isDrawing: !0
         });
       } else
         q({ start: null, end: null, isDrawing: !1 }), $();
     },
-    [i.material, s, $]
+    [i.material, u, $]
   ), ae = V(() => {
-    const d = f.current?.state;
-    d && m({
-      scale: d.scale,
-      positionX: d.positionX,
-      positionY: d.positionY
+    const o = f.current?.state;
+    o && m({
+      scale: o.scale,
+      positionX: o.positionX,
+      positionY: o.positionY
     });
-  }, [m]), J = V(
-    (d) => {
-      A.current || a !== "box-select" && (d.target === t.current || d.target.dataset?.canvas === "true") && (I(null), ee([]));
+  }, [m]), Q = V(
+    (o) => {
+      A.current || a !== "box-select" && (o.target === t.current || o.target.dataset?.canvas === "true") && (E(null), J([]));
     },
-    [I, a]
+    [E, a]
   ), oe = V(
-    (d) => {
-      if (d.button === 0) {
+    (o) => {
+      if (o.button === 0) {
         if (a === "line-draw" && i.material) {
-          d.stopPropagation();
-          const y = D(d.clientX, d.clientY);
-          o.isDrawing ? o.start && me(o.start, y, !0) : q({ 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" && !z) {
-          const y = he(d.clientX, d.clientY);
-          L({ start: y, end: y }), ee([]), d.preventDefault(), d.stopPropagation();
+          const y = me(o.clientX, o.clientY);
+          Y({ start: y, end: y }), J([]), o.preventDefault(), o.stopPropagation();
         }
       }
     },
-    [a, i.material, o.isDrawing, o.start, z, me, D, he]
+    [a, i.material, s.isDrawing, s.start, z, fe, D, me]
   ), se = V(
-    (d) => {
-      if (!(a !== "line-draw" || !i.material) && o.isDrawing && o.start) {
-        const y = D(d.clientX, d.clientY);
-        me(o.start, y, !1);
+    (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, o.isDrawing, o.start, me, D]
-  ), ce = V((d) => {
-    d.preventDefault(), d.dataTransfer.dropEffect = "copy", ne(!0);
-  }, []), Ye = V((d) => {
-    d.preventDefault(), ne(!1);
-  }, []), Le = V(
-    (d) => {
-      if (d.preventDefault(), ne(!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 E = JSON.parse(y), k = D(d.clientX, d.clientY), x = k.x - 50, P = k.y - 50, F = Mn(x, P, E);
-          s(F);
+          const N = JSON.parse(y), k = D(o.clientX, o.clientY), b = k.x - 50, P = k.y - 50, W = $n(b, P, N);
+          u(W), J([W.id]);
         } catch (y) {
           console.error("Failed to parse dropped material:", y);
         }
     },
-    [a, s, D]
-  ), Qe = V(
-    (d, y) => {
-      a !== "select" && a !== "box-select" || !y.controlInfo.isDraggable || (d.stopPropagation(), I(y.id), A.current = !0, Z.current = { x: d.clientX, y: d.clientY }, G.current = {
+    [a, u, D]
+  ), et = V(
+    (o, y) => {
+      a !== "select" && a !== "box-select" || !y.controlInfo.isDraggable || (o.stopPropagation(), E(y.id), A.current = !0, K.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
-      }, T.current = y, d.preventDefault());
+      }, T.current = y, o.preventDefault());
     },
-    [a, I]
+    [a, E]
   );
-  ye(() => {
-    const d = (x) => {
+  he(() => {
+    const o = (b) => {
       if (A.current && n && T.current) {
         if (!t.current) return;
-        const P = t.current.getBoundingClientRect(), F = P.width / u.width, U = P.height / u.height, B = x.clientX - Z.current.x, R = x.clientY - Z.current.y, le = B / F, de = R / U, ve = G.current.x + le, Pe = G.current.y + de, ke = document.querySelector(
+        const P = t.current.getBoundingClientRect(), W = P.width / d.width, U = P.height / d.height, B = b.clientX - K.current.x, _ = b.clientY - K.current.y, le = B / W, de = _ / U, ve = G.current.x + le, Re = G.current.y + de, ke = document.querySelector(
           `[data-node-id="${n}"]`
         );
-        ke && (ke.style.left = `${ve}px`, ke.style.top = `${Pe}px`), G.current.newX = ve, G.current.newY = Pe;
+        ke && (ke.style.left = `${ve}px`, ke.style.top = `${Re}px`), G.current.newX = ve, G.current.newY = Re;
       }
-      if (a === "box-select" && v.start) {
-        const P = he(x.clientX, x.clientY);
-        L((F) => ({ ...F, end: P }));
+      if (a === "box-select" && x.start) {
+        const P = me(b.clientX, b.clientY);
+        Y((W) => ({ ...W, end: P }));
       }
-      if (a === "line-draw" && o.isDrawing) {
-        const P = D(x.clientX, x.clientY);
-        q((F) => ({ ...F, end: P }));
+      if (a === "line-draw" && s.isDrawing) {
+        const P = D(b.clientX, b.clientY);
+        q((W) => ({ ...W, end: P }));
       }
     }, y = () => {
       if (A.current && n && T.current) {
-        const x = _e.getState(), P = G.current.newX ?? G.current.x, F = G.current.newY ?? G.current.y;
-        x.updateNode(n, {
+        const b = ze.getState(), P = G.current.newX ?? G.current.x, W = G.current.newY ?? G.current.y;
+        b.updateNode(n, {
           normalStyle: {
             ...T.current.normalStyle,
             x: P,
-            y: F
+            y: W
           }
         });
       }
-      if (A.current = !1, T.current = null, we({}), a === "box-select" && v.start && v.end) {
-        const x = Math.min(v.start.x, v.end.x), P = Math.max(v.start.x, v.end.x), F = Math.min(v.start.y, v.end.y), U = Math.max(v.start.y, v.end.y), B = c.filter((R) => {
-          const le = R.normalStyle.x || 0, de = R.normalStyle.y || 0, ve = R.normalStyle.width || 0, Pe = R.normalStyle.height || 0, ke = le + ve / 2, nt = de + Pe / 2;
-          return ke >= x && ke <= P && nt >= F && nt <= U;
-        }).map((R) => R.id);
-        ee(B), L({ start: null, end: null });
+      if (A.current = !1, T.current = null, we({}), a === "box-select" && x.start && x.end) {
+        const b = Math.min(x.start.x, x.end.x), P = Math.max(x.start.x, x.end.x), W = Math.min(x.start.y, x.end.y), U = Math.max(x.start.y, x.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 >= b && ke <= P && lt >= W && lt <= U;
+        }).map((_) => _.id);
+        J(B), Y({ start: null, end: null });
       }
-    }, E = (x) => {
-      x.key === "Escape" && a === "line-draw" && (q({ start: null, end: null, isDrawing: !1 }), Y()), x.key === "Delete" && (n ? N(n) : M.length > 0 && (M.forEach((P) => N(P)), ee([]))), x.ctrlKey && x.key === "z" && (x.preventDefault(), g()), x.ctrlKey && x.key === "y" && (x.preventDefault(), W()), x.key === " " && !z && (x.preventDefault(), _(!0));
-    }, k = (x) => {
-      x.key === " " && z && _(!1);
+    }, N = (b) => {
+      b.key === "Escape" && a === "line-draw" && (q({ start: null, end: null, isDrawing: !1 }), L()), b.key === "Delete" && (n ? I(n) : M.length > 0 && (M.forEach((P) => I(P)), J([]))), b.ctrlKey && b.key === "z" && (b.preventDefault(), g()), b.ctrlKey && b.key === "y" && (b.preventDefault(), F()), b.key === " " && !z && (b.preventDefault(), R(!0));
+    }, k = (b) => {
+      b.key === " " && z && R(!1);
     };
-    return window.addEventListener("mousemove", d), window.addEventListener("mouseup", y), window.addEventListener("keydown", E), window.addEventListener("keyup", k), () => {
-      window.removeEventListener("mousemove", d), window.removeEventListener("mouseup", y), window.removeEventListener("keydown", E), window.removeEventListener("keyup", k);
+    return window.addEventListener("mousemove", o), window.addEventListener("mouseup", y), window.addEventListener("keydown", N), window.addEventListener("keyup", k), () => {
+      window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", y), window.removeEventListener("keydown", N), window.removeEventListener("keyup", k);
     };
   }, [
     n,
-    v,
+    x,
     a,
-    o.isDrawing,
+    s.isDrawing,
     M,
     c,
-    u.width,
-    u.height,
-    N,
+    d.width,
+    d.height,
+    I,
     g,
     z,
-    W,
-    Y,
+    F,
+    L,
     D,
-    he,
-    ee
+    me,
+    J
   ]);
-  const et = V(() => {
-    const d = M.length > 0 ? M.map((E) => c.find((k) => k.id === E)).filter(Boolean) : n ? [c.find((E) => E.id === n)].filter(Boolean) : [];
-    if (d.length === 0) return;
+  const tt = V(() => {
+    const o = M.length > 0 ? M.map((N) => c.find((k) => k.id === N)).filter(Boolean) : n ? [c.find((N) => N.id === n)].filter(Boolean) : [];
+    if (o.length === 0) return;
     const y = [];
-    d.forEach((E) => {
+    o.forEach((N) => {
       const k = {
-        ...E,
+        ...N,
         id: H(),
-        name: `${E.name}_副本`,
+        name: `${N.name}_副本`,
         normalStyle: {
-          ...E.normalStyle,
-          x: (E.normalStyle.x || 0) + 20,
-          y: (E.normalStyle.y || 0) + 20
+          ...N.normalStyle,
+          x: (N.normalStyle.x || 0) + 20,
+          y: (N.normalStyle.y || 0) + 20
         }
       };
-      s(k), y.push(k.id);
-    }), y.length === 1 ? I(y[0]) : ee(y);
-  }, [n, M, c, s, I, ee]), tt = V(() => {
+      u(k), y.push(k.id);
+    }), y.length === 1 ? E(y[0]) : J(y);
+  }, [n, M, c, u, E, J]), nt = V(() => {
     if (M.length < 2) return;
-    const d = [];
+    const o = [];
     for (let U = 0; U < M.length; U++) {
-      const B = M[U], R = c.find((le) => le.id === B);
-      if (R) {
-        if (R?.type === "group") {
-          R.children.forEach((de) => d.push({
+      const B = M[U], _ = c.find((le) => le.id === B);
+      if (_) {
+        if (_?.type === "group") {
+          _.children.forEach((de) => o.push({
             ...de,
             normalStyle: {
               ...de.normalStyle,
-              x: (R.normalStyle.x || 0) + (de.normalStyle.x || 0),
-              y: (R.normalStyle.y || 0) + (de.normalStyle.y || 0)
+              x: (_.normalStyle.x || 0) + (de.normalStyle.x || 0),
+              y: (_.normalStyle.y || 0) + (de.normalStyle.y || 0)
             }
-          })), N(B);
+          })), I(B);
           continue;
         }
-        d.push(R);
+        o.push(_);
       }
     }
-    if (d.length < 2) return;
-    let y = 1 / 0, E = 1 / 0, k = -1 / 0, x = -1 / 0;
-    d.forEach((U) => {
-      const B = U.normalStyle.x || 0, R = U.normalStyle.y || 0, le = U.normalStyle.width || 0, de = U.normalStyle.height || 0;
-      y = Math.min(y, B), E = Math.min(E, R), k = Math.max(k, B + le), x = Math.max(x, R + de);
+    if (o.length < 2) return;
+    let y = 1 / 0, N = 1 / 0, k = -1 / 0, b = -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, _), k = Math.max(k, B + le), b = Math.max(b, _ + de);
     });
-    const P = d.map((U) => ({
+    const P = o.map((U) => ({
       ...U,
       normalStyle: {
         ...U.normalStyle,
         x: (U.normalStyle.x || 0) - y,
-        y: (U.normalStyle.y || 0) - E
+        y: (U.normalStyle.y || 0) - N
       }
-    })), F = {
+    })), W = {
       id: H(),
       name: `群组_${Date.now()}`,
       type: "group",
       normalStyle: {
         x: y,
-        y: E,
+        y: N,
         width: k - y,
-        height: x - E,
+        height: b - N,
         background: "transparent"
       },
       contentInfo: {
@@ -1882,12 +1886,12 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       },
       children: P
     };
-    M.forEach((U) => N(U)), s(F), ee([]), I(F.id);
-  }, [M, c, N, s, I]), Ae = V(() => {
-    const d = M.length > 0 ? M.map((y) => c.find((E) => E.id === y)).filter((y) => !!y && y.type === "group") : n ? [c.find((y) => y.id === n)].filter((y) => !!y && y.type === "group") : [];
-    d.length !== 0 && (d.forEach((y) => {
+    M.forEach((U) => I(U)), u(W), J([]), E(W.id);
+  }, [M, c, I, u, E]), 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 E = y.children.map((k) => ({
+      const N = y.children.map((k) => ({
         ...k,
         normalStyle: {
           ...k.normalStyle,
@@ -1895,87 +1899,87 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           y: (y.normalStyle.y || 0) + (k.normalStyle.y || 0)
         }
       }));
-      N(y.id), E.forEach((k) => s(k));
-    }), ee([]), I(null));
-  }, [n, M, c, N, s, I, ee]), Xe = V(
-    (d) => {
+      I(y.id), N.forEach((k) => u(k));
+    }), J([]), E(null));
+  }, [n, M, c, I, u, E, J]), Te = V(
+    (o) => {
       if (M.length < 2) return;
-      const y = M.map((B) => c.find((R) => R.id === B)).filter((B) => !!B && B.type !== "group");
+      const y = M.map((B) => c.find((_) => _.id === B)).filter((B) => !!B && B.type !== "group");
       if (y.length < 2) return;
-      let E = 1 / 0, k = -1 / 0, x = 1 / 0, P = -1 / 0;
+      let N = 1 / 0, k = -1 / 0, b = 1 / 0, P = -1 / 0;
       y.forEach((B) => {
-        const R = B.normalStyle.x || 0, le = B.normalStyle.y || 0;
-        E = Math.min(E, R), k = Math.max(k, R), x = Math.min(x, le), P = Math.max(P, le);
+        const _ = B.normalStyle.x || 0, le = B.normalStyle.y || 0;
+        N = Math.min(N, _), k = Math.max(k, _), b = Math.min(b, le), P = Math.max(P, le);
       });
-      const F = [...y].sort((B, R) => d === "horizontal" ? (B.normalStyle.x || 0) - (R.normalStyle.x || 0) : (B.normalStyle.y || 0) - (R.normalStyle.y || 0)), U = F.length;
-      if (d === "horizontal") {
-        const R = (k - E) / (U - 1);
-        F.forEach((le, de) => {
-          const ve = E + R * de;
-          b(le.id, {
+      const W = [...y].sort((B, _) => o === "horizontal" ? (B.normalStyle.x || 0) - (_.normalStyle.x || 0) : (B.normalStyle.y || 0) - (_.normalStyle.y || 0)), U = W.length;
+      if (o === "horizontal") {
+        const _ = (k - N) / (U - 1);
+        W.forEach((le, de) => {
+          const ve = N + _ * de;
+          v(le.id, {
             normalStyle: { ...le.normalStyle, x: ve }
           });
         });
       } else {
-        const R = (P - x) / (U - 1);
-        F.forEach((le, de) => {
-          const ve = x + R * de;
-          b(le.id, {
+        const _ = (P - b) / (U - 1);
+        W.forEach((le, de) => {
+          const ve = b + _ * de;
+          v(le.id, {
             normalStyle: { ...le.normalStyle, y: ve }
           });
         });
       }
     },
-    [M, c, b]
-  ), fe = V(
-    (d) => {
+    [M, c, v]
+  ), ge = V(
+    (o) => {
       if (M.length < 2) return;
-      const y = _e.getState(), E = M.map((x) => c.find((P) => P.id === x)).filter((x) => !!x && x.type !== "group");
-      if (E.length < 2) return;
+      const y = ze.getState(), N = M.map((b) => c.find((P) => P.id === b)).filter((b) => !!b);
+      if (N.length < 2) return;
       let k = 0;
-      switch (d) {
+      switch (o) {
         case "left":
-          k = Math.min(...E.map((x) => x.normalStyle.x || 0));
+          k = Math.min(...N.map((b) => b.normalStyle.x || 0));
           break;
         case "right":
           k = Math.max(
-            ...E.map((x) => (x.normalStyle.x || 0) + (x.normalStyle.width || 0))
+            ...N.map((b) => (b.normalStyle.x || 0) + (b.normalStyle.width || 0))
           );
           break;
         case "top":
-          k = Math.min(...E.map((x) => x.normalStyle.y || 0));
+          k = Math.min(...N.map((b) => b.normalStyle.y || 0));
           break;
         case "bottom":
           k = Math.max(
-            ...E.map((x) => (x.normalStyle.y || 0) + (x.normalStyle.height || 0))
+            ...N.map((b) => (b.normalStyle.y || 0) + (b.normalStyle.height || 0))
           );
           break;
       }
-      E.forEach((x) => {
-        let P = x.normalStyle.x || 0, F = x.normalStyle.y || 0;
-        switch (d) {
+      N.forEach((b) => {
+        let P = b.normalStyle.x || 0, W = b.normalStyle.y || 0;
+        switch (o) {
           case "left":
             P = k;
             break;
           case "right":
-            P = k - (x.normalStyle.width || 0);
+            P = k - (b.normalStyle.width || 0);
             break;
           case "top":
-            F = k;
+            W = k;
             break;
           case "bottom":
-            F = k - (x.normalStyle.height || 0);
+            W = k - (b.normalStyle.height || 0);
             break;
         }
-        y.updateNode(x.id, {
-          normalStyle: { ...x.normalStyle, x: P, y: F }
+        y.updateNode(b.id, {
+          normalStyle: { ...b.normalStyle, x: P, y: W }
         });
       });
     },
     [M, c]
-  ), ft = [
+  ), pt = [
     {
-      icon: /* @__PURE__ */ e(sn, {}),
+      icon: /* @__PURE__ */ e(dn, {}),
       title: "选择模式",
       active: a === "select",
       onClick: () => {
@@ -1983,15 +1987,15 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       }
     },
     {
-      icon: /* @__PURE__ */ e(pt, {}),
+      icon: /* @__PURE__ */ e(vt, {}),
       title: "框选模式",
       active: a === "box-select",
       onClick: () => {
-        O("box-select"), ee([]);
+        O("box-select"), J([]);
       }
     },
     {
-      icon: /* @__PURE__ */ e(cn, {}),
+      icon: /* @__PURE__ */ e(un, {}),
       title: "拖拽模式",
       active: a === "drag",
       onClick: () => {
@@ -1999,7 +2003,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       }
     },
     {
-      icon: /* @__PURE__ */ e(ht, {}),
+      icon: /* @__PURE__ */ e(ft, {}),
       title: "线条绘制",
       active: a === "line-draw",
       onClick: () => {
@@ -2007,131 +2011,146 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       }
     },
     {
-      icon: /* @__PURE__ */ e(dn, {}),
+      icon: /* @__PURE__ */ e(hn, {}),
       title: "预览模式",
       active: a === "preview",
       onClick: () => {
         O("preview");
       }
     }
-  ], je = Yt(
+  ], Fe = Xt(
     () => [
-      { icon: /* @__PURE__ */ e(Bt, {}), title: "撤销 (Ctrl+Z)", onClick: g },
-      { icon: /* @__PURE__ */ e(Vt, {}), title: "重做 (Ctrl+Y)", onClick: W },
+      { icon: /* @__PURE__ */ e(Vt, {}), title: "撤销 (Ctrl+Z)", onClick: g },
+      { icon: /* @__PURE__ */ e(Zt, {}), title: "重做 (Ctrl+Y)", onClick: F },
       {
-        icon: /* @__PURE__ */ e(Tt, {}),
+        icon: /* @__PURE__ */ e(_t, {}),
         title: "复制节点",
         disabled: !n && M.length === 0,
-        onClick: et
+        onClick: tt
       },
       {
-        icon: /* @__PURE__ */ e(pt, {}),
+        icon: /* @__PURE__ */ e(vt, {}),
         title: "组合选中节点",
         disabled: M.length < 2,
-        onClick: tt
+        onClick: nt
       },
       {
-        icon: /* @__PURE__ */ e(Zt, {}),
+        icon: /* @__PURE__ */ e(Jt, {}),
         title: "解除组合",
         disabled: !n && M.length === 0,
-        onClick: Ae
+        onClick: We
       },
       {
-        icon: /* @__PURE__ */ e(Jt, {}),
+        icon: /* @__PURE__ */ e(Kt, {}),
         title: "左对齐",
         disabled: M.length < 2,
-        onClick: () => fe("left")
+        onClick: () => ge("left")
       },
       {
-        icon: /* @__PURE__ */ e(Kt, {}),
+        icon: /* @__PURE__ */ e(Qt, {}),
         title: "右对齐",
         disabled: M.length < 2,
-        onClick: () => fe("right")
+        onClick: () => ge("right")
       },
       {
-        icon: /* @__PURE__ */ e(Qt, {}),
+        icon: /* @__PURE__ */ e(en, {}),
         title: "上对齐",
         disabled: M.length < 2,
-        onClick: () => fe("top")
+        onClick: () => ge("top")
       },
       {
-        icon: /* @__PURE__ */ e(en, {}),
+        icon: /* @__PURE__ */ e(tn, {}),
         title: "下对齐",
         disabled: M.length < 2,
-        onClick: () => fe("bottom")
+        onClick: () => ge("bottom")
       },
       {
-        icon: /* @__PURE__ */ e(tn, {}),
+        icon: /* @__PURE__ */ e(nn, {}),
         title: "水平分布",
         disabled: M.length < 2,
-        onClick: () => Xe("horizontal")
+        onClick: () => Te("horizontal")
       },
       {
-        icon: /* @__PURE__ */ e(nn, {}),
+        icon: /* @__PURE__ */ e(ln, {}),
         title: "垂直分布",
         disabled: M.length < 2,
-        onClick: () => Xe("vertical")
+        onClick: () => Te("vertical")
       },
       {
-        icon: /* @__PURE__ */ e(ln, {}),
+        icon: /* @__PURE__ */ e(rn, {}),
         title: "画布配置",
         onClick: () => C(!0)
       },
       {
-        icon: /* @__PURE__ */ e(rn, {}),
+        icon: /* @__PURE__ */ e(an, {}),
         title: "数据模拟",
         type: "primary",
         onClick: () => j(!0)
       },
       {
-        icon: /* @__PURE__ */ e(it, {}),
+        icon: /* @__PURE__ */ e(ot, {}),
         title: "删除选中 (Delete)",
         disabled: !n && M.length === 0,
         onClick: () => {
-          n ? N(n) : M.length > 0 && (M.forEach((d) => N(d)), ee([]));
+          n ? I(n) : M.length > 0 && (M.forEach((o) => I(o)), J([]));
         }
       }
     ],
     [
       g,
-      W,
+      F,
       a,
       O,
-      ee,
+      J,
       M,
+      nt,
+      We,
       tt,
-      Ae,
-      et,
-      fe,
-      Xe,
+      ge,
+      Te,
       C,
       j,
       n,
-      N
+      I
     ]
+  ), De = V(
+    (o) => {
+      o.preventDefault(), (o.key === "ArrowLeft" || o.key === "ArrowRight" || o.key === "ArrowUp" || o.key === "ArrowDown") && M.map((N) => c.find((k) => k.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__ */ h("div", { className: "flex-1 flex flex-col h-full bg-gray-100", children: [
+  return he(() => (document.addEventListener("keydown", De), () => {
+    document.removeEventListener("keydown", De);
+  }), [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: ft.map((d) => /* @__PURE__ */ e($e, { title: d.title, children: /* @__PURE__ */ e(
-        K,
+      /* @__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(be, { children: je.map((d) => /* @__PURE__ */ e($e, { 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(
-      fn,
+      pn,
       {
         ref: f,
         initialScale: 1,
@@ -2146,18 +2165,18 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
         wheel: { disabled: !1, step: 0.1 },
         pinch: { disabled: !1 },
         doubleClick: { disabled: !0 },
-        children: ({ zoomIn: d, zoomOut: y, resetTransform: E }) => /* @__PURE__ */ h(Re, { 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($e, { title: "放大", children: /* @__PURE__ */ e(K, { icon: /* @__PURE__ */ e(an, {}), onClick: () => d() }) }),
-            /* @__PURE__ */ e($e, { title: "缩小", children: /* @__PURE__ */ e(K, { icon: /* @__PURE__ */ e(on, {}), onClick: () => y() }) }),
-            /* @__PURE__ */ e($e, { title: "重置视图", children: /* @__PURE__ */ e(K, { onClick: () => E(), children: "100%" }) }),
+            /* @__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(
-            gn,
+            yn,
             {
               wrapperStyle: { width: "100%", height: "100%", position: "relative" },
               contentStyle: {
@@ -2174,47 +2193,47 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                   "data-canvas": "true",
                   className: `relative ${xe ? "ring-4 ring-blue-400 ring-opacity-50" : ""} ${a === "line-draw" ? "cursor-crosshair" : ""} ${z ? "cursor-grab" : ""}`,
                   style: {
-                    width: u.width,
-                    height: u.height,
+                    width: d.width,
+                    height: d.height,
                     flexShrink: 0,
-                    backgroundColor: u.background,
-                    backgroundImage: u.backgroundImage ? `url(${u.backgroundImage})` : void 0,
+                    backgroundColor: d.background,
+                    backgroundImage: d.backgroundImage ? `url(${d.backgroundImage})` : void 0,
                     backgroundSize: "cover",
                     backgroundPosition: "center"
                   },
-                  onClick: J,
+                  onClick: Q,
                   onMouseDown: oe,
                   onDoubleClick: se,
                   onDragOver: ce,
-                  onDragLeave: Ye,
-                  onDrop: Le,
+                  onDragLeave: Xe,
+                  onDrop: Pe,
                   children: [
-                    u.showGrid !== !1 && /* @__PURE__ */ h("svg", { className: "absolute top-0 left-0 pointer-events-none", width: u.width, height: u.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)" })
                     ] }),
                     c.map((k) => /* @__PURE__ */ e(
-                      Wt,
+                      Ut,
                       {
                         node: k,
                         isSelected: n === k.id || M.includes(k.id),
                         data: l,
-                        onClick: () => {
-                          console.log("Node onClick:", k.id, "mode:", ie.current), ie.current !== "line-draw" && I(k.id);
+                        onClick: (b) => {
+                          console.log("Node onClick:", k.id, "mode:", ie.current), ie.current !== "line-draw" && (b.shiftKey ? (E(k.id), J([...M, k.id])) : (E(k.id), J([k.id])));
                         },
-                        onMouseDown: (x) => Qe(x, k),
-                        onUpdateNode: (x, P) => b(x, P),
+                        onMouseDown: (b) => et(b, k),
+                        onUpdateNode: (b, P) => v(b, P),
                         scale: p.scale
                       },
                       `${k.id}`
                     )),
-                    a === "line-draw" && o.isDrawing && o.start && o.end && /* @__PURE__ */ e("svg", { className: "absolute top-0 left-0 pointer-events-none", width: u.width, height: u.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: o.start.x,
-                        y1: o.start.y,
-                        x2: o.end.x,
-                        y2: o.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",
@@ -2222,15 +2241,15 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                         strokeLinejoin: "round"
                       }
                     ) }),
-                    a === "box-select" && v.start && v.end && /* @__PURE__ */ e(
+                    a === "box-select" && x.start && x.end && /* @__PURE__ */ e(
                       "div",
                       {
                         className: "absolute border-2 border-blue-500 bg-blue-500/10 pointer-events-none",
                         style: {
-                          left: Math.min(v.start.x, v.end.x),
-                          top: Math.min(v.start.y, v.end.y),
-                          width: Math.abs(v.end.x - v.start.x),
-                          height: Math.abs(v.end.y - v.start.y),
+                          left: Math.min(x.start.x, x.end.x),
+                          top: Math.min(x.start.y, x.end.y),
+                          width: Math.abs(x.end.x - x.start.x),
+                          height: Math.abs(x.end.y - x.start.y),
                           zIndex: 9999
                         }
                       }
@@ -2244,17 +2263,17 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       }
     ) }),
     /* @__PURE__ */ e(
-      at,
+      it,
       {
         title: "数据模拟",
-        open: Oe,
+        open: je,
         onCancel: () => j(!1),
         footer: null,
         children: /* @__PURE__ */ e(w, { layout: "vertical", children: /* @__PURE__ */ e(w.Item, { label: "测试数据 (JSON)", children: /* @__PURE__ */ e(
-          Rn,
+          On,
           {
-            value: ot,
-            onChange: (d) => Je(d.target.value),
+            value: st,
+            onChange: (o) => Ke(o.target.value),
             rows: 10,
             placeholder: "输入 JSON 格式的测试数据"
           }
@@ -2262,18 +2281,18 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       }
     ),
     /* @__PURE__ */ e(
-      at,
+      it,
       {
         title: "画布配置",
-        open: Ke,
+        open: Qe,
         onCancel: () => C(!1),
         footer: null,
         children: /* @__PURE__ */ h(w, { layout: "vertical", children: [
           /* @__PURE__ */ e(w.Item, { label: "宽度", children: /* @__PURE__ */ e(
             te,
             {
-              value: u.width,
-              onChange: (d) => S({ width: d || 1920 }),
+              value: d.width,
+              onChange: (o) => S({ width: o || 1920 }),
               min: 100,
               max: 5e3,
               style: { width: "100%" }
@@ -2282,56 +2301,95 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           /* @__PURE__ */ e(w.Item, { label: "高度", children: /* @__PURE__ */ e(
             te,
             {
-              value: u.height,
-              onChange: (d) => S({ height: d || 1080 }),
+              value: d.height,
+              onChange: (o) => S({ height: o || 1080 }),
               min: 100,
               max: 5e3,
               style: { width: "100%" }
             }
           ) }),
           /* @__PURE__ */ e(w.Item, { label: "显示网格", children: /* @__PURE__ */ e(
-            Ze,
+            Je,
             {
-              checked: u.showGrid !== !1,
-              onChange: (d) => S({ showGrid: d })
+              checked: d.showGrid !== !1,
+              onChange: (o) => S({ showGrid: o })
             }
           ) }),
           /* @__PURE__ */ e(w.Item, { label: "背景色", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(
-              ze,
+              Ae,
               {
-                value: u.background || "#ffffff",
-                onChange: (d) => S({ background: d.toHexString() })
+                value: d.background || "#ffffff",
+                onChange: (o) => S({ background: o.toHexString() })
               }
             ),
             /* @__PURE__ */ e(
               re,
               {
-                value: u.background,
-                onChange: (d) => S({ 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(
-            re,
-            {
-              value: u.backgroundImage,
-              onChange: (d) => S({ 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 = (k) => {
+                      const b = k.target?.result;
+                      S({ backgroundImage: b }), 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: rt } = Ie, On = ({
+}, { Option: at } = Ie, jn = ({
   material: l,
   onSave: f,
   bindCodes: t = [],
   dataOptions: r = []
 }) => {
-  const n = l.content || {}, [a, i] = Q({
+  const n = l.content || {}, [a, i] = ee({
     label: n.label || "",
     value: n.value || "",
     valueSourceCode: n.valueSourceCode || "",
@@ -2344,7 +2402,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
     valueFontWeight: n.valueStyle?.fontWeight || "normal",
     valueColor: n.valueStyle?.color || "#1890ff"
   });
-  ye(() => {
+  he(() => {
     i({
       label: n.label || "",
       value: n.value || "",
@@ -2359,22 +2417,22 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       valueColor: n.valueStyle?.color || "#1890ff"
     });
   }, [l.id]);
-  const p = (s, I) => {
-    i((b) => ({ ...b, [s]: I }));
-  }, u = (s) => {
-    const I = r.find((N) => N.paramsCode === s), b = I?.unit || "";
-    i((N) => ({
-      ...N,
-      valueSourceCode: s,
-      unit: b,
-      value: String(I?.value || "")
+  const p = (u, E) => {
+    i((v) => ({ ...v, [u]: E }));
+  }, d = (u) => {
+    const E = r.find((I) => I.paramsCode === u), v = E?.unit || "";
+    i((I) => ({
+      ...I,
+      valueSourceCode: u,
+      unit: v,
+      value: String(E?.value || "")
     })), setTimeout(() => {
       f({
         content: {
           ...n,
-          valueSourceCode: s,
-          value: String(I?.value || ""),
-          unit: b
+          valueSourceCode: u,
+          value: String(E?.value || ""),
+          unit: v
         }
       });
     }, 0);
@@ -2400,7 +2458,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       }
     });
   }, S = r.filter(
-    (s) => t.includes(s.paramsCode)
+    (u) => t.includes(u.paramsCode)
   );
   return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e(Me, { style: { marginTop: 0 }, children: "文本内容" }),
@@ -2409,7 +2467,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
         re,
         {
           value: a.label,
-          onChange: (s) => p("label", s.target.value),
+          onChange: (u) => p("label", u.target.value),
           onBlur: m,
           placeholder: "输入标签文本"
         }
@@ -2423,7 +2481,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
             Ie,
             {
               value: a.valueSourceCode || void 0,
-              onChange: u,
+              onChange: d,
               placeholder: "选择数据字段（可选）",
               allowClear: !0,
               style: { width: "100%" },
@@ -2445,7 +2503,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
             re,
             {
               value: a.value,
-              onChange: (s) => p("value", s.target.value),
+              onChange: (u) => p("value", u.target.value),
               onBlur: m,
               placeholder: a.valueSourceCode ? "数据字段无值时显示此备用值" : "输入值文本",
               disabled: !!a.valueSourceCode,
@@ -2458,10 +2516,10 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
         re,
         {
           value: a.unit,
-          onChange: (s) => p("unit", s.target.value),
+          onChange: (u) => p("unit", u.target.value),
           onBlur: m,
           placeholder: "单位（如°C、%、MPa等）",
-          suffix: a.valueSourceCode && S.length > 0 ? /* @__PURE__ */ e(pe, { 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(
@@ -2473,7 +2531,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
             te,
             {
               value: a.decimals,
-              onChange: (s) => p("decimals", s ?? 2),
+              onChange: (u) => p("decimals", u ?? 2),
               onBlur: m,
               min: -1,
               max: 10,
@@ -2490,7 +2548,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           te,
           {
             value: a.labelFontSize,
-            onChange: (s) => p("labelFontSize", s || 14),
+            onChange: (u) => p("labelFontSize", u || 14),
             onBlur: m,
             min: 8,
             max: 72
@@ -2500,26 +2558,26 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           Ie,
           {
             value: a.labelFontWeight,
-            onChange: (s) => {
-              p("labelFontWeight", s), setTimeout(m, 0);
+            onChange: (u) => {
+              p("labelFontWeight", u), setTimeout(m, 0);
             },
             style: { width: 100 },
             children: [
-              /* @__PURE__ */ e(rt, { value: "normal", children: "正常" }),
-              /* @__PURE__ */ e(rt, { value: "bold", children: "粗体" })
+              /* @__PURE__ */ e(at, { value: "normal", children: "正常" }),
+              /* @__PURE__ */ e(at, { value: "bold", children: "粗体" })
             ]
           }
         ) })
       ] }),
       /* @__PURE__ */ e(w.Item, { label: "文字颜色", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          ze,
+          Ae,
           {
             value: a.labelColor || "#262626",
-            onChange: (s) => {
-              p("labelColor", s.toHexString());
+            onChange: (u) => {
+              p("labelColor", u.toHexString());
             },
-            onChangeComplete: (s) => {
+            onChangeComplete: (u) => {
               f({
                 content: {
                   ...n,
@@ -2531,7 +2589,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                   labelStyle: {
                     fontSize: a.labelFontSize,
                     fontWeight: a.labelFontWeight,
-                    color: s.toHexString()
+                    color: u.toHexString()
                   },
                   valueStyle: {
                     fontSize: a.valueFontSize,
@@ -2547,7 +2605,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           re,
           {
             value: a.labelColor,
-            onChange: (s) => p("labelColor", s.target.value),
+            onChange: (u) => p("labelColor", u.target.value),
             onBlur: m,
             placeholder: "#262626",
             style: { width: 100 }
@@ -2562,7 +2620,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           te,
           {
             value: a.valueFontSize,
-            onChange: (s) => p("valueFontSize", s || 14),
+            onChange: (u) => p("valueFontSize", u || 14),
             onBlur: m,
             min: 8,
             max: 72
@@ -2572,26 +2630,26 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           Ie,
           {
             value: a.valueFontWeight,
-            onChange: (s) => {
-              p("valueFontWeight", s), setTimeout(m, 0);
+            onChange: (u) => {
+              p("valueFontWeight", u), setTimeout(m, 0);
             },
             style: { width: 100 },
             children: [
-              /* @__PURE__ */ e(rt, { value: "normal", children: "正常" }),
-              /* @__PURE__ */ e(rt, { value: "bold", children: "粗体" })
+              /* @__PURE__ */ e(at, { value: "normal", children: "正常" }),
+              /* @__PURE__ */ e(at, { value: "bold", children: "粗体" })
             ]
           }
         ) })
       ] }),
       /* @__PURE__ */ e(w.Item, { label: "文字颜色", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          ze,
+          Ae,
           {
             value: a.valueColor || "#1890ff",
-            onChange: (s) => {
-              p("valueColor", s.toHexString());
+            onChange: (u) => {
+              p("valueColor", u.toHexString());
             },
-            onChangeComplete: (s) => {
+            onChangeComplete: (u) => {
               f({
                 content: {
                   ...n,
@@ -2608,7 +2666,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                   valueStyle: {
                     fontSize: a.valueFontSize,
                     fontWeight: a.valueFontWeight,
-                    color: s.toHexString()
+                    color: u.toHexString()
                   }
                 }
               });
@@ -2619,7 +2677,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           re,
           {
             value: a.valueColor,
-            onChange: (s) => p("valueColor", s.target.value),
+            onChange: (u) => p("valueColor", u.target.value),
             onBlur: m,
             placeholder: "#1890ff",
             style: { width: 100 }
@@ -2628,17 +2686,17 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       ] }) })
     ] })
   ] });
-}, An = ({
+}, Wn = ({
   material: l,
   onSave: f
 }) => {
-  const t = l, [r, c] = Q({
+  const t = l, [r, c] = ee({
     name: l.name,
     src: t.src || "",
     backgroundColor: t.backgroundColor || "",
     fillColor: t.fillColor || ""
   });
-  ye(() => {
+  he(() => {
     c({
       name: l.name,
       src: t.src || "",
@@ -2647,7 +2705,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
     });
   }, [l.id]);
   const n = (i, p) => {
-    c((u) => ({ ...u, [i]: p }));
+    c((d) => ({ ...d, [i]: p }));
   }, a = () => {
     f({
       name: r.name,
@@ -2678,7 +2736,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       ) }),
       /* @__PURE__ */ e(w.Item, { label: "填充颜色（基本形状）", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          ze,
+          Ae,
           {
             value: r.fillColor || "#1890ff",
             onChange: (i) => {
@@ -2704,7 +2762,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       ] }) }),
       /* @__PURE__ */ e(w.Item, { label: "背景颜色", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          ze,
+          Ae,
           {
             value: r.backgroundColor || "#1890ff",
             onChange: (i) => {
@@ -2730,11 +2788,11 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       ] }) })
     ] })
   ] });
-}, { Option: jn } = Ie, Wn = ({
+}, { Option: Fn } = Ie, Un = ({
   material: l,
   onSave: f
 }) => {
-  const t = l.config || {}, [r, c] = Q({
+  const t = l.config || {}, [r, c] = ee({
     lineWeight: t.lineWeight || t.thickness || 2,
     color: t.color || "#262626",
     lineType: t.lineType || "solid",
@@ -2743,7 +2801,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
     endX: t.endX ?? 100,
     endY: t.endY ?? 0
   });
-  ye(() => {
+  he(() => {
     c({
       lineWeight: t.lineWeight || t.thickness || 2,
       color: t.color || "#262626",
@@ -2816,7 +2874,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       ] }),
       /* @__PURE__ */ e(w.Item, { label: "快速对齐", className: "mt-4", children: /* @__PURE__ */ h(be, { children: [
         /* @__PURE__ */ e(
-          K,
+          Z,
           {
             size: "small",
             onClick: () => {
@@ -2828,7 +2886,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           }
         ),
         /* @__PURE__ */ e(
-          K,
+          Z,
           {
             size: "small",
             onClick: () => {
@@ -2840,13 +2898,13 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           }
         ),
         /* @__PURE__ */ e(
-          K,
+          Z,
           {
             size: "small",
             onClick: () => {
-              const i = t.startX ?? r.startX, p = t.startY ?? r.startY, u = 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: u,
+                startX: d,
                 startY: m,
                 endX: i,
                 endY: p
@@ -2865,7 +2923,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
         {
           value: r.lineType,
           onChange: (i) => n({ lineType: i }),
-          children: a.map((i) => /* @__PURE__ */ e(jn, { value: i.value, children: /* @__PURE__ */ h("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))
@@ -2883,7 +2941,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       ) }),
       /* @__PURE__ */ e(w.Item, { label: "颜色", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          ze,
+          Ae,
           {
             value: r.color || "#d9d9d9",
             onChange: (i) => n({ color: i.toHexString() })
@@ -2901,7 +2959,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       ] }) })
     ] })
   ] });
-}, Ft = ({
+}, Ht = ({
   material: l,
   onSave: f,
   bindCodes: t,
@@ -2910,7 +2968,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
   switch (l.type) {
     case "TEXT":
       return /* @__PURE__ */ e(
-        On,
+        jn,
         {
           material: l,
           onSave: f,
@@ -2919,60 +2977,60 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
         }
       );
     case "IMAGE":
-      return /* @__PURE__ */ e(An, { material: l, onSave: f });
-    case "LINE":
       return /* @__PURE__ */ e(Wn, { material: l, onSave: f });
+    case "LINE":
+      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: Fn } = re, Un = ({
+}, { Panel: $t } = Ne, { TextArea: Hn } = re, Gn = ({
   node: l,
   updateNode: f,
   materials: t
 }) => {
   const r = t.filter((m) => m.type !== "CUSTOM" || !m.config?.nodes), c = (m, S) => {
-    const s = l.children?.map((I) => I.id === m ? {
-      ...I,
+    const u = l.children?.map((E) => E.id === m ? {
+      ...E,
       contentInfo: {
-        ...I.contentInfo,
+        ...E.contentInfo,
         statusList: S
       }
-    } : I);
+    } : E);
     f(l.id, {
-      children: s
+      children: u
     });
   }, n = (m) => {
-    const S = l.children?.find((I) => I.id === m);
+    const S = l.children?.find((E) => E.id === m);
     if (!S) return;
-    const s = {
+    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: []
     };
-    c(m, [...S.contentInfo.statusList, s]);
+    c(m, [...S.contentInfo.statusList, u]);
   }, a = (m, S) => {
-    const s = l.children?.find((b) => b.id === m);
-    if (!s) return;
-    const I = s.contentInfo.statusList.filter((b) => b.id !== S);
-    c(m, I);
-  }, i = (m, S, s) => {
-    const I = l.children?.find((N) => N.id === m);
-    if (!I) return;
-    const b = I.contentInfo.statusList.map((N) => N.id === S ? { ...N, ...s } : N);
-    c(m, b);
-  }, p = (m, S, s) => {
-    const I = l.children?.find((g) => g.id === m);
-    if (!I) return;
-    const b = I.contentInfo.statusList.findIndex((g) => g.id === S);
-    if (b === -1) return;
-    const N = [...I.contentInfo.statusList];
-    s === "up" && b > 0 ? [N[b], N[b - 1]] = [N[b - 1], N[b]] : s === "down" && b < N.length - 1 && ([N[b], N[b + 1]] = [N[b + 1], N[b]]), c(m, N);
-  }, u = (m, S, s) => {
-    const I = t.find((b) => b.id === s);
-    I && i(m, S, {
-      material: { ...I, id: H() }
+    const u = l.children?.find((v) => v.id === m);
+    if (!u) return;
+    const E = u.contentInfo.statusList.filter((v) => v.id !== S);
+    c(m, E);
+  }, i = (m, S, u) => {
+    const E = l.children?.find((I) => I.id === m);
+    if (!E) return;
+    const v = E.contentInfo.statusList.map((I) => I.id === S ? { ...I, ...u } : I);
+    c(m, v);
+  }, p = (m, S, u) => {
+    const E = l.children?.find((g) => g.id === m);
+    if (!E) return;
+    const v = E.contentInfo.statusList.findIndex((g) => g.id === S);
+    if (v === -1) return;
+    const I = [...E.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 E = t.find((v) => v.id === u);
+    E && i(m, S, {
+      material: { ...E, id: H() }
     });
   };
   return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
@@ -2981,14 +3039,14 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       "：为每个子节点配置多个状态和绑定"
     ] }) }),
     /* @__PURE__ */ e(Ne, { ghost: !0, children: l.children?.map((m, S) => /* @__PURE__ */ e(
-      Mt,
+      $t,
       {
         header: /* @__PURE__ */ h("div", { className: "flex items-center justify-between w-full pr-4", children: [
           /* @__PURE__ */ h("span", { className: "font-medium text-sm", children: [
             "子节点 ",
             S + 1
           ] }),
-          /* @__PURE__ */ h(pe, { 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,
             " 个状态"
           ] })
@@ -2997,58 +3055,58 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           /* @__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(_t, {}),
+                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((s, 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, E) => /* @__PURE__ */ e(
+            $t,
             {
               header: /* @__PURE__ */ h("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: s.name }),
-                /* @__PURE__ */ e(pe, { color: "default", className: "text-xs", children: s.material.type })
+                /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 w-5", children: E + 1 }),
+                /* @__PURE__ */ e("span", { className: "font-medium", children: u.name }),
+                /* @__PURE__ */ e(ye, { color: "default", className: "text-xs", children: u.material.type })
               ] }),
-              extra: /* @__PURE__ */ h(be, { size: "small", onClick: (b) => b.stopPropagation(), children: [
+              extra: /* @__PURE__ */ h(be, { size: "small", onClick: (v) => v.stopPropagation(), children: [
                 /* @__PURE__ */ e(
-                  K,
+                  Z,
                   {
                     type: "text",
                     size: "small",
-                    icon: /* @__PURE__ */ e(Rt, {}),
-                    disabled: I === 0,
-                    onClick: (b) => {
-                      b.stopPropagation(), p(m.id, s.id, "up");
+                    icon: /* @__PURE__ */ e(Ot, {}),
+                    disabled: E === 0,
+                    onClick: (v) => {
+                      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,
-                    onClick: (b) => {
-                      b.stopPropagation(), p(m.id, s.id, "down");
+                    icon: /* @__PURE__ */ e(At, {}),
+                    disabled: E === m.contentInfo.statusList.length - 1,
+                    onClick: (v) => {
+                      v.stopPropagation(), p(m.id, u.id, "down");
                     }
                   }
                 ),
                 /* @__PURE__ */ e(
-                  K,
+                  Z,
                   {
                     type: "text",
                     size: "small",
                     danger: !0,
-                    icon: /* @__PURE__ */ e(it, {}),
-                    onClick: (b) => {
-                      b.stopPropagation(), a(m.id, s.id);
+                    icon: /* @__PURE__ */ e(ot, {}),
+                    onClick: (v) => {
+                      v.stopPropagation(), a(m.id, u.id);
                     }
                   }
                 )
@@ -3057,8 +3115,8 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                 /* @__PURE__ */ e(w.Item, { label: "状态名称", children: /* @__PURE__ */ e(
                   re,
                   {
-                    value: s.name,
-                    onChange: (b) => i(m.id, s.id, { name: b.target.value }),
+                    value: u.name,
+                    onChange: (v) => i(m.id, u.id, { name: v.target.value }),
                     placeholder: "输入状态名称"
                   }
                 ) }),
@@ -3068,10 +3126,10 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                     label: "执行表达式",
                     help: "返回 true 时激活此状态，可使用 data 变量访问绑定数据",
                     children: /* @__PURE__ */ e(
-                      Fn,
+                      Hn,
                       {
-                        value: s.expression,
-                        onChange: (b) => i(m.id, s.id, { expression: b.target.value }),
+                        value: u.expression,
+                        onChange: (v) => i(m.id, u.id, { expression: v.target.value }),
                         rows: 3,
                         placeholder: "return true;"
                       }
@@ -3082,25 +3140,25 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                   Ie,
                   {
                     mode: "tags",
-                    value: s.bindCodes || [],
-                    onChange: (b) => i(m.id, s.id, { bindCodes: b }),
+                    value: u.bindCodes || [],
+                    onChange: (v) => i(m.id, u.id, { bindCodes: v }),
                     placeholder: "输入数据源 code",
                     tokenSeparators: [",", " "]
                   }
                 ) }),
                 /* @__PURE__ */ e(w.Item, { label: "更换物料", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ e(pe, { color: "blue", children: s.material.name }),
-                  /* @__PURE__ */ e(pe, { color: "default", children: s.material.type }),
+                  /* @__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: (b) => b && u(m.id, s.id, b),
-                      options: r.map((b) => ({
-                        value: b.id,
-                        label: `${b.name} (${b.type})`
+                      onChange: (v) => v && d(m.id, u.id, v),
+                      options: r.map((v) => ({
+                        value: v.id,
+                        label: `${v.name} (${v.type})`
                       }))
                     }
                   )
@@ -3109,29 +3167,29 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                 /* @__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(pe, { children: s.material.name })
+                    /* @__PURE__ */ e(ye, { children: u.material.name })
                   ] }),
                   /* @__PURE__ */ e(
-                    Ft,
+                    Ht,
                     {
-                      material: s.material,
-                      onSave: (b) => {
-                        const N = { ...s.material, ...b };
-                        i(m.id, s.id, { material: N });
+                      material: u.material,
+                      onSave: (v) => {
+                        const I = { ...u.material, ...v };
+                        i(m.id, u.id, { material: I });
                       }
                     }
                   )
                 ] })
               ] })
             },
-            s.id
+            u.id
           )) })
         ] })
       },
       m.id
     )) })
   ] });
-}, { Panel: Ee } = Ne, { TabPane: dt } = Xt, { TextArea: Hn } = re, Gn = ({
+}, { Panel: Ee } = Ne, { TabPane: ut } = Rt, { TextArea: qn } = re, Bn = ({
   defaultTestData: l
 }) => {
   const {
@@ -3143,12 +3201,12 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
     updateNodeContent: a,
     materials: i,
     selectedStatusId: p,
-    selectStatus: u
-  } = _e(), [m] = w.useForm(), [S, s] = Q("basic"), [I, b] = Q(!1), [N, g] = Q(null), [W, O] = Q({}), X = Ce.useMemo(() => f.find((o) => o.id === t), [f, t]), $ = X?.contentInfo.statusList || [], Y = (o) => {
-    t && (o.normalStyle && c(t, o.normalStyle), o.name !== void 0 && r(t, { name: o.name }), o.controlInfo && n(t, o.controlInfo));
+    selectStatus: d
+  } = ze(), [m] = w.useForm(), [S, u] = ee("basic"), [E, v] = ee(!1), [I, g] = ee(null), [F, O] = ee({}), 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));
   };
-  ye(() => {
-    X && (m.setFieldsValue({
+  console.log(t, "selectedNodeId", X), he(() => {
+    X && X && (m.setFieldsValue({
       name: X.name,
       normalStyle: {
         width: 100,
@@ -3168,78 +3226,78 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
         isSelectable: !0,
         ...X.controlInfo
       }
-    }), u(null));
-  }, [X?.id, m, u]);
+    }), d(null));
+  }, [X, d, m]);
   const xe = () => {
-    !t || !X || (g("new"), b(!0));
-  }, ne = (o) => {
+    !t || !X || (g("new"), v(!0));
+  }, ne = (s) => {
     if (!t || !X) return;
     const q = {
       id: H(),
-      name: `${o.name}_状态${$.length + 1}`,
+      name: `${s.name}_状态${$.length + 1}`,
       expression: $.length === 0 ? "return true;" : "return false;",
-      material: { ...o, id: H() },
+      material: { ...s, id: H() },
       bindCodes: []
     };
-    if (N === "new") {
-      const v = [...$, q];
-      a(t, { statusList: v });
-    } else if (N) {
-      const v = $.map((L) => L.id === N ? { ...L, material: { ...o, id: H() } } : L);
-      a(t, { statusList: v });
+    if (I === "new") {
+      const x = [...$, q];
+      a(t, { statusList: x });
+    } else if (I) {
+      const x = $.map((Y) => Y.id === I ? { ...Y, material: { ...s, id: H() } } : Y);
+      a(t, { statusList: x });
     }
-    b(!1), g(null);
-  }, we = (o) => {
+    v(!1), g(null);
+  }, we = (s) => {
     if (!t || !X) return;
-    const q = X.contentInfo.statusList?.filter((v) => v.id !== o) || [];
-    a(t, { statusList: q }), p === o && u(null);
-  }, ie = (o, q) => {
+    const q = X.contentInfo.statusList?.filter((x) => x.id !== s) || [];
+    a(t, { statusList: q }), p === s && d(null);
+  }, ie = (s, q) => {
     if (!t || !X) return;
-    const v = X.contentInfo.statusList?.map((L) => L.id === o ? { ...L, ...q } : L) || [];
-    a(t, { statusList: v });
-  }, A = (o) => {
+    const x = X.contentInfo.statusList?.map((Y) => Y.id === s ? { ...Y, ...q } : Y) || [];
+    a(t, { statusList: x });
+  }, A = (s) => {
     if (!t || !X) return;
     const q = {
-      ...o,
+      ...s,
       id: H(),
-      name: `${o.name}_复制`,
+      name: `${s.name}_复制`,
       expression: "return false;"
-    }, v = [...$, q];
-    a(t, { statusList: v });
-  }, Z = (o, q) => {
+    }, x = [...$, q];
+    a(t, { statusList: x });
+  }, K = (s, q) => {
     if (!t || !X) return;
-    const v = $.findIndex((M) => M.id === o);
-    if (v === -1) return;
-    const L = [...$];
-    q === "up" && v > 0 ? [L[v], L[v - 1]] = [
-      L[v - 1],
-      L[v]
-    ] : q === "down" && v < L.length - 1 && ([L[v], L[v + 1]] = [
-      L[v + 1],
-      L[v]
-    ]), a(t, { statusList: L });
-  }, G = (o) => {
-    g(o), b(!0);
-  }, T = (o, q) => {
+    const x = $.findIndex((M) => M.id === s);
+    if (x === -1) return;
+    const Y = [...$];
+    q === "up" && x > 0 ? [Y[x], Y[x - 1]] = [
+      Y[x - 1],
+      Y[x]
+    ] : q === "down" && x < Y.length - 1 && ([Y[x], Y[x + 1]] = [
+      Y[x + 1],
+      Y[x]
+    ]), a(t, { statusList: Y });
+  }, G = (s) => {
+    g(s), v(!0);
+  }, T = (s, q) => {
     if (!t || !X) return;
-    const v = $.map((L) => L.id === o ? {
-      ...L,
-      material: { ...L.material, ...q }
-    } : L);
-    a(t, { statusList: v });
+    const x = $.map((Y) => Y.id === s ? {
+      ...Y,
+      material: { ...Y.material, ...q }
+    } : Y);
+    a(t, { statusList: x });
   };
   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__ */ h(Xt, { activeKey: S, onChange: s, children: [
-      /* @__PURE__ */ e(dt, { tab: "基础", children: /* @__PURE__ */ h(
+    /* @__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: Y,
+          onValuesChange: L,
           initialValues: { name: X.name },
           children: [
             /* @__PURE__ */ e(w.Item, { label: "节点名称", name: "name", children: /* @__PURE__ */ e(re, { placeholder: "输入节点名称" }) }),
@@ -3281,8 +3339,8 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           ]
         }
       ) }, "basic"),
-      /* @__PURE__ */ e(dt, { tab: "状态", children: X.type === "group" && X.children ? /* @__PURE__ */ e(
-        Un,
+      /* @__PURE__ */ e(ut, { tab: "状态", children: X.type === "group" && X.children ? /* @__PURE__ */ e(
+        Gn,
         {
           node: X,
           updateNode: r,
@@ -3292,14 +3350,14 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
         /* @__PURE__ */ h("div", { className: "flex items-center justify-between mb-2", children: [
           /* @__PURE__ */ h("span", { className: "font-medium", children: [
             "状态列表",
-            /* @__PURE__ */ e(pe, { color: "blue", className: "ml-2", children: $.length })
+            /* @__PURE__ */ e(ye, { color: "blue", className: "ml-2", children: $.length })
           ] }),
           /* @__PURE__ */ e(
-            K,
+            Z,
             {
               type: "primary",
               size: "small",
-              icon: /* @__PURE__ */ e(_t, {}),
+              icon: /* @__PURE__ */ e(zt, {}),
               onClick: xe,
               children: "添加状态"
             }
@@ -3310,59 +3368,59 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           /* @__PURE__ */ e("span", { className: "text-sm text-gray-600", children: "当前状态:" }),
           /* @__PURE__ */ e("span", { className: "ml-2 text-sm font-medium text-blue-600", children: "由表达式自动计算" })
         ] }) }) }),
-        $.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, children: $.map((o, q) => /* @__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__ */ 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: o.name }),
-              /* @__PURE__ */ e(pe, { color: "default", className: "text-xs", children: o.material.type })
+              /* @__PURE__ */ e("span", { className: "font-medium", children: s.name }),
+              /* @__PURE__ */ e(ye, { color: "default", className: "text-xs", children: s.material.type })
             ] }),
-            extra: /* @__PURE__ */ h(be, { size: "small", onClick: (v) => v.stopPropagation(), children: [
+            extra: /* @__PURE__ */ h(be, { size: "small", onClick: (x) => x.stopPropagation(), children: [
               /* @__PURE__ */ e(
-                K,
+                Z,
                 {
                   type: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ e(Rt, {}),
+                  icon: /* @__PURE__ */ e(Ot, {}),
                   disabled: q === 0,
-                  onClick: (v) => {
-                    v.stopPropagation(), Z(o.id, "up");
+                  onClick: (x) => {
+                    x.stopPropagation(), K(s.id, "up");
                   }
                 }
               ),
               /* @__PURE__ */ e(
-                K,
+                Z,
                 {
                   type: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ e(zt, {}),
+                  icon: /* @__PURE__ */ e(At, {}),
                   disabled: q === $.length - 1,
-                  onClick: (v) => {
-                    v.stopPropagation(), Z(o.id, "down");
+                  onClick: (x) => {
+                    x.stopPropagation(), K(s.id, "down");
                   }
                 }
               ),
               /* @__PURE__ */ e(
-                K,
+                Z,
                 {
                   type: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ e(Tt, {}),
-                  onClick: (v) => {
-                    v.stopPropagation(), A(o);
+                  icon: /* @__PURE__ */ e(_t, {}),
+                  onClick: (x) => {
+                    x.stopPropagation(), A(s);
                   }
                 }
               ),
               /* @__PURE__ */ e(
-                K,
+                Z,
                 {
                   type: "text",
                   size: "small",
                   danger: !0,
-                  icon: /* @__PURE__ */ e(it, {}),
-                  onClick: (v) => {
-                    v.stopPropagation(), we(o.id);
+                  icon: /* @__PURE__ */ e(ot, {}),
+                  onClick: (x) => {
+                    x.stopPropagation(), we(s.id);
                   }
                 }
               )
@@ -3371,8 +3429,8 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
               /* @__PURE__ */ e(w.Item, { label: "状态名称", children: /* @__PURE__ */ e(
                 re,
                 {
-                  value: o.name,
-                  onChange: (v) => ie(o.id, { name: v.target.value }),
+                  value: s.name,
+                  onChange: (x) => ie(s.id, { name: x.target.value }),
                   placeholder: "输入状态名称"
                 }
               ) }),
@@ -3382,17 +3440,17 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                   label: "执行表达式",
                   help: "返回 true 时激活此状态，可使用 data 变量访问绑定数据",
                   children: /* @__PURE__ */ e(
-                    Hn,
+                    qn,
                     {
-                      value: W[o.id] ?? o.expression,
-                      onChange: (v) => O((L) => ({
-                        ...L,
-                        [o.id]: v.target.value
+                      value: F[s.id] ?? s.expression,
+                      onChange: (x) => O((Y) => ({
+                        ...Y,
+                        [s.id]: x.target.value
                       })),
-                      onBlur: (v) => {
-                        ie(o.id, { expression: v.target.value }), O((L) => {
-                          const M = { ...L };
-                          return delete M[o.id], M;
+                      onBlur: (x) => {
+                        ie(s.id, { expression: x.target.value }), O((Y) => {
+                          const M = { ...Y };
+                          return delete M[s.id], M;
                         });
                       },
                       rows: 3,
@@ -3405,22 +3463,22 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                 Ie,
                 {
                   mode: "tags",
-                  value: o.bindCodes || [],
-                  onChange: (v) => ie(o.id, { bindCodes: v }),
+                  value: s.bindCodes || [],
+                  onChange: (x) => ie(s.id, { bindCodes: x }),
                   placeholder: "输入数据源 code",
                   tokenSeparators: [",", " "]
                 }
               ) }),
               /* @__PURE__ */ e(w.Item, { label: "绑定物料", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e(pe, { color: "blue", children: o.material.name }),
-                /* @__PURE__ */ e(pe, { color: "default", children: o.material.type }),
+                /* @__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(ht, {}),
-                    onClick: () => G(o.id),
+                    icon: /* @__PURE__ */ e(ft, {}),
+                    onClick: () => G(s.id),
                     children: "更换物料"
                   }
                 )
@@ -3429,29 +3487,29 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
               /* @__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(pe, { children: o.material.name })
+                  /* @__PURE__ */ e(ye, { children: s.material.name })
                 ] }),
                 /* @__PURE__ */ e(
-                  Ft,
+                  Ht,
                   {
-                    material: o.material,
-                    onSave: (v) => T(o.id, v),
-                    bindCodes: o.bindCodes || [],
+                    material: s.material,
+                    onSave: (x) => T(s.id, x),
+                    bindCodes: s.bindCodes || [],
                     dataOptions: l || []
                   }
                 )
               ] })
             ] })
           },
-          o.id
+          s.id + t
         )) })
       ] }) }, "status"),
-      /* @__PURE__ */ e(dt, { tab: "控制", children: /* @__PURE__ */ h(
+      /* @__PURE__ */ e(ut, { tab: "控制", children: /* @__PURE__ */ h(
         w,
         {
           form: m,
           layout: "vertical",
-          onValuesChange: Y,
+          onValuesChange: L,
           children: [
             /* @__PURE__ */ e(
               w.Item,
@@ -3459,7 +3517,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                 label: "可拖拽",
                 name: ["controlInfo", "isDraggable"],
                 valuePropName: "checked",
-                children: /* @__PURE__ */ e(Ze, {})
+                children: /* @__PURE__ */ e(Je, {})
               }
             ),
             /* @__PURE__ */ e(
@@ -3468,7 +3526,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                 label: "可点击",
                 name: ["controlInfo", "isClickable"],
                 valuePropName: "checked",
-                children: /* @__PURE__ */ e(Ze, {})
+                children: /* @__PURE__ */ e(Je, {})
               }
             ),
             /* @__PURE__ */ e(
@@ -3477,7 +3535,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                 label: "可调整大小",
                 name: ["controlInfo", "isResizable"],
                 valuePropName: "checked",
-                children: /* @__PURE__ */ e(Ze, {})
+                children: /* @__PURE__ */ e(Je, {})
               }
             ),
             /* @__PURE__ */ e(
@@ -3486,7 +3544,7 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                 label: "可选中",
                 name: ["controlInfo", "isSelectable"],
                 valuePropName: "checked",
-                children: /* @__PURE__ */ e(Ze, {})
+                children: /* @__PURE__ */ e(Je, {})
               }
             )
           ]
@@ -3505,63 +3563,63 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      at,
+      it,
       {
         title: "选择物料",
-        open: I,
+        open: E,
         onCancel: () => {
-          b(!1), g(null);
+          v(!1), g(null);
         },
         footer: null,
         width: 600,
         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((o) => ["矩形", "圆形", "圆角矩形"].includes(o.name)).map((o) => /* @__PURE__ */ e(
-            Dt,
+          /* @__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: o,
-              onClick: () => ne(o)
+              material: s,
+              onClick: () => ne(s)
             },
-            o.id
+            s.id
           )) }) }, "basic"),
           /* @__PURE__ */ e(Ee, { header: "设备图标", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter(
-            (o) => ["阀门", "泵", "罐体"].includes(o.name) || o.type === "IMAGE" && !["矩形", "圆形", "圆角矩形"].includes(o.name)
-          ).map((o) => /* @__PURE__ */ e(
-            Dt,
+            (s) => ["阀门", "泵", "罐体"].includes(s.name) || s.type === "IMAGE" && !["矩形", "圆形", "圆角矩形"].includes(s.name)
+          ).map((s) => /* @__PURE__ */ e(
+            Lt,
             {
-              material: o,
-              onClick: () => ne(o)
+              material: s,
+              onClick: () => ne(s)
             },
-            o.id
+            s.id
           )) }) }, "device"),
-          /* @__PURE__ */ e(Ee, { header: "文本", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter((o) => o.type === "TEXT").map((o) => /* @__PURE__ */ h(
+          /* @__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: () => ne(o),
+              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: o.name })
+                /* @__PURE__ */ e("span", { className: "text-xs", children: s.name })
               ]
             },
-            o.id
+            s.id
           )) }) }, "text"),
-          /* @__PURE__ */ e(Ee, { header: "线条", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter((o) => o.type === "LINE").map((o) => /* @__PURE__ */ h(
+          /* @__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: () => ne(o),
+              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: o.name })
+                /* @__PURE__ */ e("span", { className: "text-xs", children: s.name })
               ]
             },
-            o.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(ge, { description: "请选择一个节点" }) });
-}, Dt = ({ 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__ */ h(
     "div",
@@ -3574,9 +3632,9 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       ]
     }
   );
-}, qn = "ConfigEditor-module__configEditor__dinNG", Bn = {
-  configEditor: qn
-}, { Header: Vn, Sider: $t, Content: Zn } = ut, al = ({
+}, Vn = "ConfigEditor-module__configEditor__dinNG", Zn = {
+  configEditor: Vn
+}, { Header: Jn, Sider: Yt, Content: Kn } = ht, ol = ({
   initialScheme: l,
   onChange: f,
   readonly: t = !1,
@@ -3586,9 +3644,9 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
   showHeader: a = !0,
   showMaterialPanel: i = !0,
   showPropertyPanel: p = !0,
-  customMaterials: u
+  customMaterials: d
 }) => {
-  const [m, S] = Ce.useState(!1), [s, I] = Ce.useState(""), [b, N] = Ce.useState([
+  const [m, S] = Ce.useState(!1), [u, E] = Ce.useState(""), [v, I] = Ce.useState([
     {
       paramsCode: "001",
       paramsName: "通频速度有效值",
@@ -3601,55 +3659,55 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
       value: 1.5,
       paramsUnit: "m/s²"
     }
-  ]), { exportScheme: g, importScheme: W, nodes: O, materials: X, addMaterial: $ } = _e();
+  ]), { exportScheme: g, importScheme: F, nodes: O, materials: X, addMaterial: $ } = ze();
   Ce.useRef(null);
-  const Y = Ce.useRef(!1);
-  ye(() => {
-    Y.current || (Y.current = !0, X.length === 0 && En.forEach((A) => $(A)), u && u.length > 0 && u.forEach((A) => $(A)), l && W(l));
-  }, []), ye(() => {
+  const L = Ce.useRef(!1);
+  he(() => {
+    L.current || (L.current = !0, X.length === 0 && Dn.forEach((A) => $(A)), d && d.length > 0 && d.forEach((A) => $(A)), l && F(l));
+  }, []), he(() => {
     if (f) {
       const A = g();
       f(A);
     }
   }, [O, f]);
   const xe = V(() => {
-    const A = g(), Z = JSON.stringify(A, null, 2), G = "data:application/json;charset=utf-8," + encodeURIComponent(Z), T = `scheme_${Date.now()}.json`, o = document.createElement("a");
-    o.setAttribute("href", G), o.setAttribute("download", T), o.click(), We.success("导出成功！");
+    const A = g(), K = JSON.stringify(A, null, 2), G = "data:application/json;charset=utf-8," + encodeURIComponent(K), 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 A = JSON.parse(s);
-      W(A), S(!1), I(""), We.success("导入成功！");
+      const A = JSON.parse(u);
+      F(A), S(!1), E(""), Ye.success("导入成功！");
     } catch {
-      We.error("JSON 格式错误，请检查输入");
+      Ye.error("JSON 格式错误，请检查输入");
     }
-  }, [s, W]), we = V(
+  }, [u, F]), we = V(
     (A) => {
-      const Z = new FileReader();
-      return Z.onload = (G) => {
+      const K = new FileReader();
+      return K.onload = (G) => {
         try {
-          const T = G.target?.result, o = JSON.parse(T);
-          W(o), We.success("导入成功！");
+          const T = G.target?.result, s = JSON.parse(T);
+          F(s), Ye.success("导入成功！"), S(!1);
         } catch {
-          We.error("文件格式错误");
+          Ye.error("文件格式错误");
         }
-      }, Z.readAsText(A), !1;
+      }, K.readAsText(A), !1;
     },
-    [W]
+    [F]
   ), ie = V(() => g(), [g]);
   return Ce.useImperativeHandle(
     Ce.useRef?.(),
     () => ({
       getScheme: ie,
       exportScheme: g,
-      importScheme: W
+      importScheme: F
     }),
-    [ie, g, W]
-  ), /* @__PURE__ */ e(qt, { locale: Nn, children: /* @__PURE__ */ e("div", { className: Bn.configEditor, style: n, children: /* @__PURE__ */ h(
-    ut,
+    [ie, g, F]
+  ), /* @__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 ${c}`,
       children: [
-        a && /* @__PURE__ */ h(Vn, { className: "bg-white border-b border-gray-200 px-4 flex items-center justify-between flex-shrink-0", 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__ */ h("div", { className: "text-sm text-gray-500", children: [
@@ -3659,12 +3717,12 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
           ] }),
           /* @__PURE__ */ h(be, { children: [
             r,
-            !t && /* @__PURE__ */ h(Re, { children: [
-              /* @__PURE__ */ e($e, { title: "导出 JSON", children: /* @__PURE__ */ e(K, { icon: /* @__PURE__ */ e(un, {}), onClick: xe, children: "导出" }) }),
-              /* @__PURE__ */ e($e, { title: "导入 JSON", children: /* @__PURE__ */ e(
-                K,
+            !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(
+                Z,
                 {
-                  icon: /* @__PURE__ */ e(Pt, {}),
+                  icon: /* @__PURE__ */ e(mt, {}),
                   onClick: () => S(!0),
                   children: "导入"
                 }
@@ -3672,19 +3730,19 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ h(ut, { children: [
-          i && !t && /* @__PURE__ */ e($t, { width: 280, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(Dn, {}) }),
-          /* @__PURE__ */ e(Zn, { className: "bg-gray-100 relative", children: /* @__PURE__ */ e(zn, { defaultTestData: b }) }),
-          p && !t && /* @__PURE__ */ e($t, { width: 360, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(Gn, { defaultTestData: b }) })
+        /* @__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(
-          at,
+          it,
           {
             title: "导入组态方案",
             open: m,
             onOk: ne,
             onCancel: () => {
-              S(!1), I("");
+              S(!1), E("");
             },
             width: 600,
             children: /* @__PURE__ */ h("div", { className: "space-y-4", children: [
@@ -3696,8 +3754,8 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                     type: "file",
                     accept: ".json",
                     onChange: (A) => {
-                      const Z = A.target.files?.[0];
-                      Z && we(Z);
+                      const K = A.target.files?.[0];
+                      K && we(K);
                     },
                     className: `block w-full text-sm text-gray-500
                   file:mr-4 file:py-2 file:px-4
@@ -3714,8 +3772,8 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
                 /* @__PURE__ */ e(
                   "textarea",
                   {
-                    value: s,
-                    onChange: (A) => I(A.target.value),
+                    value: u,
+                    onChange: (A) => E(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"
                   }
@@ -3729,14 +3787,14 @@ const Nn = /* @__PURE__ */ pn(Cn), In = (l) => (f, t, r) => (r.setState = (c, n,
   ) }) });
 };
 export {
-  zn as Canvas,
-  al as ConfigEditor,
-  Dn as MaterialPanel,
-  Wt as NodeRenderer,
-  Gn as PropertyPanel,
-  Mn as createDefaultNode,
-  jt as createDefaultStatus,
-  En as initMaterials,
-  _e 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