jch-config-editor 0.1.12 → 0.1.14

package/dist/config-editor.es.js

@@ -1,31 +1,31 @@
-import { jsxs as h, jsx as e, Fragment as Oe } from "react/jsx-runtime";
-import Ce, { useState as Q, useRef as ue, useMemo as Xt, useCallback as V, useEffect as me } from "react";
-import { Typography as Pt, Upload as Tt, Button as Z, Collapse as Ne, List as $e, Empty as pe, Tag as ye, Image as qt, Space as be, Tooltip as Le, Modal as it, Form as w, Input as re, InputNumber as te, Switch as Je, message as Ye, Divider as Me, Select as Ie, Tabs as Rt, ConfigProvider as Bt, Layout as ht } from "antd";
-import { UploadOutlined as mt, EditOutlined as ft, DeleteOutlined as ot, UndoOutlined as Vt, RedoOutlined as Zt, CopyOutlined as _t, GroupOutlined as vt, UngroupOutlined as Jt, AlignLeftOutlined as Kt, AlignRightOutlined as Qt, VerticalAlignTopOutlined as en, VerticalAlignBottomOutlined as tn, ColumnWidthOutlined as nn, ColumnHeightOutlined as ln, SettingOutlined as rn, ExperimentOutlined as an, ZoomInOutlined as on, ZoomOutOutlined as sn, CloseOutlined as cn, SelectOutlined as dn, DragOutlined as un, EyeOutlined as hn, PlusOutlined as zt, ArrowUpOutlined as Ot, ArrowDownOutlined as At, DownloadOutlined as mn } from "@ant-design/icons";
-import { create as fn } from "zustand";
-import { produce as gn } from "immer";
+import { jsxs as h, jsx as e, Fragment as Ae } from "react/jsx-runtime";
+import Ce, { useState as ee, useRef as ue, useEffect as he, useMemo as Pt, useCallback as V } from "react";
+import { Typography as Tt, Upload as Rt, Button as Z, Collapse as Ne, List as Le, Empty as pe, Tag as ye, Image as Bt, Space as be, Tooltip as Ye, Modal as st, Form as w, Input as re, InputNumber as te, Switch as Qe, message as $e, Divider as De, Select as Ie, Tabs as _t, ConfigProvider as Vt, Layout as ft } from "antd";
+import { UploadOutlined as gt, EditOutlined as pt, DeleteOutlined as ct, UndoOutlined as Zt, RedoOutlined as Jt, CopyOutlined as zt, GroupOutlined as bt, UngroupOutlined as Kt, AlignLeftOutlined as Qt, AlignRightOutlined as en, VerticalAlignTopOutlined as tn, VerticalAlignBottomOutlined as nn, ColumnWidthOutlined as ln, ColumnHeightOutlined as rn, SettingOutlined as an, ExperimentOutlined as on, ZoomInOutlined as sn, ZoomOutOutlined as cn, CloseOutlined as dn, SelectOutlined as un, DragOutlined as hn, EyeOutlined as mn, PlusOutlined as Ot, ArrowUpOutlined as At, ArrowDownOutlined as jt, DownloadOutlined as fn } from "@ant-design/icons";
+import { create as gn } from "zustand";
+import { produce as pn } from "immer";
 import { nanoid as H } from "nanoid";
-import { TransformWrapper as pn, TransformComponent as yn } from "react-zoom-pan-pinch";
-function vn(l) {
+import { TransformWrapper as yn, TransformComponent as vn } from "react-zoom-pan-pinch";
+function bn(l) {
   return l && l.__esModule && Object.prototype.hasOwnProperty.call(l, "default") ? l.default : l;
 }
-var Ue = {}, ct = { exports: {} }, bt;
-function gt() {
-  return bt || (bt = 1, (function(l) {
+var Ge = {}, ut = { exports: {} }, xt;
+function yt() {
+  return xt || (xt = 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;
-  })(ct)), ct.exports;
+  })(ut)), ut.exports;
 }
-var He = {}, xt;
-function bn() {
-  if (xt) return He;
-  xt = 1, Object.defineProperty(He, "__esModule", {
+var qe = {}, wt;
+function xn() {
+  if (wt) return qe;
+  wt = 1, Object.defineProperty(qe, "__esModule", {
     value: !0
-  }), He.default = void 0;
+  }), qe.default = void 0;
   const l = {
     // Options
     items_per_page: "条/页",
@@ -41,26 +41,26 @@ function bn() {
     next_3: "向后 3 页",
     page_size: "页码"
   };
-  return He.default = l, He;
+  return qe.default = l, qe;
 }
-var Ge = {}, qe = {}, Be = {}, Ve = {}, wt;
-function xn() {
-  return wt || (wt = 1, Object.defineProperty(Ve, "__esModule", {
+var Be = {}, Ve = {}, Ze = {}, Je = {}, St;
+function wn() {
+  return St || (St = 1, Object.defineProperty(Je, "__esModule", {
     value: !0
-  }), Ve.commonLocale = void 0, Ve.commonLocale = {
+  }), Je.commonLocale = void 0, Je.commonLocale = {
     yearFormat: "YYYY",
     dayFormat: "D",
     cellMeridiemFormat: "A",
     monthBeforeYear: !0
-  }), Ve;
+  }), Je;
 }
-var St;
-function wn() {
-  if (St) return Be;
-  St = 1, Object.defineProperty(Be, "__esModule", {
+var Ct;
+function Sn() {
+  if (Ct) return Ze;
+  Ct = 1, Object.defineProperty(Ze, "__esModule", {
     value: !0
-  }), Be.default = void 0;
-  var l = xn();
+  }), Ze.default = void 0;
+  var l = wn();
   function f(p) {
     "@babel/helpers - typeof";
     return f = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(d) {
@@ -135,29 +135,29 @@ function wn() {
     cellDateFormat: "D",
     monthBeforeYear: !1
   });
-  return Be.default = i, Be;
+  return Ze.default = i, Ze;
 }
-var Ze = {}, Ct;
-function jt() {
-  if (Ct) return Ze;
-  Ct = 1, Object.defineProperty(Ze, "__esModule", {
+var Ke = {}, Nt;
+function Wt() {
+  if (Nt) return Ke;
+  Nt = 1, Object.defineProperty(Ke, "__esModule", {
     value: !0
-  }), Ze.default = void 0;
+  }), Ke.default = void 0;
   const l = {
     placeholder: "请选择时间",
     rangePlaceholder: ["开始时间", "结束时间"]
   };
-  return Ze.default = l, Ze;
+  return Ke.default = l, Ke;
 }
-var Nt;
-function Wt() {
-  if (Nt) return qe;
-  Nt = 1;
-  var l = gt().default;
-  Object.defineProperty(qe, "__esModule", {
+var It;
+function Ft() {
+  if (It) return Ve;
+  It = 1;
+  var l = yt().default;
+  Object.defineProperty(Ve, "__esModule", {
     value: !0
-  }), qe.default = void 0;
-  var f = l(wn()), t = l(/* @__PURE__ */ jt());
+  }), Ve.default = void 0;
+  var f = l(Sn()), t = l(/* @__PURE__ */ Wt());
   const r = {
     lang: {
       placeholder: "请选择日期",
@@ -176,28 +176,28 @@ function Wt() {
       ...t.default
     }
   };
-  return r.lang.ok = "确定", qe.default = r, qe;
-}
-var It;
-function Sn() {
-  if (It) return Ge;
-  It = 1;
-  var l = gt().default;
-  Object.defineProperty(Ge, "__esModule", {
-    value: !0
-  }), Ge.default = void 0;
-  var f = l(/* @__PURE__ */ Wt());
-  return Ge.default = f.default, Ge;
+  return r.lang.ok = "确定", Ve.default = r, Ve;
 }
 var kt;
 function Cn() {
-  if (kt) return Ue;
+  if (kt) return Be;
   kt = 1;
-  var l = gt().default;
-  Object.defineProperty(Ue, "__esModule", {
+  var l = yt().default;
+  Object.defineProperty(Be, "__esModule", {
+    value: !0
+  }), Be.default = void 0;
+  var f = l(/* @__PURE__ */ Ft());
+  return Be.default = f.default, Be;
+}
+var Et;
+function Nn() {
+  if (Et) return Ge;
+  Et = 1;
+  var l = yt().default;
+  Object.defineProperty(Ge, "__esModule", {
     value: !0
-  }), Ue.default = void 0;
-  var f = l(bn()), t = l(/* @__PURE__ */ Sn()), r = l(/* @__PURE__ */ Wt()), c = l(/* @__PURE__ */ jt());
+  }), Ge.default = void 0;
+  var f = l(xn()), t = l(/* @__PURE__ */ Cn()), r = l(/* @__PURE__ */ Ft()), c = l(/* @__PURE__ */ Wt());
   const n = "${label}不是一个有效的${type}", a = {
     locale: "zh-cn",
     Pagination: f.default,
@@ -338,17 +338,17 @@ function Cn() {
       gradientColor: "渐变色"
     }
   };
-  return Ue.default = a, Ue;
+  return Ge.default = a, Ge;
 }
-var dt, Et;
-function Nn() {
-  return Et || (Et = 1, dt = /* @__PURE__ */ Cn()), dt;
+var ht, Mt;
+function In() {
+  return Mt || (Mt = 1, ht = /* @__PURE__ */ Nn()), ht;
 }
-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;
+var kn = /* @__PURE__ */ In();
+const En = /* @__PURE__ */ bn(kn), Mn = (l) => (f, t, r) => (r.setState = (c, n, ...a) => {
+  const i = typeof c == "function" ? pn(c) : c;
   return f(i, n, ...a);
-}, l(r.setState, t, r)), Mn = En, Mt = {
+}, l(r.setState, t, r)), Dn = Mn, Dt = {
   nodes: [],
   materials: [],
   selectedNodeId: null,
@@ -381,9 +381,9 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
   targetId: f,
   payload: t,
   timestamp: Date.now()
-}), ze = fn()(
-  Mn((l, f) => ({
-    ...Mt,
+}), Oe = gn()(
+  Dn((l, f) => ({
+    ...Dt,
     // ========== 节点操作 ==========
     addNode: (t, r = !0) => {
       l((c) => {
@@ -585,11 +585,11 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     },
     importScheme: (t) => {
       l((r) => {
-        r.nodes = t.nodes || [], r.materials = t.materials || [], r.viewport = t.viewport || Mt.viewport, r.selectedNodeId = null, r.selectedStatusId = null, r.history = { past: [], future: [] };
+        r.nodes = t.nodes || [], r.materials = t.materials || [], r.viewport = t.viewport || Dt.viewport, r.selectedNodeId = null, r.selectedStatusId = null, r.history = { past: [], future: [] };
       });
     }
   }))
-), Dn = [
+), Ln = [
   // 基础形状
   {
     id: H(),
@@ -662,13 +662,13 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       lineType: "solid"
     }
   }
-], Ft = (l) => ({
+], Ut = (l) => ({
   id: H(),
   name: "默认状态",
   expression: "return true;",
   material: { ...l, id: H() },
   bindCodes: []
-}), $n = (l, f, t) => {
+}), Yn = (l, f, t) => {
   if (t?.type === "CUSTOM" && t.config?.nodes) {
     const r = t.config.nodes.map((d) => ({
       ...d,
@@ -677,8 +677,8 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     }));
     let c = 1 / 0, n = 1 / 0, a = -1 / 0, i = -1 / 0;
     r.forEach((d) => {
-      const m = d.normalStyle.x || 0, S = d.normalStyle.y || 0, u = d.normalStyle.width || 0, k = d.normalStyle.height || 0;
-      c = Math.min(c, m), n = Math.min(n, S), a = Math.max(a, m + u), i = Math.max(i, S + k);
+      const 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((d) => ({
       ...d,
@@ -727,7 +727,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       padding: 8
     },
     contentInfo: {
-      statusList: t ? [Ft(t)] : [],
+      statusList: t ? [Ut(t)] : [],
       currentStatusId: void 0
     },
     controlInfo: {
@@ -737,7 +737,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       isSelectable: !0
     }
   };
-}, { Panel: _e } = Ne, { Text: rt } = Pt, Ln = () => {
+}, { Panel: ze } = Ne, { Text: it } = Tt, $n = () => {
   const {
     materials: l,
     addMaterial: f,
@@ -748,21 +748,21 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     lineDrawing: a,
     startLineDrawing: i,
     cancelLineDrawing: p
-  } = ze(), [d, m] = Q([
+  } = Oe(), [d, m] = ee([
     "basic",
     "device",
     "text",
     "line"
   ]), S = (g) => {
-    const W = new FileReader();
-    return W.onload = (O) => {
-      const X = O.target?.result;
+    const U = new FileReader();
+    return U.onload = (j) => {
+      const T = j.target?.result;
       f({
         name: g.name.replace(".svg", ""),
         type: "IMAGE",
-        src: X
+        src: T
       });
-    }, W.readAsDataURL(g), !1;
+    }, U.readAsDataURL(g), !1;
   }, u = {
     basic: l.filter(
       (g) => ["矩形", "圆形", "圆角矩形"].includes(g.name)
@@ -776,37 +776,37 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     custom: l.filter(
       (g) => g.type === "CUSTOM" && !g.config?.nodes || g.type === "IMAGE" && !["矩形", "圆形", "圆角矩形", "阀门", "泵", "罐体"].includes(g.name)
     )
-  }, k = (g, W) => {
-    g.dataTransfer.effectAllowed = "copy", g.dataTransfer.setData("application/json", JSON.stringify(W));
-    const O = g.currentTarget.querySelector(
+  }, E = (g, U) => {
+    g.dataTransfer.effectAllowed = "copy", g.dataTransfer.setData("application/json", JSON.stringify(U));
+    const j = g.currentTarget.querySelector(
       ".material-preview"
     );
-    O && g.dataTransfer.setDragImage(O, 20, 20);
-  }, v = (g) => {
+    j && g.dataTransfer.setDragImage(j, 20, 20);
+  }, b = (g) => {
     g.type === "LINE" && i(g);
-  }, I = (g, W = !1) => {
-    const O = W === !0, X = n === "line-draw" && O && a.material?.id === g.id;
+  }, k = (g, U = !1) => {
+    const j = U === !0, T = n === "line-draw" && j && a.material?.id === g.id;
     return /* @__PURE__ */ e(
-      $e.Item,
+      Le.Item,
       {
-        draggable: !O,
-        onDragStart: ($) => k($, g),
-        onClick: () => O && v(g),
+        draggable: !j,
+        onDragStart: (Y) => E(Y, g),
+        onClick: () => j && b(g),
         className: `
           rounded-lg transition-all duration-200 select-none
-          ${O ? "cursor-pointer" : "cursor-move"}
+          ${j ? "cursor-pointer" : "cursor-move"}
           hover:bg-gray-100
-          ${X ? "bg-blue-50 ring-2 ring-blue-400" : ""}
+          ${T ? "bg-blue-50 ring-2 ring-blue-400" : ""}
         `,
         actions: [
-          O ? /* @__PURE__ */ e(
+          j ? /* @__PURE__ */ e(
             Z,
             {
               type: "text",
               size: "small",
-              icon: /* @__PURE__ */ e(ft, {}),
-              onClick: ($) => {
-                $.stopPropagation(), v(g);
+              icon: /* @__PURE__ */ e(pt, {}),
+              onClick: (Y) => {
+                Y.stopPropagation(), b(g);
               },
               children: "绘制"
             },
@@ -818,17 +818,17 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
               type: "text",
               size: "small",
               danger: !0,
-              icon: /* @__PURE__ */ e(ot, {}),
-              onClick: ($) => {
-                $.stopPropagation(), t(g.id);
+              icon: /* @__PURE__ */ e(ct, {}),
+              onClick: (Y) => {
+                Y.stopPropagation(), t(g.id);
               }
             },
             "delete"
           )
         ].filter(Boolean),
-        children: /* @__PURE__ */ h("div", { className: `flex items-center gap-3 w-full py-2 ${O ? "" : "pointer-events-none"}`, children: [
+        children: /* @__PURE__ */ h("div", { className: `flex items-center gap-3 w-full py-2 ${j ? "" : "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(
-            qt,
+            Bt,
             {
               src: g.src,
               alt: g.name,
@@ -838,10 +838,10 @@ const kn = /* @__PURE__ */ vn(In), En = (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(rt, { strong: !0, className: "block truncate", children: g.name }),
+            /* @__PURE__ */ e(it, { strong: !0, className: "block truncate", children: g.name }),
             /* @__PURE__ */ h("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ e(rt, { type: "secondary", className: "text-xs", children: g.type }),
-              X && /* @__PURE__ */ e(ye, { color: "blue", className: "text-xs", children: "绘制中" })
+              /* @__PURE__ */ e(it, { type: "secondary", className: "text-xs", children: g.type }),
+              T && /* @__PURE__ */ e(ye, { color: "blue", className: "text-xs", children: "绘制中" })
             ] })
           ] })
         ] })
@@ -852,15 +852,15 @@ const kn = /* @__PURE__ */ vn(In), En = (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(rt, { type: "secondary", className: "text-sm", children: "拖拽物料到画布创建节点" })
+      /* @__PURE__ */ e(it, { type: "secondary", className: "text-sm", children: "拖拽物料到画布创建节点" })
     ] }),
     /* @__PURE__ */ e("div", { className: "p-3 border-b border-gray-200", children: /* @__PURE__ */ e(
-      Tt,
+      Rt,
       {
         accept: ".svg",
         beforeUpload: S,
         showUploadList: !1,
-        children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(mt, {}), block: !0, type: "dashed", children: "上传 SVG" })
+        children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(gt, {}), block: !0, type: "dashed", children: "上传 SVG" })
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-2", children: /* @__PURE__ */ h(
@@ -871,11 +871,11 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
         ghost: !0,
         expandIconPosition: "end",
         children: [
-          /* @__PURE__ */ e(_e, { header: "基础形状", children: /* @__PURE__ */ e(
-            $e,
+          /* @__PURE__ */ e(ze, { header: "基础形状", children: /* @__PURE__ */ e(
+            Le,
             {
               dataSource: u.basic,
-              renderItem: (g) => I(g, !1),
+              renderItem: (g) => k(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
                   pe,
@@ -887,11 +887,11 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
               }
             }
           ) }, "basic"),
-          /* @__PURE__ */ e(_e, { header: "设备图标", children: /* @__PURE__ */ e(
-            $e,
+          /* @__PURE__ */ e(ze, { header: "设备图标", children: /* @__PURE__ */ e(
+            Le,
             {
               dataSource: u.device,
-              renderItem: (g) => I(g, !1),
+              renderItem: (g) => k(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
                   pe,
@@ -903,11 +903,11 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
               }
             }
           ) }, "device"),
-          /* @__PURE__ */ e(_e, { header: "文本", children: /* @__PURE__ */ e(
-            $e,
+          /* @__PURE__ */ e(ze, { header: "文本", children: /* @__PURE__ */ e(
+            Le,
             {
               dataSource: u.text,
-              renderItem: (g) => I(g, !1),
+              renderItem: (g) => k(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
                   pe,
@@ -920,7 +920,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
             }
           ) }, "text"),
           /* @__PURE__ */ h(
-            _e,
+            ze,
             {
               header: /* @__PURE__ */ h("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ e("span", { children: "线条" }),
@@ -928,10 +928,10 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
               ] }),
               children: [
                 /* @__PURE__ */ e(
-                  $e,
+                  Le,
                   {
                     dataSource: u.line,
-                    renderItem: (g) => I(g, !0),
+                    renderItem: (g) => k(g, !0),
                     locale: {
                       emptyText: /* @__PURE__ */ e(
                         pe,
@@ -951,11 +951,11 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
             },
             "line"
           ),
-          u.group.length > 0 && /* @__PURE__ */ e(_e, { header: "群组", children: /* @__PURE__ */ e(
-            $e,
+          u.group.length > 0 && /* @__PURE__ */ e(ze, { header: "群组", children: /* @__PURE__ */ e(
+            Le,
             {
               dataSource: u.group,
-              renderItem: (g) => I(g, !1),
+              renderItem: (g) => k(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
                   pe,
@@ -967,11 +967,11 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
               }
             }
           ) }, "group"),
-          u.custom.length > 0 && /* @__PURE__ */ e(_e, { header: "自定义", children: /* @__PURE__ */ e(
-            $e,
+          u.custom.length > 0 && /* @__PURE__ */ e(ze, { header: "自定义", children: /* @__PURE__ */ e(
+            Le,
             {
               dataSource: u.custom,
-              renderItem: (g) => I(g, !1),
+              renderItem: (g) => k(g, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
                   pe,
@@ -986,9 +986,9 @@ const kn = /* @__PURE__ */ vn(In), En = (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(rt, { type: "secondary", className: "text-xs", children: n === "line-draw" ? /* @__PURE__ */ e(Oe, { children: "💡 提示：点击绘制线段，可连续绘制多段线，双击结束绘制，ESC 取消" }) : /* @__PURE__ */ e(Oe, { children: "💡 提示：拖拽物料到画布创建节点，点击线条物料进入绘制模式" }) }) })
+    /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ e(it, { type: "secondary", className: "text-xs", children: n === "line-draw" ? /* @__PURE__ */ e(Ae, { children: "💡 提示：点击绘制线段，可连续绘制多段线，双击结束绘制，ESC 取消" }) : /* @__PURE__ */ e(Ae, { children: "💡 提示：拖拽物料到画布创建节点，点击线条物料进入绘制模式" }) }) })
   ] });
-}, { Text: Dt } = Pt, Yn = (l, f) => {
+}, { Text: Lt } = Tt, Xn = (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 kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
   } catch (t) {
     return console.warn(`状态表达式执行失败 [${l.name}]:`, t), !1;
   }
-}, Xn = (l, f) => {
+}, Pn = (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, Yn(t, r))
+    )) : r = f, Xn(t, r))
       return t;
   }
-}, Pn = (l, f) => {
+}, Tn = (l, f) => {
   if (!f || !l)
     return { value: void 0 };
   if (Array.isArray(l)) {
@@ -1025,12 +1025,12 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       unit: l.unit
     };
   return { value: void 0 };
-}, Tn = (l, f) => {
+}, Rn = (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);
-}, Rn = (l, f, t, r) => {
+}, _n = (l, f, t, r) => {
   switch (l.type) {
     case "IMAGE":
       const c = l, n = c.backgroundColor, a = c.fillColor;
@@ -1060,11 +1060,11 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
         value: m,
         valueSourceCode: S,
         unit: u,
-        decimals: k,
-        labelStyle: v,
-        valueStyle: I,
+        decimals: E,
+        labelStyle: b,
+        valueStyle: k,
         customStyle: g
-      } = p.content || {}, { value: W, unit: O } = S ? Pn(f, S) : { value: void 0, unit: void 0 }, $ = Tn(W !== void 0 ? W : m, k), L = u || O || "";
+      } = p.content || {}, { value: U, unit: j } = S ? Tn(f, S) : { value: void 0, unit: void 0 }, Y = Rn(U !== void 0 ? U : m, E), $ = u || j || "";
       return /* @__PURE__ */ h(
         "div",
         {
@@ -1072,30 +1072,30 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
           style: { ...g },
           children: [
             d && /* @__PURE__ */ e(
-              Dt,
+              Lt,
               {
                 style: {
                   fontSize: 14,
                   fontWeight: "bold",
                   color: "#262626",
                   textAlign: "left",
-                  ...v
+                  ...b
                 },
                 children: d
               }
             ),
-            $ && /* @__PURE__ */ h(
-              Dt,
+            Y && /* @__PURE__ */ h(
+              Lt,
               {
                 style: {
                   fontSize: 14,
                   color: "#1890ff",
                   textAlign: "left",
-                  ...I
+                  ...k
                 },
                 children: [
-                  $,
-                  L ? ` ${L}` : ""
+                  Y,
+                  $ ? ` ${$}` : ""
                 ]
               }
             )
@@ -1107,32 +1107,32 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
         thickness: ne = 2,
         color: we = "#d9d9d9",
         dashed: ie = !1,
-        lineType: A = ie ? "dashed" : "solid",
-        lineWeight: J = ne,
+        lineType: W = ie ? "dashed" : "solid",
+        lineWeight: K = ne,
         // 起点和终点的相对坐标
         startX: G = 0,
-        startY: T = 0,
+        startY: R = 0,
         endX: s = 100,
         endY: q = 0
-      } = xe.config || {}, Y = ((je) => {
-        const j = Math.max(J, 1);
-        switch (je) {
+      } = xe.config || {}, X = ((We) => {
+        const F = Math.max(K, 1);
+        switch (We) {
           case "solid":
             return "";
           case "dashed":
-            return `${j * 8},${j * 4}`;
+            return `${F * 8},${F * 4}`;
           case "center":
-            return `${j * 12},${j * 3},${j * 2},${j * 3}`;
+            return `${F * 12},${F * 3},${F * 2},${F * 3}`;
           case "phantom":
-            return `${j * 12},${j * 3},${j * 2},${j * 3},${j * 2},${j * 3}`;
+            return `${F * 12},${F * 3},${F * 2},${F * 3},${F * 2},${F * 3}`;
           case "dot":
-            return `${j},${j * 3}`;
+            return `${F},${F * 3}`;
           case "dash-dot":
-            return `${j * 8},${j * 3},${j},${j * 3}`;
+            return `${F * 8},${F * 3},${F},${F * 3}`;
           default:
             return "";
         }
-      })(A), M = t ? "#1890ff" : we;
+      })(W), D = t ? "#1890ff" : we;
       return /* @__PURE__ */ e("div", { className: "w-full h-full relative", style: { overflow: "visible" }, children: /* @__PURE__ */ h(
         "svg",
         {
@@ -1145,11 +1145,11 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
               "line",
               {
                 x1: G,
-                y1: T,
+                y1: R,
                 x2: s,
                 y2: q,
                 stroke: "transparent",
-                strokeWidth: Math.max(J, 10),
+                strokeWidth: Math.max(K, 10),
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 style: { pointerEvents: "stroke", cursor: "pointer" }
@@ -1159,12 +1159,12 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
               "line",
               {
                 x1: G,
-                y1: T,
+                y1: R,
                 x2: s,
                 y2: q,
-                stroke: M,
-                strokeWidth: J,
-                strokeDasharray: Y,
+                stroke: D,
+                strokeWidth: K,
+                strokeDasharray: X,
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 style: { pointerEvents: "none" }
@@ -1174,12 +1174,12 @@ const kn = /* @__PURE__ */ vn(In), En = (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: "未知类型" }) });
   }
-}, _n = ({
+}, zn = ({
   node: l,
   isSelected: f = !1,
   onClick: t,
@@ -1188,217 +1188,219 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
   onUpdateNode: n,
   scale: a = 1
 }) => {
-  const { normalStyle: i, contentInfo: p, controlInfo: d } = l, { statusList: m } = p, { isClickable: S, isDraggable: u, isResizable: k } = d, v = ue(t);
-  v.current = t;
-  const [I, g] = Q(null), W = ue(null), O = ue(null), X = ue(null), $ = ue(null), [L, xe] = Q(null), [ne, we] = Q(null), ie = ue(null), A = Xt(() => {
+  const { normalStyle: i, contentInfo: p, controlInfo: d } = l, { statusList: m } = p, { isClickable: S, isDraggable: u, isResizable: E } = d, b = ue(t);
+  he(() => {
+    b.current = t;
+  }, [t]);
+  const [k, g] = ee(null), U = ue(null), j = ue(null), T = ue(null), Y = ue(null), [$, xe] = ee(null), [ne, we] = ee(null), ie = ue(null), W = Pt(() => {
     if (m.length === 0) return;
-    const C = Xn(m, c);
-    return C || m[0];
-  }, [m, c]), J = A?.material, G = J?.type === "LINE", T = G ? J.config : null, s = i.scale ?? 1, q = (i.width || 100) * s, b = (i.height || 100) * s, Y = V(() => {
-    const C = $.current?.closest('[data-canvas="true"]');
-    if (!C) return a;
-    const z = C.getBoundingClientRect(), R = parseFloat(C.style.width);
-    return R ? z.width / R : a;
-  }, [a]), M = V((C, z) => {
-    C.stopPropagation(), C.preventDefault(), W.current = {
-      mouseX: C.clientX,
-      mouseY: C.clientY,
-      startX: T?.startX || 0,
-      startY: T?.startY || 0,
-      endX: T?.endX || 0,
-      endY: T?.endY || 0,
+    const I = Pn(m, c);
+    return I || m[0];
+  }, [m, c]), K = W?.material, G = K?.type === "LINE", R = G ? K.config : null, s = i.scale ?? 1, q = (i.width || 100) * s, x = (i.height || 100) * s, X = V(() => {
+    const I = Y.current?.closest('[data-canvas="true"]');
+    if (!I) return a;
+    const O = I.getBoundingClientRect(), _ = parseFloat(I.style.width);
+    return _ ? O.width / _ : a;
+  }, [a]), D = V((I, O) => {
+    I.stopPropagation(), I.preventDefault(), U.current = {
+      mouseX: I.clientX,
+      mouseY: I.clientY,
+      startX: R?.startX || 0,
+      startY: R?.startY || 0,
+      endX: R?.endX || 0,
+      endY: R?.endY || 0,
       nodeX: i.x || 0,
       nodeY: i.y || 0
-    }, g(z);
-  }, [T, i.x, i.y]);
-  me(() => {
-    if (!I || !G || !T || !n) return;
-    const C = (R) => {
-      const D = W.current;
-      if (!D || !$.current) return;
-      const he = Y(), fe = (R.clientX - D.mouseX) / he, ae = (R.clientY - D.mouseY) / he;
-      let K = D.startX, oe = D.startY, se = D.endX, ce = D.endY, Xe = D.nodeX, Pe = D.nodeY;
-      I === "start" ? (K = D.startX + fe, oe = D.startY + ae, K < 0 && (Xe = D.nodeX + K, se = D.endX - K, K = 0), oe < 0 && (Pe = D.nodeY + oe, ce = D.endY - oe, oe = 0)) : (se = D.endX + fe, ce = D.endY + ae, se < 0 && (Xe = D.nodeX + se, K = D.startX - se, se = 0), ce < 0 && (Pe = D.nodeY + ce, oe = D.startY - ce, ce = 0));
-      const et = Math.max((T.lineWeight || 2) * 2, 4), tt = Math.max(K, se), nt = Math.max(oe, ce), We = Math.max(tt, et), Te = Math.max(nt, et);
-      O.current = {
+    }, g(O);
+  }, [R, i.x, i.y]);
+  he(() => {
+    if (!k || !G || !R || !n) return;
+    const I = (_) => {
+      const L = U.current;
+      if (!L || !Y.current) return;
+      const me = X(), fe = (_.clientX - L.mouseX) / me, ae = (_.clientY - L.mouseY) / me;
+      let Q = L.startX, oe = L.startY, se = L.endX, ce = L.endY, Xe = L.nodeX, Pe = L.nodeY;
+      k === "start" ? (Q = L.startX + fe, oe = L.startY + ae, Q < 0 && (Xe = L.nodeX + Q, se = L.endX - Q, Q = 0), oe < 0 && (Pe = L.nodeY + oe, ce = L.endY - oe, oe = 0)) : (se = L.endX + fe, ce = L.endY + ae, se < 0 && (Xe = L.nodeX + se, Q = L.startX - se, se = 0), ce < 0 && (Pe = L.nodeY + ce, oe = L.startY - ce, ce = 0));
+      const nt = Math.max((R.lineWeight || 2) * 2, 4), lt = Math.max(Q, se), rt = Math.max(oe, ce), Fe = Math.max(lt, nt), Te = Math.max(rt, nt);
+      j.current = {
         nodeX: Xe,
         nodeY: Pe,
-        width: We,
+        width: Fe,
         height: Te,
-        startX: K,
+        startX: Q,
         startY: oe,
         endX: se,
         endY: 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(K)), o.setAttribute("y1", String(oe)), o.setAttribute("x2", String(se)), o.setAttribute("y2", String(ce));
+      const ge = Y.current;
+      ge.style.left = `${Xe}px`, ge.style.top = `${Pe}px`, ge.style.width = `${Fe}px`, ge.style.height = `${Te}px`, ge.querySelectorAll("svg line").forEach((ke) => {
+        ke.setAttribute("x1", String(Q)), ke.setAttribute("y1", String(oe)), ke.setAttribute("x2", String(se)), ke.setAttribute("y2", String(ce));
       });
-      const Fe = ge.querySelector('[data-handle="start"]'), De = ge.querySelector('[data-handle="end"]');
-      Fe && (Fe.style.left = `${K - 6}px`, Fe.style.top = `${oe - 6}px`), De && (De.style.left = `${se - 6}px`, De.style.top = `${ce - 6}px`);
-    }, z = () => {
-      const R = O.current;
-      R && n(l.id, {
+      const Ue = ge.querySelector('[data-handle="start"]'), He = ge.querySelector('[data-handle="end"]');
+      Ue && (Ue.style.left = `${Q - 6}px`, Ue.style.top = `${oe - 6}px`), He && (He.style.left = `${se - 6}px`, He.style.top = `${ce - 6}px`);
+    }, O = () => {
+      const _ = j.current;
+      _ && n(l.id, {
         normalStyle: {
           ...i,
-          x: R.nodeX,
-          y: R.nodeY,
-          width: R.width,
-          height: R.height
+          x: _.nodeX,
+          y: _.nodeY,
+          width: _.width,
+          height: _.height
         },
         contentInfo: {
           ...p,
-          statusList: m.map((D) => ({
-            ...D,
-            material: D.material.type === "LINE" ? {
-              ...D.material,
+          statusList: m.map((L) => ({
+            ...L,
+            material: L.material.type === "LINE" ? {
+              ...L.material,
               config: {
-                ...T,
-                startX: R.startX,
-                startY: R.startY,
-                endX: R.endX,
-                endY: R.endY
+                ...R,
+                startX: _.startX,
+                startY: _.startY,
+                endX: _.endX,
+                endY: _.endY
               }
-            } : D.material
+            } : L.material
           }))
         }
-      }), g(null), W.current = null, O.current = null;
+      }), g(null), U.current = null, j.current = null;
     };
-    return window.addEventListener("mousemove", C), window.addEventListener("mouseup", z), () => {
-      window.removeEventListener("mousemove", C), window.removeEventListener("mouseup", z);
+    return window.addEventListener("mousemove", I), window.addEventListener("mouseup", O), () => {
+      window.removeEventListener("mousemove", I), window.removeEventListener("mouseup", O);
     };
-  }, [I, G, T, l.id, i, p, m, n, Y]), me(() => {
-    if (!L || !n) return;
-    const C = (R) => {
-      if (!$.current) return;
-      const D = Y(), he = (R.clientX - L.startX) / D, fe = (R.clientY - L.startY) / D;
-      let ae = L.startWidth, K = L.startHeight, oe = L.startNodeX, se = L.startNodeY;
-      switch (L.corner) {
+  }, [k, G, R, l.id, i, p, m, n, X]), he(() => {
+    if (!$ || !n) return;
+    const I = (_) => {
+      if (!Y.current) return;
+      const L = X(), me = (_.clientX - $.startX) / L, fe = (_.clientY - $.startY) / L;
+      let ae = $.startWidth, Q = $.startHeight, oe = $.startNodeX, se = $.startNodeY;
+      switch ($.corner) {
         case "se":
-          ae = Math.max(20, L.startWidth + he), K = Math.max(20, L.startHeight + fe);
+          ae = Math.max(20, $.startWidth + me), Q = Math.max(20, $.startHeight + fe);
           break;
         case "sw":
-          ae = Math.max(20, L.startWidth - he), K = Math.max(20, L.startHeight + fe), oe = L.startNodeX + (L.startWidth - ae);
+          ae = Math.max(20, $.startWidth - me), Q = Math.max(20, $.startHeight + fe), oe = $.startNodeX + ($.startWidth - ae);
           break;
         case "ne":
-          ae = Math.max(20, L.startWidth + he), K = Math.max(20, L.startHeight - fe), se = L.startNodeY + (L.startHeight - K);
+          ae = Math.max(20, $.startWidth + me), Q = Math.max(20, $.startHeight - fe), se = $.startNodeY + ($.startHeight - Q);
           break;
         case "nw":
-          ae = Math.max(20, L.startWidth - he), K = Math.max(20, L.startHeight - fe), oe = L.startNodeX + (L.startWidth - ae), se = L.startNodeY + (L.startHeight - K);
+          ae = Math.max(20, $.startWidth - me), Q = Math.max(20, $.startHeight - fe), oe = $.startNodeX + ($.startWidth - ae), se = $.startNodeY + ($.startHeight - Q);
           break;
       }
-      X.current = { x: oe, y: se, width: ae, height: K };
-      const ce = $.current;
-      ce.style.left = `${oe}px`, ce.style.top = `${se}px`, ce.style.width = `${ae}px`, ce.style.height = `${K}px`;
-    }, z = () => {
-      const R = X.current;
-      R && n(l.id, {
+      T.current = { x: oe, y: se, width: ae, height: Q };
+      const ce = Y.current;
+      ce.style.left = `${oe}px`, ce.style.top = `${se}px`, ce.style.width = `${ae}px`, ce.style.height = `${Q}px`;
+    }, O = () => {
+      const _ = T.current;
+      _ && n(l.id, {
         normalStyle: {
           ...i,
-          x: R.x,
-          y: R.y,
-          width: R.width,
-          height: R.height
+          x: _.x,
+          y: _.y,
+          width: _.width,
+          height: _.height
         }
-      }), xe(null), X.current = null;
+      }), xe(null), T.current = null;
     };
-    return window.addEventListener("mousemove", C), window.addEventListener("mouseup", z), () => {
-      window.removeEventListener("mousemove", C), window.removeEventListener("mouseup", z);
+    return window.addEventListener("mousemove", I), window.addEventListener("mouseup", O), () => {
+      window.removeEventListener("mousemove", I), window.removeEventListener("mouseup", O);
     };
-  }, [L, n, l.id, i, Y]);
-  const ee = V((C, z) => {
-    C.stopPropagation(), C.preventDefault(), xe({
-      corner: z,
-      startX: C.clientX,
-      startY: C.clientY,
+  }, [$, n, l.id, i, X]);
+  const J = V((I, O) => {
+    I.stopPropagation(), I.preventDefault(), xe({
+      corner: O,
+      startX: I.clientX,
+      startY: I.clientY,
       startWidth: i.width || 100,
       startHeight: i.height || 100,
       startNodeX: i.x || 0,
       startNodeY: i.y || 0
     });
-  }, [i.width, i.height, i.x, i.y]), je = V((C) => {
-    C.stopPropagation(), C.preventDefault();
-    const z = $.current?.getBoundingClientRect();
-    z && we({
-      startX: C.clientX,
-      startY: C.clientY,
+  }, [i.width, i.height, i.x, i.y]), We = V((I) => {
+    I.stopPropagation(), I.preventDefault();
+    const O = Y.current?.getBoundingClientRect();
+    O && we({
+      startX: I.clientX,
+      startY: I.clientY,
       startAngle: i.rotate || 0,
-      centerX: z.left + z.width / 2,
-      centerY: z.top + z.height / 2
+      centerX: O.left + O.width / 2,
+      centerY: O.top + O.height / 2
     });
   }, [i.rotate]);
-  me(() => {
+  he(() => {
     if (!ne) return;
-    const C = (R) => {
-      const D = R.clientX - ne.centerX, he = R.clientY - ne.centerY;
-      let ae = (Math.atan2(he, D) * (180 / Math.PI) + 90) % 360;
-      if (ae < 0 && (ae += 360), ie.current = ae, $.current) {
-        const K = i.transform || "";
-        $.current.style.transform = `rotate(${ae}deg) ${K}`.trim();
+    const I = (_) => {
+      const L = _.clientX - ne.centerX, me = _.clientY - ne.centerY;
+      let ae = (Math.atan2(me, L) * (180 / Math.PI) + 90) % 360;
+      if (ae < 0 && (ae += 360), ie.current = ae, Y.current) {
+        const Q = i.transform || "";
+        Y.current.style.transform = `rotate(${ae}deg) ${Q}`.trim();
       }
-    }, z = () => {
-      const R = ie.current ?? ne.startAngle;
+    }, O = () => {
+      const _ = ie.current ?? ne.startAngle;
       ie.current = null, n && n(l.id, {
         normalStyle: {
           ...i,
-          rotate: Math.round(R)
+          rotate: Math.round(_)
         }
       }), we(null);
     };
-    return window.addEventListener("mousemove", C), window.addEventListener("mouseup", z), () => {
-      window.removeEventListener("mousemove", C), window.removeEventListener("mouseup", z);
+    return window.addEventListener("mousemove", I), window.addEventListener("mouseup", O), () => {
+      window.removeEventListener("mousemove", I), window.removeEventListener("mouseup", O);
     };
   }, [ne, n, l.id, i]);
-  const j = l.type === "group", st = {
+  const F = l.type === "group", dt = {
     position: "absolute",
     left: i.x || 0,
     top: i.y || 0,
     width: q,
-    height: b,
+    height: x,
     // 群组节点不显示背景和边框，只作为容器
-    background: j ? "transparent" : i.background || "transparent",
-    backgroundImage: j ? void 0 : i.backgroundImage ? `url(${i.backgroundImage})` : void 0,
+    background: F ? "transparent" : i.background || "transparent",
+    backgroundImage: F ? void 0 : i.backgroundImage ? `url(${i.backgroundImage})` : void 0,
     backgroundSize: "cover",
     backgroundPosition: "center",
     padding: Array.isArray(i.padding) ? i.padding.join("px ") + "px" : i.padding,
     margin: Array.isArray(i.margin) ? i.margin.join("px ") + "px" : i.margin,
-    borderRadius: j ? void 0 : i.borderRadius,
+    borderRadius: F ? void 0 : i.borderRadius,
     // 线条物料选中时不显示边框，而是通过高亮线条颜色来表示
     // 群组节点选中时显示边框，平时不显示
-    border: f && !G ? "2px solid #1890ff" : G || j ? "none" : i.border || "1px dashed transparent",
+    border: f && !G ? "2px solid #1890ff" : G || F ? "none" : i.border || "1px dashed transparent",
     // 线条节点需要捕获点击事件，但由内部 SVG 的透明线处理具体点击区域
     pointerEvents: "auto",
     opacity: i.opacity ?? 1,
     transform: `rotate(${ie.current ?? (i.rotate || 0)}deg) ${i.transform || ""}`.trim(),
     transformOrigin: "center center",
     zIndex: f ? 1e3 : i.zIndex ?? 1,
-    cursor: u && !I ? "move" : S ? "pointer" : "default",
+    cursor: u && !k ? "move" : S ? "pointer" : "default",
     boxSizing: "border-box",
     // 选中、线条和群组节点使用 visible overflow，避免裁剪手柄
-    overflow: f || G || j ? "visible" : "hidden"
-  }, Ke = T ? { x: T.startX || 0, y: T.startY || 0 } : { x: 0, y: 0 }, Qe = T ? { x: T.endX || 0, y: T.endY || 0 } : { x: 0, y: 0 };
+    overflow: f || G || F ? "visible" : "hidden"
+  }, et = R ? { x: R.startX || 0, y: R.startY || 0 } : { x: 0, y: 0 }, tt = R ? { x: R.endX || 0, y: R.endY || 0 } : { x: 0, y: 0 };
   return /* @__PURE__ */ h(
     "div",
     {
-      ref: $,
+      ref: Y,
       "data-node-id": l.id,
-      style: st,
-      onClick: (C) => {
+      style: dt,
+      onClick: (I) => {
         console.log("NodeRenderer onClick", l.id, "isClickable:", S);
-        const z = v.current;
-        S && z && !I && !L && !ne && (C.stopPropagation(), z(C));
+        const O = b.current;
+        S && O && !k && !$ && !ne && (I.stopPropagation(), O(I));
       },
-      onMouseDown: (C) => {
-        u && r && !I && r(C);
+      onMouseDown: (I) => {
+        u && r && !k && r(I);
       },
       children: [
-        f && !G && !j && /* @__PURE__ */ h(Oe, { children: [
+        f && !G && !F && /* @__PURE__ */ h(Ae, { 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: (I) => J(I, "nw"),
               title: "拖拽调整大小"
             }
           ),
@@ -1407,7 +1409,7 @@ const kn = /* @__PURE__ */ vn(In), En = (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: (I) => J(I, "ne"),
               title: "拖拽调整大小"
             }
           ),
@@ -1416,7 +1418,7 @@ const kn = /* @__PURE__ */ vn(In), En = (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: (I) => J(I, "sw"),
               title: "拖拽调整大小"
             }
           ),
@@ -1425,7 +1427,7 @@ const kn = /* @__PURE__ */ vn(In), En = (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: (I) => J(I, "se"),
               title: "拖拽调整大小"
             }
           ),
@@ -1434,7 +1436,7 @@ const kn = /* @__PURE__ */ vn(In), En = (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) => je(C),
+              onMouseDown: (I) => We(I),
               title: "拖拽旋转"
             }
           ),
@@ -1448,21 +1450,21 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
           /* @__PURE__ */ h("div", { className: "absolute -top-6 left-0 bg-blue-500 text-white text-xs px-2 py-0.5 rounded whitespace-nowrap", children: [
             l.name,
             " ",
-            A ? `(${A.name})` : ""
+            W ? `(${W.name})` : ""
           ] })
         ] }),
-        f && G && T && n && /* @__PURE__ */ h(Oe, { children: [
+        f && G && R && n && /* @__PURE__ */ h(Ae, { 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: Ke.x - 6,
-                top: Ke.y - 6,
+                left: et.x - 6,
+                top: et.y - 6,
                 boxShadow: "0 0 4px rgba(0,0,0,0.3)"
               },
-              onMouseDown: (C) => M(C, "start"),
+              onMouseDown: (I) => D(I, "start"),
               title: "拖拽调整起点"
             }
           ),
@@ -1472,37 +1474,37 @@ const kn = /* @__PURE__ */ vn(In), En = (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: Qe.x - 6,
-                top: Qe.y - 6,
+                left: tt.x - 6,
+                top: tt.y - 6,
                 boxShadow: "0 0 4px rgba(0,0,0,0.3)"
               },
-              onMouseDown: (C) => M(C, "end"),
+              onMouseDown: (I) => D(I, "end"),
               title: "拖拽调整终点"
             }
           ),
           /* @__PURE__ */ e("div", { className: "absolute -top-6 left-0 bg-blue-500 text-white text-xs px-2 py-0.5 rounded whitespace-nowrap", children: l.name })
         ] }),
-        /* @__PURE__ */ e("div", { className: "w-full h-full relative", children: J ? /* @__PURE__ */ e("div", { className: "w-full h-full", children: Rn(J, c, f) }) : j ? null : (
+        /* @__PURE__ */ e("div", { className: "w-full h-full relative", children: K ? /* @__PURE__ */ e("div", { className: "w-full h-full", children: _n(K, c, f) }) : F ? 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(
-          Ut,
+        l.type === "group" && l.children && /* @__PURE__ */ e("div", { className: "absolute inset-0 pointer-events-none", children: l.children.map((I) => /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: /* @__PURE__ */ e(
+          Ht,
           {
-            node: C,
+            node: I,
             isSelected: !1,
             data: c,
             onUpdateNode: n,
             scale: a
           }
-        ) }, C.id)) })
+        ) }, I.id)) })
       ]
     }
   );
-}, Ut = Ce.memo(_n, (l, f) => {
+}, Ht = Ce.memo(zn, (l, f) => {
   const t = l.node, r = f.node, c = t.id === r.id && t.normalStyle.x === r.normalStyle.x && t.normalStyle.y === r.normalStyle.y && t.normalStyle.width === r.normalStyle.width && t.normalStyle.height === r.normalStyle.height, n = t.contentInfo === r.contentInfo, a = l.isSelected === f.isSelected && l.scale === f.scale;
   return c && n && a;
-}), zn = [
+}), On = [
   "#1890ff",
   "#52c41a",
   "#faad14",
@@ -1519,15 +1521,15 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
   "#000000",
   "#ff4d4f",
   "#73d13d"
-], Ae = ({
+], je = ({
   value: l = "#1890ff",
   onChange: f,
   onChangeComplete: t
 }) => {
-  const [r, c] = Q(!1), [n, a] = Q(l), i = ue(null);
-  me(() => {
+  const [r, c] = ee(!1), [n, a] = ee(l), i = ue(null);
+  he(() => {
     a(l);
-  }, [l]), me(() => {
+  }, [l]), he(() => {
     const d = (m) => {
       i.current && !i.current.contains(m.target) && (c(!1), t?.({ toHexString: () => n }));
     };
@@ -1566,7 +1568,7 @@ const kn = /* @__PURE__ */ vn(In), En = (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: zn.map((d) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(8, 1fr)", gap: 4 }, children: On.map((d) => /* @__PURE__ */ e(
             "div",
             {
               onClick: () => {
@@ -1603,7 +1605,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       }
     )
   ] });
-}, { TextArea: On } = re, An = ({ defaultTestData: l }) => {
+}, { TextArea: An } = re, jn = ({ defaultTestData: l }) => {
   const f = ue(null), t = ue(null), r = ue(null), {
     nodes: c,
     selectedNodeId: n,
@@ -1614,56 +1616,58 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     setViewport: m,
     setCanvasConfig: S,
     addNode: u,
-    selectNode: k,
-    updateNode: v,
-    removeNode: I,
+    selectNode: E,
+    updateNode: b,
+    removeNode: k,
     undo: g,
-    redo: W,
-    setMode: O,
-    startLineDrawing: X,
-    endLineDrawing: $,
-    cancelLineDrawing: L
-  } = ze(), [xe, ne] = Q(!1), [, we] = Q({}), ie = ue(a);
-  me(() => {
+    redo: U,
+    setMode: j,
+    startLineDrawing: T,
+    endLineDrawing: Y,
+    cancelLineDrawing: $
+  } = Oe();
+  console.log("selectedNodeId", n);
+  const [xe, ne] = ee(!1), [, we] = ee({}), ie = ue(a);
+  he(() => {
     ie.current = a;
   }, [a]);
-  const A = ue(!1), J = ue({ x: 0, y: 0 }), G = ue({ x: 0, y: 0, newX: 0, newY: 0 }), T = ue(null), [s, q] = Q({ start: null, end: null, isDrawing: !1 }), [b, Y] = Q({ start: null, end: null }), [M, ee] = Q([]);
+  const W = ue(!1), K = ue({ x: 0, y: 0 }), G = ue({ x: 0, y: 0, newX: 0, newY: 0 }), R = ue(null), [s, q] = ee({ start: null, end: null, isDrawing: !1 }), [x, X] = ee({ start: null, end: null }), [D, J] = ee([]);
   ue(!1);
-  const [je, j] = Q(!1), [st, Ke] = Q(
+  const [We, F] = ee(!1), [dt, et] = ee(
     JSON.stringify(l, null, 2)
-  ), [Qe, C] = Q(!1), [z, R] = Q(!1), D = V((o, y) => {
+  ), [tt, I] = ee(!1), [O, _] = ee(!1), L = V((o, v) => {
     if (!t.current) return { x: 0, y: 0 };
-    const N = t.current.getBoundingClientRect(), E = o - N.left, x = y - N.top, P = N.width / d.width, F = N.height / d.height, U = E / P, B = x / F;
-    return { x: Math.round(U), y: Math.round(B) };
-  }, [d.width, d.height]), he = V((o, y) => D(o, y), [D]), fe = V(
-    (o, y, N = !0) => {
+    const N = t.current.getBoundingClientRect(), C = o - N.left, y = v - N.top, M = N.width / d.width, A = N.height / d.height, P = C / M, B = y / A;
+    return { x: Math.round(P), y: Math.round(B) };
+  }, [d.width, d.height]), me = V((o, v) => L(o, v), [L]), fe = V(
+    (o, v, N = !0) => {
       if (!i.material) return;
-      const E = i.material, x = E.config || {}, P = x.lineWeight || x.thickness || 2, F = Math.min(o.x, y.x), U = Math.min(o.y, y.y), B = Math.round(o.x - F), _ = Math.round(o.y - U), le = Math.round(y.x - F), de = Math.round(y.y - U), ve = Math.max(P * 2, 4), Re = Math.max(Math.abs(o.x - y.x), ve), ke = Math.max(Math.abs(o.y - y.y), ve), lt = {
-        ...E,
+      const C = i.material, y = C.config || {}, M = y.lineWeight || y.thickness || 2, A = Math.min(o.x, v.x), P = Math.min(o.y, v.y), B = Math.round(o.x - A), z = Math.round(o.y - P), le = Math.round(v.x - A), de = Math.round(v.y - P), ve = Math.max(M * 2, 4), _e = Math.max(Math.abs(o.x - v.x), ve), Ee = Math.max(Math.abs(o.y - v.y), ve), at = {
+        ...C,
         id: H(),
         config: {
-          color: x.color,
-          lineWeight: P,
-          thickness: P,
-          lineType: x.lineType,
+          color: y.color,
+          lineWeight: M,
+          thickness: M,
+          lineType: y.lineType,
           startX: B,
-          startY: _,
+          startY: z,
           endX: le,
           endY: de
         }
-      }, Gt = {
+      }, qt = {
         id: H(),
-        name: `${E.name}_${Date.now()}`,
+        name: `${C.name}_${Date.now()}`,
         type: "normal",
         normalStyle: {
-          width: Re,
-          height: ke,
-          x: F,
-          y: U,
+          width: _e,
+          height: Ee,
+          x: A,
+          y: P,
           background: "transparent"
         },
         contentInfo: {
-          statusList: [Ft(lt)],
+          statusList: [Ut(at)],
           currentStatusId: void 0
         },
         controlInfo: {
@@ -1673,17 +1677,17 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
           isSelectable: !0
         }
       };
-      if (u(Gt, !1), N) {
-        const yt = { x: y.x, y: y.y };
+      if (u(qt, !1), N) {
+        const vt = { x: v.x, y: v.y };
         q({
-          start: yt,
-          end: { ...yt },
+          start: vt,
+          end: { ...vt },
           isDrawing: !0
         });
       } else
-        q({ start: null, end: null, isDrawing: !1 }), $();
+        q({ start: null, end: null, isDrawing: !1 }), Y();
     },
-    [i.material, u, $]
+    [i.material, u, Y]
   ), ae = V(() => {
     const o = f.current?.state;
     o && m({
@@ -1691,35 +1695,35 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       positionX: o.positionX,
       positionY: o.positionY
     });
-  }, [m]), K = V(
+  }, [m]), Q = V(
     (o) => {
-      A.current || a !== "box-select" && (o.target === t.current || o.target.dataset?.canvas === "true") && (k(null), ee([]));
+      W.current || a !== "box-select" && (o.target === t.current || o.target.dataset?.canvas === "true") && (E(null), J([]));
     },
-    [k, a]
+    [E, a]
   ), oe = V(
     (o) => {
       if (o.button === 0) {
         if (a === "line-draw" && i.material) {
           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 });
+          const v = L(o.clientX, o.clientY);
+          s.isDrawing ? s.start && fe(s.start, v, !0) : q({ start: v, end: v, isDrawing: !0 });
           return;
         }
-        if (a === "box-select" && !z) {
-          const y = he(o.clientX, o.clientY);
-          Y({ start: y, end: y }), ee([]), o.preventDefault(), o.stopPropagation();
+        if (a === "box-select" && !O) {
+          const v = me(o.clientX, o.clientY);
+          X({ start: v, end: v }), J([]), o.preventDefault(), o.stopPropagation();
         }
       }
     },
-    [a, i.material, s.isDrawing, s.start, z, fe, D, he]
+    [a, i.material, s.isDrawing, s.start, O, fe, L, me]
   ), se = V(
     (o) => {
       if (!(a !== "line-draw" || !i.material) && s.isDrawing && s.start) {
-        const y = D(o.clientX, o.clientY);
-        fe(s.start, y, !1);
+        const v = L(o.clientX, o.clientY);
+        fe(s.start, v, !1);
       }
     },
-    [a, i.material, s.isDrawing, s.start, fe, D]
+    [a, i.material, s.isDrawing, s.start, fe, L]
   ), ce = V((o) => {
     o.preventDefault(), o.dataTransfer.dropEffect = "copy", ne(!0);
   }, []), Xe = V((o) => {
@@ -1728,93 +1732,93 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     (o) => {
       if (o.preventDefault(), ne(!1), !(!t.current || a !== "select"))
         try {
-          const y = o.dataTransfer.getData("application/json");
-          if (!y) return;
-          const N = JSON.parse(y), E = D(o.clientX, o.clientY), x = E.x - 50, P = E.y - 50, F = $n(x, P, N);
-          u(F);
-        } catch (y) {
-          console.error("Failed to parse dropped material:", y);
+          const v = o.dataTransfer.getData("application/json");
+          if (!v) return;
+          const N = JSON.parse(v), C = L(o.clientX, o.clientY), y = C.x - 50, M = C.y - 50, A = Yn(y, M, N);
+          u(A), J([A.id]);
+        } catch (v) {
+          console.error("Failed to parse dropped material:", v);
         }
     },
-    [a, u, D]
-  ), et = V(
-    (o, y) => {
-      a !== "select" && a !== "box-select" || !y.controlInfo.isDraggable || (o.stopPropagation(), k(y.id), A.current = !0, J.current = { x: o.clientX, y: o.clientY }, G.current = {
-        x: y.normalStyle.x || 0,
-        y: y.normalStyle.y || 0,
-        newX: y.normalStyle.x || 0,
-        newY: y.normalStyle.y || 0
-      }, T.current = y, o.preventDefault());
+    [a, u, L]
+  ), nt = V(
+    (o, v) => {
+      a !== "select" && a !== "box-select" || !v.controlInfo.isDraggable || (o.stopPropagation(), E(v.id), W.current = !0, K.current = { x: o.clientX, y: o.clientY }, G.current = {
+        x: v.normalStyle.x || 0,
+        y: v.normalStyle.y || 0,
+        newX: v.normalStyle.x || 0,
+        newY: v.normalStyle.y || 0
+      }, R.current = v, o.preventDefault());
     },
-    [a, k]
+    [a, E]
   );
-  me(() => {
-    const o = (x) => {
-      if (A.current && n && T.current) {
+  he(() => {
+    const o = (y) => {
+      if (W.current && n && R.current) {
         if (!t.current) return;
-        const P = t.current.getBoundingClientRect(), F = P.width / d.width, U = P.height / d.height, B = x.clientX - J.current.x, _ = x.clientY - J.current.y, le = B / F, de = _ / U, ve = G.current.x + le, Re = G.current.y + de, ke = document.querySelector(
+        const M = t.current.getBoundingClientRect(), A = M.width / d.width, P = M.height / d.height, B = y.clientX - K.current.x, z = y.clientY - K.current.y, le = B / A, de = z / P, ve = G.current.x + le, _e = G.current.y + de, Ee = document.querySelector(
           `[data-node-id="${n}"]`
         );
-        ke && (ke.style.left = `${ve}px`, ke.style.top = `${Re}px`), G.current.newX = ve, G.current.newY = Re;
+        Ee && (Ee.style.left = `${ve}px`, Ee.style.top = `${_e}px`), G.current.newX = ve, G.current.newY = _e;
       }
-      if (a === "box-select" && b.start) {
-        const P = he(x.clientX, x.clientY);
-        Y((F) => ({ ...F, end: P }));
+      if (a === "box-select" && x.start) {
+        const M = me(y.clientX, y.clientY);
+        X((A) => ({ ...A, end: M }));
       }
       if (a === "line-draw" && s.isDrawing) {
-        const P = D(x.clientX, x.clientY);
-        q((F) => ({ ...F, end: P }));
+        const M = L(y.clientX, y.clientY);
+        q((A) => ({ ...A, end: M }));
       }
-    }, y = () => {
-      if (A.current && n && T.current) {
-        const x = ze.getState(), P = G.current.newX ?? G.current.x, F = G.current.newY ?? G.current.y;
-        x.updateNode(n, {
+    }, v = () => {
+      if (W.current && n && R.current) {
+        const y = Oe.getState(), M = G.current.newX ?? G.current.x, A = G.current.newY ?? G.current.y;
+        y.updateNode(n, {
           normalStyle: {
-            ...T.current.normalStyle,
-            x: P,
-            y: F
+            ...R.current.normalStyle,
+            x: M,
+            y: A
           }
         });
       }
-      if (A.current = !1, T.current = null, we({}), a === "box-select" && b.start && b.end) {
-        const x = Math.min(b.start.x, b.end.x), P = Math.max(b.start.x, b.end.x), F = Math.min(b.start.y, b.end.y), U = Math.max(b.start.y, b.end.y), B = c.filter((_) => {
-          const le = _.normalStyle.x || 0, de = _.normalStyle.y || 0, ve = _.normalStyle.width || 0, Re = _.normalStyle.height || 0, ke = le + ve / 2, lt = de + Re / 2;
-          return ke >= x && ke <= P && lt >= F && lt <= U;
-        }).map((_) => _.id);
-        ee(B), Y({ start: null, end: null });
+      if (W.current = !1, R.current = null, we({}), a === "box-select" && x.start && x.end) {
+        const y = Math.min(x.start.x, x.end.x), M = Math.max(x.start.x, x.end.x), A = Math.min(x.start.y, x.end.y), P = Math.max(x.start.y, x.end.y), B = c.filter((z) => {
+          const le = z.normalStyle.x || 0, de = z.normalStyle.y || 0, ve = z.normalStyle.width || 0, _e = z.normalStyle.height || 0, Ee = le + ve / 2, at = de + _e / 2;
+          return Ee >= y && Ee <= M && at >= A && at <= P;
+        }).map((z) => z.id);
+        J(B), X({ start: null, end: null });
       }
-    }, N = (x) => {
-      x.key === "Escape" && a === "line-draw" && (q({ start: null, end: null, isDrawing: !1 }), L()), x.key === "Delete" && (n ? I(n) : M.length > 0 && (M.forEach((P) => I(P)), ee([]))), x.ctrlKey && x.key === "z" && (x.preventDefault(), g()), x.ctrlKey && x.key === "y" && (x.preventDefault(), W()), x.key === " " && !z && (x.preventDefault(), R(!0));
-    }, E = (x) => {
-      x.key === " " && z && R(!1);
+    }, N = (y) => {
+      y.key === "Escape" && a === "line-draw" && (q({ start: null, end: null, isDrawing: !1 }), $()), y.key === "Delete" && (n ? k(n) : D.length > 0 && (D.forEach((M) => k(M)), J([]))), y.ctrlKey && y.key === "z" && (y.preventDefault(), g()), y.ctrlKey && y.key === "y" && (y.preventDefault(), U()), y.key === " " && !O && (y.preventDefault(), _(!0));
+    }, C = (y) => {
+      y.key === " " && O && _(!1);
     };
-    return window.addEventListener("mousemove", o), window.addEventListener("mouseup", y), window.addEventListener("keydown", N), window.addEventListener("keyup", E), () => {
-      window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", y), window.removeEventListener("keydown", N), window.removeEventListener("keyup", E);
+    return window.addEventListener("mousemove", o), window.addEventListener("mouseup", v), window.addEventListener("keydown", N), window.addEventListener("keyup", C), () => {
+      window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", v), window.removeEventListener("keydown", N), window.removeEventListener("keyup", C);
     };
   }, [
     n,
-    b,
+    x,
     a,
     s.isDrawing,
-    M,
+    D,
     c,
     d.width,
     d.height,
-    I,
+    k,
     g,
-    z,
-    W,
+    O,
+    U,
+    $,
     L,
-    D,
-    he,
-    ee
+    me,
+    J
   ]);
-  const tt = V(() => {
-    const o = M.length > 0 ? M.map((N) => c.find((E) => E.id === N)).filter(Boolean) : n ? [c.find((N) => N.id === n)].filter(Boolean) : [];
+  const lt = V(() => {
+    const o = D.length > 0 ? D.map((N) => c.find((C) => C.id === N)).filter(Boolean) : n ? [c.find((N) => N.id === n)].filter(Boolean) : [];
     if (o.length === 0) return;
-    const y = [];
+    const v = [];
     o.forEach((N) => {
-      const E = {
+      const C = {
         ...N,
         id: H(),
         name: `${N.name}_副本`,
@@ -1824,50 +1828,50 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
           y: (N.normalStyle.y || 0) + 20
         }
       };
-      u(E), y.push(E.id);
-    }), y.length === 1 ? k(y[0]) : ee(y);
-  }, [n, M, c, u, k, ee]), nt = V(() => {
-    if (M.length < 2) return;
+      u(C), v.push(C.id);
+    }), v.length === 1 ? E(v[0]) : J(v);
+  }, [n, D, c, u, E, J]), rt = V(() => {
+    if (D.length < 2) return;
     const o = [];
-    for (let U = 0; U < M.length; U++) {
-      const B = M[U], _ = c.find((le) => le.id === B);
-      if (_) {
-        if (_?.type === "group") {
-          _.children.forEach((de) => o.push({
+    for (let P = 0; P < D.length; P++) {
+      const B = D[P], z = c.find((le) => le.id === B);
+      if (z) {
+        if (z?.type === "group") {
+          z.children.forEach((de) => o.push({
             ...de,
             normalStyle: {
               ...de.normalStyle,
-              x: (_.normalStyle.x || 0) + (de.normalStyle.x || 0),
-              y: (_.normalStyle.y || 0) + (de.normalStyle.y || 0)
+              x: (z.normalStyle.x || 0) + (de.normalStyle.x || 0),
+              y: (z.normalStyle.y || 0) + (de.normalStyle.y || 0)
             }
-          })), I(B);
+          })), k(B);
           continue;
         }
-        o.push(_);
+        o.push(z);
       }
     }
     if (o.length < 2) return;
-    let y = 1 / 0, N = 1 / 0, E = -1 / 0, x = -1 / 0;
-    o.forEach((U) => {
-      const B = U.normalStyle.x || 0, _ = U.normalStyle.y || 0, le = U.normalStyle.width || 0, de = U.normalStyle.height || 0;
-      y = Math.min(y, B), N = Math.min(N, _), E = Math.max(E, B + le), x = Math.max(x, _ + de);
+    let v = 1 / 0, N = 1 / 0, C = -1 / 0, y = -1 / 0;
+    o.forEach((P) => {
+      const B = P.normalStyle.x || 0, z = P.normalStyle.y || 0, le = P.normalStyle.width || 0, de = P.normalStyle.height || 0;
+      v = Math.min(v, B), N = Math.min(N, z), C = Math.max(C, B + le), y = Math.max(y, z + de);
     });
-    const P = o.map((U) => ({
-      ...U,
+    const M = o.map((P) => ({
+      ...P,
       normalStyle: {
-        ...U.normalStyle,
-        x: (U.normalStyle.x || 0) - y,
-        y: (U.normalStyle.y || 0) - N
+        ...P.normalStyle,
+        x: (P.normalStyle.x || 0) - v,
+        y: (P.normalStyle.y || 0) - N
       }
-    })), F = {
+    })), A = {
       id: H(),
       name: `群组_${Date.now()}`,
       type: "group",
       normalStyle: {
-        x: y,
+        x: v,
         y: N,
-        width: E - y,
-        height: x - N,
+        width: C - v,
+        height: y - N,
         background: "transparent"
       },
       contentInfo: {
@@ -1880,239 +1884,253 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
         isResizable: !0,
         isSelectable: !0
       },
-      children: P
+      children: M
     };
-    M.forEach((U) => I(U)), u(F), ee([]), k(F.id);
-  }, [M, c, I, u, k]), We = V(() => {
-    const o = M.length > 0 ? M.map((y) => c.find((N) => N.id === y)).filter((y) => !!y && y.type === "group") : n ? [c.find((y) => y.id === n)].filter((y) => !!y && y.type === "group") : [];
-    o.length !== 0 && (o.forEach((y) => {
-      if (!y.children || y.children.length === 0) return;
-      const N = y.children.map((E) => ({
-        ...E,
+    D.forEach((P) => k(P)), u(A), J([]), E(A.id);
+  }, [D, c, k, u, E]), Fe = V(() => {
+    const o = D.length > 0 ? D.map((v) => c.find((N) => N.id === v)).filter((v) => !!v && v.type === "group") : n ? [c.find((v) => v.id === n)].filter((v) => !!v && v.type === "group") : [];
+    o.length !== 0 && (o.forEach((v) => {
+      if (!v.children || v.children.length === 0) return;
+      const N = v.children.map((C) => ({
+        ...C,
         normalStyle: {
-          ...E.normalStyle,
-          x: (y.normalStyle.x || 0) + (E.normalStyle.x || 0),
-          y: (y.normalStyle.y || 0) + (E.normalStyle.y || 0)
+          ...C.normalStyle,
+          x: (v.normalStyle.x || 0) + (C.normalStyle.x || 0),
+          y: (v.normalStyle.y || 0) + (C.normalStyle.y || 0)
         }
       }));
-      I(y.id), N.forEach((E) => u(E));
-    }), ee([]), k(null));
-  }, [n, M, c, I, u, k, ee]), Te = V(
+      k(v.id), N.forEach((C) => u(C));
+    }), J([]), E(null));
+  }, [n, D, c, k, u, E, J]), Te = V(
     (o) => {
-      if (M.length < 2) return;
-      const y = M.map((B) => c.find((_) => _.id === B)).filter((B) => !!B && B.type !== "group");
-      if (y.length < 2) return;
-      let N = 1 / 0, E = -1 / 0, x = 1 / 0, P = -1 / 0;
-      y.forEach((B) => {
-        const _ = B.normalStyle.x || 0, le = B.normalStyle.y || 0;
-        N = Math.min(N, _), E = Math.max(E, _), x = Math.min(x, le), P = Math.max(P, le);
+      if (D.length < 2) return;
+      const v = D.map((B) => c.find((z) => z.id === B)).filter((B) => !!B && B.type !== "group");
+      if (v.length < 2) return;
+      let N = 1 / 0, C = -1 / 0, y = 1 / 0, M = -1 / 0;
+      v.forEach((B) => {
+        const z = B.normalStyle.x || 0, le = B.normalStyle.y || 0;
+        N = Math.min(N, z), C = Math.max(C, z), y = Math.min(y, le), M = Math.max(M, le);
       });
-      const F = [...y].sort((B, _) => o === "horizontal" ? (B.normalStyle.x || 0) - (_.normalStyle.x || 0) : (B.normalStyle.y || 0) - (_.normalStyle.y || 0)), U = F.length;
+      const A = [...v].sort((B, z) => o === "horizontal" ? (B.normalStyle.x || 0) - (z.normalStyle.x || 0) : (B.normalStyle.y || 0) - (z.normalStyle.y || 0)), P = A.length;
       if (o === "horizontal") {
-        const _ = (E - N) / (U - 1);
-        F.forEach((le, de) => {
-          const ve = N + _ * de;
-          v(le.id, {
+        const z = (C - N) / (P - 1);
+        A.forEach((le, de) => {
+          const ve = N + z * de;
+          b(le.id, {
             normalStyle: { ...le.normalStyle, x: ve }
           });
         });
       } else {
-        const _ = (P - x) / (U - 1);
-        F.forEach((le, de) => {
-          const ve = x + _ * de;
-          v(le.id, {
+        const z = (M - y) / (P - 1);
+        A.forEach((le, de) => {
+          const ve = y + z * de;
+          b(le.id, {
             normalStyle: { ...le.normalStyle, y: ve }
           });
         });
       }
     },
-    [M, c, v]
-  ), ge = V(
+    [D, c, b]
+  ), ge = (o) => {
+    const v = o.contentInfo.statusList.find(
+      (N) => N.material.type === "LINE"
+    );
+    return v ? v.material.config : null;
+  }, Re = V(
     (o) => {
-      if (M.length < 2) return;
-      const y = ze.getState(), N = M.map((x) => c.find((P) => P.id === x)).filter((x) => !!x && x.type !== "group");
+      if (D.length < 2) return;
+      const v = Oe.getState(), N = D.map((y) => c.find((M) => M.id === y)).filter((y) => !!y);
       if (N.length < 2) return;
-      let E = 0;
+      let C = 0;
       switch (o) {
         case "left":
-          E = Math.min(...N.map((x) => x.normalStyle.x || 0));
+          C = Math.min(...N.map((y) => {
+            const M = ge(y);
+            return M ? (y.normalStyle.x || 0) + (M.startX || 0) : y.normalStyle.x || 0;
+          }));
           break;
         case "right":
-          E = Math.max(
-            ...N.map((x) => (x.normalStyle.x || 0) + (x.normalStyle.width || 0))
-          );
+          C = Math.max(...N.map((y) => {
+            const M = ge(y);
+            return M ? (y.normalStyle.x || 0) + (M.endX || 0) : (y.normalStyle.x || 0) + (y.normalStyle.width || 0);
+          }));
           break;
         case "top":
-          E = Math.min(...N.map((x) => x.normalStyle.y || 0));
+          C = Math.min(...N.map((y) => {
+            const M = ge(y);
+            return M ? (y.normalStyle.y || 0) + (M.startY || 0) : y.normalStyle.y || 0;
+          }));
           break;
         case "bottom":
-          E = Math.max(
-            ...N.map((x) => (x.normalStyle.y || 0) + (x.normalStyle.height || 0))
-          );
+          C = Math.max(...N.map((y) => {
+            const M = ge(y);
+            return M ? (y.normalStyle.y || 0) + (M.endY || 0) : (y.normalStyle.y || 0) + (y.normalStyle.height || 0);
+          }));
           break;
       }
-      N.forEach((x) => {
-        let P = x.normalStyle.x || 0, F = x.normalStyle.y || 0;
+      N.forEach((y) => {
+        let M = y.normalStyle.x || 0, A = y.normalStyle.y || 0;
+        const P = ge(y);
         switch (o) {
           case "left":
-            P = E;
+            P ? M = C - (P.startX || 0) : M = C;
             break;
           case "right":
-            P = E - (x.normalStyle.width || 0);
+            P ? M = C - (P.endX || 0) : M = C - (y.normalStyle.width || 0);
             break;
           case "top":
-            F = E;
+            P ? A = C - (P.startY || 0) : A = C;
             break;
           case "bottom":
-            F = E - (x.normalStyle.height || 0);
+            P ? A = C - (P.endY || 0) : A = C - (y.normalStyle.height || 0);
             break;
         }
-        y.updateNode(x.id, {
-          normalStyle: { ...x.normalStyle, x: P, y: F }
+        v.updateNode(y.id, {
+          normalStyle: { ...y.normalStyle, x: M, y: A }
         });
       });
     },
-    [M, c]
-  ), pt = [
+    [D, c]
+  ), Ue = [
     {
-      icon: /* @__PURE__ */ e(dn, {}),
+      icon: /* @__PURE__ */ e(un, {}),
       title: "选择模式",
       active: a === "select",
       onClick: () => {
-        O("select");
+        j("select");
       }
     },
     {
-      icon: /* @__PURE__ */ e(vt, {}),
+      icon: /* @__PURE__ */ e(bt, {}),
       title: "框选模式",
       active: a === "box-select",
       onClick: () => {
-        O("box-select"), ee([]);
+        j("box-select"), J([]);
       }
     },
     {
-      icon: /* @__PURE__ */ e(un, {}),
+      icon: /* @__PURE__ */ e(hn, {}),
       title: "拖拽模式",
       active: a === "drag",
       onClick: () => {
-        O("drag");
+        j("drag");
       }
     },
     {
-      icon: /* @__PURE__ */ e(ft, {}),
+      icon: /* @__PURE__ */ e(pt, {}),
       title: "线条绘制",
       active: a === "line-draw",
       onClick: () => {
-        O("line-draw");
+        j("line-draw");
       }
     },
     {
-      icon: /* @__PURE__ */ e(hn, {}),
+      icon: /* @__PURE__ */ e(mn, {}),
       title: "预览模式",
       active: a === "preview",
       onClick: () => {
-        O("preview");
+        j("preview");
       }
     }
-  ], Fe = Xt(
+  ], He = Pt(
     () => [
-      { icon: /* @__PURE__ */ e(Vt, {}), title: "撤销 (Ctrl+Z)", onClick: g },
-      { icon: /* @__PURE__ */ e(Zt, {}), title: "重做 (Ctrl+Y)", onClick: W },
+      { icon: /* @__PURE__ */ e(Zt, {}), title: "撤销 (Ctrl+Z)", onClick: g },
+      { icon: /* @__PURE__ */ e(Jt, {}), title: "重做 (Ctrl+Y)", onClick: U },
       {
-        icon: /* @__PURE__ */ e(_t, {}),
+        icon: /* @__PURE__ */ e(zt, {}),
         title: "复制节点",
-        disabled: !n && M.length === 0,
-        onClick: tt
+        disabled: !n && D.length === 0,
+        onClick: lt
       },
       {
-        icon: /* @__PURE__ */ e(vt, {}),
+        icon: /* @__PURE__ */ e(bt, {}),
         title: "组合选中节点",
-        disabled: M.length < 2,
-        onClick: nt
+        disabled: D.length < 2,
+        onClick: rt
       },
       {
-        icon: /* @__PURE__ */ e(Jt, {}),
+        icon: /* @__PURE__ */ e(Kt, {}),
         title: "解除组合",
-        disabled: !n && M.length === 0,
-        onClick: We
+        disabled: !n && D.length === 0,
+        onClick: Fe
       },
       {
-        icon: /* @__PURE__ */ e(Kt, {}),
+        icon: /* @__PURE__ */ e(Qt, {}),
         title: "左对齐",
-        disabled: M.length < 2,
-        onClick: () => ge("left")
+        disabled: D.length < 2,
+        onClick: () => Re("left")
       },
       {
-        icon: /* @__PURE__ */ e(Qt, {}),
+        icon: /* @__PURE__ */ e(en, {}),
         title: "右对齐",
-        disabled: M.length < 2,
-        onClick: () => ge("right")
+        disabled: D.length < 2,
+        onClick: () => Re("right")
       },
       {
-        icon: /* @__PURE__ */ e(en, {}),
+        icon: /* @__PURE__ */ e(tn, {}),
         title: "上对齐",
-        disabled: M.length < 2,
-        onClick: () => ge("top")
+        disabled: D.length < 2,
+        onClick: () => Re("top")
       },
       {
-        icon: /* @__PURE__ */ e(tn, {}),
+        icon: /* @__PURE__ */ e(nn, {}),
         title: "下对齐",
-        disabled: M.length < 2,
-        onClick: () => ge("bottom")
+        disabled: D.length < 2,
+        onClick: () => Re("bottom")
       },
       {
-        icon: /* @__PURE__ */ e(nn, {}),
+        icon: /* @__PURE__ */ e(ln, {}),
         title: "水平分布",
-        disabled: M.length < 2,
+        disabled: D.length < 2,
         onClick: () => Te("horizontal")
       },
       {
-        icon: /* @__PURE__ */ e(ln, {}),
+        icon: /* @__PURE__ */ e(rn, {}),
         title: "垂直分布",
-        disabled: M.length < 2,
+        disabled: D.length < 2,
         onClick: () => Te("vertical")
       },
       {
-        icon: /* @__PURE__ */ e(rn, {}),
+        icon: /* @__PURE__ */ e(an, {}),
         title: "画布配置",
-        onClick: () => C(!0)
+        onClick: () => I(!0)
       },
       {
-        icon: /* @__PURE__ */ e(an, {}),
+        icon: /* @__PURE__ */ e(on, {}),
         title: "数据模拟",
         type: "primary",
-        onClick: () => j(!0)
+        onClick: () => F(!0)
       },
       {
-        icon: /* @__PURE__ */ e(ot, {}),
+        icon: /* @__PURE__ */ e(ct, {}),
         title: "删除选中 (Delete)",
-        disabled: !n && M.length === 0,
+        disabled: !n && D.length === 0,
         onClick: () => {
-          n ? I(n) : M.length > 0 && (M.forEach((o) => I(o)), ee([]));
+          n ? k(n) : D.length > 0 && (D.forEach((o) => k(o)), J([]));
         }
       }
     ],
     [
       g,
-      W,
+      U,
       a,
-      O,
-      ee,
-      M,
-      nt,
-      We,
-      tt,
-      ge,
-      Te,
-      C,
       j,
+      J,
+      D,
+      rt,
+      Fe,
+      lt,
+      Re,
+      Te,
+      I,
+      F,
       n,
-      I
+      k
     ]
-  ), De = V(
+  ), ke = V(
     (o) => {
-      (o.key === "ArrowLeft" || o.key === "ArrowRight" || o.key === "ArrowUp" || o.key === "ArrowDown") && M.map((N) => c.find((E) => E.id === N)).forEach((N) => {
-        N && v(N.id, {
+      o.preventDefault(), (o.key === "ArrowLeft" || o.key === "ArrowRight" || o.key === "ArrowUp" || o.key === "ArrowDown") && D.map((N) => c.find((C) => C.id === N)).forEach((N) => {
+        N && b(N.id, {
           normalStyle: {
             ...N.normalStyle,
             x: (N.normalStyle.x || 0) - 2 * (o.key === "ArrowLeft" ? 1 : o.key === "ArrowRight" ? -1 : 0),
@@ -2121,13 +2139,13 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
         });
       });
     },
-    [M, c, v]
+    [D, c, b]
   );
-  return me(() => (a === "box-select" && document.addEventListener("keydown", De), () => {
-    document.removeEventListener("keydown", De);
-  }), [a, De]), /* @__PURE__ */ h("div", { className: "flex-1 flex flex-col h-full bg-gray-100", children: [
+  return he(() => (document.addEventListener("keydown", ke), () => {
+    document.removeEventListener("keydown", ke);
+  }), [ke]), /* @__PURE__ */ h("div", { className: "flex-1 flex flex-col h-full bg-gray-100", children: [
     /* @__PURE__ */ h("div", { className: "h-12 bg-white border-b border-gray-200 flex items-center justify-between px-4", children: [
-      /* @__PURE__ */ e(be, { children: pt.map((o) => /* @__PURE__ */ e(Le, { title: o.title, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(be, { children: Ue.map((o) => /* @__PURE__ */ e(Ye, { title: o.title, children: /* @__PURE__ */ e(
         Z,
         {
           type: o.active ? "primary" : "default",
@@ -2135,7 +2153,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
           onClick: o.onClick
         }
       ) }, o.title)) }),
-      /* @__PURE__ */ e(be, { children: Fe.map((o) => /* @__PURE__ */ e(Le, { title: o.title, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(be, { children: He.map((o) => /* @__PURE__ */ e(Ye, { title: o.title, children: /* @__PURE__ */ e(
         Z,
         {
           type: o.active ? "primary" : o.type || "default",
@@ -2146,7 +2164,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       ) }, o.title)) })
     ] }),
     /* @__PURE__ */ e("div", { ref: r, className: "flex-1 relative", children: /* @__PURE__ */ e(
-      pn,
+      yn,
       {
         ref: f,
         initialScale: 1,
@@ -2157,22 +2175,22 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
         onTransformed: ae,
         limitToBounds: !1,
         centerZoomedOut: !1,
-        panning: { disabled: !z && (a === "select" || a === "line-draw" || a === "box-select"), velocityDisabled: !0 },
+        panning: { disabled: !O && (a === "select" || a === "line-draw" || a === "box-select"), velocityDisabled: !0 },
         wheel: { disabled: !1, step: 0.1 },
         pinch: { disabled: !1 },
         doubleClick: { disabled: !0 },
-        children: ({ zoomIn: o, zoomOut: y, resetTransform: N }) => /* @__PURE__ */ h(Oe, { children: [
+        children: ({ zoomIn: o, zoomOut: v, resetTransform: N }) => /* @__PURE__ */ h(Ae, { children: [
           /* @__PURE__ */ e("div", { className: "absolute bottom-4 right-4 z-10 bg-white rounded-lg shadow-lg p-2", children: /* @__PURE__ */ h(be, { direction: "vertical", children: [
-            /* @__PURE__ */ e(Le, { title: "放大", children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(on, {}), onClick: () => o() }) }),
-            /* @__PURE__ */ e(Le, { title: "缩小", children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(sn, {}), onClick: () => y() }) }),
-            /* @__PURE__ */ e(Le, { title: "重置视图", children: /* @__PURE__ */ e(Z, { onClick: () => N(), children: "100%" }) }),
+            /* @__PURE__ */ e(Ye, { title: "放大", children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(sn, {}), onClick: () => o() }) }),
+            /* @__PURE__ */ e(Ye, { title: "缩小", children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(cn, {}), onClick: () => v() }) }),
+            /* @__PURE__ */ e(Ye, { 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(
-            yn,
+            vn,
             {
               wrapperStyle: { width: "100%", height: "100%", position: "relative" },
               contentStyle: {
@@ -2187,7 +2205,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                 {
                   ref: t,
                   "data-canvas": "true",
-                  className: `relative ${xe ? "ring-4 ring-blue-400 ring-opacity-50" : ""} ${a === "line-draw" ? "cursor-crosshair" : ""} ${z ? "cursor-grab" : ""}`,
+                  className: `relative ${xe ? "ring-4 ring-blue-400 ring-opacity-50" : ""} ${a === "line-draw" ? "cursor-crosshair" : ""} ${O ? "cursor-grab" : ""}`,
                   style: {
                     width: d.width,
                     height: d.height,
@@ -2197,7 +2215,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                     backgroundSize: "cover",
                     backgroundPosition: "center"
                   },
-                  onClick: K,
+                  onClick: Q,
                   onMouseDown: oe,
                   onDoubleClick: se,
                   onDragOver: ce,
@@ -2208,20 +2226,20 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                       /* @__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((E) => /* @__PURE__ */ e(
-                      Ut,
+                    c.map((C) => /* @__PURE__ */ e(
+                      Ht,
                       {
-                        node: E,
-                        isSelected: n === E.id || M.includes(E.id),
+                        node: C,
+                        isSelected: n === C.id || D.includes(C.id),
                         data: l,
-                        onClick: () => {
-                          console.log("Node onClick:", E.id, "mode:", ie.current), ie.current !== "line-draw" && k(E.id);
+                        onClick: (y) => {
+                          console.log("Node onClick:", C.id, "mode:", ie.current), ie.current !== "line-draw" && (y.shiftKey ? (E(C.id), J([...D, C.id])) : (E(C.id), J([C.id])));
                         },
-                        onMouseDown: (x) => et(x, E),
-                        onUpdateNode: (x, P) => v(x, P),
+                        onMouseDown: (y) => nt(y, C),
+                        onUpdateNode: (y, M) => b(y, M),
                         scale: p.scale
                       },
-                      `${E.id}`
+                      `${C.id}`
                     )),
                     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",
@@ -2237,15 +2255,15 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                         strokeLinejoin: "round"
                       }
                     ) }),
-                    a === "box-select" && b.start && b.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(b.start.x, b.end.x),
-                          top: Math.min(b.start.y, b.end.y),
-                          width: Math.abs(b.end.x - b.start.x),
-                          height: Math.abs(b.end.y - b.start.y),
+                          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
                         }
                       }
@@ -2259,17 +2277,17 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       }
     ) }),
     /* @__PURE__ */ e(
-      it,
+      st,
       {
         title: "数据模拟",
-        open: je,
-        onCancel: () => j(!1),
+        open: We,
+        onCancel: () => F(!1),
         footer: null,
         children: /* @__PURE__ */ e(w, { layout: "vertical", children: /* @__PURE__ */ e(w.Item, { label: "测试数据 (JSON)", children: /* @__PURE__ */ e(
-          On,
+          An,
           {
-            value: st,
-            onChange: (o) => Ke(o.target.value),
+            value: dt,
+            onChange: (o) => et(o.target.value),
             rows: 10,
             placeholder: "输入 JSON 格式的测试数据"
           }
@@ -2277,11 +2295,11 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       }
     ),
     /* @__PURE__ */ e(
-      it,
+      st,
       {
         title: "画布配置",
-        open: Qe,
-        onCancel: () => C(!1),
+        open: tt,
+        onCancel: () => I(!1),
         footer: null,
         children: /* @__PURE__ */ h(w, { layout: "vertical", children: [
           /* @__PURE__ */ e(w.Item, { label: "宽度", children: /* @__PURE__ */ e(
@@ -2305,7 +2323,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
             }
           ) }),
           /* @__PURE__ */ e(w.Item, { label: "显示网格", children: /* @__PURE__ */ e(
-            Je,
+            Qe,
             {
               checked: d.showGrid !== !1,
               onChange: (o) => S({ showGrid: o })
@@ -2313,7 +2331,7 @@ const kn = /* @__PURE__ */ vn(In), En = (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(
-              Ae,
+              je,
               {
                 value: d.background || "#ffffff",
                 onChange: (o) => S({ background: o.toHexString() })
@@ -2331,20 +2349,20 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
           /* @__PURE__ */ h(w.Item, { label: "背景图片", children: [
             /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e(
-                Tt,
+                Rt,
                 {
                   accept: "image/*",
                   showUploadList: !1,
                   beforeUpload: (o) => {
                     if (!o.type.startsWith("image/"))
-                      return Ye.error("只能上传图片文件!"), !1;
+                      return $e.error("只能上传图片文件!"), !1;
                     const N = new FileReader();
-                    return N.onload = (E) => {
-                      const x = E.target?.result;
-                      S({ backgroundImage: x }), Ye.success("背景图片上传成功");
+                    return N.onload = (C) => {
+                      const y = C.target?.result;
+                      S({ backgroundImage: y }), $e.success("背景图片上传成功");
                     }, N.readAsDataURL(o), !1;
                   },
-                  children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(mt, {}), children: "上传图片" })
+                  children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(gt, {}), children: "上传图片" })
                 }
               ),
               /* @__PURE__ */ e(
@@ -2359,7 +2377,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
               d.backgroundImage && /* @__PURE__ */ e(
                 Z,
                 {
-                  icon: /* @__PURE__ */ e(cn, {}),
+                  icon: /* @__PURE__ */ e(dn, {}),
                   onClick: () => S({ backgroundImage: void 0 }),
                   danger: !0,
                   size: "small"
@@ -2379,13 +2397,13 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       }
     )
   ] });
-}, { Option: at } = Ie, jn = ({
+}, { Option: ot } = Ie, Wn = ({
   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 || "",
@@ -2398,7 +2416,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     valueFontWeight: n.valueStyle?.fontWeight || "normal",
     valueColor: n.valueStyle?.color || "#1890ff"
   });
-  me(() => {
+  he(() => {
     i({
       label: n.label || "",
       value: n.value || "",
@@ -2413,22 +2431,22 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       valueColor: n.valueStyle?.color || "#1890ff"
     });
   }, [l.id]);
-  const p = (u, k) => {
-    i((v) => ({ ...v, [u]: k }));
+  const p = (u, E) => {
+    i((b) => ({ ...b, [u]: E }));
   }, d = (u) => {
-    const k = r.find((I) => I.paramsCode === u), v = k?.unit || "";
-    i((I) => ({
-      ...I,
+    const E = r.find((k) => k.paramsCode === u), b = E?.unit || "";
+    i((k) => ({
+      ...k,
       valueSourceCode: u,
-      unit: v,
-      value: String(k?.value || "")
+      unit: b,
+      value: String(E?.value || "")
     })), setTimeout(() => {
       f({
         content: {
           ...n,
           valueSourceCode: u,
-          value: String(k?.value || ""),
-          unit: v
+          value: String(E?.value || ""),
+          unit: b
         }
       });
     }, 0);
@@ -2457,7 +2475,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     (u) => t.includes(u.paramsCode)
   );
   return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e(Me, { style: { marginTop: 0 }, children: "文本内容" }),
+    /* @__PURE__ */ e(De, { style: { marginTop: 0 }, children: "文本内容" }),
     /* @__PURE__ */ h(w, { layout: "vertical", children: [
       /* @__PURE__ */ e(w.Item, { label: "标签文本 (label)", children: /* @__PURE__ */ e(
         re,
@@ -2537,7 +2555,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
         }
       )
     ] }),
-    /* @__PURE__ */ e(Me, { children: "标签样式" }),
+    /* @__PURE__ */ e(De, { children: "标签样式" }),
     /* @__PURE__ */ h(w, { layout: "vertical", children: [
       /* @__PURE__ */ h(be, { children: [
         /* @__PURE__ */ e(w.Item, { label: "字体大小", children: /* @__PURE__ */ e(
@@ -2559,15 +2577,15 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
             },
             style: { width: 100 },
             children: [
-              /* @__PURE__ */ e(at, { value: "normal", children: "正常" }),
-              /* @__PURE__ */ e(at, { value: "bold", children: "粗体" })
+              /* @__PURE__ */ e(ot, { value: "normal", children: "正常" }),
+              /* @__PURE__ */ e(ot, { value: "bold", children: "粗体" })
             ]
           }
         ) })
       ] }),
       /* @__PURE__ */ e(w.Item, { label: "文字颜色", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          Ae,
+          je,
           {
             value: a.labelColor || "#262626",
             onChange: (u) => {
@@ -2609,7 +2627,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ e(Me, { children: "值样式" }),
+    /* @__PURE__ */ e(De, { children: "值样式" }),
     /* @__PURE__ */ h(w, { layout: "vertical", children: [
       /* @__PURE__ */ h(be, { children: [
         /* @__PURE__ */ e(w.Item, { label: "字体大小", children: /* @__PURE__ */ e(
@@ -2631,15 +2649,15 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
             },
             style: { width: 100 },
             children: [
-              /* @__PURE__ */ e(at, { value: "normal", children: "正常" }),
-              /* @__PURE__ */ e(at, { value: "bold", children: "粗体" })
+              /* @__PURE__ */ e(ot, { value: "normal", children: "正常" }),
+              /* @__PURE__ */ e(ot, { value: "bold", children: "粗体" })
             ]
           }
         ) })
       ] }),
       /* @__PURE__ */ e(w.Item, { label: "文字颜色", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          Ae,
+          je,
           {
             value: a.valueColor || "#1890ff",
             onChange: (u) => {
@@ -2682,17 +2700,17 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       ] }) })
     ] })
   ] });
-}, Wn = ({
+}, Fn = ({
   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 || ""
   });
-  me(() => {
+  he(() => {
     c({
       name: l.name,
       src: t.src || "",
@@ -2710,7 +2728,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     });
   };
   return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e(Me, { style: { marginTop: 0 }, children: "图片属性" }),
+    /* @__PURE__ */ e(De, { style: { marginTop: 0 }, children: "图片属性" }),
     /* @__PURE__ */ h(w, { layout: "vertical", children: [
       /* @__PURE__ */ e(w.Item, { label: "图片名称", children: /* @__PURE__ */ e(
         re,
@@ -2732,7 +2750,7 @@ const kn = /* @__PURE__ */ vn(In), En = (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(
-          Ae,
+          je,
           {
             value: r.fillColor || "#1890ff",
             onChange: (i) => {
@@ -2758,7 +2776,7 @@ const kn = /* @__PURE__ */ vn(In), En = (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(
-          Ae,
+          je,
           {
             value: r.backgroundColor || "#1890ff",
             onChange: (i) => {
@@ -2784,11 +2802,11 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       ] }) })
     ] })
   ] });
-}, { Option: Fn } = Ie, Un = ({
+}, { Option: Un } = Ie, Hn = ({
   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",
@@ -2797,7 +2815,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     endX: t.endX ?? 100,
     endY: t.endY ?? 0
   });
-  me(() => {
+  he(() => {
     c({
       lineWeight: t.lineWeight || t.thickness || 2,
       color: t.color || "#262626",
@@ -2832,7 +2850,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     { value: "dash-dot", label: "画点线", desc: "长划-点交替" }
   ];
   return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e(Me, { style: { marginTop: 0 }, children: "起止位置（相对节点）" }),
+    /* @__PURE__ */ e(De, { style: { marginTop: 0 }, children: "起止位置（相对节点）" }),
     /* @__PURE__ */ h(w, { layout: "vertical", children: [
       /* @__PURE__ */ h("div", { className: "grid grid-cols-2 gap-2", children: [
         /* @__PURE__ */ e(w.Item, { label: "起点 X", className: "mb-2", children: /* @__PURE__ */ e(
@@ -2912,14 +2930,14 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ e(Me, { children: "线条属性" }),
+    /* @__PURE__ */ e(De, { children: "线条属性" }),
     /* @__PURE__ */ h(w, { layout: "vertical", children: [
       /* @__PURE__ */ e(w.Item, { label: "线型", help: "选择线条样式", children: /* @__PURE__ */ e(
         Ie,
         {
           value: r.lineType,
           onChange: (i) => n({ lineType: i }),
-          children: a.map((i) => /* @__PURE__ */ e(Fn, { value: i.value, children: /* @__PURE__ */ h("div", { className: "flex flex-col", children: [
+          children: a.map((i) => /* @__PURE__ */ e(Un, { 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))
@@ -2937,7 +2955,7 @@ const kn = /* @__PURE__ */ vn(In), En = (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(
-          Ae,
+          je,
           {
             value: r.color || "#d9d9d9",
             onChange: (i) => n({ color: i.toHexString() })
@@ -2955,7 +2973,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       ] }) })
     ] })
   ] });
-}, Ht = ({
+}, Gt = ({
   material: l,
   onSave: f,
   bindCodes: t,
@@ -2964,7 +2982,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
   switch (l.type) {
     case "TEXT":
       return /* @__PURE__ */ e(
-        jn,
+        Wn,
         {
           material: l,
           onSave: f,
@@ -2973,30 +2991,30 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
         }
       );
     case "IMAGE":
-      return /* @__PURE__ */ e(Wn, { material: l, onSave: f });
+      return /* @__PURE__ */ e(Fn, { material: l, onSave: f });
     case "LINE":
-      return /* @__PURE__ */ e(Un, { material: l, onSave: f });
+      return /* @__PURE__ */ e(Hn, { material: l, onSave: f });
     default:
       return /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-8", children: "暂不支持编辑此类型的物料" });
   }
-}, { Panel: $t } = Ne, { TextArea: Hn } = re, Gn = ({
+}, { Panel: Yt } = Ne, { TextArea: Gn } = re, qn = ({
   node: l,
   updateNode: f,
   materials: t
 }) => {
   const r = t.filter((m) => m.type !== "CUSTOM" || !m.config?.nodes), c = (m, S) => {
-    const u = l.children?.map((k) => k.id === m ? {
-      ...k,
+    const u = l.children?.map((E) => E.id === m ? {
+      ...E,
       contentInfo: {
-        ...k.contentInfo,
+        ...E.contentInfo,
         statusList: S
       }
-    } : k);
+    } : E);
     f(l.id, {
       children: u
     });
   }, n = (m) => {
-    const S = l.children?.find((k) => k.id === m);
+    const S = l.children?.find((E) => E.id === m);
     if (!S) return;
     const u = {
       id: H(),
@@ -3007,26 +3025,26 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     };
     c(m, [...S.contentInfo.statusList, u]);
   }, a = (m, S) => {
-    const u = l.children?.find((v) => v.id === m);
+    const u = l.children?.find((b) => b.id === m);
     if (!u) return;
-    const k = u.contentInfo.statusList.filter((v) => v.id !== S);
-    c(m, k);
+    const E = u.contentInfo.statusList.filter((b) => b.id !== S);
+    c(m, E);
   }, i = (m, S, u) => {
-    const k = l.children?.find((I) => I.id === m);
-    if (!k) return;
-    const v = k.contentInfo.statusList.map((I) => I.id === S ? { ...I, ...u } : I);
-    c(m, v);
+    const E = l.children?.find((k) => k.id === m);
+    if (!E) return;
+    const b = E.contentInfo.statusList.map((k) => k.id === S ? { ...k, ...u } : k);
+    c(m, b);
   }, p = (m, S, u) => {
-    const k = l.children?.find((g) => g.id === m);
-    if (!k) return;
-    const v = k.contentInfo.statusList.findIndex((g) => g.id === S);
-    if (v === -1) return;
-    const I = [...k.contentInfo.statusList];
-    u === "up" && v > 0 ? [I[v], I[v - 1]] = [I[v - 1], I[v]] : u === "down" && v < I.length - 1 && ([I[v], I[v + 1]] = [I[v + 1], I[v]]), c(m, I);
+    const E = l.children?.find((g) => g.id === m);
+    if (!E) return;
+    const b = E.contentInfo.statusList.findIndex((g) => g.id === S);
+    if (b === -1) return;
+    const k = [...E.contentInfo.statusList];
+    u === "up" && b > 0 ? [k[b], k[b - 1]] = [k[b - 1], k[b]] : u === "down" && b < k.length - 1 && ([k[b], k[b + 1]] = [k[b + 1], k[b]]), c(m, k);
   }, d = (m, S, u) => {
-    const k = t.find((v) => v.id === u);
-    k && i(m, S, {
-      material: { ...k, id: H() }
+    const E = t.find((b) => b.id === u);
+    E && i(m, S, {
+      material: { ...E, id: H() }
     });
   };
   return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
@@ -3035,7 +3053,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       "：为每个子节点配置多个状态和绑定"
     ] }) }),
     /* @__PURE__ */ e(Ne, { ghost: !0, children: l.children?.map((m, S) => /* @__PURE__ */ e(
-      $t,
+      Yt,
       {
         header: /* @__PURE__ */ h("div", { className: "flex items-center justify-between w-full pr-4", children: [
           /* @__PURE__ */ h("span", { className: "font-medium text-sm", children: [
@@ -3055,30 +3073,30 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
               {
                 type: "primary",
                 size: "small",
-                icon: /* @__PURE__ */ e(zt, {}),
+                icon: /* @__PURE__ */ e(Ot, {}),
                 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((u, k) => /* @__PURE__ */ e(
-            $t,
+          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(
+            Yt,
             {
               header: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 w-5", children: k + 1 }),
+                /* @__PURE__ */ e("span", { className: "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: (v) => v.stopPropagation(), children: [
+              extra: /* @__PURE__ */ h(be, { size: "small", onClick: (b) => b.stopPropagation(), children: [
                 /* @__PURE__ */ e(
                   Z,
                   {
                     type: "text",
                     size: "small",
-                    icon: /* @__PURE__ */ e(Ot, {}),
-                    disabled: k === 0,
-                    onClick: (v) => {
-                      v.stopPropagation(), p(m.id, u.id, "up");
+                    icon: /* @__PURE__ */ e(At, {}),
+                    disabled: E === 0,
+                    onClick: (b) => {
+                      b.stopPropagation(), p(m.id, u.id, "up");
                     }
                   }
                 ),
@@ -3087,10 +3105,10 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                   {
                     type: "text",
                     size: "small",
-                    icon: /* @__PURE__ */ e(At, {}),
-                    disabled: k === m.contentInfo.statusList.length - 1,
-                    onClick: (v) => {
-                      v.stopPropagation(), p(m.id, u.id, "down");
+                    icon: /* @__PURE__ */ e(jt, {}),
+                    disabled: E === m.contentInfo.statusList.length - 1,
+                    onClick: (b) => {
+                      b.stopPropagation(), p(m.id, u.id, "down");
                     }
                   }
                 ),
@@ -3100,9 +3118,9 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                     type: "text",
                     size: "small",
                     danger: !0,
-                    icon: /* @__PURE__ */ e(ot, {}),
-                    onClick: (v) => {
-                      v.stopPropagation(), a(m.id, u.id);
+                    icon: /* @__PURE__ */ e(ct, {}),
+                    onClick: (b) => {
+                      b.stopPropagation(), a(m.id, u.id);
                     }
                   }
                 )
@@ -3112,7 +3130,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                   re,
                   {
                     value: u.name,
-                    onChange: (v) => i(m.id, u.id, { name: v.target.value }),
+                    onChange: (b) => i(m.id, u.id, { name: b.target.value }),
                     placeholder: "输入状态名称"
                   }
                 ) }),
@@ -3122,10 +3140,10 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                     label: "执行表达式",
                     help: "返回 true 时激活此状态，可使用 data 变量访问绑定数据",
                     children: /* @__PURE__ */ e(
-                      Hn,
+                      Gn,
                       {
                         value: u.expression,
-                        onChange: (v) => i(m.id, u.id, { expression: v.target.value }),
+                        onChange: (b) => i(m.id, u.id, { expression: b.target.value }),
                         rows: 3,
                         placeholder: "return true;"
                       }
@@ -3137,7 +3155,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                   {
                     mode: "tags",
                     value: u.bindCodes || [],
-                    onChange: (v) => i(m.id, u.id, { bindCodes: v }),
+                    onChange: (b) => i(m.id, u.id, { bindCodes: b }),
                     placeholder: "输入数据源 code",
                     tokenSeparators: [",", " "]
                   }
@@ -3151,27 +3169,27 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                       placeholder: "选择新物料",
                       style: { width: 150 },
                       value: void 0,
-                      onChange: (v) => v && d(m.id, u.id, v),
-                      options: r.map((v) => ({
-                        value: v.id,
-                        label: `${v.name} (${v.type})`
+                      onChange: (b) => b && d(m.id, u.id, b),
+                      options: r.map((b) => ({
+                        value: b.id,
+                        label: `${b.name} (${b.type})`
                       }))
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ e(Me, { style: { margin: "12px 0" } }),
+                /* @__PURE__ */ e(De, { style: { margin: "12px 0" } }),
                 /* @__PURE__ */ h("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: [
                   /* @__PURE__ */ h("div", { className: "flex items-center justify-between mb-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: "物料属性" }),
                     /* @__PURE__ */ e(ye, { children: u.material.name })
                   ] }),
                   /* @__PURE__ */ e(
-                    Ht,
+                    Gt,
                     {
                       material: u.material,
-                      onSave: (v) => {
-                        const I = { ...u.material, ...v };
-                        i(m.id, u.id, { material: I });
+                      onSave: (b) => {
+                        const k = { ...u.material, ...b };
+                        i(m.id, u.id, { material: k });
                       }
                     }
                   )
@@ -3185,7 +3203,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       m.id
     )) })
   ] });
-}, { Panel: Ee } = Ne, { TabPane: ut } = Rt, { TextArea: qn } = re, Bn = ({
+}, { Panel: Me } = Ne, { TabPane: mt } = _t, { TextArea: Bn } = re, Vn = ({
   defaultTestData: l
 }) => {
   const {
@@ -3198,12 +3216,12 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     materials: i,
     selectedStatusId: p,
     selectStatus: d
-  } = ze(), [m] = w.useForm(), [S, u] = Q("basic"), [k, v] = Q(!1), [I, g] = Q(null), [W, O] = Q({}), X = Ce.useMemo(() => f.find((s) => s.id === t), [f, t]), $ = X?.contentInfo.statusList || [], L = (s) => {
+  } = Oe(), [m] = w.useForm(), [S, u] = ee("basic"), [E, b] = ee(!1), [k, g] = ee(null), [U, j] = ee({}), T = Ce.useMemo(() => f.find((s) => s.id === t), [f, t]), Y = T?.contentInfo.statusList || [], $ = (s) => {
     t && (s.normalStyle && c(t, s.normalStyle), s.name !== void 0 && r(t, { name: s.name }), s.controlInfo && n(t, s.controlInfo));
   };
-  console.log(t, "selectedNodeId", X), me(() => {
-    X && X && (m.setFieldsValue({
-      name: X.name,
+  console.log(t, "selectedNodeId", T), he(() => {
+    T && T && (m.setFieldsValue({
+      name: T.name,
       normalStyle: {
         width: 100,
         height: 100,
@@ -3213,100 +3231,100 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
         background: "transparent",
         borderRadius: 0,
         opacity: 1,
-        ...X.normalStyle
+        ...T.normalStyle
       },
       controlInfo: {
         isDraggable: !0,
         isClickable: !0,
         isResizable: !0,
         isSelectable: !0,
-        ...X.controlInfo
+        ...T.controlInfo
       }
     }), d(null));
-  }, [X, d, m]);
+  }, [T, d, m]);
   const xe = () => {
-    !t || !X || (g("new"), v(!0));
+    !t || !T || (g("new"), b(!0));
   }, ne = (s) => {
-    if (!t || !X) return;
+    if (!t || !T) return;
     const q = {
       id: H(),
-      name: `${s.name}_状态${$.length + 1}`,
-      expression: $.length === 0 ? "return true;" : "return false;",
+      name: `${s.name}_状态${Y.length + 1}`,
+      expression: Y.length === 0 ? "return true;" : "return false;",
       material: { ...s, id: H() },
       bindCodes: []
     };
-    if (I === "new") {
-      const b = [...$, q];
-      a(t, { statusList: b });
-    } else if (I) {
-      const b = $.map((Y) => Y.id === I ? { ...Y, material: { ...s, id: H() } } : Y);
-      a(t, { statusList: b });
+    if (k === "new") {
+      const x = [...Y, q];
+      a(t, { statusList: x });
+    } else if (k) {
+      const x = Y.map((X) => X.id === k ? { ...X, material: { ...s, id: H() } } : X);
+      a(t, { statusList: x });
     }
-    v(!1), g(null);
+    b(!1), g(null);
   }, we = (s) => {
-    if (!t || !X) return;
-    const q = X.contentInfo.statusList?.filter((b) => b.id !== s) || [];
+    if (!t || !T) return;
+    const q = T.contentInfo.statusList?.filter((x) => x.id !== s) || [];
     a(t, { statusList: q }), p === s && d(null);
   }, ie = (s, q) => {
-    if (!t || !X) return;
-    const b = X.contentInfo.statusList?.map((Y) => Y.id === s ? { ...Y, ...q } : Y) || [];
-    a(t, { statusList: b });
-  }, A = (s) => {
-    if (!t || !X) return;
+    if (!t || !T) return;
+    const x = T.contentInfo.statusList?.map((X) => X.id === s ? { ...X, ...q } : X) || [];
+    a(t, { statusList: x });
+  }, W = (s) => {
+    if (!t || !T) return;
     const q = {
       ...s,
       id: H(),
       name: `${s.name}_复制`,
       expression: "return false;"
-    }, b = [...$, q];
-    a(t, { statusList: b });
-  }, J = (s, q) => {
-    if (!t || !X) return;
-    const b = $.findIndex((M) => M.id === s);
-    if (b === -1) return;
-    const Y = [...$];
-    q === "up" && b > 0 ? [Y[b], Y[b - 1]] = [
-      Y[b - 1],
-      Y[b]
-    ] : q === "down" && b < Y.length - 1 && ([Y[b], Y[b + 1]] = [
-      Y[b + 1],
-      Y[b]
-    ]), a(t, { statusList: Y });
+    }, x = [...Y, q];
+    a(t, { statusList: x });
+  }, K = (s, q) => {
+    if (!t || !T) return;
+    const x = Y.findIndex((D) => D.id === s);
+    if (x === -1) return;
+    const X = [...Y];
+    q === "up" && x > 0 ? [X[x], X[x - 1]] = [
+      X[x - 1],
+      X[x]
+    ] : q === "down" && x < X.length - 1 && ([X[x], X[x + 1]] = [
+      X[x + 1],
+      X[x]
+    ]), a(t, { statusList: X });
   }, G = (s) => {
-    g(s), v(!0);
-  }, T = (s, q) => {
-    if (!t || !X) return;
-    const b = $.map((Y) => Y.id === s ? {
-      ...Y,
-      material: { ...Y.material, ...q }
-    } : Y);
-    a(t, { statusList: b });
+    g(s), b(!0);
+  }, R = (s, q) => {
+    if (!t || !T) return;
+    const x = Y.map((X) => X.id === s ? {
+      ...X,
+      material: { ...X.material, ...q }
+    } : X);
+    a(t, { statusList: x });
   };
-  return X ? /* @__PURE__ */ h("div", { className: "h-full flex flex-col bg-white border-l border-gray-200", children: [
+  return T ? /* @__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(Rt, { activeKey: S, onChange: u, children: [
-      /* @__PURE__ */ e(ut, { tab: "基础", children: /* @__PURE__ */ h(
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ h(_t, { activeKey: S, onChange: u, children: [
+      /* @__PURE__ */ e(mt, { tab: "基础", children: /* @__PURE__ */ h(
         w,
         {
           form: m,
           layout: "vertical",
-          onValuesChange: L,
-          initialValues: { name: X.name },
+          onValuesChange: $,
+          initialValues: { name: T.name },
           children: [
             /* @__PURE__ */ e(w.Item, { label: "节点名称", name: "name", children: /* @__PURE__ */ e(re, { placeholder: "输入节点名称" }) }),
             /* @__PURE__ */ h(Ne, { ghost: !0, defaultActiveKey: ["position", "size", "style"], children: [
-              /* @__PURE__ */ e(Ee, { header: "位置", children: /* @__PURE__ */ h(be, { children: [
+              /* @__PURE__ */ e(Me, { header: "位置", children: /* @__PURE__ */ h(be, { children: [
                 /* @__PURE__ */ e(w.Item, { label: "X", name: ["normalStyle", "x"], children: /* @__PURE__ */ e(te, {}) }),
                 /* @__PURE__ */ e(w.Item, { label: "Y", name: ["normalStyle", "y"], children: /* @__PURE__ */ e(te, {}) })
               ] }) }, "position"),
-              /* @__PURE__ */ e(Ee, { header: "尺寸", children: /* @__PURE__ */ h(be, { children: [
+              /* @__PURE__ */ e(Me, { header: "尺寸", children: /* @__PURE__ */ h(be, { children: [
                 /* @__PURE__ */ e(w.Item, { label: "宽度", name: ["normalStyle", "width"], children: /* @__PURE__ */ e(te, { min: 10 }) }),
                 /* @__PURE__ */ e(w.Item, { label: "高度", name: ["normalStyle", "height"], children: /* @__PURE__ */ e(te, { min: 10 }) })
               ] }) }, "size"),
-              /* @__PURE__ */ h(Ee, { header: "样式", children: [
+              /* @__PURE__ */ h(Me, { header: "样式", children: [
                 /* @__PURE__ */ e(w.Item, { label: "背景色", name: ["normalStyle", "background"], children: /* @__PURE__ */ e(re, { placeholder: "transparent, #fff, url(...)" }) }),
                 /* @__PURE__ */ e(w.Item, { label: "内边距", name: ["normalStyle", "padding"], children: /* @__PURE__ */ e(te, { min: 0 }) }),
                 /* @__PURE__ */ e(w.Item, { label: "圆角", name: ["normalStyle", "borderRadius"], children: /* @__PURE__ */ e(te, { min: 0 }) }),
@@ -3335,10 +3353,10 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
           ]
         }
       ) }, "basic"),
-      /* @__PURE__ */ e(ut, { tab: "状态", children: X.type === "group" && X.children ? /* @__PURE__ */ e(
-        Gn,
+      /* @__PURE__ */ e(mt, { tab: "状态", children: T.type === "group" && T.children ? /* @__PURE__ */ e(
+        qn,
         {
-          node: X,
+          node: T,
           updateNode: r,
           materials: i
         }
@@ -3346,42 +3364,42 @@ const kn = /* @__PURE__ */ vn(In), En = (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(ye, { color: "blue", className: "ml-2", children: $.length })
+            /* @__PURE__ */ e(ye, { color: "blue", className: "ml-2", children: Y.length })
           ] }),
           /* @__PURE__ */ e(
             Z,
             {
               type: "primary",
               size: "small",
-              icon: /* @__PURE__ */ e(zt, {}),
+              icon: /* @__PURE__ */ e(Ot, {}),
               onClick: xe,
               children: "添加状态"
             }
           )
         ] }),
         /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mb-3", children: "节点根据状态表达式计算结果显示对应物料，第一个返回 true 的状态为当前状态" }),
-        $.length > 0 && /* @__PURE__ */ e("div", { className: "mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg", children: /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ h("div", { children: [
+        Y.length > 0 && /* @__PURE__ */ e("div", { className: "mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg", children: /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ h("div", { children: [
           /* @__PURE__ */ e("span", { className: "text-sm text-gray-600", children: "当前状态:" }),
           /* @__PURE__ */ e("span", { className: "ml-2 text-sm font-medium text-blue-600", children: "由表达式自动计算" })
         ] }) }) }),
-        $.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,
+        Y.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-4 bg-gray-50 rounded-lg", children: "暂无状态，点击上方按钮添加" }) : /* @__PURE__ */ e(Ne, { ghost: !0, defaultActiveKey: Y[0]?.id + t, children: Y.map((s, q) => /* @__PURE__ */ e(
+          Me,
           {
             header: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 w-5", children: q + 1 }),
               /* @__PURE__ */ e("span", { className: "font-medium", children: s.name }),
               /* @__PURE__ */ e(ye, { color: "default", className: "text-xs", children: s.material.type })
             ] }),
-            extra: /* @__PURE__ */ h(be, { size: "small", onClick: (b) => b.stopPropagation(), children: [
+            extra: /* @__PURE__ */ h(be, { size: "small", onClick: (x) => x.stopPropagation(), children: [
               /* @__PURE__ */ e(
                 Z,
                 {
                   type: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ e(Ot, {}),
+                  icon: /* @__PURE__ */ e(At, {}),
                   disabled: q === 0,
-                  onClick: (b) => {
-                    b.stopPropagation(), J(s.id, "up");
+                  onClick: (x) => {
+                    x.stopPropagation(), K(s.id, "up");
                   }
                 }
               ),
@@ -3390,10 +3408,10 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                 {
                   type: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ e(At, {}),
-                  disabled: q === $.length - 1,
-                  onClick: (b) => {
-                    b.stopPropagation(), J(s.id, "down");
+                  icon: /* @__PURE__ */ e(jt, {}),
+                  disabled: q === Y.length - 1,
+                  onClick: (x) => {
+                    x.stopPropagation(), K(s.id, "down");
                   }
                 }
               ),
@@ -3402,9 +3420,9 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                 {
                   type: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ e(_t, {}),
-                  onClick: (b) => {
-                    b.stopPropagation(), A(s);
+                  icon: /* @__PURE__ */ e(zt, {}),
+                  onClick: (x) => {
+                    x.stopPropagation(), W(s);
                   }
                 }
               ),
@@ -3414,9 +3432,9 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                   type: "text",
                   size: "small",
                   danger: !0,
-                  icon: /* @__PURE__ */ e(ot, {}),
-                  onClick: (b) => {
-                    b.stopPropagation(), we(s.id);
+                  icon: /* @__PURE__ */ e(ct, {}),
+                  onClick: (x) => {
+                    x.stopPropagation(), we(s.id);
                   }
                 }
               )
@@ -3426,7 +3444,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                 re,
                 {
                   value: s.name,
-                  onChange: (b) => ie(s.id, { name: b.target.value }),
+                  onChange: (x) => ie(s.id, { name: x.target.value }),
                   placeholder: "输入状态名称"
                 }
               ) }),
@@ -3436,17 +3454,17 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                   label: "执行表达式",
                   help: "返回 true 时激活此状态，可使用 data 变量访问绑定数据",
                   children: /* @__PURE__ */ e(
-                    qn,
+                    Bn,
                     {
-                      value: W[s.id] ?? s.expression,
-                      onChange: (b) => O((Y) => ({
-                        ...Y,
-                        [s.id]: b.target.value
+                      value: U[s.id] ?? s.expression,
+                      onChange: (x) => j((X) => ({
+                        ...X,
+                        [s.id]: x.target.value
                       })),
-                      onBlur: (b) => {
-                        ie(s.id, { expression: b.target.value }), O((Y) => {
-                          const M = { ...Y };
-                          return delete M[s.id], M;
+                      onBlur: (x) => {
+                        ie(s.id, { expression: x.target.value }), j((X) => {
+                          const D = { ...X };
+                          return delete D[s.id], D;
                         });
                       },
                       rows: 3,
@@ -3460,7 +3478,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                 {
                   mode: "tags",
                   value: s.bindCodes || [],
-                  onChange: (b) => ie(s.id, { bindCodes: b }),
+                  onChange: (x) => ie(s.id, { bindCodes: x }),
                   placeholder: "输入数据源 code",
                   tokenSeparators: [",", " "]
                 }
@@ -3473,23 +3491,23 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                   {
                     type: "link",
                     size: "small",
-                    icon: /* @__PURE__ */ e(ft, {}),
+                    icon: /* @__PURE__ */ e(pt, {}),
                     onClick: () => G(s.id),
                     children: "更换物料"
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ e(Me, { style: { margin: "12px 0" } }),
+              /* @__PURE__ */ e(De, { style: { margin: "12px 0" } }),
               /* @__PURE__ */ h("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: [
                 /* @__PURE__ */ h("div", { className: "flex items-center justify-between mb-2", children: [
                   /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: "物料属性" }),
                   /* @__PURE__ */ e(ye, { children: s.material.name })
                 ] }),
                 /* @__PURE__ */ e(
-                  Ht,
+                  Gt,
                   {
                     material: s.material,
-                    onSave: (b) => T(s.id, b),
+                    onSave: (x) => R(s.id, x),
                     bindCodes: s.bindCodes || [],
                     dataOptions: l || []
                   }
@@ -3500,12 +3518,12 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
           s.id + t
         )) })
       ] }) }, "status"),
-      /* @__PURE__ */ e(ut, { tab: "控制", children: /* @__PURE__ */ h(
+      /* @__PURE__ */ e(mt, { tab: "控制", children: /* @__PURE__ */ h(
         w,
         {
           form: m,
           layout: "vertical",
-          onValuesChange: L,
+          onValuesChange: $,
           children: [
             /* @__PURE__ */ e(
               w.Item,
@@ -3513,7 +3531,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                 label: "可拖拽",
                 name: ["controlInfo", "isDraggable"],
                 valuePropName: "checked",
-                children: /* @__PURE__ */ e(Je, {})
+                children: /* @__PURE__ */ e(Qe, {})
               }
             ),
             /* @__PURE__ */ e(
@@ -3522,7 +3540,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                 label: "可点击",
                 name: ["controlInfo", "isClickable"],
                 valuePropName: "checked",
-                children: /* @__PURE__ */ e(Je, {})
+                children: /* @__PURE__ */ e(Qe, {})
               }
             ),
             /* @__PURE__ */ e(
@@ -3531,7 +3549,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                 label: "可调整大小",
                 name: ["controlInfo", "isResizable"],
                 valuePropName: "checked",
-                children: /* @__PURE__ */ e(Je, {})
+                children: /* @__PURE__ */ e(Qe, {})
               }
             ),
             /* @__PURE__ */ e(
@@ -3540,7 +3558,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                 label: "可选中",
                 name: ["controlInfo", "isSelectable"],
                 valuePropName: "checked",
-                children: /* @__PURE__ */ e(Je, {})
+                children: /* @__PURE__ */ e(Qe, {})
               }
             )
           ]
@@ -3550,44 +3568,44 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
     /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ h("div", { className: "text-xs text-gray-500", children: [
       /* @__PURE__ */ h("div", { children: [
         "节点 ID: ",
-        X.id.slice(0, 8),
+        T.id.slice(0, 8),
         "..."
       ] }),
       /* @__PURE__ */ h("div", { children: [
         "状态数: ",
-        $.length
+        Y.length
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      it,
+      st,
       {
         title: "选择物料",
-        open: k,
+        open: E,
         onCancel: () => {
-          v(!1), g(null);
+          b(!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((s) => ["矩形", "圆形", "圆角矩形"].includes(s.name)).map((s) => /* @__PURE__ */ e(
-            Lt,
+          /* @__PURE__ */ e(Me, { header: "基础形状", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter((s) => ["矩形", "圆形", "圆角矩形"].includes(s.name)).map((s) => /* @__PURE__ */ e(
+            $t,
             {
               material: s,
               onClick: () => ne(s)
             },
             s.id
           )) }) }, "basic"),
-          /* @__PURE__ */ e(Ee, { header: "设备图标", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter(
+          /* @__PURE__ */ e(Me, { header: "设备图标", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: i.filter(
             (s) => ["阀门", "泵", "罐体"].includes(s.name) || s.type === "IMAGE" && !["矩形", "圆形", "圆角矩形"].includes(s.name)
           ).map((s) => /* @__PURE__ */ e(
-            Lt,
+            $t,
             {
               material: s,
               onClick: () => ne(s)
             },
             s.id
           )) }) }, "device"),
-          /* @__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(
+          /* @__PURE__ */ e(Me, { 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",
@@ -3599,7 +3617,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
             },
             s.id
           )) }) }, "text"),
-          /* @__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(
+          /* @__PURE__ */ e(Me, { 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",
@@ -3615,7 +3633,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       }
     )
   ] }) : /* @__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 }) => {
+}, $t = ({ material: l, onClick: f }) => {
   const t = l.type === "IMAGE" ? l.src : void 0;
   return /* @__PURE__ */ h(
     "div",
@@ -3628,9 +3646,9 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       ]
     }
   );
-}, Vn = "ConfigEditor-module__configEditor__dinNG", Zn = {
-  configEditor: Vn
-}, { Header: Jn, Sider: Yt, Content: Kn } = ht, ol = ({
+}, Zn = "ConfigEditor-module__configEditor__dinNG", Jn = {
+  configEditor: Zn
+}, { Header: Kn, Sider: Xt, Content: Qn } = ft, sl = ({
   initialScheme: l,
   onChange: f,
   readonly: t = !1,
@@ -3642,7 +3660,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
   showPropertyPanel: p = !0,
   customMaterials: d
 }) => {
-  const [m, S] = Ce.useState(!1), [u, k] = Ce.useState(""), [v, I] = Ce.useState([
+  const [m, S] = Ce.useState(!1), [u, E] = Ce.useState(""), [b, k] = Ce.useState([
     {
       paramsCode: "001",
       paramsName: "通频速度有效值",
@@ -3655,70 +3673,70 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
       value: 1.5,
       paramsUnit: "m/s²"
     }
-  ]), { exportScheme: g, importScheme: W, nodes: O, materials: X, addMaterial: $ } = ze();
+  ]), { exportScheme: g, importScheme: U, nodes: j, materials: T, addMaterial: Y } = Oe();
   Ce.useRef(null);
-  const L = Ce.useRef(!1);
-  me(() => {
-    L.current || (L.current = !0, X.length === 0 && Dn.forEach((A) => $(A)), d && d.length > 0 && d.forEach((A) => $(A)), l && W(l));
-  }, []), me(() => {
+  const $ = Ce.useRef(!1);
+  he(() => {
+    $.current || ($.current = !0, T.length === 0 && Ln.forEach((W) => Y(W)), d && d.length > 0 && d.forEach((W) => Y(W)), l && U(l));
+  }, []), he(() => {
     if (f) {
-      const A = g();
-      f(A);
+      const W = g();
+      f(W);
     }
-  }, [O, f]);
+  }, [j, f]);
   const xe = V(() => {
-    const A = g(), J = JSON.stringify(A, null, 2), G = "data:application/json;charset=utf-8," + encodeURIComponent(J), T = `scheme_${Date.now()}.json`, s = document.createElement("a");
-    s.setAttribute("href", G), s.setAttribute("download", T), s.click(), Ye.success("导出成功！");
+    const W = g(), K = JSON.stringify(W, null, 2), G = "data:application/json;charset=utf-8," + encodeURIComponent(K), R = `scheme_${Date.now()}.json`, s = document.createElement("a");
+    s.setAttribute("href", G), s.setAttribute("download", R), s.click(), $e.success("导出成功！");
   }, [g]), ne = V(() => {
     try {
-      const A = JSON.parse(u);
-      W(A), S(!1), k(""), Ye.success("导入成功！");
+      const W = JSON.parse(u);
+      U(W), S(!1), E(""), $e.success("导入成功！");
     } catch {
-      Ye.error("JSON 格式错误，请检查输入");
+      $e.error("JSON 格式错误，请检查输入");
     }
-  }, [u, W]), we = V(
-    (A) => {
-      const J = new FileReader();
-      return J.onload = (G) => {
+  }, [u, U]), we = V(
+    (W) => {
+      const K = new FileReader();
+      return K.onload = (G) => {
         try {
-          const T = G.target?.result, s = JSON.parse(T);
-          W(s), Ye.success("导入成功！"), S(!1);
+          const R = G.target?.result, s = JSON.parse(R);
+          U(s), $e.success("导入成功！"), S(!1);
         } catch {
-          Ye.error("文件格式错误");
+          $e.error("文件格式错误");
         }
-      }, J.readAsText(A), !1;
+      }, K.readAsText(W), !1;
     },
-    [W]
+    [U]
   ), ie = V(() => g(), [g]);
   return Ce.useImperativeHandle(
     Ce.useRef?.(),
     () => ({
       getScheme: ie,
       exportScheme: g,
-      importScheme: W
+      importScheme: U
     }),
-    [ie, g, W]
-  ), /* @__PURE__ */ e(Bt, { locale: kn, children: /* @__PURE__ */ e("div", { className: Zn.configEditor, style: n, children: /* @__PURE__ */ h(
-    ht,
+    [ie, g, U]
+  ), /* @__PURE__ */ e(Vt, { locale: En, children: /* @__PURE__ */ e("div", { className: Jn.configEditor, style: n, children: /* @__PURE__ */ h(
+    ft,
     {
       className: `h-full w-full overflow-hidden ${c}`,
       children: [
-        a && /* @__PURE__ */ h(Jn, { className: "bg-white border-b border-gray-200 px-4 flex items-center justify-between flex-shrink-0", children: [
+        a && /* @__PURE__ */ h(Kn, { 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: [
-              O.length,
+              j.length,
               " 个节点"
             ] })
           ] }),
           /* @__PURE__ */ h(be, { children: [
             r,
-            !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(
+            !t && /* @__PURE__ */ h(Ae, { children: [
+              /* @__PURE__ */ e(Ye, { title: "导出 JSON", children: /* @__PURE__ */ e(Z, { icon: /* @__PURE__ */ e(fn, {}), onClick: xe, children: "导出" }) }),
+              /* @__PURE__ */ e(Ye, { title: "导入 JSON", children: /* @__PURE__ */ e(
                 Z,
                 {
-                  icon: /* @__PURE__ */ e(mt, {}),
+                  icon: /* @__PURE__ */ e(gt, {}),
                   onClick: () => S(!0),
                   children: "导入"
                 }
@@ -3726,19 +3744,19 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
             ] })
           ] })
         ] }),
-        /* @__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__ */ h(ft, { children: [
+          i && !t && /* @__PURE__ */ e(Xt, { width: 280, className: "bg-white", theme: "light", children: /* @__PURE__ */ e($n, {}) }),
+          /* @__PURE__ */ e(Qn, { className: "bg-gray-100 relative", children: /* @__PURE__ */ e(jn, { defaultTestData: b }) }),
+          p && !t && /* @__PURE__ */ e(Xt, { width: 360, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(Vn, { defaultTestData: b }) })
         ] }),
         /* @__PURE__ */ e(
-          it,
+          st,
           {
             title: "导入组态方案",
             open: m,
             onOk: ne,
             onCancel: () => {
-              S(!1), k("");
+              S(!1), E("");
             },
             width: 600,
             children: /* @__PURE__ */ h("div", { className: "space-y-4", children: [
@@ -3749,9 +3767,9 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                   {
                     type: "file",
                     accept: ".json",
-                    onChange: (A) => {
-                      const J = A.target.files?.[0];
-                      J && we(J);
+                    onChange: (W) => {
+                      const K = W.target.files?.[0];
+                      K && we(K);
                     },
                     className: `block w-full text-sm text-gray-500
                   file:mr-4 file:py-2 file:px-4
@@ -3769,7 +3787,7 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
                   "textarea",
                   {
                     value: u,
-                    onChange: (A) => k(A.target.value),
+                    onChange: (W) => E(W.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"
                   }
@@ -3783,14 +3801,14 @@ const kn = /* @__PURE__ */ vn(In), En = (l) => (f, t, r) => (r.setState = (c, n,
   ) }) });
 };
 export {
-  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
+  jn as Canvas,
+  sl as ConfigEditor,
+  $n as MaterialPanel,
+  Ht as NodeRenderer,
+  Vn as PropertyPanel,
+  Yn as createDefaultNode,
+  Ut as createDefaultStatus,
+  Ln as initMaterials,
+  Oe as useEditorStore
 };
 //# sourceMappingURL=config-editor.es.js.map